/*Root CSS*/
hr {
    margin: 10px 0;
}

.trnstn {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.traveller_mrgn {
    margin-left: 15px;
}

.hidden {
    display: none;
}

.text__ovrflw--ellips {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.pdLR15 {
    padding: 0 15px;
}

.text8f {
    color: #8f8f8f;
}

.text3c {
    color: #3c3c3c;
}

.clearfloat {
    float: none !important;
    clear: both !important;
}
/*== --------------------Sprite 
    ----------------------------==*/
[class*="htl-icon-"] {
    background: url(../img/hotel_sprite.png) 0 0 no-repeat;
    background-size: 250px 250px;
}

i[class^="htl-icon"] {
    display: inline-block;
}

.htl-icon-location-marker {
    width: 12px;
    height: 16px;
    background-position: -1px -1px;
}

.htl-icon-clander {
    width: 17px;
    height: 16px;
    background-position: -16px -1px;
}

.htl-icon-traveller {
    width: 20px;
    height: 15px;
    background-position: -37px -1px;
}

.htl-icon-magnifier {
    width: 19px;
    height: 18px;
    background-position: -62px -1px;
}

.htl-icon-aminities {
    width: 15px;
    height: 15px;
    background-position: -83px -1px;
}

.htl-icon-buliding {
    width: 18px;
    height: 19px;
    background-position: -104px -1px;
}

.htl-icon-sort {
    width: 14px;
    height: 17px;
    background-position: -145px -1px;
}

.htl-icon-angl-back {
    width: 18px;
    height: 15px;
    background-position: -164px -2px;
}

.htl-icon-modify-search {
    width: 15px;
    height: 16px;
    background-position: -186px -1px;
}

.htl-icon-filter {
    width: 17px;
    height: 17px;
    background-position: -206px -1px;
}
/*==*----------------  Breadcrum
    ----------------------------/*==*/

.dpauls-head {
    background: #e4e4e4;
}

.ratings {
    font-size: 12px;
    font-weight: bold;
    color: #36C247;
    text-transform: uppercase;
}

.breadcrumb > li + li:before,
.dpauls-head .breadcrumb li a {
    color: #757575;
}

.dpauls-head .breadcrumb > .active {
    color: #212121;
}

.gstform {
    top: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
}
/*== *-------------------- Modify__search 
    --------------------------------------* ==*/
.modify__search {
    clear:both;
    padding: 15px 0;
    background-color: #4db6ac;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
    -o-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
}

    .modify__search .btn-modify {
        background: rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        color: #fff;
        border: 0;
        font-size: 13px;
        height: 40px;
        line-height: 28px;
        width: 100%;
        padding: 6px 20px;
        outline: none;
        margin-top: 10px;
    }

        .modify__search .btn-modify:focus,
        .modify__search .btn__modify-traveller:focus {
            outline: none;
            box-shadow: none;
        }

    .modify__search .form__feild {
        color: #396965;
    }

    .modify__search i {
        vertical-align: text-top;
        display: inline-block;
        margin-right: 8px;
    }

    .modify__search .btn-modify:hover {
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
    }

    .modify__search .form-group i[class^="htl-icon"] {
        position: absolute;
        top: 10px;
    }

    .modify__search .form-group .form-control {
        color: #fff;
        border: none;
        border-radius: 0 !important;
        border-bottom: 1px solid rgba(57,105,101,0.5);
        padding-left: 5px !important;
        box-shadow: none;
        background:transparent;
    }

    .modify__search .form-group.form-group-select-plus .form-control {
        color: #313131
    }

    .modify__search .form-group {
        margin-bottom: 0;
    }

    .modify__search .form-control[disabled],
    .modify__search .form-control[readonly],
    .modify__search fieldset[disabled] .form-control {
        background-color: transparent;
    }

    .modify__search .btn__modify-traveller {
        background-color: transparent;
        width: 100%;
        color: #fff;
        padding-left: 0;
        text-align: left;
        border-bottom: 1px solid rgba(57,105,101,0.5);
    }

/*==*---------------------hotel__sorting
    -------------------------------------*==*/
.hotel__sorting .no_of--HTL {
    font-size: 22px;
    position: relative;
}

    .hotel__sorting .no_of--HTL .icon_outer i[class^='htl-icon'] {
        display: none;
    }

    .hotel__sorting .no_of--HTL .icon_outer.htl_bulding {
        display: none;
    }

.hotel__sorting {
    padding: 0 15px;
}

.booking-item-price-from {
    color: #8f8f8f
}
/* ----bus sorting section---- */
.hotel-sort-by > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.hotel-sort-by {
    background: #eee;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0 0;
}

.hotel-sort-by-link {
    color: #666;
    position: relative;
}

    .hotel-sort-by-link.highlight {
        color: #4db6ac;
    }

.city > strong {
    color: #4db6ac;
    font-weight: normal;
}

.city_item {
    font-size: 12px;
    color: #8f8f8f;
    margin: 0 0 0 8px;
}

.autoCusHeading {
    pointer-events: none;
}

.ui-autocomplete > li.autoCusHeading > .ui-menu-item-wrapper.ui-state-active {
    background: #FFFFFF !important;
    color: #3c3c3c !important;
}

.hotel-sort-by-link.sort,
.hotel-sort-by-link:hover,
.hotel-sort-by-link:focus,
.hotel-sort-by-link:focus {
    color: #4db6ac;
}

    .hotel-sort-by-link.sort::after {
        content: "\f062";
        position: absolute;
        top: 3px;
        right: -15px;
        width: 9px;
        height: 11px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.hotel-sort-by-link.up::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.hotel_stars {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: initial;
}

    .hotel_stars > li {
        width: 20%;
        float: left;
    }
    .hotel_stars > li >label{
        display:block;
    }
        .hotel_stars-input {
    display: none;
}

.hotel_stars-span {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #313131;
    border: 1px solid #e6e6e6;
    border-right: 0;
    cursor: pointer;
}

.hotel_stars > li:last-child .hotel_stars-span {
    border-right: 1px solid #e6e6e6;
}

.hotel_stars-span .stars {
    display: block;
    margin: 0 0 3px;
    color: #f56d6d;
    font-size: 13px;
}

.hotel_stars-input:checked ~ .hotel_stars-span {
    border-bottom: 3px solid#f56d6d;
}

.sorting__outer {
    overflow: auto;
    padding: 9px 0;
}

.forMobText {
    text-align: right;
}

.sorting__outer ul li {
    list-style-type: none;
    float: left;
}

    .sorting__outer ul li > label {
        margin: 0;
    }

    .sorting__outer ul li span {
        display: inline-block;
        padding: 6px 15px;
        cursor: pointer;
        border-radius: 3px;
        margin: 0 5px;
        color: #3c3c3c;
        font-weight: 600;
        font-size: 12px;
        background-color: #fbfbfb;
        -webkit-font-smoothing: antialiased;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.19);
        border: 1px solid rgba(153, 153, 153, 0.4);
    }

        .sorting__outer ul li span:hover,
        .sorting__outer ul li span:focus {
            outline: none;
            text-decoration: none;
        }

        .sorting__outer ul li span:hover {
            background-color: #f3f3f3;
        }

        .sorting__outer ul li span:focus,
        .sorting__outer ul li input[type="radio"]:checked + span {
            background-color: #f56d6d;
            color: #fff;
            border-color: #f56d6d;
        }

.search__filter--input-text .form-control:focus {
    border: 1px solid #f56d6d;
}
/*==--------------------- hotel filter
    ----------------------------------===*/
.search__filter--input-text {
    margin-bottom: 0;
}

    .search__filter--input-text .form-control {
        border-radius: 0;
        height: 32px;
        background-color: #fff;
    }

.pos_sticky_filter {
    position: sticky;
    top: 0px;
    z-index: 99;
}

.pos_sticky_filter_new {
    position: sticky !important;
    top: 70px !important;
    z-index: 99 !important;
}

.filter_outer {
    padding: 0;
    color: #8f8f8f;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

    .filter_outer .filter_title {
        font-size: 12px;
        font-weight: 500;
        color: #3c3c3c;
        padding: 6px 12px;
        background-color: #f2f2f2;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

        .filter_outer .filter_title.filter_title_heading {
            border: 0;
            padding: 10px 12px;
            background-color: #eeeeee;
        }

.filter_rangebar .filter_result {
    padding: 15px 12px;
}

.filter_rangebar .rz-bubble {
    font-size: 12px;
}

.filter_rangebar .rz-pointer {
    background-color: #f56d6d;
}

    .filter_rangebar .rz-pointer:focus {
        outline: none;
    }

    .filter_rangebar .rz-pointer:hover {
        background-color: #ed4141;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
    }

.filter_rangebar .rz-bar.rz-selection {
    background-color: #f56d6d;
}

.filter_outer .filter_result {
    padding: 8px 12px;
}

.filter_outer .filter_title .text_small {
    font-size: 12px;
}

.filter_outer .filter_result .scrollBar {
    max-height: 120px;
    overflow: hidden;
    overflow-y: scroll;
}

    .filter_outer .filter_result .scrollBar::-webkit-scrollbar,
    .nearByLocation::-webkit-scrollbar {
        width: 7px;
        background: hsla(0,29%,97%,.34) !important;
    }

    .filter_outer .filter_result .scrollBar::-webkit-scrollbar-thumb,
    .nearByLocation::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.45) !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        min-height: 10px;
    }

    .filter_outer .filter_result .scrollBar::-webkit-scrollbar-track,
    .nearByLocation::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background: hsla(0,3%,47%,.35) !important;
    }

.filter_outer .booking-item-rating {
    margin-bottom: 0;
    margin-top: -10px;
}

    .filter_outer .booking-item-rating .booking-item-rating-stars {
        margin-bottom: -7px;
        color: #4db6ac;
    }

.filter_outer .rc-group span .booking-item-rating-stars .fa {
    color: #eaeaea;
}

.rc-control input[type="checkbox"]:checked ~ span .booking-item-rating-stars .fa {
    color: #f56d6d;
}

.filter_outer .rc-control-indicator + span {
    width: 150px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter_outer .scrollBar .spanonly {
    display: none;
    cursor: pointer;
}

.filter_outer .scrollBar .rc-group:hover .spanonly {
    display: block;
}
/*==---------------------hotel__list--card
    ---------------------------------------==*/
.hotel__list .hotel__list--card {
    background: #fff;
    margin: 15px 0 0;
    border-radius: 2px;
    padding: 0;
    border: 1px solid #d7d7d7;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.clr_span > span {
    color: #313131 !important;
    font-weight: bold;
}

.hotel__list .hotel__list--card .hotel__card--info {
    padding: 10px 10px 8px;
    position: relative;
}

.hotel__list--card .card__img--hotel {
    border: 1px solid #f3f3f3;
}

    .hotel__list--card .card__img--hotel img {
        width: 215px;
        height: 160px;
    }

.hotel__list .hotel__list--card .hotel__card--offer--discount {
    padding: 6px 10px;
    background: #f5f6f6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 11px;
    border-top: 1px solid #e2e2e2;
    text-transform: uppercase;
}

    .hotel__list .hotel__list--card .hotel__card--offer--discount .offer_deal {
        position: relative;
        color: #3c3c3c;
        padding-left: 55px;
    }

        .hotel__list .hotel__list--card .hotel__card--offer--discount .offer_deal:before {
            content: 'Deal';
            border: 8px solid #f56d6d;
            border-left: 0;
            border-right: 5px solid transparent;
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            line-height: 0;
            max-width: 220px;
            padding: 0 5px;
            position: absolute;
            top: 0;
            z-index: 1;
            left: 0;
        }

.hotel__card--info .booking-item-title .title {
    max-width: 307px;
    display: inline-block;
    font-size: 17px;
    color: #3c3c3c;
    font-weight: 700;
    letter-spacing: 0.007em;
    padding-right: 2px;
}

.hotel__card--info .booking-item-rating {
    margin: 0;
    padding: 0;
}

    .hotel__card--info .booking-item-rating .booking-item-rating-stars {
        margin-bottom: 0;
        color: #f56d6d;
    }

        .hotel__card--info .booking-item-rating .booking-item-rating-stars .fa {
            color: #f56d6d;
            vertical-align: text-top;
        }

.hotel__card--info .booking-item-address {
    margin: 0 0 5px;
    position: relative;
}

    .hotel__card--info .booking-item-address .icon {
        color: #999;
        margin: 0 6px 0 0;
    }

    .hotel__card--info .booking-item-address span {
        line-height: 1.5;
        font-size: 13px;
        color: #999;
        margin: 0 15px 0 0;
    }

.hotel__card--info .hotel__inclusn i {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.hotel__card--info .hotel__inclusn {
    font-size: 13px;
    color: #494949;
    margin-right: 15px;
    max-width: 120px;
    line-height: 2.3;
}

.hotel__card--info .more__amnties--btn {
    color: #4db6ac !important;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 25px;
    font-weight: bold;
    margin-top: 3px;
}

    .hotel__card--info .more__amnties--btn:hover {
        background-color: rgba(79, 184, 174, 0.9);
        color: #fff !important;
    }



/*==-------------------hotel__card--amount
    ------------------------------------====*/

.hotel__list--card .hotel__card--amount {
    text-align: right;
    margin-top: 20px;
}

    .hotel__list--card .hotel__card--amount .btn-primary {
        width: 130px;
        color: #fff;
        /*background-color: #4db6ac;
        border-color: #4db6ac;*/
    }

        .hotel__list--card .hotel__card--amount .btn-primary:hover,
        .hotel__list--card .hotel__card--amount .btn-primary:focus {
            outline: none;
            box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
        }

    .hotel__list--card .hotel__card--amount .discount {
        position: relative;
        z-index: 2;
        font-size: 12px;
        line-height: 21px;
        font-weight: bold;
        color: #7f5a18;
        margin-bottom: 5px;
    }

        .hotel__list--card .hotel__card--amount .discount:after {
            content: ' ';
            border: 11px solid rgba(245, 199, 116, 0.9);
            border-left: 5px solid transparent;
            border-right: 0;
            width: 130px;
            padding: 0px 5px;
            position: absolute;
            top: -1px;
            z-index: -1;
            right: -6px;
        }

    .hotel__list--card .hotel__card--amount .booking-item-price .amnt {
        font-size: 18px;
        font-weight: bold;
        color: #3c3c3c;
    }

    .hotel__list--card .hotel__card--amount .booking-item-price del small {
        font-size: 14px !important;
        padding-right: 5px;
    }


/*===============================
    ============================================================================ HOTEL DETAIL ===============================
    ============================================================================================================================*/
.card__hotel {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.07);
    border-bottom: 1px solid #dfdfdf;
}

.hotel_introCard--outer .card__nameORAddrs .hotel-heading {
    max-width: 90%;
    font-size: 20px;
    line-height: 1.3;
    color: #3c3c3c;
    letter-spacing: 0.029em;
}

.hotel_introCard--outer .card__nameORAddrs .booking-item-rating {
    margin-top: 4px;
    padding-left: 10px;
}

    .hotel_introCard--outer .card__nameORAddrs .booking-item-rating .fa {
        color: #f56d6d;
    }

.hotel_introCard--outer .card__nameORAddrs .htldtl-booking-address {
    float: none;
    clear: both;
    color: #8f8f8f;
    font-size: 14px;
}

.hotel_introCard--outer .card__nameORAddrs .rating {
    margin-top: 10px;
    background-color: rgba(245, 199, 116, 0.8);
    color: #7f5a18;
    padding: 2px 14px;
    border-radius: 25px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.hotel_introCard--outer .card__price .booking-item-header-price {
    text-align: right;
}

    .hotel_introCard--outer .card__price .booking-item-header-price .price {
        font-size: 24px;
        color: #3c3c3c;
        font-weight: 500;
        float: none;
    }

.hotel_introCard--outer .btn-selectRoom,
.btn-Hotel {
    width: 130px;
    color: #fff;
    /*background-color: #4db6ac;
        border-color: #4db6ac;*/
}

    .hotel_introCard--outer .btn-selectRoom:hover,
    .hotel_introCard--outer .btn-selectRoom:focus,
    .btn-Hotel:hover, .btn-Hotel:focus {
        outline: none;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
    }

h4.title {
    font-size: 14px;
    font-weight: 600;
    color: #3c3c3c;
    margin: 0;
    padding: 5px 10px;
    border-left: 3px solid #4db6ac;
}

.card__hotel .card-text {
    color: #8f8f8f;
}

.card__hotel .card_htlAmenties--overview {
    margin: 20px 0 0;
}

    .card__hotel .card_htlAmenties--overview .list-horizontal > li {
        float: left;
        margin-right: 10px;
        display: block;
        width: 30%;
        padding: 5px 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.card__hotel .card__gallery {
    background-color: #f4f4f4;
    background-image: url(/static/img/noimage-hoteldetail.png);
    min-height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.pageScroll__matrix--wrapper.active {
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.06);
}

.pageScroll__matrix--wrapper ul li {
    list-style-type: none;
    float: left;
}

    .pageScroll__matrix--wrapper ul li a span {
        font-weight: bold;
        padding: 8px 12px;
        color: #8f8f8f;
        display: inline-block;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

.pageScroll__matrix--wrapper.active li a span {
    padding: 12px 15px;
}

.pageScroll__matrix--wrapper ul {
    overflow: auto;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #dfdfdf;
}

.pageScroll__matrix--wrapper li a:hover,
.pageScroll__matrix--wrapper li a:focus {
    text-decoration: none;
}

.pageScroll__matrix--wrapper li a.active span {
    color: #4db6ac;
    font-weight: bold;
    position: relative;
}

    .pageScroll__matrix--wrapper li a.active span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #4db6ac;
        bottom: 0;
        right: 0;
        left: 0;
    }

.hotel__card--nearByAttraction .nearByLocation {
    padding: 0 15px;
    line-height: 1.7;
    color: #8f8f8f;
    height: 200px;
    overflow-y: scroll;
}

.Room__avialabilty--wrapper .booking-item {
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
    border-left: 3px solid #36474f;
}

    .Room__avialabilty--wrapper .booking-item:hover {
        border-color: #4db6ac;
        box-shadow: 0px 3px 10px rgba(0,0,0,0.4);
    }

    .Room__avialabilty--wrapper .booking-item img {
        border: 1px solid #f9f9f9;
    }

    .Room__avialabilty--wrapper .booking-item .btn-Hotel {
        background-color: #36474f;
        border-color: #36474f;
    }

    .Room__avialabilty--wrapper .booking-item:hover .btn-Hotel {
        background-color: #4db6ac;
        border-color: #4db6ac;
    }

    .Room__avialabilty--wrapper .booking-item .Roominclusion {
        background-color: rgba(245, 199, 116, 0.2);
        color: #7f5a18;
        padding: 4px;
        margin-top: 10px;
        word-spacing: 2px;
    }

    .Room__avialabilty--wrapper .booking-item .room__prefrences .form-control:focus {
        border: 1px solid #4db6ac;
    }

.Room__avialabilty--wrapper .morehotel-btn {
    width: 210px;
    margin: 0 auto;
    background-color: #4db6ac;
    border-color: #4db6ac;
}

    .Room__avialabilty--wrapper .morehotel-btn:hover,
    .Room__avialabilty--wrapper .morehotel-btn:focus {
        outline: none;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
    }

.Room__avialabilty--wrapper .popup-text {
    color: #f56d6d;
    font-weight: bold;
}

/*hotel__reviews--wrapper*/
.hotel__reviews--heading-title h4 {
    font-size: 1.6em;
    color: #3c3c3c;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
}

.hotel__reviews--heading-title .text__loaction {
    font-size: 12px;
    color: #8f8f8f;
}

.reviews__card--wrapper {
    position: relative;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.4);
    margin-left: 30px;
    border-left: 2px solid #4db6ac;
    padding: 25px;
}

.reviewer__profile--iconOrName {
    position: absolute;
    top: -20px;
    left: -26px;
    width: 100%;
}

    .reviewer__profile--iconOrName .icon {
        width: 50px;
        height: 50px;
        background: #fff;
        border: 2px solid #4db6ac;
        border-radius: 50%;
        text-align: center;
        line-height: 46px;
        font-size: 30px;
        color: #4db6ac;
    }

.reviews__card--wrapper .userName .text__regular {
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
}

.reviews__card--wrapper .text__small {
    font-size: 12px;
    color: #8f8f8f;
    font-weight: 400;
}

.reviews__card--wrapper .text__rating h4 {
    font-size: 22px;
    font-weight: 500;
    color: #f56d6d;
    margin-bottom: 0;
}

.reviews__card--wrapper .text__rating .booking-item-rating-stars {
    color: #f56d6d;
    margin-top: 5px;
    margin-left: 10px;
}

.booking-item-reviews > li .booking-item-rating-stars {
    color: #f56d6d;
}

.booking-item-reviews > li .booking-item-review-content .booking-item-review-expand span {
    color: #f56d6d;
}
.booking-item-reviews > li .booking-item-rating-stars {
    color: #f56d6d;
}

.booking-item-reviews > li .booking-item-review-content .booking-item-review-expand span {
    color: #f56d6d;
}
    .booking-item-reviews > li .booking-item-review-content .booking-item-review-expand span.booking-item-review-expand-less {
        display: none;
    }

.booking-item-reviews > li .booking-item-review-content.expanded .booking-item-review-more {
    display: inline;
}

.booking-item-reviews > li .booking-item-review-content.expanded .booking-item-review-more-content {
    display: block;
}

.booking-item-reviews > li .booking-item-review-content.expanded .booking-item-review-expand span.booking-item-review-expand-less {
    display: block;
}

.booking-item-reviews > li .booking-item-review-content.expanded .booking-item-review-expand span.booking-item-review-expand-more {
    display: none;
}
/*.hotel_introCard--outer .mob__bottom--bkg,
.card__price--wrapper,.selectRoom__btn--wrapper{
    display: none;
}*/
.htl__modal {
    padding: 0;
}

    .htl__modal .header {
        background: #283848;
        color: #fff;
        padding: 12px 10px;
    }

        .htl__modal .header h3 {
            font-size: 16px;
            margin-bottom: 0;
            font-weight: 400;
            color: #fff;
        }

    .htl__modal .amtIconsWrap {
        padding: 10px 30px;
        margin: 0;
        border-top: 1px solid #e6e6e6;
        overflow: auto;
        max-height: 400px;
    }

    .htl__modal .mfp-close {
        color: #fff;
        background: #000;
    }

    .htl__modal .nav-tabs > li.active > a,
    .htl__modal .nav-tabs > li.active > a:hover,
    .htl__modal .nav-tabs > li.active > a:focus {
        color: #4db6ac;
        font-weight: bold;
        border: 0;
        border-bottom: 2px solid #4db6ac;
    }

    .htl__modal .nav-tabs > li > a {
        padding: 5px 12px;
        color: #3c3c3c;
        border: 0;
        border-bottom: 2px solid transparent;
    }

        .htl__modal .nav-tabs > li > a:hover {
            border: 0;
            border-bottom: 2px solid #3c3c3c;
            color: #3c3c3c;
        }
/*===============================hotel__noResult=============================*/
.hotel__noResult {
    padding: 0 0 22px 0 !important;
    position: relative;
    overflow: hidden;
}

    .hotel__noResult:before {
        content: '';
        position: absolute;
        width: 500px;
        bottom: -106%;
        left: 0;
        right: 0;
        height: 500px;
        margin: 0 auto;
        padding: 100px;
        background-color: rgba(77, 182, 172, 0.1);
        border-radius: 50%;
    }

    .hotel__noResult .hotel__figure--nohotel {
        width: 200px;
        margin: 0 auto;
        position: relative;
    }

    .hotel__noResult h3.title {
        font-weight: 400;
        font-size: 22px;
        color: #3c3c3c;
        position: relative;
    }

.hotel__btn--reset {
    background-color: #f56d6d;
    padding: 8px 0;
    width: 140px;
    position: relative;
    margin: 0 auto;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
}

    .hotel__btn--reset:hover {
        outline: none;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.25);
    }

.parentDiv > .childDiv {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

    .parentDiv > .childDiv:only-child, .parentDiv > .childDiv:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

.hotel-search-inc {
    margin: 10px 0 0;
}

@media only screen and (max-width : 991px) {
    .hotel__list--card .hotel__card--amount {
        margin-top: 10px;
    }

    .hotel__list--card .card__img--hotel img {
        width: 100%;
        height: 170px;
    }

    .hotel__sorting {
        padding: 0;
    }

        .hotel__sorting i[class='htl-icon-buliding'] {
            display: block;
            margin: 0 auto;
        }

        .hotel__sorting .no_of--HTL {
            font-size: 14px;
            background-color: #fff;
            padding-top: 5px;
            border-bottom: 1px solid #dfdfdf;
            color: #3c3c3c;
            font-weight: 800;
            padding: 15px 90px 15px 50px;
        }

            .hotel__sorting .no_of--HTL .icon_outer {
                display: block;
                position: absolute;
                top: 0;
                width: 44px;
                height: 44px;
            }

                .hotel__sorting .no_of--HTL .icon_outer.angl_bck,
                .hotel__sorting .no_of--HTL .icon_outer.htl_bulding {
                    left: 0;
                }

                .hotel__sorting .no_of--HTL .icon_outer.modify_search {
                    right: 5px;
                }

                .hotel__sorting .no_of--HTL .icon_outer.filter_icon {
                    right: 44px;
                }

                .hotel__sorting .no_of--HTL .icon_outer i[class^='htl-icon'] {
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateX(-50%) translateY(-50%);
                }

    .sorting__outer ul,
    .pageScroll__matrix--wrapper ul {
        width: 550px;
        overflow: auto;
        padding-left: 0;
        margin-bottom: 0;
        padding: 3px 5px;
        padding-bottom: 0;
        position: relative;
    }

        .sorting__outer ul li:first-child {
            font-size: 11px;
        }

        .sorting__outer ul li span {
            padding: 6px 10px;
            font-size: 11px;
        }

    .search__filter--input-text {
        position: absolute;
        width: 35px;
        top: 4px;
        right: 15px;
    }

        .search__filter--input-text:focus {
            width: 336px;
            border: 1px solid;
        }

        .search__filter--input-text.focus_active {
            width: 335px;
        }
    /*hotel card */
    .hotel__list--card .hotel__card--info-detail {
        padding-left: 0;
        margin: 0 -10px;
    }

    .hotel__card--info .booking-item-title .title {
        margin-top: 10px;
        font-size: 15px;
        max-width: 70%;
    }

    /*.hotel__card--info .booking-item-address span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }*/

    .hotel__card--info .hotel-search-inc {
        padding: 10px 0;
    }

    .hotel__card--info .hotel__inclusn {
        width: 99px;
    }
    /* side filter Mobile*/
    .pos_sticky_filter .mobile_filter {
        position: fixed;
        width: 260px;
        right: -270px;
        z-index: 3;
        padding: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        display: block;
        background: white;
        overflow-y: scroll;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
        transition: all 0.42s ease;
        -webkit-transition: all 0.42s ease;
        -moz-transition: all 0.42s ease;
        -o-transition: all 0.42s ease;
    }

        .pos_sticky_filter .mobile_filter .filter_outer {
            margin-top: 0 !important;
            box-shadow: none;
            border-radius: 0;
            border-bottom: none;
        }

    .pos_sticky_filter > input[type="checkbox"]:checked + .mobile_filter {
        right: 0;
    }

    .mobile_filter-overlay {
        position: fixed;
        background-color: rgba(0,0,0,0.6);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 2;
        visibility: hidden;
        margin: 0 !important;
        transition: all 0.42s ease;
        -webkit-transition: all 0.42s ease;
        -moz-transition: all 0.42s ease;
        -o-transition: all 0.42s ease;
    }

    .pos_sticky_filter > input[type="checkbox"]:checked ~ .mobile_filter-overlay {
        opacity: 1;
        visibility: visible;
    }

    .mobile_search-header {
        padding: 8px 0;
    }

        .mobile_search-header .title {
            font-size: 15px;
            font-weight: 600;
            padding: 7px 0;
        }

    .modify__search--outer {
        position: fixed;
        top: 0;
        z-index: 10;
        background: #fff;
        bottom: 0;
        height: 100vh;
        width: 100%;
        right: -100%;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .mobile_modify_outer .mobile_modify_trigger:checked + .modify__search--outer {
        right: 0;
    }

    .modify__search .form-group .form-control {
        margin-bottom: 10px;
    }


    /*========================================================= responsive for hotel detail page*/
    h4.title,
    .htl-available-roomlist .booking-item-title {
        font-size: 14px;
    }

    .card__hotel {
        padding: 10px;
    }

    .pdLR15 {
        padding: 0;
    }

    .hotel_introCard--outer {
        padding: 5px;
        padding-left: 10px;
    }

        .hotel_introCard--outer .card__nameORAddrs .hotel-heading {
            font-size: 16px;
            max-width: 65%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 3px;
            margin-bottom: 5px;
        }

        .hotel_introCard--outer .card__nameORAddrs .htldtl-booking-address,
        .Room__avialabilty--wrapper .popup-text {
            font-size: 12px;
        }

        .hotel_introCard--outer .card__nameORAddrs .rating {
            background: transparent;
            padding: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 2px;
            white-space: nowrap;
        }

    .pageScroll__matrix--wrapper {
        overflow: auto;
        margin: 0 -15px;
        box-shadow: inset -7px 0px 15px rgba(0,0,0,0.1);
        border-bottom: 1px solid #dfdfdf;
    }

        .pageScroll__matrix--wrapper ul {
            width: 615px;
        }

        .pageScroll__matrix--wrapper.active ul {
            width: 650px;
        }

    .card__hotel.galleryOrAmenties,
    .card_htlAmenties--overview h4 {
        margin-top: 15px;
    }

    .card__hotel .card__gallery {
        min-height: 250px;
    }

    .card_htlAmenties--overview .list-horizontal.mt30 {
        margin-top: 10px !important;
    }

    .card_htlAmenties--overview .btn-Hotel {
        margin-top: -42px;
    }

    .card__hotel .card_htlAmenties--overview .list-horizontal > li {
        width: 45%;
        font-size: 14px;
        padding: 5px 0;
    }

        .card__hotel .card_htlAmenties--overview .list-horizontal > li i {
            vertical-align: middle;
        }

    .hotel_introCard--outer .btn-selectRoom, .btn-Hotel {
        width: 100px;
        padding: 4px 10px;
    }

    .btn-Hotel {
        margin: 10px 0 0;
    }

    .Room__avialabilty--wrapper .booking-item {
        padding: 10px;
    }

    .Room__avialabilty--wrapper .booking-item-price {
        font-size: 18px;
    }

    .Room__avialabilty--wrapper .htldtl-room-price {
        margin-top: 10px;
    }

    .Hotel__terms--wrapper ul {
        padding-left: 16px;
    }

    .hotel__map-wrapper #map-canvas {
        height: 250px !important;
    }

    .reviews__card--wrapper {
        padding: 10px 10px 0 20px;
        margin-left: 15px;
    }

        .reviews__card--wrapper .booking-item-review-content {
            padding: 0 !important;
            border: 0 !important;
        }

            .reviews__card--wrapper .booking-item-review-content:before {
                display: none;
            }

    .reviewer__profile--iconOrName {
        top: -18px;
        left: -16px;
    }

        .reviewer__profile--iconOrName .icon {
            width: 30px;
            height: 30px;
            font-size: 15px;
            line-height: 25px;
        }

    .reviews__card--wrapper .text__rating h4 {
        font-size: 20px;
    }

    .hotel_introCard--outer .mob__bottom--bkg {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,0.85);
        height: 60px;
        z-index: 2;
        box-shadow: 0px -2px 10px rgba(0,0,0,0.2);
    }

    .card__price--wrapper, .selectRoom__btn--wrapper {
        display: block;
        position: fixed;
        bottom: 15px;
        z-index: 3;
    }

    .card__price--wrapper {
        left: 15px;
    }

    .selectRoom__btn--wrapper {
        right: 15px;
    }

    .hotel_introCard--outer .card__price .booking-item-header-price {
        text-align: left;
        color: #fff;
    }

        .hotel_introCard--outer .card__price .booking-item-header-price .price {
            color: #fff;
            font-size: 18px;
        }
}

@media only screen and (min-width: 768px) and (max-width : 991px) {
    .icon_outer.angl_bck {
        display: none !important;
    }

    .hotel__sorting .no_of--HTL .icon_outer.htl_bulding {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .forMobText {
        text-align: left;
        margin: 0 0 15px;
    }

    /*.hotel__list {
        margin-top: 100px;
    }*/

    .dpauls-head, #main-header, #main-footer {
        display: none;
    }

    .search__filter--input-text {
        top: 53px;
    }

    .hotel__sorting {
        margin: 0;
        position: fixed;
        top: 0;
        z-index: 5;
        left: 0;
        right: 0;
    }

    .hotel__list--card .card__img--hotel img {
        width: 100%;
        height: 170px;
    }

    .hotel__card--info .hotel__inclusn {
        width: 143px;
    }

    .hotel__list--card .hotel__card--amount {
        text-align: left;
    }

        .hotel__list--card .hotel__card--amount .discount:after {
            border-right: 5px solid transparent;
            border-left: 0;
            left: -6px;
            right: inherit;
        }

    .sorting__outer {
        box-shadow: inset -7px 0px 15px rgba(0,0,0,0.1);
        border-bottom: 1px solid #dfdfdf;
    }

    .hotel__noResult .hotel__figure--nohotel {
        width: 150px;
    }

    .hotel__noResult:before {
        width: 330px;
        height: 330px;
        bottom: -172px;
    }

    .hotel__noResult h3.title {
        font-weight: 600;
        font-size: 16px;
    }

    .hotel__btn--reset {
        padding: 6px 0;
        width: 120px;
    }

    .hotel__list--card .hotel__card--info-detail {
        padding: 10px;
    }

    .hotel__sorting .no_of--HTL {
        min-height: 50px;
    }

    .hotel-sort-by {
        margin: 60px 0 0;
    }

    .card__hotel.galleryOrAmenties {
        margin-top: 60px !important
    }
}

.room_amenities {
    padding: 0;
    list-style: none;
    font-size: 12px;
}

    .room_amenities > li {
        margin: 0 0 6px;
    }

.guest-button > button {
    line-height: 36px;
}

.hotel-sort-not_link:hover, .hotel-sort-not_link:focus, .hotel-sort-not_link:active {
    color: #666;
    text-decoration: none;
    cursor: default;
}

.autoCompelete_loader {
    height: 15px;
    width: 15px;
    animation: rotate .8s infinite linear;
    border: 2px solid rgba(0,0,0,0.5);
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    right: 19px;
    opacity: .6;
    top: 17px;
    display: none;
}

.ui-autocomplete-loading ~ .autoCompelete_loader {
    display: block;
}

.src-loading {
    background: url(/static/img/loadingimage.gif) no-repeat center;
    height: 33px;
}

.applyCoupon_outer {
    padding: 5px;
    margin: 10px 0;
    border-radius: 2px;
    border: 1px solid rgba(245,109,109,.5);
    background-color: rgba(245,109,109,.15)
}

.applyCoupon ul li {
    list-style-type: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 0 7px 4px 45px
}

    .applyCoupon ul li:before {
        content: 'Deal';
        border: 8px solid #f56d6d;
        border-left: 0;
        border-right: 5px solid transparent;
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        line-height: 0;
        max-width: 220px;
        padding: 0 5px;
        position: absolute;
        top: 0;
        z-index: 1;
        left: 0
    }

    .applyCoupon ul li b {
        position: absolute;
        top: 0;
        right: 5px;
        background-color: #f5e0e0;
        padding-left: 15px;
        color: #3c3c3c
    }

    .applyCoupon ul li a {
        color: #3c3c3c
    }

    .applyCoupon ul li b:before {
        content: '...';
        position: absolute;
        left: 5px;
        bottom: 0;
        position: absolute
    }

#map {
    height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
/*------jquery ui autocomplete------*/
.ui-autocomplete {
    width: 100% !important;
    max-width: 320px;
    min-width: 320px;
    max-height: 285px;
    overflow: auto;
    padding: 0;
    position: absolute !important;
    z-index: 99;
    box-shadow: 2px 4px 9px rgba(0,0,0,0.25)!important;
}

    .ui-autocomplete > li:first-child.ui-menu-item {
        border-top: 1px solid #cacaca;
    }

    .ui-autocomplete > li.ui-menu-item {
        border-bottom: 1px solid #cacaca !important;
        cursor: pointer;
        font-size: 12px;
        display: block;
        list-style: none;
        position: relative;
        background: #fff;
    }

        .ui-autocomplete > li.ui-menu-item .ui-menu-item-wrapper {
            padding: 10px;
        }

        .ui-autocomplete > li.ui-menu-item .location {
            width: 210px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #3c3c3c;
            font-size: 14px;
        }

            .ui-autocomplete > li.ui-menu-item .location .code {
                margin-left: 3px;
            }

            .ui-autocomplete > li.ui-menu-item .location strong {
                color: #3c3c3c;
            }

        .ui-autocomplete > li.ui-menu-item .country {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #666;
            width: 85px;
            text-align: right;
        }

        .ui-autocomplete > li.ui-menu-item .state {
            color: #666;
        }

        .ui-autocomplete > li.ui-menu-item .city {
            font-size: 14px;
        }

        .ui-autocomplete > li.ui-menu-item .state strong {
            color: #4db6ac;
        }

        .ui-autocomplete > li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
            background: #eeeeee !important;
            color: #3c3c3c !important;
        }

    .ui-autocomplete::-webkit-scrollbar, .scrollbarChrome::-webkit-scrollbar {
        width: 7px;
        background: hsla(0,29%,97%,.34) !important;
        margin-right: 1px;
    }

    .ui-autocomplete::-webkit-scrollbar-thumb, .scrollbarChrome::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.45) !important;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        min-height: 10px;
    }

    .ui-autocomplete::-webkit-scrollbar-track, .scrollbarChrome::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background: hsla(0,3%,47%,.35) !important;
    }

@media only screen and (max-width:480px) {
    .ui-autocomplete {
        min-width: 294px;
        max-width: 294px;
    }
}

/*---------------*/
/*------------------------------*/


.doneBtnnew {
    background: #4db6ac !important;
    border: 1px solid transparent;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px 20px;
    margin-top: 10px;
}
/*-----gurpreet 02-03-2020----*/
.ui-widget {
    font-size: 1.2em !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #4db6ac !important
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    line-height: 20px
}

.filter_outer .filter_result .scrollBar {
    max-height: 120px;
}

.form-control {
    text-transform: uppercase;
    cursor: pointer;
}

.pos_sticky_filter_new {
    margin-top: 20px;
}

.modify__search .form__feild > .form-group > input[type="text"].form-control,
.modify__search .form__feild > .form-group > input[type="email"].form-control,
.modify__search .form__feild > .form-group > input[type="password"].form-control {
    height: 40px !important
}

.modify__search .form__feild > .form-group > .form-control:focus {
    box-shadow: none;
}

.main_searchform .form-group.form-group-lg .input-icon, .form-group .input-icon {
    top: -2px;
}

.panel-group {
    margin-bottom: 0;
}

@media (max-width:767.9px) {
    header {
        display: none !important;
    }

    .hotel-sort-by {
        margin: 40px 0 0;
    }

    .booking-item-price {
        margin: 0
    }

    .filter_outer .filter_result .scrollBar {
        max-height: 115px;
    }
}
/*---for summary----*/
.breadcrumb > li + li:before {
    content: '/';
    font-family: 'FontAwesome';
    padding: 0 8px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
}

.dpauls-head .breadcrumb {
    font-size: 12px;
}

.fare_collapse {
    margin-top: -20px;
}

.summary_outer .form-control {
    height: 36px !important;
}

.summary_outer .Card .card_content {
    margin: 0 0 20px;
}

.rc-group {
    padding: 3px 0
}

.rc-control {
    cursor: pointer;
    display: inline;
    margin-bottom: 5px;
    position: relative;
    color: #8f8f8f;
    padding: 0 0 0 30px;
    width: 100%
}

    .rc-control input[type=radio], .rc-control input[type=checkbox] {
        display: none
    }

.rc-control-indicator {
    border: 1px solid #bebebe;
    height: 17px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 17px
}

    .rc-control-indicator:after {
        content: '';
        opacity: 0;
        position: absolute;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease
    }

.rc-control-checkbox .rc-control-indicator:after {
    border: solid #bbb;
    border-width: 0 2px 2px 0;
    height: 8px;
    left: 5px;
    top: 2px;
    width: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rc-control-radio .rc-control-indicator {
    border-radius: 50%
}

    .rc-control-radio .rc-control-indicator:after {
        background-color: #4db6ac;
        border-color: #4db6ac;
        border-radius: 50%;
        height: 9px;
        left: 3px;
        top: 3px;
        width: 9px
    }

.rc-inline .rc-control {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px
}

.rc-control input[type=checkbox]:checked + .rc-control-indicator, .rc-control input[type=radio]:checked + .rc-control-indicator {
    border: 1px solid #4db6ac
}

.rc-control input:checked ~ .rc-control-indicator:after {
    opacity: 1
}

.rc-control input[type=checkbox]:checked + .rc-control-indicator:after {
    border-color: #4db6ac
}

.rc-control input[type=checkbox]:checked ~ span {
    color: #4db6ac
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards
}

@keyframes autofill {
    100% {
        background: 0 0;
        color: inherit
    }
}

@-webkit-keyframes autofill {
    100% {
        background: 0 0;
        color: inherit
    }
}

.mdl-input-control {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #8f8f8f;
    font-size: 14px;
    height: 45px;
    outline: none;
    width: 100%
}

.mdl-input-control-webkit-autofill: {
    background: 0 0
}

.mdl-input-label {
    color: #8f8f8f;
    cursor: text;
    position: absolute;
    top: 11px;
    -webkit-transition: font-size .2s,transform .2s;
    -moz-transition: font-size .2s,transform .2s;
    -o-transition: font-size .2s,transform .2s;
    transition: font-size .2s,transform .2s
}

.mdl-input-bar {
    position: relative;
    display: block;
    width: 100%
}

    .mdl-input-bar:before, .mdl-input-bar:after {
        background-color: #4db6ac;
        bottom: 0;
        content: '';
        height: 2px;
        position: absolute;
        width: 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }

    .mdl-input-bar:before {
        left: 50%
    }

    .mdl-input-bar:after {
        right: 50%
    }

.mdl-input-control:focus + .mdl-input-label, .mdl-input-control.active + .mdl-input-label {
    color: #4db6ac;
    font-size: 12px;
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%)
}

.mdl-input-control:focus ~ .mdl-input-bar:before, .mdl-input-control:focus ~ .mdl-input-bar:after, .mdl-input-control.active ~ .mdl-input-bar:before, .mdl-input-control.active ~ .mdl-input-bar:after {
    width: 50%
}

.mdl-input-control[disabled] {
    opacity: .5
}

    .mdl-input-control[disabled] + .mdl-input-label {
        cursor: not-allowed;
        opacity: .4
    }

.mdl-input-control[readonly] + .mdl-input-label {
    cursor: default
}

.mdl-input-control[readonly]:focus + .mdl-input-label {
    color: #8f8f8f;
    font-size: 14px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.mdl-input-control[readonly]:focus ~ .mdl-input-bar:before, .mdl-input-control[readonly]:focus ~ .mdl-input-bar:after {
    display: none
}

textarea.mdl-input-control {
    display: block;
    height: 80px;
    outline: 0
}

.mdl-input-group {
    border-bottom: 1px solid #ddd;
    position: relative
}

    .mdl-input-group .form-control {
        border-bottom: none;
        padding-left: 30px
    }

    .mdl-input-group .mdl-input-control {
        border-bottom: none;
        padding-left: 30px
    }

    .mdl-input-group .mdl-input-label {
        left: 30px;
        top: 14px
    }

.mdl-input-icon {
    position: absolute;
    top: 15px;
    left: 0
}

ul.tick_right li {
    position: relative;
    padding-left: 20px;
    list-style-type: none
}

    ul.tick_right li:before {
        content: '\002714';
        position: absolute;
        top: 0;
        left: 0
    }

.modal_outer .Card {
    padding: 15px 30px;
}

#divGst {
    padding: 0;
}

.card_content small {
    color: #8f8f8f;
    font-size: 12px;
}

.card_content.Gst {
    padding: 10px 0 !important;
}

.main-gst {
    margin: 0 -10px;
}

.summary_fare_card .fareCard_total {
    margin: -20px 0 0;
}

.cvvimg {
    right: 10px;
}
.text-gray {
    color: #808080;
}
input[type="text"].s-form-control, input[type="password"].s-form-control {
    height: 44px !important
}

@media only screen and (max-width: 991px) {
    .farecard_trigger:checked ~ .fare_collapse {
        background: transparent;
        bottom: 45px;
    }
    .summary_fare_card .fareCard_total {
        background-color:#fff;
    }
    .summary_fare_card .btn-promo {
        margin:0
    }
}
@media only screen and (max-width: 767px) {
    .summary_outer .form-control {
        margin: 0 0 15px
    }
    .card_content.Gst {
        padding:10px 20px !important;
    }
    .main-gst .gst-note {
        display:block;
        width:100%;
        padding:5px 0 5px 30px;
    }
}
/*------for travel canvass header hack-----*/
#dvCanvass {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
* --------arrows list-------- */
.arrows-list {
 padding: 0 0 0 25px;
}
.arrows-list > li {
 font-size: 0.875rem;
 margin-bottom: 8px;
 position: relative;
 color: var(--dark);
}
.arrows-list > li:before {
 content: "\203A";
 font-size: 24px;
 height: 100%;
 left: -20px;
 position: absolute;
 top: -3px;
}
.price > small, .booking-item-price > small {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 10px 0 0 !important;
}

/*---------safe stay icon and hover---------*/

.safestay {
    position: absolute;
    top: 10px;
    right: 19%;
    cursor: pointer;
    z-index: 99;
}

    .safestay > img {
        height: 30px;
    }

.safe-guide {
    position: absolute;
    top: 30px;
    right: 0;
    width: 200px;
    height: auto;
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    font-size: 11px;
    visibility: hidden;
    background: white;
    padding: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,.25);
}

.safestay:hover > .safe-guide,
.safe-guide:hover {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pos-rel {
    position: relative;
}

.safe-detls {
    right: auto;
}

.guide-dtls {
    right: auto;
}

ul.safe-points {
    list-style: disc;
    padding-left: 15px;
    margin: 0;
}

@media (max-width: 767px) {
    .safestay {
        top: 46%;
        right: 2%;
    }

    .safe-guide {
        top: 32px;
        right: 2%;
    }
}

.covid19 {
	text-align: justify;
	font-size: 13px;
	border: 1px solid #f56d6d;
	padding: 5px 10px;
	color: #f56d6d;
	margin-top: 10px;
}

.covid19 > b {
	color: initial;
}