body { 
  font-family: 'Montserrat', sans-serif;
  max-width:1900px;
  margin:0 auto; 
  overflow-x: hidden;   
}

.clear { clear:both}

@media (min-width:1680px){ 
  #cenik .container{max-width:1640px; }
  #head .container{max-width:1640px; } 
  #galerie .container{max-width:1640px; }
  #jaktofunguje .container{max-width:1640px; } 
}       

.text-end a.tel {
  margin-right:20px;
  margin-left:8px;
  font: normal normal 600 16px/19px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;
  text-decoration:none;
}
.text-end a.tel:hover {
  text-decoration:underline;
}

.nav-link {
  font: normal normal normal 16px/19px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;
}
.nav-link:hover {
  color:#FFA200;
}
.nav-tabs .nav-link {
  font: normal normal normal 23px/28px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;
}
.darek {
  width:18px;
  height:15px;
   background: url('../img/darek.png') no-repeat left center;
   display:inline-block;
}
header {
  height:100%;
  min-height:100px;  
} 
#head .logo {
  position:absolute;
  z-index:1000;
  top:10px;
}
#uvod {
  width:100%;
  position:relative;
  height: 820px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #3B226500 30%, #3B2265 100%), url('../img/party-sud.jpg') no-repeat center center;
}

#uvod .pouk {
  position:absolute;
  right:0;
  bottom:0;
}

#uvod.uvod-poukaz {
  background: linear-gradient(270deg, #3B226500 0%, #3B2265 100%), url('../img/bg_poukaz.jpg') no-repeat center center;
}

#uvod .tel {
  font: normal normal 600 23px/28px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-decoration:none;
  margin-left:20px;
}
#uvod .tel:hover {
  text-decoration:underline;
}

#uvod .tel span {
  width:34px;
  height:24px;
  background:url('../img/ico-tel2.png') no-repeat center center;
  display:inline-block;
  vertical-align:text-bottom;
}

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

#uvod .top {
	position: absolute;
  top:20%;
  left:8%;
  width:31%;
  text-align: left;
}

#uvod .top h1 {
  font: normal normal 600 52px/63px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF; 
  margin-bottom:0.3em;      
}

#uvod p {
  text-align: left;
  font: normal normal normal 20px/32px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom:1.5em;
}

#uvod .akce {
  height: 266px;
  width: 266px;
  padding-top: 80px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 75%;
  top: 50%;
  background: #3B2265;
  z-index: 1;
  color:#FFA200;
  font: normal normal bold 32px/40px Montserrat;
letter-spacing: 0px;
}
#uvod .akce strong {
  font: normal normal bold 72px/27px Montserrat;
}
#uvod .akce span {
  color:#fff;
  font: normal normal normal 30px/27px Montserrat;
letter-spacing: 0px;
}
#uvod .akce span.relax {
  background:#fff;
  font: normal bold normal 16px/27px Montserrat;
letter-spacing: 0px;
color:#3B2265;
border-radius:15px;
padding-left:14px;
padding-right:14px;
padding-top:7px;
padding-bottom:7px;
}

#uvod .akce2 {
  height: 220px;
  width: 220px;
  padding-top: 50px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 40%;
  top: 50%;
  background: #fff;
  z-index: 1;
  color:#3b2265;
  font: normal normal bold 32px/40px Montserrat;
  letter-spacing: 0px;
}
#uvod .akce2 strong {
  font: normal normal bold 32px/35px Montserrat;
letter-spacing: 0px;
color: #3B2265;
padding-top:15px;
display:block;
}

#uvod .akce2 span.relax {
  background:#ffa200;
  font: normal bold normal 16px/27px Montserrat;
letter-spacing: 0px;
color:#fff;
border-radius:15px;
padding-left:14px;
padding-right:14px;
padding-top:7px;
padding-bottom:7px;
}

#uvod .top h1 span {
  color: #FFA200;       
}


.btn-primary {
  background: transparent linear-gradient(90deg, #FFA400 0%, #FF4400 38%, #FF2CB1 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  border:0;
  text-align: center;
  font: normal normal medium 16px/19px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  padding-left:16px;
  padding-right:16px;
}


.btn-primary:hover {
     background: transparent linear-gradient(90deg, #FF2CB1 0%, #FFA400 38%, #FF4400 100%) 0% 0% no-repeat padding-box;
}

#informace {
  background:#fff;
  color:#3B2265;
  font: normal normal normal 20px/32px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;
}          

#informace h2 {
  text-align: center;
  font: normal normal 600 38px/47px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;

}          

#informace .vyhody {
  font: normal normal 600 18px/22px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;
  opacity: 1;
} 

#informace .vyhody img {
  margin-bottom:1em;
}    

#informace .vyhody .col {
  padding:15px;
} 



#jaktofunguje {
  color:#3b2265;
  font: normal normal normal 20px/32px Montserrat;
  margin-bottom:4em;
}
#jaktofunguje h2 {
text-align: center;
font: normal normal 600 38px/47px Montserrat;
letter-spacing: 0px;
color: #3B2265;
}
#jaktofunguje .lightblue {
  background:#eae4f5;
  border-radius:10px;
}

#jaktofunguje a {
  color:#3b2265;
  text-decoration:underline;
}
#jaktofunguje a:hover { 
  color:#000;
}

#jaktofunguje .split {
  width:32px;
  height:17px;
  background:url('../img/spliter.png') no-repeat center center;
  display:block;
  margin:0 auto;
  margin-bottom:16px;
}

#cenik {
  background:#3B2265;
  color:#fff;
  font: normal normal normal 20px/32px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
} 

#cenik span {
color: #C9BEDC;
}

#cenik .cena {
  background: #452C6E 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding:2em;
  border:3px solid #452c6e;
}


#cenik p {
  padding-bottom:1em;
}


#cenik h2 {
  font: normal normal 300 64px/78px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#cenik h3 {
  font: normal normal 600 48px/58px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom:0;
}
#cenik h4 {
  font: normal normal normal 25px/30px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom:2em;
}

#cenik .nejvyhodnejsi h3, #cenik .nejvyhodnejsi h4 {
  color:#FFA200;
}

#cenik .nejvyhodnejsi {
  border: 3px solid #FFA200;
  position:relative;
}

#cenik .nejvyhodnejsi .stitek {
  position:absolute;
  top:-16px;
  left:36%;
  background: #FFA200 0% 0% no-repeat padding-box;
  border-radius: 50px;
font-size:15px;
font-weight:600;
padding-left:10px;
padding-right:10px;
letter-spacing: 0px;
color: #FFFFFF;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-align:center;
}


#cenik .nejvyhodnejsi span {
  position:absolite;
}

#cenik .postup  {
  font: normal normal normal 18px/24px Montserrat;
}

#cenik .postup .p1 {
  font: normal normal 600 38px/47px Montserrat;
letter-spacing: 0px;
color: #FFFFFF;
}



#cenik .postup span {
  width:90px;
  height:90px;
  display:block;
  font: normal normal 300 53px/64px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-align:center;
  background: #452C6E 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding-top:10px;
  margin:0 auto;
  margin-bottom:10px;
}

#cenik .postup .rozdel {
  width:18px;
  height:32px;
  background: transparent url('../img/sipka.png') 0% 0% no-repeat ;
  margin-top:28px;
}

#cenik .fullservice {
  background:#301a54;
  color:#fff;
  border-radius:10px;
}

#cenik .fullservice h3 {
  font: normal normal 300 28px/32px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom:2em;
}

#cenik .fullservice p.price {
  font: normal normal 600 48px/30px Montserrat;
}

#cenik .fullservice p.price span {
  font: normal normal 400 18px/20px Montserrat;
}

#cenik .fullservice p.sluzba {
  margin-bottom:0;
}
#cenik .fullservice ul {
    list-style:none;
    margin:0; padding:0;
}
#cenik .fullservice ul li {
    background:url('../img/fajk.png') no-repeat 0 5px;
    padding-left:40px;
}

#poukaz {
  width:100%;
  position:relative;
  height: 867px;  
  background: linear-gradient(270deg, #3B226500 0%, #3B2265 100%), url('../img/bg_poukaz3.jpg') no-repeat center center;
}
#poukaz .pr-0 {
  padding-right:0;
}

#poukaz h2 {
  margin-top:-120px;
  font: normal normal 600 32px/40px Montserrat;
letter-spacing: 0px;
color:#fff;
  max-width:70%;
  margin-bottom:15px;

}

#poukaz p.text {
  color:#fff;
}

#poukaz h2 span {
  color: #FFA200;
}

#poukaz .pouk1 {
  max-width:100%;
  display:block;
}

#poukaz .poukazbg {
  background: #fff;
  border-radius: 10px;
}

#poukaz .pouktext {
  color:#3b2265;
  font-size:20px;
  line-height:30px;
}

#poukaz .stitek {
  position: absolute;
  top: -30px;
  right:-15px;
  background: #FFA200 0% 0% no-repeat padding-box;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: 0px;
  color: #FFFFFF;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-align: center;
}


 #poukaz   .questions input[type="radio"] {
      display: none;
    }
    

 #poukaz   .questions label:before {
      content: " ";
      display: inline-block;
      width: 31px;
      height: 31px;
      border: 0;
      text-align: center;
      line-height: 31px;
      position:absolute;
      bottom:-16px;
      left:60px;
    }
    
 #poukaz   .questions__question {
      display:inline-block;
    }
    
    /* Applying styles when checking the buttons */
#poukaz    .questions input[type="radio"]:checked ~ label {
      background-color: #3b2265;
      border-color: #3b2265;
      color:#fff;
    }
    
#poukaz    .questions input[type="radio"]:checked ~ label:before {
      background:url('../img/check.png') no-repeat center center;
    }
    
#poukaz    .questions label {
      display: inline-block;
      cursor: pointer;      
      padding: 10px;
      margin-bottom: 10px;
      margin-right:5px;
      background-color: #fff;
      border: 2px solid #3b2265;
      border-radius: 10px;
      color:#3b2265;
      position:relative;
      font-size:17px;
    }
#poukaz    .questions label strong {
  font-size:20px;
}    
#poukaz    .questions {
      margin-bottom:15px;
      position:relative;
    }
    
    

#galerie {
  background:#fff;
}

#galerie img {
  max-width:100%;
  border-radius:5px;
  margin-bottom:20px;
}

#rezervace {
  background:#3B2265;
}

#rezervace #cena1, #rezervace #cena2 {
text-align: left;
font: normal normal normal 19px/23px Montserrat;
letter-spacing: 0px;
color: #3B2265;
float:left;
margin-top:10px;
}

#rezervace #cena1 strong, #rezervace #cena2 strong {
font: normal normal 600 19px/23px Montserrat;
color: #3B2265;
}
#rezervace #cena1 span, #rezervace #cena2 span {
font: normal normal normal 14px/18px Montserrat;
color: #A391C2;
}

#rezervace h2 {
  font: normal normal 600 38px/47px Montserrat;
  letter-spacing: 0px;
  color: #3B2265;
  margin-bottom:0.8em;
}

#rezervace .rezervace-top {
background:#EAE4F5;
  border-radius:10px;
}

#rezervace .nav-tabs {
  width:335px;
  margin:0 auto;
}

#rezervace .rezer {
  background:#fff;
  border-radius: 10px;
}

#rezervace input.norm, #form-poukaz input.norm {
  background: #EAE4F5 0% 0% no-repeat padding-box;
  padding:10px;
  border-radius: 10px;
  width:100%;
  border:0;
  color: #3B2265;
  margin-top:5px;
  margin-bottom:5px;
}

#rezervace .popis {
  font: normal normal normal 16px/19px Montserrat;
letter-spacing: 0px;
color: #3B2265;
}
#rezervace .popissmall {
  font: normal normal normal 14px/18px Montserrat;
letter-spacing: 0px;
color: #A391C2;
}
#rezervace .popis .nedostupne {
  width:10px;
  height:10px;
  background: #EAE4F5 0% 0% no-repeat padding-box;
  border-radius: 10px;
  display:inline-block;
}
 #rezervace .popis .vybrany {
  width:10px;
  height:10px;
background: #FFA200 0% 0% no-repeat padding-box;
border-radius: 10px;
display:inline-block;
}


#kontakt {
  background: #3B2265;
  font: normal normal normal 16px/26px Montserrat;
letter-spacing: 0px;
color: #A391C2;
}

#kontakt h3 {
  font: normal normal 600 24px/51px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
}

#kontakt a {
  font: normal normal normal 24px/51px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-decoration:none;
}
#kontakt a:hover {
  text-decoration:underline;
}

#kontakt .box a {
  font: normal normal normal 19px/51px Montserrat;
  letter-spacing: 0px;
  color: #FFFFFF;
  background: #4B307A 0% 0% no-repeat padding-box;
  border-radius: 10px;
  display:block;
  width:100%;
  text-align:center;
  text-decoration:none;
  padding:15px;  
}


#kontakt a.btn-secondary {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 10px;
  font: normal normal normal 16px/19px Montserrat;
  letter-spacing: 0px;
  color: #3B2265 !important;
  padding-top:10px;
  padding-bottom:10px;
}

#kontakt a.btn-secondary span {
  width:14px;
  height:20px;
  background:url('../img/ico-pin.png') no-repeat center center;
  display:inline-block;
  vertical-align:text-bottom;
}


#kontakt .emailiko {
  width:34px;
  height:26px;
  background:url('../img/ico-email.png') no-repeat center center;
  display:inline-block;
  vertical-align:text-bottom;
}
#kontakt .teliko {
  width:34px;
  height:24px;
  background:url('../img/ico-tel2.png') no-repeat center center;
  display:inline-block;
  vertical-align:text-bottom;
}

#kontakt .insiko {
  width:32px;
  height:32px;
  background:url('../img/ico-instagram.png') no-repeat center center;
  display:inline-block;
  vertical-align:middle;
}

#kontakt .fcbiko {
  width:32px;
  height:32px;
  background:url('../img/ico-facebook.png') no-repeat center center;
  display:inline-block;
  vertical-align:middle;
}



#kontakt .box a:hover {
  background:#290c5a;
  }
  
@media (max-width:1648px){ 
  #uvod .pouk {
    max-width:50%;
  }
}  

@media (max-width:1561px){ 
  #uvod .top {
    width:30%;
  }
}

@media (max-width:1411px){ 
  #uvod .top {
    width:40%;
  }
   #uvod .pouk {
    right:-100px;
  }
  #uvod .akce2 {
    top:15%;
    left:64%;
  }
}

@media (max-width:1080px){ 
  #uvod .top {
    width:50%;
  }
}

@media (max-width:1400px){ 
.px-5 {
  padding-left:15px !important; 
  padding-right:15px !important;
}
}

@media (max-width:992px){ 
  #head .logo {
    position: relative;
    margin-bottom:1em;
  }
  .text-end {
    text-align:unset !important;
  }
  .text-end a {
    margin-top:10px;   
  }
   #uvod .top {
    top:10%;
  }
  #uvod .akce {

  position: absolute;
  left: 65%;
  top: 40%;
  

  letter-spacing: 0px;
}



  
}

@media (max-width:900px){ 
     #uvod .top {
    top:5%;
    width:60%;
  }
#uvod .top h1 {
   font: normal normal 600 34px/45px Montserrat;
}

#uvod .pouk {
  display:none;
}
  #uvod .akce2 {
    top:55%;
    left:22%;
  }
}

@media (max-width:767px){ 
  .text-end a {
    margin-top:0px;
  }
  #uvod p {
    font: normal normal normal 20px/28px Montserrat;
  }
  #uvod .top {
    width:92%;
    left:4%;
  }
    #uvod .akce { 
  position:relative;
  left:unset;
  right:unset;
  top:unset;
  display:block;
  height: 280px;
  width: 280px;
  padding-top: 80px;
  border-radius: 50%;
  margin:0 auto;
  margin-top:360px;
  font: normal normal bold 20px/40px Montserrat;
}  
#uvod .akce strong {
  font: normal normal bold 80px/40px Montserrat;
}
#uvod .akce span {
  font: normal normal normal 32px/32px Montserrat;
}
#uvod .akce span.relax {

  font: normal bold normal 20px/27px Montserrat;  
}

}

@media (max-width:480px){ 
     #uvod .akce { 
       margin-top:390px;
     }  


.date-picker-wrapper .month-wrapper table {
  width:100%;
}

}

@media (max-width:415px){ 
#uvod .tel {
  font: normal normal 600 22px/26px Montserrat;
  margin-left: 5px;
}
}

@media (max-width:410px){ 

#uvod .top {
  width: 90%;
}

#uvod .tel {
  font: normal normal 600 18px/24px Montserrat;
}

}

@media (max-width:390px){ 
     #uvod .akce { 
       margin-top:410px;
        height: 260px;
  width: 260px;
  padding-top: 80px;
     }  

 #uvod .akce span.relax {
      font: normal bold normal 18px/22px Montserrat;
 }  
}

@media (max-width:351px){ 
   #uvod .tel {
  font: normal normal 600 18px/20px Montserrat;
}
}

@media (max-width:327px){ 
   #uvod .tel {
  font: normal normal 600 17px/19px Montserrat;
  margin-left:10px;
}
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.radius10 {
  border-radius:10px;
 }

.date-picker-wrapper {
  border:0;
  background-color:unset;
  color:#3B2265;
  font: normal normal normal 14px/16px Montserrat;
}

.date-picker-wrapper .month-wrapper {
  border:0;           
}

.date-picker-wrapper .month-wrapper table {
  border: 1px solid #EAE4F5;
  border-radius: 10px;
  border-collapse:unset;
}

.date-picker-wrapper .month-wrapper table .week-name {
text-transform:capitalize;
}

.date-picker-wrapper .month-wrapper table .day {
  font: normal normal normal 14px/16px Montserrat;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  font: normal normal normal 14px/16px Montserrat;
letter-spacing: 0px;
color: #3B2265;
}
.date-picker-wrapper .last-date-selected {
  background: #FFA200 0% 0% no-repeat padding-box !important;
  border-radius:0 10px 10px 0;
}                                      
.date-picker-wrapper .first-date-selected {
  background: #FFA200 0% 0% no-repeat padding-box !important;
  border-radius:10px 0 0 10px;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background: #FFA200 0% 0% no-repeat padding-box !important;
  color:#fff;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  background:unset !important;
}

.date-picker-wrapper .month-wrapper table .invalid {
  background: #EAE4F5 !important;

}


#error, #error2, #error3 {
  margin-top:1em;
  color:red;
  font-weight:bold;
}
#message, #message2, #message3 {
  margin-top:1em;
  color:green;
  font-weight:bold;
}




#kontakt .odkazy a {
  font-size:16px;
  text-decoration:underline;
}

p.red { 
background: -webkit-linear-gradient(#FFA400, #FF2CB1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-weight:bold;
}