/* cmsms stylesheet: sablona-style modified: 02/27/20 00:41:10 */
/* Univerzálne nastavenia */
html {
    font-size: 62.5%;
}

body {
    background:#fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Noto Sans', sans-serif;
    color: #4D4D4D;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; text-transform: uppercase;}

h1 {
    font-size: 24px;
    font-size: 2.4rem;
}   

h2 {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 0px;
    margin-top: 3px;
    text-align:center;
    color: #0c0c0c;
}

h3 {
    margin: 0px 0 20px 0;
    font-size: 20px;
    font-size: 2rem;
   /* text-transform: uppercase;*/
    color: #0c0c0c;
}

h4 {color:#0c0c0c;}

h2.subtitulok {font-size: 20px; font-size:2.0rem; line-height:100%; padding:0;}
h3.subtitulok {font-size: 20px; font-size:2.0rem; line-height:100%; padding:0;}

h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    background-color: #ca000b;
    content: "";
    display: block;
    height: 2px;
    width: 100px;
    margin: 10px auto 0 auto;
}

a {color:#222;}
a:hover {color:#222;}

.button {
    /*display: inline-block;*/
    color: #fff;
    border: 3px solid #ca000b;
    padding: 10px 12px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    background: #ca000b;
    line-height: 5.5rem;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
     white-space: nowrap;
}

.button:hover {
    background: #fff;
    color:#ca000b;
    text-decoration:none;
    border-color:#ca000b;
}

.button-inverse {
    border: 3px solid #222;
    padding: 10px 12px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    line-height: 5.5rem;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
color:#f2f2f2; border-color: #222; background:#222;
 white-space: nowrap;
}

.button-inverse:hover {
    background: transparent;
    color:777;
    border-color: #222;
    text-decoration:none;
}

.wrapper {
    position:relative;
    max-width: 1200px;
    margin: 0px auto;
    padding: 30px 0;
    }
    
.infowrapper {
    position:relative;
    max-width: 1600px;
    margin: 0px auto;
    padding: 0 20px;
    } 

.infowrapper.sirka16 {max-width:1600px;} 
.infowrapper.sirka11 {max-width:1100px;}
.infowrapper.sirka9 {max-width:900px;}
    
 
#logo h1{
    text-indent: -9999px;    
     overflow: hidden;
    width: 1px;
    height: 0px;
padding: 0;
    margin: 0;
} 

a:hover {text-decoration:none;}

.uk-overlay {padding: 80px;}

/* hlavicka*/

#topbar {display:none; background:#f2f2f2; min-height: 60px; font-size:12px; font-size:1.2rem;}
#topbar a {color:#777;}
#topbar a:hover {color:#4d4d4d;}
#topbar ul, #header ul {list-style:none; padding:0; margin:0;}
#topbar ul li, #header ul li {display:inline-block;}
#topbar .pravybox ul li, #topbar .lavybox ul li {margin: 0 5px;}
#topbar .pravybox ul li + li:before, #topbar .lavybox ul li + li:before {
    content: "|";
    font-weight: 300;
    position: relative;
    top: -1px;
    margin: 0 10.5px 0 0;
}


#header {background:#fff; box-shadow: 0 2px 3px rgba(34, 34, 34, 0.00); border-bottom: 4px solid rgba(214, 214, 214, 0.6);
    }
#header .wrapper {padding: 0 20px;}
#header .logobox {padding:20px 0;}
#header img.logotyp {max-height: 78px;}

#header.uk-sticky.uk-active {box-shadow: 0 3px 10px rgba(34, 34, 34, 0.22);}
#header.uk-sticky.uk-active .wrapper {padding: 0px 20px;}
#header.uk-sticky.uk-active .logobox {padding: 0px;}
#header.uk-sticky.uk-active img.logotyp {margin-top: 0px;}
       
.contentbox {
        padding: 40px;
        margin: 0px;
        
        display:block;
        position:relative;
        float:right;
        /*width: 100%;*/ }

.uk-grid+.uk-grid-small {margin-top: 80px;}        

  
.navigation {
    text-align:right;
z-index:999;
}

.navigation ul {
    list-style:none;
    padding-left: 0px;
}

.navigation li {
    display: block;
    position: relative;
    text-decoration: none;
  transition-duration: 0.5s;
border-top: 3px solid #fff;
}
  
.navigation li a {
  color:#222; 
  padding: 15px 30px;
  line-height: 114px;
  line-height: 11.4rem;
}

#header.uk-sticky.uk-active .navigation li a {line-height: 75px; line-height: 7.5rem;}

.navigation li:hover, .navigation li.current, .navigation .uk-active  {
    background: #f9f9f9;
    cursor: pointer;
    border-top: 3px solid #ca000b;
}

.navigation ul li:hover {}

.navigation ul li ul {
    background:#f9f9f9;
    visibility: hidden;
  opacity: 0;
  min-width: 200px;
  padding: 10px;
    position: absolute;
 transition: all 0.5s ease;
  margin-top: 0px;
    left: 0;
  display: none;
text-align:left;
}

.navigation ul li:hover > ul,
.navigation ul li:focus-within > ul, 
.navigation ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.navigation ul li ul li a {padding: 0px; line-height:20px; line-height: 2rem; display:block;}
#header.uk-sticky.uk-active .navigation li li a {line-height: 20px; line-height: 2rem;}
.navigation ul li ul li:hover, .navigation ul li ul li.current {background:#f2f2f2; border: none;}
.navigation ul li ul li a:hover {text-decoration: underline;}

.navigation ul li ul li {
  clear: both;
    width: 100%;
    padding: 20px 15px;
    margin: 0;
  border: 0px solid #f9f9f9;
}

#header .navigation ul ul {
    padding: 0 20px;
}

#header .navigation ul li li {
    margin: 0 0px 0 -20px;
    padding: 8px 20px;
}

.navigation ul ul ul {
    left: 240px;
    top: 0;
        background: #efefef;
}

#polystonav > li {  transition: background-color 300ms;}
  
#header .navigation ul ul:before, #header .navigation ul ul ul:before {
    content: '';
    position: absolute;
    top: calc(0% - 37px);
    left: 0;
    width: 100%;
    height: 37px;
    z-index:999;
   }


.centerbox {background:#fff; padding:40px;}


/* slider */
.galerybox {padding: 0 80px; margin-bottom:80px;}

.galerybox .wrapslider div {max-width: 450px;}

.galerybox .wrapslider .contentbox {
    padding: 50px;
    margin: 40px 60px;
    display: block;
    position: relative;
    width: 100%;
}

.galerybox .wrapslider .white.contentbox {background: rgba(0,0,0,0.65);}

.uk-slidenav-previous {
    background: #fff;
    /* visibility: visible; */
    padding: 30px;
    left: -35px;
}

.uk-slidenav-next {
    background: #fff;
    /* visibility: visible; */
    padding: 30px;
    right: -35px;
}



#content-pinfo-one .uk-slidenav-next svg, #content-pinfo-two .uk-slidenav-next svg, #content-pinfo-three .uk-slidenav-next svg, #content-pinfo-four .uk-slidenav-next svg, #content-pinfo-one .uk-slidenav-previous svg, #content-pinfo-two .uk-slidenav-previous svg, #content-pinfo-three .uk-slidenav-previous svg, #content-pinfo-four .uk-slidenav-previous svg {
    width: 10px;
}

#content-pinfo-one .uk-slidenav-next, #content-pinfo-two .uk-slidenav-next, #content-pinfo-three .uk-slidenav-next, #content-pinfo-four .uk-slidenav-next, #content-pinfo-one .uk-slidenav-previous , #content-pinfo-two .uk-slidenav-previous, #content-pinfo-three .uk-slidenav-previous, #content-pinfo-four .uk-slidenav-previous {
    padding: 15px;
}

.lavyimg {
    display: inline-block;
    float:left;
    margin: 0 15px 15px 0;
}

.pravyimg {
    display: inline-block;
    float:right;
    margin: 0 0px 15px 15px;
}

.sliderbox {z-index:100; max-height:760px; position:relative;}

.sliderbox .textbox {max-width: 600px; padding-top: 30%;}

.sliderbox p {
    font-size: 2.0rem;
    padding: 0;
    margin: 0;
}

.sliderbox .uk-light p {
    font-size: 2.0rem;
    padding: 0;
    margin: 0;
    color: #fff;
}





/* obsah */

.white.contentbox, .white.contentbox h2, .white.contentbox h3 {color:#fff;}
.black.contentbox, .black.contentbox h2, .black.contentbox h3 {color:#222;}
.black.contentbox {background: rgba(255,255,255,0.75); border: 5px solid #fff;}
.white.contentbox {background: rgba(0,0,0,0.2); border: 5px solid #fff;}
.white.contentbox .button:hover {color:#fff; border-color:#fff; background:transparent;}
.white.contentbox .button {color:#777; border-color:#fff; background:#fff;}
.black.contentbox .button:hover {color:#4d4d4d; border-color: #777; background: transparent;}
.black.contentbox .button {color:#f2f2f2; border-color: #222; background:#222;}

#content-zero, #content-zero-modul, #content-one, #content-two, #content-three, /*#content-four*/, #content-five, #content-six, #content-seven, #content-eight, #content-eleven, #content-eleven-modul {margin-bottom: 80px;}

#content-zero {background-size: 100%; background-repeat: no-repeat; background-position: top center;}
#content-zero .klietka {max-width: 1080px; display: block; position: relative; margin: 0 auto}
#content-zero .contentbox {border:none;}

#content-one { position:relative; padding: 0px 0;}

#content-seven .contentbox {border:none;}

#content-eleven .pravybox .contentbox {border:none;}
#content-eleven .lavybox .contentbox {max-width: 560px;}
#content-eleven h2 {font-size: 30px; font-size: 3rem; margin-bottom: 0px; padding-bottom:0; text-transform: uppercase; text-align: left;}
#content-eleven p {margin-top: 10px;}


.omrvinky {}
.breadcrumb {text-align:right; color:#777; padding: 20px 0 10px 0;}
.breadcrumb a {color:#777; font-style: italic;}
.breadcrumb a:hover {color:#222;}
.breadcrumb.current {color:#222;}

/** obsah pre info stránky **/
.infowrapper .galerybox {padding: 0px; margin-bottom: 40px;}

.infowrapper ul#sidesubnav {
    padding-left: 0px;
    list-style: none;
    border-top: 2px solid #525252;
    padding-top: 20px;
}


#content-linfo-two .uk-tab>* {
    flex: none;
    padding-left: 10px;
    position: relative;
}

#content-linfo-two .uk-tab::before { border-bottom: 1px solid #525252;}

#content-linfo-two .uk-tab>*>a {
    display: block;
    text-align: center;
    padding: 10px 15px;
    color: #525252;
    background: #f9f9f9;
    border: 1px solid #ececec;
    border-bottom: 1px solid #525252;
    font-size: 1.4rem;
    text-transform: none; 
    transition: color .1s ease-in-out;
}

#content-pinfo-two .uk-tab>.uk-active>a {
    color: #f2f2f2;
    border-color: #222;
    background: #222;
}

#content-info .uk-thumbnav {margin: 15px 0 0 -15px;}
ul.uk-thumbnav {
    margin-top: 15px;
}



#content-linfo-one, #content-linfo-two, #content-linfo-three, #content-linfo-four {
    padding-bottom: 40px;
}
#content-pinfo-one, #content-pinfo-two, #content-pinfo-three, #content-pinfo-four {
    padding-bottom: 0px;
}

#content-pinfo-zero #sidesubnav svg {
    margin-bottom: 3px;
}

#content-pinfo-zero #menuwrapper ul ul {
    list-style: none;
    padding-left: 8px;
}

#content-pinfo-zero #menuwrapper ul ul span.uk-icon {margin-right: 1px!important;}

#content-pinfo-zero #menuwrapper span.uk-icon {
    margin-right:0;
}

#content-pinfo-zero ul li.menuactive, #content-pinfo-zero ul ul li.menuactive  {
    color: #222;
    font-weight: bold;
}

#content-pinfo-zero ul ul li{color:#777; font-weight:normal;}
#content-pinfo-zero ul a{color:#777; font-weight:normal;}

#content-pinfo-zero ul li a.menuactive, #content-pinfo-zero ul ul li a.menuactive {
    color: #222;
    font-weight: bold;
}

#content-pinfo-zero ul ul li a{color:#777; font-weight:normal;}

#content-pinfo-zero li:hover, #content-pinfo-zero li:hover a {color: #222;}


/*.city {display:none;}*/

/* category box */


.categorybox {
    min-height: 400px;
}
/* pôvodné nastavenie
.categorybox .contentbox h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

.categorybox .contentbox {
    padding: 20px;
    text-align: center;
}*/


.categorybox .contentbox {
    /* padding-top: 40%; */
    padding: 36% 0 0 0;
    text-align: center;
    /* width: 100%; */
    /* height: 100%; */
    /* vertical-align: middle; */
}

.categorybox .contentbox h3 {
    padding: 0;
    margin: 0;
    text-align: center;

    color:#fff;
}

.categorybox .uk-overlay {padding: 0;}

/*
#content-category .categorybox div a {
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
   -o-transition: all .4s ease-out;
   -ms-transition: all .4s ease-out;
   transition: all .4s ease-out;
}

#content-category .categorybox div a:hover {
    background: rgba(0,0,0,0.5);
   -webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
   -o-transition: all .4s ease-out;
   -ms-transition: all .4s ease-out;
   transition: all .4s ease-out;
}
*/

#content-category .categorybox div a {
    display: flex;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
   -o-transition: all .4s ease-out;
   -ms-transition: all .4s ease-out;
   transition: all .4s ease-out;
}

#content-category .categorybox div a:hover {
    background: transparent;
   -webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
   -o-transition: all .4s ease-out;
   -ms-transition: all .4s ease-out;
   transition: all .4s ease-out;
}




#content-category .categorybox div a h3 {/*visibility: hidden;*/ visibility: visible;}
#content-category .categorybox div a:hover h3 {/*visibility: visible;*/ visibility: hidden;}


#content-category .categorybox div a {
    display: flex;
    /* background: red; */
    /* width: 100%; */
}

#content-category .white.contentbox:hover {
    background: rgba(255,255,255,0.8);
    border: 5px solid #fff;
}

#content-category .white.contentbox:hover h3 {
    color:#222;
}

.catrightbox {margin-top: 80px;}




/* ikony */
.boxikony50 {
    text-align: center;
    margin: 20px 0 40px 0;
}
.boxikony50 .polozka {
    list-style: none;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px;
    border: 2px solid #f2f2f2;
    border-radius: 60px;
}

.polozka svg {
    color: #222;
}

.polozka:hover svg {color:#777;}
.polozka:hover {border-color:#777;}

.navsubicon {
    text-align: center;
    margin: 30px 0 20px 0;
}

ul.navsubicon {padding-left:0;}

.navsubicon li {
    list-style: none;
    display: inline-block;
    margin: 0px 5px;
    max-width: 120px;
}

.navsubicon li svg{
    list-style: none;
    display: inline-block;
    margin: 0px 5px 15px 5px;
    padding: 5px;
    border: 3px solid #f2f2f2;
    border-radius: 80px;
    text-align:center;
}

.navsubicon svg {
    color: #222;
}

.navsubicon.white svg {
    color: #fff;
}

.navsubicon h3 {font-size: 14px;font-size: 1.4rem;}

.navsubicon li:hover svg {color:#fff; border-color:#222; background:#222;}


/* realizacie */
#content-linfo-one h2 {text-align:left;}
#content-linfo-one .rychleinfo h2 {font-size: 20px; font-size:2rem;}
#content-linfo-one .rychleinfo span {    
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 0px;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #222;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
#content-linfo-one .rychleinfo svg {margin-top: -2px;}
#content-linfo-one .rychleinfo p {margin: 0px 5px 5px 35px;}


#content-info .uk-accordion-title {
    display: block;
    font-size:14px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #222;
    font-weight: 700;
    overflow: hidden;
}

#content-info .uk-accordion-content {
    margin-top: 10px;
}

#content-info .uk-accordion-title:focus, .uk-accordion-title:hover {
    color: #222;
}

#content-info .uk-tab>*>a {
    font-size: 14px;
    font-size: 1.4rem;
}

#content-info .uk-tab>.uk-active>a {
    color: #222;
    border-color: #222;
}

/* kontakty */

#content-info .obchodmodul {}
#content-info .obchodmodul .krajina {border-right:1px solid #777; text-align:center;}
#content-info .obchodmodul .predajca h4{margin:0 0 3px 0; font-size:14px; font-size:1.4rem; font-weight:bold;}
#content-info .obchodmodul .predajca *+p {margin-top: 0;}

#kontaktzoznam {display:block; width:100%; margin-top: 40px; background:#f8f8f8;}
#kontaktzoznam tbody {
    width: 100%;
    /* background: #ddd; */
    display: inline-table;
}
.jszoznam h3 {font-size:14px; font-size:1.4rem; font-family: 'Noto Sans', sans-serif;}



/* griderr */
/*
.gridder{margin:0px;padding:0px;list-style-type:none;font-size:0}
.gridder-list,.gridder-show{font-size:16px}
.gridder-list{display:inline-block;vertical-align:top}
.gridder-show{display:block;float:left;width:100%;position:relative}
.gridder-content{display:none}
.gridder-list{width:33.333%}
.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-list:nth-of-type(2n){margin-right:0;margin-bottom:0}*/


.gridder{margin:0px;padding:0px;list-style-type:none}
.gridder-list{display:inline-block;vertical-align:top}
.gridder-show{display:block;float:left;width:100%;position:relative; /*background:#EEE url("../images/loading-spin.svg") no-repeat center*/} 
.gridder-show.loading{/*background:#EEE url("../images/loading-spin.svg") no-repeat center*/} 
.gridder-content{display:none}
.gridder-list{width:23.95%}
.gridder-list:nth-child(n){margin-bottom:0.5%;margin-right:0.5%}
.gridder-list:nth-of-type(4n){margin-right:0;margin-bottom:0}
.gridder-show{margin-bottom:1%}
.gridder-navigation .gridder-nav.disabled{opacity:.5}
/*.gridder-navigation {display:none;}*/
a.gridder-nav.prev {
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(255, 255, 255, 0.85);
    padding: 20px;
    color: rgba(102,102,102,.9);
    font-size: 3rem;
    z-index:999;
    opacity:0;
}
a.gridder-nav.next {
    position: absolute;
    top: 50%;
    right: 0;
    background: rgba(255, 255, 255, 0.85);
    padding: 20px;
    color: rgba(102,102,102,.9);
    font-size: 3rem;
    z-index:999;
    opacity:0;
}

.gridder-padding:hover a.gridder-nav.next, .gridder-padding:hover a.gridder-nav.prev { opacity: 1;}
a.gridder-close {
    display: none;
}

.gridder-expanded-content { padding: 20px 0;}
.gridder-list{cursor:pointer; border: 2px solid transparent; padding:2px;}
.gridder-list:hover{opacity:1; border:2px solid #777;}
.hasSelectedItem .gridder-list{opacity:.65}
.hasSelectedItem .gridder-list.selectedItem{opacity:1; border:2px solid #777;}
/*@media screen and (min-width: 700px) { .gridder-list {width:15.8333333333%}
.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-list:nth-of-type(6n){margin-right:0;margin-bottom:0} }*/

.Subselect {
    display: none;
}

.gridder-show *+.uk-table {margin-top: 0px;}

.gridder-show .uk-table th {
    padding: 6px 10px;
    text-align: left;
    vertical-align: bottom;
    font-size: 1.4rem;
    font-weight: bold;
    font-weight: 400;
    color: #222;
    text-transform: uppercase;
}

.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
    background: #f3f3f3;
}

/* produkty */
.produktgrid {text-align:center;}
.produktgrid h3 {font-size:18px; font-size:1.8rem; text-align:center; margin:0;}
#content-info .produktgrid p, .productgrid *+p {margin-top: 5px;}

/* katalogy */
.kataloggrid .link {
    display: block;
    margin: 5px 0;
}
.kataloggrid .bunka {padding:20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.kataloggrid h3 {font-size:18px; font-size:1.8rem; text-align:center; margin:0; padding-top: 10px;
    text-transform: none;}
.kataloggrid .popis {text-align:center; margin:0;}
.kataloggrid .link img {width:24px; height:auto; margin-right:5px;}

.katalogtable.uk-table th {font-size:14px; font-size:1.4rem;}
.katalogtable h3 {font-size:18px; font-size:1.8rem; text-align:left; margin:0;}
.katalogtable .popis {text-align:left; margin:0;}
.katalogtable .popis p {margin:0;}
.katalogtable .link img {width:24px; height:auto; margin-right:5px;}

/* novinky */
.newsuhrn.grid {margin: 40px 0;}
.newsuhrn.grid .clanok {
    display:block;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.0);
    transition:all 1s ease;
}

.newsuhrn.grid .clanok:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition:all 1s ease;}

.newsuhrn.grid .datum {display:block; font-size:12px; font-size:1.2rem; padding: 10px 0;}
.newsuhrn.grid h2 {font-size:18px; font-size:1.8rem; text-transform:none; text-align:left; margin:0; padding:0; font-family: 'Noto Sans', sans-serif;}
.newsuhrn.grid p {margin: 5px 0;}

.newsdetail {margin-top:40px;}
.newsobsah {padding: 0 200px;}
.newsobsah h2 {text-align:left; font-size:25px; font-size:2.5rem; text-transform:none; font-family: 'Noto Sans', sans-serif;}
.newsobsah .datum {display:block; font-size:12px; font-size:1.2rem; padding: 0px 0 10px 0;}
.newsobsah .newspopis {margin:10px 0;}
.newsdetail .backlink {float: right; line-height: 100%; margin-top:20px;}

.uk-lightbox-button.uk-slidenav-previous {color:#222; padding:0;}
.uk-lightbox-button.uk-slidenav-next {color:#222; padding:0;}
.uk-lightbox { background: rgba(255, 255, 255,0.95);}

.uk-lightbox-toolbar.uk-position-top.uk-text-right.uk-transition-slide-top.uk-transition-opaque {display:none;}

.rotatornoviniek {position:relative;}
.rotatornoviniek .datum {display:block; font-size:12px; font-size:1.2rem; padding: 10px 0;}
.rotatornoviniek h2 {font-size:18px; font-size:1.8rem; text-transform:none; text-align:left; margin:0; padding:0; font-family: 'Noto Sans', sans-serif;}
.rotatornoviniek p {margin: 5px 0;}
.rotatornoviniek .clanok {
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.0);
    transition:all 1s ease;
}

.rotatornoviniek .clanok:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition:all 1s ease;}
.rotatornoviniek .uk-slider-items.uk-grid {
    padding: 20px;
    margin-left: -10px;
}

.rotatornoviniek .rotatorpopis {padding-left:25px;}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* paticka */
#footer {background:#222; color:#777; padding: 20px 0; margin-top: 0px;}
#footer .wrapper { padding: 0px; }
#footer h3 {text-transform: uppercase; color:#f2f2f2; font-size: 18px; font-size: 1.8rem; text-transform:uppercase;}
#footer a {color:#777; text-decoration:none;}
#footer ul li:hover {color:#f2f2f2;}
#footer a:hover {text-decoration:none; color:#f2f2f2;}
#footer .credits {
    border-top: 1px solid #2d2d2d;
    text-align: center;
    margin-top: 40px;
    padding-top: 30px;
}

/** off canvas **/
.uk-offcanvas-bar {width: 100%; 
 background: #fff url(https://vykazvymerstavby.sk/uploads/images/obsah/mobilne-menu.jpg) no-repeat center top;
padding: 25px 0;}
.uk-offcanvas-overlay::before {background: rgba(255, 255, 255, 0.95);}



.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 30px;
    padding: 10px;
    color:#222;
}

.uk-offcanvas-bar .uk-close {color:#222;}

.uk-offcanvas ul {list-style:none; padding: 0; margin: 0; text-align:center;}

.uk-offcanvas ul li {padding: 7px 0; border:none; }

.uk-offcanvas ul li a {font-size: 22px; font-size:2.2rem; line-height:31px; line-height: 3.1rem; padding: 8px 20px; color:#222; text-transform: uppercase;}
.uk-offcanvas ul li a:hover, .uk-offcanvas a.current {text-decoration: none; background: #777; color:#fff;}

.uk-offcanvas ul li ul li a {font-size: 18px; font-size:1.8rem; text-transform:none; padding: 11px 20px;}

.uk-offcanvas ul ul { background:transparent; margin-top: 7px;    margin-bottom: -7px;}

.uk-offcanvas h3 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 140%;
    margin-top: 10%;
}

a.naviicon.uk-icon {
    margin-top: 20px;
    right: 35px;
    position: absolute;}

#mobile-menu i {
    margin-right: 5px;
}

#mobile-menu.uk-offcanvas .uk-panel {color:#b5b5b5;}
#offmoblang a {display: inline-block; border-top:0; box-shadow: none;}
#offmoblang img {width:20px; height:auto;}
#mobile-menu .subtitulok {color:#696969;}
#mobile-menu h3 {
    font-style: normal;
    color:#fff;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 3px;
}
#mobile-menu h3:after {
    background-color: #799b1d;
    content: "";
    display: block;
    height: 3px;
    width: 40px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    bottom: -3px;
    /* left: 27px; */
}

#mobile-menu .odklik {
    color: #fff;
    border: 2px solid #799b1d;
    border-radius: 5px;
    padding: 7px 12px;
    background:#799b1d;
}    


#mobile-menu .odklik:hover {
    background:transparent;
    color:#799b1d;
    text-decoration:none;
}


 .google-maps {
        position: relative;
        padding-bottom: 28%; 
        height: 0;
        overflow: hidden;
        margin-top: 40px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/************* media query *************/


/* 1680px - XYZ */
@media (min-width: 1680px) {
.uk-grid {margin-left:0}
} 

/* 1220px - 1680px */
@media (max-width: 1680px) and (min-width: 1220px) {
.uk-grid {margin-left:0}
.navigation li a {padding: 5px 22px;}
.galerybox {padding: 0px 60px;}
.infowrapper {padding: 0 80px;}
}

/* 1080px - 1220px */
@media (max-width: 1220px) and (min-width: 1080px) {

.navigation li a {padding: 5px 15px;}
#header img.logotyp {margin-top: 5px;}
.galerybox {padding: 0px 60px;}
.infowrapper {padding: 0 80px;}

#content-zero {background-size: cover;}
#content-zero .contentbox {padding: 80px 80px 50px 80px;}
  
}

/* 960px - 1220px */
@media (max-width: 1080px) and (min-width: 960px) {

.navigation li a {padding: 5px 10px;}
#header img.logotyp {margin-top: 10px;}
.galerybox {padding: 0px 40px;}
.infowrapper {padding: 0 40px;}

#content-zero {background-size: cover;}
#content-zero .contentbox {padding: 80px 80px 50px 80px;}


}


/* 768 - 960px */
@media (max-width: 960px) and (min-width: 768px) { 

#topbar .uk-text-right, #topbar .uk-text-left {text-align: center!important;}
.galerybox {padding: 0px 40px;}

#header.uk-sticky.uk-active { padding: 5px 5px 10px 5px;}
#header a.naviicon.uk-icon {margin-top: 30px;}
.infowrapper {padding: 0 40px;}

#content-zero, #content-one, #content-two, #content-three, #content-four, #content-five, #content-six, #content-seven, #content-eight, #content-eleven {margin-bottom: 0px;}

#content-zero {background-size: cover;}
#content-zero .contentbox {padding: 80px 80px 50px 80px;}

#content-one .lavybox, #content-two .pravybox, #content-three .lavybox, #content-four .pravybox, #content-five .lavybox, #content-six .pravybox {min-height: 300px;}

.newsobsah {padding: 0 0 0 30px;}


}

/* 480 - 768px */
@media (max-width: 768px) and (min-width: 480px) { 
#topbar {display:none;}  
a.naviicon.uk-icon {margin-top: 20px;} 
#header.uk-sticky.uk-active {min-height:60px;}
.galerybox {padding: 0px 30px;}
.infowrapper {padding: 0 30px;}

.contentbox {padding: 20px 30px;}

#content-zero, #content-one, #content-two, #content-three, #content-four, #content-five, #content-six, #content-seven, #content-eight, #content-eleven {margin-bottom: 0px;}

#content-zero {background-size: cover;}

#content-one .lavybox, #content-two .pravybox, #content-three .lavybox, #content-four .pravybox, #content-five .lavybox, #content-six .pravybox {min-height: 300px;}

.newsobsah {padding: 0 0 0 30px;}


}

/* 0 - 480px */
@media all and (max-width: 480px) {
#topbar {display:none;}  
a.naviicon.uk-icon {margin-top: 10px;}
#header.uk-sticky.uk-active a.naviicon.uk-icon {margin-top: 9px;}
#header.uk-sticky.uk-active img.logotyp {margin-top: 0; padding: 10px 0;}
#header.uk-sticky.uk-active .wrapper {padding: 10px 20px;}
#header.uk-sticky.uk-active {min-height:60px;}


.contentbox {padding: 20px 30px;}
.white.contentbox {background: #222; margin-bottom: -15px;}

.galerybox {padding: 0px 20px; margin-bottom:20px;}

#content-zero, #content-one, #content-two, #content-three, #content-four, #content-five, #content-six, #content-seven, #content-eight, #content-eleven {margin-bottom: 0px;}

#content-zero {background-size: cover;}


#content-one .lavybox, #content-two .pravybox, #content-three .lavybox, #content-four .pravybox, #content-five .lavybox, #content-six .pravybox {min-height: 300px;}

#content-eleven .wrapper .uk-grid-small {margin-left: 0px;} 
#content-eleven .lavybox {padding: 0 15px;}
#content-eleven .lavybox h2,#content-eleven .lavybox h3, #content-eleven .lavybox h4 {text-align:center;}
#content-eleven .lavybox .contentbox { width: 100%; padding: 10px 0; text-align: justify;}

.newsobsah {padding: 0 0 0 30px;}


#footer {margin-top: 0px;}

.infowrapper {padding: 0 30px;}

}