.rezervasyon .container {
  opacity:0.8;
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
}
@media (max-width: 991px) {
  .rezervasyon .container {
    width:100%;
    max-width:100%;
    padding:0;
    margin:0;
    opacity:1;
  }
}
@media (max-width: 768px) {
  .rezervasyon .container {
    opacity:1;
  }
}
.rezervasyon .container:hover {
  opacity:1;
}
.rezervasyon .flex-in {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:center;
}
.rezervasyon .flex-in .field-in {
  background-color:#262626;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  color:#fff;
  width:20%;
  border-left:1px solid #444;
  pointer-events:auto;
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
  opacity:1;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .field-in {
    padding:0 10px;
  }
}
@media (max-width: 768px) {
  .rezervasyon .flex-in .field-in {
    display:none;
  }
}
@media (max-width: 575px) {
  .rezervasyon .flex-in .field-in {
    padding:0;
  }
}
.rezervasyon .flex-in .field-in:first-child {
  border-left:0;
}
.rezervasyon .flex-in .field-in:last-child {
  border-top-left-radius:0%;
  border-top-right-radius:0%;
  position:relative;
  overflow:hidden;
}
@media (max-width: 768px) {
  .rezervasyon .flex-in .field-in:last-child {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    border-top-left-radius:100%;
    border-top-right-radius:100%;
    width:190px;
  }
}
.rezervasyon .flex-in .field-in span {
  display:block;
  font-size:18px;
  font-weight:400;
  margin-right:7px;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .field-in span {
    font-size:16px;
  }
}
.rezervasyon .flex-in .field-in i {
  font-size:24px;
  margin-right:5px;
  position:relative;
  top:-3px;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .field-in i {
    font-size:22px;
    margin-right:0px;
  }
}
.rezervasyon .flex-in .field-in input {
  border:none;
  background-color:unset;
  border-radius:0;
  outline:none;
  color:#fff;
  text-align:center;
  font-size:18px;
  font-weight:400;
  width:110px;
  font-family:"Roboto", sans-serif;
  cursor:pointer;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .field-in input {
    font-size:16px;
  }
}
.rezervasyon .flex-in .field-in.count-360 input {
  width:40px;
  cursor:unset;
  pointer-events:none;
}
@media (max-width: 575px) {
  .rezervasyon .flex-in .field-in.count-360 input {
    width:25px;
  }
}
.rezervasyon .flex-in .field-in button {
  border:none;
  background-color:unset;
  border-radius:0;
  outline:none;
  color:#fff;
  width:30px;
  height:21px;
  padding:0;
  margin:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  cursor:pointer;
}
.rezervasyon .flex-in .field-in button i {
  font-size:16px;
}
.rezervasyon .flex-in .field-in button.rezerveon {
  width:100%;
  height:auto;
  padding:10px 0;
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
}
.rezervasyon .flex-in .field-in button.rezerveon svg {
  width:27px;
  height:auto;
  margin-bottom:2px;
  pointer-events:none;
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
}
@media (max-width: 575px) {
  .rezervasyon .flex-in .field-in button.rezerveon svg {
    width:19px;
  }
}
.rezervasyon .flex-in .field-in button.rezerveon svg path {
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
  color:#fff;
}
.rezervasyon .flex-in .field-in button.rezerveon label {
  display:block;
  margin:0;
  padding:0;
  font-weight:500;
  font-size:18px;
  width:100%;
  cursor:pointer;
  pointer-events:none;
  -webkit-transition:all 0.35s;
  transition:all 0.35s;
  -moz-transition:all 0.35s;
  -ms-transition:all 0.35s;
  color:#fff;
}
@media (max-width: 575px) {
  .rezervasyon .flex-in .field-in button.rezerveon label {
    font-size:14px;
  }
}
.rezervasyon .flex-in .field-in button.rezerveon:hover {
  background-color:#444;
}
.rezervasyon .flex-in .field-in button.rezerveon:hover label,
.rezervasyon .flex-in .field-in button.rezerveon:hover svg {
  color:#fff;
}
.rezervasyon .flex-in .field-in button.rezerveon:hover label path,
.rezervasyon .flex-in .field-in button.rezerveon:hover svg path {
  color:#fff;
}
.rezervasyon .flex-in .child-f {
  position:relative;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .child-f {
    position:inherit;
  }
}
.rezervasyon .flex-in .child-f .child-item-field {
  position:absolute;
  left:50%;
  top:0px;
  z-index:-1;
  transform:translate(-50%,-100%);
  -webkit-transform:translate(-50%,-100%);
  -moz-transform:translate(-50%,-100%);
  -ms-transform:translate(-50%,-100%);
  -o-transform:translate(-50%,-100%);
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .child-f .child-item-field {
    width:100%;
  }
}
.rezervasyon .flex-in .child-f .child-item-field ul {
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .child-f .child-item-field ul {
    display:inline-block;
    width:100%;
    text-align:center;
  }
}
.rezervasyon .flex-in .child-f .child-item-field ul li {
  padding:5px;
  width:110px;
  border:1px solid #ddd;
  margin-left:-1px;
  background-color:#fff;
}
@media (max-width: 991px) {
  .rezervasyon .flex-in .child-f .child-item-field ul li {
    display:inline-block;
  }
}
.rezervasyon .flex-in .child-f .child-item-field ul li .baslik {
  margin:0;
  text-align:center;
  font-size:14px;
  font-weight:600;
  margin-bottom:5px;
  color:#988076;
}
.rezervasyon .flex-in .child-f .child-item-field ul li select {
  width:100%;
  outline:none;
}
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css {
  text-align:center;
}
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css span {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-size:18px;
}
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css span:nth-of-type(1),
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css span:nth-of-type(3) {
  cursor:pointer;
  font-weight:600;
  color:#737373;
  padding:0 5px;
}
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css span:nth-of-type(2) {
  margin:0 10px;
}
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css span:hover:nth-of-type(1),
.rezervasyon .flex-in .child-f .child-item-field ul li .range-css span:hover:nth-of-type(3) {
  color:#000;
}
.rezervasyon.rezervasyon-scroll .container {
  opacity:1;
}
.rezervasyon.rezervasyon-scroll .flex-in .field-in {
  width:0%;
  opacity:0;
}
@media (max-width: 991px) {
  .rezervasyon.rezervasyon-scroll .flex-in .field-in {
    padding:0;
  }
}
.rezervasyon.rezervasyon-scroll .flex-in .field-in:last-child {
  width:20%;
  opacity:1;
  border-top-left-radius:100%;
  border-top-right-radius:100%;
}
@media (max-width: 768px) {
  .rezervasyon.rezervasyon-scroll .flex-in .field-in:last-child {
    width:190px;
  }
}
.rezervasyon.rezervasyon-sub .container {
  opacity:1;
}
.rezervasyon.rezervasyon-sub .flex-in .field-in {
  width:0%;
  opacity:0;
}
@media (max-width: 991px) {
  .rezervasyon.rezervasyon-sub .flex-in .field-in {
    padding:0;
  }
}
.rezervasyon.rezervasyon-sub .flex-in .field-in:last-child {
  width:20%;
  opacity:1;
  border-top-left-radius:100%;
  border-top-right-radius:100%;
}
@media (max-width: 768px) {
  .rezervasyon.rezervasyon-sub .flex-in .field-in:last-child {
    width:190px;
  }
}
.caleran-start span {
  color:#fff !important;
}
.caleran-hovered-first span {
  color:#222 !important;
}