/*--------------------------------- Search engine Start here --------------------------------- */
.ind_bg_img{padding-top: 35px;width: 100%;justify-content: center;align-items: center;min-height:490px; background:#ffffff;}
.ind_bg_img .ind_src_eng_box {border-radius: 12px;background:rgba(249,249,249,.8);padding: 20px;top: 0;left: 0;bottom: 0;margin: auto;border-radius:0 12px 12px 12px;}
.ag_srch_imgBox {
    display: flex;
    align-items: center;
    height: 100%;
    background: url(../../images/chat-bg.html) no-repeat center center;
    background-size: contain;
    position: relative;
}
    .ag_srch_imgBox img {
        width: 85%;
    }
/* ---------------------------------------------------------------------------------- New Search Engine CSS On May 2025 Starts Here ---------------------------------------------------------------------------------- */
.displfexsytl{position:relative; display:flex;} 
@media screen and (max-width:480px) {
    .displfexsytl{
        flex-direction: column;
    }
}


.right-section {width: 100%;position: relative;height: 300px;}
.right-section .inside-view {width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;}
.ag_srch_eng_wrppr .ag_srch_hd h1{margin:0px; text-align:center; font-size:20px; color:#555dfd; font-weight:700;}
.ag_srch_eng_wrppr .ag_srch_hd h3{margin:0px; text-align:center; font-size:20px; color:#555dfd; font-weight:700;}
.ag_srch_eng_wrppr .ag_Srch_inrWrrppr {
    background: #555dfd;
    padding: 10px 10px 10px;
    box-shadow: 0px 4px 8.19px 0.81px rgba(16, 16, 16, 0.14);
    border-radius: 0px 10px 10px 10px;
}
.ag_srch_eng_wrppr .ag_SltFltHtl { margin-bottom:0px;}
.ag_srch_eng_wrppr .ag_SltFltHtl ul{margin:0px; padding:0px; display:inline-block}
.ag_srch_eng_wrppr .ag_SltFltHtl ul li{float:left; position:relative; list-style:none;}
    .ag_srch_eng_wrppr .ag_SltFltHtl ul li.active a {
        cursor: default;
        background-color: #555dfd;
    }
    .ag_srch_eng_wrppr .ag_SltFltHtl ul li.active:before {
        display: inline-block;
        border-color: transparent transparent #555dfd;
        border-width: 8px;
        border-style: solid;
        width: 0;
        height: 0;
        position: absolute;
        content: '';
        bottom: -23px;
        right: 45%;
        z-index: 9;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .ag_srch_eng_wrppr .ag_SltFltHtl ul li a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: none !important;
        background: #526199;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 30px;
        text-decoration: none;
    }
.ag_srch_eng_wrppr .ag_SltFltHtl ul li:first-child a{border-radius:4px 0px 0px 0px;}
.ag_srch_eng_wrppr .ag_SltFltHtl ul li:last-child a{border-radius:0px 4px 0px 0px;}
.ag_src_eng_cont .ag_srch_eng_bxes {
    width: 100%;
    float: left;
    padding: 5px 15px;
    position: relative;
    margin: 10px 0px;
    background: #fff;
    border-radius: 4px;
}
.ag_dateSec {
    width: 100%;
    position: relative;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}
.ag_src_eng_cont .ag_srch_eng_bxes .ag_srchLbl{display:block;font-size:13px; font-weight:400; margin-bottom:-5px; color:#000}
.ag_src_eng_cont .ag_srch_eng_bxes .input_type{width:100%; padding:5px 20px 0px 0px; font-size:16px; border:0px; background:none; outline:none; color:#000;font-weight:bold;}
.ag_src_eng_cont .ag_srch_eng_bxes .input_typedte{width:100%; padding:5px 0px 0px 0px; font-size:16px; border:0px;  background:none; outline:none; color:#000; font-weight:bold;}
.ag_src_eng_cont .ag_srch_eng_bxes .bkkRtrnDte{color:#ff7555;line-height: 17px;margin-top: 7px;display:none;}
.ag_src_eng_cont .srch_eng_bxes_date{width:48%; float:left; padding:5px 15px; position:relative;background:#ffffff; border-radius:4px; }
.ag_src_eng_cont .srch_eng_bxes_date .ag_srchLbl{display:block;font-size:13px; font-weight:400; margin-bottom:-5px;}

    .ag_src_eng_cont .srch_eng_bxes_date .input_typedte { width: 100%; padding: 5px 0px 0px 0px; font-size:16px; border:0px;  background:none; outline:none; color:#000; font-weight:bold;}
.ag_src_eng_cont .srch_eng_bxes_date .bkkRtrnDte{color:#ff7555;line-height: 17px;margin-top: 7px;display:none;}



.ag_suggestion-box-clear{position: absolute;z-index: 98;bottom: -5px;right: 15px;color: #f00;cursor: pointer;font-size: 27px;-moz-border-radius: 50%;-webkit-border-radius: 50%;
left: auto !important;}


.ag_src_eng_cont .ag_srch_eng_bxes_pax {
    padding: 5px 15px;
    margin: 10px 0px;
    position: relative;
    background: #ffffff;
    border-radius: 4px;
}
.ag_srch_eng_bxes_pax .pas_type {
    width: 100%; padding:0;
}

.pas_type {
    background: #fff;
    width: 48%;
    border-radius: 4px;
    padding: 5px 15px;
}

    .pas_type label{ font-weight:normal;}
    .pas_type input {
        border: none;
        outline: none;
        font-size: 16px;
        overflow: hidden;
        width: 100%; font-weight:bold;
    }
.select-star{
    position:relative;
}

    .select-star:after {
        font-family: 'FontAwesome';
        position: absolute;
        top: -6px;
        right: 0px;
        font-size: 23px;
        color: #fc690f;
        content: "\f107";
        cursor: pointer;
    }
    .select-star select {
        border: none;
        outline: none;
        font-size: 16px;
        width: 100%;
        font-weight: bold;
        -webkit-appearance: none;
    }
.ag_srch_eng_bxes_pax .pas_type > label {
    font-weight: 400;
    font-size: 13px;
}
.ag_srch_eng_bxes_pax .pas_type .input_type_pax{position:relative; color:#000; padding-bottom:4px;font-size: 16px; font-weight: bold;}

.ag_srch_eng_bxes_pax .pas_type .input_type_pax input{width:100%; border:0px; outline:none;  font-size:18px;}
.ag_srch_eng_bxes_pax .pas_type .input_type_pax select{width:100%; border:0px; outline:none;  font-size:18px; padding-bottom:4px;}
.ag_srch_eng_bxes_pax .pas_type .input_type_pax select option{padding:5px;}
.ag_src_eng_cont .ag_srch_eng_bxes_pax .pas_type i{right:0px; position:absolute;}
.ag_src_eng_cont .ag_srchBtn{padding:0px 15px; margin:10px 0px; }
.ag_srdrctWrppr{padding:15px 0px;}
.ag_srdrctWrppr .ag_drct_flt_srch{padding-top:20px;}
.checkDesgnweppr {display: inline-block;position: relative;padding-left: 25px; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkDesgnweppr bdo{ font-weight:500;}
.checkDesgnweppr input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check_tick {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff; border-radius:4px; border:1px solid #999;}
.checkDesgnweppr input:checked ~ .check_tick {background-color: #555dfd; border:1px solid #555dfd;}
.check_tick:after {content: "";position: absolute;display: none;}
.checkDesgnweppr input:checked ~ .check_tick:after {display: block;}
.checkDesgnweppr .check_tick:after {left: 7px;top: 2px;width: 6px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.ag_src_eng_cont .ag_srch_eng_bxes_btn{text-align:center }
.ag_src_eng_cont .ag_srch_eng_bxes_btn button {display: inline-block;color: #fff;background: #ff7555;padding: 10px 20px; cursor: pointer;text-transform: uppercase;border: none;border-radius: 4px; width: 100%;font-size: 18px;}
.ag_src_eng_cont .ag_srch_eng_bxes_btn button:hover{background:#ff7555; transition:ease-in-out .5s;}
.ag_src_eng_cont .ag_adultchl{padding:0px 15px;}
.ag_src_eng_cont .ag_adultchl .ag_paxInnrWrr{width:25%; float:left;}
.ag_src_eng_cont .ag_adultchl .ag_paxInnrWrr label{font-weight:400;display:block; margin:0px;}
.ag_src_eng_cont .ag_adultchl .ag_paxInnrWrr label.lp_chl{font-size:10px;}
.ag_adultchl  .ag_paxInnrWrr .paxContadlt{display:inline-block; text-align:left;}
.ag_adultchl  .ag_paxInnrWrr .paxContadlt span{display:inline-block; border:1px solid #ddd; width:25px; height:25px; padding: 6px 0px 0px 8px; float:left; cursor:pointer; font-size:9px; }
.ag_adultchl  .ag_paxInnrWrr .paxContadlt span:first-child{border-radius:4px 0px 0px 4px;}
.ag_adultchl  .ag_paxInnrWrr .paxContadlt span:last-child{border-radius:0px 4px 4px 0px;}
.ag_adultchl  .ag_paxInnrWrr .paxContadlt .ag_pax{    width: 25px;height: 25px;float: left;border: 1px solid #ddd; text-align:center; background: #ddd;margin-left: -1px;margin-right: -1px;position: relative;top: 1px;}
.ag_srch_rgt> h1{    margin: 0px;font-weight: 700;font-size: 45px;color: #555dfd; line-height: 65px;}
.ag_srch_rgt .ag_srchList ul{margin:0px; padding:0px; margin-top:20px;}
.ag_srch_rgt .ag_srchList ul li{list-style:none; font-size:16px; color:#555dfd; }
.ag_srch_rgt .ag_srchList ul li i{    margin-right: 4px;font-size: 12px;margin-left: 6px;}
.minor_booking { width:100%;border-radius: 10px;padding: 15px 0px;position: relative;}
.minor_booking >h1 {    margin: 0;    font-weight: 700;    font-size: 45px;    color: #555dfd;    line-height: 65px;   display: inline-block;    white-space: nowrap;    width: 100%;    text-overflow: ellipsis;    overflow: hidden;}
.minor_booking h4 {color: #555dfd;font-size: 24px; margin:0px; margin-bottom:5px;line-height: inherit; font-weight:600;}
.minor_booking p, .minor_booking p a {color: #fff;}
.minor_booking p .telphn{font-weight:700; font-size:16px; display:inline-block; margin-left:5px;} 
.room-input { cursor:pointer; display:block; }

.minor_booking .telphn {
    font-weight: 700;
    margin-top: 10px;
    position: relative;
}
.minor_booking .telphn bdo {
    font-size: 17px;
    color: #fff;
}
.minor_booking .telphn bdo.icon_phne i {
    z-index: 10;
    display: inline-block;
    position: absolute;
    background: #fff;
    color: #555dfd;
    padding: 10px;
    border-radius: 50px;
    left: -5px;
    font-size: 42px;
    top: -6px;
    border: 3px solid #ff7555;
}
.minor_booking .telphn a {
    text-decoration: none;
    font-size: 34px;
    background: #ff7555;
    color: #fff;
    padding: 3px 25px 3px 85px;
    border-radius: 51px;
    display: inline-block;
    position: relative;
}

.minor_booking .telphn a {
    text-decoration: none;
    font-size: 34px;
    background: #ff7555;
    color: #fff;
    padding: 3px 25px 3px 85px;
    border-radius: 51px;
    display: inline-block;
    position: relative;
}

/* ---------------------------------------------------------------------------------- New Search Engine CSS On August 2019 Ends Here ---------------------------------------------------------------------------------- */

/*Flight Engine*/
.engine-bg .flight-bg {width: 100%;background: #fff;padding: 10px;float: left;}
.trip-list{width:100%; overflow:hidden;}
.trip-list li{float:left; margin-right:10px;}
.select-trip label {cursor: pointer;font-weight: normal;line-height: 18px;margin-bottom: 0;padding-left: 22px;position: relative;}
.trip-list .select-trip span {color:#555dfd;font-size: 14px; font-weight:600;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position: absolute;top:4px; left:0px;}
.select-trip label input {opacity: 0;}
.select-trip label input[type="radio"]:checked+span::before {background: #555dfd;border-radius: 100%;content: "";display: block;height: 8px;left: 5px;position: absolute;top: 5px;width: 8px;}
.select-trip label input[type="radio"]+span::after {border: 2px solid #555dfd;border-radius: 50%;content: "";height: 18px;left: 0;position: absolute;top: 0;width: 18px;}
.input-field {border:none; background:#e3e9f0 url(../images/cross.png) no-repeat right -12px center; width: 100%;font-size: 14px;color: #000000;padding: 7px 25px;position: relative; font-weight:600;transition: background 0.4s; display:block;}
.input-field.x { background-position: right 5px center !important; }
.input-field.onX{ cursor: pointer; } 
/*Hotel Engine*/

.engine-bg {background: rgba(249,249,249,.8);padding: 20px;border-radius: 0 12px 12px 12px;float: left;width: 100%;}
.engine-bg .hotel-bg {width: 100%;background: #fff;padding: 20px 20px 5px 20px;float: left;}
.hotel-bg .hotel-more-option {width: 100%;float: left;margin-top: 15px;}
.glyphicon-menu-down {position: absolute;top: 8px;right: 8px;color: #ff7555;font-size: 15px;pointer-events: none;}
#modify-guest .glyphicon-menu-down{position: absolute;top: 33px;right: 8px;color: #ff7555;font-size: 15px;pointer-events: none;}
.hotel-bg .select-star .glyphicon-star {position: absolute;top: 10px;left: 8px;color: #ff7555;font-size: 15px;pointer-events: none;}
.hotel-more-option .more-option {float: right;font-size: 12px;color: #555dfd;cursor: pointer;padding-right: 20px;margin-top: -5px;}
.hotel-more-option .more-option.collapsed:before {content: 'More Option';display: block;width: auto;}
.hotel-more-option .more-option:before {content: 'Hide Option';display: block;width: auto;}
.hotel-engine-bg{ background:#555dfd; width:100%; float:left; margin-bottom:30px; padding:10px 0px; border-top:2px solid #ffffff;}
.hotel-section .engine-bg{background: #ffffff;padding:10px 10px 20px 10px; float:left; width:100%;}
.engine-bg .hotel-bg {width: 100%;background: #fff;float: left;}
.engine-bg .input-icon{ position: absolute;left: 10px;top: 10px;font-size: 14px;color: #72ADED;}
.engine-bg .pd3 {padding: 0 3px;}
.engine-bg .input-box-clear {position: absolute;z-index: 2;top: 0px;right: 7px ;color: #87a1bf;cursor: pointer;font-size: 27px;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.engine-bg .progress-bar {background-color: #ff7555;color: #fff;width: 100%;text-align: center;padding: 7px;text-transform: uppercase;font-size: 14px;cursor: pointer; border-radius:20px; margin-top:0px; border:0px;transition: all 1s linear;}
.engine-bg .progress-bar:hover, .engine-bg .progress-bar:focus{ background:#555dfd;}
.hotel-bg .hotel-more-option{ width:100%; float:left; margin-top:15px;}
.hotel-bg .hotel-more-option a{text-decoration:underline; padding-right:5px;}
.hotel-bg .select-star{position: relative;}  .hotel-bg .select-star select{border:none;background: #e3e9f0;-webkit-appearance:none;-moz-appearance:none; border-radius:0px;-webkit-box-shadow:none; padding-left:25px;}
.hotel-bg .select-star .fa-angle-down{position:absolute;top:4px; right:8px; color:#ff7555; font-size:25px;pointer-events: none;}
.hotel-bg .select-star .fa-star{position:absolute;top:7px; left:8px; color:#ff7555; font-size:18px;pointer-events: none;}
/* Room Section pop up*/
#modify-guest .hotel-group-detail{top:65px;}
.hotel-group-detail { display:none; padding:12px; position: absolute; left: 0px; top: 50px; z-index:9; width:320px; background:#fff; border:1px solid #ccc; }
.hotel-group-detail:before{content:"\e253";font-family: 'Glyphicons Halflings'; position:absolute;top:-19px; left:135px; font-size:20px; color:#ff7555;}
.hotel-group-detail h5{ font-size:14px; font-weight:500; margin:0px; padding-bottom:5px; color:#555dfd;}
.hotel-group-detail .label { padding-top:24px; width:60px; display:block; font-size: 12px; color:#37454d; float:left;  font-weight: normal;  }
.hotel-group-detail .heading { display:block; font-size: 12px; color:#37454d; font-weight: normal; }
.hotel-group-detail .select { position: relative; width: 100%; height: 22px; display: inline-block; }
.hotel-group-detail .select select { width: 100%; padding: 0 4px; height: 22px; font-size: 12px; color:#37454d; font-weight: normal; margin: 0; border:1px solid #ccc; outline:none; display: inline-block; cursor:pointer; background: #fff;-webkit-appearance:none;-moz-appearance:none; border-radius:0px;}
.hotel-group-detail .select:after {font-family: 'Glyphicons Halflings'; text-align: center; content: "\e259"; background:#fff; position: absolute; top:3px; right: 4px; pointer-events: none; font-size:11px; color:#4e4e4e;}
.hotel-group-detail .room{ width:100%;float:left; border-bottom:1px solid #b6b6b6; margin-bottom:5px;}
.hotel-group-detail .room label{width:67%; float:left;} .hotel-group-detail .room .col{width:33%; float:right;}
.hotel-group-detail .child-row{ position: relative; display:block;}
.hotel-group-detail .col { width:50%; float:left; margin-bottom:10px; }
.col .heading span{font-size:10px;}
.hotel-group-detail .add-room{border-bottom:1px solid #b6b6b6; margin-bottom:5px; float: left;width: 100%;}
.hotel-group-detail .right { width:calc(100% - 120px); float:left; }
.hotel-group-detail .col-child { width:33.3%; float:left;margin-bottom:10px; position:relative;  }
.hotel-group-detail .col-child select{border: solid 1px #b6b6b6;background: #ffffff;-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;-webkit-box-shadow: none;padding-left: 25px; padding:3px; width:90%;}
.hotel-group-detail .col-child .fa-angle-down{position:absolute;top:24px; right:15px; color:#ff7555; font-size:25px;pointer-events: none;}
.hotel-group-detail .btn-row { width: 100%; overflow: hidden; }
.hotel-group-detail .btn-row a { margin:8px 3px; padding: 0px 15px; display: inline-block; height: 29px; line-height: 26px; color:#333; text-decoration:none;  font-size: 14px; border:1px solid #cdd0d2; border-radius:2px; }
.hotel-group-detail .btn-row a span { margin-right:5px; }
.hotel-group-detail a.done-room { background:#ff6600; border-color:#ff6600; color:#fff; cursor:pointer;}
.hotel-group-detail .up-arrow { position: absolute; left: 50px; top:-17px; font-size: 25px; color:#fff;}
.hotel-group-detail .inc{background: #fff;padding: 0;color: #888;float: left;text-align: center;min-width: 30px;border: solid 1px #b6b6b6;border-right-color: rgb(182, 182, 182);border-right-style: solid;border-right-width: 1px;cursor: pointer;height: 30px;color: #777;font-size: 12px;border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-webkit-border-radius: 0 2px 2px 0;font-size: 13px;font-weight: 500;line-height: 27px;}
.hotel-group-detail .dec{background: #fff;padding: 0;color: #888;float: left;text-align: center;min-width: 30px;border: solid 1px #b6b6b6;border-right-color: rgb(182, 182, 182);border-right-style: solid;border-right-width: 1px;cursor: pointer;height: 30px;color: #777;font-size: 12px;border-radius: 2px 0 0 2px;-moz-border-radius: 2px 0 0 2px;-webkit-border-radius: 2px 0 0 2px;font-size: 13px;font-weight: 500;line-height: 27px;}
.hotel-group-detail .col input{background: #fff;color: #333;float: left;text-align: center;width: 30px;border-top: solid 1px #b6b6b6;border-bottom: solid 1px #b6b6b6;border-left: none;border-right: none;height: 30px;font-size: 14px;line-height: 28px;}
/*Search Error*/
.error-div{z-index: 999; position: absolute; top: 46px; border-radius: 1px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.18); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.18); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.18); color: #4a4a4a; font-size: 12px; background: #e3e9f0; width:354px;}
.error-div .o-i-error-icon{position: absolute; top: -14px; left: 2%;}
.o-i-error-icon {background-position: -40px 0;width: 28px;height: 14px;}
.error-flL {float: left;}
.error-div .error-innertxt {padding: 12px 14px 0px 14px}
.errorbox1{background: red;padding: 10px;color: #fff;}
.errorbox1 i {font-size: 16px;}
.error-div:before{display: inline-block; border-color: transparent transparent #f00; border-width: 12px; border-style: solid; width: 0; height: 0; position: absolute; content: ''; top: -22px; left: 6px}
.error-div b {color: #ff7555}
.error-div {color: #000}
.ui-menu-item-wrapper{padding: 8px 8px 8px 23px; position:relative; font-size:14px;}
.ui-menu-item-wrapper:before{ position:absolute; top:5px; left:5px; content:"\f0f7"; font-family:FontAwesome; font-size:17px; color:#333333;}
.ui-menu-item-wrapper.ui-state-active:before{ position:absolute; top:7px; left:5px; content:"\f0f7"; font-family:FontAwesome; font-size:17px; color:#ffffff;}

.hotel_destination{padding: 8px 8px 8px 23px; position:relative; font-size:14px;}
.hotel_destination:before{ position:absolute; top:5px; left:5px; content:"\f0f7"; font-family:FontAwesome; font-size:17px; color:#333333;}
.hotel_destination.ui-state-active:before{ position:absolute; top:7px; left:5px; content:"\f0f7"; font-family:FontAwesome; font-size:17px; color:#ffffff;}

.hotel_location{padding: 8px 8px 8px 23px; position:relative; font-size:14px;}
.hotel_location:before{ position:absolute; top:5px; left:5px; content:"\f041"; font-family:FontAwesome; font-size:17px; color:#333333;}
.hotel_location.ui-state-active:before{ position:absolute; top:7px; left:5px; content:"\f041"; font-family:FontAwesome; font-size:17px; color:#ffffff;}

.hotel_airport{padding: 8px 8px 8px 23px; position:relative; font-size:14px;}
.hotel_airport:before{ position:absolute; top:5px; left:5px; content:"\f072"; font-family:FontAwesome; font-size:17px; color:#333333;}
.hotel_airport.ui-state-active:before{ position:absolute; top:7px; left:5px; content:"\f072"; font-family:FontAwesome; font-size:17px; color:#ffffff;}

/*.ag_SltFltHtl.carIcoMain ul li a {
    padding-left: 45px;
}*/

    .ag_SltFltHtl.carIcoMain ul li a .carIco {
        content: "";
        background: url(../../images/car.html);
        background-repeat: no-repeat;
        display: block;
        width: 15px;
        height: 15px;
        background-size: 15px;
        top: 55%;
        transform: translateY(-50%);
        position: absolute;
        left: 25px;
    }



@media only screen and (max-width:990px){

.engine-bg .input-field{ margin-bottom:10px;}
.hotel-bg .hotel-more-option{ margin-top:0px;}
.hotel-more-option .more-option{ margin-top:0px; padding:10px 0px 10px 0px;}
.engine-bg .progress-bar{ font-size:16px; font-weight:600;}
.hotel-group-detail{left:-83px;}
  }