:root{

--blue-color:#912D37;
--darkblue-color:#002A3B;
--lightblue-color:#0084A3;
--gray-color:#93908A;
--text-color:#64615B;
--red-color:#FF5050 ;
--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:100px;;
  height:450px;
  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:25px;
width: auto;
    text-align: center;
    margin-bottom: 25px;
    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%;
min-width:900px;
}
.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: var(--red-color);
    
    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;
}
.r250{
   width:280px;
   height:250px;
}
.r300{
  width:300px;
    height:300px;
}
.roundbox{
   border-radius:10px;
   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:#912D37;
 color:white!important;
}
.color2 .text{
color:white!important;
max-width:620px;
}
.color4{
 background-color:#FF5050;
 color:white;
}
.color3{
 background-color:#33302E;
 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){

.b50{
  border-radius:20px;;
  height:250px;
  background-color:white;
  overflow:hidden;
  text-align:center;
}

.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: 576px){
.b50{
  border-radius:10px;;
  height:200px;
  background-color:white;
  overflow:hidden;
  text-align:center;
}
}

@media (max-width: 380px){
.b50{
  border-radius:10px;;
  height:150px;
  background-color:white;
  overflow:hidden;
  text-align:center;
}
.r300{
  width:100%;
    height:100%;
}
}

.hide-lang{
 display:none;
}
#menicko{
width: 50px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100;
    height: 50px;
cursor:pointer;
    background-image: url(images/menu.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.languages{
width: 40px;
    position: fixed;
    top: 15px;
    right: 40px;
    z-index: 1200;





}

.menulogo{
  float: left;
  width: 25%;
  padding:15px;

}
.logoindex{
  text-align: right;
  float:right;
width:100%;
}
#menu {
    width: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100;
    height: 50px;
    background-color: white;
   box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.3);

}
#close{
    background: var(--blue-color) url(images/close.png) no-repeat top right;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 00px;
  
}
#menu2{
      width: 300px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100;
height:100vh;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
background: var(--blue-color);
    display:none;
}

.topheader{
   position:fixed;
   height:50px;
   z-index:2;
   width:100%;
   display:none;
   background-color:white;

}

.inner{
  position:relative;
}
.top .inner{
  max-width:100%;
}
.logo{
  float:right;
  position:relative;
top:20px;
right:50px;
z-index:30;
}


ul.smenu{
padding-left: 0px;
    list-style: none;
    margin: 0px;
 
    padding-top: 60px;
}
ul.smenu li{
padding-left: 0px;
    list-style: none;
    margin: 0px;
    font-size: 24px;
    color: white;
    font-weight: 300;
    margin-top: 5px;
padding-bottom:5px;
text-align:center;
}
ul.smenu li a{
list-style: none;
    font-size: 22px;
    color: white;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-right: 20px;
    display: list-item;
    background: url(images/zelena.png) no-repeat bottom;
}
ul.smenu li a:hover {
    list-style: none;
    font-size: 22px;
    color: white;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-right: 20px;
    display: list-item;
   text-decoration:none;
}
@media (max-width: 767px){
#menu2{
  width:100%;
    height: 100%;
 overflow-y: auto;
  position:absolute;
}
ul.smenu li{

    margin-top: 2px;
padding-bottom:2px;
}
ul.smenu li a{

    font-size: 18px;
}
h1{
  font-size:28px!important;
}
.menu{
  padding-top:10px;
}
}
.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: 209px;
    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%;
}
h2.new{
  padding-bottom:2px;
   margin-bottom:55px;
   margin-top:20px;
background: url(images/ciarkaz.gif) no-repeat center bottom;
}
h2.new a{

 color:#FF5050;
 text-decoration:none;
}
.newslink{
   position:absolute;
   background-image:url("images/polkruh.svg");
   background-position:center top;
   background-size:220px;
   width:100%;
   background-repeat:no-repeat;
   margin:auto;
    top:0px;
}
.nopadding{
  padding-left:0px!important;
  padding-right:0px!important;
}
.more{
 position: relative;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 175px;
    width:175px;
}
.more a{
  text-decoration:none;
  color:white;
}
.container2:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; 

}
.slogan{
    text-align: center;
  
    margin-top:0px;
    width: 100%;
    max-width:600px;
    background-color: #ffffff70;
border-radius:20px;
    padding: 50px;
margin:auto;
 display: inline-block;
    color: #012B3C;

top:calc(15vh - 50px);
position:relative;



}
.sloganimg{
  max-width:90%;
  min-width:150px;
}

.es{
background: url(images/esko.png) no-repeat center top;
}
.services .text{
   background:white;
}
.project ul li{
border-top: 1px dotted #007f9e;
padding-bottom: 9px;
    padding-top: 7px;

}
.project ul{
margin-left: 0px;
padding-left: 0px!important;
    padding-top: 30px;
    padding-bottom: 0px;
    margin: 0px;
 margin-bottom:25px!important;

}
.project ul li:last-child {
    border-bottom: 1px dotted #007f9e;
}
.services .inner{
  color:white;
  background-color:transparent!important;
  text-align:left;
}
.location{
background-color: #012B3C;
}
.location .inner{
  color:white;
  background-color:transparent!important;
  text-align:left;
}


.indexbg{
  position:relative;
  height:100%;
  width:100%;
  max-width:1000px;
  margin:auto;
}
.indexbg .roundbox{
   right:100px;
   position:absolute;
   top:330px;
}
h1{
  font-size: 36px;
    font-weight: 300;

}

.bgwhite{
 position:relative;
}

.text{
 
  line-height:1.4;

}
.text h2{
  
}
table{
  
}

.galleryscroll{
  overflow:hidden;
  width:100%;
  padding-top:15px;
  padding-bottom:15px;
 
}
.galleryscroll img{
  padding-left:10px;
}
.content .inner div{
   max-width:620px;
   margin:auto;
}
.r100{
  width:100%;
}
.r1000{
  width:100%;
  max-width:1000px!important;

  margin:auto;
}


@media only screen and (max-width: 767px) {
   .newslink{
 background-size:180px;
}
h2.new{
   font-size:30px;
}
}
.carousel-control.right{
  width:10%;
  background:transparent;
}
.carousel-control.left{
  width:10%;
  background:transparent;
}

.carousel-caption{
 width:100%;
 left:0px;
 right:0px;
 border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
   background: rgba(0, 0,0, .5);
 color:#7D9F33;
 text-align:right;
 height:25px;
 padding:1px;
 padding-right:20px;
 bottom:0px;
}
.box img{width:100%;
margin-top:15px;
}
#galleryCarousel{
  border-radius:15px;
}
#galleryCarousel img{
  width:100%;
border-radius: 15px;
}
.projectgallery{

}
.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:25px;
}
.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;
}
.w900{

   max-width:900px!important;
}
.mapa {
    text-align: center;
    position: relative;
   
    background-color: white;
    border-radius:10px;    

}
.mapa iframe{
   position: absolute;
    border-radius: 50%;
    top: 0; left: 0;
    z-index: 1;
}
@media only screen and (max-width: 500px) {
   
.mapa {
    
    width: 100%!important;
    height: 500px!important;
    border-radius:0%!important;   
}
.mapa iframe{
   position: absolute;
    border-radius: 0%!important;
    top: 0; left: 0;
    z-index: 50;
}
}
.splan.absolute{
  top:50px;
  right:0px;
  margin-left:25vw!important;
}

@media only screen and (max-width: 576px) {
 .siteplan{
    margin-top:100px;
}  
.r200.site{
   width:150px;
   height:150px;
}
.roundbox h4.site{
margin-top: 1px;
}
}
.g{
   cursor: pointer;
   width: 30px;
   margin-top:104px;
}
.g.prev{
float:left;
visibility:hidden;
}
.g.next{
float:right;
}

.flex{
display:flex!important;
flex-direction:row;
}
.shrink{
flex-shrink:0
}
.r1000{
  width:100%;
  max-width:1000px;
  margin:auto;
}
.newsrow{
 width:calc(100% - 70px);
 max-width:930px;
 margin:auto;
}
.r970{
  width:100%;
  max-width:930px;
  margin:auto;
}
.newsimg{
  width:100%;
  max-width:480px;
}
.news{
  padding:20px;
  padding-bottom:100px;
}

.ohidden{
  overflow:hidden;
}
.news h2{
  color:white;
background: url(images/ciarkaz.gif) no-repeat center bottom;
}
.rline{
  border-right:1px dotted white;
}
.news h3{
  font-size:22px;
  margin-top: 3px;
  margin-bottom: 3px; 
   font-weight:300;
}
@media only screen and (max-width: 767px) {
    .rline{
  border-right:0px dotted white;
}
.newsimg{
  max-width:100%;
  margin-bottom:15px;
}
.g{

   margin-top:154px;
}
}