/* cmsms stylesheet: basicstyle modified: Wednesday, April 15, 2026 9:48:52 AM */
/* Univerzálne nastavenia */
html {
    font-size: 62.5%;
}

:root {
  --biela:#ffffff;
  --svetlatyrkys: #4cccc4; /*-*/
  --tyrkys: #379992; 
  --tmavatyrkys: #006c6e; /*-*/
  --okrova: #cc7722;
  --svetloseda: #aaaaaa;  /*-*/
  --svetloseda2: #efefef; /*-*/
  --svetloseda3: #e1e1e1;
  --tmavoseda: #474747; /*-*/
  --seda: #747474;
  --cierna: #222222;
  --grad-svetloseda2: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 50%);
}

body {
    background:#fff;
    font-size: 16px;
    font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    color: var(--cierna);
  background-repeat: repeat-x;
  background-image: url('/uploads/images/obsah/pozadia-zahlavie/bg-white.jpg');
 
}

h1, h2, h3, h4, h5, h6, .uk-accordion-title {text-transform: none;

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
   
    
}

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

h2 {
    font-size: 32px;
    font-size: 3.2rem;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 0px;
    margin-top: 3px;
    /*text-align:center;*/
    color: var(--seda);
    font-weight: 800;
    position:relative;
    z-index:9;
}

h3 {
    margin: 0px 0 20px 0;
    font-size: 28px;
    font-size: 2.8rem;
    color: var(--seda);
    font-weight: 800;
}

h4 {
    margin: 0px 0 15px 0;
    font-size: 25px;
    font-size: 2.5rem;
    color: var(--seda);
    font-weight: 600;
}

h4 {
    margin: 0px 0 10px 0;
    font-size: 22px;
    font-size: 2.2rem;
    color: var(--seda);
    font-weight: 600;
}


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;}

a {color: var(--cierna);}
a:hover {color: var(--tyrkys); text-decoration: underline;}
em { color: var(--cierna);}

p {
  color: #242d37;  /*line-height: 170%;*/
}

::-moz-selection { /* Code for Firefox */
  color: var(--biela);
  background: var(--tyrkys);
}

::selection {
  color: var(--biela);
  background: var(--tyrkys);
}

.biela {color: var(--biela);}
.tyrkysova {color: var(--tyrkys);}
.hneda {color: var(--okrova);}
.sedy {color: var(--tmavoseda);}
.cierny {color: var(--biela); background: var(--cierna); padding: 2px 10px 5px 10px; border-radius: 0px;}

.extrafont {font-size: 25px; font-size: 2.5rem;}
h2 span.extrafont, h2.extrafont {font-size: 42px; font-size: 4.2rem;}
h3 span.extrafont, h3.extrafont {font-size: 36px; font-size:3.6rem;}

.velkyfont {font-size: 20px; font-size: 2.0rem;}
h2 span.velkyfont, h2.velkyfont {font-size: 38px; font-size: 3.8rem;}
h3 span.velkyfont, h3.velkyfont {font-size: 32px; font-size: 3.2rem;}

.malyfont {font-size: 12px; font-size: 1.2rem;}

span.nadnadpis {
    font-size: 23px;
    line-height: 20px;
    margin-bottom: 0;
    display: block;
}

span.podnadpis {
     font-size: 23px;
    line-height: 20px;
    margin-bottom: 0;
    display: block;
}
}

.button:after,.button-inverzny:after,.button-biely:after{
 width: 10px;
 height: 10px;
    display:inline-block;
    margin-left: 2px;
    top: -9px;
    right: -6px;
    position: relative;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
  content: '';
  -webkit-mask: url(/uploads/base/link.svg) no-repeat 50% 50%;
  mask: url(/uploads/base/link.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.button:after, .button-inverzny:hover:after {
    background-color: var(--tyrkys);
}
.button:hover:after, .button-inverzny:after,.button-biely:hover:after, .call-to-action .button-biely:hover:after {
    background-color: var(--biela);
}   
.button-biely:after {
    background-color: var(--cierna);
}


.button {
    display: inline-block;
    color: var(--tyrkys);
    border: 2px solid var(--tyrkys);
    padding: 0px 15px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    background: transparent;
    line-height: 4.5rem;
    text-transform: none;
     /*white-space: nowrap;*/
     border-radius: 0px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, .15);
}

.button:hover {
    background: var(--tyrkys);
    color:#fff;
    text-decoration:none;
    border-color: var(--tyrkys);
    box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, .25);

}

.button-inverzny {
    display: inline-block;
    color: var(--biela);
    border: 2px solid var(--tyrkys);
    padding: 0px 15px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    background: var(--tyrkys);
    line-height: 4.5rem;
    text-transform: none;
     /*white-space: nowrap;*/
     border-radius: 0px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, .25);
}

.button-inverzny:hover {
    background: transparent;
    border-color: var(--tyrkys);
    text-decoration:none;
    color: var(--tyrkys);
}

.button-biely {
    display: inline-block;
    color: var(--cierna);
    border: 2px solid var(--biela);
    padding: 0px 15px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    background: var(--biela);
    line-height: 4.5rem;
    text-transform: none;
     /*white-space: nowrap;*/
     border-radius: 0px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, .15);
}

.button-biely:hover {
    background: var(--tyrkys);
    border-color: var(--tyrkys);
    text-decoration:none;
    color: var(--biela);
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, .25);
}

.button, .button-inverzny, .button-biely {
    transition: all 0.3s ease;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.button:hover, .button-inverzny:hover, .button-biely:hover {
-webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.button.button-center {
    display:block;
    width: 200px;
    text-align:center;
    margin: 40px auto 20px auto;
}

.wrapper {
    position:relative;
    max-width: 1280px;
    margin: 0px auto;
    padding: 20px;
    }
    
.wrapper.size16 {max-width: 1600px;} 
.wrapper.size11 {max-width: 1100px;}  
.wrapper.size9 {max-width: 960px;}  
.wrapper.size6 {max-width: 640px;}  
    
.infowrapper {
    position:relative;
    max-width: 1760px;
    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;
} 

@keyframes float {
	0% {
		transform: translatey(0px);
		transform: scale(1,1);
	}
	25% {
		transform: translatey(-10px);
		transform: scale(1.07,1.07);
	}
	50% {
		transform: translatey(-10px);
		transform: scale(1.05,1.05);
	}
	75% {
		transform: translatey(-10px);
		transform: scale(1.08,1.08);
	}
	100% {
		transform: translatey(0px);
		transform: scale(1,1);
	}
}

@keyframes float2 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}


.unibox.slider3x {padding-top: 120px; margin-top: -130px;}

/*.obrazoktextu, .obrazoktextu-t2, .obrazoktextu-t3, .obrazoktextu-t4, .obrazoktextu-t5 {
    -webkit-mask-image: url(/uploads/base/bg/11.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
} */ 

.linkblock {display:block;}

.kontajnerbgimg {position:relative;}

.obrazoktextu {position:relative; z-index: 5;
}
.kontajnerbgimg.t1:before {
    content: url(/uploads/base/imgcanvas/bg-09.svg);
    position:absolute;
    width:126px;
    height: 126px;
    bottom: -55px;
    left: -85px;
    z-index: 6;
    transform: translatey(0px);
    transform: rotate(0deg);
	animation: float 6s ease-in-out infinite;
}

.kontajnerbgimg.t1:after {
    content: url(/uploads/base/imgcanvas/bg-07.svg);
    position:absolute;
    width: 170px;
    height: auto;
    top: -60px;
    right: -20px;
    z-index: 4;
    transform: translatey(0px);
    transform: rotate(0deg);
	animation: float2 6s ease-in-out infinite;
}
/* pozadie 2 */
.kontajnerbgimg.t2:before {
    content: url(/uploads/base/imgcanvas/bg-09.svg);
    position:absolute;
    width:126px;
    height: 126px;
    bottom: -55px;
    left: -85px;
    z-index: 6;
    transform: translatey(0px);
    transform: rotate(0deg);
	animation: float 6s ease-in-out infinite;
}

.kontajnerbgimg.t2:after {
    content: url(/uploads/base/imgcanvas/bg-07.svg);
    position:absolute;
    width: 170px;
    height: auto;
    top: -40px;
    right: -40px;
    z-index: 4;
    transform: translatey(0px);
    transform: rotate(0deg);
	animation: float2 6s ease-in-out infinite;
}

.kontajnerbgimg.imgcut1 .obrazoktextu {
-webkit-clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);
clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);
}

.kontajnerbgimg.imgcut2 .obrazoktextu {
-webkit-clip-path: polygon(0 20%, 20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
clip-path: polygon(0 20%, 20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
}





.uk-offcanvas-bar .logotyp {
    margin: 0 auto;
    display: block;
    max-width: 250px;
}


#paralax {
    position:absolute;
    width:100%;
    height:100vh;
    z-index:0;
    overflow:hidden;
}

#paralax .objekt { }
#paralax .obj1 {position:absolute; top: 300px; right: 50px;}
#paralax .obj1 img{width: 181px; height: auto;}
#paralax .obj2 {position:absolute; top: 90px; left: -50px;}
#paralax .obj2 img {width: 290px; height: auto;}
#paralax .obj3 {position:absolute; top: 90px; right: 180px;}
#paralax .obj3 img {width: 140px; height: auto;}
#paralax .obj4 {position:absolute; top: 420px; left: 20px;}
#paralax .obj4 img {width: 80px; height: auto;}


/****************** Navigácia ***********************/

#topbar {
/*background: var(--tmavacervena);*/
color: var(--okrova);
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgba(0,180,216,1) 100%);
position:relative;
}

#topbar a {color: var(--biela);}

#header {
    position: relative;
    padding-top: 0px;
    z-index: 10;
   /*height: 90px;*/
   
}

#header .wrapper {padding:0px 0 0 0;}
 
.navigacka {
text-align:right;
z-index:999;

}

.navigacnalista {
    display:block;
    float:right;
        padding: 0 10px;
    margin-top: 27px;
   /* border-bottom: 1px solid;
    border-color: var(--svetloseda2);
    border-image: var(--grad-svetloseda2);
    background: var(--biela);
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);*/
}

.navigacnalista .uk-icon {
        /*margin-left: -65px;*/
    z-index: 999;
    position: relative;
    float: right;
    margin-top: 20px;

}

.navigacnalista .sidemenuicon {
    position: relative;
    float: right;   
    margin: 28px 25px 0 0;
}

.navigacnalista .social-square {
 position: relative;
    float: right;   
    margin: 28px 10px 0 0;
    display:block;
    padding: 8px;
    background: var(--tyrkys);
    color: var(--biela);
}

.uk-offcanvas-bar .social-square {
    position: relative;
 
    margin: 28px 10px 0 0;
    display:inline-block;
    padding: 8px;
    background: var(--tyrkys);
    color: var(--biela);
}

.navigacka {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
   /*background: #a50000;*/
    display: inline-block;
    /*float: right;*/
    margin: 3px 0px 0 0;
    padding: 20px 20px 10px 10px;
}

.rychlykontakt {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
   /*background: #a50000;*/
    display: inline-block;

    float:right;
    margin: 0px 0px 0 0;
    /*padding: 13px 15px 13px 25px;*/
        padding: 19px 0px 20px 5px;
    /*display: flex;
    align-items: flex-start;*/
   /* gap: 10px;*/
   /* border-left: 1px solid var(--svetloseda2);
    /*border-right: 1px solid var(--svetloseda2);*/
   /* background-color: var(--biela);*/
    /*background-image: url('/uploads/base/rychlykontaktbg3.webp');*/
   /* background-position: right bottom;
    background-repeat: no-repeat;*/
}

.rychlykontakt .rkimg {width: 50px; height: 50px; margin: 0 13px 0 0px; display: /*display-none;*/none; float:left;}
.rychlykontakt .rkimg {
        position: absolute;
 
    top: 7px;
    left: 5px;
    width: 70px;
    height: 70px;
    margin: 0 13px 0 0px;
    display: none;
    float: left;
    
}
.rychlykontakt .rklinks {display: flex; flex-direction: column;  justify-content: center; text-align: center;}
.rychlykontakt .rktop { color: var(--seda); font-size: 14px; font-size: 1.4rem; font-weight: 600; text-decoration:none;}
.rychlykontakt .rkbtm { color: var(--tyrkys); font-size: 14px; font-size: 2.5rem; font-weight: 600; text-decoration:none;}


/*.rychlykontakt img {width: 49px; height: 57px; margin: 10px;}
.rychlykontakt h3 {font-size: 14px; font-size: 1.4rem; color: var(--cierna); display:inline-block; margin: 0;}
.rychlykontakt a {font-size: 16px; font-size: 1.6rem; font-weight: 600; color: var(--tyrkys);}
.rychlykontakt a + a {margin: 0;}*/

.uk-tooltip, .uk-tooltip.uk-active {
    background: var(--cierna); 
    color: var(--biela); 
    border-radius: 0px;
    padding: 10px;
}

.breadcrumb, .breadcrumb a {color: var(--svetloseda);}
.breadcrumb .current {color: var(--seda);}
.breadcrumb a:hover {color: var(--tyrkys);}


/*
.navigacka li.parent > a:after {
    width: 12px;
    height: 12px;
    display:inline-block;
    margin-left: 7px;
    top: 1px;
    position: relative;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;

  content: '';
  -webkit-mask: url(/uploads/base/chevron.svg) no-repeat 50% 50%;
  mask: url(/uploads/base/chevron.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}*/

.navigacka li.parent > a:after {
    background-color: var(--cierna);
}

.navigacka li.current.parent > a:after, .navigacka li.parent:hover > a:after {
    background-color: var(--biela);
}


.navigacka {
    color:#fff;
}


.navigacka li {
    display: inline-block;
    position: relative;
    text-decoration: none;
  transition-duration: 0.35s;
/*border-top: 3px solid transparent;*/
margin: 0 5px 0 0;
border-radius: 0px 0px;

}

.navigacka > li.parent {border-radius: 0px 0px 0 0;}

  
.navigacka li a {
  color: var(--cierna); 
  padding: 12px 10px;

  line-height: 50px;
  line-height: 5rem;
  font-size: 17px;
  font-size: 1.7rem;
  border-radius: 0px;
}

.navigacka li:hover a{
    color: var(--tyrkys);
    text-decoration: none;
}




.navigacka li:hover ul li a {color:var(--biela);}
.navigacka li:hover ul li a.current {color: var(--biela)!important;}

#header.uk-sticky.uk-active .navigacka li a {line-height: 71px; line-height: 7.1rem;}
#header.uk-sticky.uk-active {
 background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.11);
}

#header.uk-sticky.uk-active .navigacka {
    padding: 0;
}

#header.uk-sticky.uk-active .navigacnalista {margin-top:0;}


.navigacka > li:hover {
    color: var(--biela);
    cursor: pointer;
   background: var(--tyrkys);
}

.navigacka > li.current:hover {
    color: var(--biela);
    cursor: pointer;
   /*background: var(--tmavoseda);*/
}

.navigacka li:hover a {color: var(--biela);}

.navigacka li.current {
  /*  background: #ffc857;*/
    cursor: pointer;
   /* border-top: 3px solid var(--tmavacervena);*/
   background: var(--tyrkys);
   color: var(--biela);
}

.navigacka li.current a {color: var(--biela);}

.navigacka ul li:hover {}

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

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

.navigacka li ul li a {padding: 0px; line-height:20px; line-height: 2rem; display:block; color:var(--biela);}



#header.uk-sticky.uk-active .navigacka li li a {line-height: 20px; line-height: 2rem;}
.navigacka li ul li:hover, .navigacka ul li ul li.current {/*background: var(--tmavoseda);*/ border: none;}
.navigacka li ul li a:hover, .navigacka li.current.parent > a  {text-decoration: none; color:var(--biela);}
.navigacka li li a.current {text-decoration: underline; color:var(--biela);  }

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

#header .navigacka ul {
    padding: 0px 20px;
    margin-top: 0px;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, .15);
    background: var(--tyrkys);
    border-radius: 0 0px 0px 0px;
}

#header .navigacka li li {
    margin: 0 0px 0  -20px;
    padding: 15px 20px 15px 20px;
    border-radius: 0;
}

#header .navigacka ul ul {
    position: absolute;
    left: 260px;
    top: 10px;
    /* margin-left: 250px; */
    min-width: 180px;
    background-color: var(--svetlacervena);
}

#header .navigacka ul ul>li {
    padding: 10px 20px;
}

/*.navigacka ul ul {
    left: 240px;
    top: 0;
    background: #fff;
}*/

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

.naviicon {
    float: right;
    margin: 20px 40px 0 0;
   /*background: #ffc857;*/
    padding: 10px;
   /* color: #0d4399;*/
    border-radius: 0px;
    display:inline-block;
    /*background: linear-gradient(to bottom, var(--svetlacervena) 0%, #242d37 100%);*/
    transform: skewX(0deg);
    color: var(--cierna);
    transition: all 0.3s ease;
}

.naviicon span{
color: var(--seda);
text-transform: uppercase;
font-size: 22px;
font-size: 2.2rem;
font-family: "Montserrat", sans-serif;
font-weight: 600;
margin-right: 10px;
transition: all 0.3s ease;
}

.naviicon:hover, .naviicon:hover span {text-decoration:none; color: var(--tyrkys);}

.naviicon .menuikona {margin-top: -5px; width: 40px;}
.naviicon .menuikona .st0, .naviicon .menuikona .imenu {fill: var(--seda); transition: all 0.3s ease;}
.naviicon:hover .menuikona .st0, .naviicon:hover .menuikona .imenu {fill: var(--tyrkys);}

/*.naviicon:after {
  z-index: -2;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(-15deg);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
  background: #93cede;
  background: linear-gradient(to bottom, var(--svetlacervena) 0%,#242d37 100%);
}*/

/***************** **************/
.flags {display:inline-block;}
.flags .zoznam li {
    text-align: left;
    padding: 10px 0; 
    margin: 0;}
.flags .jazyk {
    font-size: 16px;
    font-size: 1.6rem;
    border: 0px solid;
    color: var(--tmavacervena);
} 

.modalbutton {
    -webkit-box-shadow:inset 0px 0px 0px 2px var(--tmavacervena);
    -moz-box-shadow:inset 0px 0px 0px 2px var(--tmavacervena);
    box-shadow:inset 0px 0px 0px 2px var(--tmavacervena);
}

.uk-modal-body .uk-close, .uk-lightbox-close {
    background: var(--tyrkys);
    color: var(--biela);
    padding: 20px;}
    
.uk-lightbox-slidenav {
    background: var(--tyrkys);
    color: var(--biela);
    padding: 20px;
}
/*************** content *******************/

.modrebg {
 background: var(--tyrkys);
}

.carousellightbox h4 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
}

.odkazbox h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--tyrkys);
    text-decoration: none;
}

.odkazbox a {
    text-decoration: none;
}

.galerybox p {color:#fff}

.aktualne-referencie {}
.aktualne-referencie .titulok {text-align:center; color: var(--cierna);
    color:var(--tmavoseda);
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 2.4rem;
    margin-bottom: 0px;
}
.aktualne-referencie .uk-card-body p {text-align:center; color: var(--seda); margin-top: 0px;}


.slider { margin-top: -90px; padding-top: 120px;}
.slider {
position: relative;
z-index: 1;
background: url(/uploads/base/hp-slider-bg-1.webp);
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}

.slider .wrapper {}


.slider p{font-size: 20px; font-size: 2rem;}
.slider a {font-size 16px; font-size: 1.6rem;}


.hero + #content-10 {margin-top: 50px;}

.hero {margin-top: -120px;}

.hero-container {position:relative;}
/*
.hero-container.left-side {
    background: var(--svetloseda2); 
    background-image: url('/uploads/images/pozadia/sliderbg1600.webp');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    flex-direction: row-reverse;
}*/
.hero-container.right-side {
    display: flex;
    flex-direction: row;
    border-left: 10px solid var(--biela);
}

.hero-container.left-side {
    background: var(--svetloseda2); 
    background-image: url('/uploads/images/pozadia/sliderbg1600.webp');
    background-position: right bottom;
    background-repeat: no-repeat;
    display: flex;
    padding: 0px 60px 0px 30px;
    background-size: cover;
    flex-direction: initial;
    justify-content: right;
}





.herobox {
position:relative;    
    
}

.heromobilebox {
    position:absolute;
    bottom: 150px;  
    left: 50px;
}

.heromobilebox h2 {padding: 20px 30px; margin-left: 8px;
    background: var(--tyrkys);
    color: var(--biela);
}

.custombanner {
position:absolute;
left: -200px;
z-index: 2;
bottom: -90px;
-webkit-filter: drop-shadow(4px 6px 6px rgba(0, 0, 0, .25));
    -moz-filter: drop-shadow(4px 6px 6px rgba(0, 0, 0, .25));
    -ms-filter: drop-shadow(4px 6px 6px rgba(0, 0, 0, .25));
    -o-filter: drop-shadow(4px 6px 6px rgba(0, 0, 0, .25));
}

.custombanner img {width: 350px; height:auto; display:block;
   
}

.imgcanvas-1 {
    -webkit-mask-image: url(/uploads/base/imgcanvas/imgcanvas-1.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;

}

/*zarovnanie do prava - box je v ľavom hero-container */
.herobox.align-right {
    /*margin-right: 250px; /*3x 256 = 768 */
    max-width: 500px;
    text-align:center;
}

/*zarovnanie do ľava - box je v pravom hero-container */
.herobox.align-left {
    
  /*  max-width: 500px; /*3x 256 = 512 */
}


.herobox.align-left .bloktextu {text-align:right; margin-bottom: 50px; margin-top: 15px;}
.herobox.align-left .bloktextu h3 + span {margin: 0;}
.herobox.align-left .bloktextu h3 {margin:0; color: var(--tmavoseda);}

.herobox .slider-vlavo img, .herobox .slider-vpravo img {width: 40px; height: auto; display:block;}
.herobox .slider-vlavo svg, .herobox .slider-vpravo svg {display:none;}
.herobox .slider-vlavo {position:absolute; bottom: 0; right: 50px;}
.herobox .slider-vpravo {position:absolute; bottom: 0; right: 0;}



.zahlavie {
position: relative;
z-index: 1;
/*background: url(/uploads/base/hp-slider-bg-1.webp);*/
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
margin-top: 40px;
}

.zahlavie .wrapper, .zahlavie2 .wrapper {padding: 60px 20px}

.zahlavie2 {
position: relative;
z-index: 1;
background: url(/uploads/base/zahlavie-grey.webp);
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
margin-top: -120px;
padding-top: 120px;
   
}

/* harmonika */

.uk-accordion-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
}

.uk-accordion li {padding: 15px;}
.uk-accordion li.uk-open {
    background: #f8f8f8;
}


/* special titulky */
.text-velky-titulok, .text-svetly-velky-titulok {
font-size:50px;
font-size: 5rem;
text-transform: uppercase;
    line-height: 100%;
    font-weight: 800;
    /*color: #003469;*/
}

.text-svetly-velky-titulok {color: var(--svetlacervena);}

.text-stredny-titulok {
font-size:30px;
font-size: 3rem;
text-transform: uppercase;
    line-height: 100%;
    font-weight: 600;
    /*color: #003469;*/
    color: var(--tmavacervena);
}

.text-maly-titulok {
font-size:20px;
font-size: 2rem;
text-transform: uppercase;
    line-height: 100%;
    font-weight: 400;
   /* color: #003469;*/
   color: var(--tmavacervena);
}

.uk-card-media-right.uk-cover-container, .uk-card-media-left.uk-cover-container {
    border-radius: 0px;
}


.insetshadow {
    box-shadow: 0px 0px 21px 6px rgba(0,0,0,0.75) inset;
-webkit-box-shadow: 0px 0px 21px 6px rgba(0,0,0,0.75) inset;
-moz-box-shadow: 0px 0px 21px 6px rgba(0,0,0,0.75) inset;
border-top: 1px solid var(--biela);
border-bottom: 1px solid var(--biela);
}

/* homeobraok */
#homehlavicka {
margin-top: -160px;
background-image: url(/uploads/base/home-bg.webp);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

img.logotyp {
    max-width: 220px;
    /*width:160px;*/
    margin-top: 10px;
}

/*#header .logobox {
 background: var(--biela);
padding: 25px;
margin-top:
         margin-top: -20px; 
    transform: skewY(-3deg);
    box-shadow: 0px 15px 25px -8px rgba(0, 0, 0, .35);
} */

#header .logotyp {
max-width: 400px;
padding-top: 20px;
display: block;
margin: 0 auto;
/*transform: skewY(3deg);*/
}

#header.uk-sticky.uk-active img.logotyp {
    margin-top: 3px;
    margin-left: 20px;
}

#header.uk-sticky.uk-active img.logotyp {
        margin: 15px 0 0 0px;
        padding: 0;
        max-width: 220px;
    }

#logo {
   /* position:absolute;
    top: -70px;
    left: 0px;*/
}


#homehlavicka .lowerbox {
    color:#fff;
    text-align:center;
}

#homehlavicka .lowerbox p{margin: 5px 0; padding: 0; font-size: 14px; font-size:1.4rem;}
#homehlavicka .lowerbox p + p {margin: 0; padding: 0;}

#homehlavicka .lowerbox .title {font-size: 18px; font-size:1.8rem;}

#homehlavicka .uk-height-large:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 70px;
    content: "";
    height: 2px;
    width: 100%;
}



/* boxy */

#content-10, #content-20, .unibox, .call-to-action, #fomularbox, #kontakt {
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
padding: 0px 0;
position:relative;
}

#content-30 .dlazdica h2, .imgnav .dlazdica h2 {    
    text-align: center;
    margin: 0 25px;
        padding: 20px 30px;
     -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#content-30 .dlazdica, .imgnav .dlazdica {background: rgba(255,255,255,0.8);
    opacity:1;
    border-radius: 0px;
     -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#content-30 .kontajner div div > img {border-radius: 0px;}

#content-30 .dlazdica:hover, .imgnav .dlazdica:hover { background: rgba(0,0,0,0);
 -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}  

#content-30 .dlazdica:hover h2, .imgnav .dlazdica:hover h2 {color: var(--tyrkys); background: rgba(255,255,255,0.8); 
     -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

#content-10 .uk-card-body, #content-20 .uk-card-body {/*text-align:justify;*/}


.container-center {margin-left: auto; margin-right: auto;}
canvas.contentimg {
width: 600px;
height: 600px;
}

.uk-card-media-right.uk-cover-container, .uk-card-media-left.uk-cover-container {border-radius:0px;}


.bocnypanel {}
.bocnypanel h3 {font-size: 2.2rem; font-weight: 800;}
.bocnanav {}
.card-cervena {
    background: var(--tyrkys);
    color: var(--biela);
    background-image: url(/uploads/base/redcard-btm-rght.webp);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
}
.card-cervena h3, .card-cervena a {color: var(--biela);}
.bocnypanel .linkblock {display:block; margin-bottom :10px; font-weight: 500; }
.bocnypanel .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) { stroke-width: 1.8;}




.call-to-action {
background-image: url(/uploads/base/cta/red-bg2.webp);  
background-position: center center;
background-size: auto;
margin-top: 160px;
}

.call-to-action h2, .call-to-action h3, .call-to-action p {color: var(--biela);  font-weight: 600; max-width: 60%;}
.call-to-action .button-biely:hover {
 background: transparent;
 border: 2px solid var(--biela);
 color: var(--biela);

}


.call-to-action.cta3 h2, .call-to-action.cta5 h2, .call-to-action.cta6 h2, .call-to-action.cta3 h3, .call-to-action.cta5 h3, .call-to-action.cta6 h3 {color: var(--tyrkys);}
.call-to-action.cta3 p, .call-to-action.cta5 p, .call-to-action.cta6 p {color: var(--cierna);  font-weight: 600;}

.cta3 .button-biely:hover, .cta5 .button-biely:hover, .cta6 .button-biely:hover {
 background: var(--tyrkys);
 border: 2px solid var(--tyrkys);
 color: var(--biela);
}




.call-to-action *+p {margin-top: 0;}

.call-to-action img.cta-img-1 {
    position: absolute;
    bottom: -30px;
    right: 0;
    width: 300px;
    height: auto;
    overflow: hidden;
    z-index: 10;
}

.cta-img-2, .cta-img-5, .cta-img-7 {
position: absolute; bottom: -30px; right: 0; z-index: 10; overflow: hidden; width: 300px;
}

.cta-img-3, .cta-img-4, .cta-img-6 {
position: absolute; bottom: -30px; right: 0; z-index: 10; overflow: hidden; width: 400px;
}


.call-to-action.cta2{
background-image: url(/uploads/base/cta/red-bg3.webp);  
}
.call-to-action.cta3{
background-image: url(/uploads/base/cta/grey-bg3.webp);  
}
.call-to-action.cta4{
background-image: url(/uploads/base/cta/red-bg5.webp); 
background-position: top center;
}
.call-to-action.cta5{
background-image: url(/uploads/base/cta/grey-bg.webp);  
}
.call-to-action.cta6{
background-image: url(/uploads/base/cta/grey-bg2.webp);  
}
.call-to-action.cta7{
background-image: url(/uploads/base/cta/red-bg4.webp);  
}


.kontaktbg, .whitebg1, .whitebg2, .whitebg3, .whitebg4, .whitebg5 {
background-position: center center;
background-size: auto;
}

.kontaktbg {
background-image: url(/uploads/base/white-bg.webp);  
}
.whitebg1 {
background-image: url(/uploads/images/pozadia/bg-podorys-6.webp);  
}
.whitebg2 {
background-image: url(/uploads/images/pozadia/bg-podorys-7.webp);  
}
.whitebg3 {
background-image: url(/uploads/base/white-bg3.webp);  
}
.whitebg4 {
background-image: url(/uploads/base/white-bg4.webp);  
}
.whitebg5 {
background-image: url(/uploads/base/white-bg5.webp);  
}
.whitebg6 {
background-image: url(/uploads/base/white-bg6.webp);  
}

.contentbox{
    background: rgba(34, 34, 34, .6)!important;
    transition: background-color 0.5s ease;
}

.contentbox h4 {color:var(--biela);}

.contentbox:hover{
    background: rgba(34, 34, 34, .0)!important;
    transition: background-color 0.5s ease;
}

.contentbox:hover h4 {display:none;}

.card-cervena.referencie {padding: 20px;}
.card-cervena.referencie h3 {margin:0; padding: 0;}
.card-cervena.referencie h4 {
    margin: 0;
    padding: 0;
    color: var(--biela);
    font-size: 1.4rem;
}

.uk-overlay-primary


#kontakt {}
#kontakt .kontaktbox {margin: 60px 0;}
#kontakt .kontaktbox h3 {font-size: 24px; font-size:2.4rem; margin:0; padding:0;}
#kontakt .kontaktbox h3 + span {margin:0;}
#kontakt .kontaktbox .funkcia { }
#kontakt .kontaktbox .popis {display:block; margin-top: 10px; font-style: italic; font-weight: 600; color: var(--tyrkys);}
#kontakt .kontaktbox .mail {}
#kontakt .kontaktbox .telefon {}
#kontakt .kontaktbox .fotka {width: 70px; height:70px;}

.kontakt-info {
position:relative;    
background: var(--tmavoseda);   
border-left: 10px solid var(--tyrkys);
margin-top: 80px;
/*padding: 40px;*/
}
h2.kontakt-nadpis {
position: absolute;   
color: var(--tmavoseda);
top: -45px;
left: 45px;
font-size: 45px;
font-size: 4.5rem;
}

.kontakt-udaj {
    display: flex;
  flex-direction: row;
  gap: 20px;
    padding: 20px 40px;
    border-bottom: 1px solid var(--svetloseda);
}

.kontakt-ikona {}
.kontakt-ikona img, .kontakt-ikona svg{
    width: 50px;
    height:auto;
}
.kontakt-ikona .st0, .kontakt-ikona svg {stroke: var(--biela); }
.kontakt-text {}
.kontakt-stitok {font-size: 14px; font-size: 1.4rem; color: var(--svetloseda2);}
.kontakt-popis {font-size: 20px; font-size 2rem; font-weight: 600; color: var(--biela);}

.kontakt-udaj:hover .kontakt-ikona .st0, .kontakt-ikona svg {stroke: var(--tyrkys); }
.kontakt-udaj:hover .kontakt-popis {color: var(--tyrkys); }

.kontaktodsadenie {margin-top: 8px;}


/*#kontakt .kontaktbox .mail:hover, #kontakt .kontaktbox .telefon:hover {color: var(--tyrkys);}*/

.dlazdicka .uk-card-body {padding: 10px;}


.obrazoksuhrn {
    min-height: 250px;
    background-size: cover;
}

.dlazdice .uk-card-body {
    padding: 40px 20px;
}

.dlazdice .ikony {
    padding: 15px 0 10px 0;
    margin: 10px 0;
    text-align: center;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    font-size: 12px;
    font-size: 1.2rem;
}

.dlazdice .uk-label {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 17px 0 0 20px;
    padding: 5px 10px;
    background: #c10000;
}

.dlazdice .titulok {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 600;
    color:var(--tmavacervena);
    text-align: center;
}

.dlazdice .subtitulok {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color:#333;
    margin-top:0px;
    text-align: center;
}


.dlazdice .cena {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 600;
    color:var(--tmavacervena);
    text-align: center;
    display: inline-block;
   
}

.dlazdice .cena span {
       margin-top: 5px;
    display: block;
}

.dlazdice .odkaz {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #c10000;
    text-align: center;
}

.dlazdice .odkaz a:after {
  z-index: -2;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(-15deg);
  border: 1px solid #c10000;
}

.dlazdice .odkaz a:hover {color:#fff;}
.dlazdice .odkaz a:hover:after {
    background:#c10000;
}


.dlazdice .odkaz a {
    color: #c10000; 
    transform: skewX(0deg);
    display: inline-block;
    padding: 6px 9px;
}

.dlazdice .info {margin-top: 20px;}

.dlazdice .cena, .dlazdice .odkaz {
    line-height: 22px;
    line-height:2.2rem;
}

/****** odkazy - boxy ***********/

.boxy1 {}

.boxy1 .uk-card {
    border-radius: 0px;
    background-repeat: no-repeat;
}

.boxy1 .bgoffset {
    background-position: calc(100% + 70px) calc(100% + 70px);
}

.boxy1 .ikona {}
/****** katalog - boxy ***********/

    

.bocnanavigacia {
 background-color: var(--svetloseda2); 
    padding: 0px; border-radius: 0px;   
}   

.bocnanavigacia h3 {font-size: 20px; font-size: 2rem;padding-left: 0px; margin-bottom: 10px;}
.bocnanavigacia ul {list-style: none; padding-left: 0px; margin-top: 0px;}
.bocnanavigacia ul li a {font-size: 1.4rem; color: var(--cierna); padding: 15px 10px 15px 30px; background: transparent;}
.bocnanavigacia ul li a:hover {color: var(--biela); background: var(--tmavoseda);}
.bocnanavigacia ul li {padding: 0px 0px; position:relative;}
.bocnanavigacia ul li:before {
        content: "";
        position: absolute;
        top: 13px;
        left: -20px;
        width: 8px;
        height: 8px;
        background-image: url(/uploads/base/bullet.svg);
}
/*.bocnanavigacia ul li a {line-height: 30px; line-height: 3rem;}*/




/**** recenzie *****/
.uk-dotnav>*>* {border-radius: 0;}

.recenzia-hodnotenie  {}
.recenzia-hodnotenie img {display:block; width: 90px; height:auto; margin-bottom: 15px;}

.recenzia-text p{
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: justify;
    font-style: italic;
    color: var(--seda);
}

.recenzia-uzivatel {float:right;}

.recenzia-foto {display: inline-block; margin-right: 25px;float: left;}
.recenzia-foto img {display:block; width: 40px; height:auto;}
.recenzia-uzivatel-info {display: inline-block;}
.recenzia-uzivatel-info .meno{font-weight: 600; display:block;}
.recenzia-uzivatel-info .cinnost{display:block; font-size: 14px; font-size: 1.4rem; font-style:italic;}

 /*** katalog detail ***/




#content-detail {
background-image: url(/uploads/images/base/bg.svg);
background-position: center top;
background-repeat: repeat-y;
}

#content-detail .wrapper {max-width: 1200px;}

#content-detail .uk-tab>*>a {font-size: 20px; font-size:2rem; font-weight: 300;  padding: 8px 20px; background: var(--tmavacervena); color:#fff; border-radius: 0px 0px 0 0;}
#content-detail .uk-tab li.uk-active a {background: var(--svetlacervena); color:#fff;}

#content-detail .podrobnosti {
    margin-top: 40px;
}

#content-detail .primarne h2 {
    text-transform: initial;
    font-weight: 900;
    font-size: 40px;
    font-size: 4rem;
}


#content-detail .cena {
    text-transform: initial;
    font-weight: 600;
    font-size: 30px;
    font-size: 3rem;
    color: var(--svetlacervena);
}

#content-detail .cena, #content-detail .cenapopis, #content-detail .depozit {display:block;}

#content-detail .drobnosti {margin-bottom: 40px; margin-top: 40px;}
#content-detail .drobnosti h3 {font-size: 20px; font-size: 2.0rem; font-weight: 600; margin-bottom:0px;}
#content-detail .drobnosti h3+p {margin-top: 0px;}

#content-katalog {margin: 40px 0;}
#content-katalog .summary .uk-card { border-radius: 0px;}
#content-katalog .summary .uk-card-media-top img{border-radius: 0px 0px 0 0 ;}
#content-katalog .summary h3 {font-size: 30px; font-size: 3.0rem; font-weight: 900; margin-bottom:0px; text-align:center; text-transfrom:initial; color: var(--tmavacervena);}
#content-katalog .summary {text-align:center;}
#content-katalog .summary .button {/*display:block; margin: 0 auto;*/ padding: 0 ;}


#content-modul {
    padding: 60px 0;
    background: #fff;
}


/** formular **/

.uk-form-label {
    font-size: 14px;
    font-size: 1.4rem;
    color:var(--tmavoseda);
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.uk-form .uk-small-label {
    font-size: 14px;
    font-size: 1.4rem;
    color:var(--tmavoseda);
    display:block;
    clear:both;
}
    


.uk-form input, .uk-form textarea {
    width: calc(100% - 25px);
    padding: 10px 10px 10px 15px;
    background: var(--svetloseda2);
    border: 1px solid var(--svetloseda3);
    border-radius: 0px;
    font-family: "Montserrat", sans-serif;
    color: var(--tmavoseda);
}

select {
    width: 100%;
    padding: 10px 10px 10px 15px;
    background: var(--svetloseda2);
    border: 1px solid var(--svetloseda3);
    border-radius: 0px!important;
    font-family: "Montserrat", sans-serif;
    color: var(--tmavoseda);
    outline:none !important;
}


select:hover,
select:focus {
  outline:none !important;
  border-radius: 0;
}

option:hover {
    background: var(--tyrkys)!important;
    color: var(--biela)!important;
}

.uk-form textarea:focus, .uk-form input:focus{
    outline: none;
}

.uk-form .cms_checkbox {
    display: inline-block;
   /* width: 34px;*/
}

.uk-form-controls input[type="checkbox"] {
            width: 20px;
            height: 20px;
            padding: 0px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: var(--svetloseda);
            border: 1px solid var(--seda);
            border-radius: 0px;
            cursor: pointer;
            position: relative;
            margin: 0 10px 0 0;
        }

        /* Change the background color when checkbox is checked */
       .uk-form-controls input[type="checkbox"]:checked {
            background-color: var(--tyrkys);
            border: 1px solid var(--tyrkys);
        }

        /* Add a check mark when checked */
       .uk-form-controls input[type="checkbox"]:checked::after {
            content: "";
            position: absolute;
            left: 5px;
            top: -1px;
            width: 6px;
            height: 12px;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
            border-color: white;
            border-style: solid;
        }
        
.uk-form-controls label {margin: 0px 10px 0 0; top: -4px; position:relative;}  

.uk-form .moznost {display: inline-block;}

.uk-form {
    width: calc(100% - 30px);
}

.uk-form input#form30 {
    padding: 25px 10px;
    font-size: 1.6rem;
}

.uk-form input#form70 {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  /*padding: 10px;
  margin: 5px 0 0 20px;*/
  display: block;
    float: left;
    width: 40px;
}

.formgdpr label {
 font-size: 16px;
 font-size: 1.6rem;
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 color:var(--tmavoseda);
 
}

.uk-form .formgdpr {
    font-size: 1.5rem;
    color: var(--svetloseda);
    text-align:center;
}

.uk-form .uk-alert-warning {
    padding: 15px;
}

/*.uk-form .cms_submit {
    padding: 15px 30px;
    background: var(--tyrkys);
    font-size: 18px;
    font-size: 1.8rem;
    color:var(--biela);
    font-family: "Outfit", sans-serif;
    font-weight: 600;
}*/
.uk-form .cms_submit {
    display: inline-block;
    color: var(--biela);
    border: 2px solid var(--tyrkys);
    padding: 0px 15px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    background: var(--tyrkys);
    line-height: 4.5rem;
    text-transform: none;
     /*white-space: nowrap;*/
     border-radius: 0px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, .25);
}

.uk-form .cms_submit:hover {
    background: transparent;
    border-color: var(--tyrkys);
    text-decoration:none;
    color: var(--tyrkys);
}

.uk-form .uk-alert-warning {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    background: #ebebeb;
        line-height: 20px;
}


/* paticka */

#footer { 
color: var(--cierna);    
background-color:  var(--svetloseda2);
padding: 40px 0 20px 0;
font-size: 14px;
font-size: 1.4rem;
position:relative;
margin-top: 0px;
border-top: 5px solid var(--biela);
}

#footer:before {
    content: "";
    /*transform: skewY(-0.60deg);*/
    /*background-color: var(--tyrkys);*/
    background-color: var(--tyrkys);
    position: absolute;
    width: 100%;
    height: 8px;
    top:-13px;
    left: 0;
}

#footer p {color: var(--cierna);}

#footer .wrapper {
    border-top: 0px solid var(--seda);
    border-bottom: 0px solid var(--seda);
    padding-bottom: 50px;
}

#footer h2, #footer h3, #footer h4 {font-weight: 700;}
#footer h3 {font-size: 22px; font-size: 2.2rem; color: var(--cierna); text-transform: none;}
#footer h4 {font-size: 20px; font-size: 2.0rem; color: var(--cierna);}

#footer .footerpopis {margin-top: 60px; margin-bottom: 30px;}

#footer *+p, #footer p+p {margin: 5px;}

#footer a {color: var(--cierna);}


#footer .pravystlpec {
    border-left: 0px solid #000;
    padding-bottom: 25px;
    padding-left: 25px;
}

#footer ul {list-style:none; padding-left: 5px;}
#footer ul li {position:relative;}
#footer ul li:before {
        content: "";
        position: absolute;
        top: 6px;
        left: -12px;
        width: 6px;
        height: 10px;;
        background-image: url(/uploads/base/ikony/ulul2.svg);
}

#footer .lavystlpec {padding-right: 25px; padding-bottom: 25px;  border-right: 1px solid #2b2929;}

#footer .credits {
    border-top: 1px solid var(--svetloseda3);
    padding-top: 25px;
    font-size: 12px;
    font-size: 1.2rem;
}

#footer .footerlinkblock {display:block; margin-bottom :10px;}
#footer .footerlinkblock:hover, #footer .footerlinkblock .uk-icon {color: var(--tyrkys); text-decoration:none;}


.autor {
    display:block;
    width: 282px;
    padding-top: 0px;
    margin: 0 auto;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
}

.autor a, .autor a span {color:#8d8d8d;}
.autor a:hover, .autor a:hover span {color:#fed808}
.autor a span {display:inline-block; margin: 0px 0 0 0px}
.autor a img { }
.autor a svg {display:inline-block; margin: -20px 0 0 0}

.uk-lightbox {
    color: #fff;
     background: rgb(255 255 255 / 95%)
}

/************** off canvas ****************/
.uk-offcanvas-bar {width: 450px; 
 background: #fff url(https://viatex.sk/uploads/images/base/offcanvas-bg.jpg) no-repeat center top;
padding: 25px 0 0 0;
box-shadow: rgba(189, 196, 221, 0.35) 0px 12px 48px -8px;

}
.uk-offcanvas-overlay::before {background: rgba(255, 255, 255, 0.55);}

.uk-offcanvas-bar, .uk-offcanvas-bar p, .uk-offcanvas-bar h3 {color: var(--cierna);}

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



.uk-offcanvas-bar .uk-close {color: var(--biela); background: var(--seda); padding: 20px;border-radius: 0 0 0 0px;}
.uk-offcanvas-bar .uk-close:hover {color: var(--biela); background: var(--tyrkys);}

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

.uk-offcanvas ul>li {padding: 5px 20px; border-bottom: 1px solid var(--svetloseda2); position:relative;}

.uk-offcanvas ul>li:before {
        content: "";
        position: absolute;
        top: 22px;
        left: 20px;
        width: 7px;
        height: 7px;
        background-image: url(/uploads/base/ikony/ul1.svg);
}

.uk-offcanvas ul>li:last-child {padding: 5px 20px; border-bottom: 0px solid var(--svetloseda2); }

.uk-offcanvas ul li a {font-size: 18px; font-size:1.8rem; line-height:25px; line-height: 2.5rem; padding: 8px 20px; color: var(--cierna); text-transform: uppercase;}
.uk-offcanvas ul li a:hover, .uk-offcanvas ul ul a.current {text-decoration: none; background: var(--tyrkys); color: var(--biela); border-radius: 0px;}

/*.uk-offcanvas .current.parent > a.current {background: transparent; color: var(--cierna);}*/

.uk-offcanvas ul li ul li a {font-size: 16px; font-size:1.6rem; text-transform:none; padding: 3px 20px;}

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

.uk-offcanvas ul ul>li:before {
        content: "";
        position: absolute;
        top: 16px;
        left: -10px;
        width: 8px;
        height: 12px;
        background-image: url(/uploads/base/ikony/ulul2.svg);
}

.uk-offcanvas h3 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 140%;
    margin-top: 10%;
    color: var(--tmavacervena);
    text-transform: none;
    font-weight: 700;
}

.uk-offcanvas .uk-nav a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {color: var(--cierna);}
.uk-offcanvas-bar .uk-nav-default>li>a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover {color: var(--biela);}
.uk-offcanvas-bar .uk-nav-default>li:hover.uk-active>a {background: var(--tyrkys);}
 .uk-offcanvas-bar .uk-nav-default>li.uk-active>a {background: var(--seda);}
 
 


/************** mobilne menu ****************/
#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: 0px;
    padding: 7px 12px;
    background:#799b1d;
}    


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




/********* google mapy ************/
 .google-maps {
        position: relative;
        padding-bottom: 58%; 
        height: 0;
        overflow: hidden;
        margin-top: 40px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
 .google-maps-footer {
        position: relative;
        padding-bottom: 80%; 
        height: 0;
        overflow: hidden;
        margin-top: 40px;
    }
    .google-maps-footer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }   
    
.leaflet-control-zoom {display:none;} 

/*** cookie lišta ***/

.termsfeed-com---palette-light.termsfeed-com---nb {background-color: var(--tmavoseda)!important; border-radius: 0px 0 0 0}
.termsfeed-com---palette-light .cc-nb-text, .termsfeed-com---palette-light .cc-nb-title  {color: var(--biela)!important;}
.termsfeed-com---palette-light .cc-nb-reject {background: var(--tyrkys)!important; border-radius: 0px; }

.termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-nb-changep  {border-radius: 0px; margin-right: 5px;}



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


/* 1600px - XYZ */
@media (min-width: 1600px) {
    
#header .logobox {}

#header.uk-sticky.uk-active img.logotyp { }

/*#header.uk-sticky.uk-active .navigacnalista {
        margin: 10px 0px 0 0;
        padding: 0px 0px 0px 10px;
        background: var(--biela);
        
    }*/
#header.uk-sticky.uk-active .navigacnalista .sidemenuicon {margin: 25px 10px 0 10px;}
#header.uk-sticky.uk-active .navigacka {margin-top: 11px;}

.herobox h2{font-size: 38px; font-size 3.8rem;}
.herobox h2 .extrafont{font-size: 45px; font-size 4.5rem;}

.herobox.align-right {text-align: right; padding-top: 120px;}

#content-30 .dlazdica h2 {    max-width: 58%;}

} 

/* 1200px - 1600px */
@media (max-width: 1600px) and (min-width: 1200px) {
    
    #header .logobox {
     
}

#header.uk-sticky.uk-active img.logotyp {  }

#header.uk-sticky.uk-active .navigacnalista {
        margin: 10px 0px 0 0;
        padding: 0px 0px 0px 10px;
        background: var(--biela);
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);
    }
#header.uk-sticky.uk-active .navigacnalista .sidemenuicon {margin: 25px 10px 0 10px;}
#header.uk-sticky.uk-active .navigacka {margin-top: 11px;}

.hero-container.left-side {
    background-size: cover;     
    flex-direction: initial;
    justify-content: center;}
.herobox.align-right { margin-right: 0px; text-align: right; padding-top: 120px;}

.herobox h2{font-size: 38px; font-size 3.8rem;}
.herobox h2 .extrafont{font-size: 45px; font-size 4.5rem;}


#content-30 .dlazdica h2 {    max-width: 58%;}

}

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

.rychlykontakt {display:none;}
img.logotyp {padding: 0px 0 0 30px; margin:15px 0 0 0;}

.text-velky-titulok, .text-svetly-velky-titulok {font-size:40px;font-size: 4rem;}  
.text-stredny-titulok {font-size:20px;font-size: 2rem;} 

#header .logobox {
     
}

#header.uk-sticky.uk-active img.logotyp {  }

#header.uk-sticky.uk-active .navigacnalista {
       /* margin: 10px 0px 0 0;
        padding: 0px 10px 0px 5px;
        background: var(--biela);
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);*/
    }
#header .navigacnalista .sidemenuicon {margin: 15px 25px 0 0;}   
#header.uk-sticky.uk-active .navigacnalista .sidemenuicon {margin: 14px 10px 0 10px;}    

.navigacka {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    position: relative;
    /* background: #a50000; */
    display: inline-block;
    /* float: right; */
    margin: 0px 0px 0 0;
    padding: 10px 20px 10px 10px;
}

.hero {margin-top: 20px;}
.navigacnalista {/*border-bottom: 0px solid; margin-top:0px; box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);*/}

.hero-container.left-side {
    background-size: cover;     
    flex-direction: initial;
    justify-content: center;}
.herobox.align-right { margin-right: 0px; text-align: right; }
/*.herobox.align-left {max-width: 365px; }*/

.custombanner { left: -200px; bottom: -70px;}
.custombanner img {width: 250px;}

canvas.contentimg {height: 400px;}

.slider2bg img {width:400px;}

.slider3 .slidertext { margin: 45px 0 0 0;}

.kontajnerbgimg.t1:after {right: -30px;}


.kontakt-info { margin-top: 50px;}
h2.kontakt-nadpis {font-size: 35px; font-size: 3.5rem;top: -36px;}

#paralax .obj1 {Top: 380px; right: -80px;}
#paralax .obj2 {Top: 90px; left: 120px;}
#paralax .obj3 {Top: 190px; right: -30px;}
#paralax .obj4 {Top: 520px; left: -60px;}

.google-maps {padding-bottom: 35%;}

.kontajnerbgimg.t1:before {
    width: 110px;
    height: auto;
    bottom: -55px;
    left: -45px;}
    
.kontajnerbgimg.t1:after {
    width: 110px;
    height: auto;
    top: -40px;
    right: -20px;}    

.kontajnerbgimg.t2:after {
    width: 120px;
    top: -40px;
    right: -10px;
}

.kontajnerbgimg.t2:before {
    width: 80px;
    height: auto;
    bottom: -35px;
    left: -45px;}


}

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

h2 {font-size: 30px; font-size:3rem; line-height: 35px; line-height: 3.5rem;} 
h3 {font-size: 24px; font-size:2.4rem; line-height: 30px; line-height: 3rem;}  
h4, h5 {font-size: 20px; font-size:2.0rem; line-height: 25px; line-height: 2.5rem;} 
    
    img.logotyp {padding: 0px 0 0 15px; margin:20px 0 0 0;}
.naviicon {margin: 22px 10px 0 0;}
.naviicon .menuikona {width: 40px;}
.naviicon span {font-size: 18px; font-size: 1.8rem;}

.hero-container.left-side {
    min-height: 150px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 0px;
    background-size: cover;     
    flex-direction: initial;
    justify-content: center;
    
}
.hero-container.right-side {/*margin-top: 10px; padding: 50px;*/ border-left: 0px solid var(--biela);}
.herobox.align-right { margin-right: 0px; }
.herobox.align-left { max-width: 100%;}


.herobox.align-left .kontajnerreferencie {padding: 0 20px;}
.custombanner {left: -10px; top: -90px;}
.custombanner img {width: 250px;}

.uk-offcanvas-bar {width: 450px; }
.text-velky-titulok, .text-svetly-velky-titulok {font-size:30px;font-size: 3rem;}  
.text-stredny-titulok {font-size:20px;font-size: 2rem;}  

canvas.contentimg {height: 300px;}


.kontajnerbgimg.t1:after {left: -70px; top: -150px; width: 400px;}
.kontajnerbgimg.t1:before {left: unset; right: -50px; bottom: -90px; width: 120px;}

.slider2bg::after {
    background-image: linear-gradient(90deg, #FFFFFF00 50%, #FFFFFF 0%);
}

.slider2bg2 { text-align: center;}
.slider2bg img {width:400px; height: 400px;}

.slider3 .slidertext { margin: -20px 0 0 0; text-align:center;}
.wrapper.size11 { max-width: 480px;}

#header .logotyp {max-width: 200px;}
#header .logobox {
     
}

#header.uk-sticky.uk-active img.logotyp { margin:2px 0 0 15px;}
#header .naviicon {
    /*margin: 15px 0px 0 0;
    padding: 15px 20px 11px 20px;
    background: var(--biela);
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);*/
}

.kontakt-info { margin-top: 50px;}
h2.kontakt-nadpis {font-size: 25px; font-size: 2.5rem;top: -28px;}

#paralax .obj1 {Top: 690px; right: -50px;}
#paralax .obj2 {Top: 330px; left: -150px;}
#paralax .obj3 {Top: 190px; right: -30px;}
#paralax .obj4 {Top: 240px; left: -40px;}

.unibox .mbkontakt {
text-align:center;    
}

#footer .druhystlppaticka {
    margin-top: 0px;
    padding: 10px 0 0 40px;
}

/*.call-to-action img {display:none;}
.call-to-action h2, .call-to-action h3, .call-to-action p {max-width: 100%;}*/



.cta-img-2, .cta-img-5, .cta-img-7 {width: 240px; }

.credits div div { text-align: center;}

.credits .quicklinks a.uk-align-right {
 text-align: center;
  float: initial;
  display: inline-block;
}

.autor a svg {margin-top:0px;}

.google-maps {padding-bottom: 50%;}

.kontajnerbgimg.t1:before {
    width: 110px;
    height: auto;
    bottom: -55px;
    left: -45px;}
    
.kontajnerbgimg.t1:after {
    width: 110px;
    height: auto;
    top: -40px;
    right: -20px;}    

.kontajnerbgimg.t2:after {
    width: 120px;
    top: -40px;
    right: -10px;
}

.kontajnerbgimg.t2:before {
    width: 80px;
    height: auto;
    bottom: -35px;
    left: -45px;}

}

/* 0 - 480px */
@media (max-width: 640px) and (min-width: 480px) {
h2 {font-size: 28px; font-size:2.8rem; line-height: 35px; line-height: 3.5rem;} 
h3 {font-size: 24px; font-size:2.4rem; line-height: 30px; line-height: 3rem;}  
h4, h5 {font-size: 20px; font-size:2.0rem; line-height: 25px; line-height: 2.5rem;} 

.extrafont {font-size: 20px; font-size: 2.0rem;}
h2 span.extrafont {font-size: 36px; font-size: 3.6rem;}
h3 span.extrafont {font-size: 32px; font-size:3.2rem;}

.velkyfont {font-size: 18px; font-size: 1.8rem;}
h2 span.velkyfont {font-size: 32px; font-size: 3.2rem;}
h3 span.velkyfont {font-size: 28px; font-size: 2.8rem;}

.zahlavie {
        margin-top: -90px;
        padding-top: 110px;
        background: url(/uploads/base/hp-slider-bg-1.webp);
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}
.zahlavie .wrapper, .zahlavie2 .wrapper {
    padding: 30px 20px;
}

#header .logotyp {max-width: 170px;}

.zahlavie2 {
margin-top: -115px;
padding-top: 110px;
background: url(/uploads/base/hp-slider-bg-1.webp);
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}

.hero {margin-top: -5px;}

.hero-container.left-side {
    min-height: 150px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 0px;
    background-size: cover;     
    flex-direction: initial;
    justify-content: center;
    }
.hero-container.right-side {/*margin-top: 10px; padding: 50px;*/border-left: 0px solid var(--biela);}
.herobox.align-right { margin-right: 0px; }
.herobox.align-left { max-width: 100%;}

.herobox.align-left .bloktextu {text-align:left;}
.custombanner {left: 0; top: -40px;}
.custombanner img {width: 180px;}

img.logotyp {padding: 0px 0 0 15px; margin:20px 0 0 0;}
.naviicon {margin: 22px 10px 0 0;}
.naviicon .menuikona {width: 40px;}
.naviicon span {font-size: 18px; font-size: 1.8rem;}

#header .logobox {
    
   
}




#header.uk-sticky.uk-active img.logotyp { margin:2px 0 0 15px;}
#header.uk-sticky.uk-active .naviicon {
    margin: 15px 0px 0 0;
    padding: 15px 20px 11px 20px;
    background: var(--biela);
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);
}
.uk-offcanvas-bar {width: 100%; }
.text-velky-titulok, .text-svetly-velky-titulok {font-size:25px;font-size: 2.5rem;}  
.text-stredny-titulok {font-size:20px;font-size: 2rem;}   

canvas.contentimg {height: 400px;}


.kontajnerbgimg.t1:after {left: -70px; top: -120px; width: 300px;}
.kontajnerbgimg.t1:before {left: unset; right: -10px; bottom: -90px; width: 90px;}

.uk-card-body {padding: 30px 15px;}

#content-10, #content-20, .unibox {padding: 20px 0;}

.naviicon {border-radius: 0px;}
.slider3 .slidertext { margin: -20px 0 0 0; text-align:center;}

.slider {padding-top: 110px;}
.uk-slider .uk-flex img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.uk-slider .slidertxt {
    text-align:center; margin-top: 50px;
}

.kontakt-info { margin-top: 50px;}
h2.kontakt-nadpis {font-size: 35px; font-size: 3.5rem;top: -31px;}

#paralax .obj1 {Top: 690px; right: -50px;}
#paralax .obj2 {Top: 330px; left: -150px;}
#paralax .obj3 {Top: 190px; right: -30px;}
#paralax .obj4 {Top: 240px; left: -40px;}

.unibox .mbkontakt {
text-align:center;    
}

#footer .druhystlppaticka {
    margin-top: 0px;
    padding: 10px 0 0 40px;
}

#footer {padding: 10px 20px 10px 20px;}
#footer img.logotyp {padding:0; margin:0 auto; display:block;}
#footer .lavystlpec {text-align:center; border-right: 0px solid #2b2929;}
#footer .pravystlpec { text-align: center; padding-left: 0px;}
#footer ul {list-style:none; margin-top: 0px;}

.call-to-action {text-align:center; margin-top: 0;}
.call-to-action img {display:none;}
.call-to-action h2, .call-to-action h3, .call-to-action p {max-width: 100%;}

.credits div div { text-align: center;}

.credits .quicklinks a.uk-align-right {
 text-align: center;
  float: initial;
  display: inline-block;
}

.autor a svg {margin-top:0px;}

.google-maps {padding-bottom: 80%;}

.uk-lightbox .uk-thumbnav-vertical {display:none;}

.kontajnerbgimg.t1:before {
    width: 110px;
    height: auto;
    bottom: -55px;
    left: -45px;}
    
.kontajnerbgimg.t1:after {
    width: 110px;
    height: auto;
    top: -40px;
    right: -20px;}    

.kontajnerbgimg.t2:after {
    width: 120px;
    top: -40px;
    right: -10px;
}

.kontajnerbgimg.t2:before {
    width: 80px;
    height: auto;
    bottom: -35px;
    left: -45px;}

}

@media all and (max-width: 480px) {
    h2 {font-size: 28px; font-size:2.8rem; line-height: 35px; line-height: 3.5rem;} 
h3 {font-size: 24px; font-size:2.4rem; line-height: 30px; line-height: 3rem;}  
h4, h5 {font-size: 20px; font-size:2.0rem; line-height: 25px; line-height: 2.5rem;} 

.extrafont {font-size: 20px; font-size: 2.0rem;}
h2 span.extrafont {font-size: 36px; font-size: 3.6rem;}
h3 span.extrafont {font-size: 32px; font-size:3.2rem;}

.velkyfont {font-size: 18px; font-size: 1.8rem;}
h2 span.velkyfont {font-size: 32px; font-size: 3.2rem;}
h3 span.velkyfont {font-size: 28px; font-size: 2.8rem;}

#header .logotyp {max-width: 170px;}

.zahlavie {
        margin-top: -90px;
        padding-top: 80px;
        background: url(/uploads/base/hp-slider-bg-1.webp);
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
}

.zahlavie2 {
    position: relative;
    z-index: 1;
    background: url(/uploads/base/zahlavie-grey.webp);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -100px;
    padding-top: 120px;
}



.zahlavie .wrapper, .zahlavie2 .wrapper {
    padding: 20px 20px;
}

.hero {margin-top: -4px;}

.hero-container.left-side {
    min-height: 150px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 0px;
    background-size: cover;     
    flex-direction: initial;
    justify-content: center;
    }


.hero-container.right-side {/*margin-top: 10px; padding: 30px;*/ border-left: 0px solid var(--biela);}
.herobox.align-right { margin-right: 0px; text-align:center; }
.herobox.align-left { max-width: 100%;}
.herobox.align-left .bloktextu {text-align:left;}

.heromobilebox {
    position: absolute;
    bottom: 30px;
    left: 20px;
}

.heromobilebox h2 {font-size: 2rem; padding: 10px 15px; display: table;}
.heromobilebox a.uk-margin-top {margin-top:10px!important}

.custombanner {left: 0; top: -60px;}
.custombanner img {width: 180px;}

    img.logotyp {padding: 0px 0 0 15px; margin:20px 0 0 0;}
.naviicon {margin: 17px 10px 0 0;}
.naviicon .menuikona {width: 40px;}
.naviicon span {font-size: 18px; font-size: 1.8rem;}


#header .logobox {
   
}

#header.uk-sticky.uk-active img.logotyp { margin:2px 0 0 15px;}
#header.uk-sticky.uk-active .naviicon {
    margin: 15px 0px 0 0;
    padding: 15px 20px 11px 20px;
    background: var(--biela);
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.20);
}


.uk-offcanvas-bar {width: 100%; }
.text-velky-titulok, .text-svetly-velky-titulok {font-size:25px;font-size: 2.5rem;}  
.text-stredny-titulok {font-size:20px;font-size: 2rem;}   

canvas.contentimg {height: 400px;}


/*.kontajnerbgimg.t1:after {left: -70px; top: -100px; width: 250px;}*/
.kontajnerbgimg.t1:before {left: unset; right: -10px; bottom: -70px; width: 90px;}

.uk-card-body {padding: 30px 15px;}

#content-10, #content-20, .unibox {padding: 20px 0;}

.naviicon {border-radius: 0px;}
.slider3 .slidertext { margin: -20px 0 0 0; text-align:center;}

.slider {padding-top: 80px;}
.uk-slider .uk-flex img {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.uk-slider .slidertxt {
    text-align:center; margin-top: 50px;
}

.kontakt-info { margin-top: 50px;}
h2.kontakt-nadpis {font-size: 35px;font-size: 3.5rem;top: -30px;}

#paralax .obj1 {Top: 690px; right: -50px;}
#paralax .obj2 {Top: 330px; left: -150px;}
#paralax .obj3 {Top: 190px; right: -30px;}
#paralax .obj4 {Top: 240px; left: -40px;}

.unibox .mbkontakt {
text-align:center;    
}

#footer .druhystlppaticka {
    margin-top: 0px;
    padding: 10px 0 0 40px;
}

#footer {padding: 10px 20px 10px 20px;}
#footer img.logotyp {padding:0; margin:25px auto; display:block;}
#footer .lavystlpec {text-align:center; border-right: 0px solid #2b2929;}
#footer .pravystlpec { text-align: center; padding-left: 0px;}
#footer ul {list-style:none; margin-top: 0px;}

.call-to-action {text-align:center; margin-top: 0;}
.call-to-action img {display:none;}
.call-to-action h2, .call-to-action h3, .call-to-action p {max-width: 100%;}

.credits div div { text-align: center;}

.credits .quicklinks a.uk-align-right {
 text-align: center;
  float: initial;
  display: inline-block;
}

.autor a svg {margin-top:0px;}

.google-maps {padding-bottom: 100%;}

.uk-lightbox .uk-thumbnav-vertical {display:none;}

.kontajnerbgimg.t1:before {
    width: 80px;
        height: auto;
        bottom: -25px;
        left: -5px;}
    
.kontajnerbgimg.t1:after {
    width: 110px;
    height: auto;
    top: -25px;
    right: -10px;}    

.kontajnerbgimg.t2:after {
    width: 120px;
    top: -40px;
    right: -10px;
}

.kontajnerbgimg.t2:before {
    width: 80px;
    height: auto;
    bottom: -35px;
    left: -45px;}
    
.uk-lightbox-slidenav {
    background: var(--tyrkys);
    color: var(--biela);
    padding: 5px;
}    

}