:root {
    --main-bg-label: #323b3b;
    --input-placeholder-color: #7b7b7b;
    --font-family:"Merriweather", serif !important;
    --main-color: #323b3b;
  }
  button, input, optgroup, select, textarea{ font: var(--font-family);font-family:var(--font-family);}
.why-book{width: 100%;}
.top-slider{position: relative;}
/*.hotel-search{margin-bottom: 100px;}*/
.hotel-search .search-b{display:none;width:85%;position:absolute; bottom: 35px;min-height:148px; background: #fff;z-index:9;left:50%; transform: translateX(-50%);border-radius: 4px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);padding:15px 15px 15px 15px;}
.hotel-search .search-b h2{font-size: 20px; font-weight: bold; margin-bottom:20px;font-family: var(--font-family);}
.hotel-search .search-b h2 span{display: inline-block; border-top:5px solid #323b3b;padding:5px 0px 0px 0px;letter-spacing:1px; color: #226e68;}
.hotel-search .search-b .row{width: 100%; display: flex;gap:10px;margin:0px;}
.hotel-search .search-b .row:before,
.hotel-search .search-b .row:after{display: none;}
.hotel-search .search-b label{display: block;font-size: 13px;padding-bottom: 5px;letter-spacing: 0.5px;color: var(--main-bg-label);font-family: var(--font-family);}
.input {display: block;width: 100%;height: 46px;font-size: 13px;color: var(--main-bg-label);border: 1px solid #c9c9c9;background-color: #fff;
outline: 0;padding:8px 10px; border-radius: 4px;font-family: var(--font-family);font-weight:400;}
.text-input::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder {color: var(--main-bg-label);}
.hotel-search .search-b .select .head{color:#5c8783; font-weight: bold;}
.select{color: var(--main-bg-label);padding:8px 25px 8px 10px;}
.select option{font-family: var(--font-family);}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.hotel-search .search-b .col.flyingfrom:after,.hotel-search .search-b .col.cabclass:after,
.hotel-search .search-b .common-dd.night-dd .select-night:after,.selectb:after {content: "";display: block;position: absolute;right: 10px;top: 40px;width: 12px;height: 8px;background-image: url(../images/arrow-down-grey.svg);background-repeat: no-repeat;background-size: cover; background-size: 10px;}
.hotel-search .search-b .col.desti{width: 210px;}
.hotel-search .search-b .col.flyingfrom{width: 160px;position:relative}
.hotel-search .search-b .col.cabclass{width: 160px;position:relative}
.hotel-search .search-b .col.date{width:200px;}
.hotel-search .search-b .col.night{width:130px;position:relative;}
.hotel-search .search-b .col.guest{width:215px;position:relative;}
body{font-family: var(--font-family) !important;}

.hotel-search .search-b .common-dd{background-color: #fff;border-radius: 5px;box-shadow: 0 2px 5px 2px rgba(34, 28, 38, .15);left: 0;margin: auto;padding: 15px;
width: 335px;position: relative;z-index: 2;position: absolute;display:none;}
.hotel-search .search-b .common-dd h3{font-size: 18px; margin-bottom: 5px;}
.hotel-search .search-b .common-dd.night-dd  .radio-replace__input {align-items: center;align-self: flex-start;background-color: #fff;border: .1rem solid #226e68;border-radius: 50%;position: absolute;top: 0;left: 0;display: inline-flex;flex-shrink: 0;height: 19px;justify-content: center;margin-right: 12px;width: 19px}
.hotel-search .search-b .common-dd.night-dd  .radio-replace__input:after {background-color: #226e68;border-radius: 50%;content: "";height: 11px;position: relative;width: 11px;z-index: 2;top: 0;left: 0;display:none;}
.hotel-search .search-b .common-dd.night-dd .radio-replace {position: relative;padding-left: 28px;min-height: 18px;margin-bottom: 12px;color: #333;text-transform: none;letter-spacing: normal;font-size: 14px;line-height: 1.2;vertical-align: middle}
.hotel-search .search-b .common-dd.night-dd .radio-replace.active .radio-replace__input:after{display: block;}
.hotel-search .search-b .common-dd.night-dd .select-night{position: relative;margin-bottom:10px;}
.hotel-search .search-b .common-dd.night-dd .select-night:after{top:20px;}
.hotel-search .search-b .common-dd.night-dd .radio-group__wrapper{margin-bottom: 10px;}
.hotel-search .search-b .common-dd.night-dd #no_nights{color: #000;}
.hotel-search .search-b .common-dd.night-dd .btn{min-width: 120px;font-size:14px;float:right;line-height:32px;}
.hotel-search .search-b .common-dd.night-dd .btn:hover{color: #ececec;}
.hotel-search .search-b .common-dd.active{display: block;}
.hotel-search .search-b .col.guest .common-dd{width: 350px;}
.hotel-content .inputb .dd-box{width:100%;background:#fff;width:500px;box-shadow: rgba(0,0,0,0.5) 0px 10px 10px;position:absolute;right:0px;top:50px;display:none; z-index:9}
.main-search .box{position:relative; z-index: 2;}
.hotel-search .search-b .btn{margin-top: 20px;border-radius:3px;}
.hotel-search .search-b .btn:hover{color: #ececec;}
.hotel-search .search-b .btn img{margin-right: 10px;}
.hotel-search .search-b .col.guest .p-room{position: absolute;right: 12px;top: 37px;font-size: 13px;color: var(--input-placeholder-color);}
.hotel-search .search-b .col.guest .p-room span{color: var(--main-bg-label);font-weight: normal;}
.hotel-search .search-b .col.guest .ac_input{ padding: 8px 60px 8px 10px;}
.hotel-search .search-b .common-dd .btn{margin-top:10px;}
.hotel-search .search-b .common-dd.night-dd .btn{margin:0px;}
.hotel-search.mf-search .search-b .btn{margin-top: 21px;}


.travelers-b h2{font-size:20px;color:var(--main-color);line-height: 30px;margin-bottom:10px;}
.travelers-b .passengers-col,
.travelers-b .class-col{width:100%;float:left;}
.travelers-b .passengers-col li{display:flex;justify-content:space-between;padding-bottom:7px;margin-bottom:7px; border-bottom: 2px solid #ffffff;align-items:center; font-weight: 500;}
.travelers-b .passengers-col li:last-child,.travelers-b .class-col li:last-child{border: none;margin: 0px;padding: 0px;}
.travelers-b .passengers-col li .btn-c{width:40%;display:flex;justify-content: end;}
.travelers-b .passengers-col li .btn-c input,.rooms-controls .add-btn{width:33px; height:33px;text-align:center;font-size:15px;border:none;    font-weight: normal !important;}
.travelers-b .passengers-col li .btn-c input[type="button"],.rooms-controls .add-btn{background: #226e68;color:#fff;font-weight:bold;cursor:pointer;}
.travelers-b .passengers-col li .btn-c input[type="button"]:hover,.rooms-controls .add-btn:hover{background:var(--main-color);color:#fff;}
.travelers-b .passengers-col li span{font-size: 14px;font-weight: 500;line-height: 33px;}
.travelers-b .class-col li{text-align:left;font-size:14px;cursor:pointer;padding:4px 15px;}
.dont-btn{min-width: 120px;font-size: 14px;float: right;line-height: 32px;}
.dont-btn:hover{color: #ececec;}
.travelers-b .class-col li.active{color: #ffffff;font-weight: 500;background: #081d59;}
.travelers-b .class-col ul{display:flex;width:100%; border:1px solid #081D59;border-radius:5px;}
.hotel-content .inputb .p-room{position: absolute;right: 47px;top: 14px;font-size: 14px;color: #232323;}
.travelers-b .child-age{width: calc(25.2% - 10px);float: left;display:none;margin-right:10px;margin-top: 15px;}
.travelers-b .child-age label{position:initial;font-size:12px;margin:0px;padding-left:0px; font-weight: 500;}
.travelers-b .child-age .select{position:initial;width:100%;}
.travelers-b .child-age.active{display:block;}
.travelers-b .child-age:last-child{margin-right: 0px;}
.selectb{position: relative;}
.selectb:after{top:20px;}
.travelers-b .passengers-col li .btn-c .add-btn.disable,.travelers-b .passengers-col li .btn-c .add-btn.disable:hover,
.rooms-controls .add-btn.disable{background: #acacac;cursor: default;}
.ui-widget.ui-widget-content{z-index: 99 !important;}
.ui-slider.ui-widget.ui-widget-content{z-index: 1 !important;}

#datepicker-range {display: none; position: absolute;}
.travelers-b .passengers-col .room-r{display: none;}
.travelers-b .passengers-col .room-r.active{display: block;}
.rooms-controls{display: flex; justify-content: space-between;padding: 15px 10px 0px 10px;align-items: center;}
.hotel-search .search-b .common-dd .rooms-controls h3{margin-bottom: 0px;}
.rooms-controls .btn-col{display: flex;}
.rooms-controls .btn-col #room-count{width: 32px; text-align: center; border: none;}
.travelers-b .passengers-col .room-r{padding: 10px;background: #edf5f4;margin: 10px 0px;}
.travelers-b .passengers-col .room-r h4{text-align: center;margin-bottom:15px;}
.hotel-search .search-b .col.guest .common-dd{padding: 0px;max-height:440px; overflow: auto;}
.travelers-b .passengers-col .room-r .child-row{display: flex; flex-flow: wrap; padding-top: 0;}
.travelers-b .passengers-col .room-r .child-row .input{height: 35px;}
.travelers-b .passengers-col .room-r .child-row .selectb:after{top:15px;}
.hotel-search .search-b .common-dd .travelers-b .drp-buttons{display: flex;width:100%;padding:0px 10px 10px 10px;justify-content:space-between;}
.hotel-search .search-b .common-dd .travelers-b .drp-buttons .btn{min-height:40px; font-size: 14px; min-width: auto;padding:5px 15px;margin:0px;}

.hotel-search .search-b .col.guest .common-dd::-webkit-scrollbar{width: 4px; height: 4px;}
.hotel-search .search-b .col.guest .common-dd::-webkit-scrollbar-thumb {background-color: #323b3b;}




@media only screen and (min-width: 1024px) and (max-width:1199px) {
    .hotel-search .search-b{width: 96%;}
    .hotel-search .search-b .col.cabclass:after{top:43px; right: 6px;}
    .selected-hotels-area .content-details .content-area .room-type{font-size: 13px; padding-top: 0px;}
    .flhl_selected-box .price-area .text-container{font-weight: 500;}
    .flhl_selected-box .price-area .book_btn{font-size: 18px;}
    .price_gallery-area .price-section .price-box{font-weight: 500;}
    .price_gallery-area .price-section .price-box p{margin-bottom: 5px;}
    .price_gallery-area .price-section .price-box .continue_btn{font-size: 19px;}
    .hotel_details-area .room-type .type{font-size: 16px;}
    .hotel_details-area .buttons-area{width: 45%; margin-top: 0px;}
    .hotel_details-area .buttons-area .hd_btn,.hotel_details-area .buttons-area .map_btn{font-size: 13px;padding-top:0px;}
    .owl-next, .owl-prev{width: 35px;height: 35px; top:50%;}
    .owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before{position: relative; top:2px;}
    .c-popup .innerb .textb{max-height: 400px;}
    
  }


@media only screen and (max-width: 1023px){
	.hotel-search .search-b .row {
    width: 100%;
    display: flex;
    gap: 10px;
    margin: 0px;
    flex-flow: wrap;
}

.hotel-search .search-b .row:before, .hotel-search .search-b .row:after {
    display: none;
}

.hotel-search .search-b label {
    display: block;
    font-size: 13px;
    padding-bottom: 5px;
    letter-spacing: 0.5px;
    color: var(--main-bg-label);
    font-family: var(--font-family);
}


.hotel-search .search-b .col.desti {
    width: 100%;
}

.hotel-search .search-b .col.flyingfrom {
    width: calc(50% - 5px);
    position: relative
}

.hotel-search .search-b .col.cabclass {
    width: calc(50% - 5px);
    position: relative
}

.hotel-search .search-b .col.date {
    width: calc(50% - 5px);
}

.hotel-search .search-b .col.night {
    width: calc(50% - 5px);
    position: relative;
}

.hotel-search .search-b .col.guest,.hotel-search .search-b .col {
    width: calc(50% - 5px);
    position: relative;
}
	.page-top {
    margin-top: auto;padding:5px 0px;
}


}

@media  (max-width: 1023px) {
    .hotel-search .search-b{position: initial; transform: none; width: 100%;background: #226e68;}
    .top-slider{padding-top: 0;}
    .hotel-search .search-b h2 span{color: #fff;}
    .hotel-search .search-b label{color: #fff;}
    .hotel-search .search-b .btn{background-color: #77d3cc; color:#0f403c;}
    .hotel-search{margin-bottom: 0px;}
    .why-book-n{padding: 30px 0px;}
    .why-book-n .book-info{padding:0 15px 20px 15px;}
    .why-book-n .book-info h1{font-size: 20px; padding-bottom:0px;}
    .why-book-n .book-info p{font-size: 14px; line-height:21px;}
    .hotel-search .search-b .btn{min-width: 100%;}
    .hotel-search .search-b .btn img{
    filter: brightness(0) sepia(1) hue-rotate(180deg) saturate(5);
    -webkit-filter: brightness(0) sepia(1) hue-rotate(180deg) saturate(5);
    -moz-filter: brightness(0) sepia(1) hue-rotate(180deg) saturate(5); 
    -ms-filter: brightness(0) sepia(1) hue-rotate(180deg) saturate(5);
    -o-filter: brightness(0) sepia(1) hue-rotate(180deg) saturate(5);}
    .footer__content-heading{margin-bottom: 10px;}
    .hotel-search .owl-dots{display:none;}
  
}

@media  (max-width: 767px) {
    .why-book-n .book-info p{font-size: 13px; line-height:20px;}
    .daterangepicker{width: 100% !important;}
    .hotel-search .search-b .common-dd h3{font-size: 15px;}
    .hotel-search .search-b .common-dd.night-dd .radio-replace{font-size: 13px; padding-left: 24px;}
    .hotel-search .search-b .common-dd.night-dd .btn{min-height: 36px; letter-spacing: normal;}
}