:root{

--blue-color:#0E4D64;
--darkblue-color:#002A3B;
--lightblue-color:#0084A3;
--gray-color:#93908A;
--text-color:#64615B;
--red-color:#D16666;
--green-color:#B6C649;
}
* {
  box-sizing: border-box;
}
.bluebox{
background-color: var(--lightblue-color);
background-image:url(/images/modry-prechod-bg.svg);
background-repeat:no-repeat;
background-size: cover;
background-position: center;
height:220px;
width:100%;
border:red;
}
html, body{
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
    font-family: 'Hind', sans-serif, Open sans, Arial, Verdana, Geneva, Tahoma;
    color:black;
    font-size:15px;
    
}
body.new h3{
   font-size:24px;
}
body.new h4{
   font-size:20px;
}
.white{
  color:white;
}
.green{
  color:var(--green-color);
}
.lightblue{
  color:var(--lightblue-color);
}
.blue{
  color:var(--blue-color);
}
.darkblue{
  color:var(--darkblue-color);
}
.gray{
  color:var(--gray-color);
}
.text{
  color:var(--text-color);
}


a{
 color:#007f9e;
}
.absolute{
 position:absolute;
}
.place-left{
  text-align:left;
}

.place-right{
  text-align:right;
}

.place-center{
  text-align:center;
}
.info_text_wrapper{
 max-width: 1024px;
 margin: auto;
 position:relative;
}
.info_text ul{
  margin-left:0px;
  padding-left:20px;
  text-align:left;
  width:150px;
}
.info_text ul li:firstchild{
  list-style:none;
}
.info_text ul li{
  padding-left:0px;
  text-align:left;
  display:inline-block;
 list-style:none;
}
.b50 img{
  margin:auto;
}
.b50{
  border-radius:145px;;
  height:290px;
  background-color:white;
  overflow:hidden;
  text-align:center;
}
.img{
    padding-top: 17px;
    padding-bottom: 17px;
}
.info_text{
 position:absolute;
 left:15px;
 color:black;
 font-size:18px;
 bottom:0px;

 background-color:white;
 padding-top:4px;
 
}
.info_text img{

 border-left:3px solid white;
 border-right:3px solid white;
 height:28px;
 float:left;
 width:34px!important; 
 opacity: 1;
 filter: alpha(opacity=100); 
}
h2{
font-weight:normal;
color:#012B3C;
margin-top:15px;
width: auto;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(images/ciarka.gif) no-repeat center bottom;
font-size:36px;

}
#myCarousel{
  width:100%;
  max-height:500x;
  margin:auto;
}
.carousel-inner, .carousel{
  height:100%;

}
.carousel .item{
  height:100%;
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:center;
  background-size: 100%;

}
.bg img{
   width:100%;
}
.bg{
  max-height:100%;
  width:100%;
  position:fixed;
  overflow:hidden;
  opacity:1;
  z-index:-5;
   
}
iframe{
 border: 0px solid #9A0000;;
}


.nopadding{
padding:0px!important;
}
.bg-gray{
   background-color:#F8F7F2
}
.container2{
  width:100%;
  height:100%;
  text-align:center;
background: transparent url(images/biela_trans.png) no-repeat center center;

position:relative;

 
    padding-right: 0px;
    padding-left: 0px;
}
.inner{
 padding-top:40px; 
 padding-bottom:0px;
width:100%;
 margin:auto;
 padding-left:0px;
 padding-right:0px;
}
.content .inner{
  background-color:white;
  max-width
}
.content .inner ul{
padding-left: 15px;
    padding-top: 5px;
    margin: 0px;

}
.content .inner ul li{
padding-left: 0px;
    padding-bottom: 5px;
    list-style: none inside url(images/stvorcek.gif);

}
.top{
position:fixed;
z-index:1000;
}
#menu{
   position:fixed;
   top:7px;
   left:0px;
   color:white;
   font-size:20px;
   z-index:10000;
  cursor:pointer;
}
input{
    padding:5px;
    margin-right:10px;
    margin-bottom:10px;
    border:2px solid #E2000E;
}
input[type="submit"]{
    background-color:#EE6670;
    color:#E8E8E8;
}
.h{
  display:none;
}
.space5{
  height:5px;
}
.space10{
  height:10px;
}
.space20{
  height:20px;
}
.space30{
  height:30px;
}
.space40{
  height:40px;
}
.padding5{
  padding:5px;
}
.padding10{
  padding:10px;
}
.padding15{
  padding:15px;
}
.clear{
    clear:both;
}
.fleft{
  float:left;
}
.fright{
  float:right;
}
.third{
    width:33%;
}
.twothird{
    width:66%;
}
.half{
    width:48%;
}
.full{
    width:98%;
}

.center{
    text-align:center;
}
.content{

position:relative;
    text-align:left;
    padding:0px;
    padding-bottom:0px;
    color:#012B3C;
   font-size:15pt;
    font-weight: 300;
}
h1{
    font-size:36px;
    text-align:center; 
}
h3{
    font-size:14px;
    text-align:left;
    margin-top:10px;
    margin-bottom:10px;
}
h4{
  margin-top:7px;
  margin-bottom:10px;
  font-size:24px;
}

.footer{
   
    color:#E8E8E8;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
}
.footer h3{
    font-size:14px;
    text-align:left;
    margin-top:0px;
    margin-bottom:5px;
}
.map{
    margin-top:5px;
}

label{ padding-left:13px;}

textarea.full{
 height:70px;
margin-right:10px;
width:98%;
border:2px solid #E2000E;
 margin-bottom:10px;
}
.frwhite{
color:#E8E8E8;   
padding-top:10px;
   font-size:14px;

}
.bgwhite{
   background:rgba(255,255,255,0.7);
   padding:15px;
   font-size:14px;
   border-radius:3px;
}
.mapiframe{
  margin:15px;

}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 45px;
    background: rgb(0, 42, 59);
    background: rgba(0, 42,59, 0.9);
    width: 55px;
    height: 55px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 50%;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0px;
    top: 16px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.r200{
   width:200px;
   height:200px;
}
.r300{
  width:300px;
    height:300px;
}
.roundbox{
   border-radius:50%;
   text-align:center;
   padding:20px;
   margin:auto;
font-size:15px;
}
.roundbox ul{
  padding-lefT:0px!important;
}
.roundbox ul li{
   list-style:none!important;
  padding-lefT:0px!important;
}
.roundbox h4{
  margin-top:18px;
  margin-bottom:3px;

  font-size:20px;
}

.color2{
 background-color:#235168;
 color:white;
}
.color4{
 background-color:#002a3b;
 color:white;
}
.color3{
 background-color:#067C9C;
 color:white;
}

.boxes{
 
}

.dotright{
    border-right: 1px dotted #007f9e;
}
.logo_partner{
  
  margin:16px;
  width:60%;
   padding-bottom:35px;
  background: url(images/ciarka.gif) no-repeat center bottom;
}
.logo_container{
  display:flex;
flex-direction: row;
 flex-wrap: wrap;
justify-content: center;
align-items:center;
}
@media (max-width: 768px){
.dotright{
    border-right: 0px dotted #007f9e;
}
.inner{
  padding-left:15px;
  padding-right:15px;
}
.logo_partner{
   width:70%;
   max-height:70px;
   height:auto;
   margin:auto;
   margin-bottom:15px;
   margin-top:15px;
}

}
@media (max-width: 350px){

.r300{
  width:100%;
    height:100%;
}
}

.footer .social{
  width:40px;
  margin-top:10px;
  margin-right:20px;
  transition-duration:0.2s;
}
.footer .social:hover{
  opacity:0.75;
  transition-duration:0.2s;
}
.footer .left-dashed{
 border-color:white;
    min-height: 209px;
}
.footer{
    text-align: left;
    position: relative;
    width: 100%;
    background-color: var(--gray-color);
    min-height: 50px;
    color:white;
font-size:16px;
}
.footer a{
  color: #007f9e;
    text-decoration: none;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
   
  .footer{
  padding-top:30px;
  text-align:center;
}
  .left-dashed{ 
       border:0px!important; 
   }

}

.sleft{
    
    position: relative;
    width: 100%;
max-width: 100%!important;
    background: transparent url(images/sluzby_vlavo.png) no-repeat left bottom;
    background-size: auto 90%;
}
.sright{
   
    position: relative;
    width: 100%;
max-width: 100%!important;
    background: transparent url(images/sluzby_vpravo.png) no-repeat right bottom;
    background-size: auto 90%;
}
.mmenu{
 display:none;
}
.mmask{
  top:0px;
  display:none;
  height:100%;
  width:100%;
  background:rgba(100,100,100,0.3);

  position:fixed;
  z-index:50000;
}
.logom{
   display:none;
   background-image:url(images/sihot-park-logo-s.svg);  
   position:absolute;
   margin:auto;

  background-size: 142px 36px;
  width:142px;
  height:36px;
 background-repeat:no-repeat;
background-position-y: center;
}
.logo{
  width:142px;
  height:110px;
  background-image:url(images/sihot-park-logo.svg);
  display:inline-block;
  transition-duration: 0.5s;
  background-size: 142px 110px;
  position:relative;
  background-repeat:no-repeat;
}
.topheader.top .logo{
  width:142px;
  height:41px;
  background-image:url(images/sihot-park-logo-text.svg);
  display:inline-block;
  transition-duration: 0.5s;
  background-size: 142px 85px;
  position:relative;
background-position-y: center;
}

.languages a{
 color:white;
font-size:15px;
}
.languages{
margin-top: -32px;
    padding-top: 28px;
    padding-bottom: 2px;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 0px;
    right: 40px;
    z-index: 1200;
background-color:var(--gray-color);
border-bottom-left-radius:50%;
border-bottom-right-radius:50%;
}
.topheader{
     text-align:center;
     width:100%;
     background:white;
     height:140px;
     font-family: 'Montserrat', sans-serif;
  transition-duration: 0.5s;
  padding-bottom:1rem;
  padding-top:0.5rem;
}
.topheader.top{
     height:54px;
  transition-duration: 0.5s;
 position:fixed;
  padding-bottom:0rem;
  padding-top:0rem;


}
#menu{
   margin:auto;
   position:relative;
}
#return-index{
 display:inline-block;
}
.smenu{
   display:inline-block;
   margin-bottom:2px;
   vertical-align: bottom;
    margin-bottom: 14px;
}
.topheader.top .smenu{
vertical-align: top;  
   margin-top:3px;
}
.smenu li{
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    margin-left:16px;
    margin-right:16px;
 
    border-bottom:solid 5px white;;
 
}
.hide-lang{
display:none;
}

.smenu li a{
   color:var(--gray-color);;
   font-size:22px;
   text-decoration:none;
}
.smenu li.active,.smenu li:hover{
   border-color: var(--darkblue-color);
}
.smenu li.active a,.smenu li:hover a{
   color:var(--darkblue-color);;
}

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

#menu{
top:0px;
}
#menu_m{
  display: block;
    position: fixed;
    background-image: url(images/menu2.gif);
    margin: auto;
    margin-bottom: -32px;
    padding-top: 60px;
    background-size: 30px;
    padding-bottom: 0px;
    width: 80px;
    height: 70px;
    left: 50%;
   margin-left: -42px;
    bottom: 0px;
    z-index: 52000;
    background-color: var(--darkblue-color);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%; 
    background-repeat:no-repeat;
     background-position: center 10px;
}
#menu_m.close{
   background-image: url(images/close.svg);

   background-size:16px;
   
}  
 .smenu{
       display:none;
    }
.mmenu{
     width:100%;
     position:fixed;
     bottom:0px;
 z-index:51000;
 background:white;
display:none;
  transition-duration: 0.5s;
}
.mmenu li{
    display:block;
    padding-top:8px;
    padding-bottom:8px;

    margin-bottom:8px;
  text-align:center; 
background: url(images/ciarka.gif) no-repeat center bottom;
     
}
.mmenu li.noline{
background:none;
}
.mmenu li a{
   color:var(--gray-color);;
   font-size:26px;
   text-decoration:none;
}


.topheader{
  transition-duration: 0s;
padding-top: 0.5rem;
height:90px;
   
}
.topheader.top{
 height:54px;
  transition-duration: 0s;
padding-top: 0.5rem;
}
.logom{
display:block;
}
.logo{
 transition-duration: 0s;
    height: 72px;
    background-size: 142px 72px;
}
.topheader.top .logo{
  width:142px;
  height:41px;
  background-image:url(images/sihot-park-logo-ss.svg);
  display:inline-block;
  transition-duration: 0s;
  background-size: 142px 85px;
  position:relative;
background-position-y: center;
}

}
.carousel-indicators{
 bottom:20px;
}
.carousel-indicators li{
  width:10px;
  height:10px;
  cursor:pointer;
  border:1px solid white;
  border-radius:50%;
  background-color:transparent;
}
.carousel-indicators li.active{
  background-color:white;
}
.carousel-item{
  background-size:cover;
background-position:center;
 height:590px;
 
}
.carousel-inner{

}
.bg{
    max-height: 580px;
    width: 100%;
    position: relative;
    overflow: hidden;
    opacity: 1;
    z-index: -5;
}
.bg img{
height:auto;
}

@media only screen and (max-width: 1200px){
.carousel-item{
  height:500px;
}
}
@media only screen and (max-width: 992px){
.carousel-item{
  height:400px;
}
}

@media only screen and (max-width: 767px){
.bluebox {
    height: 300px;
}
.carousel-item{
  height:300px;
}
}


.box-contact .mailin{
display:block;
width:60px;
height:60px;
position:relative;
padding:0;
margin-top:20px;
}
.box-contact .mailin img.top{
display:none;
position:absolute;
top:0;
left:0;
transition-duration:0.2s;
}
.box-contact .mailin:hover img.top{
display:block;
transition-duration:0.2s;

}
.box-contact h3{
 font-size:24px;;
}
.box-contact a{
display:block;
padding-left:40px;
}
.box-contact a.email{
  background-image:url(/images/mail-small.svg);
  background-repeat:no-repeat;
}
.box-contact a.phone{
  background-image:url(/images/mobil.svg);
  background-repeat:no-repeat;

}

.qmenu{
  margin-top:-45px;
  font-family: 'Montserrat', sans-serif;
  font-size:22px;
 color:var(--red-color);
    padding: .4rem 1rem;
 border-bottom:5px solid var(--red-color);
width:fit-content;
  font-weight:400;
}
.left-dashed{
   border-left:1px dashed var(--gray-color)
}

@media only screen and (max-width: 767px){
.qmenu{
    margin:auto;
}
.box-contact{
    text-align:center;
} 
.box-contact h3{
    text-align:center;
}
.box-contact a{
width: fit-content;
margin:auto;

} 


}
.roundproject hr{
 margin:auto;
 margin-bottom:10px;

border:0;
border-top:2px solid #A6CE39; 
width:60px;
}
.roundproject h4{
  font-size:24px;
 
  margin-bottom:0px;
  padding-bottom:10px;
  margin-top:80px;
}
.roundproject{
  padding:30px;
  font-size:16px;
  margin-bottom:15px!important;
}
.r1{
  background-image:url(images/lokalita_icon.svg);
  background-repeat:no-repeat;
  background-position:center 60px;
  background-size: 60px 40px;
}
.r2{
  background-image:url(images/dostupnost_icon.svg);
  background-repeat:no-repeat;
  background-position:center 60px;
  background-size: 60px 40px;
}
.r3{
  background-image:url(images/standard_icon.svg);
  background-repeat:no-repeat;
  background-position:center 60px;
  background-size: 60px 40px;
}
.icobig{
    position: absolute;
  
    top: -90px;
    text-align: center;
    width: 100%;
margin-left:-15px;
}
.icobig img{
width:60px;
height:60px;
}
.box-contact{
  color:var(--blue-color);
  font-size:20px;
}

.bottommenu{
  margin-top:-45px;
  font-family: 'Montserrat', sans-serif;
  font-size:22px;
}
.bottommenu .nav-tabs{
 border:0;
}
.bottommenu .nav-link{
 color:var(--lightblue-color);
 border:0;
 border-radius:0px;
    padding: .4rem 1rem;
 font-weight:400;
 border-bottom:5px solid var(--lightblue-color);
}
.bottommenu .nav-link:hover{
 color:var(--darkblue-color);
 border:0;
  background:white;
 border-radius:0px;
 border-bottom:0px solid var(--lightblue-color);
 border-top:5px solid var(--lightblue-color);
transition-duration:0.2s;
}
.bottommenu .nav-link.active{
  color:var(--darkblue-color);
 border-bottom:0px solid var(--gray-color);
 border-top:5px solid var(--blue-color);
}
.bluebox{
  padding-top:66px;
}
.bluebox .white{
font-size:36px;
letter-spacing: 0.25px;

}
.bluebox .green{
font-size:16px;
}
.bluebox .dashed{
border-bottom:1px dashed var(--green-color);
width:fit-content;
margin:auto;
}



@media only screen and (max-width: 1200px) {
.bluebox .white {
    font-size: 32px;
    letter-spacing: 0.25px;
}
}

@media only screen and (max-width: 992px) {
.bluebox .white {
    font-size: 26px;
    letter-spacing: 0.25px;
}
}

@media only screen and (max-width: 767px) {
.icobig{
top:-62px;
}
.bluetext{
     margin-top:-30px;
}

.bottommenu{
   margin-top:20px;
}
.bottommenu .nav-link{
  width:100%;
  text-align:center;
}
.bottommenu .nav-link.active{
   border-top:0px;
   border-bottom:5px solid var(--blue-color);
}
}

.box{
border:1px solid lightgray;
position:absolute;
width:15%;
height:20%;
min-width:120px;
min-height:150px;
display:none;
text-align:center;
color:black;
}
.box h3{
  text-align:center;
  font-size:150%;
}
#sb{
left:70%;
top:3%;
background-color:#FF7F7F;
}
#sc{
left:6%;
top:5%;
background-color:#0084A3;
}
#sd{
left:30%;
top:7%;
background-color:#B6C649;
}