/**************************
* 25. booking form styles
***************************/
.booking-box-wrapper {
  margin-top: -155px;
  position: relative;
  z-index: 99;
margin-top: -62px;
background: #f0f0f0;
box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
}
.booking-box-wrapper .thm-container {
  background: #ffffff;
  padding: 20px 0;
  padding-left: 35px;
  padding-right: 35px;
}
.booking-box-wrapper .btn-box {
  text-align: center;
  padding: 11px 0;
}
.booking-box-wrapper .btn-box button[type=submit] {
  border: none;
  outline: none;
  width: 100%;
  max-width: 220px;
  height: 54px;
  background: #487393;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  padding: 0;
  line-height: 54px;
}
.booking-box-wrapper .btn-box button[type=submit]:hover {
  background: #242424;
  color: #fff;
}
.booking-box-wrapper .single-form-box {
  border-right: 1px solid #DCDCDC;
  cursor: pointer;
  position: relative;
}
.booking-box-wrapper .single-form-box .form-label {
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 600;
  color: #242424;
  margin-bottom: 15px;
}
.booking-box-wrapper .single-form-box .form-text span {
  display: inline-block;
  vertical-align: baseline;
}
.booking-box-wrapper .single-form-box .form-text span.count {
  font-size: 26px;
  color: #487393;
  font-family: 'Open Sans';
}
.booking-box-wrapper .single-form-box .form-text span.date {
  color: #797979;
  font-family: 'Lora';
  font-style: italic;
  font-size: 16px;
  margin-left: 15px;
}
.booking-box-wrapper .single-form-box .form-text span.angle {
  font-size: 21px;
  color: #AAAAAA;
  margin-left: 35px;
}
.booking-box-wrapper .single-form-box.checkout-box {
  padding-left: 20px;
}
.booking-box-wrapper .single-form-box.guest-box {
  padding-left: 20px;
}
.booking-box-wrapper .single-form-box.guest-box .form-text {
  position: relative;
  display: inline-block;
}
.booking-box-wrapper .single-form-box.guest-box .angle {
  position: absolute;
  bottom: 0;
  right: -35px;
}
.booking-box-wrapper .single-form-box.guest-box .angle i {
  display: block;
}
.booking-box-wrapper .single-form-box input.checkin,
.booking-box-wrapper .single-form-box input.checkout {
  visibility: hidden;
  height: 0;
  border: none;
  opacity: 0;
  padding: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.booking-box-wrapper.home-page-four {
  margin-top: -58px;
}
.booking-box-wrapper.home-page-four .thm-container {
  -webkit-box-shadow: 0px 0px 59px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 59px rgba(0, 0, 0, 0.15);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border-color: #487393;
  background: #487393;
  color: #fff;
}

.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
}

.booking-form-home-five {
  margin-top: -92px;
  position: relative;
  z-index: 99;
}
.booking-form-home-five .thm-container {
  background: #1F1F1F;
  padding: 25px 45px;
}
.booking-form-home-five .row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.booking-form-home-five .row [class*=col-] {
  width: 20%;
  float: left;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.booking-form-home-five .banner-booking-form .form-box {
  position: relative;
}
.booking-form-home-five .banner-booking-form .form-box i {
  color: #A9A9A9;
  font-size: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
}
.booking-form-home-five .banner-booking-form .form-box input {
  border: none;
  outline: none;
  width: 100%;
  height: 42px;
  border: 1px solid rgba(192, 192, 192, 0.28);
  color: #4A4A4A;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-left: 20px;
}
.booking-form-home-five .banner-booking-form .form-box input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4A4A4A;
}
.booking-form-home-five .banner-booking-form .form-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: #4A4A4A;
}
.booking-form-home-five .banner-booking-form .form-box input:-ms-input-placeholder {
  /* IE 10+ */
  color: #4A4A4A;
}
.booking-form-home-five .banner-booking-form .form-box input:-moz-placeholder {
  /* Firefox 18- */
  color: #4A4A4A;
}
.booking-form-home-five .banner-booking-form .form-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.booking-form-home-five .banner-booking-form .form-box .bootstrap-select > .dropdown-toggle {
  padding: 9.5px 0;
  border-radius: 0px;
  color: #4A4A4A;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Poppins';
  padding-left: 20px;
  border: 1px solid rgba(192, 192, 192, 0.28);
}
.booking-form-home-five .banner-booking-form .form-box .bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 20px;
}
.booking-form-home-five .banner-booking-form button[type=submit] {
  color: #FFFFFF;
  font-size: 17px;
  text-transform: capitalize;
  letter-spacing: .0em;
  font-family: 'Poppins';
  background: #487393;
  border-radius: 0px;
  width: 100%;
  height: 42px;
  padding: 0;
  line-height: 42px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  font-weight: 500;
}
.booking-form-home-five .banner-booking-form button[type=submit]:hover {
  background: #fff;
  color: #1F1F1F;
}


/**************************
* 32. booking page styles
***************************/
.booking-page .booking-page-content {
  padding-right: 70px;
}
.booking-page .img-box .owl-theme .owl-nav {
  margin: 0;
}
.booking-page .img-box .owl-theme .owl-nav [class*=owl-] {
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  color: #7D7D7D;
  font-size: 28px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.booking-page .img-box .owl-theme .owl-nav [class*=owl-next] {
  right: 0;
}
.booking-page .img-box .owl-theme .owl-nav [class*=owl-prev] {
  left: 0;
}
.booking-page .content-box {
  margin-bottom: 80px;
  padding-top: 45px;
}
.booking-page .content-box h3 {
  margin: 0;
  color: #232323;
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 20px;
}
.booking-page .content-box h4 {
  margin: 0;
  color: #232323;
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 22px;
  margin-top: 50px;
}
.booking-page .content-box p {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: #787878;
  font-family: 'Open Sans';
}
.booking-page .content-box p + p {
  margin-top: 30px;
}
.booking-page .content-box ul.list-items {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 20px;
}
.booking-page .content-box ul.list-items li {
  position: relative;
  padding-left: 30px;
  font-family: 'Poppins';
  font-weight: 400;
  color: #787878;
  font-size: 16px;
  border-bottom: 1px solid #E3E3E3;
  line-height: 49px;
}
.booking-page .content-box ul.list-items li i {
  font-size: 23px;
  color: #C09A76;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}


ul.list-items {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 20px;
}
ul.list-items li {
  position: relative;
  padding-left: 30px;
  font-family: 'Poppins';
  font-weight: 400;
  color: #787878;
  font-size: 16px;
  /* border-bottom: 1px solid #E3E3E3; */
  line-height: 49px;
}
ul.list-items li i {
  font-size: 16px;
  color: #c7bfad;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}


ul.checklist {
    list-style: none;
    padding: 0;
}
.checklist li {
  padding-left: 20px;
    line-height: 1.8;
  font-weight: 400;
  color: #787878;
  font-size: 16px;
  line-height: 29px;
  font-family: 'Poppins';
    margin-top:18px;
  margin-bottom:12px;
}
.checklist li::before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #c7bfad;
}

.booking-page .title {
  margin-bottom: 30px;
}
.booking-page .title h3 {
  margin: 0;
  color: #232323;
  font-family: 'Poppins';
  font-weight: 600;
  font-size: 22px;
}
.booking-page .review-box {
  padding-bottom: 65px;
  margin-bottom: 45px;
  border-bottom: 1px solid #CFCFCF;
}
.booking-page .single-review .img-box,
.booking-page .single-review .text-box {
  display: table-cell;
  vertical-align: top;
}
.booking-page .single-review .text-box {
  padding-left: 30px;
}
.booking-page .single-review p {
  color: #787878;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Open Sans';
  margin: 0;
}
.booking-page .single-review h3 {
  margin: 0;
  font-size: 15px;
  color: #C09A76;
  font-weight: 500;
  font-family: 'Poppins';
  margin-top: 17px;
}
.booking-page .review-form input {
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  background: #F5F5F5;
  color: #787878;
  font-family: 'Poppins';
  display: block;
  padding-left: 25px;
}
.booking-page .review-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #787878;
}
.booking-page .review-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #787878;
}
.booking-page .review-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #787878;
}
.booking-page .review-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #787878;
}
.booking-page .review-form input + input {
  margin-top: 20px;
}
.booking-page .review-form textarea {
  border: none;
  outline: none;
  width: 100%;
  height: 50px;
  background: #F5F5F5;
  color: #787878;
  font-family: 'Poppins';
  height: 187px;
  display: block;
  padding-left: 25px;
  padding-top: 15px;
}
.booking-page .review-form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #787878;
}
.booking-page .review-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #787878;
}
.booking-page .review-form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #787878;
}
.booking-page .review-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #787878;
}
.booking-page .review-form .rating-field {
  padding: 30px 0;
}
.booking-page .review-form .rating-field span {
  color: #232323;
  font-size: 17px;
  font-family: 'Poppins';
  font-weight: 500;
  margin-right: 30px;
}
.booking-page .review-form .rating-field i {
  color: #868686;
  font-size: 15px;
}
.booking-page .review-form button[type=submit] {
  border: none;
  outline: none;
  font-family: 'Poppins';
  font-size: 17px;
  font-weight: 500;
  width: 174px;
  height: 48px;
  line-height: 48px;
  display: block;
  color: #fff;
  padding: 0;
  background: #487393;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  margin-top: 30px;
}
.booking-page .review-form button[type=submit]:hover {
  background: #2B2B2B;
}
.section-slider .check-avail .container .arrival input, .section-slider .check-avail .container .departure input {
    height: 55px;
    border: none;
    box-shadow: none;
    padding-left: 0;
    color:
    #b3b3b3;
    font-family: Playfair,serif;
    font-size: 37px;
    padding-right: 0;
    margin-bottom: 10px;
}
.datepicker.dropdown-menu {
  font-family: "Poppins", sans-serif !important;
  z-index: 999 !important;
  min-width: 239px !important;
  border: none !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; }
  .datepicker.dropdown-menu td {
    border: 1px solid transparent !important;
    -webkit-border-radius: 0;
    border-radius: 0; }
    .datepicker.dropdown-menu td.day {
      padding: 5px 10px; }

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  border: 1px solid #487393 !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: transparent; }

.datepicker table tr td.active.active {
  background: #487393 !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid transparent !important; }

.datepicker {
  padding: 0 !important; }

.table-condensed {
  border-collapse: initial;
  border-spacing: 0px; }
  .table-condensed .today {
    background-color: #8f7037 !important;
    background-image: none !important;
    color: white !important; }
    .table-condensed .today:hover {
      background-color: #8f7037 !important;
      color: white !important; }
  .table-condensed thead tr .prev,
  .table-condensed thead tr .datepicker-switch,
  .table-condensed thead tr .next {
    background: #8f7037 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #FFF;
    padding: 10px 0px; }
  .table-condensed thead tr .prev,
  .table-condensed thead tr .next {
    font-size: 0; }
  .table-condensed thead tr .datepicker-switch {
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    vertical-align: middle; }
  .table-condensed thead tr .prev:before {
    content: "\f060";
    display: inline-block;
    font-family: 'FontAwesome' !important;;
    font-size: 20px;
    vertical-align: middle; }
  .table-condensed thead tr .next:before {
    content: "\f061";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    vertical-align: middle; }
  .table-condensed thead tr .dow {
    background: #6491B4;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 6px 0px;
    text-transform: uppercase;
    font-size: 12px; }
.datepicker .prev.disabled, .datepicker .next.disabled {
    visibility: visible;
}
.section-slider .check-avail .container .arrival, .section-slider .check-avail .container .departure {
    width: 27.2%;
    background:
    #fff;
    padding: 24px 26px 30px 35px;
    cursor: pointer;
    overflow: hidden;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.section-slider .check-avail .container .arrival input, .section-slider .check-avail .container .departure input {
    height: 55px;
    border: none;
    box-shadow: none;
    padding-left: 0;
    color:
    #b3b3b3;
    font-family: 'Playfair', serif;
    font-size: 37px;
    padding-right: 0;
    margin-bottom: 10px;
}
.table-condensed thead tr .datepicker-switch {
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    vertical-align: middle;
}
.table-condensed thead tr .prev, .table-condensed thead tr .datepicker-switch, .table-condensed thead tr .next {
    background: #487393 !important;
-webkit-border-radius: 0;
border-radius: 0;
color:
    #FFF;
    padding: 10px 0px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color:
#555;
text-align: center;
background-color: transparent!important;
border: 0px solid #ccc;
vertical-align: bottom;
}


.checkin-box .form-control,
.checkout-box .form-control {
font-size: 24px!important;
color:#487393!important;
font-family: 'Open Sans'!important;
border:0px solid #fff!important;
box-shadow: none!important;
}
.form-control.dp {
    padding: 6px 0px!important;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #ddd;
    cursor: default;
    border:none!important;
}
.input-group-addon img {
    max-width:none!important;
}
@media (max-width: 991px) {
	.booking-box-wrapper .single-form-box {
		border-right: none;
	}
	.booking-box-wrapper .col-md-3{
		margin-bottom: 5px;
	}
	.booking-box-wrapper .single-form-box.guest-box {
		padding-left: 0px;
	}
	.booking-box-wrapper .btn-box {
		text-align: left;
	}
    .booking-box-wrapper {border: 1px solid #eee; box-shadow: 1px 1px 22px rgba(0,0,0,0.4);}
}
@media (max-width: 823px) {
    .booking-box-wrapper .thm-container {padding-top: 0;}
    .booking-box-wrapper .single-form-box {margin-top: 20px;}
    .booking-box-wrapper .btn-box button[type=submit] {margin-top: 25px;margin-bottom: 0px;}
    .booking-sidebar .single-booking-sidebar.overlapped{margin-top: 0;}
    .booking-sidebar {margin-left: 0;margin-top: 50px;}
    .booking-page .booking-page-content {padding-right: 0;}
    .booking-box-wrapper {border: 1px solid #eee; box-shadow: 1px 1px 22px rgba(0,0,0,0.4);}
    .booking-box-wrapper .single-form-box.checkout-box {padding-left: 0px;}
    .booking-box-wrapper {margin-top:-20px;}
    .mobhid {display:none;}

}
@media (max-width: 414px) {
    .footer-signup .left-title h3 {font-size: 20px;}
    .booking-box-wrapper [class*=col-] {width: 100%;float: none;}
    .booking-box-wrapper .single-form-box {border: none;}
    .booking-box-wrapper .single-form-box.checkout-box {padding-left: 0;}
    .booking-box-wrapper .single-form-box.guest-box {padding-left: 0;}
    .booking-box-wrapper .btn-box button[type="submit"] {margin-top: 0;}
    .booking-box-wrapper {border: 1px solid #eee; box-shadow: 1px 1px 22px rgba(0,0,0,0.4);}
    .booking-box-wrapper {margin-top:-20px;}
}