﻿.alert_marquee {background: #fafafa;border: 1px solid #f0f0f0;position: relative;padding: 5px;width: 100%;height: 32px;margin-bottom: 15px;display: inline-block;font-size: 14px;font-weight: 400;color: #444444;border-radius: 2px;}
.alert_marquee .title {border-radius: 2px;position: absolute;background: #f44336;z-index: 1;color: #fff;top: -1px;height: 32px;left: -1px;line-height: 32px;padding: 0 10px;}
.alert_marquee .title::after{    content: "";background: #f44336;width: 25px;position: absolute;right: -10px;height: 32px;transform: skewX(-30deg);z-index: -1;}

.eng_content {background: #0080ff;display:inline-block;padding: 10px;width: 100%;border-radius: 2px;border: 1px solid #0077ee;margin-bottom: 15px;padding-bottom: 30px;}

.tb_hotel .eng_row {margin: 5px 0;width: 100%;float: left;display:flex;}
.tb_hotel .eng_row .eng_lbl {display: block;color: #666666;font-size: 13px;font-weight: 600;position: absolute;padding: 10px 10px 0;z-index: 1;}
.tb_hotel .eng_row .eng_icon{position: absolute;right: 15px;background: #ececec;color: #888888;height: 40px;width: 40px;font-size: 20px;line-height: 40px;text-align: center;border-radius: 0 2px 2px 0;cursor:pointer;}
.tb_hotel .eng_row .eng_txt {background: transparent;border: 0;outline: none !important;width: 100%;height: 80px;padding: 35px 10px 5px 10px;border-radius: 2px;line-height: 40px;font-size: 14px;position:relative;cursor:pointer;}
.tb_hotel .btn_search {background: #00537d;border: 0;color: #fff;font-size: 16px;font-weight: 600;letter-spacing: 0.6px;padding: 0 10px;width: 100%;max-width: 200px;border-radius: 5px;outline: none;height: 100%;display: block;text-align: center;}
.tb_hotel .btn_search i{display:block;}
.tb_hotel .btn_search:hover {background: #08618f;}

.tb_hotel .eng_col_1 {width: 28%;padding: 0 5px;float: left;position: relative;}
.tb_hotel .eng_col_2 {width: 14%;padding: 0 5px;float: left;position: relative;}
.tb_hotel .eng_col_3 {width: 20%;padding: 0 5px;float: left;position: relative;}
.tb_hotel .eng_col_4 {width: 10%;padding: 0 5px;float: left;position: relative;}
.tb_hotel .txt_wrap {border: 1px solid #f0f0f0;background: #ffffff;border-radius: 3px;display:inline-block;width:100%;}
.tb_hotel .eng_row .fa.fa-calendar {position: absolute;right: 16px;bottom: 18px;color: #999999;font-size: 16px;}

.tb_hotel .eng_row .radio_full {float: left;padding: 0 5px;}
.tb_hotel .eng_row .radio_full label{color:#ffffff; cursor:pointer;margin-right: 15px;font-weight: 400;letter-spacing: 0.6px;font-size: 14px;}
.tb_hotel .eng_row .radio_full .rbtn1[type='radio']{display:none;}
.tb_hotel .eng_row .radio_full .rbtn1[type='radio'] + label::before {content: "";float: left;width: 18px;height: 18px;background: #e0e0e0;border-radius: 18px;display: inline-block;margin-right: 5px;border: 3px solid #ffffff;box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 13%);}
.tb_hotel .eng_row .radio_full .rbtn1[type='radio']:checked+label{color:#ffffff;}
.tb_hotel .eng_row .radio_full .rbtn1[type='radio']:checked + label::before {content: "";float: left;width: 18px;height: 18px;background: #116fa0;border-radius: 20px;display: inline-block;margin-right: 5px;border: 3px solid #ffffff;box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 13%);}

.tb_hotel .select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.tb_hotel .select {cursor: pointer;display: inline-block;position: relative;font-size: 13px;color: #222222;width: 100%;height: 36px;text-align: left;margin-right: 3px;margin-top: 38px;}
.tb_hotel .select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #ffffff;padding: 6px 10px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;font-weight: 500;}
.tb_hotel .select-styled:after {content: "\f107 ";width: 20px;height: 20px;position: absolute;top: 5px;right: 10px;font-family: FontAwesome;color: #999999;font-size: 22px;line-height: 22px;text-align: center;}
.tb_hotel .select-styled:active:after, .tb_hotel .select-styled.active:after {transform:rotate(-180deg);}
.tb_hotel .select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #ffffff;font-size: 13px;border: 1px solid #e2e2e2;border-top: 0;box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);}
.tb_hotel .select-options li {margin: 0;padding: 8px 0;text-indent: 15px;border-top: 1px solid #ebebeb;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
.tb_hotel .select-options li:hover, .select-options li.is-selected {background: #f2f2f2;}
.tb_hotel .select-options li[rel="hide"] {display: none;}

.tb_hotel .h_pax_all {background: #fff;cursor: pointer;font-size: 14px;height: 80px;line-height: 40px;padding: 35px 10px 5px 40px;position: relative;width: 100%;}
.tb_hotel .h_pax_all::after {content: "\f107";background: none repeat scroll 0 0 #fff;bottom: 0;color: #999;font-family: "FontAwesome";font-weight: 300;font-size: 22px;line-height: 40px;pointer-events: none;position: absolute;right: 0;text-align: center;top: 0;width: 30px;padding-top:35px;}
.tb_hotel .h_pax_all::before {content: "\f2c0";bottom: 0;color: #8694a2;font-family: "FontAwesome";font-weight: 300;font-size: 16px;left: 0;line-height: 38px;position: absolute;text-align: center;top: 0;width: 40px;padding-top: 35px;}
.tb_hotel .h_pax_all .roomcount {display: none;background: #fff;box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.24);line-height: normal;position: absolute;left: 0;top: 80px;width: auto;transition: all 400ms ease-in-out;z-index: 10;}
.tb_hotel .h_pax_all .roomcount.fadeinn {display: block;}
.tb_hotel .h_pax_all .room_row {display: inline-block;width: 100%;max-height: 350px;overflow-y: auto;}
.tb_hotel .h_pax_all .roombox {display: inline-block;min-width: 260px;padding: 7px 12px;vertical-align: top;}
.tb_hotel .h_pax_all .roombox .r_name {background: #eee;border-radius: 3px;display: block;overflow: hidden;padding: 4px 10px;text-align: center;font-size:13px;font-weight:600;}
.tb_hotel .h_pax_all .paxrow {display: inline-block;width: 100%;border-bottom: 1px solid #efefef;float: left;padding: 2px 0;}
.tb_hotel .h_pax_all .c1 {width: 50%;display: inline-block;float: left;padding: 5px 0;}
.tb_hotel .h_pax_all .c1 .agemns {color: #666;padding-left: 5px;font-size: 11px;display: block;}
.tb_hotel .h_pax_all .count-box {display: flex;justify-content: center;}
.tb_hotel .h_pax_all .btn-num {line-height: 30px;height: 30px;display: inline-block;background:#00537d;min-width: 30px;text-align: center;color: #ffffff;border-radius: 2px;float: left;border-right: 1px solid #dddddd;font-size: 10px;border: 0;outline:none !important;}
.tb_hotel .h_pax_all .btn-num:hover {background: #08618f;}
.tb_hotel .h_pax_all .btn-num:active {opacity:0.8;}
.tb_hotel .h_pax_all .input-num {width: 32px;height: 30px;text-align: center;pointer-events: none;padding: 0;border: 1px solid #f1f1f1;}
.tb_hotel .h_pax_all .agebox {display: block;margin: 8px 0 0;overflow: hidden;}
.tb_hotel .h_pax_all .agebox .c_name {font-size: 12px;color: #666666;display: block;padding-left: 10px;}
.tb_hotel .h_pax_all .age_box {width: 60px;margin: 5px 10px 0;float: left;position: relative;}
.tb_hotel .h_pax_all .age_box::after {background: none repeat scroll 0 0 #fff;bottom: 1px;color: #999;content: "\f107";font-family: "FontAwesome";font-size: 12px;line-height: 25px;pointer-events: none;position: absolute;right: 1px;text-align: center;top: 1px;width: 30px;}
.tb_hotel .h_pax_all .ddl_c_age {border: 1px solid #dddddd;display: block;height: 28px;overflow: hidden;width: 100%;border-radius: 3px;-moz-appearance: none;-webkit-appearance: none;appearance: none;padding: 0 10px;outline:none !important;}
.tb_hotel .h_pax_all .add_remove {float: left;width: 100%;padding: 5px 15px 10px;}
.tb_hotel .h_pax_all .add_rooms {color: #44aa00;border: 1px solid #44aa00;padding: 5px;font-size: 13px;box-sizing: border-box;border-radius: 2px;outline: none !important;background:#ffffff;}
.tb_hotel .h_pax_all .remove_rooms{color: #e00005;border: 1px solid #e00005;padding: 5px;font-size: 13px;box-sizing: border-box;border-radius: 2px;outline: none !important;background:#ffffff;}
.tb_hotel .h_pax_all .h_done {float: right;border: 0;padding: 6px 8px;background: #00537d;color: #ffffff;font-size: 13px;outline: none;border-radius: 2px;text-decoration: none !important;cursor: pointer;}
.tb_hotel .h_pax_all .h_done:hover{background: #002652;color:#ffffff;}

.tb_hotel .h_pax_all .room_row::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 0px;background-color: #F5F5F5;}
.tb_hotel .h_pax_all .room_row::-webkit-scrollbar{width: 5px;background-color: #F5F5F5; height:10px;}
.tb_hotel .h_pax_all .room_row::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #bbbbbb;}
.tb_hotel .h_pax_all .room_row::-webkit-scrollbar-thumb:hover{background-color: #999999;}

span.title1 {
    font-size: 22px;
    font-weight: 600;
    color: #002652;
}




@media screen and (min-width:320px) and (max-width:768px){
    .tb_hotel .eng_row .radio_full label {margin-right: 10px;letter-spacing: 0;font-size: 12px;}
    .tb_hotel .eng_row {display: block;}
    .tb_hotel .eng_col_1{width: 100%;padding: 5px 5px;}
    .tb_hotel .eng_col_2, .tb_hotel .eng_col_3, .tb_hotel .eng_col_4 {width: 50%;padding: 5px 5px;}
    .tb_hotel .eng_row .eng_lbl {font-size: 11px;}
    .tb_hotel .eng_row .eng_txt {font-size: 12px;height: 70px;}
    .tb_hotel .btn_search {font-size: 14px;height: 72px;}
    .tb_hotel .h_pax_all {font-size: 12px;height: 70px;padding: 30px 10px 5px 30px;}
    .tb_hotel .h_pax_all::before {font-size: 14px;width: 30px;padding-top: 30px;}
    .tb_hotel .h_pax_all::after {font-size: 16px;padding-top: 30px;}
    .tb_hotel .select {font-size: 12px;margin-top: 28px;}
    .tb_hotel .select-options{font-size:12px;}
    .tb_hotel .h_pax_all .roombox {min-width: 230px;}
    .tb_hotel .h_pax_all .add_rooms, .h_pax_all .remove_rooms, .h_pax_all .h_done {font-size: 11px;}

}
@media screen and (min-width:769px) and (max-width:1024px){
    .tb_hotel .eng_row .radio_full label {margin-right: 10px;letter-spacing: 0;font-size: 13px;}
    .tb_hotel .eng_row {display: block;}
    .tb_hotel .eng_col_1{width: 100%;padding: 5px 5px;}
    .tb_hotel .eng_col_2, .tb_hotel .eng_col_3, .tb_hotel .eng_col_4 {width: 50%;padding: 5px 5px;}
    .tb_hotel .eng_row .eng_lbl {font-size: 12px;}
    .tb_hotel .eng_row .eng_txt {font-size: 13px;height: 70px;}
    .tb_hotel .btn_search {font-size: 15px;height: 72px;}
    .tb_hotel .h_pax_all {font-size: 13px;height: 70px;padding: 30px 10px 5px 30px;}
    .tb_hotel .h_pax_all::before {font-size: 15px;width: 30px;padding-top: 30px;}
    .tb_hotel .h_pax_all::after {font-size: 18px;padding-top: 30px;}
    .tb_hotel .select {font-size: 13px;margin-top: 28px;}
    .tb_hotel .select-options{font-size:13px;}
    .tb_hotel .h_pax_all .roombox {min-width: 230px;}
    .tb_hotel .h_pax_all .add_rooms, .h_pax_all .remove_rooms, .h_pax_all .h_done {font-size: 12px;}
}




/*--HOTEL RESULT MODIFY start--*/
.modify_top {
    background: #0080ff;
    padding: 6px 10px;
    color: #ffffff;
}
    .modify_top .title1 {
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin: 0;
    }
.modify_top .title2{display: block;font-size: 15px;font-weight: 300;}
    .modify_top .btn_modify {
        background: #00537d;
        font-size: 14px;
        color: #ffffff !important;
        padding: 10px 15px;
        display: inline-block;
        border-radius: 3px;
        outline: none;
        text-decoration: none !important;
        cursor: pointer;
    }
.modify_top .btn_modify:hover{background:#002652;}

@media screen and (min-width:320px) and (max-width:767px) {

    .modify_top .title1 {
    font-size: 10px;
    margin: 0;
}
    .modify_top .title2 {
    font-size: 13px;
    margin-bottom: 8px;
}
    .modify_top .btn_modify {
    font-size: 12px;
    margin-top: 0px;
}


}
/*--HOTEL RESULT MODIFY end--*/


/*--HOTEL RESULT start--*/
.brd_box {
    background: #ffffff;
    padding: 6px 10px;
    border: 1px solid #e6e6e6;
    margin: 5px 0;
    width: 100%;
    display: inline-block;
}

.result .search_filter {
    width: 36px;
    display: inline-block;
    height: 28px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    background: #00537d;
    color: #ffffff;
    cursor: pointer;
}
.result .a_click {
    display: inline-block;
    float: right;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
}
.result{}
    .result .title {
        background: #f0f0f0;
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #e6e6e6;
        margin-top: 5px;
    }
        .result .title .col1, .result .title .col2, .result .title .col3, .result .title .col4 {
            padding: 2px 5px;
        }
.result .title .lbl{font-size: 13px;color: #333333;text-decoration: none;font-weight: 500;}
.result .col1{width: 12%;display: inline-block;float: left;padding: 5px;}
.result .col2{width: 30%;display: inline-block;float: left;padding: 5px;padding-left: 20px;}
.result .col3{width: 24%;display: inline-block;float: left;padding: 5px;}
.result .col4{width: 17%;display: inline-block;float: left;padding: 5px;}

.result .result_row{}
.result .result_list{width: 100%;display: inline-flex;border: 1px solid #f2f2f2;background: #ffffff;padding: 5px;position: relative;margin: 2px 0;align-items:center;}
.result .result_list:hover{border-color: #ffffff;box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);}
.hotel_image {
    overflow: hidden;
    display: inline-block;
    float: left;
}
.hotel_image img{
    width:100%;
    max-width:120px;
}

.h_name{font-size: 20px;font-weight: 600;color: #0a5cc0;display:block;}
.h_starrate {
    font-size: 12px;
    color: #373737;
    background: #FFEB3B;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
}
.h_starrate i{margin-right: 3px;}

.hotel_map{
    display:flex;
    align-items:center;
}

.h_address {
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    margin: 0;
    margin-left: 12px;
}
.h_address i{margin-right: 5px;color: #0a5cc0;font-size: 18px;}
.btn_map {border: 1px solid #d0d0d0;width: 40px;height: 40px;min-width:40px; display: inline-block;background: url(../images/icon-hotel/icon-amenities.png);background-repeat: no-repeat;background-position: 2px -27px !important;background-color: #dddddd;border-radius: 5px;opacity: 0.6;cursor: pointer;}
.btn_map:hover{opacity:1;}
.h_fare{font-size: 24px;font-weight: 600;color: #000000;display: block;text-align: right;padding-right: 10px;}
.h_fare i{font-size: 22px;color: #888888;margin-right: 2px;}
.lbl_for{display: block;font-size: 13px;color: #666;font-weight: 400;text-align: right; padding-right: 10px;font-style: italic;}
.result .result_list .btn_book {
    border: 0;
    background: #00537d;
    color: #fff;
    padding: 8px 18px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 5px;
    font-weight: 600;

}
    .result .result_list .btn_book:hover {
        background: #002652;
    }

@media screen and (min-width:320px) and (max-width:767px) {


    .result .col1 {
    width: 100%;
}
    .result .col2 {
    width: 100%;padding: 5px;
}
        .result .col4 {
    width: 100%;
}
    .h_name {
    font-size: 18px;
    text-align: center;
}
    .h_starrate {
    font-size: 12px;
    text-align: center;margin-bottom: 5px;
}
.h_address {
    min-height: auto;
    text-align: center;
    justify-content: center;
    font-size: 12px;
}
.h_amenities {
    margin: 10px 0 0;
    justify-content: center;
    display: flex;
}
    .result .col3 {
    width: 100%;
}
    .f_fare {
    font-size: 18px;
    text-align: center;
}
    .lbl_for {
    font-size: 10px;
    text-align: center;
    padding-right: 0;
}
    .result .result_list .btn_book {
    font-size: 14px;
    margin: 5px auto;
    display: table;
    float: unset;
}

    #hotel-in-map{position: absolute;
    top: 15px;
    right: 15px;}
















}







/*--HOTEL RESULT end--*/

/*--HOTEL RESULT FILTER start--*/

.found {background: #00537d;color: #ffffff;font-weight: 300;text-align: center;padding: 5px 0;font-size: 16px;}
.btn_reset {background: #00537d;color: #ffffff;padding: 5px;display: block;text-align: center;text-decoration: none;border-radius: 3px;width: 100px;margin: 5px auto;font-size:14px;}
.btn_reset:hover {background: #002652;color:#ffffff;}
.filter_result {position: fixed;background: #ffffff;z-index: 111;width: 0;top: 66px;left: 0;padding: 0;min-height: calc(100vh - 66px);overflow-y: auto;max-height: calc(100vh - 66px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s;}
#filter-result.filter_result.active {width: 280px;padding: 0 10px;}
.filter_result::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 0px;background-color: #F5F5F5;}
.filter_result::-webkit-scrollbar {width: 7px;background-color: #F5F5F5;height: 10px;}
.filter_result::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #e6e6e6;}
.filter_result::-webkit-scrollbar-thumb:hover {background-color: #bbbbbb;}
.filter_box {display: inline-block;    width: 100%;}
.filter_box .accordianfilter {width: 100%;float: left;padding: 2px;}
.filter_box .found {background: #0a5cc0;color: #ffffff;font-weight: 300;text-align: center;padding: 5px 0;font-size: 16px;}
.filter_box a.btn_reset {background: #2bbae4;color: #ffffff;padding: 5px;display: block;text-align: center;text-decoration: none;border-radius: 3px;width: 100px;margin: 5px auto;}
.filter_box a.btn_reset:hover {background: #19a5ce;}

.filter_box .panel {margin: 15px 0px 20px 0;border-bottom: 1px solid #ececec;padding-bottom: 10px;}
.filter_box .panel>.panel-heading a {display: block;padding: 5px 10px;background: #ececec;text-decoration: none;font-size: 13px;font-weight: 500;color: #333333;}
.filter_box .panel>.panel-heading a:after{content:"";position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right;transition:transform .25s linear;-webkit-transition:-webkit-transform .25s linear}
.filter_box .panel>.panel-heading a[aria-expanded=true]{background-color:none}
.filter_box .panel>.panel-heading a[aria-expanded=true]:after{content:"\2212";transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.filter_box .panel>.panel-heading a[aria-expanded=false]:after{content:"\002b";transform:rotate(90deg);-webkit-transform:rotate(90deg)}

.filter_box .str {display: block;overflow: hidden;padding: 10px 0;}
.filter_box .str>.star {border: 1px solid #dddddd;display: inline-block;width: 18%;float: left;position: relative;margin-right: 2%;text-decoration: none;text-align: center;color: #333333;}
.filter_box .str>.star>input[type="checkbox"] {cursor: pointer;height: 100%;left: 0;margin: 0;top: 0;width: 100%;z-index: 98;opacity:0;}
.filter_box .str>.star>input[type="checkbox"]:not(:checked), .filter_box .str>.star>input[type="checkbox"]:checked {position: absolute;}
.filter_box .str>.star>input[type="checkbox"]:checked~::after {content: "";border: 1px solid #2bbae4;background: rgba(33, 150, 243, 0.14);left: -1px;position: absolute;right: -1px;bottom: -1px;top: -1px;opacity: 1;}
.filter_box .str>.star .lblbig {font-size: 14px;line-height: 32px;font-weight: 500;}
.filter_box .str>.star .lblsml {font-size: 15px;margin-left: 2px;color: #2bbae4;}
.filter_box .str>.star.desabled{pointer-events: none;opacity: 0.6;background: #e2e2e2;}

.filter_box .boxlist {margin: 10px 0;max-height: 350px;overflow-y: auto;padding:0 10px;}
.filter_box .boxlist::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 0px;background-color: #F5F5F5;}
.filter_box .boxlist::-webkit-scrollbar{width: 7px;background-color: #F5F5F5; height:10px;}
.filter_box .boxlist::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #e6e6e6;}
.filter_box .boxlist::-webkit-scrollbar-thumb:hover{background-color: #bbbbbb;}

.filter_box .byhotel{width: 100%;display: flex;margin: 5px 0;}
.filter_box .byhotel .txt_search {padding-left: 15px;height: 40px;border: 1px solid #dddddd;border-radius: 5px 0 0 5px;outline: none;font-size: 14px;width: 100%;border-right: 0;}
.filter_box .byhotel .btn_byhotel {background: #e6e6e6;color: #444444;font-size: 14px;padding: 0 15px;border-radius: 0 5px 5px 0;outline: none;height: 40px;border: 1px solid #dddddd;border-left: 0;}
.filter_box .byhotel .btn_byhotel:hover{background: #dddddd;}

.filter_box .opt {padding: 0;display: block;overflow: hidden;position: relative;margin: 8px 0;}
.filter_box .opt .lbl_l {font-size: 13px;color: #444444;font-weight: 400;float: left;margin-left: 25px;}
.filter_box .opt input[type="checkbox"] {cursor: pointer;height: 100%;left: 0;margin: 0;top: 0;width: 100%;z-index: 98;position:absolute;opacity:0;}
.filter_box .opt input[type="checkbox"]:not(:checked) + .lbl_l:before, .opt input[type="checkbox"]:checked + .lbl_l:before {background: #f5f5f5;box-shadow: none;content: "";height: 16px;left: 0;position: absolute;top: 0px;width: 16px;border: 1px solid #2bbae4;}
.filter_box .opt input[type="checkbox"]:not(:checked) + .lbl_l:after, .opt input[type="checkbox"]:checked + .lbl_l:after {content: "\f00c";font-family: "FontAwesome";position: absolute;top: -1px;left: -1px;font-size: 12px;color: #fff;transition: all .2s;background: #2bbae4;right: 0px;width: 16px;height: 16px;text-align: center;border-radius: 1px !important;line-height: 15px;border: 1px solid #2bbae4;}
.filter_box .opt input[type="checkbox"]:not(:checked) + .lbl_l:after {opacity: 0;transform: scale(0);}
.filter_box .opt input[type="checkbox"]:checked + .lbl_l:after {opacity: 1;transform: scale(1);left: 0;}
.filter_box .multi-range, .multi-range * {box-sizing: border-box;padding: 0;margin: 0;}
.filter_box .multi-range {position: relative;width: 100%;height: 30px;font-family: monospace;-webkit-appearance: none;float: left;margin: 10px 0 0;}
.filter_box .multi-range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;margin-top: 5px;background: #15bdcc;cursor: pointer;            }
.filter_box .multi-range > input[type=range] {width: calc(100% - 16px);position: absolute;bottom: 6px;left: 0;}
.filter_box .multi-range > input[type=range]:last-of-type {margin-left: 16px;}
.filter_box .multi-range > input[type=range]::-webkit-slider-thumb {transform: translateY(-13px);                }
.filter_box .multi-range > input[type=range]::-webkit-slider-runnable-track {-webkit-appearance: none;height: 0px;}
.filter_box .multi-range > input[type=range]::-moz-range-thumb {transform: translateY(-13px);}
.filter_box .multi-range > input[type=range]::-moz-range-track {-webkit-appearance: none;height: 0px;}
.filter_box .multi-range > input[type=range]::-ms-thumb {transform: translateY(-13px);}
.filter_box .multi-range > input[type=range]::-ms-track {-webkit-appearance: none;height: 0px;}
.filter_box .price-bar{width:100%;float:left;-webkit-appearance:none;height:4px;margin:10px 0;border-radius:5px;background:#2bbae4;outline:0;opacity:1;-webkit-transition:.2s;transition:opacity .2s;}
.filter_box .price-bar:hover{opacity:1}
.filter_box .price-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;margin-top:5px;background:#2bbae4;z-index:111111;cursor:pointer;}
.filter_box .price-bar::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4CAF50;cursor:pointer}
.filter_box .price-bar-text{width:100%;float:left}
/*--HOTEL RESULT FILTER end--*/




/*-- START 'flight-loader' --*/
#hotel_loader {background:rgb(0 0 0 / 0.70);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1111;}
.loader_box {background-color: #2196F3;border-radius: 20px;width: 90%;max-width:500px;margin: 80px auto 0;position: relative;padding: 30px;}
#hotel_loader .wrapper {padding-top: 60px;width: 100%;height: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;position: relative;height: 150px;justify-content: center;}
#hotel_loader .t1 {position: absolute;top: 0;left: 0;right: 0;text-align: center;letter-spacing: 2px;animation: flash alternate 0.5s infinite;font-size: 16px;font-family: proxima-nova-condensed, sans-serif;color:#ffffff;}
@keyframes flash {
    0% {opacity: 0;}100% {opacity: 1;}
}
#hotel_loader .t2 {position: absolute;top: 30px;left: 0;right: 0;text-align: center;letter-spacing: 1px;font-size: 13px;font-family: proxima-nova-condensed, sans-serif;color: #ffffff;}
/*-- END 'flight-loader' --*/
