@media (min-width: 1100px) {
  .container {
    max-width: 1050px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1150px;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1250px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1450px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1550px;
  }
}

@media (min-width: 1700px) {
  .container {
    max-width: 1650px;
  }
}

@media (min-width: 1900px) {
  .head-main .container {
    max-width: 1850px;
  }
}

html { scroll-behavior: smooth; }
body {font-family: 'Montserrat', sans-serif; padding-top:170px;    overflow-x: hidden; line-height:1.7}

#hlavni .h1, #hlavni .h2, #hlavni .h3, #hlavni .h4, #hlavni .h5, #hlavni .h6, #hlavni h1, #hlavni h2, #hlavni h3, #hlavni h4, #hlavni h5, #hlavni h6 {
  line-height:1.5;
}
#hlavni h2 {
  color:#f47e0c;
  font-weight:bold;
  margin-top:0.5em;
}
#hlavni h3 { 
  margin-top:1em;
}
.carousel-item { transition: transform 2s ease, opacity .5s ease-out }

.navbar {
  z-index:1000;
  /*background-color: rgba(28,56,160,0.7) !important;*/
  background-color: rgba(244,126,12,0.8) !important;  
}

.navbar-brand img {
    height:100px;
  }

.navbar-fixed-top {
  /*min-height:170px;*/
}

.navbar-collapse {
  z-index:1000;
}

.navbar-fixed-top.scrolled {
  /*background-color: rgba(0,0,0,0.7) !important;*/
   /*background-color: rgba(28,56,160,0.7) !important;*/
   background-color: rgba(244,126,12,0.8) !important; 
  transition: background-color 400ms linear;
  height:100px;
}

.subpage .navbar {
  /*background-color: rgba(0,0,0,0.7) !important;*/
    /*background-color: rgba(28,56,160,0.8) !important;*/
    background-color: rgba(244,126,12,0.8) !important; 
}

.navbar-fixed-top.scrolled .nav-link {
  color:#fff;
}
.navbar-fixed-top.scrolled .navbar-brand img {
  height:80px;
  transition: all 500ms ease 0ms;
} 



.navbar-expand-lg .navbar-nav .nav-link {
  padding-left:1em;
  padding-right:1em;
}


.navbar-nav .nav-link {
  color:#fff;
  text-transform:uppercase;
  font-weight:500;
}


.navbar-nav .nav-link:hover {
  background:#fff;
  color:#000;
}

.navbar-toggler {
  background-color:#fff;
  border-radius:0;
  color: rgba(0,0,0,.5);
  border-color: rgba(0,0,0,.1);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* makes main-menu open on hover */
.dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu {
  border-radius:0;
}

.dropdown-item:hover {
   background-color: rgba(28,56,160,0.2);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width:32px;
  height:32px;
}


.bgwhite {
  background:#fff;
  color:#000;
}

.bgwhite .odsad {
  padding-left:30px;
  padding-right:30px;
  padding-top:50px;
  padding-bottom:50px;
}

.carousel {
  /*position:Absolute;*/
  top:0;
  z-index:10;
  margin-top:-170px;
}
 
.m-t-4 {
  margin-top:4em;
}
.m-t-3 {
  margin-top:3em;
}
.m-r-2 {
  margin-right:2em;
}

.bg-black {
  background-color: #000000 !important;
}    

.menuobal {
  position:relative;
}

  .overlay {
    background:transparent;
    position:relative;
    width:100%;
    height:600px; 
    top:600px; 
    margin-top:-600px;
}

#oteviraci-doba .tab-content {
  background:#0c0c0c;
  border:1px solid #191919;
  padding:20px;
}

#oteviraci-doba .ctverec {
  background:#fff;
  color:#000;
  width:250px;
  padding:20px;
  text-transform:uppercase;
  font-weight:700;
  margin-top:20px;
}

#oteviraci-doba .tab-content p {
  padding:10px;
}

#oteviraci-doba .nav-tabs {
  border:0;              
}

#oteviraci-doba .nav-tabs .nav-link {
  border:0;             
}

#oteviraci-doba a.nav-link {
  color:#8f8f8f;
}

#oteviraci-doba {
  color:#8f8f8f;
  font-weight:300;
}

#oteviraci-doba a.nav-link.active {
  color:#fff;
  border-bottom:1px solid #fff;
}

#oteviraci-doba  table td, .table th {
  border:0;
  border-bottom:1px solid #191919;
}

#oteviraci-doba  table td {
  color:#fff;
  font-weight:700;

}

#oteviraci-doba  table th {
  color:#8f8f8f;
  font-weight:300;
}

#oteviraci-doba .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  font-weight:700;
  color:#fff;
  background:none;
  border-color:#fff;
  border-bottom:1px solid #fff;
}

#story {
  margin-top:9em;
  margin-bottom:7em;
}

#story img {
  max-width:100%; 
  margin-top:1em; 
}

#story h2 {
  font-weight:800;
  font-size:32px;
  margin-bottom:1em;
}

#story p {
  font-weight:300;
  line-height:1.8;
  
}
#story p strong {
  font-weight:800;
  font-size:17px;
  margin-bottom:2em;
  display:block;
}

#oteviraci-doba {
  background:#000 url("../img/oteviracka.jpg") no-repeat center top;
  min-height:800px;
  padding-top:7em;
  padding-bottom:5em;
}

#oteviraci-doba .container {
  width:60%;
}


#oteviraci-doba h2 {
  color:#fff;
  font-weight:300;
  font-size:24px;
  margin-bottom:3em;
}

#oteviraci-doba h3 {
  color:#fff;
  font-weight:800;
  font-size:90px;
  margin-bottom:1em;
}

#oteviraci-doba .otv {
  margin-bottom:7em;
  font-size:15px;
}

#oteviraci-doba .otv span {
  color:#fff;
  font-size:24px;
  font-weight:800;
}

#virtual {
  position:Relative;
  text-align:center;
}

#virtual .blok {
    overflow: hidden;
}
#virtual img {
  max-width:100%;

  transition: transform 0.5s linear;
}
#virtual img:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
  cursor: pointer;
}  
  
#virtual span.virt {
  position:absolute;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#fff;
    font-size:34px;
    font-weight:500;
}
#virtual span.play {
  background:url("../img/play2.png") no-repeat center top;
  width:108px;
  height:88px;
  display:block;
  margin:0 auto;
}



.menu2 {
  text-align:right;
}
.menu2 a {
  color:#fff;
  font-weight:bold;
  height:30px;
  line-height:30px;
  

}
.menu2 a.active span{
  color:#272727;
  background:#fff;
  padding:3px;
}
.menu2 a.lang {
  margin-right:0.7em;  
}

.menu2 span.icopeople {
  width:24px;
  height:24px;
  display:inline-block;
  background-image: url("../images/ico_people.png");
  background-repeat:no-repeat;
  margin-left:1em;
  margin-right:0.2em;
}

@media (max-width:1080px) {
  #oteviraci-doba .container {
    width:100%;
  }
}

@media (max-width:880px) {
  body {
    padding-top:100px;
  }
  .navbar {
    background-color: rgba(0,0,0,0.7) !important;
  }
  .carousel {
    margin-top:0;    
  }
  .navbar-brand img {
    position: absolute;
    left: 10px;
    top: 10px;
    height:80px;
  } 
  .navbar-fixed-top.scrolled .navbar-brand img {

    height: 100px;

}

    .mr-auto, .mx-auto {

    margin-right:0 !important;
  }
  
  .mr-auto {
    margin-top:42px;
  }
  
  .navbar-nav {
    background:black;
    padding-left:15px;
    padding-right:15px;
    margin-right:60px !important;
  } 
  .navbar-fixed-top {
    min-height:100px;
  }
  .navbar-toggler {
    position:absolute;
    right:15px;
    top:30px;
  }
  
  .navbar-fixed-top.scrolled .navbar-brand img {
  height:80px;
} 
  


}

@media (max-width: 800px) {
 .menu2 a {
  text-align:right;
    display:table-row;
}
}

@media (max-width: 650px) {
 .menu2 a {
  text-align:right;
    display:table-row;
}
}



.nav {
  margin-right:10em;
}

@media (max-width: 720px) {
  .nav {
    margin-right:0;
  }
}

.container-fluid {
   padding: 0px;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;

  & > [class^="col-"],
  & > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}


.nav-button{position:relative; z-index:1111; border:solid 1px #f8f8f8;  height:42px; display:block; width:50px; padding:12px;}
.nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#FFFFFF;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button #nav-icon3 span:nth-child(1){top:0}
.nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
.nav-button #nav-icon3 span:nth-child(4){top:14px}

.nav-button:after {
    content:"menu";
    right:-60px;
    top:7px;
    position:absolute;
    width:50px;
    color:#fff;
    font-weight:bold;
}

.nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
.nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}


.carousel-control-next, .carousel-control-prev {
  width:5%;
}

#hlavni {
  margin-top:2em;
  margin-bottom:5em;
}

#hlavni .text a {
  text-decoration:underline;
  color:#1c38a0;
}

#hlavni .text a:hover {
  color:#000;
}
#hlavni p a {
  text-decoration:underline;
  color:#000;
}

#hlavni table th {
  background:#666;
  color:#fff;
}


 .radek {
  margin-bottom:2em;
}
#hlavni p a:hover {
  color:#005597;
}

#hlavni h1 {
  font-size:4em;
  font-weight:700;
}
#hlavni .likeh1 {
  font-size:3em;
  font-weight:700;
}

#akce {
  height:100%;
  margin-bottom:50px;  
}

.btn {
  border:1px solid #000;
  padding-top:8px;
  padding-bottom:8px;
  font-size:16px;
  text-transform:uppercase;
  padding-left:50px;
  padding-right:50px;
  border-radius:0;
  margin-bottom:1em;
  margin-top:1em;
}
.btn:hover {
  background:#000 !important;
  color:#fff !important;
  -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.btn-reverse {
  background:#000 !important;
  color:#fff !important;
}

.btn-reverse:hover  {
  background:#fff !important;
  color:#000 !important;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.btn-blue {
  background:#1c38a0 !important;
  color:#fff !important;
  padding-top:8px;
  padding-bottom:8px;
  border:0;
  margin-top:0;
  border:1px solid #1c38a0;
}

.btn-blue:hover  {
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}


#akce h1 {

  font-weight:700;
  font-size:4em;
  margin-top:1em;
  margin-bottom:1em;
}

#akce a.akcekal {
  font-weight:300;
  color:#000;
  background-image: url("../images/sipka1.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  padding-bottom:0.8em;
  min-width:190px;
  display:block;
}

#akce a.akcekal:hover {
 background-image: url("../images/sipka2.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  text-decoration:none;
}

#akce img {
  max-width:100%;
}

.clear { clear:both;}

.akceitemuvod:hover  {
  cursor:pointer;
}
.akceitemuvod h2 {
  position:absolute;
  bottom:20px;
  padding-left:30px;
  padding-right:30px;
  color:#fff;
  font-weight:800;
  font-size:30px;
}
.akceitemuvod h2 a {
  color:#fff;
}

.akceitemuvod .rek {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  
}
.akceitemuvod .rek a {
    background:rgba(255,0,0,0.8);
    padding:10px;
  color:#fff;
  font-weight:800;
  font-size:24px;
  display: block;
  text-align: center;
}

.akceitemuvod {
overflow: hidden;
}

.akceitemuvod img {
  transition: transform 0.5s linear;
}
.akceitemuvod img:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
  cursor: pointer;
}

.akceitem {
  margin-bottom:3em;
}
.akceitemuvod {
  margin:0;
}

.akceitem h2, .akceitem h3 {
  margin-left:20px;
}
.akceitem h2 {
  font-size:1.2em;
  font-weight:700;
   text-shadow: 2px 2px #ffffff;
   background-color: rgba(255, 255, 255, 0.7);
   padding:5px;
}

.akceitem h3 {
    font-size:2em;
  font-weight:700;
  color:#000;
   text-shadow: 2px 2px #ffffff;
   background-color: rgba(255, 255, 255, 0.7);
   padding:5px;
}

.akceitem h2 a:hover, .akceitem h3 a:hover {
  text-decoration:none;
}

.akceitem h3 a {
  color:#000;
  
}

.akceitem img {
  transition-property: transform;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.akceitem:hover {
  cursor: pointer;
}

.akceitem:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
  cursor: pointer;
}

.akceitem:hover h2, .akceitem:hover h3 {
  margin-left:-2em;
  margin-right:2em;
  text-decoration:none;
  text-shadow: 2px 2px #ffffff;
  transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
  cursor: pointer;

}

 .akceitem:hover h3 {
  margin-right:3em;
 }
 
 
.vertical-center {
  min-height: 100%;  
  min-height: 100vh;

  display: flex;
  align-items: center;
}


#hlavni .text  .submenu {margin-bottom:2em; text-align:center}

#hlavni .text .rek {
  width:100%;
  
}
#hlavni .text  .rek a {
    background:rgba(255,0,0,0.7);
    padding:10px;
  color:#fff;
  font-weight:800;
  font-size:24px;
  display: block;
  text-align: center;
  text-decoration:none;
}
#hlavni .text  .rek a:hover {
background:rgba(255,0,0,1);
text-decoration:underline;
}

#hlavni .text  .submenu:hover h3 {
  background:#333;
}

#hlavni .text  .submenu h3 {
  background:#000;
  padding:10px;
  color:#fff;
  margin:0;
  font-size:1.2em;
  font-weight:700;
}

#hlavni .text .submenu h3 a {
  color:#fff;
  text-decoration:none;
}

#hlavni .text .submenu  h3 a:hover  {
  text-decoration:none;
}


#hlavni .text .submenu  img  {
  max-width:100%;
  -webkit-transition-property:transform;
  -moz-transition-property:transform;
  -o-transition-property:transform;
  transition-property:transform;
  -webkit-transition-duration:.5s;
  -moz-transition-duration:.5s;
  -o-transition-duration:.5s;
  transition-duration:.5s;
  -webkit-transition-timing-function:ease;
  -moz-transition-timing-function:ease;
  -o-transition-timing-function:ease;
  transition-timing-function:ease; 
}

#hlavni .text .submenu  .photo {
    max-height: 150px;
    overflow: hidden;
}


#hlavni .text .submenu:hover img {
transform:scale(1.05);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s; 

}




ul.submenu2 {margin:25px 0 0; padding:0; }
ul.submenu2 li{background:#333 none repeat scroll 0 0;    color:#fff;    display:inline-block;   margin-bottom:10px;    margin-right:2px;    list-style:none;}
ul.submenu2 li.nadpis { padding:15px; background:#fff; color:#333;}
ul.submenu2 li a {color:#fff; display:block; width:100%; height:100%; padding:15px; }
ul.submenu2 li:hover, ul.submenu2 li.active { background:#f47e0c; }
ul.submenu2 li a:hover { color: #fff; }

.akce-detail .vyrazne{background:#3a3a3a;  padding:0.5em;  color:#fff;  font-weight:bold;  font-size:1em;}
.akce-detail .akce-info{margin:25px 0 0; padding:0; }
.akce-detail .akce-info li{background:#3a3a3a none repeat scroll 0 0;    color:#fff;    float:left;    margin-bottom:10px;    margin-right:2px;    padding:15px;    list-style:none;}
.akce-detail .akce-info li.rev{background:#1c38a0 none repeat scroll 0 0;    color:#fff;    float:left;    margin-bottom:10px;    margin-right:2px;  padding:0;     list-style:none;}
.akce-detail .akce-info li.rev a { color:#3a3a3a; display:block; text-decoration:none; padding:15px; color:#fff;}
.akce-detail .akce-info li.rev:hover { background:#005597 } 
.akce-detail .akce-info li.sed{background:#ddd none repeat scroll 0 0;    color:#fff;    float:left;    margin-bottom:10px;    margin-right:2px;  padding:0;     list-style:none;}
.akce-detail .akce-info li.sed a { color:#3a3a3a; display:block; text-decoration:none; padding:15px; }
.akce-detail .akce-info li.sed:hover { background:#ccc }

.akce-detail-galerie{ padding-left:0; padding-right:1em; margin-bottom:1em;}
.akce-detail-galerie h2{background:#00355f;  color:#fff;  padding:1em;}
.akce-detail-galerie a{width:200px;  height:200px;  overflow:hidden;  display:inline-block;  text-align:center; margin:0.5em }
.akce-detail-galerie a:hover {
  transform: scale(1.05);
  transition: all .5s;
}
.akce-detail img {
  max-width: 100%;
 }
 

#hlavni a.sipkadolu {
  font-weight:300;
  color:#000;
  background-image: url("../images/sipka-dolu1.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  padding-bottom:40px;
  min-width:190px;
  display:block;
  text-decoration:none !important;
}

#hlavni a.sipkadolu:hover {
  background-image: url("../images/sipka-dolu2.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  text-decoration:none !important;
  color:#000 !important;
}



#pronajem {
  max-width:100%;
  background-image: url("../img/pronajem.jpg");
  background-position:left top;
  background-repeat:no-repeat;
  height:985px;
  padding-top:11em;
  padding-bottom:6em;
  color:#fff;
}

#pronajem h2 {
  font-weight:700;
  font-size:2em;
  margin-bottom:1em;
}

#pronajem h3 {
  font-weight:500;
  font-size:20px;
  color:#666;
}

#pronajem h4 {
  font-weight:700;
  font-size:20px;
}

#pronajem p strong {
  font-weight:500;
  font-size:18px;
  margin-bottom:1em;
}




#pronajem a.pronajemvice {
  font-weight:300;
  margin-top:1em;
  color:#fff;
  background-image: url("../images/sipka1r.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  padding-bottom:0.8em;
  min-width:207px;
  display:inline-block;
  margin-right:3em;
}

#pronajem a.pronajemvice:hover  {
    background-image: url("../images/sipka2r.png");
    text-decoration:none;
}

#partneri  {
  max-width:100%;
  padding-top:5em;
  padding-bottom:5em;
  background-size:100%;
}

#partneri img {
  max-width:100%;
}

#partneri img:hover {
    transition-property: transform;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transform: scale(1.05);
}

#fcb {
  padding-top:3em;
  padding-bottom:2em;
  background-color:#1c38a0;
  margin-top:5em;
  color:#fff;
  font-size:24px;
  font-weight:800;
}

#fcb a {
  color:#fff;
}
#footer {
  color:#000;
  padding-top:3em;
  padding-bottom:3em;
  font-size:20px;
}


#footer span a {
  color:#000;
  text-decoration:underline;
}

.tecka-red {
  width:12px;
  height:12px;
  display:inline-block;
  background:url('../img/bull_red.png') no-repeat center center;
  margin-right:10px;
}

.tecka-green {
  width:12px;
  height:12px;
  display:inline-block;
  background:url('../img/bull_green.png') no-repeat center center;
  margin-right:10px;
}

 #footer .small2 {
  display:inline-block;
  padding-top:19px;
  text-transform:uppercase;
  font-weight:700;
 }




#footer2 {
  color:#333;
  padding-top:3em;
  padding-bottom:2em;
  background:#f1f1f1;
}

#footer2 p a {
  color:#333;
  text-decoration:underline;
}

#footer2 p a:hover {
  color:#1c38a0;
}

#footer3 {
  margin-bottom:4em;
}

	#labels .active {font-weight: bold}
  #labels .active span {font-weight: bold; background:#000; color:#fff;}
	#label {display:none; position: absolute; background-color: #000; padding: 4px 7px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold}

#labels li {
  list-style:none;
  margin-bottom:0.5em;
  font-size:1.3em;
  font-weight:700;
}  

#labels li span {
 width:50px;
  height:50px;
  line-height:50px;
  border:2px solid #000;
  text-align:Center;
  display:inline-block;
  color:#000; 
  margin-right:1em;
}


@media (max-width: 770px) {
   
  
  .akceitem:hover h2, .akceitem:hover h3 {
  margin-left:0em;
  margin-right:2em;
  text-decoration:none;
  text-shadow: 2px 2px #ffffff;
  transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
  cursor: pointer;

}

#mapa-arealu h2 {
  margin-bottom:1em;
}

#partneri {
  padding-top:5em;
  padding-bottom:5em;
}

#labels li {
  margin-bottom:0.1em;
}
#labels li span {
  height:24px;
  width:24px;
  line-height:24px;

}


}




.btnSubmit
{
    width: 50%;
    /*border-radius: 1rem;*/
    padding: 1.5%;
    border: none;
    cursor: pointer;
}


.logafooter {
  margin-top:2em;
  margin-bottom:5em;
}

.logafooter img {
  margin-left:15px;
  margin-right:15px;
  vertical-align:bottom;
  margin-bottom:20px;
}

.logafooter img:hover {
    transition-property: transform;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transform: scale(1.05);
}




.error-ok {
  background:red;
  color:#fff;
  padding:10px;
  font-size:1em;
  margin:2em;
  font-weight:700;
}

.error-ok2 {
  background:green;
  color:#fff;
  padding:10px;
  font-size:1em;
  margin:2em;
  font-weight:700;
}


#hlavni ul.steps {
  padding:0;
}

#hlavni ul.steps li {
  float:left;
  list-style:none;
  margin-right:1px;
  margin-bottom:1px;
  text-align:left;
  
}

#hlavni ul.steps li a {
  background:#1c38a0;
  color:#fff;
  text-align:left;
  padding-left:15px;
  padding-right:15px;
  padding-top:10px;
  padding-bottom:10px;
  display:block;
  font-size:22px;
  line-height:1.0;
  text-decoration:none;
}

#hlavni ul.steps li a:hover {
  background:#666;
}

#hlavni ul.steps li a small {
  font-size:14px;
}

#hlavni ul.steps li a.active {
  background:#000;
  color:#fff; 
  font-weight:bold;
}    

#hlavni ul.steps li a.active {
  padding-bottom:20px;
}

#hlavni input.submit {
  background:#ff1d1d;
  color:#fff;
  padding:15px;
  border:1px solid #f70000;
  float:right;
  cursor:hand;
  font-weight:700;
}

#hlavni input.submit:hover {
  background:#333;
  border:1px solid #000;
}


.cleaner {
  clear:both;
}

.red {
  color:Red;
}

table.formular {
  width:100%;
}

table.formular tr th, table.formular tr td{
  padding:5px;
  padding-right:15px;
}


table.formular tr th {
  background:#eee;
  border-bottom:1px solid #fff;
}

table.formular3 tr:nth-child(even) {background: #eee}
table.formular3 tr:nth-child(odd) {background: #FFF}

table.formular tr td.text { 
  font-weight:bold;
}


table.formular tr th.nadpis {
  background:#1c38a0;
  color:#fff;
}

table.formular tr td.dop, table.formular tr th.dop {
text-align:right;
}

table.formular tr th.no {
 background:none;
}

table.formular h3 {
 background:#1c38a0;
 color:#fff;
 font-size:1.1em;
 padding:3px;
 margin-top:1em;
}

.w70 {
  width:70px;
  text-align:right;
}

#fotogalerie {
  margin-top:5em;
  margin-bottom:5em;
  padding-top:5em;
  padding-bottom:5px;
  background:#f47e0c;
}

#fotogalerie h2 {
  font-weight:800;
  font-size:48px;
  margin-bottom:0.3em;
  margin-top:0;
  color:#fff;
}
#fotogalerie h3 {
  margin-bottom:2em;
  font-size:24px;
  font-weight:500;
  color:#fff;
}

#fotogalerie img {
  object-fit: cover;
  overflow:hidden;
  width:250px;
  height:250px;
  max-width:100%;
}

#fotogalerie .odsadit {
  margin-bottom:4em;
  margin-top:2em;
}

#fotogalerie img {
  transition: transform 0.5s linear;
}

#fotogalerie img:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
  cursor: pointer;
} 

#akce2 {
  margin-top:7em;
  margin-bottom:7em;
}

#akce2 h2 {
  font-weight:800;
  font-size:48px;
  margin-bottom:1.5em;
  margin-top:0;
}

#akce2 h3 a {
     font-weight: 700;
    font-size: 24px;
    color: #000;
    text-decoration: underline;
}

#akce2 img:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
  cursor: pointer;
} 


#news {
  margin-top:6em;
  margin-bottom:1em;
  padding-bottom:4em;
  background:#ffc68f;
}

#hlavni #news {
  background:#fff;
}

#news h2 {
  font-weight:800;
  font-size:48px;
  margin-bottom:1em;
  margin-top:1em;
}

#news h3 {
  margin:0; padding:0;
  font-weight:700;
  font-size:24px;
}
#news h3 a {
  color:#000;
  text-decoration:underline;
}

#news p.date {
  font-size:15px;
  font-weight:300;
}

#news img:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
  cursor: pointer; 
}




.list-news__item, .list-news__item__more {
    display: inline-block;
}

.list-news{padding:0;margin:0 -1.125rem;list-style:none;font-size:0;line-height:1.1875rem}
.list-news__item {
  vertical-align:top;
  padding:0 1.125rem 2.8125rem;
  width:25%;
  text-align:left;
  font-size:0.9125rem;
  font-weight:400;
  cursor:pointer;
}
.list-news__item:hover {
  transform: scale(1.05);
  transition: all .5s;
}
.list-news__item__image{
  position:relative; 
  height:250px;
  overflow:hidden; 
  margin-bottom:1em;
}             
.list-news__item__image .datum {
  position:absolute;
  right:10px;
  top:10px;
  background:#f47e0c;
  color:#fff;
  font-weight:700;
  font-size:20px;
  padding-left:10px;
  padding-right:10px;
}
.list-news__item__image img {
  max-width:100%; /*max-height:100%;*/ 
  position:absolute;left:0;right:0;margin:auto;bottom:0;top:0;width:100%;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}

.list-news__item__in:hover .list-news__item__image img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.list-news__item__title a,.list-partners__item__in img{-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease}
.list-news__item__date { 
  left:30px;
  top:1.8em; 
  font-weight:700; 
  position:absolute; 
  font-size:1.0em; 
  color:#999;
}
.list-news__item__title { left:30px; right:30px; top:2.2em; font-weight:700; position:absolute; font-size:1.6em;}
.list-news__item__title p { font-size:16px; font-weight:normal; padding-top:1em; color:#fff;}
.list-news__item__title a {color:#fff; text-decoration:none;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-o-transition-duration:250ms;transition-duration:250ms;-o-transition-timing-function:ease;transition-timing-function:ease;}
.list-links__item__desc,.list-partners__item__in img{-o-transition-duration:250ms;-o-transition-timing-function:ease}
.list-news__item__in .maska {
  background-image: url('../images/bg_gradient_news.png');
   height:100%; 
   width:100%;

  }

  
.navysku { background-size: 100% auto; background-repeat: no-repeat; }
.nasirku { background-size: auto 100% ; background-repeat: no-repeat; }


.list-news__item__more { 
  color:#fff;
  text-decoration:none;
  font-weight:300; 
  position:absolute; 
  bottom:1em; 
  left:30px;}
  
.list-news__item__more:hover { color:#fff;text-decoration:none;}


a.list-news__item__more {
  font-weight:300;
  margin-top:4em;
  background-image: url("../images/sipka1r.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  padding-bottom:0.8em;
  min-width:210px;
  display:inline-block;
  margin-right:3em;
}

a.list-news__item__more:hover, .list-news__item__in:hover a.list-news__item__more{
  background-image: url("../images/sipka2r.png");
  background-repeat:no-repeat;
  background-position:bottom left;
  text-decoration:none;
}



@media screen and (max-width:59.9375em){.list-news{margin:0 -0.4375rem}
.list-news__item{padding:0 0.4375rem 2.8125rem}
.list-news__item__title{font-size:1.2rem;padding:0.9375rem 0 0.625rem}
}
@media screen and (max-width:47.9375em){.list-news__item{width:50%}
.list-news__item--long{width:100%}
}
@media screen and (max-width:29.9375em){.list-news__item{width:100%}
.list-partners{margin:0 -1.25rem 0.9375rem;display:block;font-size:0}
.list-partners__item{display:inline-block;vertical-align:middle;width:50%}
}

.download {
  padding-left:40px;
  margin-bottom:4em;
}
.download ul {
  list-style-type:none;
}

.download ul li {
  color:#888;
}
.download h3 {
  font-weight:700;
}

.prostory {
  text-align:Center;
  margin-bottom:2em;

}

.prostory:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all .5s;     
}

.prostory .maska {
  background-image: url('../images/bg_gradient.png');
   height:100%; 
   width:100%;
   background-repeat:repeat-x;   
   
  }


#hlavni .text .prostory h3 {
  margin:0;
  position:absolute;
  top:20px;
  left:45px;
  font-size:1.5em;
  
}

#hlavni .text .prostory h3.white a {
  color:#fff;
  text-decoration:none;
  font-weight:700;
}

#hlavni .text .prostory h3 a {
  color:#888;
  text-decoration:none;     
}

#hlavni .text .prostory h4 {
  margin:0;
  position:absolute;
  top:50px;
  left:45px;
  font-size:2.2em; 
}

#hlavni .text .prostory h4 a {
  color:#fff;
  text-decoration:none;
  font-weight:700;
  
}


#hlavni .text .prostory h3 a:hover  {
  text-decoration:none;
}

.prostory .photo {
  max-height:350px;
  overflow:hidden;
}

.prostory img {
  max-width:100%;
  -webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease 
}

.prostory:hover img {
  transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s
}




@media (max-width: 1699px) {
 .prostory .photo {
    max-height:230px;
 }
 .prostory h3{
    font-size:1.2em;
 }  
 .submenu .photo {
    max-height:105px;
 }
 .submenu h3{
    height:64px;
 }   
             
}

@media (max-width: 1199px) {
 .prostory .photo {
    max-height:180px;
 }
 .prostory h3{
    font-size:1em;
 }
}

@media (max-width: 991px) {
 .prostory .photo {
    max-height:140px;
 }
 .prostory h3{
    font-size:1.3em;
 }
}

@media (max-width: 767px) {
 .prostory .photo {
    max-height:350px;
 }
}


.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item img {
  max-height:100px;
}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:15px; margin:10px; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute;  }

.MultiCarousel .leftLst  { margin-top:55px; left:0;  width:32px; height:32px; border:0; background:#fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }
.MultiCarousel .rightLst { margin-top:55px; right:0; width:32px; height:32px; border:0; background:#fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; }




#hlavni .kontaktright {
  border:2px solid #e9e9e9;
  background:#f8f8f8;
  padding:2em;
  line-height:1.8;
  background-repeat:no-repeat;
  background-position:right top;
}

#hlavni .kontaktright h2 {
  font-size:38px;
  color:#f47e0c;
  font-weight:700;
  margin-bottom:0.35em;
  margin-top:0;
  line-height:1.2;
}  

#hlavni .kontaktright p {
  margin-bottom:1em;
}

#hlavni .kontaktright h3 {
  font-weight:700;
  margin-bottom:0.3em;
  margin-top:1em;
  font-size:23px;
  color:#000;
}

#hlavni .kontaktright a {
  color:#000;
}

#hlavni .downloadright {
  border:2px solid #ffeddb;
  background:#fff5ec;
  padding:2em;
  line-height:1.8;
  background-repeat:no-repeat;
  background-position:right top;
}

#hlavni .downloadright h2 {
  font-size:38px;
  color:#f47e0c;
  font-weight:700;
  margin-bottom:0.5em;
  margin-top:0;
}

a.odkaz {
  font-weight:300;
  color:#000;
  background-image: url("../images/sipka1rr.png");
  background-repeat:no-repeat;
  background-position:bottom right;
  padding-bottom:0.8em;
  min-width:207px;
  display:inline-block;
  text-decoration:none !important;
}

a.odkaz:hover {
 background-image: url("../images/sipka2rr.png");
  background-repeat:no-repeat;
  background-position:bottom right;
  text-decoration:none !important;
  color:#000;
}

.form-control {
  border-radius:0;
}

.marg1 {
  margin-bottom:1em;
}


.grid {
  background: #EEE;
  overflow:hidden;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


.grid-sizer,
.grid-item { width: 25%; height:auto }


}

.grid-item img {
  height:auto;
  width:100%;
}

span.stitek {
  position:absolute;
  background:red;
  color:#fff;
  padding:10px;
  left:15px;
  top:0;
  z-index:1000;
  font-size:1.5em;
}                


.list-carousel__item .container {
 

}

.list-carousel__item__table {
    position: absolute;
    bottom: 20%;
    width:100%;
    text-align:Center;
}

.list-carousel__item__title {
	font-size: 4em;
	color: #fff;
	font-weight: 800
}

.list-carousel__item__title2 {
	font-size: 2.5em;
	color: #fff;
	font-weight: 500
}

.list-carousel__item__title3 {
	font-size: 1.5em;
	color: #fff;
	font-weight: 500;
}

.dark .list-carousel__item__title span{
  color:#000;
   background:rgba(255,255,255,0.5) none repeat scroll 0 0;
   padding-bottom:0.3125rem;margin-bottom:0.625rem;padding-left:0.3125rem;padding-right:0.3125rem;
}

.dark .list-carousel__item__title2 span{
  color:#000;
   background:rgba(255,255,255,0.5) none repeat scroll 0 0;
   padding-bottom:0.3125rem;margin-bottom:0.625rem;padding-left:0.3125rem;padding-right:0.3125rem;
}
.dark .list-carousel__item__title3 span{
  color:#000;
   background:rgba(255,255,255,0.5) none repeat scroll 0 0;
   padding-bottom:0.3125rem;margin-bottom:0.625rem;padding-left:0.3125rem;padding-right:0.3125rem;
}


   
  @media screen and (max-width:73.6875em) {
.list-carousel__item .container {
	left: 0;
	margin-left: 0;
	right: 0
}
.list-carousel__item__title {
	font-size: 1.875rem;
	line-height: 2.0625rem
}
.list-carousel__item__table {
	padding-bottom: 1.875rem
}
.list-carousel__item p {
	display: none
}
}
@media screen and (max-width:63.9375em) {
.list-carousel .slick-dots li button {
	padding: 0 0.625rem
}
.list-carousel__item__table {
	padding-bottom: 0.9375rem
}
}
@media screen and (max-width:49.9375em) {
.list-carousel .slick-dots li button {
	font-size: 0.75rem
}
.list-carousel__item__table {
	padding-bottom: 0.3125rem
}
}
@media screen and (max-width:47.9375em) {
.list-carousel {
	/*margin-bottom: 3.125rem*/
}
.list-carousel .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 0.625rem;
	bottom: auto;
	text-align: center
}
.list-carousel .slick-dots li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.25rem;
	width: 0.9375rem;
	height: 0.9375rem;
	background: #ccc;
	border: 0;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 250ms;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	cursor: pointer;
	-webkit-border-radius: 0.9375rem;
	-moz-border-radius: 0.9375rem;
	border-radius: 0.9375rem
}
.list-carousel .slick-dots li button, .list-carousel__item .in-date {
	display: none
}
.list-carousel .slick-dots li.slick-active {
	width: 1.125rem;
	height: 1.125rem;
	background-color: #ebc45f
}
.list-carousel__item .container {
	bottom: 0
}
.list-carousel__item__table {
	padding: 1.875rem 0
}
}
@media screen and (max-width:39.9375em) {
.list-carousel__item__table {
	max-width: 100%;
	width: 100%;
	padding: 1.25rem 0
}
.list-carousel__item__table__cell {
	padding: 0
}
.list-carousel .slick-arrow {
	display: none!important
}
}
@media screen and (max-width:29.9375em) {
.list-carousel__item__title {
	font-size: 1.6875rem;
	line-height: 1.9375rem
  	font-size: 0.9rem;
}
.list-carousel__item__table {
	padding-bottom: 0.1rem
}
.list-carousel__item .container {

}
}

@media (max-width: 1550px) {

.akceitemuvod h2 {
  font-size:24px;
}

}


@media (max-width: 560px) {

  
  .list-carousel__item__title2 {
    font-size:3em;
    padding-bottom:0em;
  }
  
  .menuobal {
    position:unset;
  }
  
  .akceitemuvod h2 {
    bottom:25px;
    padding-left:25px;
    padding-right:25px;
  }
  
  .akceitemuvod h3 {
    bottom:25px;
    font-size:32px;
    padding-left:25px;
    padding-right:25px;
  }
  
  #oteviraci-doba h3 {
    font-size:54px;
  }
  
  #story {
    margin-top:4em;
  }
  
  #footer {
    padding-top:3em;
    padding-bottom:3em;
  }
  
  #hlavni h1 {
    font-size:2em;
  }
  .text-md-center {
    text-align:center !important;
  }
  
 } 
 
 @media (max-width: 480px) {


  .list-carousel__item__title2 {
    font-size:1.5em;
    padding-bottom:0em;
  }
  
  #carousel1 .btn {
    display:none;
  }
      
}

@media (max-width: 360px) {
  .list-carousel__item__title {
    padding-bottom:0em;
    padding-top:0;
  }
}

.podpora h3 {
  color:#1c38a0;
  font-weight:bold;
}
.podporabox {
  background:#ffc68f;
  padding:10px;
  margin-bottom:1em;
}

.podporabox h4 {
  font-weight:bold;
  font-size:1.2em;
}

.podporabox p {
  font-size:0.80em;
}


.search-wrapper {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	right: 0px;
	display: inline-block;
  z-index:10000;
}
.search-wrapper.active {
}
.search-wrapper .input-holder {
	overflow: hidden;
	height: 40px;
	position: relative;
	width: 40px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
	width: 220px;
	right: -100px;
	background: rgba(0,0,0,1);
  z-index:10000;
	-webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
	width: 100%;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #FFF;
	-webkit-transform: translate(0, 60px);
	-moz-transform: translate(0, 60px);
	transform: translate(0, 60px);
	-webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
	opacity: 1;
	-webkit-transform: translate(0, 10px);
	-moz-transform: translate(0, 10px);
	transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
	width: 40px;
	height: 40px;
	border: none;
	background: transparent url(../img/ico-search.png) no-repeat left top;
	padding: 0px;
	outline: none;
	position: relative;
	z-index: 2;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
	width: 40px;
	height: 40px;
}
.search-wrapper .input-holder .search-icon span {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
	-moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
	transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
	position: absolute;
	content: '';
}
.search-wrapper .close {
	position: absolute;
	z-index: 1;
	top: 24px;
	right: 20px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	-moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.search-wrapper.active .close {
	right: -50px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
	position: absolute;
	content: '';
	background: #FFF;
	border-radius: 2px;
}
.search-wrapper .close::before {
	width: 5px;
	height: 25px;
	left: 10px;
	top: 0px;
}
.search-wrapper .close::after {
	width: 25px;
	height: 5px;
	left: 0px;
	top: 10px;
}
.search-wrapper .result-container {
	width: 100%;
	position: absolute;
	top: 80px;
	left: 0px;
	text-align: center;
	font-family: "Open Sans", Arial, Verdana;
	font-size: 14px;
	display: none;
	color: #B7B7B7;
}

@media (max-width: 880px) {

.search-wrapper {
  top:99px;
}

}