/* cmsms stylesheet: basicstyle modified: Monday, June 2, 2025 12:29:52 PM */
/* Univerzálne nastavenia */
html {
    font-size: 62.5%;
}

:root {
  --biela:#ffffff;
  --jasnacervena: #90e0ef; /*-*/
  --cervena: #ec2028; 
  --tmavacervena: #b41117; /*-*/
  --oranzova: #ec2028;
  --svetloseda: #f8f8f8;  /*-*/
  --svetloseda2: #efefef; /*-*/
  --tmavoseda: #717171; /*-*/
  --seda: #dddde4;
  --cierna: #231f20;
}

body {
    background:#fff;
    font-size: 16px;
    font-size: 1.6rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    color: var(--cierna);

}

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

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

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

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

h3 {
    margin: 0px 0 20px 0;
    font-size: 30px;
    font-size: 3rem;
    color: var(--cierna);
    font-weight: 600;
}

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

h4 {
    margin: 0px 0 10px 0;
    font-size: 22px;
    font-size: 2.2rem;
    color: var(--cierna);
    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(--cervena); text-decoration: underline;}
em { color: var(--cierna);}

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

.cerveny {color: var(--cervena);}
.sedy {color: var(--tmavoseda);}
.cierny {color: var(--biela); background: var(--cierna); padding: 2px 10px 5px 10px; border-radius: 4px;}

.button:after,.button-inverzny:after,.button-biely: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(../images/chevron-r.svg) no-repeat 50% 50%;
  mask: url(../images/chevron-r.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.button:after, .button-inverzny:hover:after {
    background-color: var(--cervena);
}
.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(--cervena);
    border: 2px solid var(--cervena);
    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: 7px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, .15);
}

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

}

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

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

.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: 7px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, .15);
}

.button-biely:hover {
    background: var(--cervena);
    border-color: var(--cervena);
    text-decoration:none;
    color: var(--biela);
    box-shadow: 0px 10px 15px -5px rgba(235, 32, 40, .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);
}

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



.zltyelement.medium {
    width: 322px;
    height: 322px;
    background-color: #ffc857;
    position: absolute;
    border-radius: 50%;
    z-index: 0;
    top: -100px;
    
    right: -86px;
}


.zltyelement.large {
    width: 530px;
    height: 530px;
    background-color: #ffc857;
    position: absolute;
    border-radius: 50%;
    z-index: 0;
    top: -310px;
    left: -22%;
}

.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(--oranzova);
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:10px 0 0 0;}
 
.navigacka {
text-align:right;
z-index:999;

}

.navigacnalista {
    display:block;
    float:right;
    margin-top: 10px;
}

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

}


.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 60px 10px 10px;
}

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

    float:right;
    margin: -3px -30px 0 0;
    padding: 0;
}

.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(--cervena);}
.rychlykontakt a + a {margin: 0;}

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





.navigacka li.parent > a:after {
    /*content: url('../images/chevron.svg');*/
    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(../images/chevron.svg) no-repeat 50% 50%;
  mask: url(../images/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(--cervena);
}


.navigacka {
    color:#fff;
}


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

}

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

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

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

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




.navigacka li:hover ul li a {color:var(--cierna);}
.navigacka li:hover ul li a.current {color: var(--cervena)!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(--cierna);
   /* background: #ffebc1;*/
    cursor: pointer;
   /* border-top: 3px solid var(--tmavacervena);*/
   background: #fff;
   box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, .15);
}

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

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

.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(--oranzova);}



#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:#f2f2f2;*/ border: none;}
.navigacka li ul li a:hover, .navigacka li.current.parent > a, .navigacka li li a.current {text-decoration: none; color:var(--cervena);}

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

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

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

.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: 7px;
    display:inline-block;
    /*background: linear-gradient(to bottom, var(--jasnacervena) 0%, #242d37 100%);*/
    transform: skewX(0deg);
    color: var(--cierna);
    transition: all 0.3s ease;
}

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

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

.naviicon .menuikona {margin-top: -5px;}
.naviicon .menuikona .st0 {fill: var(--cierna); transition: all 0.3s ease;}
.naviicon:hover .menuikona .st0 {fill: var(--cervena);}

/*.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(--jasnacervena) 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);
}

/*************** content *******************/

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

.galerybox p {color:#fff}


.slider { margin-top: -90px; padding-top: 120px;}
.slider {
position: relative;
z-index: 1;
background: url(../images/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;}

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

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

body.kontaktbg .zahlavie {min-height: 400px; background-position: center center;}

/* 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(--jasnacervena);}

.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: 3px;
}


.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(https://levservis.sk/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.uk-sticky.uk-active img.logotyp {
    margin-top: 3px;
    margin-left: 20px;
}

#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, #kontakt {
background-position: center top;
background-repeat: no-repeat;
/*background-size: cover;*/
padding: 30px 0;
position:relative;
}

#content-30 .dlazdica h2 {
    text-align: center;
    margin: 0 25px;
}

#content-30 .dlazdica {background: rgba(255,255,255,0.8);
    opacity:1;
    border-radius: 7px;
}

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

#content-30 .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 {color: var(--cervena);}


.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:3px;}

.imground img {border-radius: 25px;}

.uk-card-media-right.imground {
border-radius: 30px 30px 30px 30px;
}

.uk-card-media-left.imground {
border-radius: 30px 30px 30px 30px;
}

.call-to-action {
background-image: url(../images/red-bg2.webp);  
background-position: center center;
background-size: auto;
margin-top: 160px;
padding-bottom: 60px;
}

.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(--cervena);}
.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(--cervena);
 border: 2px solid var(--cervena);
 color: var(--biela);
}




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

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

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

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


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


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

.kontaktbg {
background-image: url(https://levservis.sk/uploads/base/white-bg.webp);  
}
.whitebg1 {
background-image: url(https://levservis.sk/uploads/base/white-bg1.webp);  
}
.whitebg2 {
background-image: url(https://levservis.sk/uploads/base/white-bg2.webp);  
}
.whitebg3 {
background-image: url(https://levservis.sk/uploads/base/white-bg3.webp);  
}
.whitebg4 {
background-image: url(https://levservis.sk/uploads/base/white-bg4.webp);  
}
.whitebg5 {
background-image: url(https://levservis.sk/uploads/base/white-bg5.webp);  
}
.whitebg6 {
background-image: url(https://levservis.sk/uploads/base/white-bg6.webp);  
}


#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(--cervena);}
#kontakt .kontaktbox .mail {}
#kontakt .kontaktbox .telefon {}
#kontakt .kontaktbox .fotka {width: 70px; height:70px;}

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




.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: 14px;
    background-repeat: no-repeat;
}

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

.boxy1 .ikona {}
/****** katalog - boxy ***********/
.katalog .uk-card {
    border-radius: 14px;
    background-repeat: no-repeat;
}

.katalog .polozka h3 {text-align:center; color: var(--cervena);}
.katalog .polozka p.parameter {font-size: 12px; font-size:1.2rem; 
    text-align: left;
    padding: 0;
    margin-top: 0px;
}

.katalog .polozka p.parameter2 {font-size: 12px; font-size:1.2rem; 
    text-align: left;
    padding: 0;
    margin-top: 6px;
}

.uk-slider-container-offset {margin: -11px -20px -39px -20px;}


.katalog .ikonka {width: 42px; display:block; margin: 0 auto 5px auto;}
.katalog .ikonka2 {width: 27px; display:block; margin: 0 auto 5px auto;}
.katalog .ikonka3 {width: 30px; display:block; margin: 0 auto 5px auto;}

.katalog .ikonka1a, .katalog .ikonka2a, .katalog .ikonka3a { 
    width: 32px; height: 26px; margin-top: 5px; }
/*.katalog .ikonka1a {width: 42px;}
.katalog .ikonka2a {width: 27px;}
.katalog .ikonka3a {width: 30px;}*/

.katalog .polozka .kratkypopis p {font-style: italic; 
font-weight: 400; text-align:center; font-size:14px; font-size: 1.4rem;}
.katalog .polozka p + p, .katalog .polozka div + p {margin: 0; }
.katalog .polozka .odkaz {
    margin: 20px auto 0 auto; display: block; width: 120px;}
    

.katalogdetail {}
.katalogdetail .pravypanel {}
.katalogdetail .lavypanel {}

.katalogdetail .uk-table-small td {
   padding: 5px 12px;
   font-size: 14px;
   font-size: 1.4rem;
   font-weight: 400;
   vertical-align: bottom;
} 

.katalogdetail .uk-table-small  td.titulok {font-weight: 600; text-align: right;}

.katalogdetail .uk-table-small  td.titulok:after {
    content: ":";
}

.uk-table-divider>:first-child>tr:not(:first-child), .uk-table-divider>:not(:first-child)>tr, .uk-table-divider>tr:not(:first-child) {
    border-top: 1px solid var(--svetloseda2);
}

.katalogdetail .download {
    background-color: var(--svetloseda); 
    padding: 20px; border-radius: 7px;
}
.katalogdetail .download h4, .katalogdetail .produktparametre h3{font-size: 18px; font-size: 1.8rem;}

.katalogdetail .uk-icon-button {
    background: var(--cervena); color: var(--biela);}
.katalogdetail .uk-icon-button:hover {
    background: var(--cierna); color: var(--biela);}
    
.katalogdetail .download-red {
    background-color: var(--cierna); 
    color: var(--biela);
    padding: 20px; border-radius: 7px;
    margin-bottom: 25px;
}
.katalogdetail .download-red h4, .katalogdetail .download-red h3{font-size: 18px; font-size: 1.8rem; color: var(--biela);}
.katalogdetail .download-red a {color: var(--biela);}
.katalogdetail .download-red a:hover {color: var(--cervena); text-decoration:none;}

.katalogdetail .download-red .uk-icon-button {
    background: var(--cervena); color: var(--biela);}
.katalogdetail .download-red a:hover .uk-icon-button {
    background: var(--tmavacervena); color: var(--biela);}    
    
    

.bocnanavigacia {
 background-color: var(--svetloseda); 
    padding: 25px; border-radius: 7px;   
}   

.bocnanavigacia h3 {font-size: 20px; font-size: 2rem;padding-left: 0px; margin-bottom: 10px;}
.bocnanavigacia ul {list-style: none; padding-left: 25px; margin-top: 0px;}
.bocnanavigacia ul li {padding: 5px 0px; position:relative;}
.bocnanavigacia ul li:before {
        content: "";
        position: absolute;
        top: 13px;
        left: -20px;
        width: 8px;
        height: 8px;
        background-image: url(../images/bullet.svg);
}
/*.bocnanavigacia ul li a {line-height: 30px; line-height: 3rem;}*/



/**** cennik *****/

.ikona {width: 80px; height: auto;}

#cennik {}

#cennik h2.cena {
 font-size: 50px;
 font-size:5rem;
 text-transform:none;
 color: var(--cervena);
}

#cennik h3.nazov {
    font-size: 1.8rem;
}


#material .nazov {
color: var(--cervena);    
}

#material .cena, #material h4 {color: var(--oranzova); font-size: 1.8rem;}
#material .cena strong {color: var(--oranzova); font-size: 2.4rem}


 /*** katalog detail ***/
 .uk-thumbnav {
    display: block;
    /* flex-wrap: wrap; */
    margin: 0;
    padding: 0;
    list-style: none;
    /* margin-left: -15px; */
    margin-left: -18px;
    /* margin-right: 114px; */
    /* padding-right: 90px; */
}

.uk-thumbnav li {
    display: inline-block;
    padding: 0;
    margin-left: 20px;
    margin-bottom: 8px;
}

.katalog-detail .tabulka .uk-svg .cls-1 {fill:#fff;}
.katalog-detail .tabulka .uk-svg {margin: 0 10px 5px 0;}


.katalog-detail .titulok, .katalog-detail .titulok h2 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    color:#fff;
}

.katalog-detail .podtitulok {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    color:#fff;
}

.katalog-detail .cena {font-size: 4rem; color: var(--jasnacervena);}
.katalog-detail .cena-podtitulok {font-size: 2rem; color: var(--tmavacervena);}



#content-detail {
background-image: url(https://levservis.sk/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: 5px 5px 0 0;}
#content-detail .uk-tab li.uk-active a {background: var(--jasnacervena); 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(--jasnacervena);
}

#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: 10px;}
#content-katalog .summary .uk-card-media-top img{border-radius: 10px 10px 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: 18px;
    font-size: 1.8rem;
    color:var(--tmavoseda);
    font-family: "Outfit", 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: 100%;
    padding: 10px 15px;
    background: var(--svetloseda);
    border: 1px solid var(--svetloseda2);
    border-radius: 7px;
    font-family: "Outfit", sans-serif;
    color: var(--tmavoseda);
}

.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: 3px;
            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(--cervena);
            border: 1px solid var(--cervena);
        }

        /* 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: "Outfit", 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(--cervena);
    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(--cervena);
    padding: 0px 15px;
    text-align: center;
    text-decoration:none;
    margin: 0 8px;
    background: var(--cervena);
    line-height: 4.5rem;
    text-transform: none;
     /*white-space: nowrap;*/
     border-radius: 7px;
    font-weight: 600;
    position:relative;
    z-index:1;
    box-shadow: 0px 20px 10px -15px rgba(235, 32, 40, .25);
}

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

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


/* paticka */




#footer { 
color: var(--biela);    
background-color:  var(--cierna);
padding: 40px 0 20px 0;
font-size: 14px;
font-size: 1.4rem;
}

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

#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(--biela); text-transform: none;}
#footer h4 {font-size: 20px; font-size: 2.0rem; color: var(--biela);}

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

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

#footer .uk-icon {
    float: left;
    margin-bottom: 10px;
}

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

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

#footer ul {
    list-style: none;
    padding-left: 10px;
}

#footer li {margin-bottom: 5px; position:relative;}

#footer li a:hover {text-decoration: none; color: var(--cervena);}

#footer li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -17px;
    width: 8px;
    height: 8px;
    background-image: url(../images/bullet.svg);
}

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

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

#footer .stlpec2 {
    border-left: 0px solid #000;
    padding-bottom: 25px;
    padding-left: 65px;
    border-left: 0px solid #2b2929;
}

#footer .lavystlpec {
    background-color: var(--biela);
    color: var(--cierna);
    padding: 40px;
    margin-top: -100px;
    border-radius: 14px;
    box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, .25);
    background-image: url(../images/levservis-tlaciaren-grey.svg);
    background-position: calc(100% + 70px) calc(100% + 20px);
    background-repeat: no-repeat;
}

#footer .lavystlpec p, #footer .lavystlpec h2 {color: var(--cierna);}
#footer .lavystlpec img.logotyp {
    display:block;
    margin: 10px 0 10px 0;
}
#footer .lavystlpec img.partner {
    display:inline-block;
    margin: 0px 10px 0 0;
    width: 69px;
    height: auto;

} 

#footer .credits {
    border-top: 1px solid #2b2929;
    padding-top: 25px;
    font-size: 12px;
    font-size: 1.2rem;
}



.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://levservis.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(--cierna); background: var(--seda); padding: 20px;border-radius: 0 0 0 7px;}

.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: var(--cierna); text-transform: uppercase;}
.uk-offcanvas ul li a:hover, .uk-offcanvas ul ul a.current {text-decoration: none; background: var(--cervena); color: var(--biela); border-radius: 7px;}

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

.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: 30px;
    font-size: 3rem;
    line-height: 140%;
    margin-top: 10%;
    color: var(--cervena);
    text-transform: none;
    font-weight: 700;
}



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


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




/********* google mapy ************/
 .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;
    }
    
 .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: 15px 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(--cervena)!important; border-radius: 7px; }

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



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


/* 1600px - XYZ */
@media (min-width: 1600px) {
    
#footer .lavystlpec {padding: 30px 30px 30px 40px;}  
body.kontaktbg .zahlavie {min-height: 600px;}

} 

/* 1200px - 1600px */
@media (max-width: 1600px) and (min-width: 1200px) {
    
#footer .lavystlpec {padding: 30px 30px 30px 40px;}  
body.kontaktbg .zahlavie {min-height: 500px;}

}

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

canvas.contentimg {height: 400px;}
.uk-card-media-left.imground {border-radius: 20px 20px 20px 20px;}
.uk-card-media-right.imground {border-radius: 20px 20px 20px 20px;}

.slider2bg img {width:400px;}

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


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

#footer .lavystlpec {padding: 30px 30px 30px 40px;}  

}

/* 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: 25px;}
.naviicon span {font-size: 18px; font-size: 1.8rem;}

.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;}
.uk-card-media-left.imground {border-radius: 20px 20px 20px 20px;}
.uk-card-media-right.imground {border-radius: 20px 20px 20px 20px;}

.zltyelement.large {width: 320px; height: 320px;}

.slider2 .uk-grid {
  margin-left: 0;  
}

.slider2bg2, .slider2bg {
    padding: 20px 20px;
}

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


#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 .pravystlpec, #footer .stlpec3, #footer .stlpec2, #footer .stlpec4 {padding-left: 60px;}

/*.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%;}

}

/* 0 - 480px */
@media (max-width: 640px) and (min-width: 480px) {
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;} 

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

    img.logotyp {padding: 0px 0 0 15px; margin:20px 0 0 0;}
.naviicon {margin: 22px 10px 0 0;}
.naviicon .menuikona {width: 25px;}
.naviicon span {font-size: 18px; font-size: 1.8rem;}
#header.uk-sticky.uk-active img.logotyp {padding: 17px 0 0 0px; margin:2px 0 0 15px;}
#header.uk-sticky.uk-active .naviicon {margin: 19px 10px 0 0;}
.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;}
.uk-card-media-left.imground {border-radius: 20px 20px 20px 20px;}
.uk-card-media-right.imground {border-radius: 20px 20px 20px 20px;}

.zltyelement.large {width: 260px; height: 260px;
    top: -120px;
    left: -20%;
}

.zltyelement.medium {width: 260px; height: 260px;
    top: -90px;
    right: -20%;
}

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

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

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

.uk-slider-container-offset {margin: -11px -20px -39px -20px;}

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

.polozka .ikonka1a, .polozka .ikonka2a, .polozka .ikonka3a {
    text-align: center !important;
        margin: 0 auto;
        display: inline-block;
        float: initial;
}

.polozka .udaj, .katalog .polozka p.parameter, .katalog .polozka p.parameter2 {text-align:center;}
.polozka p.parameter, .katalog .polozka p.parameter2 {margin-top: 8px;}
.obrazoknahlad img{display:block; margin: 0 auto;}



#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 img.logotyp {margin: 10px auto 10px auto;}
#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;}
#footer li:before {}
#footer .uk-icon { float: none;}

#footer .stlpec3, #footer .stlpec2, #footer .stlpec4 {padding-left: 60px;}

.call-to-action {text-align:center; margin-top: 0; padding-bottom: 100px;}
.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%;}

}

@media all and (max-width: 480px) {
    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;} 

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

    img.logotyp {padding: 0px 0 0 15px; margin:20px 0 0 0;}
.naviicon {margin: 22px 10px 0 0;}
.naviicon .menuikona {width: 25px;}
.naviicon span {font-size: 18px; font-size: 1.8rem;}
#header.uk-sticky.uk-active img.logotyp {padding: 17px 0 0 0px; margin:2px 0 0 15px;}
#header.uk-sticky.uk-active .naviicon {margin: 19px 10px 0 0;}
.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;}
.uk-card-media-left.imground {border-radius: 20px 20px 20px 20px;}
.uk-card-media-right.imground {border-radius: 20px 20px 20px 20px;}
.uk-slider-container-offset {margin: -11px -20px -39px -20px;}

.zltyelement.large {width: 260px; height: 260px;
    top: -120px;
    left: -20%;
}

.zltyelement.medium {width: 260px; height: 260px;
    top: -90px;
    right: -20%;
}

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

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

.naviicon {border-radius: 12px;}
.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;
}

.polozka .ikonka1a, .polozka .ikonka2a, .polozka .ikonka3a {
    text-align: center !important;
        margin: 0 auto;
        display: inline-block;
        float: initial;
}

.polozka .udaj, .katalog .polozka p.parameter, .katalog .polozka p.parameter2 {text-align:center;}
.polozka p.parameter, .katalog .polozka p.parameter2 {margin-top: 8px;}
.obrazoknahlad img {display:block; margin: 0 auto;}



#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 img.logotyp {margin: 10px auto 10px auto;}
#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;}
#footer .uk-icon { float: none;}
#footer .stlpec3, #footer .stlpec2, #footer .stlpec4 {padding-left: 60px;}

.call-to-action {text-align:center; margin-top: 0; padding-bottom: 100px;}
.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%;}

}