@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
body{ margin:0px; padding:0px;  font-weight:normal; font-style:normal;  font-family: "Inter Tight", sans-serif !important;}
textarea:focus, input:focus{   outline: none;}
a img{ border:none;}
a{ text-decoration:none;}
button:focus { outline: none;}
:root{--primary-color:#c0233d; --secondary-color:#0c3359; --yellow-color:#fabb13;  }
 header,footer,nav,article,aside,nav,section{display:block;}
.mainheader{ width:100%; float: left; margin: 0; padding: 0;}
.commoncontainer{max-width:1400px; width:97%; margin:0 auto; padding:0px;}
.headertop_left{width:23%; float:left;}
.headertop_left img{ margin-top: 20px;}
.header_mid {float: left;width: 52%;padding: 30px 0;}
.main_nav {width: 100%;float: left;}
.headertop_right{float: right;margin-top: 28px;width:35%;margin-bottom: 10px; position: relative;}
.contact_con { width: 24%;float: right;text-align: right;margin-top: 10px;}
.falg_div {display: inline-block;text-align: center;padding-top: 20px;width: 25%;float: left;}
.contact_nu p {
    margin: 0;
    padding: 0;
    font-size: 15px;
}
.contact_nu p i{padding-right:6px;}
.country {position: relative;margin: 0 auto;}
.country .select {position: relative;background: #fff;white-space: nowrap;text-overflow: ellipsis;
    overflow: hidden;cursor: pointer;font-size: 15px;font-weight: bold;color: #000;}
.country .dropdown {display: none;position: absolute;top: 39px; left: 0;width: 100%;border: 1px solid #cfcfcf;border-top: 1px solid #a6a6a6;background: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 20%);z-index: 1;float: left;}
country ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.country .dropdown li {
    padding: 0px;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    text-align: center;
}
.country .dropdown li:first-child {
    margin-top: 0px;
}
.headertop_right ul{margin: 0;padding: 0; list-style: none; width: 100%;float: left;}
.headertop_right ul li{width:32%; float: left;}
.headertop_right ul li:nth-child(4n+2){width:22%;}
.headertop_right ul li:nth-child(4n+3){width:12%;}
.headertop_right ul li a{ font-size:14px; color:#000; font-size:14px;font-weight:bold;width: 100%; float: left; }
.headertop_right ul li a span{background: #ee6221;padding: 3px 7px;border-radius: 50%;margin: 0px 2px;display: inline-block;color: #fff; font-size: 10px;}
.headertop_right ul li a i{font-size:16px; color: #333;font-weight: bold;}

#mainnav #menu { padding: .8em 1.5em;cursor: pointer;}
.contact_con a {font-size: 27px; color: #ea5b02; font-weight: bold; position: relative; line-height:1;}
.headertop_right .dropDownWrapper{width: 330px;background: #fff;border-radius: 4px;border: 1px solid #ddd;box-shadow: 0px 2px 5px #ddd;
    position: absolute;top: 30px;z-index: 13;}
.headertop_right .dropDownWrapper li{border-bottom: 1px solid #ddd;width: 100%;font-size: 14px;padding: 10px;display: flex;justify-content: space-between;cursor: pointer;}
.dropDownDtls .fltInfo{color:#1e3266; font-weight: 700;}
.headertop_right .dropDownWrapper li .dropDownDtls{display: flex;align-items: center;}
.dropDownDtls .fa{font-size: 24px;margin-right: 15px;}
.fltDtls{flex:1;}
.fltDtls > p{ margin:0}
.fltDtls > p+p{font-size: 12px;margin-top: 4px;}

.header_buttom{width: 100%;float: left; margin: 0;padding: 10px 0;background: #304478;}
.main_nav{ width:100%; float:left;}
.main_nav ul{ margin: 0; padding: 0; list-style-type: none;}
.main_nav ul li{ float: left;}
.main_nav ul li a{ color: #000; font-size:14px; padding:10px 15px; text-decoration:none; font-weight:bold;}
.seach_con{width:100%; float:left;background:url("../images/seach_bg.jpg") no-repeat; background-size:cover; }
.seach_bg{ width: 35%; float: left; background: rgba(41,134,160,0.7); padding: 15px; margin: 40px 0;border-radius: 15px;    box-shadow: 3px 3px 3px #1f5f71;}

.res-header{padding:5px 0;}
.res-header .headertop_left img {margin-top: 0px;}
.res-header .contact_con{margin-top:0px;}
.seach_div{float:left;width:100%;}
.searchcon_text{width: 55%; float: right; padding-top: 30px; text-align: right}
.searchcon_text h1{ color: #fff;    text-shadow: 2px 2px 2px #333;
    font-size: 70px;
    font-weight: bold;
    padding-right: 40px;    padding-bottom: 40px;}
.frm_con{width:100%;float: left;}
.frm_con span{width: 100%; display: inline-block; background: #fff; padding: 9px 6px 9px 20px; position: relative;border-radius: 7px; margin-bottom: 8px;}
.frm_con span i{ position: absolute;left: 6px;color:#ee6221;top: 11px;}
.frm_con span input{width: 100%; float: left; border: 0;font-size: 15px;font-weight: bold;color: #000;}
.frm_con span input:focus,.frm_con span input:active{outline: none;}
.frm_con span:first-child{ margin-right:15px;}
.date_con{width:100%;float: left;}
.ui-menu .ui-menu-item a span{ font-size:14px; font-weight:bold; text-transform:uppercase;padding:4px 8px;}
.date_con span{width: 48%; display: inline-block;background: #fff;padding: 8px 6px 8px 25px;position: relative;border-radius: 7px;}
.date_con span i{position: absolute;left: 6px;color:#ee6221; font-size:13px;top:13px;}
.date_con span input{width: 100%;float: left;border: 0;font-size: 15px;font-weight: bold;}
.date_con span input:focus,.frm_con span input:active{ outline: none;}
.date_con span:last-child{float:right;}
.airclass_con{width: 100%; float: left;margin-bottom:5px;}
.airlines_div {
    width: 48%;
    position: relative;
    float: left;
}
.airlines_div:before {
    content: "\f0dd";
    font-family: 'FontAwesome';
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 0px;
    height: 20px;
    width: 20px;
    color: #999;
    pointer-events: none;
}
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_444444_256x240.png);}
.airlines_div select {
    width: 100%;
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
}

.class_con select {
    width: 100%;
    appearance: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
}
.passen_con {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
.passen_left {
    width: 100%;
    display: inline-block;
}
.passen_left span {
    width:33.33%;
    display: inline-block;
    padding: 0px 5px 0 0;
    float: left;
    text-align: left;
   
}
.passen_left label {
    color: #fff;
    font-size: 14px;
    font-weight: bold; margin-bottom:0;
}
.adult-right {
    margin-left: 0;
    margin-top: 0;
}
.adult-minus {
    float: left;
    height: 28px;
    width: 28px;
    text-align:center;
    cursor: pointer;
    position: relative;
}
.adult-minus-txt {
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-weight: bold;
}
.qtynumber {
    float: left;
    height: 28px;
    border: 1px solid grey;
    width: 28px !important;
    border-radius: 0; padding:0 !important;
    cursor: pointer;
    background-color: #fff;
    border-left: none;
    border-right: none;
    text-align: center;
    font-size: 14px;
}
.adult-plus {
    float: left;
    height: 28px;
    width: 28px;
    text-align:center;
    cursor: pointer;
    position: relative;
}
.stop_con {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.direct_flight {
    width: 48%;
    position: relative;
    float: left;
    margin-right: 13px;
}

.direct_fli {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;color: #fff; font-weight:500;
}
.direct_flight{width: 48%;
    position: relative;
    float: left;
    margin-right: 13px;}
.Unaccompan_div{width: 48%; position: relative;float: left;}
.Unaccompan_div a{color: #fff; font-size:14px; padding-left: 10px;display: inline-block; text-decoration: underline;}
.direct_fli input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
 border:1px solid #ccc!important;
}


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.direct_fli input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.direct_fli .checkmark:after {
  left:6px;
    top: 3px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(
45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg);
}
.passenger_div{ width:50%; float:left;background: #fff;position: relative;padding: 6px 20px 6px 6px;}
.stop_con{width: 100%;float: left;margin-top: 15px;}
.stop_con ul{ list-style-type: none;margin: 0; padding: 0;}
.stop_con ul li{ float: left; margin-right: 15px;}
.stop_con ul li label{color: #fff; font-size: 13px;font-weight: bold;float: right;}
.stop_con ul li>input{margin: 0px 6px 0 0;display: inline-block;width: 15px;height: 15px;}
.search_con{width: 100%;float: left;}

.update_con{width: 100%;float: left; margin: 10px 0;}
.update_fare{width: 100%; float: left; padding: 15px;}
.update_fare h6{ margin: 0; padding-bottom: 8px;color: #ff0000; font-size:14px;}
.update_fare p{ font-size:13px; color:#333;line-height: 25px; margin: 0;padding: 0;}
.update_fare p a{ font-weight: bold; text-decoration: underline;}
.subscribe_con{width: 100%; float: left;}
.subscribe_con h3{font-size:18px; color: #fff; font-weight: bold; padding:8px 0; margin: 0;}
.subscribe{ width:100%; float: left;}


.subscribe p{ color: #fff; font-size:14px; line-height: 20px;float: left; width: 100%;}
.subscribe p i{    margin-right: 8px;
    font-size: 20px;}
.subscribe> ul{ list-style-type: none; margin:0; padding: 0;}
.subscribe> ul li{ width: 100%; display: inline-block;}
.subscribe> ul li a{ color:#fff; background:none;width: 100%; float: left;text-align:left;text-transform:lowercase!important;line-height:20px!important; padding: 0;}
.subscribe> ul li a i{margin-right:8px;}
.economy_class{width:100%;float:left;}
.economy_class input{width:100%;float: left;outline: none;border: 0;}
.PaxDropArrow {position: absolute;z-index: 9;right:5px;cursor: pointer;}
.best_deal_con{width:100%; margin-bottom: 20px;float:left;margin-top: 15px; }
.dometic_deal{float:left; width:49%; margin-right:26px; padding: 0;box-shadow: 2px 2px 2px #9374af;}
.domesticdeal_img{width:100%; float:left; text-align: center; position: relative; margin: 0;padding: 0;top: 4px;}
.domesticdeal_img h1{color: #fff;font-size: 22px;position: absolute;left: 140px;font-weight: bold; margin-top:20px;}
.domesticdeal_img img{width:100%;}
.popular_route{ width:100%; float: left;}
.popular_one{ width:10%; float:left;}
.popular_one img{width:100%;}
.popular_route a{border: 1px solid #ccc;width: 100%;float: left;padding: 6px;}
.popular_one {width: 10%;float: left;border:1px solid #ccc;margin-right:8px;text-align: center; background: #fff;}

.popular_two{width:30%;float: left;text-align: center;}
.popular_two span{ font-size: 16px;
    color: #480089;
    text-transform: capitalize;
    font-weight: bold;}
.popular_two i{ padding:10px; color:#666;font-size: 21px;}
.popular_third{width:30%;float: left;text-align: center;}
.popular_third span{ font-size:16px;color:#480089; text-transform: capitalize;text-align: center; text-decoration:none;font-weight: bold;}
.popular_third i{ padding:10px; color:#666;font-size: 21px;}
.popular_four{width:25%;float: left;}
.popular_four p{ text-align: right;font-size: 19px;color: #9F0407;font-weight:bold;margin: 0;padding: 4px 0;}
.popular_route a:hover{background:#f4f4f4;	}
.international_deal{float:left; width:49%; margin:0; padding: 0;box-shadow: 2px 2px 2px #9374af;}
.interdeal_img{width:100%; float:left; text-align: center; position: relative;margin: 0;padding: 0;top: 4px;}
.interdeal_img h1{color: #fff;font-size: 22px;position: absolute;left: 140px;font-weight:bold;    margin-top: 20px;}
.interdeal_img img{width:100%;}
.passnger_detail{ display: block;position: absolute;height: auto!important;width: 256px;top: 60px;margin-left:0;
	z-index:9;background-color: white;padding-bottom: 15px;box-shadow: 2px 2px 1px #b1b1b1;}

.passenger-div-content{padding: 10px;padding-top: 20px;}
.pass_class {float: left;padding-top: 6px;padding-right: 10px;font-weight: bold;font-size: 13px;}
.select-class {width: 145px; height: 32px;font-size: 12px;    margin-left: 30px;}
.passenger_select{background-color: #fff;margin-top:10px;}
.select_passenger_content{padding:10px;}
.adult_div {position: relative;width: 100%;height: auto;float: left;clear: both;}
.adult_left {float: left;}
.adult_txt {font-weight: bold;font-size: 13px; margin: 8px 0;}
.adult_txt_content {font-weight: normal;color: grey;font-size: 10px;}
.adult_right{margin-left: 0;margin-top:8px;width: 76px;float: right;}
.adult_minus {float: left;height: 29px;border: 1px solid grey;width: 25px;border-radius: 3px 0 0 3px;cursor: pointer;
    background-color: #fff;}
.adult_minus_txt {vertical-align: middle;text-align: center;line-height:28px; margin: 0;}
.adult_plus {float: left;height: 29px;border: 1px solid grey;width: 25px;border-radius: 0 3px 3px 0;cursor: pointer;background-color: #fff;}

.children_row {position: relative;width: 100%;height: auto;float: left;clear: both;}
.children_right {margin-left: 0;margin-top:8px;width: 76px;float: right;}
.infants_row {position: relative;width: 100%;height: auto;float: left;clear: both;}
.infants_right {margin-left: 0;margin-top:8px;width: 76px;float: right;}

.adult_rightmod{margin-left: 0;margin-top:8px;width:52%;float: right;}
.adult_plusmod {
    float: left;
    height: 34px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-color: #fff;
}
.adult_minusmod {
    float: left;
    height: 34px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    background-color: #fff;
}
.children_rightmod {
    margin-left: 0;
    margin-top: 8px;
    width:52%;
    float: right;
}
.adult_plusmod {
    float: left;
    height: 34px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-color: #fff;
}
.adult_minusmod {
    float: left;
    height: 34px;
    border: 1px solid grey;
    width: 25px;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    background-color: #fff;
}
.infants_rightmod {
    margin-left: 0;
    margin-top: 8px;
    width:52%;
    float: right;
}




.done_btn{background: #304478;float:left;cursor: pointer;padding: 6px 15px;font-size: 14px;color: #fff;border: none;border-radius: 8px;}
.whychoose_con{width:100%; float:left; padding:15px; margin:20px 0; background:#ea5b02;}
.why_choose{width:100%; float:left;padding: 10px 40px;}
.why_choose ul{margin: 0; padding: 0;list-style-type: none;width: 100%;display: inline-block;}
.why_choose ul li{width: calc(100% / 4);float: left;
    display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-align: center;
    -ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center;justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row;flex-direction: row;}
.benefit{float: left; padding: 5px;border-radius: 50%;border: 2px solid #fff;width: 23%;height:74px;text-align: center;}
.benefit_text{float: left; width:75%; padding-left:22px; font-weight:bold;color:#fff;}
.contact_bg{ background: #fbf7ee url(../images/contact_bg.jpg)no-repeat;
    width: 100%;
    float: left;
    background-size: cover;}
.contact_text{margin-top:25px; padding-top:170px;}
.contact_text p:last-of-type{margin:0;}

.offer_container{ width:100%; float:left; margin: 0; padding:0; margin-bottom: 40px;}
.offer_container h1{ font-size: 24px; font-weight: bold; text-align: center;}
.offer_div{ width:24%;padding: 6px;margin-right:15px;border: 1px solid #333;float:left}
.offer_div:last-child{ margin-right: 0px;}
.offer_images{width:100%;float: left;}
.offer_images img{width: 100%;}
.offer_content p{ font-size: 16px; font-weight: bold; color:#000; padding:8px 0 4px 0; margin: 0;}
.offer_left{width: 50%;float: left;}
.offer_left dfn{font-size: 12px;color: #ccc;font-style: normal;margin: 0;padding: 0;}
.offer_left h6{margin: 0;padding: 6px;color: #000;font-size: 14px;font-weight: bold;}
.offer_right{    width: 50%;float: left;text-align: center;}
.offer_right a{color: #f26c4f;font-size: 14px;font-weight: bold;border: 1px solid #ccc;padding: 6px;box-shadow: 2px 2px 2px #ccc;border-radius: 10px;text-decoration: none;}
.topselling_con{ width: 100%; float:left; background: #f4f4f4;    margin-bottom: 20px; padding: 15px 0;}
.topdestination_div{width: 24%;float: left;text-align: center;}
.topdest_img{width: 100%;float: left;}
.deal_container {width:97%; margin:0 auto; text-align:center;}
.best_deal .package_con {background: #fff;border: 2px solid #2986a0; padding: 10px;    position: relative;}
.best_deal .package_con img{ height:260px; }
.hot_deal{width: 94%;
    display: inline-block;
    background: rgba(41,134,160,0.7);
    padding: 10px 0;
    position: absolute;
    left: 10px;
    top: 207px;
    border-radius: 15px;}
.hot_deal p{font-size: 16px; color: #fff;font-weight: bold; margin: 10px 0;}
.best_deal {width: 100%; float: left;text-align: center;    margin-top: 40px;}
.best_deal h1{font-size: 24px; color: #000;}
.topdest_img img{width:100%;}
.topdest_buttom{width: 100%;float: left;text-align: center;}
.slide_buttom{width: 100%;float: left;padding: 10px;}
.topdest_buttom div sup{ font-size: 14px; font-style:normal;}
.topdest_buttom div p{ font-size:14px; color: #ccc;}
.best_deal .owl-prev {position: absolute;top: 40%;left: -25px;}
.best_deal .owl-next {position: absolute;top: 40%;right: -25px;}
.price_slide {width: 100%;float: left;margin-bottom: 10px;text-align: center;}
.price_slide span:first-child{ font-size: 24px;color: #f26c4f;font-weight: bold;display: inline-block;}
.price_slide span:first-child sup{ font-size: 12px; font-weight: normal;}
.price_slide span:last-child{display: inline-block;}
.price_slide span:last-child p{font-size: 12px;font-weight: normal;color:#666; margin:0;}
.topdest_buttom h5{ font-size:14px;color: #333;text-align: center;font-weight: bold;}
.topdest_buttom dfn{width: 100%;float: left;font-size: 12px;color:#777676;text-align: center;font-style: normal;margin-bottom: 10px;}
.topdest_buttom a{background: #1c294b;padding: 6px 15px;color: #fff;border-radius: 10px;text-decoration: none;}
.payment_container{width: 100%; float: left; margin: 0; padding: 0;background:#ea5b02;}
.payment_div{width: 100%; padding: 0; display: inline-block;text-align: center; margin:15px 0; }
.discalmer_con{width: 100%;margin: 0 auto;display: inline-block; text-align: center; margin-bottom: 40px;}
.discalmer_con p{font-size: 14px; color: #333;line-height: 25px; width: 80%; text-align: left; margin: 0 auto;}
.disclaimer_container{ width:100%; float:left;    margin-top: 30px;}
.coupen_con{ background:#fff; border-radius:15px; display:inline-block;width:80%; margin-top:45px;    padding: 10px;}
.coupon_left {
    width: 25%;
    float: left;
    text-align: left;
    padding: 8px;
}
.coupon_right{float:left; width:73%;}
.coupon_top{padding:8px; float: left; width: 100%; border-bottom: 1px dashed #333; text-align:center;}
.coupon_top p{ font-size:18px; margin:0px;}
.coupon_top p img{width:25%;padding-left:6px;}
.coupon_botom{width:100%;float:left;    margin-top: 10px; text-align:center;}
.coupon_botom span{font-size:16px;font-weight:bold; color:#ff0000;}
.coupon_botom span:last-child {margin-left:15px;}
.coupon_botom span a{background:#ff0000;color:#fff; border-radius:8px; padding:6px 15px;}

.testimonial_con{width:100%; float: left;margin: 0 auto; padding:40px 20px; background: #ddd;}
.trustpilot{width:100%; float: left;margin: 0 auto; padding: 0;}
/*.trust_left{width: 25%; float: left;}*/
.trust_right{width:100%; float: left;}
.trust_container{width: 100%; float: left;}
.rating{width: 100%; float: left;}
.trust_container .item{width: 100%; float: left; background: #fff; padding: 10px;height: 360px;}
.rating span:first-child{width: 40%; float:left;}

.rating .rating_time{width:60%; float:left;text-align:right;font-size: 12px; color: #333;}
.trust_container .item h6{width: 100%;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0;
    margin: 0;}

.trust_container .item p{ font-size: 13px; line-height:20px; text-align: left; color: #333;}
.trustpilot .owl-prev {
    position: absolute;
    top: 40%;
    left: -20px;
}
.trustpilot .owl-next {
    position: absolute;
    top: 40%;
    right: -23px;
}


/*--------------------result css start here---------------*/
.modfrm_con{width: 40%;
    float: left;}
.modfrm_con span {
    width: 49%;
    float:left;
    background: #fff;
    padding: 6px 6px 6px 20px;
    position: relative;    border-radius: 8px;box-shadow:3px 2px 4px #000;
}
.modfrm_con span:last-child {
    float:right;
}
.modfrm_con span input {
    width: 100%;
    float: left;
    border: 0; font-weight:bold;
}
.modfrm_con span i {
    position: absolute;
    left: 8px;
    color: #ee6221;
    top: 11px;
}

.moddate_con {
    width: 26%;
    float: left;
    padding-left: .8%;
}
.moddate_con span:last-child {
    float:right;
}
.moddate_con span {
    width: 48.5%;
    display: inline-block;
    background: #fff;
    padding: 6px 6px 6px 20px;
    position: relative;border-radius:8px;box-shadow: 3px 2px 4px #000;
}
.moddate_con span i {
    position: absolute;
    left: 6px;
    color: #ee6221;
    font-size: 13px;
    top:12px;
}
.moddate_con span input {
    width: 100%;
    float: left;
    border: 0; font-weight:bold;
}
.modpassenger_con{width: 34%; float: left;padding-left: .8%;   }
.modpassenger_div{width: 57%;
    float: left;
    background: #fff;
    position: relative;
    padding: 6px 20px 6px 6px;border-radius:8px; box-shadow: 3px 2px 4px #000;
}
.modeconomy_class {
    width: 100%;
    float: left;
}
.modeconomy_class input {
    width: 100%;
    float: left;
    outline: none;
    border: 0;border-radius:8px; font-weight:bold;   
}
.modsearch_con {
    width: 41%;
    float: right;
}
.modsearch_con button {
    width: 100%;
    display: inline-block;
    padding: 8px;
    font-size: 15px;
    background: #ee6221;
    border: 0;
    color: #fff;
    cursor: pointer; font-weight:bold; border-radius:8px;box-shadow:3px 2px 4px #000;
}






















.result_con{ background:#2986a0;width: 100%; padding:15px 0;float: left;}
.reult_main{ background:#fff;width: 100%;padding: 20px 0;;float: left; margin: 0;}
.filter_main{width: 100%;float: left; margin-top: 15px; padding: 0;}
.filter_main{ width:20%; float: left; padding: 0; margin: 0;}
.filter_card{background: #fff;
    margin-bottom: 10px;
    border: #e2e2e2 1px solid;
    padding-bottom: 1px;
    color: #fff;
    float: left;
    width: 100%;
    border-radius: 5px;
    }
.filter_card h4{text-align: center;margin: 0;padding: 4px;font-size: 16px;font-weight: 400;color: #fff; background: #2986a0; border-radius:5px 5px 0 0;    font-weight: bold;}
.filter_left{width:60%;float: left;padding: 10px;}
.filter_right{width:40%; float: left;}
.filter_left h5{font-size: 14px;font-weight: bold;margin: 0;padding-bottom: 10px; color:#000;}
.filter_left p{font-size: 13px;color: #000;margin: 0;padding-bottom: 10px; font-weight:bold;}    
.filter_right span{font-size: 13px;color: #fff;background: #ea5b02;padding: 4px 6px;margin-top: 10px;display: inline-block;border-radius: 5px; cursor: pointer;}
.fliter_head{width:100%; float: left; border-bottom:1px solid #ccc; padding:6px 10px;margin-bottom: 4px; background-color:#f3f3f3; color:#333; border-radius:5px 5px 0 0 ;}
.fliter_head h5{ width: 60%;font-size: 14px;font-weight: bold;margin: 0;padding:3px 0px 0;float: left;color:#333;}
.hide_data{width: 40%;float: left;text-align: right;font-size: 13px;color: #fff;cursor: pointer; font-weight:bold;}
.listing{ width: 100%; float: left; padding:4px 10px; margin: 0;}
.listing_left{width: 60%;float: left; margin: 0;}
.list_label{ display: block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;font-size:13px; -webkit-user-select: none;
    -moz-user-select: none;-ms-user-select: none; user-select: none; margin: 0; font-weight:bold;color:#000;}
.list_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.list_label span{ color:#000; font-weight:bold; font-size:13px;}
.checkmark {position: absolute; top:0px;left: 0;height:18px;width:18px; border: 1px solid#fff;}
.list_label input:checked ~ .checkmark {background-color: #f34d06;}      
.checkmark:after {content: "";position: absolute;display: none;}
.list_label input:checked ~ .checkmark:after {display: block; }      
.list_label .checkmark:after {left: 6px;top: 2px;width: 4px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);transform: rotate(45deg);} 
.listing_right{ width: 40%; float:left;text-align: right; font-size: 12px; font-weight: bold;}
.listing_right span{color:#333; font-size: 13px; font-weight: bold; margin:0px 0 0 0; float:right;}
.listing_right small{float:right; font-size:11px; padding:2px 0 0 0; color:#000;}
.pric-range {padding: 12px;padding-bottom: 20px;font-size: 12px;font-weight: 400;color: #333;width: 96%;}
.pric-range input {width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 15px;}
#slider-range {border-bottom: 1px solid #ff565c;width: 100%;height: 2px;position: relative;margin-top: 15px;padding: 0 6px;}
#slider-range .ui-state-default {display: inline-block;border: 2px solid #ff565c;height: 15px;width: 15px;border-radius: 50%;position: absolute;top: -7px;background: #fff;cursor: pointer;}
.airline_stop{ width:100%; float: left; overflow: auto; white-space: nowrap; position: static; padding-bottom: 2px; border: 1px solid #480089; background-color:#fff; margin-bottom:10px;}
/*.scroll_div{ width:20%; float: left; border: 1px solid #480089; border-right:0; background:#fff; padding: 10px; text-align: center;}*/
.scroll_div {width: 157px; float: left; border-right: 1px solid #480089; padding: 10px; text-align: center; position: absolute; z-index: 1; background:#fff;}
.scroll_div h4{font-size: 16px; padding: 0; margin: 0; font-weight: bold; color: #480089;}
.scroll_div h5{margin: 0;padding: 0px 0 3px 0px; font-size: 15px;font-weight: bold;color: #480089; border-bottom: 1px dashed #ccc;}
.scroll_div p{ font-size: 13px; color: #333;border-bottom: 1px dashed #ccc;padding: 6px 0; margin: 0;}
/*.scroll_arlines{width: 80%; float: left;border: 1px solid #480089;}*/
.scroll_arlines {border: 1px solid #480089;  width: calc(100% - 157px); width: -webkit-calc(100% - 157px); float: right; font-size: 0; border: 0;}
    div.scrollmenu {background-color: #fff;overflow: auto;white-space: nowrap;}
div.scrollmenu .airines_content {display: inline-block;color: #fff;text-align: center;padding: 10px; float:left;
    text-decoration: none;cursor: pointer;overflow: hidden;border-left: 1px solid #480089; }
div.scrollmenu .airines_content:first-of-type {border: 0;}
.result_middle{ width: 63%; float:left; padding:0 20px;}
/*.airines_content{width: 22.5%;margin: 0;height: 157px;}*/
.airines_content {width: 25%; margin: 0; height: 157px; display: inline-block; text-align: center; padding:10px;}
.airines_content + .airines_content {border-left: 1px solid #480089;}
.srcoll_top{width: 100%;border-bottom: 1px dashed #ccc;float: left; padding-bottom:5px;}
.scroll_bottom{width: 100%;float: left;}
.scroll_bottom p{padding:6px 0;margin: 0;font-size: 13px;color: #000;border-bottom: 1px dashed #ccc;}
.fare_note{    width: 100%;
    float: left;
    padding: 4px 10px;
    background: #ea5b02;
    border-radius: 15px;}
.fare_note p{color: #fff;font-size: 12px;line-height: 18px;padding: 0;margin: 0;}
.fare_note p b{color: #fff;font-size: 13px; font-weight: bold;}

.resut_show{ width:100%; float: left; background-color: #fff;margin-top: 20px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.10);}
/*.resut_show.ng-scope:hover {box-shadow: 0px 0px 8px 3px #4e0492;}*/
.reault_head{ padding: 6px 10px;border-bottom: 1px solid #ccc; float: left; width:100%; border-radius:10px 10px 0 0;}
.resulthead_left{ width:55%; float: left; margin: 0;padding: 0;}
.resulthead_left h2{font-size: 21px;color: var(--primary-color);padding: 0;margin: 0; font-weight:bold; text-shadow: 1px 0px #fff;}
.resulthead_left p{ font-size: 12px;color: #444; margin: 0; padding: 0;}
.resulthead_left .left_seat{display:none; font-size: 12px;color: #f5f5f5;}
.resulthead_right{ width: 45%; float: right; margin: 0;padding: 0;    text-align: right;}
.resulthead_right .left_seat{ font-size: 12px;color: #f5f5f5; margin-right:10px;display: inline-block;padding-top: 15px;}
.resulthead_right .select_btn{float: right;padding: 10px;}
.resulthead_right .select_btn a{background: #ff6600;padding: 6px 20px;font-size: 15px;font-weight: bold;color: #fff;border-radius:6px;text-decoration: none; box-shadow:0 0 5px 2px #fff;}
.resulthead_right .select_btn a:hover{box-shadow: 0px 0px 6px 4px #fff;}
.depatr_top{/*border-bottom:1px solid #ccc;*/width:100%; float: left; padding: 6px 10px; background:#eee;}
.depatr_top span img{ float: left;width:20px;}
.depatr_top span{ font-size:18px; font-weight: bold;color: #333;padding-left:10px;}
.flight_one{width:8%;float: left; padding: 6px;}
.flight_one img{width:100%;}
.flight_two{ width:18%; float: left;padding: 6px 0; overflow: hidden;}
.flight_two p{font-size:13px;color: #333; margin: 0;padding: 0;overflow: hidden;font-weight:bold;}
.flight_third{width:15%; float: left;padding: 6px 0;font-weight:bold;}
.flight_third:last-of-type{text-align:right;}
.flight_third h6{ margin: 0; padding: 0; font-size: 15px; font-weight:bold;}
.flight_third p{font-size:13px;color: #333; margin: 0;padding: 0;}
.flight_four{width:15%; float: left;padding:6px 0 6px 6px;overflow: hidden;font-weight:bold;}
.flight_four h6{font-size:15px;color: #333; margin: 0;padding: 0; font-weight:bold;}
.flight_four p{font-size:13px;color: #333; margin: 0;padding: 0;}
.flight_arrow_con{width: 10%;float: left;padding: 0px 0;text-align: center;margin-right: 15px;}
.layover_time {font-size: 12px;color: #302f2f;font-weight:bold;}
.line_img {width: 100%;display: inline-block; line-height:0;}
.line_img img {width: 100%; margin:-15px 0 0 0;}
.flight_arrow_con .stop {font-size: 12px;color: #302f2f;font-weight:bold; display:block; margin:-10px 0 0 0;}
.flight_five{width: 15%; float: left;padding: 6px 0;text-align: right;}
.flight_five p{font-size:13px;color: #333; margin: 0;padding: 0;}
.retun_top{border-bottom:1px solid #ccc;width:100%; float: left; padding: 6px 10px; background:#ea5b02bf;}
.retun_top span img{ float: left;width:27px;}
.retun_top span{ font-size:18px; font-weight: bold;color: #fff;padding-left:10px;}
.depatr_bottom{float:left;width: 100%;border-bottom: 1px dashed#ccc;padding: 10px 0;}
.depatr_bottom:last-of-type{border:0;}
.retun_bottom{float:left;width: 100%;border-bottom: 1px dashed#ccc;padding: 10px 0;}
.resultshow_buttom{ width: 100%; float: left; background: #cccccc; padding: 10px;}
.cancel_div{ width: 50%; float: left; text-align: left;}
.cancel_div p{color: #039c2e; font-size: 14px; font-weight: bold; margin: 0;padding: 0;}
.cancel_div p i{ font-size: 16px;}
.view_div{width:48%; float: left; text-align: right;}
.view_div a{color: #000; font-size: 14px; font-weight: bold; margin: 0;padding: 0;cursor: pointer; }
.view_div a i{ font-size: 16px; padding-right: 8px;}
.layover{width: 100%;margin: 0 auto; text-align: center; float: left;}
.result_detail{ overflow: visible!important;}
.layover span{position: relative;background: #ccc;border-radius: 20px;display: inline-block;padding: 4px 20px;top: 2px;font-size: 12px;}
.result_right_con{width:17%; float: left;}
.confidence_div{width: 100%;float: left;background: #fff;padding: 10px;margin-bottom: 20px; box-shadow: 0px 0px 5px 1px #000000; border-radius:8px;}
.confidence_div h4{font-size: 16px;text-align: center;padding: 0;margin: 0; font-weight:bold;}
.confidence_div ul{margin: 0;padding: 0;list-style-type: none; margin-top: 15px;}
.confidence_div ul li{ line-height: 25px; font-size: 14px; color: #333;}
.confidence_div ul li i{width: 30px; float: left; color: #039c2e; font-size: 16px; padding-right: 15px;}
.result_trust{width: 100%;float: left;background: #fff;padding: 10px; text-align:center;}
.result_trust img{width:80%;}
#mainnav #menu {display: none; padding: .8em 1.5em;cursor: pointer;}
.result_deatil {
    width: 100%;
    float: left;
}
.result_price {
    width: 20%;
    float: left;
    text-align: center;
    margin: 0 auto;
    border-left: 1px solid #ccc;
}
.result_price a{background: #ff6600;
    background: #4d008d;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0 0 0;}
.result_price h5{width: 100%;
    display: inline-block;
    margin: 0; 
    padding: 15px 0 6px 0;
    font-size: 24px;
    font-weight: bold;
    color: #4d008d;}
.result_price p{margin: 0px;
    padding: 0px;
    color: #333;
    font-size: 12px;}
.res-result_con_mob {z-index: 2; float:left; width:100%; padding:5px 10px; background: #480089; background-image: linear-gradient(to right, #370258,#6605a1,#2e0348); display:none;}
.fix-res-head{position:fixed;top:0; left:0; box-shadow:0 0 5px #000;}
.fil-mob {float: left; border: 2px solid #fff; border-radius: 5px; padding: 6px 12px; margin: 3px 0 0 0; font-weight: bold; cursor: pointer; color:#fff;}
.fil-mob>i {float: right; padding: 3px 0 0 10px;}
.sea-res-mob {float: left; padding: 0px 0px; width: calc(100% - 245px); width: -webkit-calc(100% - 245px); text-align: left; color:#fff; text-align:center;}
.mod-se-mob {float: right; border: 2px solid #fff; border-radius: 5px; padding: 6px 12px; font-weight: bold; cursor: pointer; margin: 3px 0 0 0; color:#fff;}
.fil-res-cl {position: absolute; display: none; left: 345px; top: 4px; background-color: #fff; border-radius: 50%; width: 24px; height: 24px; border: 1px solid #000;
    text-align: center; z-index: 5; cursor: pointer; color: #000;}
.fil-res-cl>i {line-height: 20px;}
.fil-res-cl span {display: none;}
.filter_main_cont{width:100%; float:left;}

/* Flight details start */
.flight-detail-description {background-color: #fff; border-top: 1px solid #ddd; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.flight-detail-description .in{/*margin: 5px; background-color: rgb(247, 247, 247); border-radius: 3px;*/}
.flight-description-btn {font-size: 13px; color: #000; font-weight: 700; padding: 5px 10px; display: block; cursor: pointer; background-color:#e7eff2; position:relative; 
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #2986a0; background-image: linear-gradient(to right, #06556b ,#41abc9 ,#06556b); color: #fff;}
.flight-description-btn.active{border-radius:0;}
.flight-description-btn a {display: block; color:#fff;}
.flight-description-btn i {font-weight:bold; padding:0 5px;}
/*.flight-description-btn .baggage{float:right; margin:0 0 0 5px;}*/
.flight-description-btn .baggage {position: absolute; right: 7px; top: 5px; z-index: 1;}
.flight-description-btn .baggage img{max-height:20px; margin:-3px 0 0 0;}
.flight-wrapper-description {display: none;}
.flight-wrapper-description.active {display: block;}
.flight-description-det{display:none;}
.flight-detail-description-wrapper {padding: 5px 0; font-size: 14px;}
.flight-detail-description-wrapper + .flight-detail-description-wrapper{border-top: 1px dashed #000;}
/*.return-description-wrapper {border-top: 1px dashed #000;}*/
.flight-detail-name .date {font-size: 12px; color: #585858; font-weight: normal;}
.flight-description-content {display: table; width: 100%; padding: 5px 0px; font-size: 12px;}
.flight-description-content > div {float:left; vertical-align: middle;	padding: 0px 0 0 5px;}
.flight-description-class-detail {font-size: 11px; width:20%;}
.flight-des-logo{max-width:60px;}
.flight-des-det{padding-left:0px;}
.flight-description-class-detail .flight-class {color: #666666;}
.flight-description-timimg {text-align: left; width:32%; font-size:13px;}
.flight-description-timimg .time {font-weight: bold; font-size: 14px; color: #000;}
.flight-description-timimg:last-of-type{text-align:right; padding-right:5px;}
.flight-description-duration {text-align: center; width:16%;}
.flight-description-duration>i{display: block; font-size: 22px;}
.flight-description-duration .duration{padding:0; font-weight:bold; color:#000; font-size:.8rem;}
.flight-description-cityname{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.flight-description-duration .duration:before, .flight-description-duration .duration:after{display:none;}
.flight-content-mobile-top .flight-detail-name {font-size: 14px;}
.flight-detail-content-mobile {background: #ffffff; padding: 10px;}
.flight-price-mobile {font-weight: bold; color: #0076a3;}
.listing-container {max-width: 1300px; width: 100%;}
.listing-page-search-wrapper {display: table; width: 100%;}
.listing-page-search-form-element {display: table-cell; padding: 0px 5px; max-width: 216px;}
.listing-page-search-form-element .form-group {margin: 0;}
.flight-detail-name {color: #000; font-weight: bold; padding: 0px 10px; font-size:1rem;}
.flight-detail-name font img{max-width:30px;}
.flight-detail-name .date {font-size: .85rem; color: #585858; font-weight: normal;}
.date-form {min-width: 140px;}
.listing-search-button-wrappe {min-width: 150px;}
.flight-description-content > div {float: left; vertical-align: middle; padding: 0px 0 0 5px;}
.flight-detail-description-wrapper .flight-detail-logo {padding:0 5px; text-align: center; width: 9%;}
.flight-detail-description-wrapper .flight-detail-logo img {max-width: 95%; max-height: 35px;}
.flight-name-detail {display: block; font-weight: 600; font-size: 12px;}
.flight-description-class-detail .flight-class {color: #666666;}
.flight-det-stopover {text-align: center; padding: 10px 10px; font-size: 12px; margin: 5px 0; background: #ea5b02bf; color: #fff;}
.w-100-fl {width: 100%; float: left;}
/* Flight detaisl end*/


/*----------PAYMENT PAGE CSS START ---------------*/
.go-back-div {float: left;width: 100%;padding: 10px 15px;}
.go-back-div a { float: left;background: #ea5b02;color: #fff;font-size:14px;border-radius: 3px;padding: 5px 10px;}
.go-back-div a:hover{ color: #ee6221;}
.go-back-div a i{ font-size: 14px;}
.payment-page {background: #eee;width: 100%; float: left;}
.payment-page .middle-search {width: 76%;padding: 0 0px;float: left;}
.ticket-desc-div {float: left;width: 100%;border: #ccc solid 1px;background: #fff;overflow: hidden;padding: 0;border-radius: 8px;box-shadow: 2px 2px 2px #9374af;margin-bottom: 15px;}

.payment-page .ticket-desc-div h3 {background: #26889e; margin-top: 0;color: #FFFFFF;font-size:18px;padding: 12px 15px;font-weight: 600;margin-bottom: 14px;}
.payment-page .departed {border-bottom: #eee solid 1px!important;color: #ffffff;font-weight: 600!important;font-size: 15px!important;width: 100%;float: left;padding: 6px 15px;background:#ea5b02bf;}
.departed img {width: 20px;}
.payment-page .airline-information {float: left;width: 100%;margin-top: 10px;font-size: 12px;padding: 0 15px; margin-bottom:15px;}
.hide-toggle {float: right;border: #fff solid 1px;border-radius: 2px;padding: 3px 8px;font-weight: 300;font-size:13px;cursor: pointer;}
.right-section {width: 23%;float: right;padding:0 0 0 15px; position:sticky; position:-webkit-sticky; top:40px;}
.pyt-price-det-l{display:none; margin-bottom:15px; width:100%; float:left;}
.airline-information {float: left;width: 100%;margin-top: 10px;font-size: 12px;padding: 0 15px;}
.colunm1 {float: left;width: 6%;font-size: 14px;
    font-weight: bold;margin-bottom: 0px; padding-top:8px;}
.colunm2 {float: left;width: 23%;font-size: 14px;
    font-weight: bold;margin-bottom: 15px;}
.colunm3 {float: left;width: 29%;font-size: 14px;
    font-weight: bold;margin-bottom: 15px;}
.colunm4 {float: left;width: 28%;font-size: 14px;
    font-weight: bold;margin-bottom: 15px;}
.colunm5 {float: left;width: 10%;font-size: 14px;
    font-weight: bold;margin-bottom: 15px;}
.colunm3 span, .colunm4 span, .colunm5 span, .colunm2 span{ margin-bottom:5px;width:100%; display:inline-block;}
.airline-information em {font-size: 14px;font-style: normal;font-weight:bold; padding-right:14px;}
.grey-row {float: left;width: 100%;font-size: 12px;background: #efefef;margin: 10px 0;padding: 5px 15px;}
.grey-row .first-scc {float: left;width: 40%;font-weight:bold; font-size:13px;}
.grey-row .second-scc {float: left;width: 30%;}
.grey-row .third-scc {float: right;width: 18%; font-weight:bold; font-size:13px;}
.bagges-fees {float: left;width: 100%;color: #ee6221;font-size: 13px;font-weight: 500;padding: 0 15px 10px;}
.contact-information{width:100%;float: left;padding-bottom: 15px;text-align: right;}
.peassenger-inform{width: 100%;float: left;padding-bottom: 15px;}
.peassenger-inform .important {background: #deefff;font-size: 12px;border-radius: 20px;margin: 20px 15px 15px;padding: 6px 15px;}
.peassenger-inform h5 {padding: 0 15px;font-size: 14px;margin: 18px 0;color: #532b74;font-weight: bold;}
.passenger_details {width: 100%;display: inline-block;padding: 0 15px;}
.pay_pax_detail {width: 21%;display: inline-block;}
.pay_pax_gender {width: 10%;display: inline-block;padding-left: 6px;}
.pay_pax_birth {padding-left: 3px;}
.pay_pax_birth {width: 25%;display: inline-block;padding-left: 6px;}
.payment-page label {font-weight: 400;font-size: 13px;margin-top: 5px;}
.pay_pax_birth label {width: 100%;}
.pay_pax_birth span {width: 32%;display: inline-block;}
.policy-div {display: inline-block;width: 100%; padding: 10px 15px;}
.payment-information{width:100%;float: left; padding: 15px;}
.safe-content {float: left;width: 100%; background: #deefff; border-radius: 5px;color: #009c06;font-size: 11px;text-transform: uppercase;
    font-weight: 600;margin-bottom: 20px;padding: 10px;}
.card-details {float: left;width: 100%;}
.booknow-bt button {background: #ea5b02;color: #fff;font-weight: bold;padding: 6px 40px;border-radius: 15px;font-size: 25px;}
.pay_page_card {width: 25%;float: left;margin-right: 10px;}
.card-details label {float: left;width: 145px;}
.pay_page_card input{width: 100%;float: left;}
.card_expire_date {width: 24%;float: left;}
.pay_page_expm {width: 49%;float: left;}
.pay_page_cvv {width: 16%;float: left;margin-right: 8px;}
.fixed-right { position: fixed; right: 15px; top: 98px;}
.pay_page_name {width: 29%;float: left; }
.ticket-desc-div { float: left; width: 100%; border: #26889e solid 1px;    background: #fff;padding: 0;border-radius: 8px;box-shadow: 2px 2px 2px #41c0e4; margin-bottom: 15px;}
.payment-page label {font-weight: 400;font-size: 13px; margin-top: 5px;font-weight:bold;}
.payment-page .form-control {border: 1px solid #333;border-radius: 5px;font-weight:bold;margin-bottom: 15px;font-size: 12px;padding: 5px;box-shadow: 2px 2px 2px #4ec4de; }
.billing_info{width:100%; float: left ; padding: 15px;}
.destination_card {width: 100%;float: left; border: #ccc solid 1px;background: #fff;  position: relative;}
.policy-text ul{ margin: 0; padding: 0; list-style-type: none;}
.policy-text ul li i{ padding-right: 6px; color: #009c06;} 
.policy-section{width: 100%;float: left;padding: 0 15px 15px 15px;}
.policy-text{font-size: 13px; padding: 0;width: 60%;float: left;}
.policy_price{width:10%;float: left;  text-align: center; padding: 40px 0;}
.policy_price h5{font-size: 20px; font-weight: bold;color: #133B67;margin: 0;padding: 0;}
.policy_price p{ font-size: 14px; color: #333;}
.policy_icon{width: 30%;float: left; text-align: right;}
.policy_icon img{width:50%;}
.checkbox{width: 70%; float: left; padding: 6px;}
.trip_to{ position: absolute;padding: 15px; color: #fff;}
.trip_to p{ font-size: 16px; margin: 0;padding: 0;}
.trip_to h5{ font-size: 18px; margin-top: 10px;}
.destination_card img{width: 100%;height: 160px;}
.price-section{ width: 100%; float: left;}
.price-section h3 {background: #ea5b02;color: #fff;font-size: 14px; font-weight:bold; margin-top: 0; margin-bottom: 0;padding: 10px;    border-radius: 10px 10px 0 0;}
.price-section .pricing {background: #fff;border: #adadad dotted 1px;border-top: none;border-radius: 0 0 5px 5px;padding: 10px 15px;}
.rate-amount {float: right;}
.coupn-section h4 {background: #ee6221;color: #fff;font-size: 14px;padding: 10px 15px;font-weight: bold; border-radius:0 0 8px 8px;}
.coupn-section h4 em {font-style: normal;float: right;}
.coupn-section p {font-size: 10px;margin-bottom: 8px;padding: 6px 15px;background: #fff; border: 1px solid #ccc;border-radius: 8px;}
.policy_review{padding: 10px;width: 100%; float: left;}
.policy_review p{color: #333; font-size: 13px; line-height: 25px;}
.review ul{border-bottom: #e7e7e7 solid 1px;padding-bottom: 10px;margin-top: 10px;font-size: 13px;}
.booknow-bt{width: 100%;float: left;margin: 0 auto;text-align: center;}
.booknow-bt a{padding: 8px 31px;color: #fff;background: #ee6221;border-radius: 6px;font-size: 16px;display: inline-block;margin-bottom: 15px;
    font-weight: bold;text-decoration: none;}  
.booknow-bt p{ margin-top:15px;}
.bg-white{background-color:#fff;}
/*---------other pages css start here------------*/
.page_main_header{background:#ccc; padding-top:3rem; margin-bottom:20px; height:130px; width:100%; float:left;} 
.page_main_header h1{ color:#000; font-size:30px; font-weight:bold;}   
.common_content{width:100%; float:left; padding:15px;box-shadow:2px 3px 2px #ccc;border:1px solid #ccc; margin-bottom:15px;}
.common_content h2{background:#2986a0; padding:6px; font-size:18px; color:#fff;} 
.common_content p{ font-size:14px; color:#333; line-height:20px; text-align:justify;}   
.contact-det-cont{ width:100%; float:left; margin-top:30px;}
.cont-form button{ background:#F34D06; padding:6px; border-radius:6px; margin-top:15px;float:right; color:#fff; font-size:16px;}
.mobile_header{background: #ea5b02;
    float: left;
    width: 100%;
    padding: 5px 10px;
    display: none;}
.top_headerleft {width: 59%;float: left;color: #fff;font-size: 13px;}
.top_headerright {width: 40%;float: left;}
.top_headerright a{ color: #fff;text-decoration:none;font-size: 14px;font-weight: bold;}

/*----------------- conformation page -----------------*/
.confirm_left{    width: 100%;
    float: left;
    
    padding: 10px;}
.top_paragrph{width: 100%;display: inline-block;}
.top_paragrph h4{ font-size:18px; font-weight:bold;}
.top_paragrph p{ font-size:14px; color:#000;}
.conform_button{ width: 100%;
    float: left;
    padding: 10px;
    border: 2px solid #2888a0;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #17a2b8;}
.conform_button h2{ font-size:22px; color:#000; font-weight:bold;}
.conform_button h5{ font-size:15px; color:#333; margin-bottom:20px;}
.conform_button h4{background: #2888a0; font-size:18px;padding: 6px;color: #fff;width: 100%;display: inline-block;}
.booked_con_detail{width: 100%;float: left;}
.book_icon{width:10%; float:left;}
.book_flight_det{ width:20%; float:left;}
.depart_con p{ margin-bottom:6px;}
.book_con_time{width:20%; float:left;padding-left: 20px;}
.booked_line{width:10%; float:left; padding-top:15px;}
.class_type{width:20%; float:left;padding-left: 20px;}
.book_con_time p b{ padding-right:10px;}
.dept_text {
    font-size: 16px;
    color: #09F;
    font-weight: bold;
    padding: 0;
    margin-bottom: 15px !important;
}
.passen_ser{width:100%; display:flex;}
.text_container{width:100%; float:left; padding:10px;margin-top: 30px;}
.confirmpage_left{border-right:1px solid #ddd;padding-right:10px; width:50%;float:left;}
.confirmpage_right{width:50%; float:left;padding-left:10px}

/*  Sitemap start */
.sitemap_dest {border-bottom: 1px solid #ccc; padding-bottom: 15px; width: 100%; display: inline-block;}
.quick_linck h2 {color: #fff; font-size: 20px; margin-top: 30px; margin-bottom: 20px; padding-left: 15px;}
.sitemap_dest ul {margin: 0; padding: 0; list-style-type: none;}
.sitemap_dest ul li a {font-size: .9rem; color: #333; line-height: 25px;}



/*-----------footer csss ------------------*/
.footer_con{width:100%; float: left; margin-top:20px; background: url("../images/footer_bg.jpg")no-repeat; background-size: cover; padding: 30px 0;}
.footer_div{ width:50%; float: left; padding: 10px;}
.company_con{width: 100%;float:left; margin: 0; padding: 0; text-align: left;}
.company_con ul{ list-style-type: none; margin: 0;width:50%; float:left;}
.company_con h2{ font-size:20px; padding:15px 0;color: #fff; margin: 0; font-weight:bold;}
.padd_right30{ padding-left:30px; padding-right:0;}
.company_con ul li a{ color: #fff; font-size: 14px; line-height: 25px; text-transform: uppercase;}
.social_div{width:100%; float: left;margin-top: 8px;}
.social_div ul{margin: 0;padding: 0;list-style-type: none;}
.social_div ul li{float: left;}
.social_div ul li a{width: 24px; padding: 0px 0px;border: 1px solid#fff;height:22px;margin-right: 8px;float: left;text-align: center;background: #fff;color: #000;}
.social_div ul li a:hover{background: #ea6022;color: #fff;}
.right_aling{float:left; width:100%;}
.copy_right{width:100%; float:left; text-align:center;margin-top:30px;}
.copy_right p{ font-size:14px; color:#fff;}

/*------------------New stylecss-----------------*/

.container-max{max-width: 1190px;  margin: 0 auto;padding: 0px 1rem;}
.flight_search{background:url(/images/flight_banner.jpg)no-repeat center/cover; height:230px; padding-top:7.5rem; }
.search_engine{background:#fff; position:relative; z-index:1; border-radius:0px 0px 15px 15px;box-shadow:rgba(11, 11, 11, 0.15) 0px 2px 24px; }
.search-engine input{width:100%; font-size:16px; font-weight:500; height:42px; border:1px solid rgb(193, 196, 198); border-radius:10px; padding:0.25rem 0.5rem 0.25rem 1.7rem;   }
.search-engine input:active, .search-engine input:focus{outline:1px solid var(--yellow-color); border-color:var(--yellow-color);}
.destination_sec{width:49.5%; float:left; }
.flight_menu{position:relative; left:-0.57rem; padding:0.25rem 0; }
.flight_menu ul li a input{opacity:0; visibility:hidden; position:absolute; top:0; }
.flight_menu ul li a input:checked ~ label{background:rgb(209, 240, 255); color:rgb(0, 113, 206);}
.flight_menu ul li a label{font-size:13px; font-weight:600; background:#f7f7f7; padding:0.25rem 0.8rem; color:rgb(2, 69, 144); border-radius:30px;  display:inline-block; cursor:pointer; }
.flight_menu ul{list-style:none; display:flex; margin:0; padding:0; gap:0.4rem;  }
.search_con button{width:100%; display: inline-block; height:42px; padding: 6px; font-size:16px; background:var(--primary-color);border: 0; color: #fff; border-radius:10px;font-weight:normal;}
.search-engine .icon-search{position:absolute; top:2.38rem; left:0.65rem;  }
.search-engine label{color:rgb(36,38,40); margin-bottom:0.25rem; font-weight:600; font-size:13px;  }
.banner-title{background:rgba(0, 0, 0, 0.59); border-radius:15px 15px 0 0;  }
.banner-title h1{margin:0; color:#f6f6f6; font-size:1.5rem; padding:1rem; border-radius:15px 15px 0 0;  }
.mb-cabin_users input{border:0; padding-left:1.35rem;   font-size:15px; font-weight:600; width:200px; cursor:pointer;  }
.mb-cabin_users input::placeholder{color:rgb(2, 69, 144);}
.mb-cabin_users .icon-search{position:absolute; top:0px; left:0rem;color:rgb(2, 69, 144);}
.mb-cabin_users .right_chevron{right:0; position:absolute;top:2px;color:rgb(2, 69, 144);cursor:pointer; text-shadow: 0 0 1px rgb(2, 69, 144); font-size:13px; }
.search_con{margin-top:1.6rem;}
.why_us_container{padding-top:7.8rem; }
.why_us_txt h3{font-size:16px; font-weight:600; color:#333; margin-bottom:0.25rem;  }
.why_us_txt p{color:#555; font-size:14px; line-height:22px; margin:0;  }
.section_why_us{border:1px solid #ccc; border-radius:10px;  padding:0.7rem;  }
.set_icon img{width:42px; height:42px;}
.why_us_title h2{font-size:23px; font-weight:700; line-height:25px; margin:0; padding-bottom:0.35rem; color:#333; }
.why_us_title p{color:#666; font-size:15px; margin:0; }
.why_us_title p i{color:var(--primary-color);}
.exchange_destination{background:rgb(209, 240, 255); cursor:pointer; width:30px; height:30px; border-radius:30px; position:absolute; right:-1rem; text-align:center; line-height:28px; z-index:1; top:2.3rem; }
.popular_destination_container{padding:4rem 0 1rem 0;}
.section_title h2{font-size:1.5rem; font-weight:600; margin-bottom:0.25rem;  }
.section_title p{color:#555; font-size:14px; }
.section_title{border-bottom:1px solid #ebebeb;}
.destin_section{position:relative;}
.destin_section img{width:100%; height:320px;object-fit:cover; border-radius:15px; }
.destin_section:before{content: ''; position: absolute;border-radius: 15px;background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, .3) 48%, rgba(0, 0, 0, 0) 59.65%); transition:0.5s;  bottom: 0; height: 250px; width: 100%; left: 0;}
.destin_section:hover::before{background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .3) 48%, rgba(0, 0, 0, 0) 59.65%);height:350px;}
.destination_txt{position:absolute; bottom:0; left:1rem; }
.destination_txt strong{color:#fff; font-weight:600; font-size:19px; }
.destination_txt p{color:#e8e8e8; font-size:13px;}
.destination_txt p span{color:var(--yellow-color); font-weight:500;padding-top:2px;}
.popular_destination_container .slick-dots li button::before { font-size: 25px !important;}
.popular_destination_containe .slick-dots li{margin:0; }
.deals_details .deals_date{color:#333; font-size:14px;}
.deals_details strong{color:#333; font-weight:600;}
.fare_action strong{color:var(--primary-color);font-weight:600; font-size:18px; display:inline-block; }
.fare_action p{margin:0; color:#666; font-size:14px; }
.flight_deals{border-radius:12px; background:#fff; border:1px solid #ccc; transition:all 0.3s; padding:0.8rem; }
.flight_deals:hover{border-color:#ccc;background:rgba(209, 240, 255,0.3);}
.fare_disclainer{color:#555; font-size:13px; }
.popular_flights_container{background:#f3f3f3; padding:2.5rem 0;}
.footer_container{padding:2.5rem 0; background:rgb(28, 41, 48); }
.footer_links .links_heading{color:#fff; font-weight:600; padding-bottom:0.45rem; font-size:18px;  }
.footer_links ul{list-style:none; margin:0; padding:0; }
.footer_links ul li a{color:rgb(255, 255, 255); opacity:0.65; font-size:15px;}
.footer_links ul li a:hover{opacity:1; text-decoration:underline; }
.footer_links ul li img{border-radius:4px; width:45px  }
.payment_methods li {display:inline-flex;}
.footer_disclaimer{padding:1rem 0; color:#fff; opacity:0.5; font-size:13px; border-top:1px rgb(83, 134, 164) dashed;border-bottom:1px rgb(83, 134, 164) dashed;   margin-top:1rem; }
.copyrights{padding:1rem 0; color:#fff; opacity:0.5; font-size:13px; }
.footer_disclaimer a{text-decoration:underline; color:#fff; }
.pass-name{position:absolute; background:#fff; z-index:9; border-radius:8px; border:1px solid #ccc; padding:0.8rem; width:230px; box-shadow:0px 10px 25px rgba(0,0,0,0.15); top:110%;   }
.airclass_con strong{font-weight:600; font-size:14px; display:block;}
.airclass_con select{border:1px solid #ccc; border-radius:5px; font-size:15px; height:38px; }
.left-conts strong{font-weight:600; font-size:15px;}
.left-conts p{margin:0; font-size:13px; color:#666; }
.adult-right i, .children-right i, .infants-right i{font-size:19px;}
.pax_submit{background:rgb(209, 240, 255); color:rgb(0, 113, 206); width:100%; padding:0.25rem; font-weight:500; border-radius:10px; border:1px solid rgb(0, 113, 206); }
.customer_supports{display:flex; gap:0.25rem; align-items:center; }
.customer_supports img{background:#f3f3f3; border-radius:30px;  }
.support_number p{color:#666; font-size:13px;margin:0; }
.support_number a{font-weight:700; color:var(--primary-color); font-size:17px; }
.support_number a:hover{color:var(--secondary-color);}
.nav_header .nav-link{font-weight:500; font-size:15px;}
.search-engine input:disabled{color:#fff; cursor:not-allowed; user-select:none;}
.nav_header .offcanvas{z-index:9999;}
.nav_header .navbar-toggler, .nav_header .offcanvas-header .btn-close{box-shadow:none !important; border:0 !important; padding:0 0 0 0.35rem; }
.mb_call_btn .support_number span{font-size:13px; color:#444; }
.mb_call_btn .support_number p{color:var(--primary-color); font-weight:600; }
.mb-call-icon{background:rgb(209, 240, 255); width:30px; height:30px; text-align:center; border-radius:5px; line-height:28px; display:none;   }
.mb-call-icon i{color:rgb(0, 113, 206);}
.nav_header{background:#fff; box-shadow:0px 15px 35px rgba(0,0,0,0.15);}
.nav_header .offcanvas-header{background:#f3f3f3;}
.content_section{padding:2rem 0;}
.content_section p{color:#444;}
.form-section .form-area{width:100%; }
.form-section label{font-size:13px; color:#555; padding:0;  padding-bottom:0.25rem;}
.form-section .form-control, .form-section .form-select{border-radius:10px; height:40px; font-size:15px; }
.form-section .form-control:active, .form-section .form-select:active, .form-section .form-control:focus, .form-section .form-select:focus{box-shadow:none !important;}
.form-section .form-area{padding:10px; border-radius:10px;font-size:15px;  border:1px solid #ccc;}
.contact-submit{width:100%; padding:0.6rem 1rem; height:40px; background:var(--primary-color); color:#fff; border:0; border-radius:10px; }
.contact-submit:hover{background:var(--secondary-color);}
.contact-form h1, .contact-detail h2{font-weight:800; color:var(--secondary-color); font-size:30px;}
.contact-form p{color:#666; font-size:15px;}
.contact-us-page {padding:2rem 0;}
.dtl-title{font-size:24px; color:#444; font-weight:700; padding-bottom:0.6rem;}
.details-contact a{font-weight:400; color:#555;}
.details-contact a:hover{color:var(--primary-color); font-weight:700; }
.form-section{background:#f3f3f3; padding:1rem; border-radius:10px;}
.contact_details strong{font-weight:600; display:block; padding-bottom:1rem; }
.info_contacts p{margin-bottom:0.25rem; }
.info_contacts p a{color:#666;}
.info_contacts p a:hover{color:#000;}
.info_contacts p a i{color:#008aff; font-size: 14px;}
.errormsg { color: red; font-size: 13px; display: none;  }


.safe-content .payment_methods img{width: 40px; mix-blend-mode: multiply;}
.safe-content .payment_methods{margin:0; padding:0;}

