/*
CUSTOM STYLES 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Ropa+Sans:400,400i&subset=latin-ext');

body{font-family: 'Ropa Sans', sans-serif; font-size: 16px; background-image: url(../images/page-bg.jpg); margin-bottom: 100px}

a:hover{text-decoration: none;}
.container {max-width: 980px;}
.container-home {max-width: 1170px;}
/***HEADER STYLES***/
.navbar-soul{height:54px;background: #222; color: #eee; margin-bottom: 0px; border: 0;position: fixed; top: 0;width: 100%; z-index: 9999999999; border-radius: 0}
.navbar-brand{margin: 2px 18px; padding: 5px 15px}
.navbar-default .navbar-nav > li > a {
    color: #eee;
}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
/**Booking Form CSS**/
.bk-form-hd{text-align: center; font-weight: 500; font-size:28px; display: block; padding: 15px 0; width: 100%; color: #fff;background-color: #b6c09c; margin-top: 54px; margin-bottom: 50px;
/*border: 1px solid rgb(255, 252, 255);
background-image: linear-gradient(rgb(172, 160, 110), rgb(248, 243, 220));
background-color: rgb(248, 243, 220);
background-position: initial;
background-repeat: initial;*/
 }
#ui-datepicker-div{z-index: 999 !important}
.bk-form-container{text-align:center; font-size:18px; background: #eee4bf url(../images/form-bg.jpg); 
  padding:30px 50px; margin:20px 40px; border-radius: 12px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;}
.soul-tagline {
    font-size: 24px;
    color: #555;
    padding: 15px;
    text-align: center;
    font-weight: 300;
    display: block;
    font-family: 'Ropa Sans', sans-serif;

}
.select-hotel-hd{font-size: 20px; text-align: center;}
.bk-form-container .row{margin-bottom:25px;}
.bk-form-container label{font-weight: 300 !important; margin-bottom: 0}
.bk-form-container .form-control{border-radius: 0; height: auto; font-size: 18px;}
.bk-form-container input[type=text]{ border:1px solid #eee; background:#fff; padding:10px 15px; padding-left:30px; vertical-align:middle;}
.bk-select-hotels {width: 100%}
.bk-form-container .bk-form-dates label {font-size: 80%; font-weight: 600;} 


.bk-room-selection{background: #fff; display: inline-block; width:20%; min-width: 220px;  border:1px solid #eee; padding: 4px 16px;vertical-align:middle;}
.bk-room-selection  input[type=text]{padding: 3px 15px}
.bk-room-sel-value {max-width: 50px; background: transparent; border: transparent; text-align: center;}
.bk-room-selected .room-selected-hd{font-weight: 500; padding-bottom: 6px; margin-bottom: 10px; border-top: 1px dashed #999}
.bk-room-selected .room-selected-hd span{ font-size: 80% }
.bk-room-selected select{width:100%;}
.bk-room-selected label{display: block; font-size: 80%; font-weight: 600; color: #555}

.glyphicon-minus-sign, .glyphicon-plus-sign{font-size: 150%; color: #999; top: 7px;}

/*.bk-form-book-btn{background:#00508F; font-size: 18px; width: 100%; font-weight:500 ; color: #fff; border: none; border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; padding: 15px 10px }*/

.far{position:absolute; z-index:9; margin-left: -105px; margin-top: 14px;color: #999; font-size: 20px;}
.bk-form-book-btn{display:inline-block; font-size:18px;border:0; background:#d2ab67; padding:10px 34px;color:#fff; vertical-align:middle; border-radius: 3px}
.bk-form-book-btn:hover{background:#0c4572; color:#fff; }

/*****BEST RATE GURANTEE*****/
.best-rate-guarantee{display:inline-block; vertical-align:middle;}
.best-rate-guarantee .fa-certificate{color: #599442; font-size: 28px; line-height:32px;}
.best-rate-guarantee .checkmark{position: absolute; margin:2px -22px;  display: inline-block;}
.best-rate-guarantee .fa-check{color: #fff; font-size: 80%;}
.best-rate-guarantee .txt{display:inline-block;font-size: 12px; line-height: 12px; text-align: left; margin-left: 6px; color: #599442 }

/*********HOME PAGE-PROPERTIES**********/
.properties-wrapper-home{padding:0 40px 40px 40px;/* background:#e4e4d2; border-radius:5px*/}
.property-name{font-size:22px;  padding: 10px 20px; margin-top:30px; text-align:center; font-weight:400; text-transform:uppercase;font-family: 'Ropa Sans', sans-serif; }
.property-name a{color:#0c4572 !important;}
.property-wrapper-home{background:#e4e4d2; border-radius:5px;text-align:center; overflow:hidden; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s; padding: 25px}
.property-wrapper-home:hover{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5); }
.property-wrapper-home img{ transition: all .5s;}
.property-wrapper-home img:hover ,
.property-wrapper-home img:focus  {
 -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
} 
.soul-btn-sleek{font-size:14px; background:#d2ab67; color:#fff; padding:3px 20px; display:inline-block; border-radius:3px; cursor:pointer; text-transform:uppercase; margin:5px auto;transition: all .5s;}
.soul-btn-sleek:hover{background:#0c4572; color:#fff; }

.soul-icon-btn{font-size:26px;color:#d2ab67; display:inline-block;  cursor:pointer; margin:5px 18px;transition: all .5s; vertical-align:middle}
.soul-icon-btn:hover{color:#0c4572;}

.soul-shadow-box{overflow:hidden; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;}
.soul-shadow-box:hover{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5); }
.soul-shadow-box img{ transition: all .5s; }
.soul-shadow-box img:hover, .soul-shadow-box img:focus { -ms-transform: scale(1.04);    -moz-transform: scale(1.04);    -webkit-transform: scale(1.04);    -o-transform: scale(1.04);    transform: scale(1.04);} 
.soul-btn{font-size:14px; border:1px solid #d2ab67; color:#d2ab67; padding:6px 20px; display:inline-block; cursor:pointer; text-transform:uppercase; margin:10px auto;transition: all .5s;}
.soul-btn:hover{background:#d2ab67; color:#fff; }



.promotions{padding:10px 50px;}
.promotions .col-md-4{padding: 0; background: #fff}
.promotions .ptitle{display: block;text-align: center; padding: 15px; border-bottom: 1px dashed #d2ab67}
.promotions .content-div{margin:10px 30px; text-align: center;}



/*******ROOM GRID**********/
.bk-property-hd{font-size: 18px; display: block; border-bottom: 1px dotted #999}
.bk-rate-plan{margin:25px 0;}
.bk-rate-plan label{display:block; text-align: center; font-size: 120%; font-weight: 500}
.bk-room-category-heading{background: #b6c09c; color: #fff; font-size: 18px; padding: 10px 15px; /*margin-bottom: 15px*/}
.bk-cat-grid-wrapper{/*background-color: #fbfbe4;*/ margin: 15px 0;}

.bk-room-grid-wrapper{background-color: #fbfbe4; padding: 25px 15px; margin:25px 15px; border: 1px solid #eee4bf}
.bk-rate-plan select{font-size: 90%}
.bk-rate-plan-hd{text-transform: uppercase; font-size: 20px; font-weight: 500}

.bk-cat-grid-room-wrapper{margin: 0 -15px; padding-top: 15px; padding-bottom: 0px; background: #fcfced; border-bottom: 2px solid #e5e5c5}
.bk-cat-grid-room-wrapper .col-xs-4 img{border:8px solid #ddddb9;}

.bk-room-grid-room-name{font-size: 22px; margin-bottom: 5px}
.bk-room-grid-price-div{margin-bottom:10px; color: #666; font-size: 15px; line-height: 18px}
.bk-room-grid-price{font-size: 22px; color: #222; display: block; clear: right;}
.bk-room-grid-max-occ{font-size: 16px; color: #333; padding-right: 4px}
.bk-room-grid-max-occ .fa-male{font-size: 120%}
.bk-room-grid-max-occ .fa-child{font-size: 90%}
.bk-max-occupancy{font-size:11px; background: #ddddb9; padding: 4px 6px; border-radius: 3px; margin-left: 5px; margin-right: 6px;}
.bk-occupancy{font-size:14px; background: #ddddb9; padding: 4px 6px; border-radius: 3px; margin-left: 5px; margin-right: 6px;}

.input-group-addon {background-color: #ddddb9; padding: 4px 6px;}
.bk-room-grid-occupancy-div {/*background-color:#f1f1d7; border-bottom: 1px solid #e5e5c5;*/ padding: 5px 0 15px 0 ; }
.bk-room-grid-occupancy-div .form-control{background-color: #fbfbe4;}
.bk-room-grid-occupancy-div label{text-align: left; font-size: 90%; font-weight: 500; width: 100%}


.bk-select-rooms-bt-wrapper{padding: 10px 15px;border-bottom: 4px solid #579943; }
.bk-select-rooms-bt{border:1px solid #579943; background: transparent; font-size: 15px; font-weight:500 ; color: #579943; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 3px 10px; }

.bk-room-grid-button{background:#00508F; font-size: 13px; font-weight:500 ; color: #fff; border: 1px solid #014c87; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 6px 10px; margin-top:25px; display: block; width: 98% }
.bk-room-grid-button-selected{background:#579943;font-size: 13px; font-weight:500 ; color: #fff; border: 1px solid #579943; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 6px 10px; margin-top:25px;  display: block; width: 98% }
.bk-room-grid-button .select-icon{font-size: 16px;     margin-left: 6px;    opacity: .5;}
.bk-room-grid-button .select-icon-selected{font-size: 16px;     margin-left: 6px;    opacity: 1;}

/***PROCEED BUTTON***/
.bk-proceed-wrapper{background:#00508F; font-size: 14px; width: 100%; position: fixed; bottom: 0; color: #afc2d2; min-height: 60px; z-index: 9999999999}
.bk-proceed-wrapper .selected-room-details{padding: 20px 15px; border-right: 1px solid #5584a9; font-size: 18px; text-align: center;}
.bk-proceed-wrapper .bk-proceed-btn{background:transparent; font-size: 20px; font-weight:500 ; color: #fff; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 15px; }
.bk-proceed-wrapper .proceed-icon{font-size: 16px;     margin-left: 6px; }

/****MODIFY***/
.bk-modify-div{background:#00508F; font-size: 16px; width: 100%; padding: 15px 25px;position: fixed; top: 54px; color: #afc2d2; min-height: 50px; z-index: 99999}
.bk-modify-div a{color: #fff; text-decoration: none}
.bk-dates-selected{ font-size: 14px; color: #efefef; padding: 10px 0 10px 20px; border-left: 1px solid #307cb7; margin-left: 15px }

.bk-change-view{background:#03528f; width: 60px; height: 60px; border-radius: 50px; position: fixed; bottom: 30px; right: 25px; z-index: 999999; text-align: center; cursor: pointer; box-shadow: 0px 3px 4px 4px rgba(0,0,0,0.1);}
.bk-change-view-icon{color: #fff;  margin-top: 15px; display: inline-block;}

.popover{background:#fbad2f; color: #fff; border:0}
.popover a{color: #fff;}
.popover.left .arrow:after{border-left-color:#fbad2f;}
.popover-title{background:#fbad2f; color: #fff; border-bottom: 0.5px solid #fff;text-align: center}

#loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.9;background-color: #fff;z-index: 99;text-align: center;}
#loading-image {position: absolute;top: 40%;left: 50%; margin-left:-42px; z-index: 100;}
.sold-out-category{ position: relative;top: -56px;left: -25px;margin-bottom: -50px; }
.sold-out-category-span{ position: relative;top: -30px;left: -25px;margin-bottom: -50px; }

/*****BOOKING FORM STYLES****/
.inputGroup {
  background-color: #fff;
  display: inline-block;
  margin: 5px 0;
  position: relative;
  width: 43%;

}
.inputGroup label {
  padding: 8px 15px;
  width: 100%;
  min-width:280px;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  margin-bottom: 0px;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #b6c09c;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #d2ab67;
  border-color: #eee;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

/*******FOOTER*****/
footer{margin: 30px auto}

/*******MOBILE STYLES*********/
@media (max-width: 767px){
  .bk-form-container{font-size:18px; background: #eee4bf; background-image: url(../images/form-bg.jpg); padding:0px 30px; margin: 5px; padding-bottom: 25px; border-radius: 6px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;}
  .bk-form-container .row{margin-bottom:10px;}
  .inputGroup {width: 100%;}
  .bk-form-container .hasDatepicker{margin-bottom: 12px;}
  .bk-room-selection{background: #fff; display: block; width:100%; margin-bottom: 12px}
  .bk-form-book-btn{width: 100%}

  .properties-wrapper-home{padding:0 10px 10px 10px;/* background:#e4e4d2; border-radius:5px*/;}
  .property-wrapper-home{margin-bottom: 25px}
  .promotions{padding:10px 20px;}
  .promotions .col-md-4{padding: 0; background: #fff; margin-bottom: 15px;}
}

/********MODAL*******/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-content{background-image: url(../images/page-bg.jpg);}
.modal-header{background: #b6c09c; color: #fff}
.guarantee-title{font-size: 24px}
.close{font-size: 34px;}
.guarantee-condition{color: #666; font-style: italic;}

.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 > div { text-align: center; padding:7px; margin:2px; background:#b6c09c; color:#fff;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

/*.best-rate-guarantee .fa-certificate{color: #599442}
.best-rate-guarantee .checkmark{position: absolute; margin:0 -18px;  display: inline-block;}
.best-rate-guarantee .fa-check{color: #fff; font-size: 60%;}*/

.room-details-block{padding-left:5px; padding-right: 5px }
.bk-room-grid-occupancy-div .input-group{max-width: 80px}