body{font-family: "Merriweather", serif !important;}
.fixed-width {height: auto; margin: 0 auto; padding: 12px 0px 0px 0px; max-width: 1290px;}
.result-page{width:100%; position:relative; margin:0px auto; overflow:hidden; line-height:1;}
.result-top-banner {
    background: #226e68;
    position: relative;
    width: 100%;
}
.banner_top-text{font-size:1.5em; color:#fff; padding:0.875em 0 0.625em; display:block; font-weight:500;}
.summary-container{background:rgba(0,0,0, 0.4); padding:15px 20px 10px 20px; overflow:hidden; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; margin-top:6px;width: 100%;float: left;}
.summary-container .top-summary-container{width:auto; float:left;}
.summary-container .top-summary-container .desti{font-size:18px; color:#fff; font-weight:500; text-shadow:2px 1px 2px rgba(0, 0,0, 0.3); -moz-text-shadow:2px 1px 2px rgba(0, 0,0, 0.3); -webkit-text-shadow:2px 1px 2px rgba(0, 0,0, 0.3);}
.summary-container .top-summary{float:left; list-style:none;  padding:0px; margin-top:8px; margin: 0px;}
.summary-container .top-summary li{float:left; padding:0 8px 0 0; border-left:solid 1px #7fa4c2;}
.summary-container .top-summary li:first-child{padding-left:0; border-left:none; line-height: 26px;}
.summary-container .top-summary-text{ color:#fff;}
.summary-container .top-summary-text em{font-size:17px; line-height:16px; text-transform:none; padding-top:0.25em; font-style:normal;   font-weight: 400;}
.summary-container .top-summary-text strong {font-size:17px; padding:0 0.25em; line-height:16px;}
.summary-container .top-summary-text i{padding:0 0.25em 0 0;  color:#fff; text-shadow:2px 1px 2px rgba(0, 0,0, 0.3); -moz-text-shadow:2px 1px 2px rgba(0, 0,0, 0.3); -webkit-text-shadow:2px 1px 2px rgba(0, 0,0, 0.3);}
.summary-container .top-summary-text span{font-size:14px; padding:0 0.25em; line-height:16px;}
.summary-container .not{float:left; font-size:16px; color:#fff; padding-left:6px; font-weight: 400;}

.summary-container .modify_serch-btn{background:rgba(0,0,0, 0.5); padding:0.5em 0.75em; text-align:center; color:#fff; font-size:18px; font-weight:500; cursor:pointer; transition:all 500ms ease-in-out; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:solid 1px #a9f7f1; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float:right; margin-top:2px;margin-left: 10px}
.summary-container .modify_serch-btn i{padding-left:0.25em;}
.summary-container .modify_serch-btn:hover {background: #226e68; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out;}
.summary-container .modify_serch-btn.back{background: #cacaca;color: #2d2d2d;}

.page-top {
    margin-top: 0px !important;
    padding: 13px 0;
}
@media(min-width:1200px){
    .yoursafe {
        display: none;
    }
}
@media(max-width:1201px) {
    .ymsafe{
        display:none;
    }
}
/*.logo img {
        height: 60px;
}*/


/* Filter Area*/
.filter-area {
    width: 23%;
    float: left;
}
.filter-area .search-result{background:#2f4766; width:100%; height:66px; padding:0.6125em 0.75em 0; position:relative; display:none;}
.filter-area .search-result:after{position:relative; border:8px solid transparent; display: block; width: 0; height: 0; content: ''; border-bottom: 8px solid #fff; border-left: 8px solid #fff; bottom: -1px; left: 4px;}
.filter-area .search-result p{font-size:13px; font-weight:600; color:#fff;}
.filter-area .search-result p span{font-size:22px; color:#fffbc2; padding-left:2em; display:block; line-height:20px; padding-top:5px;}
.filter-area .search-result p span em{font-size:17px; color:#fff; padding-left:0.25em; font-weight:400; font-style:normal;}
.filter-area .search-result .reset_btn{background:#fff; display:none; padding:0 0.3125em; font-size:11px; color:#000; text-align:center; position:absolute; right:7px; bottom:7px; cursor:pointer; line-height:14px;}
.filter-area .search-result_new{width:100%;  position:relative; /*border-bottom:solid 1px #e5e5e5; padding:0.8125em 0;*/ overflow:hidden;}
.filter-area .search-result_new .res-text{font-size:0.875em; color:#1E5680; font-weight:600; float:left;}
.filter-area .search-result_new .reset_btn{display:none; font-size:13px; color:#23a8e0; text-align:center; float:right; cursor:pointer; line-height:14px; font-weight:600;}
.filter_inner {/* background:#fff; *//* box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); */-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1);/* -webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); */}
.filter-area .section{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden;background: #fff;margin-bottom: 20px;border-radius: 10px;}
.filter-area .filter-heading{/*background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/font-size:0.9375em;height:38px;line-height:38px;color: #000;font-weight:600;padding:0 0.6125em;cursor:pointer;text-align:center;/* background: #226e68; */}
.filter-area .filter-heading i{color: #000;font-weight:bold;position:relative;float:right;line-height:36px;font-size:21px;}
.filter-area .inner-content{width:100%;height:auto;/* border-bottom:solid 1px #dadada; */padding:0em 0.6125em 15px 0.6125em;overflow:hidden;font-weight: 300;}
.filter-area .inner-content .rating-widget{list-style:none; margin:0px; padding:0px;}
.filter-area .inner-content .rating-widget li{position:relative; padding:5px 0 5px 20px;min-height: 34px;}
.filter-area .inner-content .rating-widget li .checkbox {position:absolute; left:0; margin:0;width: 25px;}
.checkbox input{opacity:0; margin:0 !important; position:inherit !important; width:100%;}
.checkbox label::before {background-clip: padding-box; border: 1px solid #d8d8d8; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; content:' '; cursor: pointer; height: 16px; left: 1px; line-height: 14px; position: absolute; top: 2px; width: 16px; font-weight:400;}
.checkbox :checked ~ label::before {content: "\f00c"; font-family: 'FontAwesome'; font-size: 13px; text-align: center; color:#666;}
.filter-area .inner-content .rating-widget li .group-star {display: inline-block; color: #fa7f06; font-size: 15px;     margin-left: 13px;
    margin-top: 8px;}
.filter-area .inner-content .rating-widget li span{float:right; color:#555; text-align:right; font-size:0.875em; font-weight: 400;}
.filter-area .section.area{width:100%;height:100%;/* margin:0px; */padding:0px;overflow:hidden;}
.filter-area .section.area .inner-content{width:100%; height:auto; border-bottom:solid 1px #dadada; padding:0px 0px 15px 0px; overflow:hidden;}
.filter-area .inner-content .areas-widget li .checkbox {float:left; margin:0; width:100%; position: relative;}
.filter-area .inner-content .areas-widget li .checkbox label {color: #666; font-size:0.8125em; font-weight:400; margin: 0; min-height: 21px; min-width: 16px; padding-left:8px; position: relative; text-transform:none; line-height:20px; position:absolute; left:17px; width:95%;}
.filter-area .inner-content .areas-widget li .checkbox label::before {background-clip: padding-box; border: 1px solid #d8d8d8; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; content:' '; cursor: pointer; height: 24px;  left: -16px; line-height: 24px; position: absolute; top: 2px; width: 24px; font-weight:400;}
.filter-area .inner-content .areas-widget li .checkbox :checked ~ label::before {content: "\f00c"; font-family: 'FontAwesome'; font-size: 15px; text-align: center; color:#666;}
.filter-area .inner-content .areas-widget{list-style:none; margin:0px; padding:0px;}
.filter-area .inner-content .areas-widget li{position:relative; padding:9px 9px 11px; overflow:hidden;}
.filter-area .inner-content .areas-widget li:first-child{padding-top:4px;}
.filter-area .inner-content .areas-widget li .type{white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width: 95%;padding: 5px 0px 0px 10px;
    font-size: 14px;}
.filter-area .section.area .show-all{width:100%; height:auto; background:#384b63; padding:1em 0; text-align:center; color:#fff; font-size:1em; cursor:pointer; font-weight: 500;}
.filter-head{width:100%; background:#fff; border-bottom:1px solid #929192; padding:0.5em 0.75em; overflow:hidden; display:none;}
.filter-head .done_btn{background:#216c66; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; cursor:pointer; float:right; font-size:0.875em; font-weight:600; padding:0.5em 1em; text-align:center; border:none;}
.filter-head .done_btn:hover{background:#61ace5;}
.filter-head p{float:left; font-size:0.875em; color:#343434; font-weight:600; margin:0; padding:0; line-height:28px;}
.filter_btn{display:none; float:left; cursor:pointer; font-size:16px; font-weight:600; margin:0 1em 0 0; padding:11px 30px; color:#fff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #226e68), color-stop(1, #14423e)); background:-moz-linear-gradient( center top, #116ebf 5%, #0989de 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#116ebf', endColorstr='#0989de'); background-color:#116ebf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-indent:0; border:1px solid #0989de;}
.filter_btn:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0989de), color-stop(1, #116ebf) ); 	background:-moz-linear-gradient( center top, #0989de 5%, #116ebf 100% ); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0989de', endColorstr='#116ebf'); background-color:#0989de;}
.filter-res-container {position: fixed; height:100%; left:-320px; z-index: 10001; top:0px; visibility:hidden; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}
.filter-res-container.fopened{visibility:visible; left:0px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}
.overlay{background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; opacity:0.5; z-index:998; display:none; -webkit-transition: background-color 500ms ease-out 1s; -moz-transition: background-color 500ms ease-out 1s; -o-transition: background-color 500ms ease-out 1s; transition: background-color 500ms ease-out 1s;}
.sorting-head{width:100%; background:#f5f5f5; padding:0.5em 0.75em; overflow:hidden; display:none;}
.sorting-head .done_btn{background:#23a8e0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; cursor:pointer; float:right; font-size:0.875em; font-weight:600; padding:0.5em 1em; text-align:center; border:none;}
.sorting-head .done_btn:hover{background:#61ace5;}
.sorting-head p{float:left; font-size:0.875em; color:#fff; font-weight:600; margin:0; padding:0; line-height:28px;}

.sorting_btn{display:none; float:left; cursor:pointer; font-size:16px; font-weight:600; margin:0; padding:11px 30px; color:#fff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #444), color-stop(1, #777) ); background:-moz-linear-gradient( center top, #444 5%, #777 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#777'); background-color:#444; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-indent:0; border:1px solid #777;}

.sorting_btn:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777), color-stop(1, #444) ); background:-moz-linear-gradient( center top, #777 5%, #444 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777', endColorstr='#444'); background-color:#777;}
.sorting-res-container {position: fixed; height:100%; left:-320px; z-index: 10001; top:0px; visibility:hidden; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}
.sorting-res-container.fopened{visibility:visible; left:0px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}
/* end Filter Area*/


.filter-area .search-result-section {width: 100%;background: #fff;display: inline-block;}
.filter-area .search-result-section .search-result_new {width: 100%;position: relative;overflow: hidden;text-align: right;}
.filter-area .search-result-section .search-result_new .hotel-countres {font-size: 13px;color: #343434;float: left;line-height: 16px;vertical-align: top;padding-top: 2px}
.filter-area .search-result-section .search-result_new .hotel-countres em {font-style: normal}
.filter-area .search-section {width: 100%;padding:12px;}
.filter-area .search-section .search-bar {width: 100%;margin: 0;padding: 0;position: relative}
.filter-area .search-section .search-bar input {width: 100%; font-weight: 500 !important;border: solid 1px #bbb;padding: 0 3em 0 10px;height:52px;color: #666;
font-size: 15px;background: #f7f7f7;border-radius: 8px;-webkit-border-radius: 8px;}
.filter-area .search-section .search-bar i {position: absolute;right: 10px;top: 10px;font-size: 15px;color: #aaa}
#divcleartextbox {display: none}
#divcleartextbox i {position: absolute;right: 7px;top: 7px;font-size: 16px;color: #000;left: auto;cursor: pointer;background: #ccc;padding: 3px 6px;border-radius: 50%
}
.filter-area .search-result-section {width: 100%;background: #fff;padding: 12px 15px;display: inline-block;}
.filter-area .search-result-section .search-result_new {width: 100%;position: relative;overflow: hidden;text-align: center}
.filter-area .search-result-section .search-result_new .hotel-countres {font-size: 15px; font-weight: 600;line-height:30px;color: #343434;float: left;vertical-align: top;padding-top: 2px}
.filter-area .search-result-section .search-result_new .hotel-countres em {font-style: normal}
.filter-area .search-result-section .reset-all {font-size: 14px;color: #fff;text-align: right;position: relative;text-transform: uppercase;cursor: pointer;
float: right;padding-top: 4px;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: #226e68;
padding: 8px 10px;border-radius: 5px;}
.filter-area .search-result-section .reset-all:after {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background-color: #226e68;
visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s}
.filter-area .search-result-section .reset-all:hover::after {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1)}

.checkbox :checked~label::before {content: "";font-family: 'FontAwesome';font-size: 15px;text-align: center;color: #666;}
.slide-holder {width: 100%;display: inline-block;position: relative;padding: 10px 15px 20px;}
.slide-holder .depart_arrive-heading {font-size: 13px;color: #000;text-transform: uppercase;padding-bottom: 10px;font-weight: 500;}
.slide-holder .range-cont {width: 100%;margin: 0;padding: 0;display: inline-block;font-weight:500;margin-bottom: 10px;}
.slide-holder .range-cont .left-range {font-size: 12px;color: #555;text-align: left;width: auto;float: left}
.slide-holder .range-cont .right-range {font-size: 12px;color: #555;text-align: left;width: auto;float: right}
#slider-MaxDuration.slider-slide,#slider-price.slider-slide,#slider-outdep.slider-slide,#slider-outarr.slider-slide,#slider-indep.slider-slide,#slider-inarr.slider-slide {width: 92%;left: 8px;margin: 0;background: #ccc!important;height: 4px;top: 10px}
.ui-slider-horizontal .ui-slider-range {background: #226e68!important;border: none!important;height:2px;position: absolute;}
.ui-slider-horizontal .ui-slider-handle {top: -8px}
.ui-slider .ui-slider-handle {background: rgba(0,0,0,0) url(../images/handler_new.png) repeat scroll 0 0!important;cursor: pointer;height: 20px;position: absolute;
width: 20px;z-index: 2} 
#slider-range.slider-slide {width: 92%;left: 8px;margin: 0;background: #ccc!important;height: 4px;top: 10px}
.slid_holder .price-range {font-size: 13px;color: #333;padding-left: .3125em;pointer-events: none}
.slid_holder .price-range p {font-size: 12px;padding-bottom: 3px;}

/* Right content Area*/
.body-wrapper{width:100%; padding:35px 0px; position:relative; overflow:hidden; background: #eee; border-top: solid 1px #226e68;}
.right-area{width:75%; float:left; margin-left:2%; position:relative;font-family:"Merriweather", serif !important}
.sorting_search-container{width:100%; margin-bottom:25px; padding:0px; position:relative; display:inline-block;}
.sorting_search-container .sorting-section{width:29%; /*border:solid 1px #ccc;*/ float:left; padding:0px; font-weight: 400;}
.sorting_search-container .sorting-section li{width:50%; text-align:center; border-left:solid 1px #ccc; cursor:pointer; font-size:0.975em; color:#444; position:relative; float:left; padding:8px 0px; line-height:22px;}
.sorting_search-container .sorting-section li.selected{background:#fff !important; color:#296db4;}
.sorting_search-container .sorting-section li select{width:100%; padding:8px 20px 8px 16px; line-height:34px; background:none; color: inherit;}
.sorting_search-container .sorting-section li i {background-color:#f7f7f7; color:#666; font-size:14px; pointer-events: none; position: absolute; text-align: right; width: 35px; bottom:0px; right:0px;	top:0px;}
.sorting_search-container .sorting-section li i::before {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.sorting_search-container .sorting-section li:first-child{border-left:none;}
.sorting_search-container .search-bar{width:35%; max-height:42px; float:right; margin:0px; padding:0px; position:relative; font-weight: 600;}
.sorting_search-container .search-bar input{width:100%; border:solid 1px #ccc; padding:0 0.75em; height:40px; color:#666; font-size:15px; background:#fff;}
.sorting_search-container .search-bar i{position:absolute; right:10px; top:12px; font-size:16px; color:#6b7f9d;}
.page-box{width:100%;background:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);margin-bottom:1.5em;position:relative;border-radius: 15px;}
.page-box .heads-area{width:100%; padding:12px 15px 12px 0; margin:0px; overflow:hidden; position:relative;}
.page-box .heads-area .hotel-name{font-size:24px; color:#343434; display:inline-block; font-weight: 400;}
.page-box .heads-area .group-star {color: #fa7f06; font-size: 21px; margin-left:6px; display:inline-block;}
.page-box .heads-area .star-5:after{content:'\f005  \f005  \f005  \f005  \f005'; font-family:'FontAwesome';}
.page-box .heads-area .star-4:after{content:'\f005  \f005  \f005  \f005'; font-family:'FontAwesome';}
.page-box .heads-area .star-3:after{content:'\f005  \f005  \f005'; font-family:'FontAwesome';;}
.page-box .heads-area .star-2:after{content:'\f005  \f005'; font-family:'FontAwesome';}
.page-box .heads-area .star-1:after{content:'\f005'; font-family:'FontAwesome';}


.page-box .heads-area .location {font-size:12px; color:#666; font-weight:400; line-height:22px;}
.page-box .heads-area .location:before{content:'\f041'; font-family:'FontAwesome'; font-size:14px; color:#296db4; padding-right:0.3125em;}
.page-box .heads-area .pin{font-size:14px; color:#777; position:absolute; right:15px; top:10px; font-weight:600; cursor:pointer;}
.page-box .heads-area .pin i{font-size:20px; color:#a8a8a8; font-weight:normal; padding-left:6px;}
.fa-rotate-52 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.55); -webkit-transform: rotate(52deg); -ms-transform: rotate(52deg); transform: rotate(52deg);}
:root .fa-rotate-52 {filter: none;}
.page-box .heads-area .pin:hover{color:#296db4;}
.page-box .heads-area .pin:hover i{color:#296db4;}
.price_gallery-area{width:100%; margin:0px; padding:0px; display:block;}
.price_gallery-area .gallery-section{width:55%;float:left;position:relative;max-height:290px;min-height:290px;background:#2f4766;border-radius: 15px 0px 0px 0px;}
.price_gallery-area .gallery-section img{width:auto;max-width:100%;vertical-align:middle;border-radius: 12px 0px 0px 0px;  display: block;}
#hotel-gallery .owl-controls .owl-nav {height: 50px; left: 0; position: absolute; right: 0; text-align: left; top: 40%;}
#hotel-gallery .owl-controls .owl-nav .owl-prev {color: #fff; font-size: 30px; left: 5px; position: absolute;  padding:10px 16px 10px 14px;}
#hotel-gallery .owl-controls .owl-nav .owl-next {color: #fff; font-size: 30px; position: absolute; right:8px;  padding:10px 14px 10px 16px;}
#hotel-gallery .owl-controls .owl-nav div {background:none; margin:0;}
#hotel-gallery .owl-controls .owl-nav .owl-prev:hover {background:rgba(0, 0, 0, 0.2);}
#hotel-gallery .owl-controls .owl-nav .owl-next:hover {background:rgba(0, 0, 0, 0.2);}
#hotel-gallery .owl-controls.clickable .owl-nav div:hover {text-decoration: none;}
.owl-theme .owl-controls {margin-top: 0px !important;}
.owl-carousel .owl-item .item{height:290px;text-align:center;line-height:290px;border-radius: 15px 0px 0px 0px;}
.price_gallery-area .gallery-section .owl-carousel .owl-stage{border-radius: 15px 0px 0px 0px;}
.price_gallery-area .gallery-section .owl-carousel .owl-stage-outer{border-radius: 15px 0px 0px 0px;}

.price_gallery-area .gallery-section .recommended{font-size:14px; color:#fffbc2; font-weight:bold; position:absolute; right:10px; bottom:10px;}
.price_gallery-area .gallery-section .recommended:before{content:'\f087'; font-family:'FontAwesome'; font-size:20px; padding-right:0.3125em;}
.price_gallery-area .price-section{width:43%; float:left; position:relative; margin-left:2%;}
.price_gallery-area .price-section .amenities{list-style:none; margin:0px; padding:0px; overflow:hidden; max-height:40px;}
.amenities{list-style:none; margin:0px; padding:0px; overflow:hidden;}
.amenities li{float:left; vertical-align:top; overflow:hidden; margin:4px 12px 12px 0;}
.amenities li span{width:24px; height:24px; background:url(../images/amenities-sprite.png) no-repeat; float:left;}
.amenities li .wifi{background-position:0 0;}
.amenities li .cofee{background-position:-40px 0;}
.amenities li .ac{background-position:-80px 0;}
.amenities li .check-in{background-position:-120px 0;}
.amenities li .bar{background-position:-160px 0;}
.amenities li .swim{background-position:-200px 0;}
.amenities li .gym{background-position:-239px 0;}
.amenities li .room-service{background-position:-279px 0;}
.amenities li .business-center{background-position:-319px 0;}
.amenities li .restaurant{background-position:-358px 0;}
.price_gallery-area .price-section .area{list-style:none; margin:0px; padding:0; overflow:hidden; font-weight: 500;}
.price_gallery-area .price-section .area li{font-size:0.85em; color:#4a4a4a; padding:0.3125em 0;}
.price_gallery-area .price-section .area li:before{content:'\f0a4'; font-family:'FontAwesome'; font-size:18px; color:#777; padding-right:0.25em;}
.price_gallery-area .price-section .price-box{width:50%;padding: 0 0px 0px;margin-top:0.875em;overflow:hidden;}
.price_gallery-area .price-section .price-box p{font-size:14px;color:#444;padding: 0;margin: 0px;}
.price_gallery-area .price-section .price-box p.tax{font-size:12px; padding-top:2px;}
.price_gallery-area .price-section .price-box p.price{font-size:30px; color:#000; padding: 5px 0px;}
.price_gallery-area .price-section .price-box p.price small{font-size:15px; color:#444;}
.price_gallery-area .price-section .price-box p.fare{font-size:12px; color:#444; padding:1px;}

.price-atol{display: flex;}
.price-atol .atol-protec{width:50%; text-align: center; padding-top: 25px;}
.price-atol .atol-protec img{ width: 75px;}
.price-atol .atol-protec p{font-size: 13px;padding: 0 24%;text-align: center;line-height: 19px;}

.price_gallery-area .price-section .price-box .continue_btn{width: auto;background: #226e68;text-align:center;padding:13px 40px;font-size:20px;border:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-top:15px;/* float:right; */color:#fff;cursor:pointer;font-weight:normal;/* text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25); */-moz-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25);-webkit-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25);font-weight:600;border-radius: 5px;  transition: all ease 0.5s;}
.price_gallery-area .price-section .price-box .continue_btn:hover{background:#172120;}

.hotel_details-area{width:100%;padding:12px 15px;overflow:hidden;background: #226e68;border-radius: 0px 0px 15px 15px;border-top: 3px solid #fff;}
.hotel_details-area .room-type{width:55%;float:left;display: flex;padding-top: 10px;gap:30px;padding-left: 15px;}
.hotel_details-area .room-type .type{font-size:16px;color: #fff;font-weight: 400; position:relative;}
.hotel_details-area .room-type .type::before{content: "";width: 7px;height: 7px;background: #fff;position: absolute;left: -13px;top: 5px;border-radius: 100%;}
.hotel_details-area .room-type .type span{font-size:14px; color:#656565; display:block; font-style:italic; font-weight:normal; padding-top:0.25em;}
.hotel_details-area .buttons-area{width:43%; float:right; text-align:right; margin-top:6px;}
.hotel_details-area .buttons-area .hd_btn{font-size:14px; color:#777; padding:6px 10px; float:right; cursor:pointer;font-weight:500; background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; margin-left: 10px;}
.hotel_details-area .buttons-area .hd_btn i{font-size:16px; padding-right:0.25em;}
.hotel_details-area .buttons-area .hd_btn:hover{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#323b3b;}
.hotel_details-area .buttons-area .map_btn{font-size:14px; font-weight:500; color:#777; padding:6px 10px; float:right; cursor:pointer;background:#fafafa; border:solid 1px #ebebeb; border-radius:20px;}
.hotel_details-area .buttons-area .map_btn i{font-size:16px; padding-right:0.25em;}
.hotel_details-area .buttons-area .map_btn:hover{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#323b3b;}
.page-box:hover .hotel_details-area .buttons-area .map_btn{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#323b3b;}
.hotels-details-content{width:100%; padding:16px 0px 12px; background:#fcfcfc; position:relative; overflow:hidden; box-shadow:inset 0 7px 5px -5px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 7px 5px -5px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 7px 5px -5px rgba(0,0,0,0.2); display:none;margin-top: 20px;}
.hotels-details-content .content-area{width:100%; padding:0 15px; overflow:hidden;}
.hotels-details-content .content-area h2{font-size:20px; color:#343434; padding-bottom:0.25em; font-weight:normal;}
.hotels-details-content .content-area p{font-size:12px; color:#444; padding-bottom:0.75em; line-height:18px; font-weight: 400;}
.hotels-details-content .content-area span{font-size:14px; color:#444; padding:0.75em 0 0.25em; font-weight:600; display:block;}
.hotels-details-content .content-area h3{font-size:18px; color:#555; padding:15px 0 10px; font-weight:600;}
.amenities li em{font-size:14px; color:#555; font-style:normal; padding:0 0.5em; font-weight:400;}
.hotels-details-content .content-area .amenities li{margin:2px 6px 8px 0;  display: flex; align-items: center;}
.hotels-details-content .content-area .others_amenities{list-style:none; margin:0px 0 20px 0; padding:0px; overflow:hidden;}
.hotels-details-content .content-area .others_amenities li{width:33.33%; float:left; font-size:13px; color:#555; padding:5px 0; font-weight: 400;}
.hotels-details-content .content-area .others_amenities li:before{content:'\f00c'; font-family:'FontAwesome'; font-size:15px; color:#226e68; padding-right:5px;}
.map-container{width:100%; margin:10px 0 0 0; position:relative; max-height:352px; min-height:352px;}
.map-container img{width:100%; max-width:100%; min-height:430px;}
.map-container .map-btn-area{position:absolute; right:0; bottom:0; max-width:130px;}
.map-container .map-btn-area li{background:#296db4; border-radius:20px 0 0 20px; width:28%; font-size:14px; color:#fff; font-weight:600; font-style:italic; white-space: nowrap; overflow:hidden; padding:7px 10px 8px; transition: all 200ms linear; -webkit-transition: all 200ms linear; float:right; cursor:pointer; clear:both; margin-bottom:12px;}
.map-container .map-btn-area li i{font-size:18px; color:#fff; font-weight:normal; font-style:normal; padding-right:6px; min-width:24px;}
.map-container .map-btn-area li:hover{transition: all 200ms linear; -webkit-transition: all 200ms linear; width:100%; background:#ff4800;}
.map-container .map-btn-area li.active{width:100%; background:#ff4800;}

.page-box .flight-section{width:100%; padding:2px 15px 6px; margin:0px; overflow:hidden; position:relative;}
.page-box .flight-section .leftleg{width:49%; border:solid 1px #f0f0f0; padding:4px 10px; margin-right:1%; float:left;}
.page-box .flight-section .leftleg .heading{font-size:0.875em; color:#434343; font-weight:400; padding:0.25em 0 0.375em;}
.flight-summary-section{width:100%; padding:0.25em 0; clear:both; overflow:hidden;}
.flight-summary-section .airline-logo-container{width:10%; float:left;}
.flight-summary-section .airline-logo-container .airline-logo{width:30px; height:30px; border:1px solid #d2d2d2;}
.flight-summary-section .airline-logo-container .airline-logo img{max-width:100%; width:auto;}
.flight-summary-section .summary-details{width:90%; float:left;}
.flight-summary-section .summary-details .deps{width:50%; float:left; font-weight:400;}
.flight-summary-section .summary-details .deps .heads-text{color:#4c6b88; font-size:1em; line-height:15px;}
.flight-summary-section .summary-details .deps .heads-text .time{font-weight:600;}
.flight-summary-section .summary-details .deps .text_details{color:#777; font-size:0.75em; line-height:14px; padding-top:3px;}
.flight-summary-section .summary-details .arrives{width:50%; float:right; font-weight:400; text-align:right;}
.flight-summary-section .summary-details .arrives .heads-text{color:#4c6b88; font-size:1em; line-height:15px;}
.flight-summary-section .summary-details .arrives .heads-text .time{font-weight:600;}
.flight-summary-section .summary-details .arrives .text_details{color:#777; font-size:0.75em; line-height:14px; padding-top:3px;}
.page-box .flight-section .rightleg{width:49%; border:solid 1px #f0f0f0; padding:4px 10px; margin-left:1%; float:right;}
.page-box .flight-section .rightleg .heading{font-size:0.875em; color:#434343; font-weight:400; padding:0.25em 0 0.375em;}
.page-box .flight-section .buttons-area{width:100%; margin-top:8px; display:inline-block;}
.page-box .flight-section .buttons-area .fd_btn{font-size:12px; color:#777; padding:6px 10px; float:left; cursor:pointer; background:none; border:solid 1px #fff; border-radius:20px; font-weight:600; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.page-box .flight-section .buttons-area .fd_btn i{font-size:14px; padding-right:0.25em;}
.page-box .flight-section .buttons-area .fd_btn:hover{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#628bb3;}
.page-box:hover .flight-section .buttons-area .fd_btn{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#628bb3;}
.page-box .flight-section .buttons-area .cf_btn{font-size:12px; color:#777; padding:6px 10px; float:right; cursor:pointer; background:none; border:solid 1px #fff; border-radius:20px; font-weight:600; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.page-box .flight-section .buttons-area .cf_btn i{font-size:14px; padding-right:0.25em;}
.page-box .flight-section .buttons-area .cf_btn:hover{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#628bb3;}
.page-box:hover .flight-section .buttons-area .cf_btn{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px; color:#628bb3;}

.flight-details-content{width:100%; padding:18px 15px 0px; background:#fcfcfc; position:relative; overflow:hidden; box-shadow:inset 0 7px 5px -5px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 7px 5px -5px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 7px 5px -5px rgba(0,0,0,0.2); display:none;}
.flight-details-content .details-content{width:100%; margin-bottom:1em; position:relative; background:#fff; overflow:hidden; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1);}
.flight-details-content .details-content .heads-area{width:100%; padding:0.25em 0.75em 0.5em; overflow:hidden;}
.flight-details-content .details-content .heads-area .legs-title_container{float:left; width:15%; margin-top:0.6875em;}
.flight-details-content .details-content .heads-area .legs-title_container .legs-title{background:#7e7e7e; font-size:15px; font-weight:600; color:#fff; padding:0.35em 0; text-transform:uppercase; text-align:center; max-width:100px; min-width:100px;}
.flight-details-content .details-content .airline-summary{float: left;font-size: 12px;color: #383838;font-weight: 400;margin-right: 20px;
display: flex;gap: 5px;align-items: center;margin-top:7px; width: 15%; line-height: 14px; }
.flight-details-content .details-content .airline-summary .alogo{border:1px solid #eaeaea;}
.flight-details-content .details-content .airline-summary span{display: block;}


.depart-area{width:58%; float:left; font-weight:400; padding-top:0.125em;}
.depart-area .arr-section{width:35%; float:left; color:#226e68; font-size:1.125em; text-transform:uppercase;}
.depart-area .arr-section span{font-size:12px; text-transform:none; display:block; padding-top:0.125em; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; line-height:16px;}
.depart-area .icon-bdr{width:30%; border-top:dotted 1px #226e68; float:left; position:relative; top:20px;}
.depart-area .icon-bdr i{position:absolute; font-size:20px; top:-10px; left:46%; color:#226e68;}
.depart-area .dep-section{width:35%; float:left; color:#226e68; font-size:1.125em; text-transform:uppercase; text-align:right;}
.depart-area .dep-section span{font-size:12px; text-transform:none; display:block; padding-top:0.125em; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; line-height:16px;}
.time_stop-container{width:100%; background:#f8f8f8; position:relative; overflow:hidden; margin-top:0.25em;}
.time_stop-container .arr-date{font-size:0.875em; color:#383838; font-weight:600; border-right:solid 1px #e5e5e5; padding:0.6125em 0.75em; float:left;}
.time_stop-container .stopntime{float:right;}
.time_stop-container .stopntime .total_time{font-size:0.75em; color:#383838; font-weight:600; padding:0.8125em 0.75em; float:left;}
.summary-section{width:100%; padding:0 0.75em; overflow:hidden;}
.summary-section .details_area{width:100%; overflow:hidden; clear:both; padding:1em 0 0.75em;}
.summary-section .airlines-section{width:20%; float:left;}
.summary-section .airlines-section .alogo{float:left; width:27px; height:27px;}
.summary-section .airlines-section .alogo img{width:120%; border:solid 1px #d2d2d2;}
.summary-section .airlines-section .mtexts{float:left; font-size:14px; color:#1e1e1e; font-weight:600; padding-left:0.75em;}
.summary-section .airlines-section .mtexts span{font-size:12px; font-weight:400; display:block; padding-top:0.25em;}
.summary-section .airlines-section .operated{font-size:0.75em; font-weight:400; padding-top:0.5em; color:#898989; clear:both; text-overflow:ellipsis; white-space:nowrap; width:90%; overflow:hidden;}
.summary-section .summary-details{width:58%; float:left;}
.summary-section .summary-details .arrives{width:40%; float:left; font-weight:400;}
.summary-section .summary-details .arrives .heads-text{font-size:1.125em; color:#172120; display:block;}
.summary-section .summary-details .arrives .mtext_detail{font-size:0.6875em; color:#172120; line-height:14px; padding-top:0.25em;}
.summary-section .summary-details .deps{width:40%; float:right; font-weight:400; text-align:right;}
.summary-section .summary-details .deps .heads-text{font-size:1.125em; color:#172120; display:block;}
.summary-section .summary-details .deps .mtext_detail{font-size:0.6875em; color:#172120; line-height:14px; padding-top:0.25em;}
.summary-section .summary-details .deps .mtext_detail span{color:#cc0001;}
.summary-section .summary-details .touchdown{width:100%; text-align:center; padding:0.75em 0 0; font-size:0.6875em; font-weight:400; color:#505050; clear:both;}
.summary-section .baggage_class{width:18%; float:right; text-align:right;}
.summary-section .baggage_class .baggage{font-size:0.6875em; color:#226e68; font-weight:400; padding-bottom:0.75em;}
.summary-section .baggage_class .baggage i{font-size:14px; padding-right:0.25em;}
.summary-section .baggage_class .clss{font-size:0.75em; color:#226e68; font-weight:400;}
.summary-section .baggage_class .clss .icon{background:url(../images/seat_icon.png) no-repeat left; padding-right:16px;}
.stop-container{width:100%; text-align:center; font-size:11px; color:#172120; border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; padding:0.75em 0; font-weight:600;}
.stop-container i{font-size:15px; color:#226e68; padding-right:0.25em;}
.stop-container span{font-size:11px; color:#ca0000; padding-left:0.25em; text-transform:uppercase; font-weight: 400;}
.bottom-price-section{width:100%; padding:4px 15px 12px; margin:0px; overflow:hidden; position:relative; display:none;}
.bottom-price-section .price-box{width:100%; background:#f9f9f9; padding:10px 15px 20px; overflow:hidden;}
.bottom-price-section .price-box p{font-size:14px; color:#444; padding:5px 0;}
.bottom-price-section .price-box p.tax{font-size:12px; padding-top:2px;}
.bottom-price-section .price-box p.price{font-size:30px; color:#000; padding-top:0px}
.bottom-price-section .price-box p.price small{font-size:15px; color:#444;}
.bottom-price-section .price-box p.fare{font-size:14px; color:#444; padding:1px;}
.bottom-price-section .price-box .continue_btn{width:100%; background:#ff7e00; text-align:center; font-style:italic; padding:10px 0 12px; font-size:30px; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:20px; float:left; color:#fff; cursor:pointer; font-weight:normal; text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25); -moz-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25); -webkit-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25); font-weight:600;}
.bottom-price-section .price-box .continue_btn:hover{background:#f37f0d;}
.bottom-price-section .price-box .continue_btn:active{transform: translateY(4px); -moz-transform: translateY(4px); -webkit-transform: translateY(4px);}
.dropdown-section{width:auto; margin-top:-20px; top:50px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.176); border:none; background:#fff; min-width:220px; position:absolute; padding:10px; z-index:999;  opacity:0; visibility:hidden; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}
.dropdown-section.opened{opacity:1; visibility:visible; margin-top:0px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}

/*search Engine section*/

.be-container{margin:0px; position:relative; bottom:0; width:100%; display:none;}
.be-container .be-content{width:100%; background:rgba(0, 0, 0, 0.6); float:left; padding:0 0.75em 0.75em;}
.fl-hotel_frm-wrapper{position:relative; padding-top:16px;}
.fl-hotel_frm-wrapper .flight_hotel-details{position:relative;}
.flight_hotel-frm-wrap{width:100%; margin:0 0 0.5em; padding:0; position:relative; display:inline-block;}
.flight_hotel-frm-wrap li{float:left; width:30%; padding-right:0.375em; position:relative;}
.flight_hotel-frm-wrap li.date_column{width:20%; padding-right:0; padding-left:0.375em;}
.flight_hotel-frm-wrap input{width:100%; border:solid 1px #e5e5e5; padding:0 0.5em 0 0.625em; height:42px; color:#1a1a1a; font-size:14px; background:#fff;}
.flight_hotel-frm-wrap i{color: #acbcc7; font-size: 21px; right:5%; line-height: 42px; padding-left:8px; pointer-events: none; position: absolute; text-align: left; top:0; width:auto;}
.flight_hotel-frm-wrap span{color: #acbcc7; font-size: 16px; height: 28px; right:5%; line-height:42px; padding-left:8px; pointer-events: none; position: absolute; text-align: left; width:auto; top:0;}
.fl-hotel_frm-wrapper .bottom-section{width:100%; height:auto; display:block;}
.fl-hotel_frm-wrapper .bottom-section .pax-contents{width:30%; float:left; position:relative; padding-right:0.375em;}
.fl-hotel_frm-wrapper .bottom-section .pax-container{width:100%; border:solid 1px #e5e5e5; padding:0 0.5em 0 0.625em; height:42px; background:#fff; margin-top:0.5em; display:table; cursor:pointer;}
.fl-hotel_frm-wrapper .bottom-section .pax-container span{color:#1a1a1a; font-size:14px; width:auto; display:inline-block; vertical-align:middle; line-height:40px;}
.fl-hotel_frm-wrapper .bottom-section .pax-container i{color: #acbcc7; font-size: 21px; display:table-cell; width:15px; text-align:center; vertical-align:middle;}
.fl-hotel_frm-wrapper .bottom-section .more-options {width:40%; float:left; margin:0px; padding:0px;}
.fl-hotel_frm-wrapper .bottom-section .more-options li {float:left; list-style:none; position:relative; font-weight:400; margin-top:0.5em;}
.fl-hotel_frm-wrapper .bottom-section .more-options .airlnes select{width:100%; background:#fff; color:#333; font-size:14px; font-weight:400; border:solid 1px #cfcdcd; height:42px; line-height:36px; font-size:0.875em; padding:0 6px;}
.fl-hotel_frm-wrapper .bottom-section .more-options .airlnes i {background-color:#fff; color:#acbcc7; width:20px; font-size:21px; pointer-events: none; position: absolute; text-align: right; bottom:1px; right:1px; top:1px;}
.fl-hotel_frm-wrapper .bottom-section .more-options .airlnes i::before {position: absolute; right:8px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.fl-hotel_frm-wrapper .bottom-section .more-options .airlnes select option {color: #565555; font-size: 1em; padding: 0.3125em 0 0.3125em 0.25em; border-bottom: 1px solid #f5f5f5;}
.fl-hotel_frm-wrapper .bottom-section .more-options li:last-child {border-bottom:0; margin-left:2%; font-weight:600; margin-top:1.125em; min-width:6em;}
.fl-hotel_frm-wrapper .bottom-section .more-options li .checkbox{margin:0;}
.fl-hotel_frm-wrapper .bottom-section .more-options li .checkbox input{opacity:0; margin:0 !important; position:inherit !important; width:auto;}
.fl-hotel_frm-wrapper .bottom-section .more-options li .checkbox label {color:#fff; font-size:14px; padding-left:6px;}
.fl-hotel_frm-wrapper .bottom-section .more-options li .checkbox label::before {background-clip: padding-box; border: 1px solid #d8d8d8; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; content:' '; cursor: pointer; height: 16px; left: 1px; line-height: 14px; position: absolute; top: 2px; width: 16px; font-weight:400;}
.fl-hotel_frm-wrapper .bottom-section .more-options li .checkbox :checked ~ label::before {content: "\f00c"; font-family: 'FontAwesome'; font-size: 13px; text-align: center; color:#fff;}
.fl-hotel_frm-wrapper .bottom-section .search_flights {width:20%; float:right; position:relative; text-align:right; margin-top:0.375em;}
.search_btn {background:#ff7800; clear: both;  display: inline-block; overflow: hidden; padding:0.75em 2em; position: relative; color:#fff; cursor:pointer; margin-top:0.125em; font-weight:600; text-transform:uppercase;}
.search_btn:hover {background: #ff9600; text-decoration:none; color:#fff;}
.search_btn i{padding-right:0.25em;}

@media only screen and (max-width: 575px) {
    .page-top {
        margin-top: 0!important;
    }
}

.seg_container {
    width: 100%;background: #fff;border: 1px solid #ddd;display: inline-block;margin-bottom: 1.5em;transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.seg_container .inner-segment {width: 100%;padding: 0;margin: 0;display: inline-block;line-height: 1}
.seg_container .price-section {width: 100%;margin: 0;padding: 10px 12px;display: inline-block;vertical-align: top}
.seg_container .price-section .inner-detail {float: left}
.seg_container .price-section .inner-detail p {font-size: 13px;color: #555;display: block}
.seg_container .price-section .inner-detail .price {font-size: 20px;color: #343434;font-weight: 500;padding: 5px 4px 0 0;display: inline-block}
.seg_container .price-section .inner-detail .price span {font-size: 13px;color: #555;font-weight: 400;padding: 0 0 0 2px;display: none}
.seg_container .price-section .inner-detail .tprice {font-size: 14px;color: #444;font-weight: 400;display: inline-block}
.seg_container .price-section .baggage-details {float: right;text-align: right;margin-top: 12px}
.seg_container .price-section .baggage-details .check-baggage {font-size: 13px;color: #45a943}
.seg_container .price-section .baggage-details .check-baggage .icons {background: url(/pictures/luggage-icon.png) no-repeat center top;width: 16px;height: 16px;
display: inline-block;vertical-align: text-top}
.seg_container .price-section .baggage-details .hand-baggage {font-size: 13px;color: #4c4c4c}
.seg_container .price-section .baggage-details .hand-baggage .icons {background: url(/pictures/luggage-icon.png) no-repeat center bottom;width: 16px;
height: 16px;display: inline-block;vertical-align: bottom}
.airline-detail-area {width: 100%;margin: 0;padding: 0 12px;position: relative;background: #fff;border-top: solid 1px #ececec;/*border-bottom: solid 1px #ececec*/
}
.airline-detail-area .leg-area {width: 100%;padding: 10px 0;overflow: hidden;position: relative}
.airline-detail-area .leg-area.inbound {border-top: dotted 1px #d4d4d4}
.airline-detail-area .leg-area .logo-area {width: 40px;float: left;min-width: 40px;padding-top: 4px}
.airline-detail-area .leg-area .logo-area .logo {width: 27px;height: 27px;argin-right: .25em;display: inline-block}

.airline-detail-area .leg-area .logo-area .logo img {border: 1px solid #d2d2d2;max-width: 100%;width: 100%}
.airline-detail-area .leg-area .logo-area .logo-text {font-size: 13px;color: #343434;display: none;vertical-align: top;padding: 8px 3px 0}
.airline-detail-area .leg-area .logo-area .logo-text:after {content: ',';font-size: 14px}
.airline-detail-area .leg-area .logo-area .logo-text:last-child:after {display: none}
.airline-detail-area .leg-area .froms {width: 24%;float: left;padding-top: 4px}
.airline-detail-area .leg-area .froms .start-time {color: #343434;display: block;font-size: 15px;font-weight: 500}
.airline-detail-area .leg-area .froms .airport-name {color: #666;font-weight: 400;padding-top: 1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.airline-detail-area .leg-area .froms .airport-name .iata {font-size: 14px;display: none}
.airline-detail-area .leg-area .froms .airport-name .iata a {color: #666}
.airline-detail-area .leg-area .froms .airport-name .port {font-size: 12px;line-height: 16px}
.airline-detail-area .leg-area .divider-area {width: 46%;float: left;padding: 0 8% 0 8%;text-align: center;position: relative;top: 0}
.airline-detail-area .leg-area .divider-area .divider {width: 100%;height: 1px;background: gray;position: relative}
.airline-detail-area .leg-area .divider-area .divider:before {content: '';width: 9px;height: 9px;border: solid 1px gray;position: absolute;top: -4px;border-radius: 50%;left: -9px}
.airline-detail-area .leg-area .divider-area .divider:after {content: '';width: 9px;height: 9px;position: absolute;top: -4px;border-radius: 50%;right: -9px;z-index: 9999;}
.airline-detail-area .leg-area .divider-area .time-summary {font-size: 12px;color: #555;padding-bottom: 4px}
.airline-detail-area .leg-area .divider-area .stop-summary {font-size: 12px;color: #555;padding-top: 4px}
.airline-detail-area .leg-area .divider-area .stop-summary .stops {color: #c16262;display: inline}
.airline-detail-area .leg-area .duration {width: 27%;float: left;margin: 0 5%}
.airline-detail-area .leg-area .duration .steps {color: #6e6e6e;font-size: .75em;text-align: center;display: block;clear: both;line-height: 16px}
.airline-detail-area .leg-area .duration .steps .stops {color: #c16262;display: inline}
.airline-detail-area .leg-area .duration .arrow-area {background: #929192;color: #fff;font-size: .875em;font-weight: bold;height: 2px;margin: 6px 0 4px;
position: relative;width: 100%}
.airline-detail-area .leg-area .duration .arrow-area .arrow {position: absolute;right: -1px;top: -7px;z-index: 1}
.airline-detail-area .leg-area .duration .arrow-area .arrow i {color: #929192;font-size: 18px;font-weight: bold;line-height: 14px}
.airline-detail-area .leg-area .duration .arrow-area .stps-one,.airline-detail-area .leg-area .duration .arrow-area .stps-two {position: relative;top: -8px;
text-align: center}
.airline-detail-area .leg-area .duration .arrow-area .stps-one i,.airline-detail-area .leg-area .duration .arrow-area .stps-two i {background: #fff;box-shadow: 0 0 1px 2px #fff;-moz-box-shadow: 0 0 1px 2px #fff;-webkit-box-shadow: 0 0 1px 2px #fff;color: #666;font-size: .7em;font-weight: 600}
.airline-detail-area .leg-area .duration .arrow-area .stps-two i:first-child {margin-right: 1em}
.airline-detail-area .leg-area .tos {width: 24%;float: left;text-align: right;padding-top: 4px}
.airline-detail-area .leg-area .tos .end-time {color: #343434;display: block;font-size: 15px;font-weight: 500}
.airline-detail-area .leg-area .tos .end-time span {color: #a51a1a;font-size: 12px;position: relative;top: -3px}
.airline-detail-area .leg-area .tos .airport-name {color: #666;font-size: .75em;font-weight: 400;padding-top: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.airline-detail-area .leg-area .tos .airport-name .iata {font-size: 14px;display: none}
.airline-detail-area .leg-area .tos .airport-name .port {font-size: 12px;line-height: 16px}
.airline-detail-area .leg-area .tos .airport-name .iata a {color: #666}
.seg_container .bottom-section {width: 100%;margin: 0;padding: 10px 12px;display: inline-block;vertical-align: top}
.seg_container .bottom-section .details-btn_section {float: left;overflow: hidden;margin-top: 3px}
.seg_container .bottom-section .details-btn_section .details-btn {
width: auto;background: #226e68;text-align:center;padding:10px 20px;font-size:16px;border:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-top:15px;/* float:right; */color:#fff;cursor:pointer;font-weight:normal;/* text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25); */-moz-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25);-webkit-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25);font-weight:600;border-radius: 5px;
}


.seg_container .bottom-section .details-btn_section .details-btn i {font-size: 16px;padding-right: 3px;vertical-align: middle}
.seg_container .bottom-section .details-btn_section .details-btn span {padding-top: 2px;vertical-align: top;display: inline-block}
.seg_container .bottom-section .button_section {width: 70%;float: right;text-align: right}
.seg_container .bottom-section .button_section .seatlefts {font-size: 13px;color: #a51a1a;padding: 10px 0;display: inline-block;margin-right: 10px}
.seg_container .bottom-section .button_section .rating-area {display: none}
.seg_container .bottom-section .button_section .book_btn { width: auto;background: #226e68;text-align:center;padding: 10px 40px;font-size:24px;border:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-top:15px;/* float:right; */color:#fff;cursor:pointer;font-weight:normal;/* text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25); */-moz-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25);-webkit-text-shadow:0px 2px 1px rgba(0, 0, 0, 0.25);font-weight:600;border-radius: 5px;}

.seg_container .bottom-section .button_section .book_btn:hover {background: #226e68;color: #fff;}
.price-detail-area {width: 100%;margin: 0;padding: 0;position: relative}
.price-detail-area .details-toggle-box {width: 22%;background: url(../images/pattern-bg.jpg) repeat;height: auto;border-right: solid 2px #ebebeb;float: left}
.price-detail-area .details-toggle-box .det_btn {width: 100%;font-size: .8125em;font-weight: 600;color: #666;float: left;cursor: pointer;text-transform: uppercase;
padding: .6875em .75em;border-bottom: solid 2px #ebebeb;line-height: 20px}
.price-detail-area .details-toggle-box .det_btn i {border: 2px solid #999;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #999;
font-size: 12px;height: 17px;line-height: 14px;margin-right: .25em;text-align: center;width: 17px}
.price-detail-area .details-toggle-box .det_btn:hover {color: #0090ff}
.price-detail-area .details-toggle-box .det_btn:hover i {color: #0090ff;border-color: #0090ff}
.price-detail-area .details-toggle-box .bagages {width: 100%;font-size: .75em;font-weight: 600;color: #666;float: left;text-transform: uppercase;padding: .75em;
line-height: 20px}
.price-detail-area .details-toggle-box .bagages i {font-size: 16px;padding-right: .25em;color: #999}
.price-detail-area .price-area {width: 78%;float: left;padding: .5em 1em .5em .75em;text-align: left}
.price-detail-area .price-area .inner-detail {float: left}
.price-detail-area .price-area .inner-detail p {font-size: .75em;color: #444}
.price-detail-area .price-area .inner-detail .price-container {width: 100%;margin: 0;padding: 0;overflow: hidden}
.price-detail-area .price-area .inner-detail .price {font-size: 24px;color: #333;font-weight: 600;padding: .25em 0;float: left}
.price-detail-area .price-area .inner-detail .price small {font-size: 18px;padding-right: 1px}
.price-detail-area .price-area .inner-detail .seatlefts {font-size: 12px;color: #970000;font-weight: bold;padding: 1.125em 0 0 .5em;float: left}
.price-detail-area .price-area .inner-detail .seatlefts span {font-size: 12px;color: #970000;font-weight: 600}
.price-detail-area .price-area .inner-detail .tprice {font-size: 13px;color: #555;font-weight: 600}
.price-detail-area .price-area .inner-detail .tprice span {font-size: 12px;color: #8c8c8c;font-style: italic}
.price-detail-area .price-area .inner-detail .tprice span.desk-view {display: inline-block}
.price-detail-area .price-area .inner-detail .tprice span.mob-view {display: none}

.price-detail-area .price-area .rating-area {float: right;font-weight: bold;color: #4ca633;margin: 18px 20px 0 0;cursor: pointer;position: relative;display: none}
.price-detail-area .price-area .rating-area i {font-size: 30px;padding-right: 4px;vertical-align: middle}
.price-detail-area .price-area .rating-area.average {color: #84b078}
.price-detail-area .price-area .rating-area.unhappy {color: #b52300}
.price-detail-area .price-area .book_btn {width: auto;background: #ff7e00;text-align: center;line-height: 1;padding: 10px 40px;font-size: 20px;border: none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;margin-top: 11px;float: right;color: #fff;cursor: pointer;font-weight: 600!important}
.price-detail-area .price-area .book_btn:hover {background: #f37f0d}
.price-detail-area .price-area .book_btn:active {transform: translateY(4px);-moz-transform: translateY(4px);-webkit-transform: translateY(4px)}
.rating_popup {display: table;opacity: 0;position: absolute;transform: scale(.7);right: -100px;transition: all .3s ease 0s;visibility: hidden;width: 300px;z-index: 16;
padding: 15px;background: #fff;border-radius: 4px;box-shadow: 0 0 30px 0 rgba(0,0,0,.3);box-sizing: border-box;text-align: left;top: 40px}
.rating_popup.openes {opacity: 1;transform: scale(1);visibility: visible;z-index: 10;top: 40px;right: -100px}
.rating_popup .fa {color: #fff;font-size: 28px;position: absolute;top: -18px;left: 50%}
.rating_popup p {font-size: 13px;color: #343434;line-height: 20px;font-weight: normal}
.rating_popup p i {font-size: 16px!important;position: relative!important;top: 0!important;left: 0!important}
.rating_popup p span.unhappy {color: #b52300!important}
.rating_popup p span.unhappy i {color: #b52300!important}
.rating_popup p span.good {color: #4ca633!important}
.rating_popup p span.good i {color: #4ca633!important}
.flight_sorting-section {width: 100%;position: relative;padding: 0;margin: 20px 0;float: left}
.flight_sorting-section li {width: 33.33%;background: url(/pictures/sortingbg.jpg) repeat;border: solid 1px #e3e3e3;border-right: none;cursor: pointer;position: relative;float: left;padding: 10px 12px}
.flight_sorting-section li:first-child {border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px}
.flight_sorting-section li:last-child {border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0;border-right: solid 1px #e3e3e3}
.flight_sorting-section li.selected {background: #fff!important;border: solid 1px #aaa}
.flight_sorting-section li:hover {background: #f5f5f5}
.flight_sorting-content {width: 100%;margin: 0;padding: 0}
.flight_sorting-content .left-content {width: auto;float: left}
.flight_sorting-content .left-content .head-text {font-size: 14px;color: #333;font-weight: 400}
.flight_sorting-content .left-content .av_time {font-size: 12px;color: #666;padding-top: 2px}
.flight_sorting-content .right-content {width: auto;float: right;text-align: right}
.flight_sorting-content .right-content .frm {font-size: 12px;color: #777;padding-bottom: 1px}
.flight_sorting-content .right-content .st_price {font-size: 15px;font-weight: 500;color: #343434}
.details-toggle-box {width: 100%;background: #fff;height: auto}
.details-toggle-box .inner-area {width: 100%;padding: .6875em 1.5% .75em;overflow: hidden}
.details-toggle-box .inner-area .det_btn {width: auto;font-size: .8125em;font-weight: 600;color: #666;float: left;cursor: pointer;text-transform: uppercase}
.details-toggle-box .inner-area .det_btn i {border: 2px solid #999;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;color: #999;
font-size: 12px;height: 17px;line-height: 14px;margin-right: .25em;text-align: center;width: 17px}
.details-toggle-box .inner-area .det_btn:hover {color: #0090ff}
.details-toggle-box .inner-area .det_btn:hover i {color: #0090ff;border-color: #0090ff}
.details-toggle-box .inner-area .bagages {width: 20%;font-size: .75em;font-weight: 600;color: #666;float: left;padding-left: 3em;text-transform: uppercase;
display: none}
.details-toggle-box .inner-area .bagages i {font-size: 16px;padding-right: .25em;color: #999}
.details-toggle-box .inner-area .taxes-text {width: auto;font-size: .8125em;font-weight: 400;color: #666;float: right;text-align: right}
.details-content-box {width: 100%;padding: 1.25em .75em 0;background: url(/pictures/pattern-bg2.jpg) repeat;position: relative;overflow: hidden;box-shadow: inset 0 7px 5px -5px rgba(0,0,0,.3);-moz-box-shadow: inset 0 7px 5px -5px rgba(0,0,0,.3);-webkit-box-shadow: inset 0 7px 5px -5px rgba(0,0,0,.3);display: none;border-bottom: solid 2px #d5d5d5}
.details-content-box .details-content {width: 100%;margin-bottom: 1em;position: relative;background: #fff;overflow: hidden;line-height: 1;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);box-shadow: 0 0 3px 0 rgba(0,0,0,.2)}
.details-content-box .details-content .heads-area {width: 100%;padding: .25em .75em;overflow: hidden}
.details-content-box .details-content .heads-area .legs-title_container {float: left;width: 25%;margin-top: .6875em}
.details-content-box .details-content .heads-area .legs-title_container .legs-title {background: #7e7e7e;font-size: 15px;font-weight: bold;color: #fff;padding: .35em 0;text-transform: uppercase;text-align: center;max-width: 110px;min-width: 110px}
.depart-area {width: 85%;float: left;font-weight: 400;padding-top: 14px}
.depart-area .arr-section {width: 35%;float: left;color: #226e68;font-size: 1.125em;text-transform: uppercase}
.depart-area .arr-section span {font-size: 12px;text-transform: none;display: block;padding-top: .125em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
line-height: 16px}
.depart-area .icon-bdr {width: 30%;border-top: dotted 1px #226e68;float: left;position: relative;top: 7px}
.depart-area .icon-bdr i {position: absolute;font-size: 20px;top: -10px;left: 46%;color: #226e68}
.depart-area .dep-section {width: 35%;float: left;color: #226e68;font-size: 1.125em;text-transform: uppercase;text-align: right}
.depart-area .dep-section span {font-size: 12px;text-transform: none;display: block;padding-top: .125em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
line-height: 16px}
.time_stop-container {width: 100%;background: #f8f8f8;position: relative;overflow: hidden;margin-top: .25em}
.time_stop-container .arr-date {font-size: .875em;color: #383838;font-weight: 600;border-right: solid 1px #e5e5e5;padding: .6125em .75em;float: left}
.time_stop-container .stopntime {float: right}
.time_stop-container .stopntime .total_time {font-size: .75em;color: #383838;font-weight: 600;padding: .8125em .75em;float: left}
.summary-section {width: 100%;padding: 0 .75em;overflow: hidden}
.summary-section .details_area {width: 100%;overflow: hidden;clear: both;padding: 1em 0 .5em}
.summary-section .airlines-section {width: 25%;float: left}
.summary-section .airlines-section .alogo {float: left;width: 27px;height: 27px}
.summary-section .airlines-section .alogo img {width: 100%;border: solid 1px #d2d2d2}
.summary-section .airlines-section .mtexts {float: left;font-size: 14px;color: #1e1e1e;font-weight: 600;padding-left: .5em}
.summary-section .airlines-section .mtexts .span-texts {font-size: 12px;font-weight: 400;display: block;padding-top: .25em}
.summary-section .airlines-section .operated {font-size: .75em;font-weight: 400;padding-top: .5em;color: #898989;clear: both;width: 90%;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap}
.summary-section .summary-details {width: 55%;float: left}
.summary-section .summary-details .arrives {width: 45%;float: left;font-weight: 400}
.summary-section .summary-details .arrives .heads-text {font-size: 1.125em;color: #172120;display: block}
.summary-section .summary-details .arrives .mtext_detail {font-size: .6875em;color: #172120;line-height: 14px;padding-top: .25em}
.summary-section .summary-details .deps {width: 45%;float: right;font-weight: 400;text-align: right}
.summary-section .summary-details .deps .heads-text {font-size: 1.125em;color: #172120;display: block}
.summary-section .summary-details .deps .mtext_detail {font-size: .6875em;color: #172120;line-height: 14px;padding-top: .25em}
.summary-section .summary-details .deps .mtext_detail span {color: #cc0001}
.summary-section .summary-details .mtouchdown {width: 100%;text-align: center;padding: .75em 0 0;font-size: .6875em;font-weight: 400;color: #505050;clear: both}
.summary-section .baggage_class {width: 18%;float: right;text-align: right}
.summary-section .baggage_class .baggage {font-size: .6875em;color: #226e68;font-weight: 400;padding-bottom: .75em}
.summary-section .baggage_class .baggage i {font-size: 14px;padding-right: .25em}
.summary-section .baggage_class .clss {font-size: .75em;color: #226e68;font-weight: 400}
.summary-section .baggage_class .clss .icon {background: url(/pictures/seat_icon.png) no-repeat left;padding-right: 16px}
.stop-container {width: 100%;text-align: center;font-size: 11px;color: #172120;border-top: solid 1px #e9e9e9;border-bottom: solid 1px #e9e9e9;padding: .75em 0;
font-weight: 600;margin: .5em 0 .25em}
.stop-container i {font-size: 15px;color: #226e68;padding-right: .25em}
.stop-container em {font-size: 11px;color: #ca0000;padding-left: .6125em;text-transform: uppercase;font-style: normal;font-weight: normal}
.fa-rotate-45 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.5);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)
}
:root .fa-rotate-45 {filter: none}
.dtcl_btn {position: absolute;top: 7px;right: 5px;color: #fff;font-size: 1em;cursor: pointer;background: #bbb;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 2px 4px;z-index: 1}
.dtcl_btn:hover {background: #0451a4}
.sticky {position: fixed!important;width: 100%;top: 0;z-index: 998;display: block!important;-moz-box-shadow: rgba(0,0,0,.74902) 0 0 15px;-webkit-box-shadow: rgba(0,0,0,.74902) 0 0 15px;box-shadow: rgba(0,0,0,.74902) 0 0 15px}
#loadmsg {background: #fff;border: 1px solid #d9d9d9;color: #1d8ddd;font-size: .875em;font-weight: 500;margin: 0 0 2em;display: inline-block;padding: .75em 0;
text-align: center;width: 100%;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;cursor: pointer}
#loadmsg:hover {background: #e5e5e5;color: #555}
.searchPopup {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;overflow: auto;outline: none;visibility: hidden;opacity: 0;transform: scale(.5);
transition: all .35s ease-in;-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in}
.searchPopup.searchopen {visibility: visible;opacity: 1;transform: scale(1);z-index: 1100;transition: all .35s ease-in;-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in}
.searchPopup .modify-header {background: #f9f9f9;border-bottom: 1px solid #cdcecf;display: block;position: relative;padding: 17px 35px 15px 20px;border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0}
.searchPopup .modify-header .heading {font-size: 18px;color: #666}
.searchPopup .modify-header .close_popup {position: absolute;top: 16px;right: 16px;font-size: 20px;color: #777;cursor: pointer;z-index: 1101}
.searchPopup .modify-header .close_popup:hover {color: #444}
.popup-open {overflow: hidden}
.flightDetailsPopup {position: fixed;top: 0;right: 0;left: 0;bottom: 0;width: 1000px;margin: 5% auto;z-index: 1100;outline: none;visibility: hidden;opacity: 0;transform: scale(.5);transition: all .35s ease-in;-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in}
.flightDetailsPopup.detailopen {visibility: visible;opacity: 1;transform: scale(1);transition: all .35s ease-in;-webkit-transition: all .35s ease-in;-moz-transition: all .35s ease-in}
.flightDetailsPopup .details-header {background: #f9f9f9;border-bottom: 1px solid #cdcecf;position: relative;padding: 17px 35px 15px 20px;border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0}
.flightDetailsPopup .details-header .heading {font-size: 18px;color: #666}
.flightDetailsPopup .details-header i {position: absolute;top: 16px;right: 16px;font-size: 20px;color: #777;cursor: pointer;z-index: 1101}
.flightDetailsPopup .details-header i:hover {color: #444}
.flightDetailsPopup .wrappers2 {background: #fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px}
.flightDetailsPopup .details-footer {width: 100%;display: inline-block;vertical-align: top;background: #f9f9f9;border-top: 1px solid #cdcecf;position: relative;
padding: 10px 12px;border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px}
.flightDetailsPopup .details-footer .close_button {float: left;padding: 6px 12px;background: #aaa;border: solid 1px #aaa;border-radius: 2px;-webkit-border-radius: 2px;color: #fff;cursor: pointer;font-size: 14px;font-family: Rubik,sans-serif}
.flightDetailsPopup .details-footer .close_button:hover {background: #999}
.flightDetailsPopup .details-footer .popup-price-section {width: auto;float: right}
.flightDetailsPopup .details-footer .popup-price-section .total_price {font-size: 16px;color: #444;font-weight: 500;display: inline-block;padding: 9px 10px 0 0}
.flightDetailsPopup .details-footer .popup-price-section .total_price em {font-style: normal;font-weight: 400}
.flightDetailsPopup .details-footer .popup-price-section .pop-book_button {background: #fff;border: solid 1px #226e68;border-radius: 2px;-webkit-border-radius: 2px;
color: #226e68;cursor: pointer;font-size: 16px;font-family: Rubik,sans-serif;padding: 6px 24px;float: right}
.flightDetailsPopup .details-footer .popup-price-section .pop-book_button:hover {background: #226e68;color: #fff}
.opps_container {width: 500px;background: #fff;color: #fff;font-weight: 600;border: 1px solid #565555;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;position: absolute;text-align: center;white-space: normal;z-index: 9999999}
.recheckavloops {width: 100%;float: left;padding: 1em 1em 0}
.recheckavloops span {color: #565555;font-weight: normal;font-size: 1em;text-align: center;padding: 0 2em;float: left;margin-bottom: 1em}
.recheckavloops span a {color: #23a8e0;text-decoration: underline}
.details-content_container {max-height: 450px;overflow: auto}
.flightDetailsPopup {width: 100%;overflow-x: hidden;overflow-y: auto;margin: 0 auto}
.flightDetailsPopup .wrappers2 {width: 1000px;margin: 5% auto}
.flightDetailsPopup .details-header .desk-arrow-close {display: block}
.flightDetailsPopup .details-header .mob-arrow-close {display: none}
.result-container {width: 100%;margin: 0;padding: 0;position: relative;display: inline-block;font-family:"Merriweather", serif !important}
.result-container .filter_section {width: 23%;float: left;z-index: 8;font-family:"Merriweather", serif !important}
.result-container .result_section {width: 75%;float: right;padding-left: 15px;font-family: "Merriweather", serif !important;}
.result-container .filter_section .search-result-section {width: 100%;background: #fff;padding: 12px 15px;display: inline-block;border-bottom: solid 1px #dadada}
.result-container .filter_section .search-result-section .search-result_new {width: 100%;position: relative;overflow: hidden;text-align: center}
.result-container .filter_section .search-result-section .search-result_new .res-text {font-size: 14px;color: #333;font-weight: 500;display: inline-block;line-height: 16px}
.result-container .filter_section .search-result-section .search-result_new .res-text em {font-style: normal;font-size: 13px;display: block}
.result-container .filter_section .search-result-section .search-result_new .flight-countres {font-size: 14px;color: #333;float: left;line-height: 16px;vertical-align: top;padding-top: 2px;display: none}
.result-container .filter_section .search-result-section .search-result_new .reset_btn {display: none;font-size: 14px;color: #fa7f06;text-align: center;cursor: pointer;font-weight: 500;background: #fff;border: solid 1px #fa7f06;clear: both;border-radius: 20px;padding: 8px 20px;margin: 20px 15% 0;width: 70%}
.result-container .filter_section .search-result-section .reset-all {font-size: 11px;color: #666;text-align: right;position: relative;text-transform: uppercase;
cursor: pointer;float: right;padding-top: 4px;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.result-container .filter_section .search-result-section .reset-all:after {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background-color: #226e68;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s}
.result-container .filter_section .search-result-section .reset-all:hover {color: #226e68}
.result-container .filter_section .search-result-section .reset-all:hover::after {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1)}
.result-container .filter_section .section {width: 100%;height: auto;margin: 0;padding: 0;overflow: hidden;background: #fff;border-bottom: 1px solid #dadada;border-radius: 10px;margin-bottom:15px;}
.result-container .filter_section .filter-heading {font-size: 0.9375em;height: 38px;line-height: 38px;color: #000;font-weight: 600;padding: 0px 12px;cursor: pointer;}
.result-container .filter_section .filter-heading::before {position: absolute;content: '';left: -1px;top: 10px;color: #5798d4;font-family: FontAwesome;font-size: 24px;display: none}
.result-container .filter_section .filter-heading i {color: #000;font-weight: bold;position: relative;float: right;line-height: 36px;font-size: 21px;}
#ulStoplist {width: 100%;float: left}
#ulStoplist li {width: 100%;float: left;border-bottom: 1px dotted #f2f2f2}
#ulStoplist li:last-child {border-bottom: none}
.result-container .filter_section .section .stop-content {width: 100%;padding: 6px 15px;display: inline-block;vertical-align: top}
.result-container .filter_section .section .stop-content:hover {background: #f2f2f2}
.result-container .filter_section .section .stop-content .checkbox {float: right;margin-left: 0!important;margin-bottom: 0;margin-top: 0;text-align: right}
.result-container .filter_section .section .stop-content .checkbox input {opacity: 0;width: auto}
.result-container .filter_section .section .stop-content .checkbox label {color: #fff;font-size: .75em;font-weight: 600;line-height: 28px;margin: 0;min-height: 21px;
min-width: 16px;padding-left: 4px;position: relative;text-transform: none;line-height: 16px;display:inline;}
.result-container .filter_section .section .stop-content .checkbox label::before {background-clip: padding-box;background: #fff;border: 1px solid #d8d8d8;box-shadow: 0 0 3px rgba(0,0,0,.2) inset;-moz-box-shadow: 0 0 3px rgba(0,0,0,.2) inset;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2) inset;border-radius: 2px;content: "";
cursor: pointer;height: 20px;left: -18px;line-height: 18px;position: absolute;top: 0;width: 20px;font-weight: 400}
.result-container .filter_section .section .stop-content .checkbox :checked~label::before {content: "";font-family: 'FontAwesome';font-size: 13px;text-align: center;
color: #666}
.result-container .filter_section .section .stop-content .checkbox label::before {right: 0;top: -1px;left: -14px}
.result-container .filter_section .section .stop-content .stop_type {color: #343434;cursor: pointer;float: left;font-size: 12px;text-transform: uppercase;margin-top: 0;
overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;width: 85%;font-weight: 400}
.result-container .filter_section .section .stop-content .stop_type mark {color: #666;font-weight: normal;background: none;display: block;font-size: 12px;padding-top: 3px
}
.w100 {width: 100%!important}
.filter_res-head {background: #343434;width: 100%;float: left;border-bottom: 1px solid #929192}
.filter_res-head .head-text {float: left;font-size: 14px;color: #fff;margin-top: 14px;font-weight: 500;margin-left: .5em}
.airline-list-container {height: 360px;margin-bottom: 0;overflow: auto;background: #fff}
.airline-list {width: 100%;padding: 8px 15px;display: inline-block;vertical-align: top;border-bottom: 1px solid #f2f2f2}
.airline-list:hover {background: #f2f2f2}
.airline-list .checkbox {float: right;margin-left: 0!important;margin-bottom: 0;margin-top: 0;text-align: right}
.airline-list .checkbox input {opacity: 0;width: auto}
.airline-list .checkbox label {color: #fff;font-size: .75em;font-weight: 600;line-height: 28px;margin: 0;min-height: 21px;min-width: 16px;padding-left: 4px;position: relative;
text-transform: none;line-height: 16px;display:inline;}
.airline-list .checkbox label::before {background-clip: padding-box;background: #fff;border: 1px solid #d8d8d8;box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2) inset;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2) inset;border-radius: 2px;content: "";cursor: pointer;height: 20px;
left: -18px;line-height: 18px;position: absolute;top: 0;width: 20px;font-weight: 400}
.airline-list .checkbox :checked~label::before {content: "";font-family: 'FontAwesome';font-size: 13px;text-align: center;color: #666}
.airline-list .checkbox label::before {right: 0;top: -1px;left: -14px}
.airline-list .airline_type {color: #343434;cursor: pointer;float: left;font-size: 12px;text-transform: uppercase;margin-top: 0;overflow: hidden;text-align: left;
text-overflow: ellipsis;white-space: nowrap;width: 85%;font-weight: 400}
.airline-list .airline_type mark {color: #666;font-weight: normal;background: none;display: block;font-size: 12px;padding-top: 3px}
.airline-list .airline_only {position: absolute;top: -2px;right: 24px;margin: 0;text-transform: lowercase}
.airline-list .airline_only span {text-decoration: none;color: #23a8e0!important;text-align: right!important;font-size: 13px;float: right!important;background: #f1f1f1;
padding: 0 .5em;text-transform: capitalize;font-weight: 500}
.airline-list .airline_only span:hover {color: #226e68!important}
.all-airlines {width: 100%;cursor: pointer;background: #3f4c6b;color: #fff;font-size: 13px;text-align: center;padding: 12px 0}
#btn_Reset {width: 100%;float: left;margin-top: .5em;background: #d05630;border: none;font-size: .875em;text-align: center;color: #fff;cursor: pointer;padding: 10px 0
}
#btn_Reset:before {content: "↻";color: #fff;font-size: 1.25em;margin-right: .25em}
.noresult {float: none;background: none;text-align: center;height: auto}
.noresult .no-container {width: 100%;margin: 1em 0;padding-bottom: 30px}
.noresult .texts {font-size: 3em;font-weight: 600;padding: 0 0 .5em;color: #343434}
.noresult .texts span {font-size: 16px;font-weight: normal;display: block}
.noresult .texts p {font-size: 13px;color: #343434;text-align: center}
.noresult i {font-size: 220px;color: #999;text-shadow: 1px 2px 0 #fff;margin-top: 15px}
.noresultresultNotfound {float: none;margin: 0}
.noresultresultNotfound a {color: #fff;font-size: 1em;font-weight: 500;margin-bottom: 0;text-align: center;text-decoration: none;background: #1176c4;
padding: 6px 15px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px}
.noresultresultNotfound a:hover {background: #1a67a3;padding: 6px 15px}
.noresult .no-container .modify_search-btn {background: #1176c4;padding: 6px 10px;display: inline-block;text-align: center;color: #fff;font-size: 14px;font-weight: 400;
cursor: pointer;font-family: 'Rubik',sans-serif;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: solid 0 #bfbfbf;border-radius: 3px;-moz-border-radius: 3px;
-webkit-border-radius: 3px}
.noresult .no-container .modify_search-btn i {padding-right: 2px;font-size: 14px;color: #fff;margin: 0;text-shadow: none}
.noresult .no-container .modify_search-btn:hover {background: #1a67a3}
.airline-selection {width: 100%;padding: 6px 15px;display: inline-block;vertical-align: top;display: flex;justify-content: space-between;}
.airline-selection a {color: #666;float: left;font-size: 13px;padding: 0!important;width: auto;text-decoration: none}
.airline-selection a.active {color: #1d3b75;font-weight: 500}
.airline-selection span {padding: 0 10px;float: left;color: #666;line-height: 18px;font-size: 12px}


/******************************booking css***************************************/

.page-box .title{width: 100%;font-size: 20px;color: #343434;border-bottom: solid 1px #e4e4e4;padding: 1em 0.75em;font-weight: bold;padding-left: 25px;}
.page-box .frm-container{width:100%; padding:1em 0.75em; font-weight:400;}
.gender-btn{border:solid 1px #c6c6c6; position:relative; background:#fff;}
.gender-male{width:50%; width:50%; border-radius:2px 0 0 2px; padding:8px; vertical-align:middle; cursor:pointer; text-align:left; display:inline-block; float:left;  margin-right:0;}
.gender-btn::before{content: "\f10c"; font-family: FontAwesome; color:#666; padding-right:2px; font-size:16px;}
.gender-female{width:50%; width:50%; border-radius:0 2px 2px 0; margin-left:-1px; padding:8px; vertical-align:middle; cursor:pointer; text-align:left;  display:inline-block; float:left;}
.gender-btn span{color:#666; font-size:14px; font-family: 'Open Sans', sans-serif;}
.gender-btn:hover{border:solid 1px #2178b5; z-index:2;}
.gender-btn.active{background:#2178b5; border:solid 1px #2178b5;}
.gender-btn.active > span{color:#fff;}
.gender-btn.active::before{content: "\f192"; color:#fff;}

.checkbox{float:left; margin-left:0px !important; margin-bottom:0px;}
/*.checkbox .check{margin-left:2px !important; margin-top:6px !important;}*/
.checkbox label {color: #555;font-size:0.75em; font-weight:600;line-height: 28px;margin: 0;min-height: 21px;min-width: 16px;padding-left: 0px;position: relative;
text-transform:none;}
.checkbox label::before {background-clip: padding-box;background-color: #fff;border: 1px solid #d8d8d8;border-radius: 2px;content: "";cursor: pointer;height: 24px;
left: 0px;line-height: 24px;position: absolute;top: 2px;width: 24px;font-weight:400;}
.checkbox .check:checked ~ label::before {content: "";font-family: FontAwesome;font-size: 13px;text-align: center;}
.frm-control{width:100%; margin-bottom:1.25em; overflow:hidden; height:auto;}
.frm-control label{width:100%; font-size:0.8125em; color:#343434; padding-bottom:0.5em; font-weight:600; display: inline-block; padding-left:0.15em;}
.frm-control input{width:100%; border:solid 1px #c6c6c6; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 0.5em; height:38px; color:#555; font-size:13px; background: #fff;}
.frm-control .fname-box{width:50%; padding-right:10px; position:relative; float:left;}
.frm-control .fname-box .addit-text{font-size:11px; color:#777; padding:0.25em 0 0 0.25em;}
.frm-control .lname-box{width:50%; padding-left:10px; position:relative; float:left;}
.frm-control .dob-container{margin:0px; padding:0px;}
.frm-control .dob-container li{list-style:none; width:15%; padding-right:2%; float:left;}
.frm-control .dob-container li:last-child{padding-right:0; width:13%;}
.frm-control:last-child{margin-bottom:0em;}
.frm-control input:focus {border-color: #66afe9; outline: 0;}
.optional-container{width:100%; height:auto; border-top:solid 1px #e4e4e4; padding:0 0.75em; overflow:hidden;}
.optional-container .texts{width:100%; font-size:0.875em; color:#3e679c; font-weight:400; cursor:pointer; padding:1em 0; position:relative;}
.optional-container .texts i{font-size:1em; padding-right:0.25em;}
.optional-container .texts span{text-align:right; font-size:1.2em; float:right;}
.sliding-container{width:100%; background:#f2f2f2; padding:0.75em; position:relative; display:none; margin-bottom:0.75em;}
.select-wrapper{width:100%; position:relative; display:inline-block;}
.frm-control select{width:100%; color:#666; font-weight:400; border:solid 1px #c6c6c6; height:38px; line-height:30px; font-size:0.75em; padding:0 6px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.frm-control .select-wrapper i {background-color: #fff; color: #666; font-size: 18px; pointer-events: none; position: absolute; text-align: right; width: 32px; bottom:1px; right:1px; top:1px; border-radius: 0 1px 1px 0; -moz-border-radius:0 1px 1px 0; -webkit-border-radius:0 1px 1px 0;}
.frm-control .select-wrapper i::before {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.optional-text{margin:0px; padding:0px;}
.optional-text li{list-style:none; width:28%; padding-right:2%; float:left;}
.optional-text li:last-child{padding-right:0px; width:26%;}
.frm-control select option {color: #666; font-size: 1em; padding: 0.25em 0 0.25em 0.25em;}
.frm-control .flyer{width:40%;}
.frm-control .email{width:50%; padding-right:2%; float:left;}
.frm-control .mob-container{margin:0px; padding:0px;}
.frm-control .mob-container li{list-style:none; width:50%; padding-right:2%; float:left; padding-bottom:1.25em;}
.frm-control .mob-container li:nth-child(2n){padding-right:0;}
.input-group-content{width:100%; display:table;}
.input-group-content .county_code{width:80px; display:table-cell; background:#f7f6f6; border-top:solid 1px #c6c6c6; border-left:solid 1px #c6c6c6; border-bottom:solid 1px #c6c6c6; border-radius:2px 0px 0px 2px; -moz-border-radius:2px 0px 0px 2px; -webkit-border-radius:2px 0px 0px 2px; position:relative; cursor:pointer;}
.input-group-content select{width:100%; color:#343434; font-weight:400; border:solid 1px #f7f6f6; height:35px; line-height:28px; font-size:0.875em; padding:0 6px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:none;}
.input-group-content .select-wrapper i {background-color: #f7f6f6; color: #343434; font-size: 18px; pointer-events: none; position: absolute; text-align: right; width: 32px; bottom:1px; right:1px; top:1px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.input-group-content input{width:100%;  background: #fff; border:solid 1px #c6c6c6; border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; -webkit-border-radius:0px 2px 2px 0px; padding:0 0.5em; height:38px; color:#555; font-size:13px;}
.country-code_container{width:100%; height:auto; padding:0 0.5em; position:relative;}
.country-code_container .Ccode{color:#343434; font-weight:400; font-size:0.875em;}
.country-code_container .c-name{display:none;}
.country-code_container .fa{color:#343434; font-size: 18px; pointer-events: none; position: absolute; text-align:right; right:10px;}
.input-group-content .county_code .countrylist{list-style:none; background-color: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); margin: 0 0 0 -1px; max-height: 200px; overflow-y: scroll; padding: 0; position: absolute; text-align: left; white-space: nowrap; z-index: 2; min-width:300px; top:36px; display:none;}
.input-group-content .county_code .countrylist li{padding:5px 10px; color:#343434; font-weight:400; font-size:0.875em; width:100%; line-height:24px;}
.input-group-content .county_code .countrylist li .country-name{padding-left:0.375em;}
.input-group-content .county_code .countrylist li .country-code{color:#999;}


.pb-container{width:100%; position: relative; overflow:hidden; background:#f9f9f9;}
.pb-container .left-area{width:68%; float:left; background:#fff;}
.pb-container .left-area .inner-content{width:100%; padding:1em 1em 0.5em 0.75em; overflow:hidden; border-right:dashed 1px #b5b5b5;}
.pDetails-section{width:100%; margin:0px; padding:0px;}
.pDetails-section .head-content{font-size:0.875em; color:#555; font-weight:600; border-bottom:dashed 1px #b5b5b5; padding-bottom:0.625em;}
.pDetails-section .detailed-container{padding:0.25em 0 0.75em; overflow:hidden;;}
.pDetails-section .detailed-container .detailed{width:100%; font-weight:400;}
.pDetails-section .detailed-container .detailed .items{font-size:0.875em; color:#555; width:70%; float:left; padding:0.5em 0; line-height:18px;}
.pDetails-section .detailed-container .detailed .value{font-size:0.875em; color:#555; width:30%; float:left; text-align:right; padding:0.5em 0; line-height:18px;}
.pDetails-section .tprices{width:100%; border-top:solid 1px #dadada; padding-top:0.3125em; font-weight:600;}
.pDetails-section .tprices .items{font-size:0.875em; color:#555; width:70%; float:left; padding:0.5em 0; line-height:18px;}
.pDetails-section .tprices .value{font-size:1em; color:#ee5c27; width:30%; float:left; text-align:right; padding:0.5em 0; line-height:18px; font-weight:bold;}
.pb-container .right-area{width:32%; float:left; padding:10px; position:relative; margin: 0px;}
.pb-container .right-area .inner-content{width:100%; margin:0px; padding:0px;/* position:absolute; bottom:20px;*/}
.pb-container .right-area .inner-content .ypay{font-size:30px; color:#00324f; padding-bottom:0.5em; font-weight:600;}
.pb-container .right-area .inner-content .ypay em{font-size:18px; color:#4e4f4f; padding-bottom:0.3125em; font-style:normal; display:block;}
.pb-container .right-area .inner-content .byusing{font-size:0.75em; color:#555; padding-bottom:0.5em; font-weight:400;}
.pb-container .right-area .inner-content .terms-text{font-size:0.75em; color:#777; padding:1em 0; font-weight:400; line-height:16px;}
.pb-container .right-area .inner-content .terms-text u{color:#666;}
.payments_btn{background:#ee5c27; padding:12px 25px; text-align:center; color:#f7f7f7; font-size:20px; font-weight:600; cursor:pointer; font-family: 'Open Sans', sans-serif; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:none; margin-top:0.5em;border-radius: 3px;}
.pb-container .right-area .inner-content .safe-text{font-size:0.75em; color:#555; font-weight:400; line-height:20px; padding-top:0.5em;}
.pb-container .right-area .inner-content .safe-text i{font-size:18px; color:#eea127; padding-right:0.25em; vertical-align:middle;}

.gridrow{width:98%; max-width: 1200px; display: flex; justify-content: space-between; margin: 0 auto;}
.gridrow .griddetails{flex:0 0 calc(100% - 320px);}
.gridrow .summarybox{flex:0 0 300px; margin-top: 20px;}
.holidaysummary{display: block; width: 100%; box-shadow: -1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow);}
.holidaysummary strong.summaryname{ background-color: #226e68; font-size: 20px; font-weight: 600; width: 100%; display: block; padding: 12px 0; text-align: center;color: #fff;}
.holidaysummary strong.summaryname > img{display: none;}
.holidaysummary > ul{list-style: none; background-color: #e2fffd; padding:0;}
.holidaysummary > ul > li{font-size: 13px;  display: flex; justify-content: space-between; padding: 12px 10px;border-bottom: 1px dotted #000;}
.holidaysummary > ul > li:nth-child(even) {background: #f6fffe;}
.holidaysummary > ul > li > strong{display: inline-block; font-weight:700; flex:0 0 120px; font-size: 14px; position: relative;}
.holidaysummary > ul > li > strong::after{content: ':'; position: absolute; right: 15px;}
.holidaysummary > ul > li > span{flex:0 0 calc(100% - 110px); font-weight: 500;}
.holidaysummary > ul.paymentsummary{background-color: #226e68;color: #fff;}
.holidaysummary > ul.paymentsummary li:nth-child(even){background: none;}
.summarynot{background-color: #EEF3FC; padding: 15px; margin-top: 20px; box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);
    box-shadow: var(--fltshadow);}
.summarynot p{font-size:1.4em; line-height: 20px; color: #000000;}

.gridrow .griddetails .hoteltab ul{justify-content: flex-start;}
.moreText > p{font-size: 1.6em; color: #000000; color: var(--txtblack); line-height: 22px;}
#overviews a#readMore {font-size: 1.6em; color: #ff0000; margin-top: 10px; display: block;}
.requestsection{display: flex; justify-content: space-between; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow);}
.requestsection .reqinner{flex:0 0 60%; padding: 15px 20px;}
.requestsection .reqinner ul{list-style: none;}
.requestsection .reqinner ul li{display: block; font-size: 1.7em; margin: 8px 0; font-weight: 500;}
.requestsection .reqinner ul li:last-child{font-weight: 800; font-size: 1.8em; }
.requestsection .reqinner ul li span{width:120px; display: inline-block;}
.requestsection .reqinner p{font-size: 1.4em; margin-top: 20px; font-weight: 500;}
.requestsection .reqbtn{flex:0 0 40%; background-color: #F95539; background-color: var(--btnred); color: #ffffff;}
.requestsection .reqbtn a.reqbtngroup{display: flex; justify-content: center; align-items: center; font-size: 1.8em; color: #ffffff; font-weight: 700; height: 100%; text-decoration: none;}
.requestsection .reqbtn a.reqbtngroup img{margin-right: 10px;}
.gridrow .hdaycall{flex:0 0 180px;}
.gridrow .hdaygrid .hdaygridin .hdaydetail{flex: 0 0 calc(100% - 180px);}


/******************************end booking css***************************************/

::selection {color: #fff;background: #17a2b8;}
.wrapper {width: 400px;background: #fff;border-radius: 10px;padding: 20px 25px 40px;box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);}
header h2 {font-size: 24px;font-weight: 600;}
header p {margin-top: 5px;font-size: 16px;}
.price-input {width: 100%;display: flex;margin: 30px 0 35px;}
.price-input .field {display: flex;width: 100%;height: 45px;align-items: center;}
.field input {width: 100%;height: 100%;outline: none;font-size: 19px;margin-left: 12px;border-radius: 5px;text-align: center;border: 1px solid #999;-moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.price-input .separator {width: 130px;display: flex;font-size: 19px;align-items: center;justify-content: center;}
.slider {height: 5px;position: relative;background: #ddd;border-radius: 5px;}
.slider .progress {height: 100%;left: 25%;right: 25%;position: absolute;border-radius: 5px;background: #17a2b8;}
.range-input {position: relative;}
.range-input input {position: absolute;width: 100%;height: 5px;top: -5px;background: none;pointer-events: none;-webkit-appearance: none;-moz-appearance: none;}
input[type="range"]::-webkit-slider-thumb {height: 17px;width: 17px;border-radius: 50%;background: #17a2b8;pointer-events: auto;-webkit-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {height: 17px;width: 17px;border: none;border-radius: 50%;background: #17a2b8;pointer-events: auto;-moz-appearance: none;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/* Support */
.support-box {top: 2rem;position: relative;bottom: 0;text-align: center;display: block;}
.b-btn {color: white;text-decoration: none;font-weight: bold;}
.b-btn.paypal i {color: blue;}
.b-btn:hover {text-decoration: none;font-weight: bold;}
.b-btn i {font-size: 20px;color: yellow;margin-top: 2rem;}
.select-b{    width: 35%;max-height: 40px;float: left;margin: 0px;padding: 0px;position: relative;font-weight: 600;}
.select-b .select{width: 100%;height:38px;background: #fff;-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}

.payment-sec{width:100%;margin-bottom: 50px;}
.payment-b{width: 100%;padding: 0; }
.payment-b .innerb{background: #eff4ff;padding:20px 130px 25px 130px;border-radius: 10px;text-align: center;position: relative;}
.payment-b .innerb .top-head{width: 100%;}
.payment-b .innerb .top-head h3{font-size: 32px;font-weight: 500;color: #011427;margin:0px;}
.payment-b .innerb .top-head h3 span{display: block;font-size: 21px;}
.payment-b .innerb .top-head p{font-size: 32px;color: #226e68;padding: 1px 0px 15px 0px;  font-weight: bold;}
.payment-b .innerb .top-head p sup{font-weight: normal; font-size: 20px; color: #011427; line-height: 22px;}
.payment-b .innerb ul{display: flex; flex-flow: wrap; justify-content: center; gap: 8px;}
.payment-b .innerb li{width: calc(33% - 10px);min-height: 112px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 5px;position:relative;}
.payment-b .innerb li a{display: flex;align-items: center;justify-content: center;height: 100%; width: 100%;flex-flow:column; text-decoration:none}
.payment-b .innerb li p{font-size:15px;color: #8F8F8F;/* font-weight: 600; */padding-top:5px;}
.payment-b .innerb li .payment-b{border: 2px solid transparent;height:100%;border-radius:3px;}
.payment-b .innerb li .payment-b:hover,
.payment-b .innerb li .payment-b.active{background: #ECECEC;height:100%;border: 2px solid #d2d2d2;}

.payment-b .innerb li .checkmark {display: inline-block;width: 25px;height: 25px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 10px;top:10px;display: none;background: #562a4d;border-radius: 100%;box-shadow: rgba(255,255,255,0.8) 5px 2px 5px;}
.payment-b .innerb li .checkmark:before{content: "";position: absolute;width: 3px;height: 13px;background-color: #ffffff;left: 12px;top: 4px;}
.payment-b .innerb li .checkmark:after {content: "";position: absolute;width: 9px;height: 3px;background-color: #ffffff;left: 6px;top: 16px;}
.payment-b .innerb li .payment-b.active .checkmark{display: block;}
.payment-b .btn-row{display: flex;justify-content: space-between;padding: 20px 10px 0px 10px;}
.payment-b .btn-row a{font-size: 20px;color: #fff;padding: 7px 30px;border-radius: 4px;text-decoration: none;background:#226e68;}
.payment-b .btn-row .continue{background: #582c4f;}
.payment-b .btn-row a:hover{background: #555;}
.payment-b .btn-row .continue.disabled{ background-color: #ccc;color: #666; cursor: not-allowed;  opacity: 0.6; pointer-events: none;}

.payment-b .innerb .popup-c{position: absolute; left: 0px; top:0px;width:100%; background: #ccc; display: none;}
.payment-b .innerb .popup-c.active{display: block;}
img {
    max-width: 100%;
}
.flight-name img {
    height: 45px;
}
.payment-b .innerb .popup-c .overlay-h {
    display: flex;
    flex-flow: wrap;
    max-height: 430px;
    overflow: auto;
}
.payment-b .innerb .popup-c .overlay-h::-webkit-scrollbar{width: 10px; height: 10px;}
.payment-b .innerb .popup-c .overlay-h::-webkit-scrollbar-thumb {background-color: #00324f;}
.payment-b .innerb .popup-c .imgb{width: 50%;background:#b2fce4;}
.payment-b .innerb .popup-c .textb{width: 50%;background:#fff;padding:20px 15px; box-sizing: border-box; position: relative;}
.payment-b .innerb .popup-c .close-p{position: absolute; right:15px; top:0px; background: #000; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; z-index: 99; color: #fff; cursor: pointer;}
.payment-b .innerb .popup-c .textb li{width: 100%;display:block; text-align: left; min-height: auto; margin-bottom: 10px;}
.payment-b .innerb .popup-c .textb li:hover{border-color: #fff; background: none;}
.payment-b .innerb .popup-c .textb h4{margin: 0px;}
.payment-b .innerb .popup-c .textb p{font-size: 15px; line-height: 22px; color: #555;}
.payment-b .innerb .popup-c .textb li a{display: inline-block; width: auto;}

.payment-b .innerb .popup-c .btn-column{width: 100%; padding: 10px 20px; text-align: right; box-sizing: border-box;-webkit-box-sizing: border-box; }
.payment-b .innerb .popup-c .btn-column a{font-size: 20px;color: #fff;padding: 7px 30px;border-radius: 4px;text-decoration: none;background: #9f814d; display: inline-block;;}
.payment-b .innerb .popup-c .btn-column .continue{background: #226e68;}
.payment-b .innerb .popup-c .btn-column a:hover{background: #555;}
.payment-b .innerb .popup-c .textb li.active{background: none;border-color: #fff;}
.payment-b .innerb .popup-c .imgb .mobile{display: none;}

.refund-popup {position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);}
.refund-popup .innerb{background-color: #fff;padding: 20px;border: 1px solid #888;width: 80%;/* min-height: 300px; */max-width: 420px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;border-radius:6px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border: 5px solid #522749;}
.refund-popup .innerb p{margin:0px;line-height: 28px;font-size: 17px;font-weight: 500; color: #212529 !important;}

.refund-popup .innerb .close {position: absolute;right: 32px;top: 32px;width: 26px;height: 26px;cursor:pointer;background: #ffffff;opacity:1;padding:3px 5px 5px 5px;border-radius:4px;}
.refund-popup .innerb .close:before, .refund-popup .innerb .close:after {position: absolute;left: 12px;content: ' ';height: 20px;width: 2px;background-color: #502548;}
.refund-popup .innerb .close:before {transform: rotate(45deg);}
.refund-popup .innerb .close:after {transform: rotate(-45deg);}
.refund-popup .innerb .close:before {transform: rotate(45deg);}
.refund-popup .innerb .close:not(:disabled):not(.disabled):focus, .refund-popup .innerb .close:before {transform: rotate(45deg);}
.refund-popup .innerb .close:not(:disabled):not(.disabled):hover {opacity: .75; }
.refund-popup .innerb .ok-btn {background: #226e68;padding:7px 25px;font-size: 18px;color: #fff;border-radius: 5px;border: none;margin:20px 0px;}
.refund-popup .innerb .ok-btn:hover{background:#555;}
.refund-popup h4{background: #502548;font-size: 22px;padding: 10px 10px;color: #ffffff;line-height: 30px;display: flex;align-items: center;gap: 10px;justify-content: center; border-radius:3px;}
.refund-popup h4 img{max-width:30px;}
.refund-popup h5{font-size:26px;font-weight:600;}
.refund-popup .red{background:#ff0000; color:#fff;display:inline-block; padding:0 15px;}
.refund-popup .btn-row .ok-btn{cursor: pointer;}
.payment-b .innerb li .refund-popup{display: none;}
.payment-b .innerb li .refund-popup h5{background: #226e68;color: #fff;padding:8px 7px;font-weight: 500;font-size: 22px;margin-bottom: 10px;border-radius:4px;}
.payment-b .innerb li .refund-popup p{font-size: 18px;}
.payment-b .innerb li .refund-popup .btn-row{padding: 20px 0 0 0;}
.payment-b .innerb li .refund-popup .btn-row .ok-btn{margin-bottom: 0px;padding: 10px 25px;font-size: 16px; border-radius: 3px;}
.payment-b .innerb li .refund-popup .innerb{ border-width: 3px;}
.payment-b .innerb li .payment-b.active + .refund-popup{display: block;}





*{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.heading{font-size: 22px; font-weight: 500; margin-bottom:15px;}
.container{max-width: 1140px; margin: 0 auto;}
.Payment-n{width: 100%;}
.Payment-n .leftcol{width: 68%;margin-right: 2%;}
.payment-tab,.payment-nav,.payment-text{width: 100%;}
.payment-nav{position: relative;}
.payment-tab{margin-bottom: 15px; position: relative;}
/*.payment-tab:before {content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: rgb(0, 0, 0, 0.1);z-index: 99; display: none;}*/
.payment-tab.active:before{ display: block;}
.payment-nav::after{content: "";width: 100%;background: #fff;height: 7px;position: absolute;left: 0px;bottom: -6px;}
.payment-tab h3{font-size: 22px; font-weight: 500; margin-bottom:15px;}
.payment-nav ul{display: flex; gap: 6px;}
.payment-nav li{background: #f5f5f5; box-shadow: rgba(0,0,0,0.5) 0px 0px 4px; width: calc(21% - 6px); text-align: center; padding:8px 0px; cursor: pointer; transition: all ease 0.5s; position: relative;}  
.payment-nav li.active:after{content: "";background: url(../images/icon-check2.png) center no-repeat #fff;width: 18px;height: 18px;position: absolute;
right: 2px;top: -9px; background-size: 100%;}
.payment-nav li img{max-height: 33px;}
.payment-nav li:hover,.payment-nav li.active{background: #fff;}
.payment-text{width: 100%; padding: 20px;background:#fff;box-shadow: rgba(0,0,0,0.5) 0px 0px 4px; display: none;}
.payment-text.active{display: block;}
.payment-text h4{font-size: 18px; margin-bottom: 15px;}
.payment-text .w-box{ display: flex; border: 1px solid #d4d4d4; align-items: center;  padding: 10px 15px;  border-radius: 3px; gap: 15px; width: 60%; margin-bottom: 15px; position: relative;}
.payment-text .w-box .payment-image{max-height: 33px;}
.payment-text .w-box .info-icon{max-height: 20px; cursor: pointer;}
.payment-text .w-box p{font-size: 13px;}
.payment-text .w-box p span{color: #ff2f15;}
.payment-text .w-box .pay-info{background: #fff;width: 350px;height: 279px;position: absolute;right: -310px;border: 1px solid #e6e4e4;border-radius: 4px;
display: none;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px;top: -103px;z-index: 999;}
.payment-text .w-box .pay-info.active{display: block;}
.payment-text .w-box .pay-info .top-row{background: #f0f0f0; padding: 15px 20px;  display: flex; justify-content: space-between;  border-radius: 4px 4px 0px 0px; align-items: center;}
.payment-text .w-box .pay-info .top-row:after {top: 120px;content: "";width: 12px;height: 12px;border-top: 5px solid #ffffff;border-right: 5px solid #ffffff;
position: absolute;left: -5px;transform: rotate(-45deg);background: #ffffff;}
.payment-text .w-box .pay-info .top-row .earn{background: rgb(255, 255, 255);color: rgb(51, 51, 51);text-decoration: none;box-shadow: rgba(53, 37, 18, 0.24) 0px 0px 4px 0px;display: flex;justify-content: center;align-items: center;gap: 4px;padding: 10px;border-radius: 8px;text-align: center;cursor: pointer; font-size: 14px;}
.payment-text .w-box .pay-info .top-row .price{font-size:32px; color: #f54900;}
.payment-text .w-box .pay-info .inneb{padding: 15px 20px;}
.payment-text .w-box .pay-info .inneb h5,.payment-text .w-box .pay-info .inneb p{font-weight: normal;font-size: 13px;display: flex;align-items: center;gap: 6px; margin-bottom: 10px;}
.payment-text .w-box .pay-info .inneb h5 img,.payment-text .w-box .pay-info .inneb p img{max-height: 20px;}
.payment-text .w-box .pay-info .inneb li{width: 100%; display: flex; background: none; position: relative; margin-bottom: 20px;}
.payment-text .w-box .pay-info .inneb li:before{width:13px; height: 13px;content:""; display: inline-block;  border: 1px solid #ff2f15; position: absolute; left: 0px; border-radius: 100%;background:#fff;}
.payment-text .w-box .pay-info .inneb li:last-child:before{background: rgb(255,9,27);background: linear-gradient(185deg, rgba(255,9,27,1) 0%, rgba(255,104,12,1) 49%, rgba(255,161,2,1) 100%);}
.payment-text .w-box .pay-info .inneb li:after{content: ""; width: 2px; height: 23px; background: #f54900; position: absolute; left: 6px; top:14px;}
.payment-text .w-box .pay-info .inneb li:last-child:after{display: none;}
.payment-text .w-box .pay-info .inneb li .col{width: 70%; font-size: 13px;}
.payment-text .w-box .pay-info .inneb li .col2{width: 30%; text-align: right;font-size: 13px; font-weight: 600;}
.payment-text .w-box .pay-info .inneb .all-p-logo{ display: flex; gap: 8px;}
.payment-text .w-box .pay-info .inneb .all-p-logo img{max-height: 18px;}
.payment-text .w-box .pay-info .close-btn{background: #f54900;  width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; border-radius: 5px; position: absolute;right: -15px;top: 1px;  cursor: pointer;}



.payment-text li{font-size: 13px; margin-bottom: 10px; line-height: 16px; background: url(../images/icon-check.png) left 4px no-repeat; padding-left: 20px; background-size: 16px; padding-left: 22px;}

.Payment-n .terms-confirm{width: 100%;position:relative; padding-left: 29px; line-height: 16px; margin-bottom: 20px;}
.Payment-n .terms-confirm label{font-size: 13px; color:#555555;line-height:14px;}
.Payment-n .terms-confirm .form-check-input{position: absolute; left: 0px; top:0px;width:17px;height:17px;}
.Payment-n .terms-confirm label a{color: #555; text-decoration: underline;}
.Payment-n .terms-confirm label a:hover{text-decoration: none;}
.Payment-n .pay-btn{background: #1c75bc; font-size:20px; border: none; color: #fff; padding:8px 15px 8px 15px;transition: all ease 0.5s; cursor: pointer;}
.Payment-n .pay-btn:hover{background: #582c4f;}

.imp-information{width: 100%;}
.imp-information h3{font-size: 22px;font-weight: 700;color: #14423e;margin-bottom:10px}
.imp-information p strong{font-size:15px; line-height:22px; font-weight: bold;}
.add-transfer h3,.add-attractions h3{font-size: 22px;font-weight: 700;color: #226e68;margin-bottom: 5px;}
.add-transfer p,.add-attractions p{font-size:14px; line-height:24px; padding-bottom:5px;}
.add-transfer .row-c{width: 100%; display: flex; justify-content: space-between; gap: 15px; margin-bottom: 15px;}
.add-transfer .row-c .col{border: 1px solid #ededed; padding: 15px; width:50%; border-radius: 3px;}
.add-transfer .row-c .col h4{font-size:15px; font-weight: bold;}
.add-transfer .row-c .col p{font-size:12px; line-height:24px;}
.add-transfer .row-c .col .btn-row{display: flex; justify-content: space-between; border-top:2px solid #f7f7f7;padding-top:15px;margin-top:10px; align-items: center;}
.add-transfer .row-c .col .btn-row strong{display: block; font-size: 22px; font-weight: bold;}
.add-transfer .row-c .col .btn-row span{display:block; font-size:12px;line-height:16px;}
.add-transfer .row-c .col .btn-row .btn{min-width: 120px;min-height: 50px;}
.add-transfer .row-c .col .btn-row .btn i{padding-right:10px; font-size:18px; display: none;}
.add-transfer .row-c .col .btn-row .btn.active{background-color: #172120;}
.add-transfer .row-c .col .btn-row .btn.active i{display: block;}
.add-attractions p{padding-bottom:10px;}
.add-attractions .column{width:100%;display:flex;gap:15px;border:2px solid #f7f7f7;margin-bottom:15px;}
.add-attractions .column .imgb{width:330px;}
.add-attractions .column .imgb img{display: block;}
.add-attractions .column .textb{width:calc(100% - 330px); padding:15px 15px 15px 0px;}
.add-attractions .column .textb h4{font-size:16px;  font-weight: bold; margin-bottom:6px;}
.add-attractions .column .textb p{font-size:12px; line-height:17px; padding-bottom:6px;}
.add-attractions .column .textb a{color:#000;  font-size:13px; text-decoration: underline;}
.add-attractions .column .textb a:hover{text-decoration: none;}
.account-value{display: flex; gap: 5px;}
.account-value input {width: 50px;text-align: center;padding: 8px;font-size: 18px;}
.account-value button {padding: 10px 15px;font-size: 18px;cursor: pointer;border: none;border-radius: 5px;background: #0ea5a4;color: #fff;}
.account-value button:active {transform: scale(0.95);}
.add-attractions .column .textb .btn-row{display:flex; justify-content: space-between; padding-top: 15px;  align-items: center;}
.add-attractions .column .textb .btn-row .price p{font-size:13px;padding-bottom:0px;}
.add-attractions .column .textb .btn-row .price strong{font-size:22px; font-weight: bold;}
.imp-information .paxatol_som{display: flex; align-items: start; gap: 15px; padding-top: 10px;}
.imp-information .paxatol_som .form-check-input{width:18px; height: 18px;transform: scale(1.8);-webkit-transform: scale(1.8); margin-left: 5px;}
.imp-information .paxatol_som label{font-size:13px; line-height: 19px;}



@media screen and (max-width:1200px) {
	.fixed-width{width: 96%;}	
    
}
@media screen and (max-width:950px) {
	.filter-area{min-width:320px;}
	.right-area{width:100%; margin-left:0;}
	.filter_btn{display:block;}
	.filter-head{display:block;}	
	.sorting_search-container .sorting-section{width:50%}
	.sorting_search-container .search-bar{width:30%}
	.sorting_search-container .sorting-section li{width:23%}
	.sorting_search-container .sorting-section li.first{width:31%;}
	.filter-area .search-result_new{background:#fff; padding-left:0.6125em; padding-right:0.6125em;}
}
@media screen and (max-width:768px) {
	.sorting_btn{display:block;}
	.flight-summary-section .airline-logo-container{width:14%;}
	.flight-summary-section .summary-details{width:86%;}
	.hotel_details-area .buttons-area .hd_btn{margin-left:0;}
	.sorting_search-container .search-bar{width:50%}
	.sorting_search-container .sorting-section{background:#fff; min-width:320px; border:none;}
	.sorting_search-container .sorting-section li{width:100%; float:none; border:none; text-align:left; padding:0.5em 0 0.5em 0.75em; border-bottom:solid 1px #e5e5e5;}
	.sorting_search-container .sorting-section li.first{width:100%;}
	.sorting-head{display:block;}
	.flight-details-content .details-content .heads-area .legs-title_container{width:25%;}
	.depart-area{width:75%;}
	.summary-section .airlines-section{width:25%;}
	.summary-section .summary-details{width:75%;}
    .summary-section .baggage_class{clear:both; float:left; width:100%; text-align:left; margin-top:0.875em;}
    .summary-section .baggage_class .baggage{float:left; margin-right:1em;}
    .summary-section .baggage_class .clss{float:left;}
	.sorting-section:before{content:'\f0d8'; font-family:'FontAwesome'; font-size:24px; color:#fff; position:absolute; left:50%; top:-16px; text-shadow:0 0 1px #ccc; -moz-text-shadow:0 0 1px #ccc; -webkit-text-shadow:0 0 1px #ccc;}
}
@media screen and (max-width:640px) {
	.price_gallery-area .gallery-section{width:100%; float:none;}
	.price_gallery-area .price-section{width:100%; float:none; margin-left:0; margin-top:0.75em;}
	.price_gallery-area .price-section .price-box{display:none;}
	.bottom-price-section{display:block;}
	.hotels-details-content .content-area .others_amenities li{width:50%;}
	.summary-section .airlines-section{width:100%; padding-bottom: 1em;}
    .summary-section .summary-details{width:100%;}
	.summary-container .top-summary-container{width:100%;}
	.summary-container .modify_serch-btn{float:left; margin-top:12px;}
	.banner_top-text{font-size:20px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.page-box .flight-section .leftleg{width:100%; margin-right:0;}
	.page-box .flight-section .rightleg{width:100%; margin-left:0; margin-top:15px;}
	.flight-summary-section .airline-logo-container{width:10%;}
}
@media screen and (max-width:550px) {
	.page-box .heads-area .pin{display:none;}
	.page-box .heads-area .group-star{display:block; padding:0.25em 0 0.125em; margin-left:0;}
	.hotel_details-area{padding:8px 15px}
	.hotel_details-area .room-type{width:100%;}
	.hotel_details-area .buttons-area{width:100%; margin:12px 0 8px;}
	.hotel_details-area .buttons-area .hd_btn{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px;}
	.hotel_details-area .buttons-area .map_btn{background:#fafafa; border:solid 1px #ebebeb; border-radius:20px;}
	.flight-details-content .details-content .heads-area .legs-title_container{width:35%;}
    .depart-area{width:65%;}
	.summary-container {margin-top: 26px;}
}
@media screen and (max-width:480px) {
    .logo img{
        height:auto!important;
    }
    .tab-container .tabs li a {
        padding: 14px 16px;
    }
	.sorting_search-container .search-bar{width:100%; margin-top:1em;}
	.owl-carousel .owl-item .item{height:200px; line-height:normal;}
	.gallery_img-view{position:relative;}
	.price_gallery-area .gallery-section{max-height:none; min-height:inherit;}
	#hotel-gallery .owl-controls .owl-nav .owl-prev{font-size:20px; padding:10px 14px 10px 12px;}
	#hotel-gallery .owl-controls .owl-nav .owl-next{font-size:20px; padding:10px 12px 10px 14px;}
	.bottom-price-section .price-box p{text-align:center;}	
	.summary-section .airlines-section .alogo {display:none;}
	.summary-section .airlines-section .mtexts {padding-left:0;}
	.summary-section .airlines-section .mtexts .span-texts {display:inline; padding-left:0.25em;}
    .stop-container {margin-top:0;}
	.stop-container em {display:block; padding-top:8px;}
    .depart-area .icon-bdr{top:9px;}
    .depart-area .arr-section span{display:none;}
    .depart-area .dep-section span{display:none;}
    .details-content-box .details-content .heads-area .legs-title_container{margin-top:0.25em;}
    .depart-area{padding-top:0.8125em;}
    .depart-area .icon-bdr i{left:36%;}
    .summary-section .baggage_class .baggage{float:left; margin-right:0; width:50%;}
    .summary-section .baggage_class .clss{float:right;}
	.stop-container span{display:block; padding-top:0.5em; padding-left:0;}
	.sorting_btn{float:right;}
	.sorting_search-container .sorting-section{right:0;}
	.sorting-section:before{left:84%;}
}
@media screen and (max-width:400px) {
	.tab-container .tabs li a{padding:12px 16px; font-size:0.875em;}
	.hotels-details-content .content-area .others_amenities li{width:100%;}
	.filter-area{min-width:100%;}
	.sorting_search-container .sorting-section{min-width:100%;}
	.flight-summary-section .airline-logo-container{width:14%;}
	.flight-details-content .details-content .heads-area .legs-title_container{width:45%;}
    .depart-area{width:55%;}
}
@media screen and (max-width:359px) {
	.tab-container .tabs li a{padding:12px 7px;}	
}

/*==========================================================================================================*/
.selected-combi-heading{width:100%; background:rgba(0,0,0, 0.7); font-size:18px; color:#fff; font-weight:600; padding:0.5em 0.75em; display:inline-block;}
.flhl_selected-box{width:100%; margin:0px; padding:0px; display:table; background:#fff; border:solid 1px #e5e5e5; border-top:none; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px;}
.flhl_selected-box .flhl-area{width:75%; display:table-cell;}
.flhl_selected-box .flhl-area .flhl-container{width:100%; display:table;}
.selected-hotels-area{width:50%; display:table-cell; border-right:solid 1px #e5e5e5; padding:12px 15px; position:relative;}
.selected-hotels-area .title{font-size:18px; color:#2f4766; font-weight:600; padding-bottom:1em; overflow:hidden; display: flex;justify-content: space-between; align-items: center;background: #226e68;padding:10px; margin-bottom: 10px;  border-radius: 5px;}
.selected-hotels-area .title h4,.selected-flight-area .title h4{margin: 0px; font-size: 20px; color: #fff;}
.selected-hotels-area .content-details{width:100%; margin:0px; padding:0px;min-height: 160px;}
.selected-hotels-area .content-details .image-area{width:310px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:15px; float:left; position:relative; overflow:hidden;}

.blink.bg {
  padding:10px 20px; font-size: 16px;
  background:#31d0aa; color: #fff;
  animation: bgBlink 1s infinite;
}
@keyframes bgBlink {
  0%,100% {background:#74cbc6}
  50% {background:#14423e}
}
/*.selected-hotels-area .content-details .image-area img{bottom:0; left:-50%; margin:auto; max-height:125%; min-height:100%; min-width:100%; position:absolute; right:-50%; top:0;}*/
.selected-hotels-area .content-details .content-area{width:calc(100% - 325px); float:left;}
.selected-hotels-area .content-details .content-area .hotel-name{font-size:16px; color:#343434; display:block; font-weight:600; padding-bottom:4px;}
.selected-hotels-area .content-details .content-area .group-star {color: #fa7f06; font-size: 15px; display:block;}
.selected-hotels-area .content-details .content-area .star-5:after{content:'\f005  \f005  \f005  \f005  \f005'; font-family:'FontAwesome';}
.selected-hotels-area .content-details .content-area .star-4:after{content:'\f005  \f005  \f005  \f005'; font-family:'FontAwesome';}
.selected-hotels-area .content-details .content-area .star-3:after{content:'\f005  \f005  \f005'; font-family:'FontAwesome';;}
.selected-hotels-area .content-details .content-area .star-2:after{content:'\f005  \f005'; font-family:'FontAwesome';}
.selected-hotels-area .content-details .content-area .star-1:after{content:'\f005'; font-family:'FontAwesome';}
.selected-hotels-area .content-details .content-area .location {font-size:12px; color:#666; font-weight:500; line-height:22px; padding-top: 10px;}
.selected-hotels-area .content-details .content-area .location:before{content:'\f041'; font-family:'FontAwesome'; font-size:14px; color:#296db4; padding-right:0.3125em;}
.selected-hotels-area .content-details .content-area .area{list-style:none; margin-top:4px; padding:0; overflow:hidden;}
.selected-hotels-area .content-details .content-area .area li{font-size:12px; color:#4a4a4a; padding:0.3125em 0; font-weight: 500;}
.selected-hotels-area .content-details .content-area .area li:before{content:'\f0a4'; font-family:'FontAwesome'; font-size:14px; color:#777; padding-right:0.25em;}
.selected-hotels-area .content-details .content-area .room-type{font-size:16px; color:#343434; padding-top:11px; font-weight: 400;}
.selected-hotels-area .content-details .content-area .room-type span{font-size:12px; color:#656565; font-weight:normal; padding-top:0.25em;}
.selected-hotels-area .details_btn{float:right; margin-top:6px; width:auto; border:none; background:none; font-size:12px; font-weight:500; color:#fff; clear:both; cursor:pointer;background: #226e68;
    padding: 5px 10px;
    border-radius: 4px;}
.selected-hotels-area .details_btn i{font-size:14px; padding-right:4px;}
.selected-flight-area{width:50%; display:table-cell; border-right:solid 1px #e5e5e5; padding:12px 15px; position:relative;}
.selected-flight-area .title{font-size:18px; color:#2f4766; font-weight:500; padding-bottom:0.6125em; overflow:hidden;display: flex;justify-content: space-between;
align-items: center;     background: #226e68;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;}
.selected-flight-area .title h4{margin: 0px;}
.selected-flight-area .airline-detail-area {width:100%; margin:0px; padding:0px; position:relative;min-height: 166px;}
.selected-flight-area .airline-detail-area .leg-area {width:100%; border-bottom:1px dotted #a4a4a4; padding:12px 0px; overflow:hidden; position:relative;}
.selected-flight-area .airline-detail-area .leg-area:last-child {border-bottom:none;}
.selected-flight-area .airline-detail-area .leg-area .logo-area {width:10%; float:left; min-width:32px; padding-top:6px;}
.selected-flight-area .airline-detail-area .leg-area .logo-area .logo {width:27px; height:27px; display: inline-block;}
.selected-flight-area .airline-detail-area .leg-area .logo-area .logo img{border: 1px solid #d2d2d2; max-width:100%; width:100%;}
.selected-flight-area .airline-detail-area .leg-area .froms {width:25%; float:left; padding-top:4px;}
.selected-flight-area .airline-detail-area .leg-area .froms .start-time {color:#343434; display:block; font-size:1em; font-weight:600;}
.selected-flight-area .airline-detail-area .leg-area .froms .port{font-size:12px; color:#666; font-weight:400;}
.selected-flight-area .airline-detail-area .leg-area .duration {width:30%; float:left; margin:0 5%;}
.selected-flight-area .airline-detail-area .leg-area .duration .steps {color:#6e6e6e; font-size: 13px; text-align:center; display:block; clear:both; line-height:16px; font-weight: 500;}
.selected-flight-area .airline-detail-area .leg-area .duration .steps .stops{color:#c16262; display: inline;}
.selected-flight-area .airline-detail-area .leg-area .duration .arrow-area {background:#929192; color:#fff; font-size:0.875em; font-weight:bold; height: 2px; margin:6px 0 4px; position: relative; width: 100%;}
.selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .arrow{position:absolute; right:-1px; top:-6px; z-index:1;}
.selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .arrow i{color:#929192; font-size:18px; font-weight:bold; line-height:14px;}
.selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .stps-one, .selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .stps-two{position:relative; top:-8px; text-align:center;}
.selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .stps-one i, .selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .stps-two i {background:#fff; box-shadow:0 0 1px 2px #fff; -moz-box-shadow:0 0 1px 2px #fff; -webkit-box-shadow:0 0 1px 2px #fff; color:#666; font-size:0.7em; font-weight: 600;}
.selected-flight-area .airline-detail-area .leg-area .duration .arrow-area .stps-two i:first-child{margin-right:1em;}
.selected-flight-area .airline-detail-area .leg-area .tos {width:25%; float:left; text-align:right; padding-top:4px;font-size: 17px;}
.selected-flight-area .airline-detail-area .leg-area .tos .end-time {color:#343434; display:block; font-size:1em; font-weight:600;}
.selected-flight-area .airline-detail-area .leg-area .tos .end-time span{color:#ed5d26;}
.selected-flight-area .airline-detail-area .leg-area .tos .port{font-size:12px; color:#666; font-weight:400;}
.selected-flight-area .airline-detail-area .leg-area .tos .airport-name .iata a{color:#666;}
.selected-flight-area .details_btn{float:right; margin-top:6px; width:auto; border:none; background:none; font-size:12px; font-weight:600; color:#fff; clear:both; cursor:pointer;position: relative; top: 1px;background: #226e68;padding: 5px 10px;border-radius: 4px;}

.room-type-b{width: 100%; padding-top: 10px;}
.room-type-b ul{display: flex; gap: 10px;}
.room-type-b li{padding: 8px 10px; background: #ececec;  border-radius: 5px;}
.change-btn{background: #0a211f;color: #fff;border: none;padding: 8px 10px 8px 14px;font-weight:normal;border-radius: 5px; display: flex; gap: 10px; align-items: center;}
.change-btn.active{background: #228d84;}
.change-btn img{width:22px;margin-right:5px;}
.selected-flight-area .details_btn i{font-size:14px; padding-right:4px;}
.flhl_selected-box .price-area{width:25%; display:table-cell; vertical-align:bottom; background:url(../images/pattern-bg.jpg) repeat; padding:12px 15px;}
.flhl_selected-box .price-area .text-container{width:100%; text-align:right; text-transform:uppercase;}
.flhl_selected-box .price-area .text-container p{font-size:11px; color:#151515; text-align:right;}
.flhl_selected-box .price-area .text-container p.person{font-size:12px; color:#666; padding:6px 0 1px;}
.flhl_selected-box .price-area .text-container p.price{font-size:30px; color:#000;}
.flhl_selected-box .price-area .text-container p.tprice{font-size:13px; color:#777; padding-top:4px; text-transform:none;}
.flhl_selected-box .price-area .book_btn{width:100%; background:#172120; text-align:center; padding:10px 0 12px; font-size:24px; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:10px; float:right; color:#fff; cursor:pointer; font-weight:normal; font-weight:500;}
.flhl_selected-box .price-area .book_btn:hover{background:#226e68;}
.flhl_selected-box .price-area .book_btn:active{transform: translateY(4px); -moz-transform: translateY(4px); -webkit-transform: translateY(4px);}

.tab-container{width:100%; border-bottom:solid 1px #e6e5e5; margin-top:25px; display:inline-block;}
.tab-container .tabs{width:100%; list-style:none; padding:0px; display:block;}
.tab-container .tabs li{float:left; margin-bottom:-1px;}
.tab-container .tabs li:first-child{margin-right:1em;}
.tab-container .tabs li a{background:#f0f0f0; text-align:center; padding:14px 36px; color:#555; border-radius:4px 4px 0 0; font-size:1em; font-weight:600; display:block;}
.tab-container .tabs li a i{font-size:18px; padding-right:0.5em;}
.fa-rotate-45 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.5); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
:root .fa-rotate-45 {filter: none;}
.plane-icon{position:relative; top:4px;}
.tab-container .tabs li a:hover{background:#f3f3f3; text-decoration:none;}
.tab-container .tabs li a.active{background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 ); border-color:#e5e5e5; color:#fa7f06; border:solid 1px #e5e5e5; border-bottom:none; font-weight: 500;}


.c-popup {position: fixed;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);display:none;z-index:99999;}
.c-popup .innerb {background-color: #fff;padding: 20px;border: 1px solid #888;width:100%;max-width: 1000px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;border-radius:5px;position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
.c-popup .innerb .close-b{width:40px; height: 40px; line-height: 40px; font-size: 20px; background: #172120; color: #fff;cursor:pointer;}
.c-popup .innerb .textb{width: 100%; max-height: 500px;overflow:auto;}
.c-popup .innerb .textb .hotels-details-content{display: block; box-shadow: none;text-align:left;padding-top:0px;}
.c-popup .innerb .popup-head{ width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #cdcecf;padding-bottom:10px;}
.c-popup .innerb .popup-head h3{font-size: 24px; margin: 0px;}
.c-popup .innerb .hotels-details-content .content-area{ padding:0 15px 0 0px;}
.result-container .filter_section .filter-heading.active i{transform: scaleY(-1);}






.airline-summary_details {width: 100%;padding: 1em 0;display: inline-block;border-bottom:solid 2px #a4a4a4;font-weight:400;}
.airline-summary_details .icon-area {width: 25%;float: left;vertical-align: middle}
.airline-summary_details .icon {width: 20%;float: left;text-align: right;padding-top: 5px}
.airline-summary_details .icon i {font-size: 26px;color: #7e7e7e;line-height: normal}
.airline-summary_details .date-summary {width: 80%;float: left;text-align: right}
.airline-summary_details .date-summary i {font-size: 24px;color: #7e7e7e;line-height: normal;padding-right: 20px;display: none;float: left}
.airline-summary_details .date-summary .way-type {font-size: 17px;color: #343434;font-weight: 400}
.airline-summary_details .date-summary .journey-date {font-size: 13px;color: gray;padding-top: 4px}
.airline-summary_details .detail-area {width: 55%;float: left;vertical-align: middle}
.airline-summary_details .detail-area .depart-summary {width: 35%;float: left;text-align: right}
.airline-summary_details .detail-area .depart-summary .iata-code {font-size: 16px;color: #343434;font-weight: 500;text-transform: uppercase}
.airline-summary_details .detail-area .depart-summary .port-name {font-size: 13px;color: gray;padding-top: 2px;line-height: normal;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;padding-left: .5em}
.airline-summary_details .detail-area .divider-area {width: 30%;float: left;padding: 0 5%;text-align: center;position: relative;top: -5px}
.airline-summary_details .detail-area .divider-area .divider {width: 100%;height: 1px;background: gray;position: relative;display: inline-block}
.airline-summary_details .detail-area .divider-area .divider:before {content: '';width: 9px;height: 9px;border: solid 1px gray;position: absolute;top: -4px;
border-radius: 50%;left: -9px}
.airline-summary_details .detail-area .divider-area .divider:after {content: '';width: 9px;height: 9px;border: solid 1px gray;position: absolute;
top: -4px;border-radius: 50%;right: -9px}
.airline-summary_details .detail-area .divider-area .stop-summary {font-size: 13px;color: #555;padding-top: 2px}
.airline-summary_details .detail-area .arrive-summary {width: 35%;float: left;text-align: left}
.airline-summary_details .detail-area .arrive-summary .iata-code {font-size: 16px;color: #343434;font-weight: 500;text-transform: uppercase}
.airline-summary_details .detail-area .arrive-summary .port-name {font-size: 13px;color: gray;padding-top: 2px;line-height: normal;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;padding-right: .5em}
.airline-summary_details .tjourney-area {width: 20%;float: left;vertical-align: middle;text-align: left}
.airline-summary_details .tjourney-area .text-content {font-size: 13px;color: #343434;font-weight: 500}
.airline-summary_details .tjourney-area .text-content strong {font-weight: 400}
.airline-summary_details .tjourney-area .text-content em {color: gray;font-weight: 400;font-size: 13px;font-style: normal;display: block;padding-top: 6px}
.detail-container {width: 100%;padding: 1em 0;display: inline-block;vertical-align: top}
.detail-container .airline-summary {width: 25%;float: left;text-align: right}
.detail-container .airline-summary .alogo {width: 100%;margin-bottom: 4px}
.detail-container .airline-summary .alogo img {border: solid 1px #d2d2d2;width: 27px;height: 27px}
.detail-container .airline-summary .summary-text {width: 100%}
.detail-container .airline-summary .airline-code {font-size: 15px;color: #343434;font-weight: 400;display: block}
.detail-container .airline-summary .airline-name {font-size: 13px;color: #555;display: block;padding: 4px 0;font-weight: 400;}
.detail-container .airline-summary .airline-number {font-size: 11px;color: gray;display: block;text-transform: uppercase;padding-bottom: 5px}
.detail-container .airline-summary .operated-airline {font-size: 12px;color: #666;display: block;padding-bottom: 5px}
.detail-container .airline-summary .cabin-class {font-size: 13px;color: #343434;display: block;font-weight: 400}
.detail-container .detail-summary {width: 55%;float: left}
.detail-container .detail-summary .depart-info {width: 100%;margin: 0;padding: 0;position: relative;display: inline-block;vertical-align: top}
.detail-container .detail-summary .depart-info .time-section {width: 40%;float: left;position: relative;padding: 0 10px}
.detail-container .detail-summary .depart-info .time-section .depart-time {padding-right: 16px;line-height: 19px;font-size: 15px;color: #343434;
text-align: right;font-weight: 400;}
.detail-container .detail-summary .depart-info .time-section .depart-time em {font-size: 12px;color: #e62d2d;font-weight: 400;display: block;
font-style: normal}
.detail-container .detail-summary .depart-info .time-section .depart-time:after {content: '';width: 1px;height: 100%;background: gray;top: 12px;
right: 5px;position: absolute}
.detail-container .detail-summary .depart-info .place-details {width: 60%;float: left;padding-left: 12px;line-height: 18px;position: relative;}
.detail-container .detail-summary .depart-info .place-details .rounded-circle {width: 9px;height: 9px;border: solid 1px gray;position: absolute;
top: 3px;border-radius: 50%;left: -10px}
.detail-container .detail-summary .depart-info .place-details .port-wrapper {width: auto;margin: 0;padding: 0}
.detail-container .detail-summary .depart-info .place-details .port-wrapper .port-name {font-size: 14px;color: #524c61;font-weight: 400;text-align: left;}
.detail-container .detail-summary .depart-info .place-details .port-wrapper .port-name .iata-code {color: #343434;font-weight: 500;padding-right: 5px;font-size: 15px
}

.detail-container .detail-summary .depart-info .place-details .port-wrapper .port-name em {font-size: 13px;color: #555;font-weight: 400;display: block;
font-style: normal}
.detail-container .detail-summary .blank-info {width: 100%;margin: 0;padding: 0;position: relative;display: inline-block;vertical-align: top}
.detail-container .detail-summary .blank-info .time-section {width: 40%;float: left;position: relative;padding: 10px 10px}
.detail-container .detail-summary .blank-info .time-section .depart-time {padding-right: 16px;line-height: 20px;font-size: 15px;color: #343434;font-weight: 600;
text-align: right}
.detail-container .detail-summary .blank-info .time-section .depart-time:after {content: '';width: 1px;height: 100%;background: gray;top: -8px;right: 5px;
position: absolute}
.detail-container .detail-summary .blank-info .touchdown-details {width: 60%;float: left;line-height: 20px;position: relative;padding: 10px 0 10px 12px}
.detail-container .detail-summary .blank-info .touchdown-details:before {content: '';width: 1px;height: 100%;background: gray;top: 0;left: -6px;position: absolute
}
.detail-container .detail-summary .blank-info .touchdown-details .touch-content {font-size: 12px;color: gray;font-weight: 400;padding-bottom: 5px;line-height: normal
}
.detail-container .detail-summary .arrive-info {width: 100%;margin: 0;padding: 0;position: relative;display: inline-block;vertical-align: top}
.detail-container .detail-summary .arrive-info .time-section {width: 40%;float: left;position: relative;padding: 0 10px}
.detail-container .detail-summary .arrive-info .time-section .depart-time {padding-right: 16px;line-height: 18px;font-size: 16px;color: #343434;text-align: right;    font-weight: 400;}
.detail-container .detail-summary .arrive-info .time-section .depart-time em {font-size: 12px;color: #e62d2d;font-weight: 400;display: block;font-style: normal}
.detail-container .detail-summary .arrive-info .time-section .depart-time:after {content: '';width: 1px;height: 14px;background: gray;top: -8px;right: 5px;position: absolute}
.detail-container .detail-summary .arrive-info .place-details {width: 60%;float: left;padding-left: 12px;line-height: 18px;position: relative}
.detail-container .detail-summary .arrive-info .place-details .rounded-circle {width: 9px;height: 9px;border: solid 1px gray;position: absolute;top: 5px;border-radius: 50%;left: -10px}
.detail-container .detail-summary .arrive-info .place-details .port-wrapper {width: auto;margin: 0;padding: 0;text-align:left;}
.detail-container .detail-summary .arrive-info .place-details .port-wrapper .port-name {font-size: 14px;color: #524c61;font-weight: 400}
.detail-container .detail-summary .arrive-info .place-details .port-wrapper .iata-code {color: #343434;font-weight: 500;padding-right: 5px;font-size: 15px}
.detail-container .detail-summary .arrive-info .place-details .port-wrapper .port-name em {font-size: 13px;color: #555;font-weight: 400;display: block;font-style: normal}
.detail-container .baggage-summary {width: 20%;float: left;position: relative}
.detail-container .baggage-summary .baggage-details {font-size: 12px;color: #07133e;font-weight: 400;display: inline-block;padding: 5px 12px;border-radius: 20px;
line-height: 20px;box-shadow: 0 0 3px 0 rgba(0,0,0,.15);-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.15)}
.detail-container .baggage-summary .baggage-details:before {content: '';font-family: fontawesome;font-size: 17px;font-weight: 400;padding-right: 5px}
.detail-container .baggage-summary .baggage-details i {font-size: 19px;vertical-align: middle;font-weight: 400;padding-right: 5px;color: #555}
.detail-container .baggage-summary .diff-date-summary {font-size: 13px;color: #343434}
.stopover-container {width: 100%;display: inline-block;border-bottom: dashed 1px #a4a4a4;height: 12px;text-align: center;margin-bottom: 10px}
.stopover-container .stopover {text-align: center;padding: 0 6px;background: #fff;line-height: 20px;font-size: 14px;color: #343434;display: inline-block;
font-weight: 400}
.stopover-container .stopover:before {content: '';font-family: 'Fontawesome';margin-right: 5px;font-size: 17px;vertical-align: middle}
.stopover-container .stopover em {font-size: 11px;color: #ca0000;padding-left: 5px;text-transform: uppercase;font-style: normal}
.tooltiop_iata{font-weight:400;}

.c-popup .innerb .textb .flight-details-content{display: block;box-shadow:none;}

.ui-slider {height: 2px;background:#ccc; width:100%; position: relative;}
#price_details{padding:20px 10px 30px 10px;}
#price_details #amounts{padding:0px 0 15px 0;}
#price_details #amounts{display: flex; justify-content: space-between; font-weight: 500;}
.mf-search{width:100%;}
.hotel-search.mf-search{padding: 0px;margin-bottom:20px;display:none;}
.hotel-search.mf-search .search-b{position: initial; left:0px;width: 100%;transform:none;min-height:auto;padding:25px 15px 25px 15px;}
.hotel-search.mf-search .search-b{display: block;border-radius: 0px 0px 10px 10px;}

#slider-range.ui-widget.ui-widget-content{padding:0px; height: 6px;box-shadow:none;width:100%; background: #ddd;}
#slider-range .ui-slider-range{padding: 0px;}
#slider-range.ui-slider-horizontal .ui-slider-handle{top:-8px !important;margin:0px;}
#slider-range.ui-slider-horizontal .ui-slider-handle:last-child{margin-left: -20px;}

.summary-container .modify_serch-btn.active i{transform: scale(-1);position: relative;left: 3px;top:-1px;}
#filter_duration #time-values{margin-bottom: 10px; font-size: 20px; line-height: 30px;}


.result-container.active{display: block;}

body{font-family: "Merriweather", serif !important;}

.hotel-result-list{width:100%; background:#fff;overflow:hidden;border-radius:15px; display: flex;margin-bottom: 20px;box-shadow: 0 2px 5px 2px rgba(34, 28, 38, .15);}
.hotel-result-list .hotel-slide{width:367px;}
    .hotel-result-list .hotel-flight-info {
        width: 40%;
        padding: 15px;
        border-right: 3px dotted #efefef;
        line-height: 22px;
    }
.hotel-result-list .price-detail{width: 30%;display: flex;flex-flow: column;justify-content: center;align-items: end;padding: 20px 20px 20px 0px;}
.hotel-result-list .hotel-slide .owl-next, .hotel-result-list .hotel-slide .owl-prev{ width:30px; height: 30px; font-size: 13px !important;}
    .hotel-result-list .hotel-flight-info h3 a {
        font-size: 22px;
        color: #226e68;
        line-height: normal;
        font-weight: 600;
    }
    .hotel-result-list .hotel-flight-info .location {
        font-size: 13px;
        width: 100%;
        line-height: 21px;
        margin: 4px 0px;
    }
.hotel-result-list .hotel-flight-info .group-star{width:100%; margin-bottom: 15px;}
.hotel-result-list .hotel-flight-info .group-star i{font-size:16px; color: #e35538;}
.hotel-result-list .hotel-flight-info ul{width:100%; display: flex; flex-flow: column; gap: 8px;;}
.hotel-result-list .hotel-flight-info li{font-size:13px; position: relative; padding-left:25px;}
.hotel-result-list .hotel-flight-info li i{font-size:16px; color:#226e68; position: absolute; left:0px;}
.hotel-result-list .price-detail p{font-size:12px; color: #2d2d2d;}
.hotel-result-list .price-detail h4{font-size:27px; font-weight: bold;}
.hotel-result-list .price-detail h4 span{font-size:15px; text-decoration: line-through;  color: #818181;}
.hotel-result-list .price-detail .btn{margin-top:25px; min-height:54px;min-width:100%;}
.hotel-result-list .hotel-slide.owl-carousel .owl-item,
.hotel-result-list .hotel-slide.owl-carousel .owl-stage,
.hotel-result-list .hotel-slide.owl-carousel .owl-stage-outer{width:100%;}
.hotel-result-list .hotel-slide.owl-carousel .owl-item .item{width:100%;}
    .hotel-result-list .hotel-slide.owl-carousel .owl-item .item img {
        width: 100%;
        height: 100%;
    }
.top-row-sort{width:100%; padding-bottom: 20px;}
    .top-row-sort .sort-by p {
        font-size: 14px;
        padding: 4px 5px 6px 4px;
        text-decoration: none;
    }
    .top-row-sort .sort-by {
        width: 20%;
        border: 1px solid #93a09f;
        border-radius: 6px;
        text-align: center;
    }
.top-row-sort .sort-by p span{ cursor: pointer;}
.top-row-sort .sort-by p span:hover{text-decoration: none;}
.top-row-sort .sort-list h3{font-size:24px; font-weight: bold;  margin-bottom: 15px;}
.top-row-sort .sort-list li{padding: 15px 15px;  border: 5px; position: relative;  cursor: pointer;  font-size: 16px;}
.top-row-sort .sort-list li.active{background: #226e68; color: #fff;  border-radius: 10px;}
.top-row-sort .sort-list li.active::after{content: "\f00c";  font-family: FontAwesome;  font-size: 15px; color: #fff; position: absolute; right: 10px; top:15px;}
.top-row-sort .m-filter{min-height:50px; min-width:auto; margin-bottom:10px;}
.top-row-sort .m-filter i{padding-right:8px;}

.filter-area .section.area .inner-content .ttl-price .input-row{width:100%;display:flex;gap:15px;padding:12px 12px 5px 12px;}
.filter-area .section.area .inner-content .ttl-price .input-row div{width:45%;}
.filter-area .section.area .inner-content .ttl-price .input-row label{font-size:13px;}
.filter-area .section.area .inner-content .ttl-price .input-row input{width:100%;min-height:35px; padding: 10px 15px;  border-radius: 5px; font-size: 13px;}
.filter-area .section.area .inner-content .ttl-price p{padding-left: 13px; font-size: 12px;}
.filter-area .section.area .inner-content .ttl-price .btn{margin:10px 0px 0px 13px; padding: 10px; min-height:40px; min-width: 110px;  font-size:13px;}
.filter-area .inner-content .ttl-pp{width:100%; display: flex;justify-content:space-between; padding-top: 15px; gap: 10px;}
.filter-area .inner-content .ttl-pp button{ font-size: 13px; padding: 8px 15px; border: 1px solid #2d2d2d;  border-radius: 20px;  cursor: pointer; width: 50%;}
.filter-area .inner-content .ttl-pp button.active{background: #0a211f; color: #fff; border-color: #14423e;}

.hotel-result-text{width:100%; padding:0px 0px 10px 0px;}
.hotel-result-text h3{font-size: 24px; line-height:28px; margin-bottom: 10px;  font-weight: bold;}
.hotel-result-text p{font-size:13px; line-height:17px;  margin-bottom:7px; }
.hotel-result-text .fixed-width{background: #fff; padding: 15px; border-radius:15px;}

.hotel-result-list .price-detail .atol-protec {
    display: flex;
    gap: 10px;
    align-items: anchor-center;
    margin-bottom: 10px;
}
.hotel-flight-info {
    margin: auto 0; /* vertical center */
}

.hotel-result-list .price-detail .atol-protec img{width:50px;}
.hotel-result-list .price-detail .btm {
    width: 100%;
    text-align: right;
    margin-top: 22px;
    text-align: center;
    padding-left: 18px;
    line-height: 26px;
}
.map-b{background:url(../images/img-map.jpg) left center no-repeat; padding: 20px; margin-bottom: 20px; text-align: center;  border-radius: 15px;  cursor: pointer;}
.map-b .btn{min-height: 46px;  font-size: 15px; min-width: auto;}

.show-map-popup{position: fixed; top:0px;left:0px;z-index:999999;background:#eee;  width: 100%; height: 100vh;padding: 10px;transform: scale(0);transition: all 
ease 0.5s;}
.show-map-popup .top-row{display: flex;padding:10px;padding: 10px;background: #fff;margin-bottom: 10px; justify-content: space-between; align-items: center;}
.show-map-popup .top-row .close-btn {width: 32px;height: 32px;text-align: center;line-height: 29px;border: 2px solid #000;cursor: pointer;  display: block;}
.show-map-popup .top-row .close-btn:hover {background: #14423e;color: #fff;border-color: #14423e;}
.show-map-popup .top-row h3{font-size: 20px;  font-weight: bold;}
.show-map-popup .filter_inner{height: calc(100vh - 90px);overflow-y: auto;padding: 0px 14px 0px 0px;}
.show-map-popup .column{width: 100%;  display: flex; gap: 15px;}
.show-map-popup .map-box{width:77%;}
.show-map-popup .map-box img{width:100%;}
.show-map-popup .filter-area .section.area{height: auto;}
.show-map-popup.active{transform: scale(1)}
.main-container{width: 100%; padding: 30px 0px;}
body.hidden{overflow: hidden;}

.basket-detail{width:100%; display: flex; justify-content: space-between; gap: 20px;}
.basket-detail .left-col{width:65%;}
.basket-detail .right-col{width:35%;}
.basket-detail .left-col .hotel-gallery {display: grid;grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px;width: 100%; position: relative; margin-bottom:20px;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px; background: #fff;}
.basket-detail .left-col .hotel-gallery img {width:100%;height:100%;object-fit:cover;display:block; position: relative;}
.basket-detail .left-col .hotel-gallery .left-img {grid-row: 1 / 3;grid-column: 1 / 2;}
.basket-detail .left-col .hotel-gallery .right-top-img {grid-row: 1 / 2;grid-column: 2 / 3;}
.basket-detail .left-col .hotel-gallery .right-bottom-img {grid-row: 2 / 3;grid-column: 2 / 3;}
.basket-detail .left-col .hotel-gallery .heart-icon{position: absolute; left:15px; top:15px;z-index: 10;}
.basket-detail .left-col .hotel-gallery img:before{content:""; width:100%; height: 100%; background: rgb(0,0,0, 0.5); position: absolute; left: 0px; top:0px;}
.basket-detail .left-col .hotel-gallery .o-gallery-p{position: relative;  cursor: pointer;}
.basket-detail .left-col .hotel-gallery .o-gallery-p::before{content:""; width:100%; height: 100%; position: absolute; left: 0px; top:0px;background:rgb(0,0,0,0.3);   display: none; z-index: 9;}
.basket-detail .left-col .hotel-gallery .o-gallery-p:hover::before{display: block;}

.basket-detail .left-col .hotel-gallery .heart-icon button{background: #fff;width:35px;height:35px;border-radius:100%;text-align:center;line-height:38px; border: none;cursor:pointer;}
.basket-detail .left-col .hotel-gallery .show-all-image{position: absolute; left: 20px; bottom: 20px;background:#fff;padding:10px 15px; font-size:17px;  cursor: pointer; border-radius: 3px;z-index: 10;}
.basket-detail .left-col .hotel-gallery .show-all-image i{margin-right:6px;}
.basket-detail .left-col .hotel-gallery .heart-icon button.active{background: #0a211f; color: #fff;}

.section-tab{width:100%; background: #fff; padding:14px; margin-bottom:20px;position: sticky;top: 80px; z-index: 99; border:2px solid #f7f7f7;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.section-tab ul{display: flex; gap: 10px;}
.section-tab li{padding:10px 20px;cursor:pointer;border:2px solid #b5b5b5; border-radius: 3px; font-size:16px;}
.section-tab li.active{background:#14423e;color: #fff; border-color: #14423e;}
.hotel-overview{width:100%; padding: 15px; margin-bottom: 20px; background: #fff;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.hotel-facilities {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: rgb(35,66,100, 0.2) 0px 2px 9px;
}
.hotel-overview .outer-box{overflow: hidden;max-height: 280px;position: relative;transition: max-height 0.5s ease;}
.hotel-overview h4{font-size:22px;  font-weight: 700;  color: #14423e; margin-bottom:5px;}
.hotel-overview p{font-size:15px; line-height: 24px; padding-bottom: 15px;}
.hotel-overview .btn{min-width: auto;min-height: 41px;padding: 5px 18px;font-size: 14px;}
.hotel-facilities .btn {
    min-width: auto;
    min-height: 41px;
    padding: 5px 18px;
    font-size: 14px;
    margin: 10px 0px;
}
.hotel-overview .outer-box.collapsed::after{content:"";position:absolute;left:0; right:0; bottom:0;height:50px;background:linear-gradient(to bottom, rgba(255,255,255,0), #fff);}
.hotel-facilities h3{font-size: 22px;font-weight: 700;color: #226e68;margin-bottom: 15px;}
.hotel-facilities{width:100%;  background: #fff; margin-bottom:20px; padding:15px 15px 0px 15px;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.hotel-facilities ul{display:flex;  flex-flow: wrap;}
    .hotel-facilities li {
        display: flex;
        gap: 10px;
        align-items: center;
        width: 25%;
        margin-bottom: 11px;
        font-size: 15px;
    }
.hotel-facilities li .icon{width:30px;}

.select-flight{width:100%; background:#fff;  padding:15px 15px 15px 0px;margin-bottom:20px; box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.flight-result-left .column-top .flight-total-time .out-icon img {width: 17px;margin-top: 5px;}

.flight-result-left{padding: 8px 10px;}
.flight-result-left .column-top{width: 100%; display: flex; gap: 10px;align-items:center;} 
.flight-result-left .column-top .airline-logo{width: 20%; text-align: center;}
.flight-result-left .column-top .airline-logo img{margin-bottom:3px;max-width:30px;}
.flight-result-left .column-top .airline-logo p,.flight-result-left .column-top .airline-logo span{font-size:12px;line-height:12px;}
.flight-result-left .column-top .flight-origin{width: 18%; display: flex; flex-flow: column;}
.flight-result-left .column-top .flight-origin span{font-size: 11px;}
.flight-result-left .column-top .flight-origin strong{font-size:16px;font-weight:600; color: #2d2d2d;line-height:18px;}
.flight-result-left .column-top .flight-total-time{display: flex;width:35%;justify-content: space-between;position:relative;}
.flight-result-left .column-top .flight-total-time .time-col{text-align: center;position:relative;top:2px;}
.flight-result-left .column-top .flight-total-time .time-col span{display: block; font-size: 11px; line-height: 20px;}
.flight-result-left .column-top .destination-f{text-align: right;}
.flight-result-left .column-top .flight-total-time .line-row{content:""; width: 72%; height:2px;border-top: 2px dotted #2d2d2d; position: absolute; top:21px; left: 14%;} 
.flight-result-left .column-top .flight-total-time .line-row:before{content:""; width:7px; height: 7px; background: #226e68; position: absolute; left: 50%; top:-4px;border-radius:100%; z-index: 3; display: block;margin-left:-4px;}
.result-sec .rightcol .btn-row{width:100%; text-align: center;}
.result-sec .rightcol .btn-row .gradient-btn{font-size:20px; padding: 8px 30px;}
.flight-result-left .column-top.btm-column{padding-top: 5px;border-top:2px dotted #ececec;margin-top:5px;}
.select-flight .top-text{padding: 0px 0px 15px 15px;  border-bottom: 1px solid #e5e5e5;}
.select-flight .top-text h3{font-size: 22px;font-weight: 700;color: #226e68;margin-bottom: 15px;}
.select-flight .top-text p{font-size:14px; line-height:24px;}
.select-flight .btn-row{padding:15px 15px 5px 15px;  border-top:1px solid #e5e5e5;  display: flex; justify-content: space-between;}
.select-flight .btn-row .btn{min-height:50px;font-size:16px;}
.select-flight .btn-row .btn i{padding-right:8px;}
.flight-detail-p.c-popup2 .inner-b{max-width: 500px;background:#eee;}
.flight-detail-p.c-popup2 .inner-b{padding:0px;} 
.flight-detail-p.c-popup2 .inner-b .top-row{padding:20px; background:#fff;  border-bottom: 1px solid #e5e5e5; border-radius:15px 15px 0px 0px; margin-bottom:0px;}
.flight-detail-p.c-popup2 .inner-b .top-row h3{font-size: 24px;font-weight: bold;}
.flight-detail-p .inner-box{background:#fff;padding:20px; border-radius: 10px; margin: 20px;}
.flight-detail-p .outbond{display: flex; justify-content: space-between; padding-bottom:10px; border-bottom: 1px solid #efefef;}
.flight-detail-p .outbond .left-b h4{font-size:20px; font-weight: bold;color:#226e68;}
.flight-detail-p .outbond .left-b span,.flight-detail-p .outbond .right-b span{font-size:12px;}
.flight-detail-p .outbond .right-b .stops{background:#226e68;color:#fff; padding:4px 10px;border-radius: 10px;  font-size:13px;  text-align: center;}
.flight-detail-p .flight-name{  display: flex; justify-content: space-between; align-items: center; padding: 10px 0px;}
.flight-detail-p .flight-name strong{font-size:14px;  font-weight: 600;}
.flight-detail-p .flight-time ul{padding-left: 20px; position: relative;  border-left: 3px solid #f7f4f3;  display: flex; flex-flow: column; gap: 15px;}
.flight-detail-p .flight-time ul:before{content:"";  width:15px; height:15px;  border:4px solid #ededed; display: inline-block;position:absolute; left: -8px; top:0px;  border-radius: 100%; background:#fff;}
.flight-detail-p .flight-time ul:after{content:"";  width:15px; height:15px;  border:4px solid #ededed; display: inline-block;position:absolute; left: -8px; bottom:0px;  border-radius: 100%; background:#fff;}
.flight-detail-p .flight-time li{ font-size:13px;}
.flight-detail-p .flight-time li strong{font-weight: 600;}
.flight-detail-p .flight-layover{background: #f7f4f3; padding: 10px; border-radius: 10px; font-size: 13px; margin: 20px 0px 10px 0px;}
.flight-detail-p .flight-layover strong{font-weight:600;}
.flight-detail-p .scroll-div{ width:100%; max-height:500px;overflow-y: auto;}

.change-flight-box{position: fixed; left: 0px;top:0px; z-index: 999999; width: 100%; height: 100%;}
.change-flight-box .white-b{background:#eee; height: 100%; margin-left:auto;  width:80%; position: relative; z-index: 99999;}
.change-flight-box .top-row{background:#fff; padding:15px;  display: flex; justify-content: space-between; margin-bottom:15px;}
.change-flight-box .top-row h3{font-size: 22px; font-weight: bold; color: #14423e;}
.change-flight-box .top-text h4{font-size:18px;color:#14423e; font-weight: bold; margin-bottom:7px;}
.change-flight-box .top-text p{font-size:14px; line-height: 18px;}
.change-flight-box .top-text{display: flex; justify-content: space-between; width: 100%; align-items: center;}
.change-flight-box .top-text .top-row-sort{width: 15%; padding-bottom: 0px;}
.change-flight-box .top-text .top-row-sort .sort-by{width:100%;}
.flight-result-right{width:26%;background: #e1e5e9; border-radius: 0px 12px 12px 0px; border:2px solid #fff; text-align: center; color: #2d2d2d; display: flex;flex-direction: column;justify-content: space-between; padding: 8px 10px;}
.flight-result-right .price-all{display: flex; flex-direction: column; margin-bottom: 0;}
.flight-result-right .price-all strong{font-size:16px;font-weight:500;}
.flight-result-right .price-all h3{font-size: 24px; font-weight: bold; line-height: 24px;}
.flight-result-right .price-all h3 span{font-size: 18px;padding-right:4px;}
.flight-result-right .price-all span{font-size: 11px;}
.flight-result-right .btn-cal{display: flex; flex-direction: column; padding:0 25px;}
.flight-result-right .btn-cal button{border: none;  padding:6px 20px;  border-radius: 5px; margin-bottom: 6px; cursor: pointer;position:relative;border: 1px solid rgb(255, 255, 255);position: relative; text-align: center;background: #226e68;}
.flight-result-right .btn-cal button::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(269deg, rgb(85 189 181) 0%, rgb(34 110 104) 100%);opacity: 0;transition: all 0.3s ease-in-out; border-radius: 5px;}
.flight-result-right .btn-cal button:hover::before {opacity: 1;}
.flight-result-right .btn-cal button:hover i{padding-left: 8px;}
.flight-result-right .btn-cal button i{font-size: 13px;position: relative;color: #fff;margin-left: 3px;top:-1px;} 
.flight-result-right .btn-cal button span{position: relative; z-index: 5;font-size: 14px; font-weight: 600;color: #fff;}
.flight-result-right .btn-cal button:hover span,.flight-result-right .btn-cal button:hover i{color: #fff;}
.flight-result-right .btn-cal span{font-size: 12px; cursor: pointer;}
.flight-result-right .btn-cal span i{transition: all ease 0.5s;}
.flight-result-right .btn-cal span:hover i{padding-left: 8px;}
.flight-result-right .price-all h3 .info-icon{padding-right: 0px;cursor:pointer;}
.flight-result-left .column-top .baggage-info{width: 4%; text-align: right; position: relative;margin-left:10px;margin-right:10px;}
.flight-result-left .column-top .baggage-info .tooltip-text {visibility: hidden;background-color: #226e68;color: #fff;text-align: center;border-radius: 4px;padding: 6px 10px;position: absolute;bottom: 25px;left:14px;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s;white-space: nowrap;z-index:2; font-size: 11px;z-index:2;}
.flight-result-left .column-top .baggage-info .tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: #582c50 transparent transparent transparent;}
.flight-result-left .column-top .baggage-info:hover .tooltip-text {visibility: visible;opacity: 1;}
.flight-result-left .column-top .baggage-info img{cursor: pointer;width: 18px;}

.slider-container-time { width:100%; position: relative; margin: 40px 0px 0px 0px;  }
.filter-area .section.area .inner-content.time-div{padding: 0 15px 15px 15px;}

.slider-container-time .range-track {position: absolute;height: 8px;background: #ddd;border-radius: 5px;width: 100%;top: 50%;transform: translateY(-50%);}
.slider-container-time .range-selected {position: absolute;height: 8px;background: #226e68;border-radius: 5px;top: 50%;transform: translateY(-50%);}
.slider-container-time input[type=range] {-webkit-appearance: none;position: absolute;width: 100%;height: 8px;background: none;pointer-events: none; margin: 0;}
.slider-container-time input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;width: 28px;height: 28px;border-radius: 50%;background: #226e68;cursor: pointer;
border: 2px solid #fff;pointer-events: auto;position: relative;z-index: 2;margin-top: 10px;}
.slider-container-time input[type=range]::-moz-range-thumb {width: 18px;height: 18px;border-radius: 50%;background: #226e68;cursor: pointer;border: 2px solid #fff;pointer-events: auto;
position: relative;z-index: 2;}
.slider-container-time .time-display {font-size: 14px;position:relative;top:-30px; }
.change-flight-box .column{width:100%; padding: 20px 20px 0 20px;}
.reset-filters{width: 100%; margin-bottom:20px;}
.reset-filters .btn{min-width: 100%;}
.change-flight-box .white-b .filter-area{width:28%;}
.change-flight-box .white-b .result-listings{width:70%;}
.change-flight-box .column {display: flex; justify-content: space-between;}
.change-flight-box .column .result-listings .flight-result-box{background: #fff;  border-radius: 10px; margin-bottom:15px;  display: flex;}
.flight-result-left {width: 74%;}
.change-flight-box .column{max-height:calc(100vh - 150px); overflow: hidden; overflow-y: auto;}
.flight-result-left.nrml{width:100%;}

.board-type-room{width:100%; background:#fff; padding: 15px;margin-bottom: 20px;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.board-type-room h3{font-size: 22px;font-weight: 700;color: #226e68;margin-bottom: 15px;}
.board-type-room .board-tab{width:100%;margin-bottom:15px}
.board-type-room .board-tab ul{display:flex; gap: 15px;  flex-flow: wrap;}
.board-type-room .board-tab li{border: 2px solid #ddd;padding: 15px 15px;background: #fff;text-align: center; border-radius: 10px;font-weight: 400;cursor: pointer; width:calc(25% - 12px);}
.board-type-room .board-tab li h4{display: block;color:#2d2d2d; padding-bottom: 5px;  font-weight: 600; font-size: 15px;}
.board-type-room .board-tab li p{font-size:12px;}
.board-type-room .board-tab li.active{background:#226e68; color:#fff;}
.board-type-room .board-tab li.active h4{color:#fff;}
.board-content{display: none;}
.board-content.active{display:block;}
.board-content,.board-content .board-column{width:100%;}
.board-content .board-column{display: flex; gap:15px; border: 2px solid #e4ddd7; padding:15px;  border-radius: 10px; position: relative; cursor: pointer; margin-bottom:15px;}
.board-content .board-column.active{border-color:#226e68;}
.board-content .board-column .imgb{width: 30%;border-radius:10px;}
.board-content .board-column .imgb img{display: block;border-radius:10px;}
.board-content .board-column .col,.board-content .board-column .col2{width:33%;}
.board-content .board-column .col h4{font-size:18px; font-weight: bold;}
.board-content .board-column .col ul{margin:13px 0px;}
.board-content .board-column .col li{font-size:14px;}
.board-content .board-column .col .more-details{ display: inline-block; cursor: pointer;  font-size:14px; text-decoration: underline;}
.board-content .board-column .col .more-details:hover{text-decoration: none;}
.board-content .board-column .col2{text-align: right; padding-right: 25px;}
.board-content .board-column .col2 p{font-style:15px;padding-bottom:8px}
.board-content .board-column .col2 p strong{font-weight:800;}
.board-content .board-column .check-btn{position: absolute;right: 8px;top: 11px;padding: 3px 6px;background: #226e68;border-radius: 30px;color: #fff;
display: none;width: 26px;height: 26px;font-size: 14px;line-height: 22px;text-align: center;}
.board-content .board-column.active .check-btn{display: block;}
.c-popup2.manage-h-b .sort-list{max-height: 600px;overflow-y: auto;}
.board-content .board-column .col2 .select-text{display: none;}
.board-content .board-column.active .col2 .select-text{display: block;}
.board-content .board-column.active .col2 .price{display: none;}

.review-h,.map{width: 100%;background: #fff;padding: 15px;margin-bottom: 20px;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;}
.review-h h3,.map h3{font-size: 22px;font-weight: 700;color: #226e68;margin-bottom: 5px;}
.review-h p{font-size:15px; line-height:24px;}
.review-h .top-text{width:100%;  display: flex; justify-content: space-between;}
.review-h .top-text .travelrepublic{display: flex;align-items: center;  cursor: pointer; text-decoration: underline;}
.review-h .top-text .travelrepublic:hover{text-decoration: none;}
.review-h .review-listing{width:100%; border-top:2px solid #e4ddd7;padding-top:15px;margin-top:10px;}
.review-h .review-listing ul{width:100%;  display: flex; flex-flow: column; gap:15px;}
.review-h .review-listing li{width:100%;}
.review-h .review-listing li ~ li{ border-top:2px dashed #e4ddd7; padding-top: 20px;}
.review-h .review-listing li .t-row{display: flex; gap: 10px; margin-bottom: 10px;}
.review-h .review-listing li .t-row .ratting-point{width:50px; height: 50px; line-height: 50px; text-align: center; background: #14423e; color:#fff; font-size: 24px;  border-radius: 10px;}
.review-h .review-listing li .t-row h4{font-size: 18px;font-weight:700;}
.review-h .review-listing li .t-row p{font-size:13px;}
.review-h .review-listing li p{font-size:14px; line-height: 24px;}

.tripadvisor-r-list{width:100%; padding-top:10px;border-top:2px solid #e4ddd7; margin-top:15px; max-height:400px; overflow-y: auto;}
.tripadvisor-r-list li{width:100%;margin-bottom:20px}
.tripadvisor-r-list li h4{font-size:18px; color: #14423e;  font-weight:700;}
.tripadvisor-r-list li .ratting-info{width: 100%; display: flex; margin-bottom: 7px;}
.tripadvisor-r-list li .ratting-info img{width:100px; margin-left:-10px;}
.tripadvisor-r-list li p{font-size:13px; line-height: 21px; }

.image-gallery-popup{position: fixed; z-index: 99999; background:#f7f7f7;  width: 100%; height: 100%; bottom:-110%;left:0px; transition: all ease 0.5s;}
.image-gallery-popup.active{bottom: 0px;}
.image-gallery-popup .top-row{background:#fff; padding: 15px;  display: flex; justify-content: space-between;}
.image-gallery-popup .top-row h3{font-size: 22px; color: #14423e; font-weight: bold;}
.image-gallery-popup .top-row .close-btn{ width:32px; height:32px;text-align: center; line-height:29px; border: 2px solid #000;  cursor: pointer;}
.image-gallery-popup .top-row .close-btn:hover{background:#14423e;color: #fff;  border-color: #14423e;}
.image-gallery-popup .column{width:100%; padding:20px; display: flex;gap:30px}
.image-gallery-popup .column .left-c{width:70%; height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; background:#fff; }
.image-gallery-popup .column .right-c{width:30%;}
.image-gallery-popup .column .right-c .review-h .top-text{flex-flow:  column;}

.image-gallery-popup .column .left-c .masonry {column-count: 3;column-gap: 15px;}
@media (max-width: 900px) {
.image-gallery-popup .column .left-c .masonry {column-count: 2;}
}

@media (max-width: 600px) {
.image-gallery-popup .column .left-c .masonry {column-count: 1;}
}
.image-gallery-popup .column .left-c .masonry-item {break-inside: avoid;margin-bottom: 15px;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.2);transition: transform 0.3s;}
.image-gallery-popup .column .left-c .masonry-item img {width: 100%;display: block;height: auto;object-fit: cover;}
.image-gallery-popup .column .left-c .masonry-item:hover {transform: scale(1.03);}

.fancybox__container{z-index: 9999999999 !important;}
.image-gallery-popup .column .right-c .travelrepublic img{width: auto; height: auto;}
.image-gallery-popup .column .right-c .tripadvisor-r-list li img{width: auto; height: auto;margin-left:-10px;}
.image-gallery-popup .column .right-c .hotel-review-info .tripadvisor-b a{display: flex; gap: 15px;}
.image-gallery-popup .column .right-c .hotel-review-info .tripadvisor-b a img{width: auto; height: auto;}
.image-gallery-popup .column .right-c .hotel-review-info .tripadvisor-b a p{color:#000;text-decoration:underline}
.image-gallery-popup .column .right-c .review-listing {height: calc(100vh - 220px); overflow-y: auto; overflow-x: hidden;}

.package-info{background:#fff;  width:100%;padding:15px; margin-bottom: 20px;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px;  }
.package-info h3{font-size:22px;  color: #226e68;  font-weight: 600;}
.package-info .location{font-size:13px;  width:100%; margin: 4px 0px;}
.package-info .group-star{width:100%; margin-bottom: 15px;}
.package-info .group-star i{font-size:16px; color: #e35538;}
.packages-cate{width:100%;  border-top:1px solid #f3f3f3;padding-top:15px;}
.packages-cate ul,.packages-cate li{width:100%;}
.packages-cate ul{display: flex; flex-flow: column; gap: 15px;}
.packages-cate li{display: flex; gap: 15px; align-items: start;border-bottom: 1px solid #f7f7f7;padding-bottom: 10px;}
.packages-cate li .textb{width:70%;}
.packages-cate li .icon{width:5%;}
.packages-cate li .icon i{color: #4da6a0;}
    .packages-cate li .textb h5 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 4px;
    }
.packages-cate li .textb p{font-size:14px; line-height:22px;}
.packages-cate li .textb p strong{font-weight: bold;}
    .packages-cate li .textb span {
        font-size: 13px;
        display: block;
        font-weight: 600;
        padding-bottom: 10px;
    }
.packages-cate li .edit{width:15%; text-align: right;}
.packages-cate li .edit a{color:#000;  font-size:14px; text-decoration: underline;}
.packages-cate li .edit a:hover{text-decoration: none;}
.packages-cate li .no-refund{ font-size: 13px;  cursor: pointer; margin-top: 5px;}
.packages-cate .price-column{width:100%; display: flex; justify-content: space-between;background: #f7f7f7;padding: 10px; margin-top: 10px;}
.packages-cate .price-column .price-in p{font-size: 13px;}
.packages-cate .price-column .price-in h4{font-size:24px; font-weight: 800; line-height: 32px;}
.packages-cate .price-column .price-in h4 span{font-weight: normal; font-size:13px; text-decoration: line-through;  color:#999999 ;}

.company-info2{width: 100%;background: #fff;box-shadow: 0 .5px 1px #0000001a, 0 2px 6px #5a646d33;padding:0px 25px 10px 25px; text-align: center;box-shadow:rgb(35,66,100, 0.2) 0px 2px 9px; margin-bottom: 30px;}
.company-info2 ul{width: 100%;}
.company-info2 li{width:100%; padding-bottom:5px; position: relative; padding: 10px;}
.company-info2 li img{display: inline-block; max-width: 75px;}
.company-info2 li p{font-size: 13px;}
.company-info2 li:after{content:""; width:70px; height:1px; background:#8e8e8e; position: absolute; left:50%;margin-left:-35px;bottom:0px;}
.company-info2 li:last-child:after{display:none;}
.company-info2 h3{font-size: 24px;margin-bottom: 15px;font-weight: bold;color: #ffffff;background: #226e68;padding: 15px 0px;margin: 0px -25px;}

.c-whiteb{width: 100%;padding: 15px;margin-bottom: 20px;background: #fff;box-shadow: rgb(35, 66, 100, 0.2) 0px 2px 9px;}
.guest-info h3,.guest-info .contact-information h4,.pax-box h3,.voucher-c h3{font-size: 22px;font-weight: 700;color: #14423e;margin-bottom: 5px;}
.guest-info .info-textb{width: 100%;background: #f7f7f7;padding: 10px 10px 10px 35px;font-size: 13px;line-height: 22px;color: #2d2d2d; position: relative;  border-radius: 5px; margin-bottom: 20px;}
.guest-info .info-textb p{ font-size:13px; line-height:20px;}
.guest-info .info-textb::before{content: "\f05a";font-family: 'FontAwesome';  font-size:18px; color: #000; position: absolute; left: 12px; top:10px}
.guest-info .contact-information{width:100%;}
.guest-info .contact-information h4{margin-bottom:15px;}
.contact-information .input{height:55px;}
.row-f{width:100%; display: flex; gap: 20px; margin-bottom: 20px;}
.row-f .col-f{width:50%;}
.row-f .col-f label{font-size:14px; display: block; padding-bottom: 5px;}
.row-f .col-f label sup{color:red;}
.row-f .col-f .input{height: 55px;}
.pax-box{width:100%;}
.pax-box p{font-size:14px; padding-bottom:15px;}
.pax-box .select{background: url(../images/dropdown-arrow.png) right 10px center no-repeat #faffff; min-height:55px; background-size:26px;}
.pax-box .row-f.first .col-f{width:25%;}
.pax-box .select-b .select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.pax-box .row-f .col-f.date-birth .row{width:100%; display: flex;gap:15px;}
.pax-box .row-f .col-f.date-birth 


.refundable-book .title-row{ width: 100%;display: flex;justify-content: space-between;align-items: start;}
.refundable-book .title-row h3{font-size: 22px;font-weight: 700;color: #14423e;margin-bottom: 5px;}
.refundable-book .refundable-price{display: flex; gap: 20px;justify-content: end; margin-bottom: -10px;}
.refundable-book .refundable-price span{background: #226e68;color: #fff;padding:10px 20px;border-radius: 3px;font-size: 18px;font-weight: 700;display:inline-block; position: relative; top:-34px}
.c-shadow-box .grey-b{background: #f5f5f5;  border: 1px solid #ebeef2; padding: 7px 15px; border-radius:7px;}
.c-shadow-box .grey-b p{font-size: 13px; line-height: 21px; color: #2d2d2d;}
.refundable-book .listing-p{width:100%;padding:20px 0px;}
.refundable-book .listing-p ul{display:flex; flex-flow:wrap;margin-bottom:0px;}
.refundable-book .listing-p li{width:33%;font-size:13px;margin-bottom:10px;}
.refundable-book .listing-p li:last-child{margin-bottom:0px;}
.refundable-book .listing-p li i{font-size:13px;padding-right: 1px;color: #226e68;}
.refundable-book .donot-risk{background:#ffdddd; border:1px solid #d70101; border-radius: 7px; padding:12px; display: flex; gap:10px; align-items: center; margin-bottom: 15px;}
.refundable-book .donot-risk img{width:20px;}
.refundable-book .donot-risk p{font-size:13px; color:#d70101;}
.refundable-book .refund-option{display: flex; gap:20px;}
.refundable-book .refund-option .radio-option {position: relative;padding-left: 26px;cursor: pointer;font-size: 13px;user-select: none;font-weight:400; margin-bottom:12px;}
.refundable-book .refund-option .radio-option input {position: absolute;opacity: 0;cursor: pointer;}
.refundable-book .refund-option .radio-option .checkmark {position: absolute;top: -2px;left: 0;height: 20px;width: 20px;border: 2px solid #226e68;border-radius: 16px;}
.refundable-book .refund-option .radio-option input:checked ~ .checkmark {border-color: #226e68;}
.refundable-book .refund-option .radio-option .checkmark::after {content: "";position: absolute;display: none;}
.refundable-book .refund-option .radio-option input:checked ~ .checkmark::after {display: block;}
.refundable-book .refund-option .radio-option .checkmark::after {top: 4px;left: 4px;width: 9px;height: 9px;border-radius: 8px;background: #226e68;}
.refundable-book .oops-error{font-size:13px;  font-weight:500; color: #f00;}

.refund-popup {position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5); display: none;}
.refund-popup .innerb{background-color: #fff;padding: 20px;border: 1px solid #888;width: 80%;/* min-height: 300px; */max-width: 600px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;border-radius:6px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border: 5px solid #226e68;}
.refund-popup .innerb p{margin:0px;line-height: 28px;font-size: 17px;font-weight: 500; padding-bottom:7px;}
.refund-popup .innerb .btn {min-width:90px; min-height:50px;}
.refund-popup h4{background: #226e68;font-size: 22px;padding: 10px 10px;color: #ffffff;line-height: 30px;display: flex;align-items: center;gap: 10px;justify-content: center; border-radius:3px; margin-bottom:17px;}
.refund-popup h4 img{max-width:30px;}
.refund-popup h5{font-size:26px;font-weight:600;}
.refund-popup .red{background:#ff0000; color:#fff;display:inline-block; padding:0 15px;}
.refund-popup.session-exp .innerb{max-width: 350px;}

.voucher-c h3{margin-bottom:15px;}
.voucher-c .btn{min-height:55px;  margin-top: 23px;}
.continue-row{width: 100%;}
.continue-row .btn{width: 100%;}
.final-hotel{width:100%;}
.final-hotel img{display: block;}
.package-info .travelrepublic{display:flex;width:100%;margin-bottom:20px; cursor: pointer;}
.package-info .travelrepublic img{margin-left:-8px;}
.package-info.final .group-star{margin-bottom:5px;}
.final-pack-info ul{width:100%;}
.final-pack-info li,.final-pack-info li a{display: flex; gap: 10px; margin-bottom:8px; font-size:14px;}
.final-pack-info li .icon{width:24px; text-align: center;}
.final-pack-info li .icon i{font-size:18px; color: #14423e;}
.final-pack-info li .icon i.fa-male{font-size:22px;}
.final-pack-info li a{text-decoration:underline; color: #000;}
.final-pack-info li a:hover{text-decoration:none;}
.refund-info .textb{width:100%; padding-top: 20px;}
.refund-info p{font-size:14px; line-height: 23px;}
.final-flight-info{border-top:2px solid #f7f7f7; padding-top: 20px; margin-top: 20px;}
.final-flight-info h3{margin-bottom:15px;}
.final-flight-info .textb{width:100%; border-bottom: 2px solid #f7f7f7; padding-bottom: 10px; margin-bottom: 10px;}
.final-flight-info .textb p{font-size:14px; padding:5px 0px;}
.final-flight-info .textb p strong{font-size:16px; font-weight: bold;}
.final-flight-info .flight-detail-p.c-popup2 .inner-b .top-row h3{margin-bottom: 0px;}
.final-flight-info .flight-detail-p.c-popup2 li{margin:0px;}

.final-flight-info .textb ul{width:100%;}
.final-flight-info .textb li,.final-flight-info .textb li a{display: flex; gap: 10px; margin-bottom:13px; font-size:14px;}
.final-flight-info .textb li .icon{width:24px; text-align: center;}
.final-flight-info .textb li .icon i{font-size:18px; color: #14423e;}
.final-flight-info .textb li .icon i.fa-male{font-size:22px;}
.final-flight-info .textb li a{text-decoration:underline; color: #000;margin-bottom:0px;}
.final-flight-info .textb li a:hover{text-decoration:none;}

.total-pack-price{width:100%; display: flex;justify-content:space-between; padding-top: 10px;}
.total-pack-price p{font-size:14px;}
.total-pack-price p strong{font-size:18px; font-weight: bold;}
.final-price-box{width:100%;}
.final-price-box li{width:100%; display: flex; justify-content:space-between; gap: 15px; margin: 0px 0px 15px 0px;  font-size:14px;}
.final-price-box li h4{font-size:20px;  font-weight: bold;}
.final-price-box li p strong{font-size:15px; font-weight:bold;}
.final-price-box li:last-child{margin-bottom:0px;  border-top:2px solid #f7f7f7; padding-top: 15px;}

.biiling-address h3{font-size: 22px;font-weight: 700;color: #14423e;margin-bottom: 5px;}
.biiling-address p{font-size:14px; line-height:22px; padding-bottom:15px;}
.biiling-address .select {background: url(../images/dropdown-arrow.png) right 10px center no-repeat #faffff;min-height: 55px;background-size: 26px;}




.c-popup2 {position: fixed;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;z-index:99999;  display: none;}
.c-popup2 .overlay-d,.change-flight-box .overlay-d{position: fixed;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);z-index:99999;}
.c-popup2 .inner-b {background-color: #fff;padding: 20px;border: 1px solid #888;width:100%;max-width: 400px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius:15px;position:absolute;left:50%; top:50%;transform:translate(-50%, -50%);  z-index: 999999;}
.c-popup2 .inner-b .close-btn,.change-flight-box .top-row .close-btn{position: absolute; right: 20px; top:20px; width:32px; height:32px;text-align: center; line-height:29px; border: 2px solid #000;  cursor: pointer; background: #fff;}
.c-popup2 .inner-b .close-btn:hover,.change-flight-box .top-row .close-btn:hover{background:#14423e;color: #fff;  border-color: #14423e;}
.c-popup2.active{display: block;}
.change-flight-box .top-row .close-btn{top:13px;}

.select-flight .change-flight-box{left: auto;transition:all ease 0.5s; right:-100%;}
.select-flight .change-flight-box .overlay-d{left:auto;transition:all ease 0.5s;right:-100%;}
.select-flight .change-flight-box.active{right: 0px;}
.select-flight .change-flight-box.active .overlay-d{right: 0px;}
.hidescroll{overflow: hidden;}
.c-popup2.manage-h-b .inner-b{max-width: 650px;}
.c-popup2.manage-h-b .inner-b .img-b,.c-popup2.hotel-info .inner-b .img-b img{width:100%;}
.c-popup2.manage-h-b .inner-b .img-b{margin-bottom:10px;}
.c-popup2.manage-h-b .inner-b .textb p{font-size:15px; line-height:24px; padding-bottom: 10px;}
.c-popup2.manage-h-b .inner-b .close-btn{right: 40px;}
.c-popup2.width-7 .inner-b{max-width: 700px;}
.c-popup2.review-b .top-row .tripadvisor-b a{  display: flex;  color: #000;}
.c-popup2.review-b .top-row .tripadvisor-b p{font-size: 13px; text-decoration: underline;}
.c-popup2.review-b .top-row .hotel-review-info p{ font-size:14px;}

.attractions-info .width-7{ max-width:700px;}
.attraction-b {max-height:500px; overflow-y: auto;}
.attraction-b .imgb2{width:100%;}
.attraction-b .textb2{width:100%;}
.attraction-tab { width:100%;}
.attraction-tab ul{display: flex; gap: 20px; padding-bottom:7px; border-bottom:4px solid #f7f4f3; margin-bottom:10px; padding-top:15px;}
.attraction-tab li{font-size:17px; position: relative; cursor: pointer;}
.attraction-tab li.active:after{content:""; border-bottom:4px solid #226e68; width:100%; position: absolute; bottom: -11px; left: 0px;}
.attraction-b h4{font-size:20px; margin-bottom:15px; margin-top: 20px;}
.add-attractions .column .textb .attraction-b p,.attraction-b li{font-size:14px; line-height:24px;}
.attraction-content{display:none;}
.attraction-content.active{display:block;}
.attraction-content ul li {list-style: none; position: relative;padding-left: 20px;}
.attraction-content ul li::before {content: "✔";  position: absolute;left: 0;color: green;}
.choose-method{width:100%;}
.choose-method .title{width:100%;margin-bottom:10px}
.choose-method .title h3{font-size: 22px;font-weight: 700;color: #14423e;margin-bottom:5px;}
.choose-method .title p{font-size:14px; line-height:24px;}
.payment-category {width:100%;}
.payment-category .column{width:100%; padding:15px 15px 15px 50px; border:2px solid #f7f7f7;}
.payment-category .column .top-title{width:100%; display: flex; justify-content: space-between; align-items: center;}
.payment-category .column .top-title h3{font-size:18px; font-weight:bold; color: #0a211f;}
.radio-option-c input {position: absolute;opacity: 0;cursor: pointer;}
.radio-option-c .checkmark {position: absolute;top: 50%;left: 10px;height: 25px;width: 25px;border: 2px solid #226e68;border-radius: 16px; margin-top: -13px;}
.radio-option-c input:checked ~ .checkmark {border-color: #226e68;}
.radio-option-c .checkmark::after {content: "";position: absolute;display: none;}
.radio-option-c input:checked ~ .checkmark::after {display: block;}
.radio-option-c .checkmark::after {top: 4px;left: 4px;width: 14px;height: 14px;border-radius: 8px;background: #226e68;}
.payment-category .column{position: relative;}
.payment-category .column .common-text,.payment-category .column .card-info{width:100%;}
.payment-category .column .card-info{padding:15px 0px 0px 0px;}
.payment-category .column .card-info .row-f.second{width:50%;}
.payment-category .column .pay-bank-list{width:100%; padding-top:15px;}
.payment-category .column .pay-bank-list li {list-style: none; position: relative;padding-left: 20px;  font-size:14px; line-height:24px;}
.payment-category .column .pay-bank-list li::before {content: "✔";  position: absolute;left: 0;color: #226e68;}
.payment-category .column .pay-bank-list li strong{font-weight:800;}
.payment-category .column.active{ border-color: #226e68;}
.confirm-booking-info{width:100%; margin-bottom:20px;}
.confirm-booking-info p,
.confirm-booking-info li{font-size:13px; line-height:22px; padding-bottom:10px;}
.confirm-booking-info ul{ width:100%;}
.confirm-booking-info li{padding-bottom:0px;margin-bottom:4px; position: relative; padding-left:20px;  cursor:pointer; text-decoration:underline;}
.confirm-booking-info li::before {content: "✔";  position: absolute;left: 0;color: #226e68;}
.confirm-booking-info li:hover{text-decoration:none;}
.supplier-booking-c .inner-b.width-c-7,.our-terms-b .inner-b.width-c-7{ max-width:700px;}
.supplier-booking-c .common-text,
.our-terms-b .common-text{max-height: 450px;overflow-y:auto; padding-right:10px;}
.c-popup2 .box{padding:0px;}
.supplier-booking-c .common-text h3,.our-terms-b .common-text h3{font-size:18px;}
.confirmation-box .card h2 i{padding-right:5px;}


.package-container {max-width:900px;margin:auto;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.1);animation:fadeIn 1s ease;}
@keyframes fadeIn {
from {opacity:0; transform:translateY(20px);}
to {opacity:1; transform:translateY(0);}
}
.confirmation-box{width:100%; margin-bottom:50px;}
.confirmation-box .header {background:linear-gradient(135deg,#226e68,#226e68);color:#fff;padding:25px;text-align:center;}
.confirmation-box .header h1 {font-size:26px;margin-bottom:5px;}
.confirmation-box .header p {font-size:14px;opacity:0.9;}
.confirmation-box .header p strong{ font-size:20px; font-weight: bold; padding-top: 10px; display: block;}
.confirmation-box .package-details {display:grid;grid-template-columns: 1fr 1fr;gap:20px;padding:25px;}
.confirmation-box .card {background:#fafafa;padding:20px;border:1px solid #eee;}
.confirmation-box .card h2 {font-size:18px;margin-bottom:15px;color:#444;background:#226e68;padding:11px 0px 11px 10px; color:#fff; }
.confirmation-box .info {margin-bottom:12px;}
.confirmation-box .info strong {display:block; color:#222; font-weight:600;}
.confirmation-box .info span {font-size:14px; color:#666;}
.confirmation-box .footer {background:#f9f9f9;padding:20px;text-align:center;border-top:1px solid #eee;}
.confirmation-box .footer button {background:#226e68;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;margin:0 10px;cursor:pointer;transition:0.3s;}
.confirmation-box .footer button:hover {background:#000;}


.super-h{font-size: 14px;font-weight: 900;text-transform: uppercase;background: linear-gradient(270deg, #fe9305, #ff620d, #ffd24d, #ff0d18);
background-size: 600% 600%;animation: gradientMove 6s ease infinite;padding: 10px 20px;padding: 6px 16px;border-radius: 20px;color: #fff;}
@keyframes gradientMove {
0%{ background-position:0% 50%; }
50%{ background-position:100% 50%; }
100%{ background-position:0% 50%; }
}

.deal-slider{position:relative;}
.deal-slider .column .col:before{content:""; background: rgb(0,0,0,0.3); width:100%; height: 100vh; position: absolute; left: 0px; top:0px; z-index: 99;}
.deal-slider,.deal-slider .col{width:100%;}
.deal-slider .column{width:100%;}
.deal-slider .column .col{width: 100%; height: 100vh;margin: auto;overflow: hidden;position: relative; background-size: cover; background-repeat: no-repeat; background-position:center;}
.deal-slider .column .col img{display:none; width:100%; }
.deal-slider .column .col video {width: 100%;object-fit: cover;object-position: center center;height: 100vh;}
.deal-slider .column .col .video-btn{ background:url(../images/icon-video.png) center no-repeat; width: 100px; height: 100px; background-size: 100%; position: absolute; left: 50%;transform: translateX(-50%); bottom: 35px; z-index: 99999999;  cursor: pointer;}
.modal-backdrop {position: fixed;background: rgba(0, 0, 0, 0.6);align-items: center;justify-content: center;z-index: 999999999;padding: 20px;top: 0px;
left: 0px;width: 100%;height: 100%;}

.video-modal {display: none;position: fixed;top: 0; left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);align-items: center;justify-content: center;z-index: 999999;}

/* Modal Box */
.video-modal .video-box {background: #000;position: relative;max-width: 900px;width: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 30px rgba(0,0,0,0.4);
animation: fadeIn 0.3s ease; left: 50%; top:50%; transform: translate(-50%, -50%);}

/* Close Button */
.video-modal .close-btn {position: absolute;top: 8px;right: 8px;width: 36px;height: 36px;border: none;border-radius: 50%;background:#000;color: white;
font-size: 20px;cursor: pointer;z-index: 2;}

/* Video Style */
.video-modal video {width: 100%;height: auto;display: block;}

@keyframes fadeIn {
from {opacity: 0; transform: scale(0.9);}
to {opacity: 1; transform: scale(1);}
}



.header-transp .header-new{background: linear-gradient(0deg, #ffffff00 0%, #000000 100%);}
.header-transp .page-top{margin-top:0px;}
.deal-slider .textb{position: absolute; left: 0px; top:50%; width:100%; text-align: center;  color:#fff; transform: translateY(-50%);  z-index: 999;}
.deal-slider .textb h3{font-size:58px; font-weight:bold;}
.deal-slider .textb h4{font-size:36px; font-weight:bold; margin:15px 0px 30px 0px;}
.deal-slider .textb ul{display: flex; justify-content: center; gap: 20px;}
.deal-slider .textb ul li i{font-size:24px; padding-right:10px;}
.deal-slider .textb ul li .btn{font-size:18px;}
.deal-slider .column .owl-prev,.deal-slider .column .owl-next{z-index: 9999;}
.award-secs{width:100%; position: relative;padding:0px 20px 0px 0px;}
.award-secs ul{display: flex; gap: 35px; align-items: end; justify-content: center;}
.award-secs ul li img{max-height:100px;}
.award-secs ul li{position: relative;}
.award-secs ul li:before{ content:""; width:1px; height: 100%; background:#f7f7f7; position: absolute; right:-25px; display: none;}
.award-secs ul li:last-child img{max-height: 70px; margin-bottom: 12px;}
.award-secs ul li:last-child:before{display:none;}
.award-secs ul li:nth-child(2) img{max-height:115px;}
.white-con-b{width:100%; background:#f8f8f8; padding:0px 0px 40px 0px;}
.holiday-brief{width:100%; text-align: center; margin-bottom:70px;}
.holiday-brief .container{padding:20px 20px;background: #226e68; border-radius:15px;}
.holiday-brief h3{font-size:36px; font-weight:bold; margin-bottom:15px; color: #fff;}
.holiday-brief p{font-size:15px; line-height:26px; padding-bottom:20px; color: #fff;}
.deal-itinerary{width:100%; margin-bottom:70px;}
.deal-head{font-size: 28px;font-weight: bold;color: #0f1031;display: flex;align-items: center;gap: 12px;margin-bottom:25px;}
.deal-head img{width:36px;}
.deal-accordion{width:100%;border:2px solid #226e68;margin-bottom: 10px;padding: 2px 10px;border-radius: 10px; background:#fff;}
.deal-accordion .deal-c-head{font-size: 18px; font-weight: 600; background: url(../images/icon-plus2.png) right center no-repeat; background-size: 25px; cursor: pointer;}
.deal-accordion .deal-c-head.active{background: url(../images/icon-min2.png) right center no-repeat;background-size: 25px;}
.deal-accordion .deal-c-head h4{background: url(../images/icon-location.png) left center no-repeat; background-size: 35px;padding: 15px 0px 15px 45px;}
.deal-accordion .deal-c-head span{color: #226e68;}
.deal-c-content{width:100%; padding-left: 50px; padding-bottom:30px; position: relative;  display: none;padding-right:30px;}
.deal-c-content::before{content:"";  width:2px; height: calc(100% - 30px); border-left:3px dashed #226e68;position:absolute; left: 17px; top:0px;}
.deal-c-content .imgb{width:350px;}
.deal-c-content .textb{width:calc(100% - 350px);}
.deal-c-content .textb p{font-size:15px; line-height:25px; padding-bottom:20px; text-align: justify;}
.deal-c-content .inner-b{ width:100%;display: flex; gap:20px; }
.deal-itinerary .top-row{display:flex; justify-content: space-between; align-items: center;}
.deal-itinerary .top-row .expant-btn{background: url(../images/icon-plus2.png) right center no-repeat; background-size: 30px;font-size:18px; font-weight: bold; padding: 10px 40px 10px 0px;  cursor: pointer;}
.deal-itinerary .top-row .expant-btn.active{background: url(../images/icon-min2.png) right center no-repeat;background-size: 30px;}
.accom-deals{width:100%; margin-bottom:70px; display: none;}
.accom-deals.active{display: block;}
.accom-tabel,.accom-tabel table{width:100%; background:#fff;}
.accom-tabel table th,.accom-tabel table td{width:100%; border: 1px solid #2d2d2d; padding: 14px 10px; width:17%; font-size:16px;}
.accom-tabel table th {font-size:17px; font-weight: bold;padding: 17px 10px; background:#226e68;  color: #fff;}
.accom-tabel table th:nth-child(2), .accom-tabel table td:nth-child(2){width:12%;}
.accom-tabel table th:nth-child(3), .accom-tabel table td:nth-child(3){width:26%;}

.inclusions-deal{width:100%;margin-bottom:70px;}
.inclusions-deal .textb{width:100%;}
.inclusions-deal .textb ul{ border:1px solid #2d2d2d;}
.inclusions-deal .textb li{position: relative;font-size: 15px;font-weight: 400;line-height: 24px;border-bottom: 1px solid #2d2d2d;padding: 8px 10px;background:#fff;}
.inclusions-deal .textb li:before{content: "\f00c"; font-family: 'FontAwesome'; font-size:15px; color:#226e68; margin-right: 8px;}
.inclusions-deal .textb li:last-child{border: none;}

.price-deal{width:100%;margin-bottom:70px;  display: none;}
.price-deal .classes-tab{width:100%; margin-bottom: 30px;}
.price-deal .classes-tab ul{ display: flex;  border-radius:10px; overflow: hidden;}
.price-deal .classes-tab li{font-size:20px;  font-weight: bold; padding:15px 20px;background:#a9f7f1; cursor: pointer;}
.price-deal .classes-tab li:last-child{ border-radius:0px 10px 10px 0px;}
.price-deal .classes-tab li.active,.price-deal .price-b .year-tab li.active{background:#226e68; color: #fff;}
.price-deal .price-b{box-shadow: rgb(34 110 104) 0px 0px 5px;width:100%;padding: 15px; display: none;border-radius: 8px; background:#fff;}
.price-deal .price-b .year-tab{width:100%;margin-bottom:15px;}
.price-deal .price-b .year-tab ul{display:flex; justify-content: center;}
.price-deal .price-b .year-tab li{font-size:20px;  font-weight: bold; padding:15px 30px;background:#a9f7f1; cursor: pointer;}
.price-deal .price-b .year-tab li:first-child{border-radius:10px 0px 0px 10px;}
.price-deal .price-b .year-tab li:last-child{border-radius:0px 10px 10px 0px;}
.price-deal .price-b .year-tab li ~ li{border-left: 1px solid #78d0ca;}
.price-deal .price-b.active{display:block;}
.price-deal.active{display: block;}

.year-d-content .p-table,.year-d-content .p-table .p-row{width: 100%;}
.year-d-content .p-table{border:2px solid #226e68;border-radius: 10px;overflow: hidden;}
.year-d-content .p-table .p-row{display: flex; align-items: center; padding: 8px 0px;}
.year-d-content .p-table .p-row .col{width: 33.33%; text-align: center; font-size: 24px; font-weight: 500;}
.small{text-align: center !important; font-size: 18px !important; font-weight: 500 !important;}
.year-d-content .p-table .p-row .col a{text-decoration: none;display: inline-block;padding: 12px 20px;background: #226e68;color: #fff;font-size: 16px;border-radius: 5px;}
.year-d-content .p-table .p-row .col a:hover{background: #000;}
.year-d-content .p-table .p-row ~ .p-row{border-top:2px solid #226e68;}
.year-d-content .p-table .p-row:first-child{background:#226e68;  color:#fff;}
.price-deal .price-b .year-d-content{width:100%; display: none;}
.price-deal .price-b .year-d-content.active{display: block;}
.note-price{background: #226e68;color: #fff;padding: 10px; margin-top: 10px;border-radius: 8px;}
.hotel-info-b{width:100%; margin-bottom: 20px;}
.hotel-info-b .column{display: flex; gap:15px;  border: 2px solid #226e68; overflow: hidden; position: relative; border-radius: 15px; background:#fff;}
.hotel-info-b .column .imgb {width: 350px;}
.hotel-info-b .column .imgb img{display: block;}
.hotel-info-b .column .textb {width: calc(100% - 350px); padding: 10px 20px 0px 0px;position:relative; max-height: 300px;overflow: hidden;}
.hotel-info-b .column .textb.expand{max-height: none;overflow: visible;}
.hotel-info-b .column .textb p{font-size:15px; line-height:25px;  padding-bottom: 15px;}
.hotel-info-b .column .textb h4{font-size:20px; font-weight: bold;}
.hotel-info-b .column .textb .group-star i{display: inline-block;color: #fa7f06;font-size: 15px;}
.hotel-info-b .column .textb::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 60px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);transition: opacity 0.3s ease;}
.hotel-info-b .column .see-more-btn {position: absolute;bottom:10px;right: 20px;background: #226e68;color: #fff;border: none;border-radius: 4px;padding: 6px 14px;cursor: pointer;font-weight: 600; z-index: 1;}
.hotel-info-b .column .textb.expand::after {opacity: 0;}
.hotel-info-b .column .textb .service-list{ width:100%; padding-bottom: 50px;}
.hotel-info-b .column .textb .service-list ul{display: flex;  flex-flow: wrap;  width: 100%; gap: 8px;}
.hotel-info-b .column .textb .service-list li{width:calc(33.33% - 7px); margin-bottom: 12px; font-size:14px; position: relative; padding-left:22px;}
.hotel-info-b .column .textb .service-list li:before {content: "\f00c";font-family: 'FontAwesome';font-size: 15px;color: #226e68;margin-right: 8px; position: absolute; left: 0px;}
.hotel-info-b .column .textb .service-list h4{margin-bottom: 15px;}

.ratting-hotel,.h-ratting-tab{width:100%;}
.h-ratting-tab{padding-top:20px;}
.h-ratting-tab .container{padding:0px;}
.h-ratting-tab ul{display: flex;width:100%;margin:20px 0px; gap: 10px;}
.h-ratting-tab li{padding: 10px 30px; background: #226e68; color: #fff; border-radius: 10px; font-size:25px; cursor: pointer;width: 33%; text-align: center; font-weight: bold;}
.h-ratting-tab li .group-star{width:100%;text-align:center}
.h-ratting-tab li .group-star i{font-size:15px;}
.h-ratting-tab li:hover,.h-ratting-tab li.active{background: #73c9c5;color: #2d2d2d;}
.h-ratting-text{width:100%;  visibility: hidden;height: 0;overflow: hidden;}
.h-ratting-text.active{visibility: visible;  height: auto;}
.h-ratting-text .container{padding:0px;}
.h-ratting-text h3{font-size: 24px;font-weight: bold;margin-bottom: 15px;display: inline-block;background: #ff5a00;padding: 10px 20px;border-radius: 10px;color: #fff;}
.h-ratting-text .column{width:100%; margin-bottom:30px; position: relative;}
.h-ratting-text .column .col{box-shadow: rgb(34 110 104) 0px 0px 5px;padding:12px; border-radius: 10px; margin: 5px; background:#fff;}
.h-ratting-text .column .col img{border-radius:7px;}
.h-ratting-text .column .col h4{font-size:20px; font-weight: bold; margin-bottom:5px;}
.h-ratting-text .column .col .location{font-size:13px; margin-bottom:4px;}
.h-ratting-text .column .col .group-star i{color: #226e68;}
.h-ratting-text .column .owl-prev{left: -40px; width:40px; height:40px; font-size:50px;}
.h-ratting-text .column .owl-prev span{top:-3px;}
.h-ratting-text .column .owl-next{right: -40px; width:40px; height:40px; font-size:50px;}
.h-ratting-text .column .owl-next span{top:-3px;}
.hoteal-d{width:100%; display: none;}
.hoteal-d.active{display: block;}

.topbar-section{width: 100%; padding: 10px 20px;  display: flex; justify-content: space-between;  align-items: center;position: sticky;top: 0; background: #f8f8f8; z-index: 99999;box-shadow: rgba(0, 0, 0, 0.16) 0px 1.46px 4.38px 0px;background: linear-gradient(89.28deg, #EEF4F8 -1.22%, #E2F3FC 59.57%);
    box-shadow: -10px -10px 20px 0px #A9BFCA inset;
    box-shadow: 10px 10px 20px 0px #A0BECD inset;}
.section-tab2 ul{width: 100%;  display: flex; gap: 10px;}
.section-tab2 li{cursor: pointer;padding:16px 32px;background: #226e68;  font-size:20px; color: #fff;  border-radius: 4px;}
.section-tab2 li.active{background: #a9f7f1; color: #2d2d2d;}
.topbar-section .award-secs{width:auto;}

.h-ratting-tab .container,
.h-ratting-text .container,
.holiday-brief .container,
.deal-itinerary .container,
.accom-deals .container,
.inclusions-deal .container,
.price-deal .container,
.hoteal-d .container{max-width: 1300px; padding: 0px;}
.holiday-brief .container{padding: 20px;}

.holiday-brief .text{overflow: hidden;height: auto;transition: height 0.3s ease;}
.holiday-brief .text.collapsed {max-height: 200px;}
.holiday-brief  .btn{background: #172120;}
.h-ratting-text .column .owl-prev{left:-10px;}
.h-ratting-text .column .owl-next{right:-10px;}

.top-row-sort .m-filter{display: none;}
.filter-area .f-close-btn{display: none;}


@media only screen and (min-width: 1200px) and (max-width:1360px) {
    .room-type-b li{font-size:15px;}
    .deal-slider .textb h3{font-size:50px;}
    .section-tab2 li{padding:15px 21px;font-size: 16px;}
    .award-secs ul{gap:20px;}
    .award-secs ul li:before{right:-10px;}
    .h-ratting-tab .container, .h-ratting-text .container, .holiday-brief .container, .deal-itinerary .container, .accom-deals .container, .inclusions-deal .container, .price-deal .container, .hoteal-d .container{padding: 0 20px;}
    .topbar-section .award-secs{padding-right:0px;}
    .h-ratting-tab li{font-size:22px;}
    .h-ratting-text h3{margin-left:30px;}
    .holiday-brief .container{padding:20px; }
    .holiday-brief .text.collapsed{max-height:230px;}
    .filter-area .inner-content .ttl-pp button{padding:8px;}
    .hotel-result-list .price-detail .atol-protec{padding-left:5px;}
    .hotel-result-list .hotel-flight-info h3 a{font-size:18px;}
    .filter-area .inner-content .areas-widget li .type{font-size:13px;}  
    .super-h{font-size:12px;}
    .payment-category .column .top-title h3{font-size:16px;}
}
@media (min-width: 1200px) {
    .container {
        width: 1264px!important;
    }
}

    @media only screen and (min-width: 1024px) and (max-width:1199px) {
        .selected-hotels-area .content-details .image-area {
            width: 265px;
        }

        .selected-hotels-area .content-details .content-area {
            width: calc(100% - 285px);
        }

        .result-container .filter_section {
            width: 25%;
        }

        .room-type-b ul {
            gap: 5px;
        }

        .room-type-b li {
            font-size: 13px;
            padding: 8px 6px;
        }

        .c-popup .innerb .textb {
            height: 400px;
        }

        .details-content_container {
            max-height: 100%;
        }

        .page-top {
            margin-top: 55px;
        }

        .price-atol .atol-protec p {
            padding: 0 10%;
        }

        .owl-next, .owl-prev {
            width: 35px;
            height: 35px;
        }

        .sorting_search-container .sorting-section li {
            width: auto;
            padding: 8px 10px;
        }

        .deal-slider .textb h3 {
            font-size: 42px;
        }

        .deal-slider .column .owl-prev, .deal-slider .column .owl-next {
            width: 45px;
            height: 45px;
            font-size: 62px;
        }

            .deal-slider .column .owl-prev span, .deal-slider .column .owl-next span {
                top: -4px;
            }

        .section-tab2 ul {
            gap: 8px;
        }

        .section-tab2 li {
            padding: 5px 15px;
            font-size: 16px;
            display: flex;
            align-items: center;
            text-align: center;
        }

        .topbar-section .award-secs {
            padding: 0 0 0 20px;
        }

        .award-secs ul li:before {
            display: none;
        }

        .award-secs ul {
            gap: 20px;
        }

        .h-ratting-tab .container, .h-ratting-text .container, .holiday-brief .container, .deal-itinerary .container, .accom-deals .container, .inclusions-deal .container, .price-deal .container, .hoteal-d .container {
            padding: 0 20px;
        }

        .holiday-brief .container {
            padding: 20px;
            max-width: calc(100% - 40px);
        }

        .holiday-brief .text.collapsed {
            max-height: 250px;
        }

        .footer {
            overflow: hidden;
        }

        .filter-area .search-section .search-bar input {
            height: 45px;
            font-size: 13px;
        }

        .hotel-result-list .hotel-flight-info h3 a {
            font-size: 18px;
        }

        .filter-area .inner-content .rating-widget li .group-star {
            margin-top: 4px;
            font-size: 14px;
        }

        .hotel-result-list .price-detail .atol-protec {
            gap: 0;
            flex-flow: column;
            align-items: center;
            text-align: center;
        }

        .hotel-result-list .price-detail {
            padding-top: 10px;
        }

            .hotel-result-list .price-detail p {
                font-size: 10px;
            }

            .hotel-result-list .price-detail .atol-protec .text strong {
                font-size: 13px;
            }

            .hotel-result-list .price-detail .btm {
                margin-top: 10px;
            }

            .hotel-result-list .price-detail h4 {
                font-size: 24px;
            }

            .hotel-result-list .price-detail .btn {
                margin-top: 10px;
                min-height: 40px;
                font-size: 14px;
                padding: 5px 15px;
            }

        .hotel-result-list .hotel-flight-info .location {
            font-size: 12px;
        }

        .hotel-result-list .hotel-flight-info li {
            font-size: 12px;
        }

        .filter-area .inner-content .areas-widget li .type {
            font-size: 12px;
        }

        .top-row-sort .sort-list li {
            padding: 13px 15px;
            font-size: 14px;
        }

        .packages-cate .price-column {
            flex-flow: column;
            gap: 15px;
        }

            .packages-cate .price-column .price-in h4 {
                font-size: 28px;
            }

        .hotel-facilities li {
            font-size: 13px;
        }

            .hotel-facilities li .icon {
                width: 22px;
            }

        .board-type-room .board-tab li {
            padding: 10px 4px;
        }

            .board-type-room .board-tab li h4 {
                font-size: 14px;
            }

        .add-transfer .row-c .col h4 {
            font-size: 14px;
        }

        .add-transfer .row-c .col .btn-row .btn {
            min-height: 45px;
        }

        .c-popup2.manage-h-b .sort-list {
            max-height: 500px;
        }

        .select-flight .btn-row .btn {
            font-size: 14px;
            min-height: 45px;
        }

        .c-popup2.manage-h-b .inner-b .close-btn {
            background-color: #fff;
        }

        .c-popup2.manage-h-b .inner-b .textb p {
            font-size: 14px;
        }

        .review-h .review-listing li p {
            font-size: 13px;
            line-height: 22px;
        }

        .review-h .review-listing li .t-row h4 {
            font-size: 15px;
        }

        .change-flight-box .white-b {
            width: 90%;
        }

        .flight-result-right .btn-cal {
            padding: 0px;
        }

        .filter-area .filter-heading {
            font-size: 14px;
        }

        .change-flight-box .top-text .top-row-sort {
            width: 20%;
        }

        .hotel-overview p {
            font-size: 14px;
            padding-bottom: 8px;
        }

        .board-content .board-column .col ul {
            margin: 10px 0px;
        }

        .payment-category .column .top-title h3 {
            font-size: 16px;
        }

        .super-h {
            font-size: 11px;
        }

        .payment-category .column:first-child .card-img {
            width: 120px;
        }

        .refundable-book .refundable-price span {
            font-size: 15px;
            padding: 10px 15px;
        }

        .refundable-book .title-row h3 {
            font-size: 18px;
        }

        .refundable-book .refund-option .radio-option {
            font-size: 12px;
        }

        .subscribe__heading {
            font-size: 18px !important;
        }

        .holidaysummary strong.summaryname {
            font-size: 18px;
        }
    }

    @media (max-width: 1023px) {
        .selected-hotels-area .content-details .image-area {
            width: 185px;
        }

        .selected-hotels-area .content-details .content-area {
            width: calc(100% - 200px);
        }

        .room-type-b ul {
            flex-flow: column;
        }

        .room-type-b li {
            font-size: 13px;
            text-align: center;
        }

        .selected-hotels-area .content-details .content-area .hotel-name {
            font-size: 14px;
            line-height: 18px;
        }

        .result-container .filter_section {
            width: 25%;
        }

        .airline-detail-area .leg-area .tos {
            width: 20%;
        }

        .seg_container .bottom-section .details-btn_section .details-btn {
            font-size: 14px;
        }

        .seg_container .bottom-section .button_section .book_btn {
            font-size: 18px;
        }

        .seg_container .price-section .inner-detail .price {
            font-size: 14px;
        }

        .seg_container .price-section .inner-detail .tprice {
            font-size: 12px;
        }

        .seg_container .price-section .baggage-details {
            float: left;
        }

            .seg_container .price-section .baggage-details .check-baggage .icons {
                display: none;
            }

        .select-b {
            width: 50%;
            float: right;
        }

        .sorting_search-container .search-bar {
            margin-top: 10px;
        }

        .filter-area {
            overflow: scroll;
            background: #f0f0f0;
            padding: 15px;
        }

        .filter-res-container {
            height: calc(100% - 85px);
            top: 85px;
        }

        .filter-head {
            margin-bottom: 10px;
            border-radius: 10px;
        }

        .summary-container .top-summary-text em {
            font-size: 13px;
        }

        .summary-container .not {
            font-size: 13px;
        }

        .summary-container .top-summary li {
            line-height: 26px;
        }

        .price-atol .atol-protec p {
            padding: 0 10%;
        }

        .summary-container .modify_serch-btn {
            font-size: 16px;
        }

        .your-flight-included .head-text,
        .room_option-container .head-text {
            font-size: 17px;
        }

        .h-ratting-tab .container, .h-ratting-text .container, .holiday-brief .container, .deal-itinerary .container, .accom-deals .container, .inclusions-deal .container, .price-deal .container, .hoteal-d .container {
            padding: 0 15px;
        }

        .holiday-brief .container {
            padding: 20px;
            max-width: calc(100% - 30px);
        }

        .deal-slider .textb h3 {
            font-size: 37px;
            padding: 0 90px;
            line-height: 52px;
        }

        .section-tab2 ul {
            flex-flow: wrap;
        }

        .section-tab2 li {
            padding: 8px 10px;
            font-size: 15px;
            width: 30%;
            text-align: center;
        }

        .video-modal .video-box {
            max-width: 700px;
        }

        .topbar-section .award-secs {
            padding: 0px;
        }

        .award-secs ul {
            gap: 20px;
        }

        .h-ratting-tab li {
            font-size: 20px;
        }

        .holiday-brief .text.collapsed {
            max-height: 285px;
        }

        .deal-c-content .imgb {
            width: 270px;
        }

        .deal-c-content .textb {
            width: calc(100% - 270px);
        }

            .deal-c-content .textb p {
                font-size: 14px;
                line-height: 24px;
            }

        .deal-accordion .deal-c-head {
            font-size: 16px;
            background-size: 20px;
        }

            .deal-accordion .deal-c-head h4 {
                background-size: 30px;
                padding: 15px 0px 15px 40px;
            }

        .deal-itinerary .top-row .expant-btn {
            padding: 10px 35px 10px 0px;
            background-size: 25px;
        }

        .accom-tabel table th {
            font-size: 15px;
            padding: 10px;
        }

        .accom-tabel table th, .accom-tabel table td {
            font-size: 14px;
        }

        .deal-head {
            font-size: 24px;
        }

        .price-deal .deal-head img {
            border-radius: 100%;
        }

        .h-ratting-text h3 {
            font-size: 20px;
        }

        .deal-c-content {
            padding-left: 40px;
        }

        .year-d-content .p-table .p-row .col {
            font-size: 20px;
        }

            .year-d-content .p-table .p-row .col .small {
                font-size: 16px !important;
            }

        .hotel-info-b .column .textb .service-list li {
            width: auto;
        }

        .hotel-info-b .column .textb p {
            font-size: 14px;
            line-height: 24px;
        }

        .inclusions-deal .textb li {
            font-size: 14px;
        }

        .holiday-brief p {
            font-size: 14px;
            line-height: 24px;
        }

        .holiday-brief h3 {
            font-size: 28px;
        }

        .filter-res-container {
            top: 0px;
            height: 100%;
        }

            .filter-res-container.active {
                left: 0px;
                visibility: visible;
                z-index: 9999999;
            }

        .f-close-btn {
            width: 32px;
            height: 32px;
            text-align: center;
            line-height: 29px;
            border: 2px solid #000;
            cursor: pointer;
            display: block;
            margin-left: auto;
            margin-bottom: 10px;
        }

        body.active:before {
            content: "";
            width: 100%;
            height: 100%;
            background: rgb(0,0,0,0.7);
            position: fixed;
            left: 0px;
            top: 0px;
            z-index: 999999;
        }

        .hotel-result-list .price-detail .atol-protec {
            flex-flow: column;
            align-items: center;
            vertical-align: middle;
            padding-top: 21px;
            text-align: center;
            gap: 2px;
        }

        @media(max-width:991px) and (min-width:476px) {
            .yoursafe {
                font-size: 14px !important;
            }
        }

        @media(max-width:475px) {
            .atole p {
                font-size: 12px !important;
            }
        }

        .atole {
            line-height: 24px;
        }

        .hotel-result-list .price-detail {
            padding-top: 10px;
        }

        .hotel-result-list .hotel-flight-info h3 a {
            font-size: 18px;
        }

        .hotel-result-list .price-detail p {
            font-size: 10px;
        }

        .hotel-result-list .price-detail .btm {
            margin-top: 10px;
        }

        .hotel-result-list .price-detail .btn {
            margin-top: 10px;
            padding: 5px 10px;
            min-height: 45px;
            font-size: 14px;
        }

        .show-map-popup.active {
            z-index: 99999999;
        }

        .top-row-sort .m-filter {
            display: inline-flex;
        }

        .filter-area .f-close-btn {
            display: block;
        }

        .section-tab li {
            font-size: 14px;
            padding: 10px 11px;
        }

        .hotel-overview p {
            font-size: 13px;
            line-height: 23px;
            padding-bottom: 8px;
        }

        .hotel-facilities li {
            width: 33%;
            font-size: 13px;
            gap: 5px;
        }

            .hotel-facilities li .icon {
                width: 22px;
            }

        .select-flight .btn-row .btn {
            font-size: 11px;
            padding: 5px 15px;
        }

        .board-content .board-column .col h4 {
            font-size: 15px;
            line-height: 22px;
        }

        .add-transfer .row-c .col .btn-row .btn {
            min-width: 80px;
            min-height: 42px;
        }

        .add-attractions .column .imgb {
            width: 210px;
        }

        .add-attractions .column .textb {
            width: calc(100% - 210px);
        }

        .account-value button {
            padding: 6px 11px;
        }

        .review-h .review-listing li p {
            font-size: 13px;
            line-height: 22px;
        }

        .board-content .board-column {
            padding: 10px 15px 10px 10px;
        }

            .board-content .board-column .col ul {
                margin: 7px 0px;
            }

        .c-popup2.manage-h-b .inner-b .textb p {
            font-size: 13px;
            line-height: 22px;
        }

        .packages-cate .price-column {
            flex-flow: column;
            gap: 10px;
        }

            .packages-cate .price-column .btn {
                padding: 5px 11px;
                font-size: 15px;
                min-height: 50px;
            }

        .c-popup2.manage-h-b.hotel-info-2 .inner-b .sort-list {
            max-height: 500px;
        }

        .add-attractions .column .textb .attraction-b p, .attraction-b li {
            font-size: 13px;
            line-height: 22px;
        }

        .company-info2 h3 {
            font-size: 18px;
        }

        .package-info {
            padding: 10px;
        }

        .packages-cate li {
            gap: 10px;
        }

        .image-gallery-popup .column {
            gap: 10px;
        }

            .image-gallery-popup .column .right-c {
                width: 40%;
            }

        .review-h .review-listing li .t-row .ratting-point {
            width: 35px;
            height: 35px;
            line-height: 35px;
            font-size: 17px;
        }

        .review-h .review-listing li .t-row h4 {
            font-size: 13px;
        }

        .basket-detail .left-col .hotel-gallery .show-all-image {
            padding: 9px 12px;
            font-size: 14px;
        }

        .change-flight-box .white-b {
            width: 96%;
        }

        .change-flight-box .column {
            padding: 10px;
        }

        .change-flight-box .white-b {
            width: 96%;
        }

            .change-flight-box .white-b .filter-area {
                width: 22%;
                min-width: 250px;
                padding: 0px 10px 0px 0px;
            }

                .change-flight-box .white-b .filter-area .filter-heading {
                    font-size: 13px;
                }

        .filter-area .inner-content .areas-widget li .type {
            font-size: 13px;
        }

        .filter-area .inner-content .areas-widget li {
            padding: 3px 9px 11px;
        }

        .select-flight .top-text h3, .hotel-facilities h3, .board-type-room h3, .add-transfer h3, .add-attractions h3, .add-transfer h3, .add-attractions h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .add-transfer p, .add-attractions p {
            font-size: 13px;
            line-height: 22px;
        }

        .board-type-room .board-tab li {
            padding: 10px;
            width: calc(25% - 9px);
        }

        .board-type-room .board-tab ul {
            gap: 10px;
        }

        .board-type-room .board-tab li h4 {
            font-size: 14px;
        }

        .basket-detail {
            flex-flow: column;
        }

            .basket-detail .left-col {
                width: 100%;
            }

            .basket-detail .right-col {
                width: 100%;
            }

        .section-tab ul {
            flex-flow: wrap;
        }

        .flight-result-left .column-top .flight-origin span {
            font-size: 10px;
        }

        .flight-result-left .column-top .flight-origin strong {
            font-size: 13px;
        }

        .select-flight .btn-row .btn {
            min-width: auto;
        }

            .select-flight .btn-row .btn.change-flight {
                margin-right: 10px;
            }

        .change-flight-box .column {
            flex-flow: column;
        }

        .change-flight-box .white-b .filter-area {
            width: 100%;
            min-width: 100%;
            overflow: visible;
        }

        .change-flight-box .white-b .result-listings {
            width: 100%;
        }

        .change-flight-box .top-text {
            flex-flow: column;
        }

            .change-flight-box .top-text .top-row-sort {
                width: 100%;
                margin-top: 15px;
            }

            .change-flight-box .top-text .textb {
                padding-right: 15px;
            }

            .change-flight-box .top-text p {
                font-size: 12px;
                line-height: 16px;
            }

        .filter-area .section {
            margin-bottom: 10px;
        }

        .flight-result-right .btn-cal {
            padding: 0px;
        }

        .change-flight-box .white-b {
            width: 100%;
        }

        .flight-result-left .column-top .baggage-info {
            margin: 0px;
        }

        .flight-result-left .column-top .airline-logo p, .flight-result-left .column-top .airline-logo span {
            font-size: 10px;
        }

        .flight-result-left .column-top .flight-origin span {
            font-size: 9px;
        }

        .flight-result-right {
            padding: 5px;
        }

            .flight-result-right .price-all h3 {
                font-size: 14px;
            }

            .flight-result-right .price-all span {
                font-size: 9px;
            }

            .flight-result-right .btn-cal button {
                padding: 6px 8px;
            }

                .flight-result-right .btn-cal button span {
                    font-size: 14px;
                }

        .c-popup2 .inner-b .close-btn {
            top: 12px;
        }

        .top-row-sort .sort-list li {
            font-size: 14px;
            padding: 12px 15px;
        }

        .change-flight-box .top-text h4 {
            font-size: 16px;
        }

        .change-flight-box .top-row h3 {
            font-size: 18px;
        }

        .change-flight-box .top-text .top-row-sort {
            margin-top: 10px;
        }

        .reset-filters {
            margin-bottom: 10px;
        }

        .board-type-room .board-tab ul {
            gap: 5px;
        }

        .board-type-room .board-tab li {
            border-width: 1px;
            width: calc(25% - 5px);
        }

            .board-type-room .board-tab li h4 {
                font-size: 13px;
            }

        .board-content .board-column {
            flex-flow: column;
        }

            .board-content .board-column .imgb {
                width: 100%;
            }

            .board-content .board-column .col, .board-content .board-column .col2 {
                width: 100%;
            }

            .board-content .board-column .check-btn {
                top: auto;
                bottom: 16px;
            }

        .add-transfer .row-c {
            flex-flow: column;
            gap: 10px;
        }

            .add-transfer .row-c .col {
                width: 100%;
                padding: 10px;
            }

                .add-transfer .row-c .col .btn-row {
                    margin-top: 0px;
                    padding-top: 5px;
                }

                    .add-transfer .row-c .col .btn-row .btn {
                        font-size: 16px;
                    }

        .add-attractions .column {
            flex-flow: column;
        }

            .add-attractions .column .imgb {
                width: 100%;
            }

                .add-attractions .column .imgb img {
                    width: 100%;
                }

            .add-attractions .column .textb {
                width: 100%;
                padding: 0px 10px 10px 10px;
            }

        .review-h .review-listing li p {
            font-size: 12px;
            line-height: 20px;
        }

        .page-top {
            padding-bottom: 0px;
        }

        .main-container {
            padding: 20px 0px;
        }

        .flight-detail-p.c-popup2 .inner-b .top-row h3 {
            font-size: 18px;
        }

        .flight-detail-p .outbond .left-b h4 {
            font-size: 16px;
        }

        .c-popup2.manage-h-b .inner-b .textb p {
            font-size: 12px;
            line-height: 20px;
        }

        .add-attractions .column .textb .attraction-b p, .attraction-b li {
            font-size: 12px;
            line-height: 20px;
        }

        .review-h .top-text .travelrepublic {
            flex-flow: column;
        }

        .tripadvisor-r-list li p {
            font-size: 12px;
            line-height: 20px;
        }

        .review-h h3, .map h3 {
            font-size: 18px;
        }

        .tripadvisor-r-list li h4 {
            font-size: 15px;
        }

        .tripadvisor-r-list li .ratting-info img {
            width: 80px;
            margin-left: -8px;
        }

        .image-gallery-popup .top-row h3 {
            font-size: 18px;
        }

        .image-gallery-popup .column {
            padding: 15px;
            flex-flow: column;
            padding-bottom: 30px;
        }

            .image-gallery-popup .column .left-c {
                width: 100%;
                height: auto;
                overflow-y: visible;
                overflow-x: visible;
            }

        .image-gallery-popup .column {
            height: 100vh;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .image-gallery-popup .column .right-c {
                width: 100%;
                margin-bottom: 20px;
            }

                .image-gallery-popup .column .right-c .review-listing {
                    height: auto;
                    overflow-y: visible;
                    overflow-x: visible;
                }

        .board-type-room .board-tab li {
            width: calc(50% - 5px);
        }

        .final-hotel img {
            width: 100%;
        }

        .super-h {
            font-size: 12px;
        }

        .c-popup2 .inner-b {
            padding: 15px;
        }

        .hotel-overview h4 {
            font-size: 18px;
        }

        .confirm-booking-info p, .confirm-booking-info li {
            font-size: 12px;
        }

        .refund-popup .innerb p {
            font-size: 14px;
            line-height: 25px;
        }

        .refund-popup h5 {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .refund-popup .innerb {
            width: 65%;
        }
    }


    @media (max-width: 767px) {
        .summary-container {
            margin-top: 4px;
            text-align: center;
        }

            .summary-container .top-summary {
                display: flex;
                flex-flow: wrap;
                justify-content: center;
            }

            .summary-container .modify_serch-btn {
                float: none;
                display: inline-block;
                font-size: 15px;
            }

        .selected-combi-heading {
            display: none;
        }

        .selected-flight-area,
        .selected-hotels-area {
            width: 100%;
            float: left;
        }

        .change-btn {
            font-size: 15px;
            gap: 5px;
        }

        .result-container .filter_section {
            width: 100%;
        }

        .result-container .result_section {
            width: 100%;
        }

        .filter-content {
            display: none;
        }

        .result-container .result_section {
            padding: 0px;
        }

        .result-container .filter_section .section {
            margin-bottom: 5px;
        }

        .body-wrapper {
            padding: 15px 0px;
            margin-top: 10px;
        }

        .result-container .filter_section .filter-heading {
            font-size: 14px;
        }

        .airline-detail-area .leg-area .divider-area {
            width: 42%;
        }

        .seg_container .bottom-section .button_section {
            width: 50%;
        }

        .seg_container {
            margin-bottom: 10px;
        }

        .summary-container .top-summary li {
            border: none;
        }

        .selected-hotels-area .content-details .image-area {
            width: 100%;
            margin-bottom: 5px;
        }

        .selected-hotels-area .content-details .content-area {
            width: 100%;
        }

        .room-type-b ul {
            flex-flow: wrap;
        }

        .selected-flight-area .title,
        .selected-hotels-area .title {
            padding: 5px 5px 5px 10px;
        }

            .selected-hotels-area .title h4, .selected-flight-area .title h4 {
                font-size: 15px;
            }

        .airline-summary_details .icon i {
            font-size: 18px;
        }

        .airline-summary_details .date-summary .way-type {
            font-size: 13px;
        }

        .airline-summary_details .date-summary .journey-date {
            font-size: 11px;
        }

        .c-popup .innerb {
            padding: 10px;
        }

        .airline-summary_details .detail-area .depart-summary .iata-code,
        .airline-summary_details .detail-area .arrive-summary .iata-code {
            font-size: 13px;
        }

        .airline-summary_details .detail-area .depart-summary .port-name,
        .airline-summary_details .detail-area .arrive-summary .port-name {
            font-size: 12px;
        }

        .airline-summary_details .detail-area .divider-area .stop-summary {
            font-size: 10px;
        }

        .airline-summary_details .tjourney-area .text-content em,
        .detail-container .airline-summary .airline-code,
        .detail-container .airline-summary .airline-name,
        .detail-container .airline-summary .cabin-class {
            font-size: 11px;
        }

        .detail-container .detail-summary .depart-info .time-section .depart-time,
        .detail-container .detail-summary .arrive-info .time-section .depart-time,
        .detail-container .detail-summary .depart-info .place-details .port-wrapper .port-name,
        .detail-container .detail-summary .depart-info .place-details .port-wrapper .port-name em,
        .detail-container .detail-summary .arrive-info .place-details .port-wrapper .port-name em {
            font-size: 11px;
            line-height: 15px;
        }

            .detail-container .detail-summary .depart-info .place-details .port-wrapper .port-name .iata-code,
            .detail-container .detail-summary .arrive-info .place-details .port-wrapper .iata-code {
                font-size: 13px;
            }

        .detail-container .detail-summary .arrive-info .place-details .port-wrapper .port-name {
            font-size: 11px;
        }

        .detail-container .baggage-summary .baggage-details {
            font-size: 10px;
            padding: 0px 7px;
            border-radius: 10px;
        }

            .detail-container .baggage-summary .baggage-details:before {
                font-size: 12px;
            }

        .stopover-container .stopover {
            font-size: 11px;
        }

        .c-popup .innerb .popup-head h3 {
            font-size: 17px;
        }

        .c-popup .innerb .close-b {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 15px;
        }

        .seg_container .bottom-section .button_section .book_btn {
            font-size: 14px;
            padding: 10px 20px;
        }

        .seg_container .bottom-section .details-btn_section .details-btn i {
            font-size: 14px;
        }

        .seg_container .bottom-section .details-btn_section .details-btn {
            padding: 10px 15px;
        }

        .select-b {
            width: 100%;
            margin-top: 10px;
        }

        .price_gallery-area .gallery-section .recommended {
            color: #2d2d2d;
        }

        .select-b .select {
            font-size: 14px;
        }

        .hotels-details-content .content-area h2 {
            font-size: 16px;
        }

        .hotels-details-content .content-area .amenities li {
            margin: 2px 0px 8px 0;
        }

        .hotels-details-content .content-area h3 {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .price_gallery-area .price-section {
            width: 100%;
            float: left;
            padding: 0px 12px 0px 12px;
            margin-top: 0px;
        }

        .page-box .heads-area .hotel-name {
            font-size: 18px;
        }

        .page-box .heads-area .star-5:after {
            font-size: 14px;
        }

        .page-box.sorting-text {
            margin: 15px 0px 25px 0px;
        }

        .price_gallery-area .gallery-section .recommended {
            font-size: 12px;
            bottom: 3px;
        }

            .price_gallery-area .gallery-section .recommended:before {
                font-size: 16px;
            }

        .price_gallery-area .price-section .area li {
            font-size: 12px;
        }

        .page-box .heads-area {
            padding: 12px 15px 0px 0;
        }

        .price-atol .atol-protec {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 0px;
        }

            .price-atol .atol-protec p {
                padding: 0px;
                text-align: left;
            }

            .price-atol .atol-protec img {
                width: 55px;
            }

        .hotel_details-area .room-type .type {
            font-size: 13px;
        }

        .hotel_details-area .buttons-area .hd_btn {
            font-size: 13px;
            float: left;
            margin-right: 10px;
        }

        .selected-flight-area .airline-detail-area .leg-area .duration .steps {
            font-size: 11px;
        }

        .deal-slider .textb h3 {
            padding: 0 45px;
            font-size: 26px;
            line-height: 40px;
        }

        .owl-next span, .owl-prev span {
            top: -1px;
        }

        .deal-slider .column .col .video-btn {
            width: 50px;
            height: 50px;
        }

        .video-modal .video-box {
            max-width: 90%;
        }

        .topbar-section {
            flex-flow: column;
            padding: 10px 15px;
        }

            .topbar-section .section-tab2 {
                width: 100%;
                overflow-x: auto;
                display: flex;
                margin-bottom: 10px;
            }

        .section-tab2 ul {
            flex-flow: nowrap;
            padding-bottom: 10px;
        }

        .section-tab2 li {
            width: auto;
            font-size: 13px;
        }

            .section-tab2 li:first-child {
                white-space: nowrap;
            }

        .award-secs ul li img {
            max-height: 70px;
        }

        .award-secs ul li:nth-child(2) img {
            max-height: 85px;
        }

        .award-secs ul li:last-child img {
            max-height: 56px;
        }

        .h-ratting-tab ul {
            gap: 5px;
        }

        .h-ratting-tab li {
            padding: 10px;
            font-size: 14px;
        }

            .h-ratting-tab li .group-star i {
                font-size: 12px;
            }

        .h-ratting-text h3 {
            font-size: 14px;
        }

        .h-ratting-text .column .owl-prev {
            width: 32px;
            height: 32px;
            font-size: 35px;
        }

            .h-ratting-text .column .owl-prev span {
                top: -2px;
            }

        .h-ratting-text .column .owl-next {
            width: 32px;
            height: 32px;
            font-size: 35px;
        }

            .h-ratting-text .column .owl-next span {
                top: -2px;
            }

        .h-ratting-text .column .col h4 {
            font-size: 17px;
        }

        .h-ratting-text .column .col .location {
            font-size: 12px;
        }

        .holiday-brief p {
            font-size: 13px;
            line-height: 21px;
        }

        .holiday-brief .text.collapsed {
            max-height: 435px;
        }

        .holiday-brief .btn {
            min-height: 45px;
            font-size: 14px;
            min-width: 150px;
        }

        .deal-head {
            font-size: 18px;
        }

            .deal-head img {
                width: 30px;
            }

        .deal-itinerary .top-row .expant-btn {
            padding: 10px 32px 10px 0px;
            background-size: 22px;
        }

        .deal-accordion .deal-c-head {
            font-size: 14px;
        }

            .deal-accordion .deal-c-head h4 {
                background-size: 24px;
                padding: 10px 0px 10px 30px;
            }

        .deal-c-content::before {
            left: 10px;
        }

        .deal-c-content {
            padding-left: 30px;
            padding-right: 0px;
        }

            .deal-c-content .inner-b {
                flex-flow: column;
                gap: 10px;
            }

            .deal-c-content .imgb, .deal-c-content .textb {
                width: 100%;
            }

                .deal-c-content .textb p {
                    font-size: 12px;
                    line-height: 20px;
                }

        .accom-tabel table th, .accom-tabel table td {
            font-size: 12px;
            line-height: 17px;
        }

        .holiday-brief, .deal-itinerary, .accom-deals, .inclusions-deal, .price-deal {
            margin-bottom: 40px;
        }

        .accom-tabel {
            width: 100%;
            overflow-x: auto;
            display: flex;
        }

        .inclusions-deal .textb li:before {
            font-size: 13px;
            position: absolute;
            left: 10px;
            top: 9px
        }

        .inclusions-deal .textb li {
            font-size: 13px;
            line-height: 20px;
            position: relative;
            padding-left: 30px;
        }

        .price-deal .classes-tab li, .price-deal .price-b .year-tab li {
            font-size: 15px;
            padding: 10px 20px;
        }

        .price-deal .price-b {
            padding: 0px;
            box-shadow: none;
            background: none;
        }

        .year-d-content .p-table .p-row .col {
            font-size: 14px;
        }

        .small {
            font-size: 13PX !important;
        }

        .year-d-content .p-table .p-row .col a {
            font-size: 12px;
            padding: 8px 6px;
        }

        .note-price {
            font-size: 12px;
        }

        .hotel-info-b .column {
            flex-flow: column;
        }

            .hotel-info-b .column .imgb, .hotel-info-b .column .textb {
                width: 100%;
            }

            .hotel-info-b .column .textb {
                padding: 0px 10px 10px 10px;
            }

                .hotel-info-b .column .textb p {
                    font-size: 12px;
                    line-height: 21px;
                    color: #000;
                }

                .hotel-info-b .column .textb h4 {
                    font-size: 18px;
                }

                .hotel-info-b .column .textb .service-list li {
                    font-size: 12px;
                    margin-bottom: 6px;
                    padding-left: 18px;
                }

                    .hotel-info-b .column .textb .service-list li:before {
                        font-size: 13px;
                    }

        .top-row-sort .m-filter {
            display: inline-flex;
            min-height: 42px;
        }

        .filter-area .f-close-btn {
            display: block;
        }

        .right-area {
            padding: 0 5px;
        }

        .summary-container {
            float: none;
        }

        .hotel-result-text h3 {
            font-size: 20px;
            margin-bottom: 5px;
        }

        .hotel-result-text p {
            font-size: 12px;
        }

        .top-row-sort .sort-by {
            width: 100%;
        }

        .c-popup2 .inner-b {
            max-width: 360px;
        }

        .hotel-result-list {
            flex-flow: column;
        }

            .hotel-result-list .hotel-slide,
            .hotel-result-list .hotel-flight-info,
            .hotel-result-list .price-detail {
                width: 100%;
            }

            .hotel-result-list .price-detail {
                flex-flow: wrap;
                align-items: start;
                padding: 0px 0px 20px 0px;
            }

                .hotel-result-list .price-detail .atol-protec {
                    width: 40%;
                }

                .hotel-result-list .price-detail .btm {
                    width: 50%;
                }

        .show-map-popup .filter-area {
            padding: 5px;
        }

        .show-map-popup .column {
            flex-flow: column;
            gap: 0px;
        }

        .show-map-popup .filter_inner {
            height: auto;
            overflow-y: visible;
            padding: 0px;
        }

        .show-map-popup.active {
            overflow-y: auto;
        }

        .show-map-popup .map-box {
            width: 100%;
        }

        .heading {
            font-size: 18px;
        }

        .payment-category .column .top-title h3 {
            font-size: 14px;
        }

        .radio-option-c .checkmark {
            height: 20px;
            width: 20px;
        }

            .radio-option-c .checkmark::after {
                top: 2px;
                left: 3px;
                width: 11px;
                height: 11px;
            }

        .payment-category .column .card-info .row-f .col-f,
        .payment-category .column .card-info .row-f.second {
            width: 100%;
        }

        .payment-category .column {
            padding-left: 40px;
        }

            .payment-category .column .top-title {
                flex-flow: column;
                gap: 10px;
                align-items: start;
            }

        .radio-option-c .checkmark {
            top: 30px;
        }

        .payment-category .column .pay-bank-list li {
            font-size: 11px;
        }

        .supplier-booking-c .common-text h3, .our-terms-b .common-text h3 {
            font-size: 15px;
            line-height: 20px;
        }

        .imp-information h3 {
            font-size: 18px;
        }

        .imp-information .paxatol_som label {
            font-size: 12px;
        }

        .row-f .col-f .input {
            height: 42px;
        }

        .super-h {
            font-size: 10px;
        }

        .choose-method .title h3 {
            font-size: 18px;
        }

        .choose-method .title p {
            font-size: 12px;
        }

        .confirm-booking-info p, .confirm-booking-info li {
            font-size: 12px;
        }

        .row-f {
            flex-flow: column;
        }

            .row-f .col-f {
                width: 100%;
            }

        .pax-box.c-whiteb .row-f {
            flex-flow: wrap;
        }

        .pax-box .row-f.first .col-f {
            width: 47%;
        }

        .pax-box .row-f .select-b {
            margin-top: 0px;
        }

            .pax-box .row-f .select-b .select {
                min-height: 42px;
                font-size: 13px;
            }

        .refundable-book .refundable-price {
            margin-bottom: 10px;
            justify-content: start;
        }

            .refundable-book .refundable-price span {
                top: 0px;
                font-size: 15px;
            }

        .refundable-book .listing-p ul {
            justify-content: space-between;
        }

        .refundable-book .listing-p li {
            position: relative;
            padding-left: 20px;
            width: 48%;
            font-size: 12px;
        }

            .refundable-book .listing-p li i {
                position: absolute;
                left: 0px;
                top: 3px;
            }

        .refundable-book .donot-risk p {
            font-size: 12px;
        }

        .refundable-book .refund-option {
            flex-flow: column;
            gap: 5px;
            margin-bottom: 5px;
        }

        .refund-popup .innerb {
            width: 90%;
            padding: 10px;
        }

        .refund-popup h4 {
            font-size: 18px;
            line-height: 20px;
        }

        .refund-popup h5 {
            font-size: 17px;
        }

        .refund-popup .innerb p {
            font-size: 13px;
            line-height: 21px;
        }

        .refund-popup .innerb .btn {
            min-height: 45px;
        }

        .biiling-address h3, .guest-info h3, .guest-info .contact-information h4, .pax-box h3, .voucher-c h3,
        .refundable-book .title-row h3 {
            font-size: 18px;
        }

        .guest-info .info-textb p {
            font-size: 11px;
            line-height: 18px;
        }

        .voucher-c .btn {
            margin-top: 0px;
        }

        .pax-box .select {
            min-height: 42px;
        }

        .c-shadow-box .grey-b p {
            font-size: 12px;
            line-height: 20px;
        }

        .package-info h3 {
            font-size: 20px;
            margin-bottom: 5px;
        }

        .final-flight-info .textb p {
            font-size: 13px;
            padding: 3px 0px;
        }

        .final-flight-info .textb li, .final-flight-info .textb li a {
            font-size: 13px;
            margin-bottom: 10px;
        }

        .confirmation-box .header h1 {
            font-size: 18px;
            margin-bottom: 8px;
        }

        .confirmation-box .header p {
            font-size: 12px;
        }

            .confirmation-box .header p strong {
                font-size: 15px;
            }

        .confirmation-box .header {
            padding: 15px;
        }

        .confirmation-box .package-details {
            display: block;
        }

            .confirmation-box .package-details .card {
                margin-bottom: 10px;
            }

        .confirmation-box .info span {
            font-size: 12px;
        }

        .confirmation-box .info {
            margin-bottom: 8px;
        }

        .confirmation-box .footer button {
            margin: 0 3px;
            font-size: 13px;
        }

        .enquiry-section {
            display: flex;
            flex-flow: column;
            flex-direction: column-reverse;
        }

        .contact-page__form.contact-form textarea.input {
            height: 100px;
        }
    }