* {
  box-sizing: border-box;
}

body {
  background: url(https://subtlepatterns.com/patterns/use_your_illusion.png);
  color: #eee;
  font: 1em 'PT Sans', sans-serif;
}

::selection {
  background-color: #4EC6DE;
}

.tabbed {
  width: 100%;
}

.tabbed > input {
  display: none;
}

.tabbed > label {
  display: block;
  float: left;
  padding: 12px 20px;
  /* margin-right: 5px; */
  cursor: pointer;
  transition: background-color .3s;
  width: 20%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  background: white;
}

.tabbed > label:hover,
.tabbed > input:checked + label {
  background: #4EC6DE !important;
}

.tabs {
  clear: both;
  perspective: 600px;
}

.tabs > div {
  width: 100%;
  height: 150px;
  position: absolute;
  border: 3px solid #4EC6DE;
  line-height: 1.4em;
  opacity: 0;
  transform: rotateX(-20deg);
  transform-origin: top center;
  transition: opacity .3s, transform 1s;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  border-radius: 0px 0px 20px 20px;
  padding: 10px;
  background: white;
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5)  {
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
}

@media screen and (max-width: 700px) {
  .tabbed {
    width: 400px;
  }

  .tabbed > label {
    display: none;
  }

  .tabs > div {
    width: 400px;
    border: none;
    padding: 0;
    opacity: 1;
    position: relative;
    transform: none;
    margin-bottom: 60px;
  }

  .tabs > div h2 {
    border-bottom: 2px solid #4EC6DE;
    padding-bottom: .5em;
  }
}

.fiveform{/* background:white; *//* height: 230px; */border-radius: 20px;margin: 30px 0px;z-index: 1;position: relative;width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;box-shadow: 0 0 12px 7px #4ec6de;}
.percent20{width:20%;display: flex;align-items: center;align-content: center;}
.percent20 img{padding: 20px;}
.percent80{width: 100%;}
.percent100{width:100%;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.percent100 h2{width:100%;padding: 10px;}
#contact-form2{display:flex;/* align-items: center; *//* align-content: center; */height: 194px;width: 100%;}
#contact-form{display:flex;}
.fiveh{text-align:center;padding: 20px 0;width: 100%;background: white;border-radius: 20px 20px 0 0;font-size: 16px;margin: 0;}
.percent50{width: 30%;justify-content: center;display: flex;align-items: center;}
.percent100 input{margin-bottom:10px;border-radius: 0px !important;padding-left: 10px !important;}
h5+ .alert.alert-success,.all-blue .alertpodbor{
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
    top: 46%;
    left: 38%;
    padding: 35px;
    min-width: 460px;
}

.ui-datepicker .selected-start:not(.selected-end) a,
.ui-datepicker .selected-end:not(.selected-start) a {
  background: #F3FDD5;
}

.ui-datepicker .selected.first-of-month:not(.selected-start) a {
  border-left: 2px dotted #D4E7F6;
  padding-left: 1px;
}

.ui-datepicker .selected.last-of-month:not(.selected-end) a {
  border-right: 2px dotted #D4E7F6;
  padding-right: 1px;
}
#contact_phone,#contact_email{border-radius:0;text-transform: none;}
 .notm{display:block;}
 label+ label{display:none;}
 @media screen and (max-width: 830px) {
   .fiveform{display:none;}
 }
 .TVHotTours.TVTheme1{width:100% !important}
 #TVHotTours988478 .TVHotItem, #TVHotTours988478 .TVMinPFilterWrap{margin-right:0 !important;margin: 0 5px !important;margin-bottom: 10px !important;}
 .TVHotTours>div>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#TVHotTours988478 .TVMinPFilterWrap{display:none}
.TVSearchResults.TVCurrencyRUB.TVTheme2,.TVFullForm.TVTheme2{width:100% !important}
.TVTourContainer .TVTourBlock .TVButtons{height:auto !important}
.TVHotItem.TVMinPRadius{width:250px;}
.TVHotItemWrap.TVHotLineUpA{/* width:250px !important; */}
.TVHotOverflow.TVHotDetailAB{width: 100% !important;}
.check{background:#38a1e7 !important;}
.closex,.podborx{position:absolute;right: 10px;top: 10px;cursor: pointer;width: 20px;transform: rotate(0deg);transition:0.3s;}
.closex:hover,.podborx:hover{transform: rotate(-45deg);transition:0.3s;}
.alertpodbor{color: #3c763d;
  background-color: #dff0d8;}
  
#topcontrol {    right: 1% !important;
    bottom: 90px !important;}
.input_block input{max-width:100% !important;text-transform: none !important;}
.gradient-button.sbros{
    border-radius: 20px !important;
    text-align: center;
    margin: 0;
    padding: 0 !important;
    width: 100px;
    position: absolute;
    right: 30px;
	background: linear-gradient(to bottom, #ff0808 0%,#ff7300 100%);
}
.gradient-button.sbros:hover{background: linear-gradient(to bottom, #ff7300 0%, #ff0808 100%);}

.gradient-button.sbros{
    text-align: center;
    margin: 0;
    padding: 0 !important;
    width: 100px;
    position: absolute;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(to right, #ffffff 0%,#ff7300 50%);
    border-radius: 0px 0px 18px 0px !important;
    border: none;
    box-shadow: none;
    border-bottom: 3px solid #4ec6de;
    border-right: 3px solid #4ec6de;
}

.klass{font-weight:600;}
.atantion{font-weight:600;text-transform:uppercase;font-size:18px}
.gradient-button.sbros:hover{background: linear-gradient(to right, #ffffff 0%, #ff0808 100%);}
#contact-form fieldset input,#contact-form fieldset textarea{text-align: left;border-radius: 10px;}