@charset "UTF-8";

/*
Theme Name: Slovclean
*/




html {
    box-sizing: border-box
}
body {
    font-size: 16px;
    background-color: #fff;
    color: #5A6772;
    margin: 0px auto!important;
    position: relative;
}
*, :after, :before {
    box-sizing: inherit
}
ol, ul {
    list-style-type: none
}
blockquote, body, dd, dl, figure, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
    padding: 0;
    margin: 0;
    font-family: 'Varela Round', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
hr, pre {
    margin: 0;
    line-height: 1.3rem
}
hr {
    border-style: none;
    background: #19cade;
    height: .125em
}
.aligner:after, .aligner:before {
    display: table;
    line-height: 0
}
.aligner>.aligner {
    clear: none
}





a {color: #A7E51D;text-decoration:none;font-weight:bold;transition: all .3s;-webkit-transition: all .3s}

a#more {

}
a:hover {color:#7aa528}
.hero-video {
    position: relative;
    font-size: 0;
    /* min-height: 100vh; */
    /* min-height: calc(100vh - 40px); */
    /* max-height: calc(100vh - 40px); */
    background-color: white;
    overflow: hidden;
    /* border: 2px solid #F0F9FF; */
    /* background: #F0F9FF; */
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.finished-video-1 .hero-video {
     background-color: black
}




#products:before {transition: all .74s ease-in-out; -webkit-transition: all .74s ease-in-out, content:"";width:100px;height: 95px;background-image:url();display: block;background-size: 49px;background-repeat: no-repeat;background-position: top;position: absolute;right: 0px;z-index: 9;top: 0;/* opacity: 0; */margin-top: -105px;}

.fixedheader #products:before {background-position:bottom;/* bottom: -100px; *//* z-index: 99999; *//* position: absolute; */margin-top: -10px;}

.hero-video h1 {/* color:black; */text-align:left;font-size:2rem;}

.hero-video .btn.ghost {background-color: transparent!important;color: #a7e520;box-shadow: none!important;}
.hero-video .btn.ghost:hover {background-color:white!important;}
.hero-video .btn {/* left: 0; */opacity:0;/* color: #E14352; *//* position: absolute; *//* top: 20vh; *//* right: 0; */margin: 10px;background-color: white!important;/* display: none; */}



.hero-video h1 {

-webkit-animation: contactTop 1s ease-out 1.6s forwards;
    -moz-animation: contactTop 1 ease-out 1.6s forwards;
    -ms-animation: contactTop 1s ease-out 1.6s forwards;
    animation: contactTop 1s ease-out 1.6s forwards;

}


.hero-video p {
    
    -webkit-animation: contactTop 1s ease-out 2s forwards;
    -moz-animation: contactTop 1 ease-out 2s forwards;
    -ms-animation: contactTop 1s ease-out 2s forwards;
    animation: contactTop 1s ease-out 2s forwards;

}

.hero-video .btn,
.hero-video p.second {
    
    -webkit-animation: contactTop 1s ease-out 2.3s forwards;
    -moz-animation: contactTop 1 ease-out 2.3s forwards;
    -ms-animation: contactTop 1s ease-out 2.3s forwards;
    animation: contactTop 1s ease-out 2.3s forwards;

}


#product:before {
    -webkit-animation: contactTop 1s ease-out 2.6s forwards;
    -moz-animation: contactTop 1 ease-out 2.6s forwards;
    -ms-animation: contactTop 1s ease-out 2.6s forwards;
    animation: contactTop 1s ease-out 2.6s forwards;


}




.hero-video h1 b {font-size:inherit;}
.hero-video video {width:100%;opacity: .789;/* background-blend-mode: multiply; *//* background-color: red; *//* background: linear-gradient(90deg,#00f 50%,transparent 50.1%); */transition: all .4s ease-in; -webkit-transition: all .4s ease-in; /* position: fixed; *//* z-index: -1; *//* left: 0; *//* top: 0; */}
.hero-video .over-video {/* color:white; */position:absolute;z-index: 7;top: 15%;/* font-size: 2vw; *//* padding: 10vw; */text-align: center;width: 100%;margin-top: 0;height: 420px;}
.over-video h1 {font-size: 5rem;text-align: left;padding: 0px;/* max-width: 690px; */margin-top: 0vh;opacity: 0;margin: 20px auto;/* display: inline-block; *//* width: 100%; */text-align: center;/* margin-left: -360px; */color: white;margin-top: 10%;margin-top: 16%;display: block;margin-bottom: 18px;}
.over-video h1 span {display: block;/* position: absolute; *//* font-family: 'Varela', sans-serif; */font-weight: 100;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
.over-video h1 span:nth-child(1) {transform-origin:right;font-size: 6rem;margin-left: 0px;margin-top: -40px;line-height: 4rem;display: inline-block;display: none;}
.over-video h1 span:nth-child(2) {transform-origin:left;font-size: 6rem;/* margin-right: 0px; */margin-top: 37px;line-height: 2rem;/* font-weight: 100; */display: inline-block;display: none;}
.over-video h1 span:nth-child(3) {font-size: 3.1rem;margin-top: -6px;margin-left: 0px;text-transform: uppercase;}
.over-video p {display:block;clear: both;margin-top: 0px;font-size: 1.5rem;opacity: 0;padding: 0px 20px;display: block;font-weight: bold;color: white;margin-bottom: 40px;display: none;}


.hero-video:hover .over-video h1 span:nth-child(1) {transform:scale(1.2)}
.hero-video:hover .over-video h1 span:nth-child(20) {transform:scale(1.2)}
h1, h2, h3,h4 {
    /* font-family: proxima-nova, sans-serif; */
    font-weight: 100;
    /* font-style: normal; */
    /* font-family: houschka-rounded,sans-serif; */
    /* font-weight: 300; */
    /* font-style: normal; */
    /* font-family: houschka-rounded, sans-serif; */
    /* font-weight: 300; */
    /* font-style: normal; */
    /* font-family: 'Varela Round', sans-serif; */
    /* font-family: 'Varela Round', sans-serif; */
}

#page {
  /* make sure to cover the screen */
  min-height: 100vh;

  /* need a solid bg to hide the footer */
  background: white;

  /* put on top */
  position: relative;
  z-index: 1;
  padding: 10px;
  /* width: 100%; */
}
#colophon {/* color:white; */background-color: #1c1919;padding: 30px 0px;background-color: black;text-align: center;line-height: 1.593rem;font-size: 1rem;/* position: relative; */}
#colophon h2 {position:relative;z-index:9;margin-bottom: 60px;text-transform: uppercase;font-size: 1.35rem;margin-top: 20px;font-weight: bold;}

#colophon a {color: inherit;text-decoration:none;/* color: white; */}

#colophon .wrap {margin:0px auto;text-align:left;max-width:1200px;margin:0px auto;font-size: 0;/* color: #bbb; */padding-bottom: 40px;padding-top: 40px;position: relative;padding: 40px;}

.mission {max-width:900px;margin:20px auto;font-size: 0;position: relative;z-index: 9;}
.mission h3 {font-size:2rem; text-transform:uppercase; display:block; margin:20px auto}
.mission div {display:inline-block; vertical-align:top; width:50%; padding:20px;}

footer#colophon {
  /* place on the bottom */
  /* position: sticky; */
  bottom: 0;
  left: 0;
  width: 100%;
  /* background: #252a47; */
  /* display: grid; */
  /* place-items: center; */
  padding: 50px;
  box-sizing: border-box;
}

#colophon .wrap:before {content:"";display:block;background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo2.svg);width: 150px;height: 28px;margin-top: -10px;background-repeat:no-repeat;background-size: 150px;margin-bottom: 30px;}


    #colophon .address {display:inline-block;vertical-align:top;/* padding-right: 60px; *//* width: calc(100% - 160px); */width: 50%;}

    #colophon .address div {display:inline-block;vertical-align: top;min-width:200px;font-size: 1rem;/* line-height: 2rem; */margin-right: 60px;}
      #colophon .social {display:inline-block;vertical-align: top;/* width: 160px; */text-align: left;width: 50%;}
      #colophon .social a {display:inline-block;width: 49px;height: 49px;margin: 0px 20px;background-repeat:no-repeat;background-position:center;opacity: 1;/* display: block; */background-position: center;margin-left: auto;margin-bottom: 26px;max-width: 60px;transition: all .3s; -webkit-transition: all .3s;  border: 1px solid #5a6771;background-size: 20px;padding: 10px;border-radius: 50%;}
      #colophon .social a:hover {/* opacity:.9; */border-color: #a7e520;}
      #colophon .social a img {display:none;}
 #colophon a {transition: all .4s; -webkit-transition: all .4s;/* opacity:.7 */}
      #colophon a:hover {opacity:1;color: #a7e520;}

#colophon .social a.f {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/facebook1.svg);background-size: 11px;display: none;}
#colophon .social a.i {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/instagram1.svg);display: none;}
#colophon .social a.l {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/linkedin1.svg);display: none;}
      
          #colophon .copyright {text-align:left;/* width:100%; */max-width:1200px;border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;font-size:0;margin: 10px auto;/* color: #bbb; */padding-left: 40px;padding-right: 40px;}
        #colophon .copyright div {display:inline-block;margin-left:0px;/* padding-right:20px */}
        #colophon .copyright div a {text-transform:uppercase;}

        #colophon .copyright div:nth-child(1) {width:50%;font-size: 0.68rem;vertical-align:middle;}
        #colophon .copyright div:nth-child(2) {width: 50%;text-align:right;font-size:0.8rem;vertical-align:middle;/* padding-right: 80px; */}
                #colophon .copyright div:nth-child(2) a {padding-left:10px; font-size:.7rem}
                #colophon .copyright div:nth-child(2) a:nth-child(1) {/* border-left: 1px solid rgba(255,255,255,0.1); */padding-right:10px;}



    @-webkit-keyframes contactTop {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes contactTop {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes contactTop {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}







    @-webkit-keyframes contactTop2 {
    0% {
        opacity: 0;
        max-width:0;


    }
    100% {
        opacity: 1;
        max-width:300px;
    }
}
@-moz-keyframes contactTop2 {
    0% {
        opacity: 0;
        max-width:0;


    }
    100% {
        opacity: 1;
        max-width:300px;
    }
}
@keyframes contactTop2 {
    0% {
        opacity: 0;
        max-width:0;


    }
    100% {
        opacity: 1;
        max-width:300px;
    }
}



#video2 {display:none}
#video2 video {}
.finished-video-1 #video2 {display:block;}


#video1 {
    z-index: 9;
}
#video1 video {opacity:1;/* max-width: 900px; */}
.finished-video-1 #video1 {display:none;}
.logo {/* transition: all .3s ease-in-out; */position:absolute;width: 200px;height: 37px;background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg);background-repeat:no-repeat;background-position: left top;left: 47px;top: 40px;transition: all 0.2s;-webkit-transition: none;z-index: 991119;background-size: 100%;background-position: TOP;backface-visibility: hidden;}
.logo:hover {/* height: 65px; *//* margin-top: -8px; *//* background-size: 200px; */}

#masthead {position:absolute;max-width: 1680px;margin:0px auto;left:0;right:0;height: 120px;text-align: center;z-index: 9999;top: 0;}
#masthead:before {content:"";display:block;height:120px;width:100%;z-index:9;background-color: white;transition: all .3s ease-in-out;  -webkit-transition: all .3s ease-in-out; position:absolute;height: 0;/* height: 120px; */}
.finished-video-1 #masthead:before {height:0}
#masthead:hover:before {height:120px;}
#masthead:hover .logo {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg); background-size: 2;}
#masthead:hover #site-navigation a { color:#5a6771;}
#masthead #site-navigation a:hover {color:#a7e520;}
#masthead:hover #searchicon {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/search3.svg);}
#masthead .logo:after {content:"";background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg);display:inline-block;width: 100%;height: 0px;/* max-height: 0px; */; overflow: hidden;x;background-size: 200px;background-position: left bottom;position: absolute;left: 0;bottom: 0;margin-bottom: -18px;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; width: 100%;backface-visibility: hidden;}
#masthead:hover .logo:after {height: 16px;}


/*pages*/
.single #masthead {position:relative}

.page #masthead:before,
.search #masthead:before,
.single #masthead:before {height:120px;}
.page #masthead .logo,
.search #masthead .logo,
.single #masthead .logo {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg)}
.page #masthead #site-navigation a,
.search #masthead #site-navigation a,
.single #masthead #site-navigation a { color:#5a6771;}
.page #searchicon,
.search #searchicon,
.single #searchicon {/* background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/search.svg) */}

.search #masthead {position:relative;}

/*pages*/



#site-navigation {top: 41px;position: relative;z-index:99999;text-align:center;/* left:0; *//* right:0; *//* width: initial; */display: inline-block;/* margin: 0px auto; */}
#site-navigation ul, #site-navigation div {display:inline-block;margin-left: 0;padding-left: 0;}
#site-navigation li {display:inline-block;position: relative;}
#site-navigation a {font-size:1rem; color:white;}
#primary-mobile-menu {display:none}
#site-navigation a {/* line-height:6rem; */text-decoration: none;padding: 10px;display: block;transition: all .3s ease-in-out, -webkit-transition: all .3s ease-in-out;color: #5a6771;position: relative;}

#searchicon {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/search3.svg);display:inline-block;height: 23px;width: 30px;display:block;position:absolute;right: 52px;top: 48px;z-index: 82928;background-position: center;background-repeat: no-repeat;/* transition: all .3s ease-in-out; *//* transform-origin: right; *//* position: relative; *//* border-left: 2px solid white; *//* border-right: 2px solid white; */padding: 0px 30px;}
#searchicon:hover {/* transform: scale(1.3); */}

#user {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/user2.svg);display:inline-block;height: 23px;width: 30px;display:block;position:absolute;right: 128px;top: 48px;z-index: 82928;background-position: top left;background-repeat: no-repeat;/* transition: all .3s ease-in-out; *//* transform-origin: right; *//* position: relative; */}
.finished-video-1 #user {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/user1.svg);}
#user:hover,#masthead:hover #user {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/user2.svg);}
#user span {transition: all .3s;-webkit-transition: all .3s ease-in-out;/* opacity:0; *//* visibility:hidden; */position:absolute;font-size: .7rem;display:block;width: 60px;left:0;top:0;margin-top:30px;margin-left: -22px;color: #A7E51D;}
#user:hover span {visibility:visible; opacity:1}

#searchicon:before {content:"";height:100%;width:2px;display:block;position:absolute;background-color: #a7e520;transform:rotate(45deg);margin-left: 0px;transition: all .3s;  -webkit-transition: all .3s ease-in-out;/* width: 0; */transform: rotate(0deg);opacity: 0;}
#searchicon:after {content:"";height:100%;width:2px;display:block;position:absolute;background-color: #a7e520;transform:rotate(-45deg);margin-left: 1px;transition: all .3s; -webkit-transition: all .3s ease-in-out; transform: rotate(0deg);opacity: 0;}

#searchicon span {transition: all .3s; -webkit-transition: all .3s ease-in-out; opacity:0;visibility:hidden;position:absolute;font-size: .7rem;display:block;width:100px;left:0;top:0;margin-top:30px;margin-left:-23px;color: #A7E51D;font-weight: bold;}
#searchicon:hover span {visibility:visible; opacity:1}


#searchicon.closed {background-image:none!important;/* position: fixed; *//* top: 70px; */}
#searchicon.closed:after  {transform:rotate(-45deg); opacity:1}
#searchicon.closed:before  {transform:rotate(45deg); opacity:1}

.finished-video-1 #searchicon {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/search4.svg);}
.finished-video-1 #site-navigation a {color:white}
.finished-video-1 .logo {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo2.svg);}


#site-navigation a:after {content:""; background-color:#a7e520; height:1px; width:100%; display:block; transition:all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; width:0}
#site-navigation a:hover:after {width:100%}
div {box-sizing:border-box;}
.zodpovednost.politika {/* display:none; */position:relative;max-width:780px;margin:20px auto;padding:60px;border-radius:10px;overflow:hidden;text-align: left;padding-bottom: 140px;text-align: center;margin-top: 50px;}
#page .zodpovednost.politika h2 {font-size: 1.3rem;text-align: center;max-width: 600px;/* color: #a7e520; */margin-top: 0px;line-height: 1.7rem;margin-bottom: 40px;font-weight: bold;}
.zodpovednost.politika p {margin-bottom:20px;line-height: 1.5rem;text-align: justify;}
.zodpovednost.politika strong {font-size: 1.1rem;}
.page-template-default .zodpovednost.politika ul {
    background-color: transparent;
    margin: 0px;
    padding: 20px 20px 0px 20px;
}
.page-template-default  .zodpovednost.politika li {
    margin-bottom: 18px;
    list-style-type: decimal;
}

.page-template-default  .zodpovednost.politika div {text-align: justify;font-size: .9rem;/* text-align: justify; */line-height: 1.3rem;}

.page-template-default  .zodpovednost.politika span {
    /* float: right; */
    padding-top: 20px;
    /* padding-right: 40px; */
    display: block;
    margin: 0px auto;
    line-height: 1rem;
    text-align: center;
    margin-top: -15px;
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}
.page-template-default  .zodpovednost.politika small {
    display: block;
    font-size: .6rem;
}

.page-template-default .zodpovednost.politika span.podpis {}
.page-template-default .zodpovednost.politika span.podpis:before {content:"";width:100px;height: 80px;display:block;/* background-color:red; */left:0;right:0;margin:0px auto;background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/podpis.png);background-size: contain;background-repeat: no-repeat;background-position: center;display: none;}


.page-template-default .zodpovednost.politika em {font-style: normal;font-size: 1.14rem;}



.strp {font-size:0;padding: 40px 20px;max-width: 1400px;margin: 0px auto;}
#slider {
  position: relative;
  overflow: hidden;
  margin: 0px auto 0 auto;
  border-radius: 4px;
  max-width: 50%;
  width: 50%;
  height: 280px!important;
  text-align: center;
  padding-bottom: 0px;
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}
.cert {display:inline-block;width: 50%;vertical-align: middle;font-size: 1rem;padding: 30px;text-align: center;border-left: 1px solid rgba(0,0,0,0.1);}
.cert p {
    padding: 30px;
    max-width: 390px;
    display: block;
    margin: 0px auto;
}

.cert .tuv {padding-left:40px;}

.cert i {display: inline-block;height: 130px;width: 100px;margin:20px auto;/* background-color: red; */background-size:contain;background-repeat:no-repeat;background-position:center;margin-left: -52px;transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.cert .tuv i:nth-child(2) {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/tuv-1.png;)}
.cert .tuv i:nth-child(1) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/c5.png);}
.cert .tuv i:nth-child(3) {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/tuv-3.png;)}
.cert .tuv i:nth-child(4) {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/tuv-4.png;)}

.cert:hover .tuv i {margin-left:-10px;}

#slider.clients {
    max-width: 100%;
    width: 100%;
    padding-bottom: 80px;
    height: auto!important;
    padding-top: 60px;
    /* border-bottom: 1px solid rgba(0,0,0,0.1); */
    padding-bottom: 120px;
    max-width: 1200px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.page-id-316 #slider.clients {display:none}
.page-id-12 #slider.clients {display:none}
.page-id-316 #klientiref #slider.clients {display:block}
.home #slider.clients {border:0}

.page-id-20 #slider.clients {border-top: 1px solid rgba(0,0,0,0.1);}

#slider.clients .gallery-cell {
    width: 210px;
    border:30px solid white;
    background-size:contain;
    height: 140px;
    margin:0px;
    background-repeat:no-repeat;
    background-position:center;
}

#slider.clients .gallery-cell.c1 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-7.png);
}

#slider.clients .gallery-cell.c2 {
    background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-13.png);
}

#slider.clients .gallery-cell.c3{
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-5.png);
}

#slider.clients .gallery-cell.c4 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-18.png);
}





#slider.clients .gallery-cell.c5 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-8.png);
}


#slider.clients .gallery-cell.c6 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-4.png);
}

#slider.clients .gallery-cell.c7 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-9.png);
}

#slider.clients .gallery-cell.c8 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-4.png);
}

#slider.clients .gallery-cell.c10 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-21.png);
}

#slider.clients .gallery-cell.c9 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-3.png);
}

#slider.clients .gallery-cell.c8 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-2.png);
}

#slider.clients .gallery-cell.c11 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-1.png);
}


#slider.clients .gallery-cell.c12 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-12.png);
}

#slider.clients .gallery-cell.c13 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-13.png);
}

#slider.clients .gallery-cell.c14 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-14.png);
}

#slider.clients .gallery-cell.c15 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-15.png);
}

#slider.clients .gallery-cell.c16{
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-11.png);
}

#slider.clients .gallery-cell.c17 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/klient-6.png);
}

#slider.clients .gallery-cell.c18 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-19.png);
}

#slider.clients .gallery-cell.c19 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-20.png);
}
#slider.clients .gallery-cell.c20 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/klient-16.png);
}



#slider.clients .gallery-cell.c21 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-22.png);
}

#slider.clients .gallery-cell.c22 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-23.png);
}


#slider.clients .gallery-cell.c32 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-32-1.png);
}



#slider.clients .gallery-cell.c23 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-24.png);
}

#slider.clients .gallery-cell.c24 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-25.png);
}

#slider.clients .gallery-cell.c25 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-26.png);
}

#slider.clients .gallery-cell.c26 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-27.png);
}


#slider.clients .gallery-cell.c27 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-28.png);
}

#slider.clients .gallery-cell.c28 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-29.png);
}

#slider.clients .gallery-cell.c29 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-30.png);
}

#slider.clients .gallery-cell.c30 {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/klient-31.png);
}




#slider.clients > p {margin-bottom:30px;}


/*------------*/





.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-viewport:before {content: "";left: 0;top: 0px;position: absolute;width: 170px;height: 100%;z-index: 99;background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);}
.flickity-viewport:after {content: "";right: 0;top: 0px;position: absolute;width: 170px;height: 100%;z-index: 99;background: linear-gradient(90deg, rgba(255, 255, 255,0)  0%, rgb(255, 255, 255) 100%);}


.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous {left: 10px;display: none;}
.flickity-prev-next-button.next {right: 10px;display: none;}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -50px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #5a6771;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
  background: #a7e520;
}

.gallery-cell {
  width: 100%;
  height: 200px;
  margin-right: 0px;
  /* background: #8C8; */
  counter-increment: gallery-cell;
  text-align: center;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  /* content: counter(gallery-cell); */
  line-height: 200px;
  font-size: 80px;
  color: white;
}


#slider h2 {font-size: 3.5rem;line-height: 3rem;color: #a7e520;margin: 25px 0px;/* text-transform: uppercase; */}
#slider p {max-width:60%;max-width: 400px;margin:0px auto;}

#slider.clients h2 {
    font-size: 1.5rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: bold;
}
/*------------*/








#slider > h2 {color:#5a6771; text-align:center}

#colophon .social form a {border-radius:0;margin:0;padding:0;border:0;width: auto;height: auto;font-size: .8rem;max-width: initial;color: white;display: inline;opacity: 1;}



.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #a7e520!important; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../assets/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    opacity: .6;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr;
}



input[type="text"], input[type="button"], input[type="submit"] {appearance: none;-webkit-appearance: none;}
::-webkit-input-placeholder { color:#5a6771 }
.wpcf7 {padding-bottom:10px; text-align: center; display: block; max-width: 800px; margin: 40px auto 0px !important; }
.wpcf7 label { max-width: 550px; display: inline-block; width: 100%; position: relative; }
.acceptance { text-align: left; font-size: 1.2rem; }
.podmienky { font-size: 1.2rem; text-align: left; max-width: 600px; margin: 0px auto 30px; max-height: 300px; overflow: scroll; background-color: rgba(0, 0, 0, 0.1); padding: 30px; display: none; }
.acceptance a { text-decoration: underline; color: rgb(210, 35, 42); }
.wpcf7 h4 { font-family: "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 20px; color: inherit; font-size: 0.95rem; }
.wpcf7 label br { display: none; }
input, textarea, select {width: 100%;font-family: inherit;padding: 15px 15px;border-radius: 0;font-size: 1rem;margin-bottom: 2px;max-width: 500px;-webkit-appearance: none;appearance: none;color: #5a6771;background-color: transparent;outline: 0px;border: 1px solid #5a6771;box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 8px;font-weight: bold;transition: all 0.3s ease 0s; -webkit-transition: all .3s ease-in-out; display: inline;box-sizing: border-box;}
input:focus, textarea:focus, select:focus {border: 1px solid white;}
label.sel { display: block; margin: 0px auto; }
.wpcf7 select { background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/arrow.svg"); background-repeat: no-repeat; background-position: 95% 55%; transition: box-shadow 0.3s ease 0s; border-radius: 7px; font-family: inherit; background-color: white; border: 1px solid rgba(0, 0, 0, 0); background-size: 21px; appearance: none !important; }
textarea { }
.wpcf7 label input[type="checkbox"] { display: inline-block; float: left; margin-right: 2px; font-size: initial; padding: initial; width: 20px; height: 20px; appearance: initial; }
input[type="checkbox"] {appearance: checkbox !important;-webkit-appearance: checkbox!important;}
.wpcf7 label span { display: block; margin-bottom: 0px; }
.uploads { border: 2px dashed; display: inline-block; padding: 20px; margin-bottom: 20px; border-radius: 15px; }
html .wpcf7 .wpcf7-submit {box-shadow: none;text-align: center;display: inline-block;border: 0px;outline: none;/* padding: 18px 20px; */background-color: transparent;appearance: none;background-repeat: no-repeat;background-position: 95% center;background-size: 24px;color: #5a6771;color: #a7e520;transition: all 0.4s ease 0s; -webkit-transition: all .4s ease-in-out;margin-left: 0px;/* font-size: 1.58rem; */text-transform: uppercase;letter-spacing: 2px;/* font-weight: normal; */border: 1px solid #5a6771;}
html .wpcf7-submit:hover {background-color: white;color: #5a6771;color: #a7e520;background-position: 97% center;}
html div.wpcf7-validation-errors, html div.wpcf7-mail-sent-ok { z-index: 999999999; color: red; border: 0px; border-radius: 0px; font-size: 1rem; width: 100%; text-align: inherit; left: 0px; top: 0px; display: block; background-color: white; max-width: 430px; margin: 0px auto; padding: 10px; }
html div.wpcf7-mail-sent-ok { color: rgb(58, 49, 39); background-color: rgb(228, 191, 142) !important; }
html div.wpcf7 .ajax-loader {padding: 11px;display: block;width: 6px;height: 6px;border-radius: 50%;background: #a7e520;cursor: pointer;box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px;animation: 1s ease 0s infinite normal none running pulse;margin: -41px 0px 0px 70px;left: 0px;right: 4px;position: relative;}
@-webkit-keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px; }
}
@keyframes pulse { 
  0% { box-shadow: rgba(140, 150, 40, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(140, 150, 40, 0) 0px 0px 0px 0px; }
}
html span.wpcf7-not-valid-tip { display: none; }
html input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-left: 3px solid red; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; }
#colophon .wpcf7 p { display: inline-block; margin: 0px; }
.wpcf7 p { vertical-align: top; display: inline-block; width: 100%; max-width: 100%; position: relative; text-align: center; margin-top: 0px !important; margin-bottom: 15px !important; }
span.p {position: absolute;z-index: 9;font-size: 0.95rem;padding-left: 15px;margin-top: 16px;opacity: 0;color: white;transition: all 0.4s ease 0s; -webkit-transition: all .3s ease-in-out;}
.on span.p { opacity: 0.8; right: 17px; }
.wpcf7-not-valid { border: 2px solid red !important; }
input[type="checkbox"].wpcf7-not-valid::before { content: ""; width: 2px; height: 20px; position: absolute; margin-top: -3px; margin-left: -3px; background-color: red; display: inline-block; }
div.wpcf7 input[type="file"] { background-color: transparent; border: 2px solid white; margin: 20px; width: initial; }
#formular {padding: 10vh 20px;text-align: center;background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/10/wera-footer.png;"), url("https://wera.matoremes.sk/wp-content/uploads/2020/10/bg-footer-2-scaled.jpg");background-repeat: no-repeat;background-size: 40%, cover;background-position: left bottom, center top;position: relative;z-index: 999;}
#formular h2 { color: rgb(183, 107, 119); font-size: 3.1rem; max-width: 500px; margin: 20px auto; text-align: center; font-weight: bold; }
#formular h2::before { content: ""; width: 77%; height: 79px; display: block; background-repeat: no-repeat; background-position: center center; margin: 0px auto; background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/napismi.svg"); }
#formular h2 em { font-size: 1.3rem; display: block; }
#formular strong { font-style: normal; }
.loadingqqq { position: fixed; overflow: hidden; }
#preloader { opacity: 0; visibility: hidden; background-color: white; position: absolute; width: 100vw; height: 100vh; z-index: 9999999; transition: all 1s ease 0s; -webkit-transition: all 1s ease-in-out; background-position: 50% 80%; background-repeat: no-repeat; background-size: 270px; }
.loading #preloader { opacity: 1; visibility: visible; height: 100vh; }
.pulse { opacity: 0; margin: 40vh auto; display: block; width: 22px; height: 22px; cursor: pointer; box-shadow: rgba(204, 169, 44, 0.4) 0px 0px 0px; animation: 1s ease 0s infinite normal none running pulse; background-image: url("https://wera.matoremes.sk/wp-content/uploads/2020/11/heart2.svg"); background-repeat: no-repeat; background-size: contain; }
.loading .pulse { opacity: 1; }
@-webkit-keyframes pulse { 
  0% { transform: scale(1); }
  70% { transform: scale(1.74); }
  100% { transform: scale(1); }
}
@keyframes pulse { 
  0% { transform: scale(1); }
  70% { transform: scale(1.74); }
  100% { transform: scale(1); }
}
#formular p { max-width: 500px; text-align: left; margin: 0px auto; }

.wpcf7-acceptance label {text-align:left;/* color:white; */font-size:.8rem;width: 100%;display: block;}
.wpcf7-acceptance label input[type="checkbox"] {margin-right:10px; display:inline-block;}

form {font-size:0;}
form div._01 {display:inline-block;width: 70%;}
form div._02 {display:inline-block;width: 30%;margin-left: -1px;}
form div._03 {padding:10px 0px;display:inline-block; width:100%; text-align:left}
form div span {width:100%}

#whistleblow form {font-size:1rem}
#whistleblow {max-width:400px;text-align:left;margin: 20px auto;}
#whistleblow p {text-align: left;}
#whistleblow p label small {font-size:.5rem;margin-top:0px;display:inline-block;display: none;}
#whistleblow p label span {margin-top:10px}
html #whistleblow span.wpcf7-not-valid-tip {font-size:.8rem!important;display: block;}

html #whistleblow .wpcf7-response-output {color:initial; text-align:left; padding:10px}


#whistleblow .small {text-align:left; font-size:.8rem; margin:10px 0px}
#whistleblow .wpcf7-checkbox > span {margin: 10px 15px;font-size:.8rem;text-align:center;}
#whistleblow .wpcf7-checkbox span label {text-align:center; display:inline-block;}
#whistleblow .wpcf7-checkbox > span input {display:inline-block;margin:10px auto;float: none;}
form span.wpcf7-list-item {margin:0}
.wpcf7-response-output {font-size:.8rem;color:white;margin: 10px 0px!important;}

.searchme {padding-top:40vh;width: 100%;height:100vh;background-color:white;text-align:center;top:0;position:fixed;/* z-index: 199888888888888889991; */left: 0;}
.searchf .searchme {display:block!important;}
.searchme input[type="text"], input[type="button"], input[type="submit"] {max-width:200px;color: #a7e520;text-transform:uppercase;}
.searchf {/* position:fixed; */overflow:hidden;}
body.search-results {overflow:initial!important}
body.search-results .searchme {position:relative;margin-top: 30px;padding-top: 40px;height: auto;padding-bottom: 40px;/* display: none!important; */}


#content {/* padding-top:160px; */text-align:center;}
.error404 #content {padding-top:20vh}
.o {max-width:880px; margin:20px auto; text-align:left; padding:60px;}
.o h3 {display:block; margin:20px 0px; font-size:1.4rem; line-height:2rem}
.o strong {font-weight:bold;/* color:black */}
.page-template-default article {padding-top: 110px;min-height: 90vh;}

.page-template-default article header {display:none;}

form.search-form  label {font-size:2rem;  display:block; padding-bottom:20px;text-align:left; max-width:630px; margin:0px auto;}
form.search-form input:focus {border-color: #a7e520}

.btn {background-color:white;font-size: 1rem;padding:10px 30px;border-radius:30px;text-transform: uppercase;/* letter-spacing: 1px; */transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; font-weight: bold;text-transform: uppercase;}
.hero-video .btn:hover {/* transform: scale(1.1)!important; *//* color: #5A6772; */background-color: white;}


.gallery-item { width: 280px; height: 170px; display: inline-block; margin-right: 1px; margin-bottom: 1px; vertical-align: top; }
.gallery-item:hover a { background-color: rgba(0, 0, 0, 0.3); }
.gallery-icon { width: 100%; height: 100%; display: block; }
.gallery-icon a { transition: all 0.5s ease 0s; -webkit-transition: all .3s ease-in-out; display: block; background-blend-mode: multiply; background-size: cover; width: 100%; height: 100%; background-position: center center; }
.gallery-icon a img { display: none; }
.gallery {text-align: center;max-width: 884px;margin: 20px auto;}
.gallery-item {display: inline-block;position: relative;width: 220px !important;height: 180px !important;margin: 0px 1px 1px 0px;}
.gallery-item::before {content: "";width: 30px;height: 30px;background-image: url("https://slovunit.sk/wp-content/uploads/2019/03/lupa2.svg");display: inline-block;position: absolute;left: 0px;right: 0px;margin: 78px auto 0px;background-repeat: no-repeat;background-position: center center;transition: all 0.4s ease 0s; -webkit-transition: all .3s ease-in-out; opacity: 0;transform: scale(0);}
.gallery-item:hover::before { opacity: 1; transform: scale(1); }
.tos-opened #masthead { margin-top: -150px; }



.novinky {
    padding: 50px 0px 90px 0px;
    /* border-top: 1px solid rgba(0,0,0,0.2); */
    /* border-bottom: 1px solid rgba(0,0,0,0.2); */
    background-color: rgba(0,0,0,0.02);
}

.novinky > h2 {
    font-size: 1.5rem;
    line-height: 3rem;
    margin: 25px 0px;
    margin-bottom: 0px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.blogs > a {
    color: #5a6771;
    max-width: 350px;
    display:inline-block;
    text-align:left;
    margin:20px;
    text-transform:uppercase;
    padding-bottom: 30px;
    box-shadow: 1px 1px 21px rgb(0 0 0 / 10%);
    transition: all .4s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
}

.blogs > a:hover {
    box-shadow: 1px 1px 6px rgb(0 0 0 / 10%);
}

.blogs > a:hover h1 {
        color: #a7e520;
}


.blogs > a .img {
    display:block;
    background-size:cover;
    height:200px;
    width:100%;
    background-position: center;
}

.blogs > a em {
    font-style:normal;
    margin-left:40px;
    font-size:.6rem;
    border-radius:20px;
    background-color:rgba(0,0,0,0.1);
    padding:5px 10px;
    margin-top: 20px;
    display: inline-block;
}

.blogs > a ul {
    margin-top: 30px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.blogs > a li {list-style:none; font-size:.7rem}
.blogs > a li:before {
    content:"";
    width: 10px;
    height: 10px;
    border-radius:6px;
    background-color: #a7e520;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.blogs > a h1 {padding-left:40px;padding-right:40px;font-size: 1rem;transition: all .3s; -webkit-transition: all .3s ease-in-out; font-weight: bold;display: block;min-height: 90px;white-space: normal;/* letter-spacing: initial; */}


.single-picture {background-blend-mode:multiply;background-color:rgba(0,0,0,0.3);height:70vh;background-size:cover;background-position:center;max-width: 1640px;margin: 0px auto;}
.single-picture header {position:absolute;top: 39vh;text-align:center;width:100%;left: 0;}
.single-picture header h1 {color:white;font-size: 2rem;text-transform:uppercase;max-width:680px;margin:0px auto;}

.single .entry-content { line-height:1.7rem;text-align:left; padding:40px; max-width:980px; margin:20px auto}
.single .entry-content iframe {margin:20px auto;display:block;}
.single .entry-content h3 {display:block;font-size: 1.52rem;line-height: 2rem;margin:0px auto;display:block;text-align: center;font-weight: bold;/* text-transform: uppercase; */}
.single .entry-content ul {padding:30px;background-color: rgba(0,0,0,0.07);padding:40px 60px;margin: 30px 0;list-style: disc;}



.selector .info {padding:20px;text-align: left;}
.selector .content {padding:20px;font-size:.9rem;margin-top: 20px;}
.selector .content a {display:block;margin: 8px 0px;font-size: 1.25rem;color:#a7e520;text-decoration:none;padding-left: 40px;background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/arrow2.svg);background-repeat: no-repeat;background-size: 22px;background-position: 0px 6px;transition: all .2s; -webkit-transition: all .3s ease-in-out;}
.selector .content a:hover { background-position:10px 6px;}

.selector select, .product-description select, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid black;
  background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/arrow2.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 90%;
  border-radius: 20px;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.8rem;
  padding: 5px 30px;
  text-align: left;
  outline: 0;
  transition: all .3s;
  -webkit-transition: all .3s ease-in-out;
  box-shadow: 1px 20px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 9;
  max-width: 300px;
}
.selector select:hover, .product-description select:hover {
  background-position: 95%;
  box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
}

.map {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/mapka2.svg);height:50vh;background-repeat:no-repeat;background-position: right top;}


.selector {
  padding: 10px 0px;
  position: relative;
  overflow: hidden;
  min-height: 440px;
  height: 440px;
  overflow: hidden;
  /* padding-top: 0; */
  max-width: 930px;
  margin: 0px auto;
}
.selector .mw {}
.selector .l-part {
  padding-top: 60px;
  position: relative;
  /* z-index: 9; */
}
.selector .l-part h2 {
  font-size: 4rem;
  font-weight: 900;
  line-height: 3rem;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  z-index: 9;
}
.selector .l-part p {
  margin-bottom: 20px;
  display: inherit;
  position: relative;
  z-index: 9;
}
.selector select, .product-description select, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #fff;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 90%;
  border-radius: 20px;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.8rem;
  padding: 5px 30px;
  text-align: left;
  outline: 0;
  transition: all .3s;
  -webkit-transition: all .3s ease-in-out;
  box-shadow: 1px 20px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 9;
  /* max-width: 350px; */
  padding-right: 50px;
  margin-top: 100px;
}

.selector.selector-01 select,
.selector.selector-02 select,
.selector.selector-03 select,
.selector.selector-04 select,
.selector.selector-05 select,
.selector.selector-06 select,
.selector.selector-07 select,
.selector.selector-08 select {
    margin-top:0;
}
.selector select:hover, .product-description select:hover {
  background-position: 95%;
  box-shadow: 1px 0px 0px rgba(0,0,0,0.1);
  border-color: #5A6772;
}
.selector .map {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 492px;
  height: 290px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  /* margin-top: -30px; */
  margin-top: 160px;
  background-size: 400px;
  /* opacity: .5; */
}
.selector .map .pin {
  display: inline-block;
  position: absolute;
  z-index: 5;
}
.selector .map .pin:hover {z-index:999}
.selector .map .pin i {}
.selector .map .pin span {
  display: inline-block;
  background-color: white;
  padding: 10px 15px;
  border-radius: 20px;
  /*! font-family: 'DINNextLTPro-Bold'; */
  text-transform: uppercase;
  font-size: .7rem;
  padding-bottom: 8px;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
  transition: all .4s;
  -webkit-transition: all .3s ease-in-out;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 7%;
  opacity: 0;
  font-weight: bold;
}
.selector .map .pin:nth-child(2) span {
  background-position: 94%;
  /* background-image: url(images/arrow1.svg); */
}
.selector .map .pin i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 9px;
  width: 9px;
  border: 2px solid #a7e520;
  border-radius: 20px;
  background-color: #a7e520;
}
.selector .map .pin:hover span {
  /* background-color: #F0F9FF; */
  /* box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1); */
}
.selector .map .pin:nth-child(2):hover span {
  /* background-color: #f6ab16; */
  /* background-image: url(images/arrow2.svg); */
}
.selector .map .pin:hover i {
  background-color: #a7e520;
  border-color: #5A6772;
  background-color: #5A6772;
}
.selector .map .pin i:before {
  content: "";
  border: 3px solid #a7e520;
  border-radius: 60px;
  height: 23px;
  width: 22px;
  position: absolute;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: pulsate 2s ease-out;
  -moz-animation-iteration-count: infinite;
  opacity: 0;
  margin-top: -9px;
  margin-left: -11px;
  z-index: 0;
}

.selector .map .pin:hover span {
    opacity:1;
}
.selector .map .pin:nth-child(1) {
  top: 146px;
  right: 248px;
}
.selector .map .pin:nth-child(2) {
  top: 111px;
  right: 242px;
}
.selector .map .pin:nth-child(3) {
  top: 129px;
  left: 174px;
}
.selector .map .pin:nth-child(4) {
  top: 68px;
  left: 157px;
}

.selector .map .pin:nth-child(5) {
  top: 33px;
  left: 203px;
}

.selector .map .pin:nth-child(6) {
  top: 85px;
  right: 72px;
}

.selector .map .pin:nth-child(7) {
  top: 33px;
  right: -8px;
}

.selector .map .pin:nth-child(8) {
  top: 67px;
  right: -3px;
}


@-moz-keyframes pulsate {
  0% {
    -moz-transform: scale(.1, .1);
    opacity: 0
  }
  50% {
    opacity: .9
  }
  100% {
    -moz-transform: scale(1.5, 1.5);
    opacity: 0
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(.1, .1);
    opacity: 0
  }
  50% {
    opacity: .9
  }
  100% {
    -webkit-transform: scale(1.5, 1.5);
    opacity: 0
  }
}





.selector .content div {display:none;line-height: 1.4rem;padding-left: 15px;}
.selector .content div strong {font-size:1.4rem; margin-bottom:0px; display:block;}

.selector-01 .content div:nth-child(1) {display:block}
.selector-02 .content div:nth-child(2) {display:block;/* padding-left: 15px; */}
.selector-03 .content div:nth-child(3) {display:block;/* padding-left: 15px; */}
.selector-04 .content div:nth-child(4) {display:block;/* padding-left: 15px; */}
.selector-05 .content div:nth-child(5) {display:block;/* padding-left: 15px; */}
.selector-06 .content div:nth-child(6) {display:block;/* padding-left: 15px; */}
.selector-07 .content div:nth-child(7) {display:block;/* padding-left: 15px; */}
.selector-08 .content div:nth-child(8) {display:block;/* padding-left: 15px; */}





.selector-01 .map .pin:nth-child(1) {z-index:999}
.selector-01 .map .pin:nth-child(1) i,
.selector-01 .map .pin:nth-child(1) i:before {border-color: #a7e520;}
.selector-01 .map .pin:nth-child(1) span {opacity:1}

.selector-02 .map .pin:nth-child(2) {z-index:999}
.selector-02 .map .pin:nth-child(2) i,
.selector-02 .map .pin:nth-child(2) i:before {border-color: #a7e520;}
.selector-02 .map .pin:nth-child(2) span {opacity:1}

.selector-03 .map .pin:nth-child(3) {z-index:999}
.selector-03 .map .pin:nth-child(3) i,
.selector-03 .map .pin:nth-child(3) i:before {border-color: #a7e520;}
.selector-03 .map .pin:nth-child(3) span {opacity:1}

.selector-04 .map .pin:nth-child(4) {z-index:999}
.selector-04 .map .pin:nth-child(4) i,
.selector-04 .map .pin:nth-child(4) i:before {border-color: #a7e520;}
.selector-04 .map .pin:nth-child(4) span {opacity:1}

.selector-05 .map .pin:nth-child(5) {z-index:999}
.selector-05 .map .pin:nth-child(5) i,
.selector-05 .map .pin:nth-child(5) i:before {border-color: #a7e520;}
.selector-05 .map .pin:nth-child(5) span {opacity:1}


.selector-06 .map .pin:nth-child(6) {z-index:999}
.selector-06 .map .pin:nth-child(6) i,
.selector-06 .map .pin:nth-child(6) i:before {border-color: #a7e520;}
.selector-06 .map .pin:nth-child(6) span {opacity:1}


.selector-07 .map .pin:nth-child(7) {z-index:999}
.selector-07 .map .pin:nth-child(7) i,
.selector-07 .map .pin:nth-child(7) i:before {border-color: #a7e520;}
.selector-07 .map .pin:nth-child(7) span {opacity:1}



.selector-08 .map .pin:nth-child(8) {z-index:999}
.selector-08 .map .pin:nth-child(8) i,
.selector-08 .map .pin:nth-child(8) i:before {border-color: #a7e520;}
.selector-08 .map .pin:nth-child(8) span {opacity:1}






#distributors h2 {font-size: 1.6rem;text-transform:uppercase;margin-bottom:70px;text-align: center;font-weight: bold;}


.page-id-20 #distributors {display:block!important}


.page-template-default h1.entry-title {
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 70px;
    text-align: center;
}

#google-mapka {height:50vh}

.infolinka {font-size:1.459rem;margin-bottom:0px;margin-top:0px;display:inline-block;margin-bottom: 25px;}


#action {border: 2px solid #a7e520;padding: 50px 20px 20px 20px;text-align:center;border-radius: 20px;}
#action a {/* color:white; */display:inline-block;margin:20px;/* border: 2px solid; */padding: 10px 20px;/* border-radius: 50px; */font-weight: bold;}
#action a:after {content:""; background-color:#a7e520; height:1px; width:100%; display:block; transition:all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; width:0}
#action a:hover:after {width:100%}
#action h2 {font-size:2rem;text-transform: initial;font-size: 1.35rem;line-height: 2rem;font-weight: bold;max-width: 470px;margin: 0px auto;}
#action h3 {font-size: 1.03rem;font-weight:100;margin-top: 10px;text-transform: uppercase;font-weight: normal;}


#masthead {
    opacity: 0;
    -webkit-animation: contactTop 520ms ease-out .9s forwards;
    -moz-animation: contactTop 520ms ease-out .9s forwards;
    -ms-animation: contactTop 520ms ease-out .9s forwards;
    animation: contactTop 520ms ease-out .9s forwards;
}


.page article ,
.single article, #blogy {
    opacity: 0;
    -webkit-animation: contactTop 520ms ease-out 1.3s forwards;
    -moz-animation: contactTop 520ms ease-out 1.3s forwards;
    -ms-animation: contactTop 520ms ease-out 1.3s forwards;
    animation: contactTop 520ms ease-out 1.3s forwards;
}


#distributors {
    opacity: 0;
    -webkit-animation: contactTop 520ms ease-out 1.5s forwards;
    -moz-animation: contactTop 520ms ease-out 1.5s forwards;
    -ms-animation: contactTop 520ms ease-out 1.5s forwards;
    animation: contactTop 520ms ease-out 1.5s forwards;
    /* border-bottom: 1px solid; */
}




.kontakty {text-align: center;max-width: 1200px;margin:20px auto;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 40px;}
.kontakty div {display:inline-block;padding: 40px 20px;text-align:left;vertical-align:top;width: 233px;font-size:.9rem;}
.kontakty strong {font-size:1rem;display:block;min-height:60px;margin-bottom: 20px;}
.kontakty a {display:block;}


#lselect {position:absolute;z-index:9;right: 70px;top:50px;transition:all .3s;-webkit-transition: all .3s ease-in-out;color: #5a6771;/* border-left: 1px solid; */padding-left: 3px;cursor: pointer;display: none;}
.finished-video-1 #lselect {color:white}
#masthead:hover #lselect {color: #5a6771;}
#lselect:hover, #masthead:hover #lselect:hover {color:#a7e520;}


.o h2 {display:block; margin:20px 0px}


.search-results article {text-align:left;width: 400px;height: 307px;display:inline-block;vertical-align:top;margin: 40px 20px;padding:30px;transition: all .3s; -webkit-transition: all .3s ease-in-out; box-shadow: 1px 1px 100px rgba(0,0,0,0.09);padding-bottom: 40px;}
.search-results article figure.post-thumbnail {max-height:200px;overflow:hidden;display:block;/* height: 200px; *//* min-height: 200px; */}
.search-results article:hover {box-shadow: 1px 1px 100px rgba(0,0,0,0.25);}
.search-results article .entry-content {display:none;}
.search-results article footer {display:none}
.search-results article h2 {font-size: .89rem;display: block;padding: 0px 20px 20px 20px;text-transform: uppercase;/* min-height: 120px; *//* white-space: nowrap; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.search-results article h2 a {color:#5A6772}
.search-results article:hover a {color:#a7e520}

#infolinka {
    font-size: 2rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: block;
    padding: 30px 20px 30px 20px;
    margin: 0px auto;
    max-width: 1200px;
}
#infolinka span {display:block;; font-size:1rem;color: #5a6771; }


.search-results #content {max-width:1200px; margin:20px auto}



.image-video {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/slovclean-airport.jpg);height:100%;background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/slovclean-image-2.jpg);width:100%;display:block;position:relative;top:0;left:0;z-index: 0;position: absolute;background-color: rgba(0,0,0,0.1);background-blend-mode: multiply;background-size: cover;transition: all .3s;-webkit-transition: all .3s ease-in-out;opacity: 0;visibility: hidden;}
.finished-video-2 .image-video {visibility:visible; opacity:1}

.single .entry-content > img {margin:40px auto; display:block; }
.ocenenia-sb {text-align:center;/* margin-left: 40px; */margin-top: 40px;/* margin-right: 40px; */margin-bottom: 0px;}
.ocenenia-sb i {position:relative;transition:all .4s ease-in-out;-webkit-transition: all .3s ease-in-out;display:inline-block;width: 190px;height: 190px;background-size: contain;background-position: center;/* margin-left:-40px; */background-repeat: no-repeat;}
.ocenenia-sb i:nth-child(1) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/sb-18.svg);}
.ocenenia-sb i:nth-child(2) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/sb-19.svg);}
.ocenenia-sb i:nth-child(3) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/sb-20.svg);}

.ocenenia-sb i:hover {transform:scale(1.1); z-index:9;}
.novinky .blogs {white-space:nowrap;overflow: auto;padding-bottom: 50px;padding-top: 40px;}
.page-template-blog .novinky .blogs {white-space:normal; overflow:auto} 
.novinky .blogs article {white-space:normal}



.certi {}
.certi li {display:inline-block;width:300px;vertical-align: top;padding: 40px;margin:20px;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);min-height: 440px;transition: all .4s ease-in-out;-webkit-transition: all .3s ease-in-out;background-color: white;border-radius: 20px;}
.certi li:hover {transform:scale(1.1)}
.certi li i {display:block;width: 150px;height: 190px;display:block;margin: 0px auto;background-size: contain;background-repeat: no-repeat;background-position: center;}
.certi li:nth-child(2) i {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/tuv-1.png;);
}
.certi li:nth-child(1) i {
    background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/c5.png);
}
.certi li:nth-child(3) i {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/tuv-3.png;);
}
.certi li:nth-child(4) i {
    background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/tuv-4.png;);
}
.certi li strong {font-size: .8rem;display:block;margin-bottom: 10px;/* min-height: 120px; */}

.certi li strong span {font-size: 0.58rem;padding-bottom: 0px;display: block;}
.certi li strong em {display:block;font-style:normal;margin-bottom: 10px;font-size: 1.1rem;}
.certi li strong small {display:block;font-size: .68rem;padding-top:10px;}

.certi li p {
    font-size: .8rem;
}


#post-110 h1 {
    font-size: 2rem;
    display:block;
    text-transform:uppercase;
    margin: 30px;
    color: #a7e520;
}

#post-110 .entry-content h2 {
    /* font-size: 2.3rem; */
    display:block;
    text-transform:uppercase;
    margin:40px;
    max-width: 720px;
    margin: 20px auto;
}

#post-110 h3 {
    /* font-size:1.7rem; */
    display:block;
    text-transform:uppercase;
    margin:20px;
    max-width: 780px;
    margin: 20px auto;
    color: #a7e520;
    font-weight: bold;
    /* line-height: 2.46rem; */
    display: none;
}

#post-110 .entry-content > strong {
    /* font-size:1.42rem; */
    font-weight:normal;
    display:block;
    margin: 20px;
    max-width: 510px;
    margin: 20px auto;
}

#post-110 .btn {max-width: 400px;display: inline-block;line-height: 1.5rem;border-radius: 50px;box-shadow: 1px 1px 20px rgba(0,0,0,0.1);text-transform: initial;font-size: 1;line-height: 1.36rem;/* line-break: 1.4rem; */margin-bottom: 40px;}
#post-110 .ocenenia-sb i {margin:20px}
#post-110 .ocenenia-sb {margin-left:0}

.o h1 {
    color:#a7e520;
    display:block; font-size:2rem;
    margin:20px auto 60px auto; text-align:center;
}


#clients-zone {font-size:0}
#clients-zone a {display:inline-block;width: 46%;height:70vh;position: relative;margin: 2%;max-height: 760px;border-radius: 20px;overflow: hidden;max-width: 500px;}
#clients-zone a:before {transition: all.4s ease-in-out; -webkit-transition: all .3s ease-in-out; content:"";display:block;width:100%;height: 100%;display:block;background-color: rgba(167, 229,29,0.6);background-color: rgba(0,0,0,0.153);background-blend-mode: multiply;/* background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c1.jpg); */background-size: cover;filter: grayscale(100%);/* height: 50%; */background-position: center;}
#clients-zone a:nth-child(2):before {
    background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c3.jpg);
}

#clients-zone a:hover:before {filter: grayscale(60%);background-color: rgba(0,0,0,0.3);}

#clients-zone a:nth-child(1):before {
    background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c2.jpg);
}


#clients-zone span {}
#clients-zone em {display:block;position:absolute;left:0;right:0;margin:0px auto;font-size: 1.024rem;top: 28vh;z-index:9999;font-style: normal;text-transform: uppercase;color: white;display: inline-block;/* border: 2px solid; */border-radius: 50px;max-width: 190px;padding: 14px 20px;background-color: white;color: #5a6771;transition: all .3s;-webkit-transition: all .3s ease-in-out;margin-top: 70px;}
#clients-zone a:hover em {transform:scale(1.1);color: #5a6771;color: #A7E51D;} 

#clients-zone span {display:block;position:absolute;left:0;right:0;margin:0px auto;font-size: 2.24rem;top: 28vh;z-index:9999;font-style: normal;text-transform: uppercase;color: white;}
#clients-zone a:after {content:"";background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo2.svg);width: 137px;height: 50px;background-size: contain;display: block;background-repeat: no-repeat;margin: 20px auto;position: absolute;right: 0;left: 0;margin: 0px auto;bottom: 50px;}
#clients-zone a:hover span {color:#A7E51D}

#dlazdice {
    font-size: 0;
    /* max-width: 970px; */
    padding: 30px 0px;
    margin: 20px auto;
}

#dlazdice.doplnkove {transition: all .4s;  -webkit-transition: all .3s ease-in-out; max-height:0; overflow:hidden; padding:0}

.doplnkove #dlazdice.doplnkove {max-height:900px}

#dlazdice a {transition: all .4s ease-in-out;-webkit-transition: all .3s ease-in-out;width: 360px;width: calc(50% - 100px);max-width: 280px;height: 400px;display:inline-block;background-color:black;margin: 0px 1px 1px 0px;position: relative;border-radius: 20px;overflow: hidden;margin: 6px;}
#dlazdice a:hover {transform:scale(1.0); z-index:9}
#dlazdice a:before {content:"";width:100%;height: 100%;display: block;background-size: cover;/* margin-bottom: 100px; */background-position: center;}

.doplnkove #more:after {height: 2px;}

#dlazdice a.uprat:before {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/slovclean-airport.jpg); background-position: right;}

#dlazdice a.exter:before { background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c6.jpg
);}
#dlazdice a.upratov:before { background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c5.jpg
);}
#dlazdice a.housekeep:before { background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c4.jpg
);}

#dlazdice a.polymer:before { background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/n7.jpg
);}
#dlazdice a.bozp:before {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/bozp-1.jpg);background-position: center;}




#dlazdice.doplnkove a:nth-child(2):before {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c9.jpg);
);}
#dlazdice.doplnkove a:nth-child(3):before {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c8.jpg);
);}

#dlazdice.doplnkove a:nth-child(1):before {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/bozp.jpg);
);}




#dlazdice.doplnkove a:hover p {margin-bottom:20px;}
#dlazdice.doplnkove a {height:350px}

#dlazdice a:after {
    content: "";
    width: 100%;
    height: 60%;
    display: block;
    position: absolute;
    background-color: black;
    z-index: 1;
    bottom: 0;
    transition: all .4s;
    -webkit-transition: all .3s ease-in-out;
    background: linear-gradient( to bottom, transparent, black );
    /* opacity:0; */
    opacity: .4;
}

#dlazdice a:hover:after {/* height: 60%; */opacity: 1;}

 
#dlazdice a span {position:absolute;bottom: 21px;z-index: 9999;font-size: 1rem;/* width: 200px; *//* height: 30px; */text-align: center;left: 0;right: 0;text-align: center;color: white;font-size: 1rem;line-height: 1;text-transform: uppercase;/* background-color: white; */display: inline-block;max-width: 240px;margin: 0px auto;padding: 3px 0px;border-radius: 50px;line-height: 1.4rem;transition: all .4s ease-in-out;-webkit-transition: all .3s ease-in-out;}
#dlazdice a:hover span {/* background-color:white; */color:#A7E51D;}
#dlazdice span:after {content:"";height:30px;width: 30px;background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/arrow2.svg);display: block;background-repeat: no-repeat;margin: 0px auto;background-position: center;opacity: 0;transition: all .4s; -webkit-transition: all .3s ease-in-out; background-size:30px;}
#dlazdice a:hover span:after{opacity:1;/* width:27px */}

#nase-sluzby {padding: 60px 0px 70px 0px;border-top: 1px solid rgba(0,0,0,0.1);}
#nase-sluzby > .btn {/* text-transform:initial; */}
#nase-sluzby h2 {
    font-size: 1.5rem;
    line-height: 3rem;
    text-transform:uppercase;
    font-weight: bold;
    }

    #dlazdice a p {position:absolute;bottom: 57px;color:white;z-index:999;font-size: .9rem;/* line-height: 1rem; */padding:20px;text-align:left;text-align: center;font-weight: normal;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;opacity: 0;}
    #dlazdice a:hover p {bottom:80px;opacity:1;opacity: 0;}

    .nav-links {}
    .nav-links a {display:inline-block; margin:20px;}
    .search-result-count {display:block; margin:15px;}

    #blogy {height: 60vh;margin-top: 110px;/* padding-bottom: 60px; */background-color: white;max-width: 1680px;margin-left: auto;margin-right: auto;}
    #blogy .gallery-cell {height: 60vh;background-size: cover;background-repeat: no-repeat;background-blend-mode: multiply;background-color: rgba(0,0,0,0.49);background-position: center;}
    #blogy .flickity-viewport:before,
    #blogy .flickity-viewport:after {display:none}
    #blogy .cycle-overlay {position:absolute;top: 13vh;left:0;right:0;margin:30px auto;}
    #blogy .cycle-overlay h1 span {display:block;color:white;font-size:1rem;margin-bottom:30px;font-weight: bold;}
    #blogy .cycle-overlay h1 a {color:white; font-size:1.8rem; max-width:500px; display:block; margin:0px auto; white-space:normal}
    #blogy .cycle-overlay h1 {display:block; margin-bottom:40px}
     #blogy .cycle-overlay .btn {margin-top:40px}
     #blogy .flickity-page-dots {bottom:50px}
     #blogy .flickity-page-dots .dot {background-color:white}

   #masthead #site-navigation .current_page_item > a, #masthead #site-navigation .current-page-ancestor > a {color:#A7E51D}

   form.search-form {margin:60px}


   .page-img {height: 67vh;background-size:cover;background-blend-mode:multiply;background-color:rgba(0,0,0,0.4);background-position: top;}
    .page-img h1 {position:absolute;color:white;left:0;right:0;margin-top: 29vh;font-size: 2rem;text-transform: uppercase;}
   .page-img#housekeeping {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c4.jpg);}
 .page-img#upratovacie {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/slovclean-airport.jpg);}
.page-img#komunalne {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c6.jpg); background-position:center}
.page-img#polymerova {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/n7.jpg); background-position:center}
.page-img#majordomus {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c8.jpg); background-position:center}
.page-img#odpadove {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c9.jpg); background-position:center}
.page-img#bozp {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/bozp-1.jpg);background-position:center;}









.page-img#specialne {background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/c5.jpg);}

.page #action {max-width:980px; margin:50px auto}


.page-template-default .entry-content ul {padding:30px;background-color: rgba(0,0,0,0.03);padding: 20px 40px;margin: 20px 0;list-style: disc;border-radius: 20px;/* text-align: justify; *//* max-height: 300px; *//* overflow: auto; */}
.page-template-default #entry-content {line-height:1.7rem;text-align: justify;padding: 40px 40px 0px 40px;max-width:980px;margin: 0px auto 20px;}
.page-template-default #entry-content.wider {max-width:1900px}
.page-template-default #entry-content.wider #col > div {display:inline-block;max-width:400px;/* vertical-align: top; */}

.page-template-default #entry-content.wider #col > div:nth-child(3) ul:after {display:none}


.page-template-default #entry-content.wider #col > div strong {/* font-size: .9rem; */line-height:1.3rem;max-width:300px;margin:0px auto;/* min-height: 63px; */}
.page-template-default #entry-content.wider #col > div p {min-height:170px; display:block;}
.page-template-default #entry-content.wider #col > div ul {
  max-height:300px;
  overflow:auto;
  position: relative;
}
.page-template-default #entry-content.wider #col > div ul:after {
 content:"";
 width: 20px;
 height: 20px;
 display:block;
 position: sticky;
 /* background-color:red; */
 bottom: 0px;
 right: -20px;
 margin-right: -20px;
 background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/arrow-2.svg
);
 background-repeat:no-repeat;
 background-position:center;
 margin-left: auto;
 /* margin-right: -20px; */
 transition: all .3s;
 opacity: 0;
 background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/04/dots.png);
 background-size: 24px;
 background-position: bottom;
}
.page-template-default #entry-content.wider #col > div ul:hover:after {opacity: 1;}

.page-template-default #entry-content h2 {text-align:center;margin: 20px auto 20px auto;display:block;text-transform: uppercase;font-size: 1.3rem;max-width: 800px;}
.page-template-default #entry-content h3 {margin:20px auto;text-align:center;max-width: 800px;/* color: #A7E51D; *//* font-weight: bold; */font-size: 1.01352rem;text-align:center;text-transform: uppercase;/* margin-top: 30px; */}

#col {font-size:0;padding: 0px 0px 0px 0px;}
#col div {font-size:1rem;display:inline-block;width:50%;padding:20px;vertical-align:top;text-align: left;}
#col div p {font-size:.9rem; line-height:1.2rem; padding:10px 0px; text-align:center}
#col div strong {color:#A7E51D;display:block;font-size: 1.1352rem;text-align:center;text-transform: uppercase;}
#little-squares ul {padding:0;background-color:transparent;margin-left: 20px;}
#little-squares li {font-size: 1rem;line-height: 1.62rem;text-align: left;}
#col.center {text-align:center}

strong.green {color:#A7E51D;display:block;font-size: 1.1352rem;text-align:center;text-transform: uppercase;margin-top: 30px;}


.home .btn,
.cert a {
    appearance: none;
    border: 0px solid #ccc;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 90%;
    border-radius: 20px;
    /* background-color: transparent; */
    /* font-size: 1rem; */
    line-height: 1.8rem;
    padding: 10px 30px;
    text-align: left;
    outline: 0;
    transition: all .3s;
    -webkit-transition: all .3s ease-in-out;
    box-shadow: 1px 20px 30px rgba(0,0,0,0.1);
    text-transform: uppercase;
    }

    .home .btn:hover,
    .cert a:hover {
    background-position: 95%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    color: #7aa528;
    }

a#more {display: inline-block;border: 2px solid #5A6772;padding: 13px 40px;border-radius: 33px;color: #5A6772;}

     a#more span {
    display:inline-block;
    vertical-align: middle;
    }
    a#more:after {
        content:"";
        display:inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        display:inline-block;
        margin-left: 20px;
        transition: all .4s;
        -webkit-transition: all .3s ease-in-out;
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/plus3.svg);
    }
    a#more:hover:after {
transform:rotate(90deg)
         }


#little-squares {font-size:0; }
#little-squares div {padding:40px; width:50%; display:inline-block; vertical-align:top; font-size:1rem; box-shadow:1px 10px 15px rgba(0,0,0,0.05); border-radius:20px;}
#little-squares div strong {transition:all .3s;-webkit-transition: all .3s ease-in-out;display:block;margin-bottom:20px;text-align: left;font-size: .98rem;line-height: 1.3rem;}

#little-squares div:hover strong {/* color:#A7E51D; */}

#little-squares {
  columns: 2 200px;
  column-gap: 1rem;

}
#little-squares div  {
  width: 150px;
  margin: 0 20px 20px 0;
  display: inline-block;
  width: 100%;
  text-align: left;
}

#little-squares div bb {
    color:#A7E51D;
    display:block;
    font-size:1.2rem;
    margin-bottom:20px
}


#little-squares div b {/* color:#A7E51D; */display:block;font-size: 1.1352rem;/* text-align:center; */text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;font-size: .98rem;line-height: 1.3rem;}

 


 .page-id-16 #distributors {display: block!important;}

 .hero-video.o-nas {background-color:black;margin-top: -110px;}
  #video1.hero-video.o-nas  video {opacity:.74}
  #video1.hero-video.o-nas  .over-video p {margin-top: 18vh;line-height:2.2rem;max-width:500px;margin-left:auto;margin-right:auto;text-transform: uppercase;font-size: 1.5rem;display: block;}
  #video1.hero-video.o-nas .over-video p.second {font-size:1rem;margin-top:20px;line-height:1.6rem;display: block;text-transform: inherit;}


  #first {padding:40px;max-width: 690px;margin: 0px auto;}
   #first h3 {font-size: 1.5rem;display:block;margin-bottom:40px;margin-top: 40px;/* font-weight:bold; */text-transform: uppercase;}

    #first p {text-align:justify;display:block;margin-bottom:20px;line-height: 1.64rem;/* font-weight: bold; */}


    .clenstvo {padding: 50px 20px;text-align: center;/* border-top: 1px solid rgba(0,0,0,0.1); */}
    .clenstvo i {display:inline-block;height: 30px;width: 25%;background-size: contain;background-position: left;background-repeat: no-repeat;margin-right: 15px;margin-left: 15px;position: relative;vertical-align: middle;}
    .clenstvo i:nth-child(3) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/ddd.png);height: 43px;max-width: 100px;}
    .clenstvo i:nth-child(1):after {content:"Member of";font-style:normal;font-size: .6rem;color: #5A6772;display: inline-block;/* right: 0; */margin-left: 60px;margin-top: 18px;position: absolute;width: 126px;display: none;}
 .clenstvo i:nth-child(1) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/cejs.svg);max-width: 230px;/* margin-left: 60px; */}
 .clenstvo i:nth-child(2) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/safm.svg);max-width: 144px;/* margin-left: 0px; *//* margin-right: 0; */}

#first.sec {padding-top:10px;text-align: justify;max-width: 690px;padding-bottom: 70px;line-height: 1.4rem;}

.sb {padding-top:70px;padding-bottom: 60px;}
.sb strong {display:block;max-width:600px;margin:0px auto;font-weight: normal;}


.hodnoty {
    font-size: 0;
    /* background-color: rgba(0,0,0,0.02); */
    padding-top: 70px;
    }
.hodnoty h3 {display:block;width:100%;font-size: 1.5rem;text-transform: uppercase;}
.hodnoty div {padding: 30px 10px;font-size:1rem;display:inline-block;width:33.33%;vertical-align:top;line-height: 1.64rem;max-width: 370px;}
.hodnoty div.pomahame {display:block;width:100%;max-width: 800px;margin: 0px auto;padding: 0;/* background-color: rgba(0,0,0,0.03); */background-size: contain;padding: 40px 80px;position: relative;margin-bottom: 40px;text-align: left;display: block;border-radius: 20px;overflow: hidden;padding-bottom: 70px;max-width: 800px!important;}
.hodnoty div.p-images {padding-top:20px;display:block;width:100%;max-width: 800px;margin: 0px auto;padding: 20px 20px 0px 20px;}
#pomahame > div {width:100%;padding: 0;}
.hodnoty div.p-images img {display:inline-block;}
.hodnoty .pomahame h2 {display:block;width:100%;font-size: 1.5rem;text-transform: uppercase;margin-bottom: 20px;}
.hodnoty .pomahame a {padding-top:10px;display:inline-block;margin:10px;max-width: 70px;vertical-align:middle;border-radius:20px;overflow:hidden;background-color:white;}
.hodnoty .pomahame a img {max-width: 70px;height:auto;}
.hodnoty .pomahame h3 {font-size:1rem;/* margin:20px */margin: 20px 0px;}
.hodnoty .pomahame strong {font-size: 1.2rem;color: inherit;}
.hodnoty .pomahame p {text-align:left;margin-bottom: 30px;}
.hodnoty div strong {font-size: 1.42rem;display:block;margin-bottom:20px;color: #A7E51D;}

.hodnoty.majetok {/* padding-top:0px */}
.hodnoty.majetok p {margin-bottom:20px;line-height: 1.64rem;}

.hodnoty.majetok h3 {margin-bottom:30px}
.hodnoty.majetok  div {width:initial;display:block;margin:0px auto;max-width: 100%;}

.hodnoty-spolocnosti {
    font-size: 0;
    /* background-color: rgba(0,0,0,0.02); */
    padding-top: 0px;
    }
.hodnoty-spolocnosti h3 {display:block;width:100%;font-size: 1.5rem;text-transform: uppercase;}
.hodnoty-spolocnosti div {padding: 50px 20px 20px 20px;font-size:1rem;display:inline-block;width:33.33%;vertical-align:top;max-width: 370px;line-height: 1.64rem;}

.hodnoty-spolocnosti div strong {font-size: 1rem;display:block;margin-bottom:20px;/* color: #A7E51D; */text-transform: uppercase;}
.hodnoty-spolocnosti div b {}
.hodnoty-spolocnosti p {text-align:left;margin-bottom: 30px;}

.nadacia {width:100%;/* background-color: rgba(0,0,0,0.03); *//* color: white; */max-width: 800px;position: relative;}


.hodnoty .nadacia div {max-width: 800px;/* text-align: justify; */}
.hodnoty .nadacia div p {text-align:justify}
.p-images b {display:block;text-transform:uppercase;margin-bottom: 20px;}

html .hodnoty .zodpovednost{background-size:contain;padding: 40px 80px;position:relative;margin-bottom: 10px;text-align:left;display:block;border-radius:20px;overflow:hidden;padding-bottom: 60px;max-width: 770px;/* border-bottom: 1px solid rgba(0,0,0,0.1); *//* border-radius: 0; */}
#pomahame {background-size:contain;padding: 40px 80px;position:relative;margin-bottom: 0px;text-align:left;display:block;border-radius:20px;overflow:hidden;padding-bottom: 0px;max-width: 770px;border-bottom: 1px solid rgba(0,0,0,0.1);border-radius: 0;}

#pomahame {text-align:center}
.sb strong {display:block;width:100%;font-size: 1.5rem;text-transform: uppercase;margin-bottom: 20px;}
.sb p {max-width: 610px;text-align: justify;margin:20px auto;line-height: 1.64rem;}
.sb b {font-weight:bold}

#academy h2 {text-align:center;display:block;width:100%;font-size: 1.5rem;text-transform: uppercase;margin-bottom: 20px;}
#academy strong {text-align:center;display:block;width:100%;font-size: 1.2rem;text-transform: uppercase;margin-bottom: 20px;}

#academy {position:relative;text-align:center;max-width: 740px;text-align:left;margin:20px auto;padding-bottom:20px;/* background-color: #7aa528; *//* color: white; */padding: 60px 60px;margin-bottom: 0px;/* padding-bottom: 130px; *//* background-color: rgba(0,0,0,0.04); */border-radius: 20px;overflow: hidden;}
#academy:after {
  position: absolute;
  width: 150px;
  height: 26px;
  background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg);
  background-repeat: no-repeat;
  background-position: left top;
  left: 0;
  right: 0;
  bottom: 8px;
  transition: all 0.2s;
  -webkit-transition: none;
  z-index: 991119;
  background-size: 100%;
  background-position: left top;
  backface-visibility: hidden;
  content:"";
  /* padding-bottom: 100px; */
  margin: 0px auto;
  bottom: 60px;
  background-size: 150px;
  width: 20px;
  transition: all 1.4s ease-in;
  display: none;
}


#academy:before {background-image:url("https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/bg-paper-scaled.jpg");background-size:contain;padding:40px;content:"";display:block;width:100%;left:0;height:100%;top:0;position:absolute;z-index:-1;margin-bottom:0px;opacity:.246;background-color: rgba(0,0,0,0.02);}
#academy:hover:after {width:150px}

#academy p {max-width:800px;margin:0px auto;margin-bottom: 20px;text-align: justify;line-height: 1.64rem;}

html .hodnoty .zodpovednost strong {
  display:block;
  margin-bottom: 40px;
  margin-top: 40px;
  color: inherit;
  text-align: center;
}
html .hodnoty .zodpovednost p {
  margin-bottom:20px;
  line-height:1.64rem;
  text-align: justify;
}


html .zodpovednost:before,
html #pomahame:before {background-image:url("https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/bg-paper-scaled.jpg");background-size:contain;padding:40px;content:"";display:block;width:100%;left:0;height:100%;top:0;position:absolute;z-index:-1;margin-bottom:0px;opacity: .26;background-color: rgba(0,0,0,0.02);}

html #pomahame:before {content:""; background-image:none}

.zodpovednost:after {
  position: absolute;
  width: 150px;
  height: 40px;
  background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg);
  background-repeat: no-repeat;
  background-position: left top;
  left: 0;
  right: 0;
  /* top: 40px; */
  transition: all 0.2s;
  -webkit-transition: none;
  z-index: 991119;
  background-size: 100%;
  background-position: TOP;
  backface-visibility: hidden;
  content:"";
  margin: 0px auto;
  bottom: 60px;
  height: 0;
}
.npsrtners{
    font-size: 0;
    background-color: rgba(0,0,0,0.02);
    padding-top: 60px;
    padding-bottom: 40px;
    position:relative;
    border-radius: 20px;
    overflow:hidden;
    max-width: 740px;
    margin: 0px auto;
    margin-bottom: 80px;
    }

.npsrtners:before {

  background-image:url("https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/bg-paper-scaled.jpg");
  background-size:contain;
  padding:40px;
  content:"";
  display:block;
  width:100%; left:0;
  height:100%;

  top:0;
  position:absolute;
  z-index:-1;
  margin-bottom:0px;
  opacity:.246;



}

.npsrtners h2 {display:block;width:100%;font-size: 1.5rem;text-transform: uppercase;}

.npsrtners div {
    margin: 30px 40px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.npsrtners div i {display:inline-block;width: 89px;height: 70px;margin: 16px 33px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.npsrtners div i:nth-child(1) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p1.svg);}
.npsrtners div i:nth-child(2) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p2.jpg);}
.npsrtners div i:nth-child(3) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p3.svg);}
.npsrtners div i:nth-child(4) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p4.svg);}
.npsrtners div i:nth-child(5) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p5.svg);}
.npsrtners div i:nth-child(6) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p6.svg);}
.npsrtners div i:nth-child(7) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p7.svg);}
.npsrtners div i:nth-child(8) {background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p8.png);}





/* ====================== lines button ==================================================*/

.lines-button {
	padding: 0;
	/*! transition: .7s; */
	cursor: pointer;
	user-select: none;
	/* border-radius: .57143rem; */
	/* */
	background: transparent;
	border: none;
	position: absolute;
	/* z-index: 999999999999999991; */
	outline: none;
	margin-left: 0;
	/*! padding-top: 16px; */
	width: 50px;
	/*! height: 8vh; */
	min-height: 50px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	float: right;
	transition: all .5s;
	z-index: 9;
	/* margin-top: 17px; */
	right: 15px;
	/* top: 12px; */
	/* display: block!important; */
}
.lines-button:hover {
	opacity: 1;
	/* border-bottom: 1px solid #4ABDAB; */
	/* background: white; */
}
.lines-button:active {
	transition: 0;
}
.clicked .lines, .clicked .lines:before, .clicked .lines:after {
	background: #fff;
}
.lines {
	display: inline-block;
	width: 30px;
	height: 2px;
	background: rgba(40, 40, 40, 1);
	background: #5a6771;
	border-radius: .28571rem;
	/*! transition: .5s; */
	position: relative;
	right: 7px;
	/* top: -4px; */
	/* box-shadow: 1px 1px rgba(0,0,0,0.4); */
}
.lines:before, .lines:after {
	display: inline-block;
	width: 31px;
	height: 2px;
	/* background: #176ef8; */
	background: #5a6771;
	border-radius: .28571rem;
	transition: .3s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: .28571rem center;
	transform-origin: .28571rem center;
	/* background: rgba(40,40,40,1); */
	right: 40px;
	/* box-shadow: 1px 1px rgba(0,0,0,0.4); */
}
.lines:before {
	top: 8px;
}
.lines:after {
	top: -8px;
}
.lines-button:hover .lines:before {
	width: 36px;
}
.lines-button:hover .lines:after {
	width: 36px;
}
.lines-button.closed {
	/* -webkit-transform: scale3d(0.8,0.8,0.8); */
	/* transform: scale3d(0.8,0.8,0.8); */
}
.lines-button.arrow.closed .lines:before, .lines-button.arrow.closed .lines:after {
	top: 0;
	width: 2.22222rem;
}
.lines-button.arrow.closed .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 40deg);
	transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.closed .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -40deg);
	transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.closed {
	-webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
	transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.closed .lines:before, .lines-button.minus.closed .lines:after {
	-webkit-transform: none;
	transform: none;
	top: 0;
	width: 4rem;
}
.lines-button.x.closed .lines {
	background: transparent;
	box-shadow: 0px 0px 0px;
}
.lines-button.x.closed .lines:before, .lines-button.x.closed .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 22px;
	margin-left: 3px;
}
.lines-button.x.closed .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	background-color: #A7E51D;
	transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.closed .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	background-color: #A7E51D;
	color: white;
}
.lines-button.x2 .lines {
	transition: background .3s .5s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: top .3s .6s ease, -webkit-transform .3s ease;
	transition: top .3s .6s ease, transform .3s ease;
}
.lines-button.x2.closed .lines {
	transition: background .3s 0 ease;
	background: transparent;
}
.lines-button.x2.closed .lines:before, .lines-button.x2.closed .lines:after {
	transition: top .3s ease, -webkit-transform .3s .5s ease;
	transition: top .3s ease, transform .3s .5s ease;
	top: 0;
	width: 4rem;
}
.lines-button.x2.closed .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.closed .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}
.lines-button.closed {
	/* left: 50%; */
	margin-left: -27px;
	/* position: fixed; */
	z-index: 9999;
	/* background-color: white; */
	/* border-radius: 100%; */
	padding-left: 18px;
	/* box-shadow: 1px 1px 100px rgba(0,0,0,0.5); */
}
.lines-button.closed:hover {}
.lines-button.closed:hover .lines:before, .lines-button.closed:hover .lines:after {
	/* background-color:#0bdbc0; */
}
.lines-button.closed:before {
	/* content:"zatvor menu"; */
	margin-left: -110px;
	margin-top: -5px;
	text-align: left;
	/* color: white; */
}
/**/
video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}


i.logo-nadacie {display:inline-block;width: 150px;height: 150px;background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/p0.jpg);/* float:left; *//* margin-right:20px; */margin-bottom: 10px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:white;border:15px solid white;}
#kariera {
    display: block;
    text-transform: lowercase;
    margin-bottom: 10x;
}
#kariera span {display:inline-block;background-color:#A7E51D;width: 20px;color: black;height: 20px;line-height: 20px;text-align:center;border-radius:20px;font-size:.8rem;margin-top: -10px;position: absolute;}



.sub-menu-toggle {display:none}
#site-navigation ul.sub-menu {position:absolute;text-align:left;background-color:white;left: 0;width: 305px;padding: 20px;margin-left: -20px;transition: all .3s ease-in-out;margin-top: 20px;visibility: hidden;opacity: 0;}

#site-navigation .menu-item-has-children {}
#site-navigation .menu-item-has-children:hover ul.sub-menu {opacity:1; visibility:visible; margin-top:0;}
#site-navigation  ul.sub-menu li {display:block;}
#site-navigation  ul.sub-menu li a {font-size:.8rem}



.ispan {font-size:.7rem; display:block; text-transform:uppercase}


#cejs {padding-top:50px}

.eco {/* max-width:400px; */margin:0px auto;line-height: 1.64rem;padding: 0px 0px 0px 0px;font-size: 1rem;display: inline-block;/* width: 33.33%; */vertical-align: top;max-width: 620px;text-align: justify;}

.eco strong {display:block;margin-bottom:20px;color: #A7E51D;text-align: center;}
.eco strong:before {content:"";display:block;width:30px;height:30px;display:block;background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/03/leaf.svg);margin: 10px auto;background-position: center;background-repeat: no-repeat;}
#page .hodnoty .eco {max-width:580px;margin-bottom: 70px;line-height: 1.64rem;}


#klientiref .gallery-cell {display:inline-block;}


#pomahame .podpisy {font-size:.7rem;line-height:1rem;padding-top: 0px;max-width: 510px;text-align: left;}
#pomahame .podpisy > b {display:block; text-transform:uppercase;margin-bottom:20px}
#pomahame .podpisy span {display: inline;}
#pomahame .podpisy span small {display: inline;font-size: inherit;}
#pomahame .podpisy span b {display: inline;font-weight:normal;/* border-left: 1px solid; *//* padding-left: 10px; *//* padding-right: 10px; */}




.more-info-div > a {display:inline-block;margin:0px auto;border-bottom: 2px solid;background-color: red;padding: 11px;background-color: white;border: 1px solid;appearance: none;border: 0px solid #ccc;background-repeat: no-repeat;background-size: 20px;background-position: 90%;border-radius: 20px;/* background-color: transparent; *//* font-size: 1rem; */line-height: 1.8rem;padding: 10px 30px;text-align: left;outline: 0;transition: all .3s;-webkit-transition: all .3s ease-in-out;box-shadow: 1px 20px 30px rgb(0 0 0 / 10%);text-transform: uppercase;}
.more-info-div > a:hover {box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
    color: #7aa528;}
.more-info-div {text-align: center;max-height: 87px;overflow: hidden;transition: all .3s;}
.open.more-info-div {max-height:2000px}
.open.more-info-div div{padding:20px 40px;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}
.more-info-div div {margin:20px auto;max-width:800px;text-align: justify;/* border: 1px solid; */padding: 20px 40px;border-radius: 30px;margin-top: 40px;transition: all .5s;padding: 0px 40px;}
.more-info-div div > strong {display:block;margin-bottom:20px;margin-top:20px;text-align: center;}
.more-info-div div.table-like {
    max-width: 600px;
    margin: 0px auto;
    padding: 0;
    border: 0;
    margin-bottom: 20px;
    box-shadow: none;
}
.more-info-div div.table-like strong {display:block;font-weight: normal;font-size: 0;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0px;font-weight: normal;text-align: left;padding: 7px;}
.more-info-div div.table-like strong:last-child {border-bottom:0}
.more-info-div div.table-like em {font-style:normal;display: inline-block;font-size:initial;width:50%;/* font-weight: bold; *//* margin-left: 20px; */line-height: 2rem;}
.more-info-div div.table-like em:nth-child(1) {font-weight:bold;}
.page-template-default .entry-content .more-info-div ul {
    max-width: 600px;
    margin: 40px auto;
    display: block;
}
.more-info-div ul li {/* display:block; */}








@media only screen and (min-width: 221px) and (max-width: 880px) { 

 .lines-button {display:block!important;position: absolute;top: 3px;right: 16px;}
#masthead:before {height: 69px!important;}
#masthead .logo {
  top: 20px;
  width:100px;
  background-image:url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/logo.svg);
  left: 20px;
}

#site-navigation {background-color:white;width:initial;display:block;padding: 0px 20px;top: 62px;transition: all .3s;-webkit-transition: all .3s;overflow: hidden;max-height: 0;}
.shrink #site-navigation {max-height:900px;box-shadow: 1px 21px 20px rgba(0,0,0,0.1);padding-bottom: 30px;}
#site-navigation li {border-bottom:1px solid rgba(0,0,0,0.1); display:block;width: 100%;text-align:left;max-width:initial;}
#site-navigation li:last-child {border-bottom:0}
#site-navigation div {display:block;/* padding-left:10px; */}
#site-navigation ul {display:block;width:100%;padding: 0px 0px;}
#masthead #site-navigation li a {color:#A7E51D;padding: 10px;}
#masthead .logo:after {display:none}
#user {top:23px;right: 86px;background-size:16px;background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/user2.svg)!important;}
#searchicon {top:20px;right: 46px;background-size:18px;background-image: url(https://slovclean-demo.matoremes.sk/wp-content/uploads/2021/02/search3.svg)!important;}
#lselect {top:23px;right: 130px;font-weight: normal;color: #5a6771!important;}
footer#colophon {padding:20px}
#colophon .wrap {padding: 0px;}
#colophon .address {display:block;width: initial;text-align: center;}
#colophon .address div {
    margin-right: 0;
    font-size: .8rem;
}
#colophon .social {width:initial;text-align: center;}
#colophon h2 {margin-bottom:20px;font-size: 1rem;}
html .wpcf7 .wpcf7-submit {display:block}
form div._02 {width:40%}
form div._01 {width:60%}
.wpcf7-acceptance label {font-size:.7rem}
#colophon .social form a {font-size:.7rem}
#colophon .copyright {padding:20px;padding-bottom: 0px;}
body #colophon .copyright div:nth-child(1),
body #colophon .copyright div:nth-child(2) {width:100%; display:block; text-align:center}
#colophon .social a {margin:10px 20px}
#colophon .wrap:before {margin-top:10px; margin-left:auto; margin-right:auto;}
#colophon .wpcf7 {margin-top: 0px!important;}
#slider.clients h2 {font-size: 1.2rem;margin: 10px auto;}
#clients-zone a {display:block;width:initial;margin:20px;height: 40vh;}

#clients-zone span {font-size:1.3rem;top: 10vh;}
.page-template-default article {padding-top:50px}
#clients-zone a:after {bottom:90px}
#clients-zone em {bottom:30px;top: initial;font-size: .8rem;}
.hero-video {margin-top:60px}

.over-video h1 span:nth-child(1) {font-size:3rem}
.over-video h1 span:nth-child(2) {font-size:3rem;margin-top: 0px;}
.over-video h1 span:nth-child(3) {font-size:1rem;margin-top: -15px;} 
.over-video h1 {padding-top: 0;margin-top:0;margin-bottom: 0px;}
.over-video p {font-size:.8rem;margin-bottom: 10px;}
.hero-video .over-video {top:0px}
.btn {font-size:.7rem}
.home .btn, .cert a {font-size:.7rem}
#slider, .cert {width:100%;display:block;max-width: 100%;padding-bottom: 50px;height: auto;}
#slider {height:230px!important}
.cert {border-top:1px solid rgba(0,0,0,0.1);border-left: 0;}
.strp {padding:0;}
#slider h2 {font-size: 1.69rem;margin: 10px auto;}
.flickity-viewport:before,
.flickity-viewport:after {display:none}
.cert p {padding:10px;font-size: .9rem;}
.gallery-cell {/* height:auto!important; */}
#nase-sluzby {padding:10px;padding-bottom: 50px;padding-top: 30px;}
#nase-sluzby h2 {font-size:1.2rem}
.hodnoty h3 {font-size:1.2rem}

.novinky {padding: 10px 0px;padding-bottom: 50px;}
.novinky h2 {font-size:1.2rem;margin: 10px auto;}
#first h3 {font-size: 1.12rem;margin-bottom: 20px;}
#dlazdice {padding:0;}
#dlazdice a {width: -webkit-fill-available;height:40vh;min-height:300px;max-width: 100%;max-height:330px;margin: 5px;}
#dlazdice a:after {opacity:1}
   #dlazdice a p {bottom:80px;opacity:1;opacity: 0;}

   #dlazdice a span {color:#A7E51D;}
   #dlazdice a span:after {/* opacity:1 */}

   .novinky .blogs {padding-top:0px;padding-bottom: 20px;}
#slider.clients > p {padding:0px 10px;font-size: .8rem;margin-bottom: 0px;}
.flickity-page-dots {bottom: 19px;}
.clients .flickity-page-dots {bottom:-30px}
#slider.clients {padding-top:20px; padding-bottom:50px}

#slider.clients .flickity-viewport:before,
#slider.clients .flickity-viewport:after {display:block; width:40px}
form.search-form {padding:20px; margin:0;}
form.search-form label {font-size:1rem; text-align:center}
form.search-form input {max-width:230px}
form.search-form input[type="submit"] {max-width:100px}
.searchme {padding-top: 20vh;z-index: 9999;/* position: fixed; */margin-top: 60px;overflow: hidden;}
.blogs > a h1 {font-size: .7rem;min-height: 60px;line-height: 1rem;}
.blogs > a li {font-size:.5rem}
.hero-video.o-nas {margin-top:0px}
#video1.hero-video.o-nas .over-video p {margin-top: 11vh;font-size: .8rem;line-height:1.5rem;line-height: 1rem;}
#video1.hero-video.o-nas .over-video p.second {font-size:.8rem;line-height:1.1rem;margin-top: 0px;display: none;}
.clenstvo {padding:30px 10px} 
.clenstvo i:nth-child(1):after {
    width: 42px;
    font-size: .4rem;
}

.hodnoty {padding-top:40px;padding-bottom: 40px;padding: 30px 8px;margin-top: 20px;background-color: transparent;}
html #page .hodnoty div strong, html #page .hodnoty-spolocnosti div strong, .eco strong {font-size: 1rem;} 
.hodnoty div, .hodnoty-spolocnosti div, .eco {width:initial;padding: 30px 10px 10px 10px;font-size: .9rem;line-height: 1.4rem;}
.hodnoty div.pomahame {padding-top:30px;padding-bottom: 0px;}
.ocenenia-sb i {width: 72px;height: 80px;margin: 6px!important;}

.npsrtners h2 {font-size:1.1rem} 
.npsrtners div i {width: 98px;margin:10px;}
a#more {font-size:.8rem}
#action {padding:20px;margin: 20px!important;}
#action h2 {font-size: 1rem;line-height: 1.5rem;}
#action a {padding:10px!important;margin: 0px;}
#action h3 {margin-bottom:10px; font-size:.8rem}

.page #nase-sluzby {padding-bottom:0px;padding-top: 0;} 
.selector .map {transform: scale(.6);transform-origin: top center;left: -101px;top: -95px;left: 0;right: 0;margin-left: -99px;}
.selector select, .product-description select, select {background-color:white}

.selector.selector-01 select, .selector.selector-02 select, .selector.selector-03 select, .selector.selector-04 select, .selector.selector-05 select, .selector.selector-06 select, .selector.selector-07 select, .selector.selector-08 select {
  margin-top:100px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#distributors h2 {font-size:1.1rem}
.selector .content {margin-top:0px}
.selector .content div strong {font-size:1.1rem}
.selector .content a {font-size:1rem}
.selector .info {text-align:center}
.selector .content div {text-align:left}

#blogy {margin-top:0}
#blogy .cycle-overlay h1 a {font-size:1rem; padding:0px 20px}

#masthead {height:auto;}
.single #content {margin-top:60px}
.single-picture {height:40vh}
.single-picture header {top:22vh}
.single-picture header h1 {font-size:1rem; padding:20px}
.single .entry-content {padding: 0px 10px;font-size: .9rem;line-height: 1.4rem;}
.single .novinky {padding-bottom:0px}
.single .ocenenia-sb {margin:10px 0px}
#post-110 .entry-content h1 {font-size:1.5rem;margin: 15px 15px;}
#post-110 .entry-content h2 {font-size: 1.233rem;padding: 0px 20px;}
#post-110 .entry-content h3 {font-size: 1rem;line-height: 1.27rem;padding: 0px 20px;}
#post-110 .entry-content > strong {font-size:.8rem;margin:0px;padding: 0px 20px;}
.page-template-default .entry-content ul {padding:10px}
.certi li {height:auto!important; min-height:initial}
.certi li strong {font-size:.8rem; margin-bottom:20px}
.certi li p {font-size:.7rem}
.certi li i {height:90px; margin-top:0px}
.ocenenia-sb {margin-top:20px; margin-bottom:20px}
#post-110 .btn {font-size:.6rem}
#first p {/* text-align:left; */font-size: .9rem;line-height: 1.4rem;}
#first {padding: 20px 10px;font-size: .9rem;}

.npsrtners {padding-bottom:10px;padding-top: 30px;}
.npsrtners div {margin:20px 0px}
.sb strong {font-size: 1.13rem;padding: 0px 20px;}
.kontakty div {padding:10px;width: 100%;text-align: center;}
.kontakty strong {min-height:auto;}
.page-img {height:50vh}
.page-img h1 {font-size:1.4rem; margin-top:23vh}
.page-template-default #entry-content {padding:20px}
.page-template-default #entry-content h2 {font-size:1rem; line-height:1.4rem}
#col {padding:0px;}
#col div {display:block;width:initial;padding: 0;}
.page-template-default .entry-content ul {padding: 15px 10px 15px 35px;margin-bottom: 30px;font-size: .8rem;line-height: 1.2rem;/* margin-left: 20px; */}
.page-template-default #entry-content h3 {font-size:.9rem; line-height:1.3rem}
.searchf {overflow: hidden;}
.searchf #masthead {position:fixed}
.search-results #content {padding-top:60px}
.search-results article {margin: 20px 0px;width: 100%;}
.search-results h1.page-title {font-size:1.3rem}
.cert i {width:90px}
.cert:hover .tuv i {margin-left:-40px}
#slider p {padding:0px 20px;font-size: .9rem;}
.hodnoty div.p-images {padding:20px 0px}
.hodnoty div.p-images img {max-width:40%}
.single .entry-content h3 {font-size:1rem; line-height:1.3rem}
.gallery-item {width: 130px!important;height: 110px!important;}
.gallery-item::before {margin-top:40px;}
.single .entry-content ul {padding:20px 30px; font-size:.9rem} 
#slider.clients .gallery-cell {
    width: 130px;
    border: 20px solid white;
}
html .hodnoty .zodpovednost, #pomahame {padding: 10px 15px;margin:0px;padding-bottom: 10px;}
#pomahame {margin-top:20px}
.sb p {font-size: .9rem;line-height: 1.4rem;padding: 0px 10px;}
.sb {padding-top:30px;padding-bottom: 0;border-top: 1px solid rgba(0,0,0,0.2);}
#academy {/* padding-bottom:0px; *//* margin-bottom:0px */padding: 40px 20px;padding-bottom: 50px;border-radius: 20px;overflow: hidden;/* line-height: 1.13rem; */}
#academy h2 {font-size:1rem}
#academy strong {font-size:.9rem}
#academy p {font-size:.9rem; line-height:1.3rem; margin-bottom:0px} 
#masthead #site-navigation  ul.sub-menu li a  {padding:7px 30px}
#masthead #site-navigation ul.sub-menu {padding-bottom:20px}
#site-navigation ul.sub-menu li  {border-bottom:0px}
#site-navigation ul.sub-menu {position:relative;opacity:1;visibility:visible;padding: 0px 0px;margin-top:0px;width: initial;margin-right: 0;padding-right: 0;margin-left: 20px;}
#menu-item-27 ul.sub-menu {display:none}
.hodnoty-spolocnosti h3 {font-size:1.13rem}
.hodnoty .pomahame h2 {font-size:1.13rem}
#cejs h2 {font-size:1.13rem}
#little-squares ul {padding:0; background-color:transparent}
#little-squares li {font-size:.8rem; line-height:1.2rem}
.page-template-default #entry-content.wider #col > div ul {max-height:initial}
.page-template-default #entry-content.wider {padding:0px}
.page-template-default #entry-content.wider #col > div p {min-height:initial}
.page-template-default #entry-content.wider #col > div strong {min-height:initial}
.page-template-default #entry-content.wider #col > div ul:after {display:none}
#user span {opacity:0; visibility:hidden;}
}