@font-face { font-family: 'Zilla';  src: url("../fonts/zilla/ZillaSlab-Regular.ttf");  font-weight: normal;   font-style: normal; }
@font-face { font-family: 'Zilla';  src: url("../fonts/zilla/ZillaSlab-Light.ttf");  font-weight: light;   font-style: normal; }
@font-face { font-family: 'Zilla';  src: url("../fonts/zilla/ZillaSlab-Bold.ttf");  font-weight: bold;   font-style: normal; }

/* Scaffolding */
html,
body {
  width: 100%;
  height: 100%;
  text-align: center;
}

body {
  font-family: 'Zilla', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.778;
  color: rgba(43,42,41,1.0);
  background-color: rgb(255,239,213) ;
}

@media (min-width: 480px) {
body {
  font-size: 9.4px;
}
}

ol, ul, ol, p {font-size: 1.2rem; margin-left:0rem!important; text-align: left;}
li {margin-bottom:1rem;}
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
}

.seo {font-size:0rem}
.male {font-size: 1.0rem; margin-top: -1rem;}
.strong {font-weight: 600; margin-bottom: 0rem;}

.mb3 {margin-bottom: 3rem;}
.mt3 {margin-top: 3rem;}

a {
  color: rgba(43,42,41,1.0);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.pulka {width:50%;float: left;}
.dvetretiny {width:66.666%;float: left; text-align: center; padding-top: 0rem; padding-bottom: 2.5rem; border-bottom: 0px solid #ccc; margin-top:2rem;}
.dvetretiny p{text-align: left!important; font-size 1.6rem!important; font-weight: 800;}

.tretina {width:33.3333%;float: left; text-align: center; padding-top: 0rem; padding-bottom: 2.5rem; border-bottom: 0px solid #ccc; margin-top:2rem;}
.tretina p{text-align: left!important;}
.ctvrtina {width:25%;float: left; text-align: left;}
.ctvrtina p{text-align: left!important;}

article{filter: grayscale(1.0); width:25%; height: 20rem; padding:0% 0% 0% 0%; margin: auto; background-size:cover!important; background-position: center center; background-repeat: no-repeat; float: left; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
article:hover{filter: saturate(1.0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}


/* Backgrounds */

.pulka .in{height:100%; padding:0rem 10% 2rem 10%!important; margin:auto; line-height: 1.5;}

.pulka .inp{height:100%; padding:0rem 0% 2rem 10%!important; margin:auto; line-height: 1.5;}




.bg-holder-1 {
  margin-top: 0rem;
  margin-bottom:0rem;
}



.bg-holder-1 .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 10wh!important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0rem auto 0rem auto!important;
  max-width: 960px; 
  padding:3rem 3% 3rem 3%;  

}

.bg-holder {
  width: 100%;
  height: 60vh;
  height: 60%;
  
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  position: relative;
  margin:0rem;
}

.navigace {position: absolute; bottom:25rem;}


.bg-holder .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0rem auto 0rem auto!important;
  max-width: 960px; 
  padding:3rem 3% 3rem 3%;  

}

.bg-holder2 {
  width: 100%;
  height: 10rem;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  position: relative;
  margin:3.0rem 0rem 0rem 0rem;
  border-top: 1rem solid rgb(0,128,128);
}

.bg-holder2 .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  
  margin: 0rem auto 0rem auto!important;
  max-width: 20rem; 
  padding:3rem 3% 3rem 3%;  
}

.row {margin-top:5rem;}

.vizualizace {margin:0rem!impotrant; padding:0rem!important; line-height:0!important; margin: 3rem 0rem 0.0rem 0rem; width:100%; height: auto;}
.partneri {margin:0rem!impotrant; padding:0rem!important; line-height:0!important; margin: 3rem 0rem 0.0rem 0rem; width:16.666%; height: auto;}

h2 {
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: left;
  /*text-transform: uppercase;*/
  padding: 0rem  1.5rem 1.5rem  0rem;
  margin-bottom:0rem!important;
}

h2 img{
  height: 2.4rem;
  line-height: 1.5;
  padding: 0rem  1.5rem 0rem  0rem;
  margin-bottom:-0.3rem!important;
    }

h2 span {
  font-size: 1.8rem;
  font-weight: 200;
  padding-left:1.5rem;
}

.bg-holder h2 {
    /*text-shadow: 1px 1px 3px rgba(0,0,0,0.9);*/
  }

.bg-holder2 h2 {
  font-size: 5rem;
  line-height: 1.5;
  text-align: center;
  /*text-transform: uppercase;*/
  padding: 1.5rem  1.5rem 1.5rem  1.5rem;
  margin: 0rem!important;
  color: rgba(255,255,255,1.0);
  }

.menu_n {
  font-size: 1.4rem!important;
  line-height: 1.5;
  text-align: left;
  text-transform: none;
  background-image: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 2rem  1.5rem 1rem  1rem;
  margin-bottom:0rem!important;
  }

/* Content Sections */

section {
  position: relative;
  padding: 3.5rem 3% 3.5rem 3%;
  background-repeat: repeat;
  background-position: bottom center;
  background-attachment: fixed;
  margin:0rem auto;  
}

section .content {
  margin: 0rem auto;
  max-width: 1300px;
  position: relative;
}

section .texty {
  margin: 0rem auto 0rem auto;
  max-width: 900px!important;
  position: relative;
  }

section p {
  line-height:1.5;
  margin: 0;
   margin-bottom:1.5rem;
   text-align: justify;
}

section a {
  color: rgba(43,42,41,1.0);
  text-decoration: none;
  font-weight: 400;
  }

section a:hover {
  text-decoration: none;
}

.texty a{text-align: left!important; font-size 1.6rem!important; font-weight: 800; color: rgb(0,128,128); text-decoration: none!important;}
.texty a:hover{text-align: left!important; font-size 1.6rem!important; font-weight: 800; color: rgb(255,99,71)!important; text-decoration: underline!important;}

/*section p + p {
  text-indent: 2rem;
 
} */

section + hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
}


a:hover{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.trans {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}


#header{background:rgba(255,255,255,1.0); color: rgba(43,42,41,1.0); width:100%; z-index:10; position: fixed; top:0; text-align: center; padding:0rem!important; margin:0rem!important; text-align: center; }


.hid_d {display: block}
.hid_m {display: none}

.text-center img {max-width: 90%;}


@media (max-width: 992px) {

h2 {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  /*text-transform: uppercase;*/
  padding: 0rem  1.5rem 0rem  0rem;
  margin-bottom:1.5rem!important;
}

h2 span {
  font-size: 1.0rem;
  font-weight: 200;
  padding-left:2.5rem;
  display: block;
}


h2 img{
  height: 1.4rem;
  line-height: 1.5;
  padding: 0rem  1.0rem 0rem  0rem;
  margin-bottom:-0.2rem!important;
    }
    
.bg-holder2 {
  width: 100%;
  height: 5rem;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
  position: relative;
  margin:3.0rem 0rem 0rem 0rem;
}

.bg-holder2 .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  margin: 0rem auto 0rem auto!important;
  max-width: 10rem; 
  padding:3rem 3% 3rem 3%;  
}

.bg-holder2 h2 {
  font-size: 3.5rem;
  line-height: 1.5;
  text-align: center;
  /*text-transform: uppercase;*/
  padding: 1.0rem  1.5rem 1.5rem  1.5rem;
  margin: 0rem!important;
  color: rgba(255,255,255,1.0);
  }
  
.menu_n {
  font-size: 1.4rem!important;
  line-height: 1.5;
  text-align: left;
  text-transform: none;
  background-image: none;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 2rem  1.5rem 1rem  1rem;
  margin-bottom:0rem!important;
  }


ol, ul, ol, p {font-size: 1.0rem;}
li {margin-bottom:1rem;}

section {
  padding: 1.0rem 3% 1.5rem 3%;
 }

.hid_d {display: none!important}
.hid_m {display: block!important}

section p {
  line-height:1.5;
  margin: 0;
   margin-bottom:1.5rem;
   text-align: left;
}

}

/******/
.footer p{
text-align: center!important;
font-size: 1.6rem; 
}


.footer1{
text-align: center!important;
width: 100%;
padding:0rem 0rem 0rem 0rem!important;
margin: 1rem auto 0rem auto;
line-height:1.0;
border-top: 1rem solid rgb(0,128,128);

}
.footer1 p{
margin-top: 1.5rem;
text-align: center!important;
font-size: 1.3rem; 
padding-bottom:2rem!important;
}


.clear{clear:both;}

table{border-collapse: collapse; border:0.0rem solid; border-color: rgba(200,182,157,0.0); text-align: left; width:100%}
th, td {text-align: left; font-size: 1.6rem; font-weight: 400;}

.tretina table{border-collapse: collapse; border:0.0rem solid; border-color: rgba(200,182,157,0.0); text-align: left; width:100%}
.tretina th, .tretina td {text-align: left; font-size: 1.6rem; color: rgb(255,99,71); font-weight: 800;}


@media screen and (max-width: 640px){

.bg-holder2 h2 {
  font-size: 2.0rem!important;
  line-height: 1.5;
  text-align: center;
  /*text-transform: uppercase;*/
  padding: 1.5rem  0.5rem 1.5rem  0.5rem;
  margin: 0rem!important;
  }


.footer p{
text-align: center!important;
font-size: 1.2rem; 
}

}

/*Menu*/
.nav_desktop{position: fixed; top:0; right:0; background: rgba(255,255,255,1.0); height: 6rem; width:96%; z-index:10000; text-align: left; -webkit-box-shadow: 0rem 0.2rem 1.0rem 0rem rgba(0, 0, 0, 0.6); box-shadow: 0rem 0.2rem 1.0rem 0px rgba(0, 0, 0, 0.6); z-index:1000001; -webkit-transition: width .5s; transition: width .5s; padding:0 2% 0 2%;}
.nav_desktop_hl{float:right;margin:2rem 0 0 0%; font-size: 1.2rem; -webkit-transition: width .5s; transition: width .5s;}

.nav_desktop_hl{padding-left:0;margin-bottom:0;list-style:none; -webkit-transition: width .5s; transition: width .5s;}
.nav_desktop_hl li{position:relative;display: inline-block; text-transform: none;}
.nav_desktop_hl li a{position:relative;display:block;padding:0rem 0rem 0rem 0rem;}
.nav_desktop_hl li a{font-size:1.2rem!important;}
.nav_desktop_hl li a:hover, .nad-submenu>ul>li a:active{}

.nav_desktop .navbar-brand {
  padding-top: 1.5rem !important;
  padding-bottom: 0 !important;
  font-size: 1.2rem;
  text-transform: none;
  background: url(../img/uvondrasku_logo.svg) no-repeat left top;
  background-size: 85%;
  top: 1.0rem;
  left:0;
  position: relative;
  width: 30rem;
  height:4rem;
  text-indent: -99999.9rem;
  -webkit-transition: .2s all;
  transition: .2s all;
  z-index:10000000000;  
  float: left;
}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}

.coll_n{background: rgba(255,255,255,1.0)!important; height: 4rem!important; }
.coll_n_h{margin-top:0.5rem!important;}
.coll_n_l{margin-top:-1rem!important;}


@media screen and (max-width: 1255px) {
.nav_desktop_hl {display: none;}
.nav_desktop .navbar-brand {
    width: 18rem;
    height:3.5rem;
    top: 2rem;
    }
}

@media screen and (min-width: 1255px) {
.menu_t{display: none!important;}
.menu_block_m{display: none!important;}
}

.trans{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.trans:hover{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

@media (max-width: 1255px) {
/*burger*/
.hamburger {position: fixed; top:2rem; right:0.5rem; z-index: 10000000; padding: 15px 15px; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; -webkit-transition: .3s all;  transition: .3s all;}
.hamburger:hover {opacity: 0.9; }
.hamburger1 {top:1rem; -webkit-transition: .5s all;  transition: .5s all;}
.hamburger-box {width: 24px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner {display: block; top: 50%; margin-top: -5px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 3px; background-color: rgba(0,48,48,0.8); border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -8px; }
.hamburger-inner::after {bottom: -8px; }
.hamburger--vortex .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {transform: rotate(765deg);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {top: 0; opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); }
}

/*burger*/
.menu-t a, .submenu_i a{text-decoration: none; display:block;}
.menu-t a:hover{text-decoration: none; display:block;}
.submenu_i a:hover{text-decoration: none; display:block;}

.sub{text-decoration: none; display:block; background-color: transparent!important;}
.sub:active{text-decoration: none!important; display:block; background-color: transparent!important;}
.sub:hover{text-decoration: none!important; display:block; background-color: transparent!important;}

.menu_t{float:left; padding:0rem .5% 1rem .5%;  border-top-style: solid;  border-top-width: 2px; border-color:transparent; margin: 0rem 3% auto 3%; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.menu_t:hover{float:left; padding:0.7rem .5% 1rem .5%; border-top-style: solid;  border-top-width: 2px; border-color: #fff; margin: 0rem 3% auto 3%; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.menu-t{z-index:1;  font-weight: 400; font-size:1.2rem; width:100%; background:rgba(255,255,255,1.0); position:fixed; text-align:center; height:0%; display:none; top:0!important;}
.menu-t_1{height:100%; display:block; z-index:1000000;}
.menu-t .in{padding:0% 5% 0% 5%; width:40%; float: left;}
.menu-t ul {padding: 0rem 0px 1.5rem 0.0rem;  list-style:none!important; }
.menu-t li {line-height:1.5; padding: 0.5rem 0px 0.5rem 2.0rem; text-align: left; list-style:none!important; text-transform:none!important;}
.menu-t li:hover {line-height:1.5; padding: 0.5remx 0px 0.5rem 2.0rem; text-align: left; }

.menu_block_m {position: absolute; width:auto; text-align:left; margin-left:2.0rem; margin-top:8rem; font-size: 1.3rem; line-height:2.0; }    

.minus{background: url("../img/minus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.plus{background: url("../img/plus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.minus1{background: url("../img/minus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.plus1{background: url("../img/plus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.minus2{background: url("../img/minus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.plus2{background: url("../img/plus.png") left no-repeat; margin-left:-1rem; padding-left:3.0rem!important;}
.menu_sub {display:none; font-size:1.2rem; line-height:2; margin-left:0.2rem;}
.menu_sub1 {display:none; font-size:1.2rem; line-height:2; margin-left:0.2rem;} 
.menu_sub2 {display:none; font-size:1.2rem; line-height:2;  margin-left:0.2rem;} 

.menu_sub ul{margin:0!important;}
.menu_sub1 ul{margin:0!important;} 
.menu_sub2 ul{margin:0!important;} 

@media (max-width: 768px) {

@media (orientation: landscape) {
    .logo {position: absolute; top: 4.5rem; width:100%; min-height: 6rem;  margin:auto; background-image: url('../img/uvondrasku_logo.svg'); background-position: center center; background-size:auto  100%; background-repeat: no-repeat; margin: 0rem auto 0rem auto; z-index:1; padding: 0rem!important;}
    .menu-t{z-index:1;  font-weight: 400; font-size:1.2rem; width:100%; background:rgba(255,255,255,1.0); position:fixed; text-align:center; height:0%; display:none; top:0!important;}
    .menu-t_1{height:100%; display:block; z-index:1000000;}
    .menu-t .in{padding:0% 5% 0% 5%; width:90%; float: left;}
    .menu-t ul {padding: 0rem 0px 1.5rem 0.0rem;  list-style:none!important; }
    .menu-t li       {line-height:1.5; padding: 0.5rem 2rem 0.5rem 0rem!important; text-align: left; list-style:none!important; text-transform:none!important; display: inline-block;}
    .menu-t li:hover {line-height:1.5; padding: 0.5rem 2rem 0.5rem 0rem!important; text-align: left; }
    .menu_block_m {position: absolute; width:auto; text-align:left; margin-left:0.0rem; margin-top:8rem!important; font-size: 1.3rem; line-height:2.0; }
    }
}

@media (orientation: landscape) {
.menu_block_m { margin-top:8.0rem!important; font-size: 1.5rem; line-height:2.2; }
.menu_sub {display:none; font-size:1.2rem; line-height:2; }
.menu_sub1 {display:none; font-size:1.2rem; line-height:2;} 
.menu_sub2 {display:none; font-size:1.2rem; line-height:2;}
}


.custom-link {
  font-weight: 400;
  font-size: 1.6rem!important;
  text-transform: none;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right:4rem;
  font-weight: 800;
}

.custom-link.link-sm {
  font-size: 1.2rem;
}

.custom-link:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: rgb(0,128,128);
  position: absolute;
  bottom: 0;
  z-index: 2;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.custom-link:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: none;
}

.custom-link:hover {
  }


.custom-link:hover:before {
  width: 100%;
  background: rgb(0,128,128);
}

/*Link - nemenu*/

.custom-link-n {
  font-weight: 400;
  font-size: 1.20rem;
  text-transform: none;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right:0rem;
  text-align: left;
  }

.custom-link-n.link-sm {
  font-size: 1.2rem;
}

.custom-link-n:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: rgba(0,0,0,0.8);
  position: absolute;
  bottom: 0;
  z-index: 2;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.custom-link-n:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: none;
}

.custom-link-n:hover {
  }


.custom-link-n:hover:before {
  width: 100%;
  background: rgba(0,0,0,0.8);
}

.externi-odkaz {margin: 1rem 0rem 2rem 0rem!important; text-align: left!important; float: left;}


@media (max-width:1200px){
article{ width:25%!important; height: 15rem;}
}


@media (max-width:768px){
.pulka {width:100%;float: none;}
.pulka .inp{height:100%; padding:3rem 0% 2rem 0%!important; margin:auto; line-height: 1.5;}
.dvetretiny {width:100%;float: none; text-align: center;}
.tretina {width:100%;float: none; text-align: left;}
.ctvrtina {width:100%;float: none; text-align: center;}
article{ width:50%!important;}

.bg-holder2 h2 {
  font-size: 2.0rem!important;
  line-height: 1.5;
  text-align: center;
  /*text-transform: uppercase;*/
  padding: 1.5rem  1.5rem 1.5rem  1.5rem;
  margin: 0rem!important;
  }
  
}



/*slider*/
/*********************************/
.jcarousel-wrapper {
    margin: 0rem auto 0rem auto;
    position: relative;
    border: 0px solid var(--text);                                                                                                                      
    -webkit-box-shadow: 0 0 0px var(--text);
    -moz-box-shadow: 0 0 0px var(--text);
    box-shadow: 0 0 0px var(--text);
    background-color: transparent;
}

.jcarousel-wrapper:hover > .jcarousel-control-prev, .jcarousel-wrapper:hover > .jcarousel-control-next {display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} 

/** Carousel **/

.jcarousel, .jcarousel-det  {
    position: relative;
    overflow: hidden;
    width: 100%;
    line-height:0;
    background: none;
  }

.jcarousel ul, .jcarousel-det ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li, .jcarousel-det li {
    float: left;

}

.jcarousel li .in, .jcarousel-det li .in{
    padding:4rem 0rem 2rem 0rem;
}

.jcarousel li .in1, .jcarousel-det li .in1{
    padding:0rem 1rem 0rem 1rem;
}

/*
.jcarousel li .in1 .image,.jcarousel-det li .in1 .image{ filter: contrast(1.3) grayscale(100%);
 height: 130rem; background-color: transparent; background-size: cover!important; background-position:center center!important; border-radius: 0.3rem; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
 
 .jcarousel li .in1 .image:hover, .jcarousel-det li .in1 .image:hover{filter: contrast(1.1) grayscale(0%);
 }
 */ 

.jcarousel img,.jcarousel-det img{max-width:100%;}
.jcarousel h3, .jcarousel-det h3{font-family: 'Roboto', sans-serif; sans-serif; font-size:1.7rem; color: var(--text)!important; margin:1rem 0rem!important; background: none!important; height:3.5rem!important; text-transform: none; font-style: italic}
.jcarousel h4, .jcarousel-det h4{font-family: 'Roboto', sans-serif; font-size:1.7rem; color: var(--text)!important; text-transform: none; text-align: center; text-transform: none; font-style: italic}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top:-2rem;
    width: 6rem;
    height: 6rem;
    text-align: center;
    background-color: var(--bila08)!important;
    color: var(--bila08);
    text-decoration: none;
    text-shadow: 0 0 1px var(--text);
    font: 5.5rem/5.5rem Arial, sans-serif;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0.0rem solid var(--bila08);
    display: none;
    -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}

.jcarousel-control-prev {
    left: 0px;
    background-color: var(--bila08)!important;
    background: url(../img/sipka_vlevo_slider.svg);
    background-repeat:no-repeat;
    background-size: cover; 
}

.jcarousel-control-next {
    right: 0px;
    background-color: var(--bila08)!important;
    background: url(../img/sipka_vpravo_slider.svg);
    background-repeat:no-repeat;
    background-size: cover;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: none;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: var(--bila);
    color: var(--text);
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 0px var(--text);
    -moz-box-shadow: 0 0 0px var(--text);
    box-shadow: 0 0 0px var(--text);
}

.jcarousel-pagination a.active {
    background: var(--text);
    color: var(--bila);
    opacity: 1;

    -webkit-box-shadow: 0 0 2px var(--text);
    -moz-box-shadow: 0 0 2px var(--text);
    box-shadow: 0 0 2px var(--text);
}


.b1 {border-bottom: 0.3rem solid rgba(58,110,110,100); padding: 0rem 3% 1rem 3%!important;}
.b2 {border-bottom: 0.3rem solid rgba(182,171,141,100);}
.b3 {border-bottom: 0.0rem solid rgba(117,76,67,100);}

.t1 {border-top: 0.0rem solid rgb(0,128,128); padding: 2.0rem 0% 0rem 0%!important; margin-top:0rem;  }

.text-center {text-align: center!important;}
.text-center p{text-align: center!important;}

.text-left {text-align: left!important;}
.text-left p{text-align: left!important;}

.text-justify {text-align: justify!important;};
.text-justify p{text-align: justify!important;};

iframe {width:100%; margin-top:2.5rem;}

.bg-bila {background: rgba(255,255,255,0.5); padding:1.5rem 3rem; margin-top:1rem!important;}

.bg-cervena {background: rgb(250,128,114); padding:1.5rem 3rem 1.0rem 3.0rem;  height: auto; overflow: hidden;  margin: auto!important; text-align: center!important; margin-top: -10.5rem!important;}
.bg-cervena p{text-align: center!important; font-weight: 800; color: rgba(255,255,255,1.0); font-size: 1.8rem;}
.mt0 { margin-top:0rem!important;}