@import url(otastyle/themecolor.css);
@import url(otastyle/landingform.css);
@import url(MyIcon.css);

::placeholder {
    font-size: 16px !important;
}

.readMoreModal .modal-body,
.readMoreModal .modal-body * {
    font-family: inherit !important;
    font-size: 14px !important;
}
.flighttabcon .fitemprice .donebox[d-type="Cart"] {
    display: none;
}
#divExcursionList .ahotel-body .uc-kstm-wrap .description *,
.transferPagewrapper .ahotel-body .uc-kstm-wrap .transfer-content-box * {
    font-weight: 400 !important;
}
.searchviewform.flight_modify_desktop .search-reslult-text p{
    font-size:14px;
}
.searchviewform.flight_modify_desktop .sfFTD {
    margin-bottom: 5px;
}
.mic-wrap {
    display: none;
}
.mainHeader .edit-search-form-mobtab.trip-search-default_main {
    width: 100%;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.searcheddata b {
    font-weight: 400 !important;
}

.trip-search-main-banner-wrapper {
    position: relative;
    min-width: 1160px;
    width: 100%;
    height: 605px;
    z-index: 600;
    position: relative;
}

.trip-search-banner-image {
    height: 100%;
    width: 100%;
    background-image: url(../images/searchform/HT-AppMockup.png);
    background-size: cover;
    background-position: 50%;
    z-index: 1;
    background-repeat: no-repeat;
    padding: 20px 0;
}

.trip-search-default_main .tab-content.show-content {
    display: inline-block !important;
}

.trip-search-landing-form {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.trip-search-landing-form {
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    vertical-align: middle;
    align-items: center;
}

    .trip-search-landing-form .tab-pane {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        width: 515px;
        display: inline-block;
    }

    .trip-search-landing-form .banneradds {
        display: inline-flex;
        flex-direction: column;
        margin-left: 100px;
    }

        .trip-search-landing-form .banneradds span {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            margin-top: 10px;
        }

        .trip-search-landing-form .banneradds a {
            border: 1px solid var(--main-bg-color);
            border-radius: 6px;
            color: var(--main-bg-color);
            font-weight: 700;
            font-size: 16px;
            line-height: 21px;
            text-align: center;
            padding: 7px 20px;
            max-width: 170px;
            margin: 14px auto;
        }

body .mainHeader .trip-search-landing-form .tab-content:before {
    border-radius: 6px;
}

.daterangepicker .calendar td.in-range::before {
    background-color: var(--main-bg-color) !important;
    opacity: 0.3;
    content: "";
    position: absolute;
    width: 102%;
    height: 100%;
    top: 0;
    left: 0;
}

.daterangepicker .calendar td.start-date.in-range::before,
.daterangepicker .calendar td.active.start-date.available::before {
    background-color: var(--main-bg-color) !important;
    opacity: 0.3;
    content: "";
    position: absolute;
    width: 82%;
    height: 100%;
    top: 0;
    left: 18%;
    right: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.daterangepicker .calendar td.off.in-range::before,
.daterangepicker .calendar td.off.active::before {
    background-color: var(--main-bg-color) !important;
    opacity: 0 !important;
    content: "";
    position: absolute;
    width: 82%;
    height: 100%;
    top: 0;
    left: 20%;
    right: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.daterangepicker .calendar td.active.end-date.in-range::before {
    background-color: var(--main-bg-color) !important;
    opacity: 0.3;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.trip-search-landing-form .form-group > label {
    display: block !important;
    color: var(--theme-reg--light-color);
    font-size: 14px;
    margin: 0;
}

.trip-search-landing-form .dash-form-group {
    background: #fff;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 10px;
    padding: 7px 10px 5px;
    margin-bottom: 10px;
    position: relative;
}

.trip-search-landing-form .input-group-prepend {
    vertical-align: middle;
    align-items: center;
}

.trip-search-landing-form .dash-form-group .form-control {
    border: 0;
}

.trip-search-landing-form .dash-form-group .form-group {
    width: 100%;
    margin: 0;
    max-width: 100%;
}
    .trip-search-landing-form .dash-form-group .night-count .form-group {
        white-space:nowrap;

    }
    .trip-search-landing-form .dash-form-group .form-control:focus {
        box-shadow: none !important;
        outline: 0;
    }

.trip-search-landing-form .dash-form-group .form-group .input-group-text {
    background: #fff0;
    border: 0;
    padding: 0;
    display: grid;
}

.trip-search-landing-form .input-group-text {
    line-height: 30px;
    height: 30px;
}

.searchviewform .search-reslult-text {
    cursor: pointer;
}

.trip-search-landing-form .dash-form-group .form-control {
    color: var(--theme-reg-color);
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 17px;
    border: none !important;
}

.trip-search-landing-form .world-extended-info {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9;
    bottom: auto;
    cursor: pointer;
    padding-right: 0;
}

body .clearTxtWrap .form-control {
    padding-right: 0px !important;
}

.trip-search-landing-form .text-right input[placeholder="Check-out"] {
    text-align: right;
}

.trip-search-landing-form .nightCount {
    display: flex !important;
    vertical-align: middle;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 30px;
    height: 30px;
    padding-left: 5px;
    padding-right: 10px;
}

    .trip-search-landing-form .nightCount .input-group input {
        background: #fff0;
        width: 30px;
        text-align: right;
    }

    .trip-search-landing-form .nightCount .input-group label {
        margin: 0;
        vertical-align: middle;
        align-items: center;
        display: flex;
    }

.trip-search-landing-form .flexibility {
    border-top: 0 solid var(--theme-border-light-clr);
    padding: 0 0 0 0;
}

    .trip-search-landing-form .flexibility .sriradiogroup label {
        padding: 0 3px !important;
    }

.trip-search-landing-form .form-group .form-select {
    flex-grow: 1;
    font-size: 14px;
    border: 0;
}

.trip-search-landing-form .flexibility .form-check label {
    font-size: 12px;
}

.TabConWrap.hidefixed.fixed {
    position: relative !important;
}

.trip-search-landing-form .recentserch label {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--main-bg-color);
    margin-left: 10px;
    cursor: pointer;
}

.trip-search-landing-form .form-group .form-select:focus-visible {
    outline: 0;
    border: 0;
}

.daterangepicker .daterangepicker_input {
    display: none;
}

.trip-search-landing-form .daterangepicker .calendar td {
    min-width: 40px !important;
    height: 40px !important;
    position: relative;
}

.trip-search-landing-form .daterangepicker td.active.start-date,
.trip-search-landing-form .daterangepicker td.active.end-date {
    border-radius: 10px !important;
    border: 0;
    padding: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.trip-search-landing-form .daterangepicker .calendar {
    max-width: 320px;
}

.trip-search-landing-form select option:hover {
    background: #333 !important;
}

.trip-search-landing-form .daterangepicker .calendar.left {
    padding-right: 8px;
}

.trip-search-landing-form .daterangepicker .calendar.right {
    padding-left: 8px;
}

.trip-search-landing-form .daterangepicker select.monthselect,
.trip-search-landing-form .daterangepicker select.yearselect {
    font-size: 14px;
    padding: 1px;
    height: auto;
    cursor: default;
    height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 8px;
}

.trip-search-landing-form .hmd-book-container {
    padding: 15px 0;
}

.main_box_pan_new span.rslttsr img {
    margin-bottom: 0;
}

.trip-search-landing-form .hmd-book-rooms.allroom {
    padding: 0 12px;
    padding-bottom: 15px;
}

.trip-search-landing-form .hmd-book-settings {
    border-top: 1px solid #ddd;
    padding: 0 12px;
    padding-top: 5px;
    width: 100%;
    border-bottom: 0;
    padding-bottom: 5px;
}

    .trip-search-landing-form .hmd-book-settings .hmd-sub .btn {
        font-weight: 700;
        font-size: 13px;
        line-height: 15px;
        padding: 10px 15px;
        display: inline-flex;
        vertical-align: middle;
        align-items: center;
        gap: 6px;
    }

.trip-search-landing-form .hmd-add.btn-primary {
    background: transparent !important;
    border: 1px solid var(--main-bg-color) !important;
    color: var(--main-bg-color) !important;
    display: flex;
    gap: 6px;
    vertical-align: middle;
    align-items: center;
}

.trip-search-landing-form .hmd-close.btn-primary {
    background: transparent !important;
    border: 0 solid #000000 !important;
    color: #000000 !important;
}

.trip-search-landing-form .hmd-book-rooms .hmd-room {
    width: 100%;
    padding: 0;
    background: #fff0;
    border-top: 0 !important;
    border-bottom: 1px dashed #ddd !important;
    margin-bottom: 10px;
}

.trip-search-landing-form .hmd-room-section.adults,
.trip-search-landing-form .hmd-room-section.childs {
    padding-right: 8px;
    background: #fff !important;
    border: 0;
    height: 36px;
}

.trip-search-landing-form .hmd-room-section.childs {
    padding-right: 0;
}

.hotelItemWrappMain .sortBoxCustom {
    border-radius: 5px;
}

.trip-search-landing-form .hmd-book-wrapper Select {
    border: 1px solid #ddd !important;
    border-radius: 4px;
    height: 36px;
}

.trip-search-landing-form .hmd-room-section.name {
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 28px;
    color: #000000 !important;
    background: transparent !important;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0%;
    left: 0;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
}

.trip-search-landing-form .hmd-room:before {
    width: 0;
}

.trip-search-landing-form .hmd-room .hmd-room-section:nth-child(5) {
    position: relative;
}

.trip-search-landing-form .hmd-room .hmd-room-section .hmd-remove {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    height: 20px;
}

.trip-search-landing-form .hmd-room .hmd-room-section:nth-child(5) {
    background: transparent !important;
    position: absolute;
    right: 0;
    left: auto;
    width: auto;
    height: 30px;
}

.trip-search-landing-form .hmd-book-rooms .hmd-room:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.trip-search-landing-form .hmd-book-rooms .hmd-room-childs-ages {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
    padding: 10px 0;
    border: 0;
    grid-row-gap: 10px;
}

    .trip-search-landing-form .hmd-book-rooms .hmd-room-childs-ages .hmd-child-age {
        width: 100%;
        border: 0;
        margin-left: 0;
    }

.trip-search-landing-form .hmd-book-rooms .hmd-child-age:first-child {
    border-left: 0 solid #b9b9b9;
}

.last-search-modal-popup .modal-header {
    background: #fff !important;
}

    .last-search-modal-popup .modal-header .modal-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        color: #000;
    }

.last-search-nav {
    border: 1px solid #cecece;
    border-radius: 40px;
    display: inline-flex;
    padding: 5px;
    margin-bottom: 0 !important;
}

    .last-search-nav .nav-link {
        font-weight: 400;
        font-size: 15px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #666;
        border-radius: 30px;
        padding: 8px 24px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        border: 0;
        background: #fff;
    }

        .last-search-nav .nav-link:hover {
            background: #ebebeb !important;
        }

        .last-search-nav .nav-link:focus {
            outline: 0;
        }

        .last-search-nav .nav-link.active {
            background: var(--main-bg-color) !important;
            border: 0;
            color: #fff;
        }

.last-search-modal-popup .daysearch ul li {
    position: relative;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

    .last-search-modal-popup .daysearch ul li span,
    .last-search-modal-popup .daysearch ul li a {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #000000 !important;
        text-align: left;
    }

        .last-search-modal-popup .daysearch ul li a:hover {
            color: var(--main-bg-color) !important;
            transition: 0.3s ease-in-out;
        }

        .last-search-modal-popup .daysearch ul li span.text-light {
            color: #7b7b7b !important;
        }

.last-search-modal-popup .daysearch .title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
}

.countries-search-modal-popup .modal-header {
    background: transparent !important;
    border: 0 !important;
    padding-bottom: 0;
}

.countries-search-modal-popup .modal-dialog {
    max-width: 1080px;
    padding: 25px 30px;
}

.countries-search-modal-popup .tab-pane .content {
    border: 1px solid #cecece;
    width: 100%;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    padding: 25px;
}

.countries-search-modal-popup .headingtitle {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000;
}

.countries-search-modal-popup ul.list-item {
    width: 20%;
    display: inline-block;
    position: relative;
    float: left;
}

    .countries-search-modal-popup ul.list-item li a {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        line-height: 17px;
        padding: 7px 5px;
        display: inline-block;
        position: relative;
        padding-left: 12px;
    }

        .countries-search-modal-popup ul.list-item li a:before {
            width: 5px;
            height: 5px;
            background: #7b7b7b;
            position: absolute;
            content: "";
            border-radius: 50%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

.destinations-picker-sec,
.zones-picker-sec,
.country-picker-sec {
    width: 100%;
    clear: both;
}

.trip-search-landing-form .select2-container--bootstrap-5 .select2-selection {
    border: 0;
    box-shadow: none !important;
    outline: 0;
}

.more-item-show {
    position: relative;
}

    .more-item-show .morelink {
        border: 1px solid #ddd !important;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding: 0;
        text-align: center;
        color: #b3a7a7;
    }

    .more-item-show .morelilist {
        position: absolute;
        width: 220px;
        background: #fff;
        padding: 12px 0;
        right: 0;
        display: none;
        box-shadow: 0 10px 20px rgb(0 0 0 / 0.1), 0 6px 6px rgb(0 0 0 / 0.1);
        min-width: 180px;
        max-width: max-content;
        border-radius: 0 0 4px 4px;
        left: 0;
        border-bottom: 3px solid var(--main-bg-color) !important;
    }

        .more-item-show .morelilist li a {
            color: #252525;
        }

            .more-item-show .morelilist li a:before {
                display: none;
            }

            .more-item-show .morelilist li a i {
                margin-right: 5px;
                color: var(--main-bg-color) !important;
            }

.trip-search-landing-form .select2-selection__rendered .select2-search__field {
    width: 100% !important;
}

.trip-search-landing-form .select2-selection__choice {
    border: 1px solid #cecece !important;
    border-radius: 20px !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: inline;
    align-items: center;
    color: #000;
    padding-right: 30px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    position: relative;
    padding-left: 10px !important;
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 141px;
}

    .trip-search-landing-form .select2-selection__choice .select2-selection__choice__remove {
        position: absolute;
        right: 5px;
        font-size: 21px;
        width: 20px;
        text-align: center;
        cursor: pointer;
    }

.trip-search-landing-form .select2-selection__rendered .select2-search.select2-search--inline {
    width: 100%;
    clear: both;
    padding-left: 5px;
}

.trip-search-landing-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.trip-search-landing-form .select2-container--default .select2-selection--multiple {
    border: 0 !important;
}

.trip-search-landing-form .multicityselect .input-group-prepend {
    position: absolute;
    left: 0;
    right: auto;
    display: grid;
    width: 30px;
    z-index: 1;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--main-bg-color) !important;
    background: transparent !important;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    padding-left: 10px;
    overflow: hidden;
    padding-left: 36px;
    position: relative;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--main-bg-color);
}

.select2-results__option[aria-selected]:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    left: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-results__option[aria-selected="true"]::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid var(--main-bg-color);
    left: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMi43MTcxNSA1Ljg4MjE2TDAuMTE3MTUyIDMuMjY3MjFDLTAuMDM5MDUwOCAzLjExMDExIC0wLjAzOTA1MDggMi44NTUzOSAwLjExNzE1MiAyLjY5ODI3TDAuNjgyODI1IDIuMTI5MzNDMC44MzkwMjggMS45NzIyMSAxLjA5MjMxIDEuOTcyMjEgMS4yNDg1MSAyLjEyOTMzTDMgMy44OTA4N0w2Ljc1MTQ5IDAuMTE3ODI2QzYuOTA3NjkgLTAuMDM5Mjc1MyA3LjE2MDk3IC0wLjAzOTI3NTMgNy4zMTcxOCAwLjExNzgyNkw3Ljg4Mjg1IDAuNjg2NzY3QzguMDM5MDUgMC44NDM4NjggOC4wMzkwNSAxLjA5ODU5IDcuODgyODUgMS4yNTU3MUwzLjI4Mjg0IDUuODgyMThDMy4xMjY2MiA2LjAzOTI4IDIuODczMzYgNi4wMzkyOCAyLjcxNzE1IDUuODgyMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-color: var(--main-bg-color);
    transform: translateY(-50%);
}

.select2-container--default .select2-results__option .typeHotel::before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    border: 0 solid var(--main-bg-color);
    left: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    background-image: url(../images/searchform/hotel-icon.svg);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transform: translateY(-50%);
    background-color: #fff;
}

.official-advantage a {
    display: block;
    width: 100%;
}

.hotels-multi-dates .input-group {
    position: static;
}
#modifyHotelsearchform .hotels-multi-dates label {
    margin: 0 !important;
}
#modifyHotelsearchform .oneway .oneway_multi-dates .daterangepicker {
    top: 43px !important;
}
.multicity .multicityselect .daterangepicker {
    top: 67px !important;
}
.hotels-multi-dates .input-group .daterangepicker.dropdown-menu {
    left: 0 !important;
    top: 75px !important;
}

.official-advantage img {
    width: 100%;
}

.select2-container--default .select2-results__option[aria-selected="true"] .typeHotel::before {
    display: none;
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 0 10px 20px rgb(0 0 0 / 0.1), 0 6px 6px rgb(0 0 0 / 0.1);
}

.select2-container.select2-container--open .select2-dropdown {
    left: 0;
    min-width: 100% !important;
    padding: 3px;
}

.select2-container--open .select2-dropdown {
    top: 6px;
}

.select2-dropdown select2-dropdown--above {
    box-shadow: 0 10px 20px rgb(0 0 0 / 0.1), 0 6px 6px rgb(0 0 0 / 0.1);
}

.sriform-multiselect .btn-group {
    text-align: left;
    width: 100%;
}

.sriform-multiselect .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.sriform-multiselect .multiselect {
    background: #fff0;
    border: 0;
    width: 100%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mainHeader .navbar .nav-tabs .nav-link:hover {
    color: #fff !important;
}
.myRoundTripWrap{
    overflow:hidden;
}
.bookfilightnew.bookFlight .fitemprice {
    padding-right: 0 !important;
}
.sriform-multiselect .multiselect::after {
    border: 0;
    background-image: url(../images/searchform/arrowdown.png);
    background-position: center right;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.sriform-multiselect .show .multiselect::after {
    background-image: url(../images/searchform/arrowup.png);
}

.sriform-multiselect .input-group-prepend {
    position: absolute;
    left: 0;
    height: 36px;
}

.sriform-multiselect .multiselect-container {
    padding: 10px 15px;
    width: 100%;
    right: 0;
    transform: none !important;
    top: 100% !important;
}

.sriform-star-rating .input-group,
.sriform-star-rating .btn-group {
    position: static;
}

.sriform-star-rating .input-group-text {
    padding-left: 15px !important;
}

.sriform-multiselect .multiselect-container li a {
    font-size: 14px;
    color: #000;
    line-height: 17px;
    padding: 2px 0;
    display: inline-block;
}

.sriform-multiselect .multiselect-container li.active a {
    font-weight: 700;
}

.sriform-multiselect .multiselect-container li a label {
    display: flex !important;
    align-items: center;
    vertical-align: middle;
    padding: 0;
    position: relative;
}

    .sriform-multiselect .multiselect-container li a label input {
        margin-right: 10px;
        opacity: 0;
    }

    .sriform-multiselect .multiselect-container li a label::before {
        position: absolute;
        content: "";
        width: 15px;
        height: 15px;
        border: 1px solid #ccc;
        left: 0;
        border-radius: 2px;
        display: inline-block;
        margin-right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.sriform-multiselect .multiselect-container li.active a label::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid var(--main-bg-color);
    left: 0;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMi43MTcxNSA1Ljg4MjE2TDAuMTE3MTUyIDMuMjY3MjFDLTAuMDM5MDUwOCAzLjExMDExIC0wLjAzOTA1MDggMi44NTUzOSAwLjExNzE1MiAyLjY5ODI3TDAuNjgyODI1IDIuMTI5MzNDMC44MzkwMjggMS45NzIyMSAxLjA5MjMxIDEuOTcyMjEgMS4yNDg1MSAyLjEyOTMzTDMgMy44OTA4N0w2Ljc1MTQ5IDAuMTE3ODI2QzYuOTA3NjkgLTAuMDM5Mjc1MyA3LjE2MDk3IC0wLjAzOTI3NTMgNy4zMTcxOCAwLjExNzgyNkw3Ljg4Mjg1IDAuNjg2NzY3QzguMDM5MDUgMC44NDM4NjggOC4wMzkwNSAxLjA5ODU5IDcuODgyODUgMS4yNTU3MUwzLjI4Mjg0IDUuODgyMThDMy4xMjY2MiA2LjAzOTI4IDIuODczMzYgNi4wMzkyOCAyLjcxNzE1IDUuODgyMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-color: var(--main-bg-color);
    transform: translateY(-50%);
}

.trip-search-landing-form .flexibility .sriradiogroup input {
    opacity: 0;
}

.trip-search-landing-form #Rental .bootstrap-touchspin-down::before {
    background-image: url(../images/searchform/plus.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-position: center center;
}

.trip-search-landing-form #Hotels .form-control.hotels-inputs-fields#txtDestHotel {
    max-width: 90%;
    margin-left: 36px !important;
}

.trip-search-landing-form #Hotels .daterangepicker.single.opensright .calendar td.active.start-date.available::before {
    width: 0;
}

.calender_htl {
    width: auto;
    height: auto;
    min-width: auto;
}

.trip-search-landing-form #Rental .trip-searchbtn button {
    max-width: 220px !important;
}

.trip-search-landing-form .input-group > .form-control:focus {
    z-index: 0;
}

#btnsavequote #dvClientNew:last-child .quote-dash-form-group {
    margin-bottom: 10px !important;
}

thead tr th {
    font-weight: 700 !important;
}

.modal .trip-search-landing-form .trip-searchbtn {
    display: flex;
    align-items: center;
    justify-content: end;
}

.actualSubmitBtn {
    background: var(--main-bg-color) !important;
}
.searchviewform .trip-searchbtn .kSearchBtn {
    max-width: 100% !important;
}
#modifyHotelsearchform .isDektop .mulbtnwrap.flight-add-rows {
    justify-content: flex-start !important;
}
#modifyHotelsearchform .isDektop .mulbtnwrap.flight-add-rows {
    height: inherit !important;
}
    #modifyHotelsearchform .isDektop .mulbtnwrap.flight-add-rows .donebox {
        border-radius: 46px !important;
    }
#modifyHotelsearchform .isDektop .tocity_txt {
    text-align: start;
}

.fliStopsSec {
    position: relative;
    height: 17px;
}
    .fliStopsSec .flight_dots {
        width: 50px;
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 2px;
        bottom: 0;
        z-index: 1;
        background: rgb(245, 166, 34);
        justify-content: center;
        align-items: center;
        display:flex;
    }
        .fliStopsSec .flight_dots span {
            width: 8px;
            height: 8px;
            border: 2px solid #e7e7e7;
            display: inline-block;
            background: linear-gradient(90deg, #f2606a, #b5054d) !important;
            position: absolute;
            z-index: 2;
            margin: 0 2px;
            border-radius: 20px;
        }
.trip-search-landing-form #Flights .dash-form-group.destination_list {
    padding: 7px 10px 5px;
}
@media (min-width: 1500px) {
    .TabConWrap .tab-content, body .mainHeader .tab-content, .TabConWrap .tab-content {
        padding: 20px !important;
    }
}

.flighthotelbanner {
    background-image: url(../../assets/images/searchform/HT-AppMockup.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center center;
    padding: 20px 0;
    position: relative;
}
.Flexibility_amount_heading .price{
    padding-left:2px;
}
@media (min-width: 1024px) {
    .htlpagewrapper.mapviewpage > div.page-row {
        width: 99% !important;
        margin: 0 auto !important;
    }
}

.trip-search-landing-form .multicentersform {
    width: 580px !important;
    max-width: 580px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 4px rgb(0 0 0 / 0.1);
    border-radius: 6px;
    padding: 28px 20px;
    position: relative;
}

.multicentersform .dash-form-group {
    background: #fff;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 0;
    margin-bottom: 10px;
    position: relative;
}

    .multicentersform .dash-form-group .form-group {
        width: 100%;
        margin: 0;
        display: inline-block;
        max-width: 100%;
        padding: 10px;
    }

    .multicentersform .dash-form-group label {
        display: block !important;
        color: var(--theme-reg--light-color);
        font-size: 14px;
        margin: 0;
    }

    .multicentersform .dash-form-group .clearTxtWrap {
        position: relative;
    }

    .multicentersform .dash-form-group .input-group-prepend {
        position: absolute;
        left: 0;
        right: auto;
        width: 30px;
        z-index: 1;
    }

        .multicentersform .dash-form-group .input-group-prepend .input-group-text {
            padding: 0;
            background: #fff0;
            border: 0;
        }

    .multicentersform .dash-form-group input,
    .multicentersform .dash-form-group select {
        border: 0;
        outline: 0;
        padding-left: 30px;
        height: 30px;
        width: 100%;
    }

.multicentersform .form-control:focus {
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
}

.multicentersform .multicentrsaddform {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
}

    .multicentersform .multicentrsaddform .removemultiCenters {
        font-weight: 700;
        font-size: 14px;
        line-height: 15px;
        color: #eb2626;
        cursor: pointer;
    }

    .multicentersform .multicentrsaddform .addAnotherCity {
        color: var(--main-bg-color);
        border: 1px solid var(--main-bg-color);
        padding: 10px 15px;
        font-weight: 700;
        font-size: 14px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
    }

        .multicentersform .multicentrsaddform .addAnotherCity:hover {
            background: var(--main-bg-color);
            color: #fff !important;
        }

.multicentersform .trip-searchbtn button {
    margin-left: 0;
    border-radius: 6px !important;
    height: 48px !important;
    width: 100% !important;
    position: relative;
    left: 0 !important;
    border: 0;
    right: 0 !important;
    top: 0;
    max-width: 210px;
}

.select2-results__option.sklton {
    height: 200px;
    position: relative;
}

    .select2-results__option.sklton .loader {
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
    }

#country-picker-ul-first {
    width: 100% !important;
    column-count: 5;
    margin-bottom: 0;
}

.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.country-picker {
    display: flex;
    justify-content: space-between;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 32px;
    overflow: hidden;
}

.lds-ellipsis-loader {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 32px;
    overflow: hidden;
}

.trip-search-landing-form .lds-ellipsis {
    display: block;
    position: relative;
    width: 64px;
    height: 32px;
    overflow: hidden;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    flex-direction: row;
    text-align: center;
    margin: 0 auto;
}

.lds-ellipsis div {
    position: absolute;
    top: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

    .lds-ellipsis div:nth-child(1) {
        left: 6px;
        animation: lds-ellipsis1 0.6s infinite;
    }

    .lds-ellipsis div:nth-child(2) {
        left: 6px;
        animation: lds-ellipsis2 0.6s infinite;
    }

    .lds-ellipsis div:nth-child(3) {
        left: 26px;
        animation: lds-ellipsis2 0.6s infinite;
    }

    .lds-ellipsis div:nth-child(4) {
        left: 45px;
        animation: lds-ellipsis3 0.6s infinite;
    }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.lds-ellipsis-loader div {
    position: absolute;
    top: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ddd !important;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

    .lds-ellipsis-loader div:nth-child(1) {
        left: 6px;
        animation: lds-ellipsis11 0.6s infinite;
    }

    .lds-ellipsis-loader div:nth-child(2) {
        left: 6px;
        animation: lds-ellipsis12 0.6s infinite;
    }

    .lds-ellipsis-loader div:nth-child(3) {
        left: 26px;
        animation: lds-ellipsis12 0.6s infinite;
    }

    .lds-ellipsis-loader div:nth-child(4) {
        left: 45px;
        animation: lds-ellipsis13 0.6s infinite;
    }

@keyframes lds-ellipsis11 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis13 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis12 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    padding: 1px;
    position: absolute;
    transition: 0.3s ease-in-out;
    right: -14px;
    z-index: 9;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    top: -3px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwyMiAyMiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0yMiAyTDIgMjIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K) !important;
    background-repeat: no-repeat !important;
    background-size: 9px !important;
    background-position: center center !important;
    font-size: 0;
}

    .select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
        background: #f6f6f6;
    }

.multicentersform .dash-form-group #txtFHroom {
    margin-top: 3px;
    margin-left: 10px;
}

.trip-search-landing-form .multicentersform .textMCSFromDate {
    margin-left: 24px;
    margin-top: 2px;
    padding: 0 !important;
}

.multicenterscityselect .twitter-typeahead .tt-dropdown-menu {
    min-width: 300px !important;
}

.multicenterscityselect .tt-dropdown-menu .tt-suggestions {
    padding: 3px 0;
    line-height: 21px;
}

    .multicenterscityselect .tt-dropdown-menu .tt-suggestions * {
        font-weight: 400;
    }

.multicentersform .dash-form-group select.monthselect,
.multicentersform .dash-form-group select.yearselect {
    width: 50%;
    padding-left: 0;
}

.multicentersform .sriform-multiselect .checkbox {
    white-space: nowrap;
}

    .multicentersform .sriform-multiselect .checkbox input {
        height: 20px;
    }

.specificwholeMonthselect {
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 7px 15px 5px;
    position: relative;
    border-bottom: 0 solid #cecece;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .specificwholeMonthselect .dateSelectToggle {
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
    }

    .specificwholeMonthselect .chkbx-toggle {
        display: none;
    }

    .specificwholeMonthselect .dateSelectToggle #toggleTxt {
        font-weight: 700;
        font-size: 13px;
        line-height: 17px;
        color: #000;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .specificwholeMonthselect .chkbx-toggle + label {
        position: relative;
        cursor: pointer;
        outline: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 40px;
        height: 20px;
        background-color: #e4e4e4;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        -webkit-transition: background 0.4s;
        transition: background 0.4s;
        margin: 0;
        align-items: center;
        vertical-align: middle;
    }

    .specificwholeMonthselect .form-group {
        margin-bottom: 0 !important;
    }

    .specificwholeMonthselect .chkbx-toggle + label::before,
    .specificwholeMonthselect .chkbx-toggle + label::after {
        content: "";
        display: block;
        position: absolute;
    }

    .specificwholeMonthselect .chkbx-toggle + label::before {
        right: 1px;
        left: 1px;
        top: 1px;
        bottom: 1px;
        background-color: #f1f1f1;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        -webkit-transition: background 0.4s;
        transition: background 0.4s;
    }

    .specificwholeMonthselect .chkbx-toggle + label::after {
        top: -1px;
        left: 0;
        width: 22px;
        height: 22px;
        background-color: #fff;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -moz-box-shadow: 0 1px 5px rgb(0 0 0 / 0.3);
        -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 0.3);
        box-shadow: 0 1px 5px rgb(0 0 0 / 0.3);
        -moz-transition: -moz-transform 0.4s;
        -o-transition: -o-transform 0.4s;
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
    }

    .specificwholeMonthselect .chkbx-toggle:checked + label {
        background-color: var(--main-bg-color);
    }

        .specificwholeMonthselect .chkbx-toggle:checked + label::before {
            background-color: var(--main-bg-color);
        }

        .specificwholeMonthselect .chkbx-toggle:checked + label::after {
            -moz-transform: translateX(20px);
            -ms-transform: translateX(20px);
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }

.datepicktopsec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    vertical-align: middle;
}

    .datepicktopsec .input-group .form-control {
        font-weight: 700;
    }

.flexibility input:checked + label {
    font-weight: 700;
    color: #000;
}

#wholeMonth #months {
    padding-top: 0;
}

#FlightHotels .flighthotelsearchdestination .dash-form-group.multicityselect {
    height: 100%;
}

#FlightHotels .flighthotelsearchdestination {
    margin-bottom: 10px;
}

#months .wholeMonth.disabled {
    color: rgb(123 123 123 / 0.3) !important;
}

#months .wholeMonth {
    color: rgb(123 123 123 / 0.7) !important;
    cursor: pointer;
}

    #months .wholeMonth:hover {
        color: var(--main-bg-color) !important;
        transition: 0.3s ease-in-out;
    }

#wholeMonth .wholeMonth.activeMonth {
    border: 0 solid var(--main-bg-color) !important;
    border-radius: 30px;
    font-size: 15px;
    color: var(--main-bg-color) !important;
    padding: 0;
    vertical-align: middle;
    align-items: center;
    display: inline-flex;
}

.modal .banneradds {
    display: none;
}

.country-picker-list {
    width: 100%;
    display: flex;
}

.country-picker-pad-border {
    padding: 25px;
    padding-bottom: 18px;
    border-bottom: 1px solid #cecece;
}

    .country-picker-pad-border:last-child {
        border-bottom: #fff0;
    }

.wholeMonth.activeMonth {
    border: 1px solid !important;
    border-radius: 10px;
}

.trip-search-landing-form .flexibility .sriradiogroup {
    border: none !important;
}

    .trip-search-landing-form .flexibility .sriradiogroup label {
        width: 100%;
        padding: 14px 3px;
        margin: 0;
        cursor: pointer;
        position: relative;
        padding-left: 6px;
    }

        .trip-search-landing-form .flexibility .sriradiogroup label::before {
            position: absolute;
            content: "";
            width: 16px;
            height: 16px;
            border: 1px solid #ccc;
            left: -15px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

#modifyMultiCentersearchform .trip-search-landing-form .multicentersform .textMCSFromDate {
    margin-top: 0;
}

.as-home-page-section .recommend-location.e-rail-recommend {
    top: auto;
    transform: translateY(0%);
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    z-index: 9;
    bottom: 21px;
    height: auto;
}

    .as-home-page-section .recommend-location.e-rail-recommend a {
        bottom: 20px;
        top: auto !important;
        transform: translateY(0);
    }

    .as-home-page-section .recommend-location.e-rail-recommend .properties a {
        color: #fff;
    }

#Mainrental .rentalitem .subhding {
    transition: box-shadow 0.2s ease, transform 0.1s ease;
    border: 1px solid #dddddd !important;
    padding: 5px 20px;
    opacity: 1;
    font-weight: 700 !important;
    color: #252525 !important;
    padding: 4px 12px !important;
    min-height: 32px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
}

.trip-search-landing-form .flexibility .sriradiogroup input:checked + label::before {
    border: 1px solid var(--main-bg-color) !important;
    background: var(--main-bg-color);
}

.trip-search-landing-form .flexibility .sriradiogroup input:checked + label::after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: -13px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.trip-search-landing-form .dateSelectToggle .form-group {
    width: auto;
}

input::placeholder {
    color: var(--placeholder) !important;
    font-size: 16px !important;
    font-weight: 700!important;
    line-height: 1.5;
    opacity: 1;
}

#Rails .customCheckbox label:before {
    border-radius: 3px;
    box-shadow: none;
}

#Rails .customCheckbox input:checked + label:before {
    border: 2px solid var(--main-bg-color) !important;
}

#Rails .customCheckbox input:checked + label:after {
    top: 5px !important;
    left: 6px !important;
    border-color: var(--main-bg-color);
}

#Rails .fa-info-circle {
    color: var(--main-bg-color);
}

.trip-search-landing-form #RailPass .dash-form-group .ddBoxInner .form-group,
.trip-search-landing-form #Rails .dash-form-group .ddBoxInner .form-group {
    display: grid;
    align-items: baseline;
    margin-bottom: 10px;
    justify-content: space-between;
    grid-template-columns: 1.25fr 1fr;
}

.trip-search-landing-form #RailPass .newpaxbox .ddBoxWrap .droupmainbxc,
.trip-search-landing-form #Rails .newpaxbox .ddBoxWrap .droupmainbxc {
    width: 260px !important;
}

body #RailPass .newpaxbox .ddBoxWrap .bootstrap-touchspin input.form-control,
body #Rails .newpaxbox .ddBoxWrap .bootstrap-touchspin input.form-control {
    background: transparent !important;
}

.trip-search-landing-form #RailPass .ddBoxWrap .ddMoreToggle .btn-cancel,
.trip-search-landing-form #Rails .ddBoxWrap .ddMoreToggle .btn-cancel {
    background-color: #fff0;
    max-width: 100px;
    color: #fff;
}

.trip-search-landing-form #RailPass .ddBoxWrap .ddMoreToggle .btn-save,
.trip-search-landing-form #Rails .ddBoxWrap .ddMoreToggle .btn-save {
    background: #fff !important;
    color: var(--theme-reg--dark--light) !important;
}

.trip-search-landing-form #RailPass .bootstrap-touchspin .btn-default,
.trip-search-landing-form #Rails .bootstrap-touchspin .btn-default {
    background: #fff0;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    min-height: 30px;
}

.trip-search-landing-form #Flights .twitter-typeahead input {
    text-overflow: ellipsis;
}

#modifyHotelsearchform .trip-search-landing-form .form-control.hotels-inputs-fields#txtDestHotel {
    font-weight: 700;
    font-size: 14px;
}

.trip-search-landing-form .dash-form-group.destination_list {
    padding: 7px 0 5px;
}

.trip-search-landing-form .advancedSearchFormgroup .checkbox.switcher .bottom-text {
    font-size: 14px;
    font-weight: 700;
}

.trip-search-landing-form div.radio.switcher label input + span small {
    left: 2px;
}

.trip-search-landing-form .advancedSearchFormgroup div.checkbox.switcher label input + span,
.trip-search-landing-form div.radio.switcher label input + span {
    height: 21px;
    width: 40px;
    right: 10px !important;
}

.flighthotelbanner::before {
    content: "";
    position: absolute;
    background: #ebebeb;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.modal .modal-header {
    background: #fff !important;
}

    .modal .modal-header .modal-title {
        font-weight: 700;
        font-size: 21px;
        line-height: 24px;
        display: inline-block;
        color: #000;
    }

.readMoreModal #myModalLabelAdd {
    font-size: 14px;
    font-weight: 400;
}

.vres-prog-div {
    max-width: 560px;
    border-radius: 10px;
}

    .vres-prog-div h3 {
        text-transform: capitalize;
        margin-bottom: 20px;
        font-size: 26px;
    }

    .vres-prog-div .search_history td,
    .vres-prog-div .search_history th {
        padding: 10px 4px 10px 8px;
        background: transparent !important;
        color: var(--theme-reg-color);
        font-size: 14px;
        font-weight: 400;
        border: 0;
    }

    .vres-prog-div .search_history th {
        padding-left: 20px;
    }

table.search_history::before {
    content: "";
    position: absolute;
    border: 1px solid #d7d7d9;
    height: calc(100% + 30px);
    width: 100%;
    left: 0;
    top: -15px;
    border-radius: 10px;
}

.vres-prog-div .search_history td {
    font-weight: 700;
    font-size: 14px;
    padding-right: 15px;
}

#squaresWaveG {
    margin: 0 auto 10px;
}

.vres-prog-div .search_history {
    position: relative;
}

    .vres-prog-div .search_history tr:nth-child(even) {
        background-color: #fff0;
    }

.vres-prog-div .loader {
    width: 45px;
    height: 45px;
    display: inline-block;
    padding: 0;
    border-radius: 100%;
    border: 5px solid;
    border-top-color: rgb(246 36 89);
    border-bottom-color: rgb(255 255 255 / 0.3);
    border-left-color: rgb(246 36 89);
    border-right-color: rgb(255 255 255 / 0.3);
    -webkit-animation: loader4 1s ease-in-out infinite;
    animation: loader4 1s ease-in-out infinite;
}

@keyframes loader4 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader4 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.trip-search-landing-form #Hotels .input-group-text {
    padding-right: 5px;
}

.trip-search-landing-form #Hotels .hotels-inputs-fields.tt-input,
#modifyHotelsearchform .trip-search-landing-form #Hotels .hotels-inputs-fields.tt-input {
    padding-left: 15px !important;
}

#modifyHotelsearchform #Hotels,
.modal-body .trip-search-landing-form .tab-pane {
    padding: 5px;
}

.trip-search-landing-form #Flights a.dropdown-item::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    left: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.dropdown-item.active,
.dropdown-item:active {
    background: #fff0;
    color: var(--theme-reg-color);
}

.trip-search-landing-form #Flights a.dropdown-item.active::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid var(--main-bg-color);
    left: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    top: 50%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMi43MTcxNSA1Ljg4MjE2TDAuMTE3MTUyIDMuMjY3MjFDLTAuMDM5MDUwOCAzLjExMDExIC0wLjAzOTA1MDggMi44NTUzOSAwLjExNzE1MiAyLjY5ODI3TDAuNjgyODI1IDIuMTI5MzNDMC44MzkwMjggMS45NzIyMSAxLjA5MjMxIDEuOTcyMjEgMS4yNDg1MSAyLjEyOTMzTDMgMy44OTA4N0w2Ljc1MTQ5IDAuMTE3ODI2QzYuOTA3NjkgLTAuMDM5Mjc1MyA3LjE2MDk3IC0wLjAzOTI3NTMgNy4zMTcxOCAwLjExNzgyNkw3Ljg4Mjg1IDAuNjg2NzY3QzguMDM5MDUgMC44NDM4NjggOC4wMzkwNSAxLjA5ODU5IDcuODgyODUgMS4yNTU3MUwzLjI4Mjg0IDUuODgyMThDMy4xMjY2MiA2LjAzOTI4IDIuODczMzYgNi4wMzkyOCAyLjcxNzE1IDUuODgyMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-color: var(--main-bg-color);
    transform: translateY(-50%);
}

.trip-search-landing-form #Transfers select {
    padding-left: 0 !important;
}

.trip-search-landing-form #Flights a.dropdown-item {
    padding-left: 36px;
    position: relative;
}

.datesecdisabled {
    background: #e9ecef;
  
}

.trip-search-landing-form #Flights .form-group input {
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left:0px!important;
}

/*.trip-search-landing-form #Flights .form-control.txtFlightfrmDate,
.trip-search-landing-form #Flights .form-control.txtOnewayfrmDate {*/
   /* width: auto !important;*/
    /*margin-left: 0 !important;
    padding-left:0px!important;
}*/

.flight-search-bottom-separator ul {
    flex-grow: 1;
    position: relative;
}

    .flight-search-bottom-separator ul li a {
        color: #000;
        font-weight: 700;
        font-size: 14px;
        margin: 0 !important;
        padding-right: 0;
    }

    .flight-search-bottom-separator ul li .dropdown-menu {
        min-width: 190px;
    }

    .flight-search-bottom-separator ul li > a::after {
        border: 0;
        background-image: url(../images/searchform/arrowdown.png);
        background-position: center right;
        height: 15px;
        width: 15px;
        background-repeat: no-repeat;
        position: absolute;
        transform: translateY(-50%);
        right: 10px;
        top: auto;
        transform: translateY(-50%);
        bottom: 8px;
    }

.datesecdisabled input.form-control {
    background: transparent !important;
}

.modal .trip-search-landing-form .FlightNav {
    padding-top: 0;
}

#modifyHotelsearchform .modal-body {
    overflow: inherit;
}

.mapview .wide a {
    font-size: 16px;
    color: var(--main-bg-color);
}

.mapview .availability-compact-view {
    position: relative;
}

.gm-style .gm-style-iw-c {
    min-width: 280px !important;
    max-width: 320px !important;
}

.mapview .maploadwrap {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    height: 100%;
}

.error-highlightDark {
    color: var(--highlightDark);
}
.mapview .close-modal-map:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background: rgb(0 0 0 / 55%);
    border-radius: 50px;
}
.mapview .close-modal-map svg{
    width:24px;
    height:24px;
    z-index:0;
}
/*.mapview .close-modal-map .icon-close{
    position: absolute;
    z-index: 1;
    right: 6px;
    width: 30px;
    height: 30px;*/
/*background: rgb(255 255 255 / 0.7);*/
/*top: 7px;
    border-radius: 5px;
    display: grid;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    cursor: pointer;
}*/
.mapbtmwrap .tripadvisor-img img {
    width: 100px !important;
    height: 17px !important;
    margin-bottom: 5px;
    margin-left: -5px;
}

.gm-style-iw-d br {
    display: none;
}

.mapview {
    position: relative;
}

    .mapview .gm-ui-hover-effect {
        top: 0 !important;
        right: 5px !important;
        height: 36px !important;
        border-bottom: 1px solid #d9d7d9 !important;
        width: 36px !important;
        background: #fff !important;
        box-shadow: 0 2px 4px 0 rgb(5 47 95 / 0.04), 0 12px 16px 0 rgb(52 105 203 / 0.12);
        border-radius: 50%;
    }

        .mapview .gm-ui-hover-effect span {
            width: 21px !important;
            height: 21px !important;
            float: right !important;
        }

.gm-style .gm-style-iw-d {
    margin-top: 0;
    padding-bottom: 0 !important;
}

.mapview .hotel-pricing {
    color: var(--theme-reg-color);
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}

    .mapview .hotel-pricing .current-price {
        font-size: 16px;
        margin-left: 3px;
        font-weight: 700;
        color: var(--theme-reg-color);
    }

.mapview .mappopup {
    background: #fff;
    padding: 15px;
    max-width: 360px;
    min-width: 320px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    border-radius: 10px;
    left: auto;
}

.mapview .main_box_pan {
    margin-top: 0 !important;
    box-shadow: none !important;
}

.mainHeader .navbar-brand + .more-item-show {
    display: none;
}

.mapview .empty-hotel-details {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between;
}

    .mapview .empty-hotel-details span {
        font-size: 14px;
    }

    .mapview .empty-hotel-details .close-modal-map {
        position: relative;
        top: 0 !important;
        display: inline-flex;
    }

.trip-search-landing-form #Hotels .hmd-sub,
.trip-search-landing-form #Tours .hmd-sub {
    position: fixed;
    top: auto;
    text-align: right;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 100%;
    padding: 7px 26px;
    border-top: 1px solid #ddd;
    z-index: 3;
}

.trip-search-landing-form #Hotels #divRooms .hmd-sub {
    padding: 7px 12px;
}

.trip-search-landing-form #Hotels .hmd-remove i,
.trip-search-landing-form #Tours .hmd-remove i {
    right: 0;
    left: auto;
    font-size: 14px;
    font-weight: 400;
}

.trip-search-landing-form #Hotels .hmd-book-container,
.trip-search-landing-form #Tours .hmd-book-container {
    padding-bottom: 45px;
    padding-top: 0;
}

.mapview .mappopup #DetailHotel {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

    .mapview .mappopup #DetailHotel .hr-tupple-body .tupple-img-wrp,
    .mapview .mappopup #DetailHotel .hr-tupple-body .tupple-price-wrap {
        position: relative;
        width: 100%;
        max-width: 100%;
    }

.mapview .mappopup .hr-tupple-body .tupple-htl-details .htl-location,
.mapview .mappopup .tupple-htl-details .htl-benifits {
    margin-bottom: 5px;
}

.mapview .mappopup .tupple-price-wrap {
    padding: 0;
    background: 0 0;
    border: 0;
    text-align: right;
    min-height: auto;
    display: flex;
    vertical-align: middle;
    align-items: baseline;
    justify-content: space-between;
}

.mapview .mappopup .mainchooseroombtn {
    display: none;
}

.mapview .mappopup .tupple-price-wrap .htl-price .strikeTxt {
    padding-right: 3px;
}

.mapview .mappopup .hr-tupple-body .tupple-price-wrap .htl-price .nightTxt {
    margin-bottom: 0;
}

.mapview .mappopup .htl-result-wrap .main_box_pan {
    margin-top: 0;
}

.mapview .mappopup .tui-hr-tupple .hr-tupple-body {
    display: block;
}

.mapview .mappopup .hr-tupple-body .tupple-htl-details {
    min-height: auto;
}

.mapview .mappopup #DetailHotel .hr-tupple-body .tupple-img-wrp {
    max-height: 130px;
    overflow: hidden;
    border-radius: 5px;
    height: 130px;
}

    .mapview .mappopup #DetailHotel .hr-tupple-body .tupple-img-wrp img {
        min-width: 100%;
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.mapview .close-modal-map {
    position: absolute;
    z-index: 1;
    right: 6px;
    width: 24px;
    height: 24px;
    /*background: rgb(255 255 255 / 0.7);*/
    top: 7px !important;
    border-radius: 5px;
    display: grid;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    cursor: pointer;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3C/svg%3E);
    /*background: rgb(0 0 0 / 0.7);*/
    background-repeat: no-repeat !important;
    overflow: hidden !important;
    background-position: center center;
    border: 0 !important;
}

.mapview .hr-tupple-body .tupple-htl-details .rating-container {
    margin-bottom: 0;
}

.map_button .banner_avail .box-switch > div {
    padding: 6px 15px !important;
}

.mapview .mappopup .tui-hr-tupple .hr-tupple-body .tupple-htl-details {
    padding: 0;
}

.mapview .mappopup .locationMapUn {
    display: none;
}

.mapview .mappopup #DetailHotel .tupple-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
    margin-top: 10px;
}

.mapview .mappopup #DetailHotel .hr-tupple-body .tupple-price-wrap .htl-price .mainpricesrp {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    text-align: left;
}

.maploadwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    display: grid;
    align-items: center;
    text-align: center;
    background: #f8f8f8;
    z-index: 1;
}

.mapview .mappopup .tupple-price-wrap .save-price {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 14px;
}

.mapview .strikeTxt {
    text-decoration: line-through;
    font-size: 12px;
}

.stars:before {
    color: #e5b52e !important;
}

.map-content {
    background: #f8f8f8;
    z-index: 0;
}

.navbar .nav-tabs .nav-link img {
    height: 20px;
    max-width: 20px;
    margin-right: 5px;
    vertical-align: middle;
    align-items: center;
}

.morelilist .nav-link img {
    height: 20px;
    max-width: 20px;
    margin-right: 5px;
    vertical-align: middle;
    align-items: center;
}

.navbar-right li .nav-link img {
    height: 20px;
    max-width: 20px;
    margin-right: 0;
    vertical-align: middle;
    align-items: center;
}

.htlpagewrapper div#fltrWrap.mapsidefilter {
    position: relative !important;
    bottom: auto !important;
}

.trip-search-landing-form #Activities .dash-form-group #ddl_pageSizeTour {
    padding-left: 0px !important;
    cursor: pointer;
}

.modifymapresult .banner_avail {
    display: none;
}

.trip-search-landing-form #Hotels .input-group.kTouchspin {
    position: static;
}

    .trip-search-landing-form #Hotels .input-group.kTouchspin .droupmainbx,
    .trip-search-landing-form .multicentersform .input-group .droupmainbx {
        left: 0;
        transform: translate(0%, 0);
        -webkit-transform: translate(0%, 0);
        -moz-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
        -o-transform: translate(0%, 0);
    }

.droupmainbx .hmd-close {
    z-index: 9;
    position: absolute;
    right: 15px;
    top: 15px;
}

.advancedSearch:hover {
    background: var(--main-bg-color) !important;
    color: #fff !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.trip-search-landing-form .hmd-room .hmd-room-section .hmd-remove:hover {
    color: #eb2626;
}

.hotelnationality .input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 68px !important;
}

#modifyHotelsearchform .modify-w-50,
#modifysearchform .modify-w-50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
}

#modifyHotelsearchform .modify-w-100,
#modifysearchform .modify-w-100 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.droupmainbx:before,
.droupmainbx:after,
.daterangepicker:before,
.daterangepicker:after {
    border: 0 !important;
}

.navbar .nav-tabs .nav-link .header-icon.flight-icons-24 img {
    height: 27px;
    max-width: 27px;
}

.flighthotel_SearchForm #FlightHotels .kTouchspin-travellerdetails .droupmainbx {
    left: 0;
}

.trip-search-landing-form #Flights .input-group span.twitter-typeahead,
.trip-search-landing-form #Flights .col,
.trip-search-landing-form #Flights .fromToCityexchange .form-group,
.trip-search-landing-form #Flights .dash-form-group.dash-form-group-bordernone .fromToCityexchange .dash-form-group {
    position: inherit !important;
}

.trip-search-landing-form #Flights .input-group span.twitter-typeahead,
.trip-search-landing-form #Flights .input-group {
    position: relative;
}

    .trip-search-landing-form #Flights .input-group span.twitter-typeahead .tt-dropdown-menu {
        width: 100%;
        min-width: 360px;
        margin-left: 0px;
        top: 37px !important;
    }

    .trip-search-landing-form #Flights .input-group.newpaxbox.kTouchspin {
        position: static;
    }

.trip-search-landing-form #Flights .kTouchspin .ddBoxWrap {
    left: 0%;
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
}

.trip-search-landing-form #Flights .dash-form-group.destination_list .input-group-prepend {
    left: 10px;
}

.trip-search-landing-form #Flights .bootstrap-touchspin .btn-default,
.trip-search-landing-form #Transfers .bootstrap-touchspin .btn-default,
.trip-search-landing-form #Visa .bootstrap-touchspin .btn-default {
    background: #fff0;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    min-height: 30px;
}

.trip-search-landing-form #Flights .kTouchspin .ddBoxWrap::before,
.trip-search-landing-form #Flights .kTouchspin .ddBoxWrap::after {
    border: 0px !important;
}

.trip-search-landing-form #Flights .dash-form-group .form-control:focus,
.trip-search-landing-form #Flights .kTouchspin .ddMoreToggle {
    background: transparent !important;
}

.trip-search-landing-form #Flights .kTouchspin.ddBox .ddBoxInner {
    padding-bottom: 0;
}

.trip-search-landing-form #Flights .bootstrap-touchspin-down,
.trip-search-landing-form #Flights .bootstrap-touchspin-up,
.trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .bootstrap-touchspin-up,
.trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .bootstrap-touchspin-down,
.trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .bootstrap-touchspin-down,
.trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .bootstrap-touchspin-up,
.trip-search-landing-form #Rental .rental_driverage .bootstrap-touchspin-down,
.trip-search-landing-form #Rental .rental_driverage .bootstrap-touchspin-up,
.trip-search-landing-form #Visa .visa_child_group .bootstrap-touchspin-down,
.trip-search-landing-form #Visa .visa_child_group .bootstrap-touchspin-up,
.trip-search-landing-form #RPEuropean .railspass_passanger_group .bootstrap-touchspin-down,
.trip-search-landing-form #RPEuropean .railspass_passanger_group .bootstrap-touchspin-up,
.trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .bootstrap-touchspin-up,
.trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .bootstrap-touchspin-down {
    position: relative;
    font-size: 0;
    transition: all 0.3s ease-in-out;
    color: #fff0;
}

    .trip-search-landing-form #Flights .ddBoxInner .bootstrap-touchspin-down::before,
    .trip-search-landing-form #Flights .ddBoxInner .bootstrap-touchspin-up::before,
    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .bootstrap-touchspin-down:before,
    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .bootstrap-touchspin-up:before,
    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .bootstrap-touchspin-down:before,
    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .bootstrap-touchspin-up:before,
    .trip-search-landing-form #Rental .rental_driverage .bootstrap-touchspin-down:before,
    .trip-search-landing-form #Rental .rental_driverage .bootstrap-touchspin-up:before,
    .trip-search-landing-form #Visa .visa_child_group .bootstrap-touchspin-down:before,
    .trip-search-landing-form #Visa .visa_child_group .bootstrap-touchspin-up:before,
    .trip-search-landing-form #RPEuropean .railspass_passanger_group .bootstrap-touchspin-down:before,
    .trip-search-landing-form #RPEuropean .railspass_passanger_group .bootstrap-touchspin-up:before,
    .trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .bootstrap-touchspin-up:before,
    .trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .bootstrap-touchspin-down:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transition: all 0.3s ease-in-out;
        background-position: center center;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDI4IDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDNIMjgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNS4zMzMzMyIvPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        z-index: 1;
        width: 16px;
        height: 16px;
        background-size: 10px;
        transform: translate(-50%, -50%);
        opacity: 0.6;
    }

.increment-input-fields .input-group-prepend.plus-minus-icons .input-group-text.subs#subs,
.increment-input-fields .input-group-append.plus-minus-icons .input-group-text.adds#adds,
.increment-input-fields .input-group-prepend.plus-minus-icons .input-group-text.subs2#subs2,
.increment-input-fields .input-group-append.plus-minus-icons .input-group-text.adds2#adds2 {
    border: 1px solid #ced4da !important;
    border-radius: 50px;
    width: 30px;
    cursor: pointer;
}

    .increment-input-fields .input-group-prepend.plus-minus-icons .input-group-text.subs#subs:hover,
    .increment-input-fields .input-group-append.plus-minus-icons .input-group-text.adds#adds:hover,
    .increment-input-fields .input-group-prepend.plus-minus-icons .input-group-text.subs2#subs2:hover,
    .increment-input-fields .input-group-append.plus-minus-icons .input-group-text.adds2#adds2:hover {
        background-color: #f6f6f6 !important;
    }

    .increment-input-fields .input-group-prepend.plus-minus-icons .input-group-text.subs#subs:before,
    .increment-input-fields .input-group-prepend.plus-minus-icons .input-group-text.subs2#subs2:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transition: all 0.3s ease-in-out;
        background-position: center center;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDI4IDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDNIMjgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNS4zMzMzMyIvPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        z-index: 1;
        width: 16px;
        height: 16px;
        background-size: 10px;
        transform: translate(-50%, -50%);
        opacity: 0.6;
    }

    .increment-input-fields .input-group-append.plus-minus-icons .input-group-text.adds#adds:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transition: all 0.3s ease-in-out;
        background-position: center center;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTRIMjhNMTQgMFYyOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI1LjMzMzMzIi8+Cjwvc3ZnPgo=);
        z-index: 1;
        width: 12px;
        height: 11px;
        background-size: 10px;
        transform: translate(-50%, -50%);
        opacity: 0.6;
    }

    .increment-input-fields .input-group-append.plus-minus-icons .input-group-text.adds2#adds2:before {
        content: "";
        position: absolute;
        right: 3px;
        top: 50%;
        transition: all 0.3s ease-in-out;
        background-position: center center;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTRIMjhNMTQgMFYyOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI1LjMzMzMzIi8+Cjwvc3ZnPgo=);
        z-index: 1;
        width: 12px;
        height: 11px;
        background-size: 10px;
        transform: translate(-50%, -50%);
        opacity: 0.6;
    }

.trip-search-landing-form #Flights .bootstrap-touchspin-down:hover::before,
.trip-search-landing-form #Flights .bootstrap-touchspin-up:hover::before {
    opacity: 1;
}

.trip-search-landing-form #Flights .bootstrap-touchspin-down:hover,
.trip-search-landing-form #Flights .bootstrap-touchspin-up:hover {
    background: #f6f6f6;
}

.trip-search-landing-form #Flights .ddMoreToggle .btn-cancel,
.trip-search-landing-form #Visa .ddMoreToggle .btn-cancel {
    border: none;
    text-align: left;
    color: #333;
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.trip-search-landing-form #Flights .nationalitylist .input-group-prepend {
    left: 0 !important;
}

.trip-search-landing-form #Flights .ddMoreToggle .btn-cancel:hover,
.trip-search-landing-form #Visa .ddMoreToggle .btn-cancel:hover {
    color: #eb2626;
}

.trip-search-landing-form #Flights .ddBoxInner .bootstrap-touchspin-up::before,
.trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .bootstrap-touchspin-up:before,
.trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .bootstrap-touchspin-up:before,
.trip-search-landing-form #Rental .rental_driverage .bootstrap-touchspin-up:before,
.trip-search-landing-form #Visa .visa_child_group .bootstrap-touchspin-up:before,
.trip-search-landing-form #RPEuropean .railspass_passanger_group .bootstrap-touchspin-up:before,
.trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .bootstrap-touchspin-up:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTRIMjhNMTQgMFYyOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI1LjMzMzMzIi8+Cjwvc3ZnPgo=);
}

body #Flights .newpaxbox .ddBoxWrap .bootstrap-touchspin input.form-control,
body #Transfers .newpaxbox .ddBoxWrap .bootstrap-touchspin input.form-control,
body #Visa .newpaxbox .ddBoxWrap .bootstrap-touchspin input.form-control {
    background: transparent !important;
    border: none;
}

.input-group.bootstrap-touchspin .droupmainbxc.right #AgeTrDiv .input-group.bootstrap-touchspin .form-control {
    border: 1px solid #ffffff00 !important;
}

.recommend-city .properties a {
    color: #fff;
}

.facility#excurionsearch #excursionsearchid {
    padding-left: 10px;
    border: solid 1px #cecece;
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 4px;
}

.trip-search-landing-form #Rental .input-group.clockpicker.bootstrap-touchspin .btn.btn-default.bootstrap-touchspin-down,
.trip-search-landing-form #Rental .input-group.clockpicker.bootstrap-touchspin .btn.btn-default.bootstrap-touchspin-up {
    background: #fff0;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    min-height: 30px;
    line-height: 1.3;
    border: 1px solid #ced4da;
    padding: 4px 5px 8px 5px;
}

.travmain .donebox {
    padding: 4px 15px;
}

.nocncldsn.activityselect-option.travmain.divOption0Less .trav1-one .h3inner {
    padding-bottom: 5px;
    color: var(--theme-reg-color) !important;
}

.activityselect-option .nonRefundableInner .clsCanPolHead {
    color: var(--theme-reg--dark--light) !important;
    font-weight: 400;
}

.activityselect-option .input-group #ddltransfer {
    width: 135px !important;
}

.activityselect-option .input-group #ddllanguage {
    width: 135px !important;
}

.ahotel-body .clickme {
    box-shadow: none;
    text-transform: capitalize;
}

.modifydate-pax a.show-activitywrap {
    margin: 0;
    padding: 9px 0;
    display: inline-block;
}

.ahotel-item .ahotel-body {
    padding-left: 10px;
}

.main_box_pan .hot_hotel-body {
    padding: 7px 12px !important;
}

.hotel-item-wrap#divRight #divNoRecord .results_hot {
    padding-bottom: 4rem;
    width: 100%;
    margin: 0 auto 30px auto;
    border-radius: 10px;
    background: #fff;
    max-width: 100%;
}

.noresultFound-link {
    width: 100%;
    text-align: center;
    margin-top: 35px;
    display: block;
}

    .noresultFound-link a {
        border: 1px solid var(--main-bg-color);
        border-radius: 6px;
        color: var(--main-bg-color);
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        padding: 7px 20px;
        max-width: 170px;
        margin: 0 7px;
    }

        .noresultFound-link a.noresultFound-link-color {
            background-color: #fff;
            color: #252525;
            border: 1px solid #d7d3d3;
        }

#divNoResult .results_hot .texts_links {
    color: var(--theme-reg-color);
    font-size: 22px;
}

.advancedSearchFormgroup div.checkbox.switcher label input + span,
div.radio.switcher label input + span {
    background: #e3e3e3;
    border: 1px solid #e3e2e2;
}

.b2bview-more {
    border-top: solid 1px #ddd;
}

body .hot_hotel-item .b2bhtl-icons1 i,
body .hot_hotel-item .b2bhtl-iconsrht1 i {
    background-color: transparent !important;
    color: #666 !important;
    padding: 0 4px !important;
    font-size: 22px !important;
}

.main_box_pan .compare svg {
    width: 22px;
}

.cleatAllbut {
    width: 100%;
    text-align: right;
    display: block;
    padding: 12px 30px 12px 20px;
    border-bottom: solid 1px #e9e9e9;
}

    .cleatAllbut a {
        color: var(--main-bg-color) !important;
        font-size: 14px;
    }

        .cleatAllbut a:hover {
            color: #e13747;
        }

.main_box_pan.main_box_pan_new.change_hotel {
    box-shadow: none !important;
    border: solid 1px #d9d4d4;
}

.comparative-view .hotel-pricing {
    border: solid 1px #d7d7d9;
    border-radius: 10px;
    margin-bottom: 10px !important;
}

.hmd-book-settings .hmd-rooms-panel .hmd-label {
    font-weight: 700;
    font-size: 15px;
}

.htlRslt#DivFilter .fltrWrap#fltrWrap .cleatAllbut {
    padding: 10px 20px 7px 20px;
}

.ahotel-trav-main .ahotel-right .tavelPrt2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 55%;
}

.NewPrice {
    font-size: 100% !important;
}

.ahotel-body .uc-final-content .hdg {
    color: #5a5858 !important;
}

.donebox.loadingSubmitBtn.pull-right {
    max-width: 85px;
    line-height: 18px !important;
    padding: 2px 10px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container--default .select2-selection--multiple {
    border: solid 1px #cecece !important;
    border-radius: 4px;
}

.ahotel-person {
    margin-bottom: 8px !important;
    margin-top: 6px !important;
}

.kstm-item div#polcallid {
    margin-bottom: 5px;
}

.d-block#htladd img {
    padding-left: 8px;
}

.bootstrap-touchspin .bootstrap-touchspin-down {
    border-right: 1px solid #ced4da !important;
}

.trip-search-landing-form .dash-form-group .form-control.error {
    border: solid 1px red !important;
}

.main_box_pan_new .travmain.nocncldsn .trav1-three {
    width: 16%;
}

.error {
    background-color: #ffeaea00 !important;
}

.trip-search-landing-form .mtryprnterr {
    border: solid 1px red !important;
    border-radius: 5px;
}

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

.trip-search-landing-form .dash-form-group.mtryprnterr .form-control.error {
    border: 0 !important;
}

.mtryprnterr .form-control.error {
    border: 0 !important;
}

.trip-search-landing-form #Activities .bootstrap-touchspin .btn-default {
    background: #fff0;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    min-height: 30px;
}

.multicentersform .dash-form-group input {
    border: 0 !important;
}

.sfFTD {
    border-bottom: 1px dashed #ddd0 !important;
}

.morelilist .nav-link.active {
    background-color: var(--main-bg-color);
    color: #fff !important;
}

.morelilist a.nav-link.active img {
    filter: invert(1);
}

li.nav-item.restlistitem:hover img {
    filter: brightness(100) contrast(100);
}

.mapviewpage .sort-box.sortBoxCustom {
    display: none !important;
}

.mapview .availability-compact-view,
.mapview {
    height: 100%;
}

#map-result.map-content {
    min-height: 590px;
    height: 100% !important;
}

.hotelResultSkelton {
    background-color: #fff;
}

    .hotelResultSkelton .hw-40 {
        width: 40%;
    }

        .hotelResultSkelton .hw-40 .card-skeleton {
            width: 70%;
        }

    .hotelResultSkelton .hw-17 {
        width: 17%;
        border-left: solid 1px #ebebeb;
        border-right: solid 1px #ebebeb;
    }

        .hotelResultSkelton .hw-17 .card-skeleton {
            width: 80%;
        }

    .hotelResultSkelton .hw-auto {
        width: 43%;
        float: right;
    }

.hw-33 {
    width: 33%;
}

.hw-10 {
    width: 10%;
}

@keyframes placeHolderShimmer {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: -468px 0;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 468px 0;
    }
}

.card-skeleton {
    width: 100%;
    height: 48px;
    position: relative;
    float: left;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    background: #fff;
    z-index: 10;
    padding: 6px;
    opacity: 1;
}

    .card-skeleton.hidden {
        transition: all 0.3s ease-in-out;
        opacity: 0;
        height: 0;
        padding: 0;
    }

.card-skeleton-img {
    width: 100%;
    height: 120px;
    background: #e6e6e6;
    display: block;
}

.animated-background {
    will-change: transform;
    animation: placeHolderShimmer 1s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: #e6e6e6;
    background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 100%;
    position: relative;
}

.skel-mask-container {
    position: relative;
}

.skel-mask {
    background: #fff;
    position: absolute;
    z-index: 200;
}

.skel-mask-1 {
    width: 100%;
    height: 15px;
    top: 0;
    left: 0;
}

span.select2-container.select2-container--default.select2-container--open {
    z-index: 9999;
}

.select2-dropdown .select2-dropdown--below {
    width: 483px;
}

.htlpagewrapper .sidber-box .favoritesflt .checkbox > label {
    white-space: nowrap;
    display: grid;
}

.flighttab .fltrWrap {
    margin-top: 0 !important;
}

.htlpagewrapper.mapviewpage {
    position: fixed;
    width: 100% !important;
    height: 100vh;
    max-width: 100% !important;
    min-height: 100vh;
    z-index: 9;
    background: rgb(0 0 0 / 0.7);
    top: 60px;
}

.mapviewpage .listviewlink {
    display: none;
}

.mapclosebtn {
    display: none;
    position: absolute;
    top: -40px;
    right: -60px;
    left: auto;
    z-index: 0;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 20px rgb(0 0 0 / 0.1), 0 6px 6px rgb(0 0 0 / 0.1);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mapviewpage .mapclosebtn {
    display: grid;
    position: absolute !important;
    padding: 0 !important;
    vertical-align: middle;
    border-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.mapviewlink.active {
    display: none;
}

.active.listviewlink {
    opacity: 0;
    position: absolute !important;
}

.mapviewpage .mapclosebtn img {
    width: 15px;
    top: auto;
    transform: translate(0);
    position: absolute;
    width: 15px !important;
    height: 15px;
    left: 10px !important;
}

.mapviewpage div#fltrWrap.mapsidefilter {
    position: relative !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100%;
}

.mapviewpage .sidebar .fltrWrapInner {
    max-height: calc(100vh - 150px);
}

.listview {
    min-width: 100%;
}

.htlpagewrapper.mapviewpage > div.page-row {
    background: #fff;
    padding: 25px 30px;
}

#divTrPickup .input-group-text img,
#divTrDrop .input-group-text img {
    max-width: 20px;
    max-height: 20px;
}

.comparison-add {
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: center;
}

small#fixed-bar-select-one-more {
    display: block;
}

.modal-header span#myModalPopupLabelAdd {
    font-weight: 400;
    font-size: 14px;
}
.fromToCityexchange input#txtRoundtripFrom,
.fromToCityexchange input#txtOneWayFrom {
    width: 90% !important;
}
.trip-search-landing-form #Flights .form-group input#txtRoundtripWayTo,
.trip-search-landing-form #Flights .form-group input#txtOneWayTo {
    padding-left: 25px !important;
}
#Flights .connecting-arrow {
    z-index: 1 !important;
}

.hot_hotel-body,
.hot_hotel-body * {
    font-family: inherit !important;
}

    .hot_hotel-body .b2bcontantbox.cntrlinliner,
    .hot_hotel-body .b2bcontantbox.cntrlinliner *,
    .hotelItemWrappMain .main_box_pan .hot_hotel-body p {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
.businesstype .dropdown-item {
    font-size: 15px;
    padding-left: 25px !important;
}
.businesstype a.dropdown-item::before {
    border-radius: 50% !important;
    border: 2px solid #ccc !important;
    background-image: none !important;
    width: 18px !important;
    height: 18px !important;
    left: 0 !important;
}
.businesstype a.dropdown-item.active::before {
    border-radius: 50% !important;
    border: 2px solid var(--main-bg-color) !important;
    background-image: none !important;
    width: 18px !important;
    height: 18px !important;
    background:transparent !important;
}
.ddBoxWrap .businesstype {
    padding: 0 15px 15px;
}
#Flights .ddBoxWrap.open .ddBoxInner .form-group.row {
    margin-bottom: 10px !important;
}
.businesstype a.dropdown-item.active::after {
    background: var(--main-bg-color);
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 4px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
    @media (max-width: 1500px) {
        .htlpagewrapper.mapviewpage > div.page-row {
        padding: 40px 20px;
    }

    .mapviewpage .mapclosebtn {
        top: -60px !important;
    }
}

.hot_hotel-item .hot_hotel-image .img {
    border-radius: 10px !important;
    overflow: hidden !important;
}
.fareamount_CardFooter button,
.fareamount_CardFooter .loadderbtn {
    border-radius: 40px;
    overflow: hidden;
    outline: 0;
    border: 0;
    width: 108px;
}
.fitemdurprice .fitemselect .loadderbtn{
    min-width:98px;
}
@media (min-width: 992px) and (max-width:1200px) {
    .mapviewpage .mapclosebtn {
        top: -45px !important
    }
    input::placeholder{
        font-size:13px !important;
    }
}

@media (max-width: 1260px) {
    #divExcursionList .ahotel-trav-main .activityselect-option .ahotel-right {
        border: 0;
    }
}

.hotelItemWrappMain .trav1-two .tavelPrt7 a {
    display: none !important;
}

@media (max-width: 1200px) {
    .fixed-bar .center {
        max-width: 100%;
    }
    .cancellation_tab .fl-accordion thead th:last-child {
        min-width: 90px;
    }
    .trav1-two {
        border-left: none !important;
        border-right: none !important;
    }

    .main_box_pan_new .trav .travmain .detail-button {
        width: 66px;
        min-width: 66px;
        margin-right: 5px !important;
        padding-left: 0;
        padding-right: 0;
    }

    .hotelItemWrappMain .travmain .tavelPrt6 i:last-of-type {
        font-size: 18px;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 .promoarrow {
        text-align: center !important;
    }

    .hotelItemWrappMain .travmain .donebox {
        /*        padding-left: 0px !important;
        padding-right: 0px !important;*/
        min-width: 80px;
    }

    .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 200px !important;
    }

    #back-to-top {
        display: none;
    }
}
.mobcitysearch,
span.backs,
.sercomplete {
    display: none !important;
}
.recentsearch {
    display: flex;
    padding: 0px;
    margin-bottom: 10px;
    scrollbar-width: none;
    justify-content:center;
    margin-top:15px;
    /*display:none !important;*/
}
.recentlabel {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    margin-right:10px;
}
.recentlist {
    margin: 0;
    display: flex;
    overflow-y: scroll;
    box-sizing: border-box;
    scrollbar-width: none;
    gap: 10px;
}
.recentlabel svg {
    fill: var(--main-bg-color)
}
.recentlist li {
    flex-direction: column;
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: 0px;
    background: #f8f8f8;
    cursor:pointer;
    font-size:90%;
    user-select:none;
}
.recentlist p {
    margin: 0;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:1.6;
}
div#divPopupTimeOut {
    right: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1200px) {
    .multicity .fromToCityexchange .Ttext,
    .multicity .fromToCityexchange .Ftext {
        overflow: hidden;
    }
    .multicity .fromToCityexchange .ftairportcode {
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .fidlayover {
        padding: 5px 10px !important;
    }
        .fidlayover:before{
            border-radius:10px;
        }
        .mapview .mappopup .tupple-price-wrap {
            margin-top: 5px;
        }
    .mapview .hotel_rewrads.rewards_point_container {
        margin-top: 0 !important;
    }
    .lds-ellipsis-loader {
        height: 20px;
    }
    .flight_Flexibility_container{
        position:relative;
    }
        .flight_RtpPopup_filter .flight_Rtc_checkboxwrap .checkbox label .cr + span{
            font-size:13px;
        }
    .DRTbody .myRTCol .checkbox {
        padding-left: 20px;
    }
        .DRTbody .myRTCol .checkbox .cr i::before {
            display: flex;
        }
    .flight_Flexibility_container .swiper-button-prev,
    .flight_Flexibility_container .swiper-button-next {
        width: 36px !important;
        height: 36px !important;
        left: -10px !important;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        border-radius: 10px !important;
    }
    .viewFareBtnmodal .viewFare_subheading {
        display: block;
        font-weight: 400;
    }
    .modal-body .flight_Flexibility_container .swiper-button-next {
        right: -10px !important;
        left: auto !important;
    }
    
    .viewFareBtnmodal .modal-header .close.modal-close {
        right:0;
    }
    .bookFlight .mobfnowrap .viewFareBtn {
        background: transparent !important;
    }
    .viewFareBtnmodal .mediumBoldFont {
        text-align: center;
    }
    .lds-ellipsis-loader div {
        top: 4px;
    }
    .traveller_room_heading {
        align-items: center;
    }
    .DRTbody .summary .sumbox .sumfare .fiditem,
    .DRTbody .summary .sumbox .sumfare,
    .DRTbody .summary .totalfare {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
        .DRTbody .summary .sumbox .sumfare .price,
        .DRTbody .summary .totalfare .price,
        .summary .totalfare .price {
            padding-right: 0 !important;
        }
    .DRTbody .flightbottomprice .summary .fareboxx .sumfare,
    .DRTbody .flightbottomprice .summary .fareboxx .totalfare {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .topinfoclass .fewText {
        justify-content: end;
        display: flex;
        width: auto !important;
    }

    .topinfoclass {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 1fr 130px;
        row-gap: 7px;
    }

   /* .freemealflight + .fewText {
        justify-content: start;
    }*/
    .flightresult .fitemprice .donebox {
        padding: 8px 24px;
        font-size: 14px !important;
        width: 108px;
        justify-content: center;
        display: flex;
    }
    .flightitem .airlinename {
        margin-top: 0 !important;
    }
    .traveller_room_img {
        display: flex !important;
        width: 32px;
        height: 32px;
        border: 1px solid #b3b3b3;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }
        .traveller_room_img img{
            width:14px !important;
        }
        .mobcitysearch {
            font-size: 13px;
            font-weight: 600;
            display: flex !important;
            width: 100%;
            min-height: 28px;
            gap: 6px;
            align-items: center;
        }
    .mobformstyle{
        display:none !important;
    }
   .open .sercompletebtn {
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        padding: 10px 20px;
        display:block !important;
    }
    .dash-form-group.open .directionArrow {
        transform: rotate(90deg) !important;
        margin-top: -15px !important;
    }
    .dash-form-group.open .connecting-arrow {
        justify-content: end !important;
        padding-right: 15px !important;
    }
    .open .sercomplete, .kTouchspin .ddMoreToggle .btn {
        background: var(--main-bg-color);
        height: 40px;
        border-radius: 36px;
        color: #fff;
        text-align: center;
        position: relative;
        width: 100%;
        z-index: 0;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    .fromToCityexchange {
        position: relative;
    }
    .multiCenterSearchDiv.open .mobcitysearch,
    .multicityselect.open .mobcitysearch {
        display: none !important;
    }
    .multiCenterSearchDiv.open .mobformstyle,
    .multicityselect.open .mobformstyle {
        display: flex !important;
    }
    .trip-search-landing-form #Flights .multiCenterSearchDiv.open,
    .trip-search-landing-form #Hotels .multicityselect.open {
        position: fixed;
        top: 0;
        z-index: 9999;
        height: 100%;
        left: 0;
        bottom: 0;
        background: #fff !important;
        width: 100% !important;
        border-radius: 0;
        padding: 25px 20px !important;
    }
    
    .listviewfilter.fltrWrap {
        border: 0 !important;
    }
    .trip-search-landing-form #Flights .form-group input#txtRoundtripWayTo,
    .trip-search-landing-form #Flights .form-group input#txtOneWayTo {
        padding-left: 0px !important;
    }
    .mapviewpage .banner_avail .box-switch > .mapclosebtn {
        position: fixed !important;
        top: 115px;
        right: 30px;
    }

    .searchviewform > div {
        display: none;
    }
}

.hotelItemWrappMain .b2bctrbx1 > span#htladd {
    cursor: pointer;
    display: inline-flex !important;
}

.rentalmodifysearch #Rental .input-group .form-control.hotels-inputs-fields {
    padding-left: 30px !important;
}

.rentalmodifysearch #Rental .input-group.bootstrap-touchspin .form-control.hotels-inputs-fields {
    padding-left: 0px !important;
}

.kTouchspin-travellerdetails .droupmainbx::after,
.kTouchspin-travellerdetails .droupmainbx::before {
    border: 0 !important;
}

.kTouchspin-travellerdetails .droupmainbx {
    top: 40px;
}

.trip-search-landing-form #Flights .destination_list .newpaxbox {
    vertical-align: middle;
    align-items: center;
}

.trip-search-landing-form #Flights .destination_list .hotels-inputs-fields {
    width: 90%;
    margin-left: 0px !important;
}

.trip-search-landing-form #Flights .sriform-multiselect {
    border-radius: 4px;
    padding: 0;
    margin-bottom: 10px;
}

    .trip-search-landing-form #Flights .sriform-multiselect .form-group {
        width: 100%;
        margin: 0;
        display: inline-block;
        max-width: 100%;
        padding: 10px;
    }

    .trip-search-landing-form #Flights .sriform-multiselect .nav-item {
        vertical-align: middle;
        padding-left: 25px;
    }

    .trip-search-landing-form #Flights .sriform-multiselect .input-group-prepend {
        height: 25px;
    }

.trip-search-landing-form .multicityselect .input-group-text .tour-detailspack {
    padding-right: 15px;
}

.trip-search-landing-form .multicityselect .input-group {
    vertical-align: middle;
    align-items: center;
}

.trip-search-landing-form #Tours .multicityinput-group,
.trip-search-landing-form #Tours .multicityktouchspin,
.trip-search-landing-form #Tours .destination_cleartxtwrap,
.trip-search-landing-form #Tours .destination_cleartxtwrap .twitter-typeahead,
.trip-search-landing-form #Tours .nationality_cleartxtwrap,
.trip-search-landing-form #Tours .nationality_cleartxtwrap .twitter-typeahead,
.trip-search-landing-form #Activities .activitiescleartxtwrap,
.trip-search-landing-form #Activities .activitiescleartxtwrap .twitter-typeahead,
.trip-search-landing-form #Activities .activities_date_input,
.trip-search-landing-form #Activities .activities_passanger,
.trip-search-landing-form #Activities .activites_nationality,
.trip-search-landing-form #Activities .activites_nationality .twitter-typeahead,
.trip-search-landing-form .multicentersform .input-group,
.trip-search-landing-form .multicentersform .twitter-typeahead,
.trip-search-landing-form .multicentersform .sriform-multiselect .input-group .btn-group,
.trip-search-landing-form #Flights .sriform-multiselect .input-group,
.trip-search-landing-form #Flights .sriform-multiselect ul,
.trip-search-landing-form #Flights .sriform-multiselect ul li,
.trip-search-landing-form #Transfers .transfer-cleartxtwrap,
.trip-search-landing-form #Transfers .transfer-cleartxtwrap .twitter-typeahead,
.trip-search-landing-form #Transfers .transfer_pickupcleartxtwrap,
.trip-search-landing-form #Transfers .transfer_pickupcleartxtwrap .twitter-typeahead,
.trip-search-landing-form #Transfers .transfer_dropoffcleartxt,
.trip-search-landing-form #Transfers .transfer_dropoffcleartxt .twitter-typeahead,
.trip-search-landing-form #Transfers .transfer_vehiclecleartxt,
.trip-search-landing-form #Transfers .transfer_vehiclecleartxt .twitter-typeahead,
.trip-search-landing-form #Transfers .transfer_date,
.trip-search-landing-form #Transfers .transfer_clockpicker,
.trip-search-landing-form #Transfers .transfer_nationalitycleartxt,
.trip-search-landing-form #Transfers .transfer_nationalitycleartxt .twitter-typeahead,
.trip-search-landing-form #Transfers .transfer_passanger_group,
.trip-search-landing-form #Rental .rental_citycleartxt,
.trip-search-landing-form #Rental .rental_citycleartxt .twitter-typeahead,
.trip-search-landing-form #Rental .rental_pickup_group,
.trip-search-landing-form #Rental .rental_pickuptime,
.trip-search-landing-form #Rental .rental_dropoff_group,
.trip-search-landing-form #Rental .rental_dropoff_time,
.trip-search-landing-form #Rental .rental_nationalitycleartxt,
.trip-search-landing-form #Rental .rental_nationalitycleartxt .twitter-typeahead,
.trip-search-landing-form #Flights .dash-form-group.nationalitylist .input-group,
.trip-search-landing-form #Flights .dash-form-group.nationalitylist .twitter-typeahead,
.trip-search-landing-form #Flights .multicity .multicitydate .input-group,
.trip-search-landing-form #Visa .visa_input_cleartxt,
.trip-search-landing-form #Visa .visa_origin_cleartxt,
.trip-search-landing-form #Rails .rails_from_cleartxt,
.trip-search-landing-form #Rails .rails_to_cleartxt,
.trip-search-landing-form #Rails .rails_departure_group,
.trip-search-landing-form #Rails .rails_time_group,
.trip-search-landing-form #Rails .rails_traveller_group,
.trip-search-landing-form #Rails .rails_nationality_group,
.trip-search-landing-form #RPEuropean .railspass_cleartxt_group,
.trip-search-landing-form #RPEuropean .railspass_passanger_group,
.trip-search-landing-form #RPEuropean .railspass_nationality_group,
.trip-search-landing-form #RPNEuropean .railsrpn_departure_group,
.trip-search-landing-form #RPNEuropean .railsrpn_passanger_group,
.trip-search-landing-form #RPNEuropean .railsnpr_natinality_group,
.trip-search-landing-form #RPNEuropean .railsnpr_natinality_group .twitter-typeahead,
.trip-search-landing-form #RPEuropean .railspass_nationality_group .twitter-typeahead,
.trip-search-landing-form #RPNEuropean .railspass_cleartxt_group,
.trip-search-landing-form #RPEuropean .railspass_cleartxt_group .twitter-typeahead,
.trip-search-landing-form #RPNEuropean .railspass_cleartxt_group .twitter-typeahead {
    position: static !important;
}

    .trip-search-landing-form #Tours .multicityinput-group .input-group-prepend,
    .trip-search-landing-form #Tours .multicityktouchspin .input-group-prepend,
    .trip-search-landing-form #Tours .destination_cleartxtwrap .input-group-prepend,
    .trip-search-landing-form #Tours .nationality_cleartxtwrap .input-group-prepend,
    .trip-search-landing-form #Activities .activitiescleartxtwrap .input-group-prepend,
    .trip-search-landing-form #Activities .activities_date_input .input-group-prepend,
    .trip-search-landing-form #Activities .activities_passanger .input-group-prepend,
    .trip-search-landing-form #Activities .activites_nationality .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer-cleartxtwrap .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_pickupcleartxtwrap .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_dropoffcleartxt .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_vehiclecleartxt .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_date .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_clockpicker .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_nationalitycleartxt .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_passanger_group .input-group-prepend,
    .trip-search-landing-form #Rental .rental_citycleartxt .input-group-prepend,
    .trip-search-landing-form #Rental .rental_pickup_group .input-group-prepend,
    .trip-search-landing-form #Rental .rental_pickuptime .input-group-prepend,
    .trip-search-landing-form #Rental .rental_dropoff_group .input-group-prepend,
    .trip-search-landing-form #Rental .rental_dropoff_time .input-group-prepend,
    .trip-search-landing-form #Rental .rental_nationalitycleartxt .input-group-prepend,
    .trip-search-landing-form #Transfers .transfer_pickup_dropoff .input-group-prepend,
    .trip-search-landing-form #Rental .rental_pickup_locationclear .input-group-prepend,
    .trip-search-landing-form #Rental .rental_dropoff_locationclear .input-group-prepend,
    .trip-search-landing-form #Visa .visa_input_cleartxt .input-group-prepend,
    .trip-search-landing-form #Visa .visa_origin_cleartxt .input-group-prepend,
    .trip-search-landing-form #Rails .rails_time_group .input-group-prepend {
        left: 8px !important;
    }

    .trip-search-landing-form #Rails .rails_from_cleartxt .twitter-typeahead .tt-dropdown-menu,
    .trip-search-landing-form #Rails .rails_to_cleartxt .twitter-typeahead .tt-dropdown-menu,
    .trip-search-landing-form #Rails .rails_nationality_group .twitter-typeahead .tt-dropdown-menu {
        left: -22px !important;
        min-width: 233px !important;
        top: 37px !important;
    }

    .trip-search-landing-form #RPEuropean .railspass_nationality_group .twitter-typeahead .tt-dropdown-menu,
    .trip-search-landing-form #RPEuropean .railspass_cleartxt_group .twitter-typeahead .tt-dropdown-menu,
    .trip-search-landing-form #RPNEuropean .railspass_cleartxt_group .twitter-typeahead .tt-dropdown-menu,
    .trip-search-landing-form #RPNEuropean .railsnpr_natinality_group .twitter-typeahead .tt-dropdown-menu {
        top: 66px !important;
    }

    .trip-search-landing-form #Rails .rails_from_cleartxt .input-group-prepend,
    .trip-search-landing-form #Rails .rails_to_cleartxt .input-group-prepend,
    .trip-search-landing-form #Rails .rails_time_group .input-group-prepend,
    .trip-search-landing-form #Rails .rails_nationality_group .input-group-prepend,
    .trip-search-landing-form #RPEuropean .railspass_cleartxt_group .input-group-prepend,
    .trip-search-landing-form #RPNEuropean .railspass_cleartxt_group .input-group-prepend,
    .trip-search-landing-form #RPEuropean .railspass_nationality_group .input-group-prepend,
    .trip-search-landing-form #RPNEuropean .railsnpr_natinality_group .input-group-prepend {
        margin-right: 0px !important;
    }

.trip-search-landing-form #Flights .dash-form-group.nationalitylist .input-group-prepend {
    left: 10px !important;
}

.trip-search-landing-form #Flights .dash-form-group.nationalitylist .tt-dropdown-menu {
    left: 0 !important;
    margin-left: 0 !important;
    top: 66px !important;
    width: 100% !important;
    min-width: 100% !important;
}



.trip-search-landing-form #Tours .multicityktouchspin .packagedroupmainbx,
.trip-search-landing-form #Rails .rails_traveller_group .rails_traveller_ddboxwrap {
    left: 0% !important;
    transform: translate(0%, 0) !important;
    top: 67px !important;
}

.trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap,
.trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .railsnpr_passanger_ddboxwrap {
    left: 0% !important;
    transform: translate(0%, 0) !important;
    top: 68px !important;
}

    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap:after,
    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap:before,
    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap:before,
    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap:after,
    .trip-search-landing-form #Rails .rails_traveller_group .rails_traveller_ddboxwrap:before,
    .trip-search-landing-form #Rails .rails_traveller_group .rails_traveller_ddboxwrap:after,
    .trip-search-landing-form #RPEuropean .railspass_passanger_group .railspass_ddboxwrap:before,
    .trip-search-landing-form #RPEuropean .railspass_passanger_group .railspass_ddboxwrap:after,
    .trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .railsnpr_passanger_ddboxwrap:before,
    .trip-search-landing-form #RPNEuropean .railsrpn_passanger_group .railsnpr_passanger_ddboxwrap:after {
        display: none !important;
    }

.trip-search-landing-form #Tours .destination_cleartxtwrap .typhead-loader,
.trip-search-landing-form #Transfers .transfer-cleartxtwrap .transfer_typheadsklton {
    top: 62px !important;
}

.trip-search-landing-form #Tours .destination_cleartxtwrap .twitter-typeahead .tt-dropdown-menu {
    top: 60px !important;
}

.trip-search-landing-form #Tours .nationality_cleartxtwrap .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Transfers .transfer_pickupcleartxtwrap .pickup_sklton,
.trip-search-landing-form #Transfers .transfer_dropoffcleartxt .transfer_dropoffsklton,
.trip-search-landing-form #Transfers .transfer_vehiclecleartxt .transfer_vehiclesklton,
.trip-search-landing-form #Rental .rental_citycleartxt .rental_typheadsklton {
    top: 68px !important;
    min-width: 232px !important;
}


.trip-search-landing-form #Visa .visa_origin_cleartxt .visa_origin_sklton {
    left: 0px !important;
    top: 68px !important;
    min-width: 236px !important;
}

.trip-search-landing-form #Activities .activitiescleartxtwrap .typhead-loader {
    top: 62px !important;
}

.trip-search-landing-form #Activities .activites_nationality .tt-dropdown-menu,
.trip-search-landing-form #Transfers .transfer_nationalitycleartxt .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Transfers .transfer_pickupcleartxtwrap .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Transfers .transfer_vehiclecleartxt .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Transfers .transfer_dropoffcleartxt .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Rental .rental_citycleartxt .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Rental .rental_nationalitycleartxt .twitter-typeahead .tt-dropdown-menu {
    top: 66px !important;
}

.trip-search-landing-form #Rental .rental_citycleartxt .twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form #Rental .rental_nationalitycleartxt .twitter-typeahead .tt-dropdown-menu {
    min-width: initial !important;
}

.trip-search-landing-form #Transfers .transfer-cleartxtwrap .twitter-typeahead .tt-dropdown-menu {
    top: 59px !important;
}

.trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap,
.trip-search-landing-form #RPEuropean .railspass_passanger_group .railspass_ddboxwrap {
    left: 0% !important;
    transform: translate(0%, 0) !important;
}

    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .ddMoreToggle,
    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .ddMoreToggle {
        background: none !important;
    }

    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .activities_passanger_button .btn-cancel,
    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .transfer_passanger_button .btn-cancel {
        text-align: left !important;
        padding-left: 0px !important;
        border: none !important;
    }

.trip-search-landing-form #FlightHotels .hmd-book-settings .hmd-sub .hmd-close:hover {
    color: #eb2626 !important;
    border-color: #eb2626 !important;
    transition: 0.3s ease-in-out;
}

.trip-search-landing-form .flexibility .sriradiogroup::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 0%;
    background: var(--main-bg-color);
    transition: 0.3s ease-in-out;
}

.trip-search-landing-form .flexibility .sriradiogroup:hover::after {
    width: 100%;
}

.flexibilityBtn {
    cursor: pointer;
}

.last-search-modal-popup .modal-header .close,
.countries-search-modal-popup .modal-header .close,
.modal-bg-white .modal-header .close {
    margin: 0;
    position: relative;
    z-index: 10;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: none;
    padding: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwyMiAyMiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0yMiAyTDIgMjIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K) !important;
    background-repeat: no-repeat !important;
    background-size: 13px !important;
    background-position: center center !important;
    font-size: 0;
    width: 16px;
    height: 16px;
}

    .last-search-modal-popup .modal-header .close::before,
    .countries-search-modal-popup .modal-header .close::before,
    .modal-bg-white .modal-header .close::before {
        content: "";
        line-height: 30px;
        width: 100%;
        text-align: center;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwyMiAyMiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0yMiAyTDIgMjIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K) !important;
        background-repeat: no-repeat !important;
        background-size: 13px !important;
        background-position: center center !important;
    }

    .last-search-modal-popup .modal-header .close:hover::before,
    .countries-search-modal-popup .modal-header .close:hover::before,
    .modal-bg-white .modal-header .close:hover::before {
        height: 32px;
        width: 32px;
        position: absolute;
        content: "";
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        border-radius: 50%;
        background: #f6f6f6;
        transition: transform 0.3s ease;
        z-index: -1;
    }

.trip-search-landing-form #FlightHotels .hmd-book-settings .hmd-sub .hmd-close,
.trip-search-landing-form .multicentersform .hmd-book-settings .hmd-sub .hmd-close {
    top: 0;
    left: 0;
    position: relative !important;
}

    .trip-search-landing-form #FlightHotels .hmd-book-settings .hmd-sub .hmd-close:active,
    .trip-search-landing-form .multicentersform .hmd-book-settings .hmd-sub .hmd-close:active {
        background: #fff0 !important;
    }

.trip-search-landing-form .multicentersform .input-group span.twitter-typeahead .tt-dropdown-menu,
.trip-search-landing-form .multicentersform .typhead-loader {
    top: 75px !important;
}

.trip-search-landing-form .multicentersform .dash-form-group .input-group-prepend,
.trip-search-landing-form #Flights .sriform-multiselect .input-group-prepend {
    left: 10px;
}

.trip-search-landing-form .multicentersform .daterangepicker {
    left: 0 !important;
    top: 75px !important;
}

.trip-search-landing-form #Flights .dropdown-menu.dropdown-menu-left {
    transform: translate3d(0, 67px, 0) !important;
    width: 100%;
}

.trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .ddBoxInner,
.trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .ddBoxInner {
    max-height: 310px !important;
    padding-bottom: 0px !important;
}

    .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .ddBoxInner .droupmainbxc,
    .trip-search-landing-form #Activities .activities_passanger .activitiesddboxwrap .ddBoxInner .droupmainbxc {
        width: 272px !important;
        margin-left: -136px !important;
    }

        .trip-search-landing-form #Transfers .transfer_passanger_group .transfer_passangerddboxwrap .ddBoxInner .droupmainbxc .bootstrap-touchspin .form-control {
            background: #fff !important;
            padding-left: 6px !important;
        }

.trip-search-landing-form #Rental .rental_pickuptime .rental_time_input.form-control,
.trip-search-landing-form #Rental .rental_dropoff_time .rental_dropoff_input.form-control {
    padding-left: 37px !important;
    margin-left: 0px !important;
}

.trip-search-landing-form #Transfers .transfer_pickup_dropoff {
    padding-left: 0;
    padding-right: 0;
}

    .trip-search-landing-form #Transfers .transfer_pickup_dropoff:after {
        background-image: url(../images/searchform/arrowdown.png);
        position: absolute;
        right: 3px;
        top: 35px;
        content: "";
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        pointer-events: none;
    }

    .trip-search-landing-form #Transfers .transfer_pickup_dropoff .transfer_form_control {
        margin-left: 0px !important;
        background: #fff0;
        appearance: none;
        cursor: pointer;
    }

.trip-search-landing-form #Transfers .transfer_form_group .transfer_form_select {
    padding-left: 6px !important;
    appearance: none;
    cursor: pointer;
}

.trip-search-landing-form #Transfers .transfer_form_group .transfer_input_group:after {
    background-image: url(../images/searchform/arrowdown.png);
    position: absolute;
    right: 3px;
    top: 17px;
    content: "";
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    pointer-events: none;
}

.trip-search-landing-form #Rental .rental_pickup_locationclear .rental_pickup_inputhotel.form-control,
.trip-search-landing-form #Rental .rental_dropoff_locationclear .rental_dropoff_inputhotel.form-control {
    margin-left: 0px !important;
    padding-left: 29px !important;
    appearance: none;
    background: #fff0;
}

.trip-search-landing-form #Rental .rental_pickup_locationclear:after,
.trip-search-landing-form #Rental .rental_dropoff_locationclear:after {
    background-image: url(../images/searchform/arrowdown.png);
    position: absolute;
    right: 3px;
    top: 17px;
    content: "";
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    pointer-events: none;
}

.trip-search-landing-form #Rental .rental_record_group .rental_record_select .form-control {
    appearance: none;
    padding-left: 7px !important;
}

.trip-search-landing-form #Rental .rental_record_group .rental_record_select:after {
    background-image: url(../images/searchform/arrowdown.png);
    position: absolute;
    right: 3px;
    top: 17px;
    content: "";
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    pointer-events: none;
}

.trip-search-landing-form #Hotels .daterangepicker td.active.start-date,
.trip-search-landing-form #Hotels .daterangepicker td.active.end-date {
    border-radius: 10px !important;
    border: 0;
    padding: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: visible;
}

.search-inputPopup.destinations-popup {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 15px 16px;
    padding-left: 9px;
    max-height: 438px;
    overflow: auto;
    background-color: #fff;
    position: absolute;
    min-height: 150px;
    left: 0;
    top: 68px;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgb(5 47 95 / 0.04), 0 12px 16px 0 rgb(52 105 203 / 0.12);
    border: 1px solid var(--theme-border-light-clr);
    min-width: 100%;
    display: none;
}

.dstn-rslt-wrap#Cities .dstn-rslt-list li::before {
    content: "";
    position: absolute;
    z-index: 1;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url('../images/save-more/icon_destination_m.png');
    left: 0;
    width: 24px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.dstn-rslt-wrap#Hotels .dstn-rslt-list li::before {
    content: "";
    position: absolute;
    z-index: 1;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url('../images/save-more/Icon_hotel_m.png') !important;
    left: 0;
    width: 24px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
}

.search-inputPopup .dstn-rslt-section {
    max-height: 370px;
    overflow: auto;
    padding-top: 15px;
    padding-bottom: 0;
}

.trip-search-landing-form #Hotels .typhead-loader.sklton {
    display: block;
    left: 0;
    top: 0;
    border: 0 solid #afafaf;
}

.search-inputPopup.destinations-popup .dstn-rslt-section {
    display: table;
    column-gap: 25px;
    overflow-x: hidden;
}

.dstn-rslt-wrap {
    padding-right: 0;
    display: table-cell;
    min-width: 435px;
    max-width: 435px;
}

    .dstn-rslt-wrap#Cities {
        padding-left: 16px;
        padding-right: 25px;
    }

.dstn-rslt-list li {
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}

.dstn-rslt-hdng.searchbar-heading {
    padding-left: 0;
    font-size: 14px;
    color: var(--theme-reg-color);
    font-weight: 700;
    margin-bottom: 5px;
}

.search-inputPopup.destinations-popup .dstn-rslt-section ul {
    margin-bottom: 0;
}

.destinations-popup .dstn-rslt-list li * {
    font-size: 16px !important;
    line-height: 32px;
    font-weight: 400;
}

.max-text0verlape {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 250px;
    float: left;
}

.max-text0verlape2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    float: left;
}

#Cities ul.dstn-rslt-list li .no-property {
    float: right;
    font-weight: 400;
    color: var(--theme-reg--dark--light) !important;
    font-size: 14px !important;
}

footer.footer .page-wrap,
footer.footer:before {
    z-index: 0;
}

.trip-search-landing-form #Visa .visa_adult_group .visa_group_prepend,
.trip-search-landing-form #Visa .visa_child_group .visa_child_prepend {
    left: -8px !important;
}

.ddNotifyInner ul li {
    opacity: 1 !important;
    pointer-events: all !important;
}

    .ddNotifyInner ul li:hover {
        background: #f6f6f6 !important;
    }

.fltrcon.sidber-box.timeRangeSlider {
    display: none !important;
}

@media (max-width: 1400px) {
    .modal.show .modal-dialog {
        position: relative !important;
        transform: none !important;
    }

    .lastsearchlistntab {
        margin-bottom: 15px;
    }

    .last-search-modal-popup .daysearch .title {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .daysearch ul {
        margin-bottom: 0;
    }

    .last-search-modal-popup .daysearch ul li span,
    .last-search-modal-popup .daysearch ul li a {
        font-size: 13px;
    }
}
.oneway .input-group input,
.multicity .input-group input,
.roundtrip .input-group input,
#Hotels .input-group input {
    cursor: pointer;
}
@media (max-width: 1200px) {
    .DRTbody .myRTCol .checkbox {
        padding-left: 30px;
    }
    .DRTbody .myRTCol .checkbox label {
        margin-top: .2rem;
        margin-bottom: .3rem;
    }
    .DRTbody .myRTCol .checkbox {
        padding-left: 30px;
    }
    .DRTbody .myRTCol .checkbox .cr {
        background: #D9D9D9 !important;
        border: 0px !important;
        height: 20px;
        width: 20px;
    }
    .DRTbody .myRTCol .checkbox .cr i::before {
        border-radius: 4px;
        padding: 4px;
        margin-left: 0px !important;
        font-size: 12px;
    }
    .trip-search-landing-form .banneradds {
        margin-left: 25px;
        display: none;
    }
    .fareamount_CardFooter button, .fareamount_CardFooter .loadderbtn{
        height:34px;
        font-size:14px !important;
    }
    .viewFareBtnmodal .onward_flight_div {
        display: block;
    }
    .viewFareBtnmodal {
        top: 0 !important;
    }
        .viewFareBtnmodal .modal-dialog {
           height:100vh;
        }
        .viewFareBtnmodal .modal-content {
            border-radius: 0 !important;
            background: #f8f8f8;
        }
    .isMobile #Flights .mobile_return_date .date_from_group .from_div .daterangepicker.opensright.dropdown-menu {
        position: fixed;
        right: 15px !important;
        left: 15px !important;
        height: calc(100vh - 165px) !important;
        top: 165px !important;
    }

    .hotels-multi-dates .input-group div#DatepickID.dropdown-menu.ltr {
        position: fixed;
        right: 15px !important;
        left: 15px !important;
        height: calc(100vh - 165px) !important;
        top: 165px !important;
    }
    .landingpageotaform .clearTxtWrap #txtDestHotel {
        padding-left: 36px !important;
    }
    .landingpageotaform .trip-search-landing-form #Hotels .form-control.hotels-inputs-fields#txtDestHotel{
        margin-left:0 !important;
    }
    .trip-search-landing-form #Flights .input-group span.twitter-typeahead .tt-dropdown-menu {
        left: -10px;
        top: 50px !important;
    }
    .search-inputPopup.destinations-popup {
        max-height: 100vh;
        box-shadow: none;
        border: 0;
        padding: 10px 20px;
        top: 140px;
    }
    .trip-search-landing-form .multicityselect.open .input-group-prepend {
        position: relative;
    }
    .search-inputPopup .dstn-rslt-section {
        max-height: calc(100vh - 236px);
    }
    .trip-search-landing-form #Hotels .multicityselect.open .input-group-text {
        position: relative;
    }
    .open span.backs {
        display: flex !important;
        width: 32px;
        height: 32px;
        border: 1px solid;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
    }
    .open .drawerheader {
        display: flex !important;
        width: 100%;
        height: 50px;
        margin-bottom: 15px;
        padding-left:42px;
        position:relative;
    }
    .open .drawerheader .backs {
        position: absolute;
        top: 0px;
        left:0;
    }
        .trip-search-landing-form #Flights .input-group span.twitter-typeahead .tt-dropdown-menu {
            box-shadow: none;
        }
    .tt-dropdown-menu{
        max-height:100vh !important;
    }
    span.twitter-typeahead .tt-dropdown-menu, span.twitter-typeahead .tt-menu{
        border:0 !important;
    }
    .trip-search-landing-form #Flights .input-group span.twitter-typeahead .tt-dropdown-menu{
        top:40px;
    }
    .trip-search-landing-form .tab-pane {
        margin: 0 auto;
    }

    .more-item-show .morelilist {
        right: 0;
        left: auto;
    }

    .search-inputPopup.destinations-popup .dstn-rslt-section #Cities {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        margin-bottom: 12px;
        padding-left: 0;
        min-width: inherit;
        padding-bottom: 10px;
    }

    .search-inputPopup.destinations-popup {
        max-width: 100%;
    }

    .search-inputPopup .dstn-rslt-section {
        padding-top: 0;
    }

    #Cities ul.dstn-rslt-list li .no-property {
        float: left;
        display: block;
        font-size: 11px !important;
        line-height: 15px;
    }

    .sortBoxCustom.sort-box .sort-list + .sort-list {
        display: block !important;
        margin-top: 50px;
    }

    ul.sort-list.sort-list-map li.sortLstPriceStarRatings {
        width: 56% !important;
        display: inline-block;
    }

    ul.sort-list.sort-list-map li.sortLstPriceRatings {
        width: 55% !important;
        display: inline-block;
    }

    ul.sort-list.sort-list-map li.sortLstPrice {
        width: 40% !important;
        display: inline-block;
        margin-right: 10px;
    }

    .fixed-bar {
        bottom: 41px;
    }

        .fixed-bar .center {
            width: 100%;
        }

    #fixed-bar_hotel_Compare.fixed-bar {
        bottom: 40px;
    }

        #fixed-bar_hotel_Compare.fixed-bar .tb-cell__bigbold {
            font-size: 11px !important;
        }

            #fixed-bar_hotel_Compare.fixed-bar .tb-cell__bigbold .svgunpin {
                width: 14px;
                height: 15px;
            }

        #fixed-bar_hotel_Compare.fixed-bar .center {
            width: 100%;
        }

        #fixed-bar_hotel_Compare.fixed-bar .comparison-add .col-8 {
            margin-left: -15px;
        }

        #fixed-bar_hotel_Compare.fixed-bar .comparison-add .col-4 {
            padding-left: 0;
            padding-right: 0;
        }

    #fixed-bar_hotel_Compare #fixed-bar-deselect-all-button {
        padding: 5px 2px;
    }

    #fixed-bar_hotel_Compare .compare-button {
        padding: 5px 2px;
    }

    .htlpagewrapper .hotel-item-wrap {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .sidebar.htlRslt .fltrWrap {
        z-index: 999 !important;
    }

    .modifymapresult {
        display: flex !important;
        align-items: center;
        padding-top: 10px;
    }

        .modifymapresult .banner_avail .box-switch > div {
            padding: 0px !important;
        }

        .modifymapresult .banner_avail .mapviewlink .evo-map-img {
            width: 0;
        }

    .searchviewform .modifymapresult .page-wrap {
        padding-top: 3px !important;
    }

    .modifymapresult .banner_avail {
        display: block !important;
    }

        .modifymapresult .banner_avail .box-switch {
            border: 0;
        }

    .sort-box.sortBoxCustom .map_button .banner_avail {
        display: none !important;
    }

    .mapviewpage .sortBoxCustom {
        opacity: 1;
    }

    .mapviewpage .sort-box.sortBoxCustom {
        display: block !important;
    }

        .mapviewpage .sort-box.sortBoxCustom .map_button .banner_avail {
            display: block !important;
        }

    .mapviewpage .banner_avail .box-switch > .mapclosebtn {
        position: fixed;
        top: 115px;
        right: 30px;
    }

    .mapviewpage div#fltrWrap.mapsidefilter {
        height: 0 !important;
    }

    .mapviewpage .htlRslt.sidebar .fltrWrapInner.fltrShow {
        top: 90px !important;
    }

    .htlRslt.sidebar .fltrWrapInner.fltrShow {
        top: 73px !important;
        z-index: 9 !important;
        padding-bottom: 120px;
    }

    .htlpagewrapper.mapviewpage {
        top: 90px;
    }

    .transferPagewrapper .ahotel-btns .donebox {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 764px) {
    .datesecdisabled {
        border-radius: 10px;
    }
    .recentsearch {
        flex-direction: column;
        margin-top: 0px;
    }
    #Cities ul.dstn-rslt-list li .no-property {
        display: none !important;
    }

    #Hotels .dstn-rslt-wrap#Cities {
        padding-right: 0px !important;
    }

    #Hotels .max-text0verlape {
        padding-left: 10px !important;
    }

    .activitymainwrap .hotel-item-wrap#divRight {
        padding: 0px !important;
    }

    #divExcursionList .ahotel-item .ahotel-body h3 {
        margin-top: 0px !important;
    }

    body #divExcursionList .kstm-item .ahotel-body {
        width: 100% !important;
    }

    #divExcursionList .ahotel-item .ahotel-right > * + .ahotel-person {
        margin-top: 10px !important
    }

    #Flights .connecting-arrow {
        pointer-events: none;
    }

        #Flights .connecting-arrow .directionArrow {
            pointer-events: initial;
        }

    .detailsbgclr .guestebx {
        margin-top: 15px;
    }

    body .sidebar .fltrWrapInner {
        min-height: 88% !important;
    }

    .multicentersform .multicentrsaddform .addAnotherCity {
        padding: 5px 10px;
        font-size: 12px;
    }

    .multicentersform .multicentrsaddform .removemultiCenters {
        font-size: 12px;
    }

    .advancedSearch {
        line-height: 23px;
        font-size: 13px !important;
    }

    .multicentersform .trip-searchbtn button,
    .trip-searchbtn .kSearchBtn {
        max-width: 100% !important;
    }

    .trip-search-landing-form .dash-form-group .form-control,
    .flight-search-bottom-separator ul li a,
    .trip-search-landing-form .form-group .form-select,
    .specificwholeMonthselect .dateSelectToggle #toggleTxt,
    .trip-search-landing-form .dash-form-group .form-control.txthtRoom,
    .sriform-multiselect .btn-group .multiselect-selected-text,
    .trip-search-landing-form .form-group > label,
    .sriform-multiselect .multiselect-container li a,
    .select2-results__option[aria-selected] {
        font-size: 13px;
    }

    .advancedSearch:hover {
        background-color: transparent !important;
        color: var(--main-bg-color) !important;
        border: 1px solid var(--main-bg-color) !important;
    }

    .flighttab .fltrWrap {
        z-index: 9;
    }
    .trip-search-landing-form .banneradds {
        display: none;
    }

    .box-switch .mapviewlink {
        width: 160px;
    }

    .noresultFound-link {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .noresultFound-link a {
            font-size: 14px;
        }

    .searchviewform .page-wrap {
        padding-top: 10px;
    }

    .searchviewform .search-reslult-text {
        padding-bottom: 5px;
    }

    .cleatAllbut {
        display: flex;
    }

    .htlRslt.sidebar .fltrClose i {
        padding-top: 2px;
    }

    .trip-search-landing-form .hmd-book-settings .hmd-sub .btn {
        padding: 6px 15px !important;
    }

    .trip-search-landing-form .form-group .form-select {
        background: #fff0;
    }


    .multicentersform .dash-form-group .input-group-prepend {
        left: -7px;
    }

    #Flights .connecting-arrow {
        position: absolute;
        z-index: 1;
    }

    .trip-search-landing-form .multicentersform {
        margin: 0 auto;
    }

    .multicentersform .dash-form-group .form-group.border-right {
        border-right: 0 !important;
        border-bottom: 1px solid #ddd;
    }

    .trip-search-landing-form .tab-pane {
        margin: 0 auto;
    }

    .trip-search-landing-form .trip-searchbtn {
        margin-top: 0px;
    }

    .countries-search-modal-popup,
    .last-search-modal-popup {
        top: 120px !important;
        z-index: 10000;
    }

    .trip-search-landing-form .world-extended-info {
        width: 34px;
        height: 34px;
        z-index: 0;
        text-align:end;
        right:0px!important;
    }

    .dash-form-group.destination_list label {
        display: inline-block !important;
    }

    .country-picker-pad-border {
        padding: 15px 10px;
    }

    .countries-search-modal-popup .headingtitle {
        font-size: 16px !important;
    }

    .multiselect-selected-text {
        font-size: 14px;
    }

    .trip-search-landing-form #Flights .dash-form-group .input-group-prepend,
    .trip-search-landing-form #Flights .dash-form-group.nationalitylist .input-group-prepend {
        width: 30px;
        position: relative;
        left: 0 !important;
    }

    .trip-search-landing-form #Flights .dash-form-group .twitter-typeahead input,
    .trip-search-landing-form #Flights .sriform-multiselect .nav-item {
        padding-left: 0px !important;
    }

    .trip-search-landing-form .input-group-text {
        height: 34px;
    }

    .trip-search-landing-form .droupmainbx {
        width: 100%;
        min-width: 300px;
        max-width: 320px;
    }

    .trip-search-landing-form #Flights .hotels-multi-dates .input-group .form-control.txtFlightfrmDate,
    .trip-search-landing-form #Flights .hotels-multi-dates .input-group .form-control.txtRoundtripToDate,
    .trip-search-landing-form #Flights .hotels-multi-dates .input-group .return-date-flight {
        width: 80% !important;
    }

    .trip-search-landing-form #Flights .destination_list .hotels-inputs-fields {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .mulbtnwrap.flight-add-rows .donebox {
        font-size: 14px !important;
        padding: 6px 15px !important;
    }

        .mulbtnwrap.flight-add-rows .donebox i {
            font-size: 18px !important;
        }

    .trip-search-landing-form #Flights .input-group span.twitter-typeahead .tt-dropdown-menu {
        min-width: 300px;
    }

    .trip-search-landing-form #Flights .dash-form-group .form-group .input-group-text,
    .trip-search-landing-form #Tours .dash-form-group .form-group .input-group-text,
    .trip-search-landing-form #Activities .dash-form-group .form-group .input-group-text,
    .trip-search-landing-form #Transfers .dash-form-group .form-group .input-group-text,
    .trip-search-landing-form #Rails .dash-form-group .form-group .input-group-text,
    .trip-search-landing-form #Visa .dash-form-group .input-group-text,
    .trip-search-landing-form #Rental .dash-form-group .input-group-text,
    .trip-search-landing-form #RailPass .dash-form-group .input-group-text {
        text-align: left !important;
    }

    .trip-search-landing-form #Rails .dash-form-group .input-group-text {
        height: 34px;
        text-align: left !important;
    }

    .trip-search-landing-form #Rails .dash-form-group .form-control {
        padding: 0 !important;
    }

    .trip-search-landing-form #Transfers #divTrDrop img,
    .trip-search-landing-form #Hotels .multicityselect.destination_list .input-group-text img {
        width: 20px;
    }

    .trip-search-landing-form #Flights .fromToCityexchange .form-group.border-right {
        border-right: 0 !important;
        border-bottom: 1px solid #ddd;
    }

    .trip-search-landing-form #Flights .fromToCityexchange .form-group.border-left {
        border-left: 0 !important;
    }

    #modifyHotelsearchform.modal {
        z-index: 10000;
    }

    #modifyHotelsearchform .modal-dialog {
        top: 100px;
    }

    #modifyHotelsearchform .tab-close.hideme .fa.fa-times {
        display: none;
    }

    #modifyHotelsearchform .modal-dialog .modal-body {
        overflow: auto !important;
        max-height:none!important;
    }

    .navbar-nav.nav-tabs {
        width: calc(100% - 30px) !important;
    }
    body .desktop_flighthotel_landing_form #FlightHotels .open .dash-form-group.airport_list.w-100 {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .hotelItemWrappMain .travmain .donebox.detail-button + .donebox {
        height: 21px !important;
    }
  
}

@media (max-width: 560px) {
    .last-search-nav .nav-link {
        font-size: 13px;
        padding: 8px 16px;
    }
    .trip-search-landing-form #Flights .multiCenterSearchDiv.open .fromToCityexchange
     {
        display: grid;
    }
    .trip-search-landing-form #Flights .input-group span.twitter-typeahead .tt-dropdown-menu,
    .trip-search-landing-form #Flights .typhead-loader {
        top: 136px !important;
    }
    .last-search-modal-popup .daysearch .title {
        font-size: 14px !important;
    }

    .trip-search-landing-form .tab-pane {
        width: 100%;
    }

    .trip-search-landing-form .flexibility .sriradiogroup {
        margin-right: 0;
    }

    .last-search-nav {
        padding: 6px 0;
    }

    .countrieslistntab {
        overflow: auto;
    }

        .countrieslistntab .last-search-nav {
            min-width: 460px !important;
        }

    #wholeMonth #months {
        min-width: 420px;
    }

    #wholeMonth .form-group,
    .datepickbottomsec {
        overflow: auto;
    }

        .datepickbottomsec .flexibility {
            min-width: 360px;
        }

    .trip-search-landing-form #Hotels .destination_list .form-group {
        padding-right: 6px !important;
    }

    .trip-search-landing-form #Hotels .hotels-multi-dates > .d-flex .form-group.border-right {
        border-right: 0 !important;
        border-bottom: 1px solid #ddd;
    }

    .trip-search-landing-form #Flights .mulbtnwrap.flight-add-rows .donebox {
        font-size: 12px !important;
        padding: 7px 10px !important;
    }
}

@media (max-width: 480px) {
    .navbar-right li .badge {
        top: 3px;
    }

    .dstn-rslt-list li {
        flex-direction: column !important;
    }

    .select2-container.select2-container--open .select2-dropdown {
        min-width:100%;
      /*  max-width: 100%;*/
      
    }
    .select2-container--default .select2-results > .select2-results__options {
        scrollbar-width: none;
    }
    .txthtpax.destbox.settingbox.form-control.txtPaxDetail.hotels-inputs-fields#txtpax1 {
        width: 85%;
    }

    .cartItemList {
        right: -70px !important;
        left: auto !important;
    }

    .trip-search-landing-form .dash-form-group {
        padding: 7px 10px 5px;
    }

    .trip-search-landing-form #FlightHotels .daterangepicker.dropdown-menu {
        left: 0 !important;
    }

    .dstn-rslt-wrap {
        max-width: 290px;
        min-width: inherit;
    }

    .navbar .nav-tabs .nav-link img {
        margin-right: 3px;
        height: 17px;
        max-width: 18px;
        margin-top: -5px;
    }

    .mainHeader .nav.nav-tabs > li > a {
        font-size: 11px;
    }

    .trip-search-landing-form #Flights .fromToCityexchange .col-md-2 {
        max-width: 30px;
    }

    .navbar .nav-tabs .nav-link .header-icon.flight-icons-24 img {
        height: 20px !important;
        max-width: 20px !important;
    }

    .trip-search-landing-form .dash-form-group .form-control,
    .flight-search-bottom-separator ul li a,
    .trip-search-landing-form .form-group .form-select,
    .specificwholeMonthselect .dateSelectToggle #toggleTxt,
    .trip-search-landing-form .dash-form-group .form-control.txthtRoom,
    .sriform-multiselect .btn-group .multiselect-selected-text,
    .trip-search-landing-form .form-group > label,
    .sriform-multiselect .multiselect-container li a,
    .select2-results__option[aria-selected] {
        font-size: 12px;
    }

    .directionArrow img {
        max-width: 47%;
    }

    .trip-search-landing-form .trip-searchbtn button {
        height: 40px !important;
    }

    #last_Search_Modal svg {
        width: 17px;
    }

    .trip-search-landing-form .recentserch label {
        font-size: 13px;
    }

    .sriform-multiselect .input-group-prepend {
        position: absolute;
        left: -3px;
        height: 27px;
    }

    .trip-search-landing-form .nightCount {
        height: 25px;
    }
}

@media screen and (max-width: 380px) {
  /*  .select2-container.select2-container--open .select2-dropdown {
        min-width: 287px;
    }*/

    .more-item-show .morelink {
        width: 25px !important;
        height: 25px !important;
    }

    .dstn-rslt-wrap {
        max-width: 254px;
        min-width: inherit;
    }
}

@media screen and (max-width: 1200px) {
    .SelcDate .daterangepicker.opensright {
        display: block !important;
    }
    .SelcMultiDate .daterangepicker.opensright {
        display: block !important;
    }

    .more-item-show {
        position: absolute;
        right: 15px;
        top: 60%;
    }

    .hotel_landing_page {
        margin-top: 75px !important;
    }

    .flighthotelbanner {
        padding-top: 0px !important;
    }

    .search-inputPopup.destinations-popup .dstn-rslt-section {
        display: inline-block;
        width: 100%;
    }

    .myRoundTripWrap {
        padding-top: 0px !important;
    }

    .completeYourBooking {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 991px) {
    .sriform-star-rating .multiselect[title="None selected"] .multiselect-selected-text {
        color: #909090;
    }
    .desktop_flighthotel_landing_form .backbutton .traveller_room_img {
        position: absolute;
        top: 37px;
        left: 7px;
        z-index: 1;
        background: #ffffff;
    }
    .desktop_flighthotel_landing_form .star_rating_container.open .backbutton .traveller_room_img,
    .desktop_flighthotel_landing_form .board_type_container.open .backbutton .traveller_room_img {
        top: 46px;
    }
        .trip-search-landing-form #FlightHotels .parentcolumn.open {
            padding: 25px 20px !important;
        }

    .trip-search-landing-form #FlightHotels #mobile_txtroom {
        padding: 0;
    }

    .trip-search-landing-form #FlightHotels .open .multicityselect.destination_list,
    .trip-search-landing-form #FlightHotels .open .multicityselect.airport_list,
    body .desktop_flighthotel_landing_form #FlightHotels .parentcolumn.open .sriform-star-rating {
        padding-left: 30px !important;
    }

    input.select2-search__field::placeholder {
        font-weight: 700 !important;
    }

    input.select2-search__field {
        font-weight: 700 !important;
    }

    .trip-search-landing-form #FlightHotels .parentcolumn.open .dash-form-group {
        border-color: var(--main-bg-color) !important;
        position: relative;
    }

        .trip-search-landing-form #FlightHotels .parentcolumn.open .dash-form-group::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .025;
            background: var(--main-bg-color) !important;
            pointer-events: none;
            border-radius: 10px;
        }

    .select2-container--open {
        left: 20px !important;
        right: 20px !important;
    }

        .select2-container--open .select2-dropdown {
            border: 0;
            box-shadow: none;
            margin-top: 10px;
        }

    .input-group.clearTxtWrap .select2-container--open {
        left: initial !important;
        right: initial !important;
    }

    .select2-container--default .select2-results > .select2-results__options {
        max-height: 60vh
    }

    .select2-results__options .select2-results__option {
        border: 1px solid #EDEDED;
        border-radius: 9px;
        margin-bottom: 10px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

        .select2-results__options .select2-results__option.loading-results.sklton {
            border: 0;
        }

    #FlightHotels .confirmbtn.btn {
        position: fixed;
        padding: 12px 26px;
        border-top: 1px solid #ddd;
        bottom: 12px;
        right: 12px;
        left: 12px;
        top: auto;
        border-radius: 20px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px
    }

    .countries-search-modal-popup {
        top: auto !important;
        bottom: 0;
    }

        .countries-search-modal-popup .modal-dialog {
            padding: 0
        }

    .select2-container.select2-container--open .select2-dropdown {
        padding: 0
    }

    .trip-search-landing-form #FlightHotels .datepopup.open {
        padding: 25px 20px !important;
    }

        .trip-search-landing-form #FlightHotels .datepopup.open .flightHoteldrawerheader {
            display: flex !important;
            width: 100%;
            height: 50px;
            margin-bottom: 15px;
            padding-left: 42px;
            position: relative;
        }

        .trip-search-landing-form #FlightHotels .datepopup.open .drawerhdng {
            margin: 0 auto;
        }

    #FlightHotels .datepopup.open div#DatepickID.dropdown-menu.ltr {
        position: fixed;
        right: 15px !important;
        left: 15px !important;
        height: calc(100vh - 165px) !important;
        top: 45px !important;
        box-shadow: none
    }

    #FlightHotels .datepopup.open .daterangepicker select.monthselect, #FlightHotels .datepopup.open .daterangepicker select.yearselect {
        border: none !important;
        border-radius: 0px !important;
        width: 80px !important;
    }

    #FlightHotels .datepopup.open .daterangepicker .calendar {
        width: 100% !important;
        max-width: none !important;
        padding: 24px 0px !important;
        min-width: 300px;
        min-height: 340px;
    }

        #FlightHotels .datepopup.open .daterangepicker .calendar table {
            min-width: inherit;
            min-height: 350px;
            width: calc(100% + 30px) !important;
            margin: 0 0 0 -15px !important;
        }

    #FlightHotels .open span.backs {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .countries-search-modal-popup .modal-header {
        padding-top: 30px;
    }

        .countries-search-modal-popup .modal-header .close {
            position: absolute;
            right: 7px;
            top: 7px;
        }


    #FlightHotels .select-board-type .multiselect-container li a,
    #FlightHotels .select-star-rating .multiselect-container li a {
        padding: 4px 0;
        text-align: center
    }

        #FlightHotels .select-board-type .multiselect-container li a label,
        #FlightHotels .select-star-rating .multiselect-container li a label {
            font-size: 16px;
        }
        #FlightHotels .select-star-rating .multiselect-container li a label {
            margin:0px!important;
        }


    .country-picker {
        flex-direction: column
    }

    #FlightHotels .sriform-multiselect .multiselect-selected-text {
        font-weight: 700
    }

    .sriform-multiselect .multiselect-container li.active a {
        font-weight: 600;
    }


    #FlightHotels .select-star-rating .multiselect-container.show li{
            margin-bottom:10px!important;

        }

        .select-star-rating .multiselect-container + .btn.confirm-star-btn {
            display: block !important
        }
 }
.changeDatesmodalpopup .calformwrap .comparison_fromwrap .hasDatepicker {
    box-shadow: none !important;
}

.sriform-multiselect .multicenter_Economy .btn-group .multiselect.dropdown-toggle {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.sriform-multiselect .multicenter_Economy .btn-group {
    height: 30px;
}

.hmd-room-childs-ages .hmd-child-age {
    margin-bottom: 10px;
}

.world-extended-info svg path,
.recentserch svg path,
.last-search-modal-popup .modal-header svg path {
    fill: var(--main-bg-color);
}

.modal .availcurrncy {
    color: #252525;
}

.availmodal .modal-header {
    padding-right: 15px !important;
    position: relative;
}

.modal .availcurrncy {
    right: 60px;
    color: #252525;
}

.disabledClearAll {
    background: #fff !important;
}

    .disabledClearAll.cleatAllbut a,
    .cleatAllbut.disabled a{
        color: #cbcbcb !important;
        opacity: 0.6;
    }

.hotelItemWrappMain .sort-box {
    -webkit-box-shadow: -4px -2px 15px #999;
    -moz-box-shadow: -4px -2px 15px #999;
    box-shadow: -4px -2px 15px #999;
}

body .sortBoxCustom.sort-box .sort-list li span,
body .sortBoxCustom .sort-list > li a,
.sortDropDown li {
    color: #252525 !important;
}

    .sortDropDown li.active {
        color: #fff !important;
    }

ul.sort-list.sort-list-map {
    display: flex !important;
    justify-content: start !important;
    align-items: center;
}

    ul.sort-list.sort-list-map > li:last-child {
        position: absolute;
        right: 30px;
    }

.sortBoxCustom.sort-box .box-switch .mapviewlink {
    width: 200px;
    height: 44px;
    background: var(--main-bg-color);
    color: #fff !important;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(../images/searchform/map-entry.png);
    background-size: auto 160%;
    border: 1px solid #e7e7e7;
}

ul.sort-list.sort-list-map > li:first-child {
    padding-left: 0 !important;
}

.sortBoxCustom.sort-box .box-switch .mapviewlink .banner_avail .box-switch {
    border: 0px !important;
}

.sortBoxCustom.sort-box .box-switch .mapviewlink span {
    color: var(--main-bg-color) !important;
    border-radius: 20px;
    background: #fff;
    padding: 2px 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
    display: flex;
    gap: 7px;
    align-items: center;
}

.sortBoxCustom.sort-box .box-switch .mapviewlink svg path {
    fill: var(--main-bg-color) !important;
}

.sortBoxCustom.sort-box .banner_avail .box-switch {
    border: 0px !important;
}

#divExcursionList .ahotel-item-main {
    box-shadow: none;
}

#divExcursionList .ahotel-right {
    vertical-align: middle;
    border-left: 1px solid #ddd;
    text-align: center;
}

#divExcursionList .kstm-item .ahotel-body {
    width: 60%;
}

#divExcursionList .activity .sheer {
    border: 1px dashed #d7d3d3;
    border-radius: 4px;
    color: #919191;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: 400;
}

#divExcursionList .ahotel-person {
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}

    #divExcursionList .ahotel-person .lbprice {
        padding-right: 0px !important;
    }

.selectedFlights.myRTResult .fitemmain .clr-grey {
    color: #252525;
}

#divExcursionList .ahotel-right p {
    margin-bottom: 0;
    margin-top: 0px !important;
    color: #919191;
}

#divExcursionList .ahotel-btns .donebox:last-of-type {
    margin-bottom: 0;
    margin-top: 5px;
    min-width: inherit;
    margin-bottom: 5px;
    padding: 0 20px;
    border-radius: 4px;
}

.addcartbtn {
    color: var(--theme-reg-color);
    border: 1px solid var(--theme-border-light-clr);
}

.bgoverrlay {
    position: fixed;
    background: rgb(0 0 0 / 0.65);
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.hot_hotel-body .b2bcontantbox {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.height-full-100 .hot_hotel-body .b2bcontantbox {
    width: 65%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.htl-result-rates-starting {
    width: 33%;
    float: right;
}

.htl-result-rates-starting-flex {
    display: grid;
    height: 100%;
    border-left: 1px solid rgb(0 0 0 / 0.07) !important;
    padding-top: 10px;
}

.htl-result-rates-starting .htl-result-rates-starting-flex h6 {
    font-size: 13px !important;
    color: #9c9fa1 !important;
    text-align: right;
}

.htl-result-rates-starting-ratesshow {
    text-align: right;
    line-height: 18px;
    padding-top: 6px;
    padding-bottom: 10px;
}

    .htl-result-rates-starting-ratesshow .old-price-rates {
        color: #aaa;
        font-size: 11px;
        vertical-align: middle;
        display: block;
    }

.old-price-rates {
    font-size: 80%;
    text-decoration: line-through;
    color: #ddd;
}

.price-rated {
    color: #aaa;
    font-weight: 700;
}

.htl-result-rates-starting-ratesshow .new-price-rates {
    color: #333;
    font-size: 13px;
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px !important;
}

.new-rates {
    font-size: 16px;
    font-weight: 700;
}

.height-full-100 {
    width: 100%;
    display: flex;
    height: 100%;
    min-height: 100%;
    justify-content: space-between;
}

.htlpagewrapper .hotelItemWrappMain .main_box_pan_new .hot_hotel-item .b2bhtl-icons1 {
    margin-bottom: 0px !important;
    padding-bottom: 12px !important;
}

.htlpagewrapper .hotelItemWrappMain .main_box_pan_new .hot_hotel-item .hot_hotel-body {
    padding-bottom: 0px !important;
}

.modal.availmodal#calenderModal .modal-dialog {
    max-width: 1000px;
}

    .modal.availmodal#calenderModal .modal-dialog .modal-body .availability-calendar .DeluxeRoom .avail_pric span {
        color: #d3cbcb !important;
    }

.modal.fade.show#btnsavequote .dash-form-group.mtryprnterr {
    margin-bottom: 10px;
}

#divExcursionList .ahotel_design {
    text-align: center !important;
    white-space: initial !important;
}

#divExcursionList .ahotel-trav-main {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#divExcursionList .ahotel_design .tavelPrt2 {
    display: block;
    text-align: center;
    width: 100% !important;
}

.flexbility-date-list .slick-track {
    width: auto !important;
}

.vres-prog-div #squaresWaveG {
    margin: 0 auto 20px;
}

.vres-prog-div h3 {
    padding: 28px 0 15px;
}

.trip-search-landing-form .hmd-book-rooms .hmd-room:last-child {
    padding-right: 0 !important;
}

.htlpagewrapper a.lnkPreventDefaultClass {
    color: var(--main-bg-color);
}

.nightcount_div {
    position: relative;
    min-width: 85px;
    cursor: pointer;
}

.select_totalnight {
    appearance: none;
    padding-left: 5px;
    cursor: pointer;
}

.nightcount_remove::after {
    content: "";
    border: 0;
    background-image: url(../images/searchform/arrowdown.png);
    background-position: center right;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.totalngiht_add::after {
    background-image: url(../images/searchform/arrowup.png);
    background-position: center right;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    content: "";
    border: 0;
    pointer-events: none;
}

.hoteladdress_text {
    display: flex !important;
    align-items: center;
}

    .hoteladdress_text .hotelmap_name {
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 300px;
        display: none;
    }

.hotelmap_icon {
    padding-left: 5px;
}

    .hotelmap_icon svg path {
        fill: var(--main-bg-color);
    }

.lst_Searh_Modal_svg {
    cursor: pointer;
}

.hotl_readmore {
    font-size: 14px !important;
    font-family: "Rubik", sans-serif;
}

.travlhmd {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.packgsubbtn {
    padding-right: 12px !important;
}

.hotlheadig {
    display: flex;
}

.myslider#hotel-swiper-slider-modal {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.detailsbgclr #LtrthumbImage {
    display: none;
}

.detailsbgclr #LtrSupplierName {
    font-weight: 700;
    font-size: 26px;
}

.detailsbgclr .page-title:before {
    background: transparent !important;
}

.detailsbgclr .background:before,
.detailsbgclr .PkgBulletsList:before,
.detailsbgclr .PkgBulletsList > *:before,
.detailsbgclr .PkgBulletsListPoliciy:before,
.detailsbgclr .PkgBulletsListPoliciy h3:before {
    display: none;
}

.detailsbgclr .background {
    background: #fff0;
}

.detailsbgclr #main,
.detailsbgclr .htlDtlTab.contentBoxDInner {
    padding: 0 !important;
}

.detailsbgclr .full-width.ntheme,
.detailsbgclr .contentBoxDITCont.ntheme {
    box-shadow: none;
}

.detailsbgclr #Ratingdiv1 .star .fa-star {
    color: #ffc300 !important;
}

.detailsbgclr .booking-item-raiting-list > li > div.booking-item-raiting-list-bar {
    height: 8px;
    margin-top: 10px;
    border-radius: 10px !important;
    overflow: hidden;
}

.detailsbgclr .contentBoxDITClick ul.nav-tabs,
.detailsbgclr .htlDtlTab.contentBoxDInner:before,
.detailsbgclr #ulAminities li,
.detailsbgclr .ww-star-rating-border,
.detailsbgclr .sec_guestbx2 {
    border: 0 !important;
}

.detailsbgclr .PkgBulletsList,
.detailsbgclr .PkgBulletsListPoliciy {
    padding-left: 0 !important;
}

.detailsbgclr .hotel_down_table12 h3 {
    color: var(--theme-reg-color) !important;
    font-size: 14px;
    font-weight: 700;
}

.detailsbgclr .contentBoxDITClick ul li a,
.detailsbgclr .contentBoxDITClick ul li a:hover,
.detailsbgclr .contentBoxDITClick ul li a:focus,
.detailsbgclr #ulAminities li span i {
    color: var(--theme-reg-color) !important;
}

.detailsbgclr .contentBoxDITClick ul.nav-tabs {
    border-bottom: 1px solid var(--theme-border-light-clr) !important;
    border-radius: 0 !important;
    background: var(--theme-reg--grey-light);
}

.detailsbgclr .contentBoxDITClick ul li a.active {
    border-bottom: 2px solid var(--main-bg-color) !important;
    border-radius: 0;
}

.detailsbgclr #ulAminities {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}

.detailsbgclr .contentBoxDITClick.fixed {
    position: fixed;
    top: 50px;
    height: auto;
    z-index: 1;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 0.1);
    background: #ffffff !important;
    border: 0px !important;
}

    .detailsbgclr .contentBoxDITClick.fixed .tab_detail {
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

.detailsbgclr #Rating_Traveler {
    border-top: 1px solid var(--theme-border-light-clr);
}

.detailsbgclr .hotel-room-images-sec .itemImage1 {
    display: grid;
    grid-template-areas: "item1";
}

.detailsbgclr .hotel-room-images-sec .itemImage2 {
    display: grid;
    grid-template-areas: "item1 item2";
    grid-column-gap: 10px;
}

.detailsbgclr .hotel-room-images-sec .itemImage3 {
    display: grid;
    grid-template-areas: "item1 item2 item3";
    grid-column-gap: 10px;
}

.detailsbgclr .hotel-room-images-sec img {
    height: 100%;
    object-fit: cover;
}

.detailsbgclr .hotel-room-images-sec .itemImage5 {
    display: grid;
    grid-template-areas: "item1 item1 item2 item3" "item1 item1 item4 item5";
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.detailsbgclr .hotel-room-images-sec .allItemImage {
    display: grid;
    grid-template-areas: "item1 item1 item2 item3" "item1 item1 item4 item5";
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.detailsbgclr .hotel-room-images-sec .itemImage4 {
    display: grid;
    grid-template-areas: "item1 item1 item2 item2" "item3 item3 item4 item4";
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.detailsbgclr .hotel-room-images-sec .allItemImage span {
    position: relative;
}

    .detailsbgclr .hotel-room-images-sec .allItemImage span:last-child::after {
        content: "";
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        background: rgb(0 0 0 / 0.5);
        z-index: 8;
    }

    .detailsbgclr .hotel-room-images-sec .allItemImage span:last-child p {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        color: #fff;
        z-index: 99;
        font-weight: 400;
        font-size: 14px;
        cursor: pointer;
    }

.detailsbgclr .guestebx {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 6px 0 rgb(125 125 125 / 0.1);
    margin-bottom: 25px;
}

.detailsbgclr .item1 {
    grid-area: item1;
}

.detailsbgclr .item2 {
    grid-area: item2;
}

.detailsbgclr .item3 {
    grid-area: item3;
}

.detailsbgclr .item4 {
    grid-area: item4;
}

.detailsbgclr .item5 {
    grid-area: item5;
}

.detailsbgclr .item1,
.detailsbgclr .item2,
.detailsbgclr .item3,
.detailsbgclr .item4,
.detailsbgclr .item5 {
    width: 100%;
    overflow: hidden;
    max-height: 166px;
    min-height: 166px;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
    margin-bottom: 0;
    border-radius: 5px;
}

    .detailsbgclr .item1 img,
    .detailsbgclr .item2 img,
    .detailsbgclr .item3 img,
    .detailsbgclr .item4 img,
    .detailsbgclr .item5 img {
        width: 100%;
        position: absolute;
        object-fit: cover;
        height: 100%;
        background-color: #ccc3;
    }

.detailsbgclr .item1 {
    min-height: 346px !important;
    max-height: 346px !important;
}

.detailsbgclr .viewalltext img {
    position: relative;
    width: auto;
}

#hotel-swiper-slider-modal .modal-dialog {
    width: 100%;
}

.detailsbgclr .summarybx h4 {
    font-size: 16px;
    color: var(--theme-reg-color);
}

.detailsbgclr .smilerht ul li i {
    color: var(--theme-reg-color) !important;
}

.detailsbgclr .ww-star-rating-border {
    border: 0;
    position: relative;
    max-width: 100% !important;
    text-align: left !important;
    padding: 0;
}

    .detailsbgclr .ww-star-rating-border .h1.section-header {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 3px;
        font-size: 21px;
        color: #00aa6c;
        font-weight: 700;
    }

    .detailsbgclr .ww-star-rating-border strong {
        padding-bottom: 0;
        padding-top: 5px;
    }

.detailsbgclr .guest_r,
.detailsbgclr .guest_rv {
    display: inline-block;
    padding-right: 5px;
    color: var(--theme-reg-color) !important;
    font-weight: 400;
}

.detailsbgclr .guest_r {
    padding-right: 5px;
}

.detailsbgclr #Rating_Traveler h4 {
    color: var(--theme-reg-color) !important;
    text-transform: capitalize;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 700;
}

.detailsbgclr .hotelItemWrap {
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 0.1);
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 10px;
    overflow: hidden;
}

.detailsbgclr .hotel_descrip_detail1a p hr {
    display: none;
}

.detailsbgclr .hotel_descrip_detail1a,
.detailsbgclr .hotelItemWrap .hotel-item .hotel_descrip_detail1a b {
    padding: 0px !important;
}

.detailsbgclr .hotel-item .hotel-image {
    z-index: 0 !important;
    width: 100%;
}

.detailsbgclr .hotel-item .hotel-body {
    vertical-align: top;
    padding: 10px 15px;
}

.detailsbgclr #tripadvrating img {
    padding-left: 30px;
}

.detailsbgclr .hotel_down_table .hotel_descrip_detail1a b {
    background: transparent !important;
    color: var(--theme-reg-color);
    font-weight: 700;
    padding: 0 !important;
}

.detailsbgclr #ulAminities li {
    padding-left: 0;
}

    .detailsbgclr #ulAminities li i {
        display: none;
    }

.detailsbgclr .hotelItemWrap .hotel-item {
    border-bottom: 0;
}

.detailsbgclr a.room-details-more {
    color: var(--main-bg-color);
    text-transform: capitalize;
    padding-left: 5px;
    white-space: nowrap;
    font-weight: 400;
}

.detailsbgclr .hotel-item .hotel-body > h3 {
    font-size: 16px;
}

#room-description-modal h3.room-title {
    color: var(--theme-reg-color);
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 0;
}

.detailsbgclr .hotelItemWrap .hotel-item {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.detailsbgclr .hotel-item .hotel-image .img {
    height: 100%;
    min-height: 190px;
    background: var(--theme-reg--grey-light);
}

.mainHeader.disabledbutton {
    opacity: 1;
}

.detailsbgclr .contentBoxDITClick.fixed ul.nav-tabs {
    background: #fff0;
}

#hotel-swiper-slider-modal .modal-header {
    justify-content: end;
}

@media screen and (max-width: 1480px) {
    .detailsbgclr #ulAminities {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}

.daterangepicker .kflex .monthselect,
.daterangepicker .kflex .yearselect,
.advancedSearchFormgroup .input-group .paddingL7ad {
    cursor: pointer !important;
    outline: none;
}

#Hotels .daterangepicker .kflex .left .table-condensed thead tr:first-child th:last-child,
#Hotels .daterangepicker .kflex .right .table-condensed thead tr:first-child th:first-child {
    cursor: initial !important;
}

.hmd-book-wrapper .hmd-room-section select,
.hmd-book-wrapper .hmd-child-age select,
.hmd-book-wrapper .hmd-room-section select,
.hmd-book-wrapper .hmd-child-age select,
#ddltransfer,
#ddllanguage {
    cursor: pointer;
}

#divTRooms .hmd-book-wrapper .hmd-book-container .hmd-sub {
    padding-right: 10px !important;
}

.sidebar .fltrWrap {
    margin-bottom: 20px;
}

.sidebar .fltrWrapInner {
  /*  overflow-y: auto;*/
    overflow-x: hidden;
    border: 1px solid #eee;
    min-height: 100%;
   /* max-height: calc(100vh - 50px);*/
}

    .sidebar .fltrWrapInner::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .sidebar .fltrWrapInner::-webkit-scrollbar {
        width: 4px;
        background-color: #fff;
    }

    .sidebar .fltrWrapInner::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0.3);
        background-color: var(--theme-border-light-clr);
    }

.mltplmodal .modalbodyright .mbrbtnwrap {
    display: flex;
}

    .mltplmodal .modalbodyright .mbrbtnwrap .mybtn {
        white-space: nowrap;
    }

@media screen and (max-width: 1680px) {
    .mltplmodal .modalbodyright .mbrbtnwrap {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

.ui-autocomplete:not(.fts-accommodation-container) {
    position: absolute;
    top: 69px;
    left: 0;
    font-size: 14px;
    text-align: left;
    background: #fff;
    min-width: 320px;
    max-width: 320px;
    width: auto;
    border-radius: 0;
    padding: 7px;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgb(5 47 95 / 0.04), 0 12px 16px 0 rgb(52 105 203 / 0.12);
    border: 1px solid var(--theme-border-light-clr);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.transferuiauto .ui-autocomplete li {
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-left: 28px;
}

    .transferuiauto .ui-autocomplete li a {
        font-size: 14px !important;
        line-height: 32px;
        font-weight: 700;
        color: var(--theme-reg-color) !important;
    }

.transferuiauto .evo-airplane:before {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    background: url(../images/searchform/header-icon/flight.svg) no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
}

.transferuiauto .evo-train:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    background: url(https://test.signia.online/assets/images/searchform/header-icon/train.svg) no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
}

.transferuiauto .evo-ship:before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    background: url(../images/searchform/header-icon/ship.svg) no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
}

.transferuiauto .evo-bed:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    background: url(../images/searchform/header-icon/bed.svg) no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
}

.trip-search-landing-form #DepTours .hotels-multi-dates .hotels-inputs-fields {
    margin-left: 0 !important;
}

ul.theme-list.available-days li {
    margin: 0;
    font-size: 12px;
    padding: 2px;
    font-weight: 700;
    border: 0 !important;
    color: var(--main-bg-color) !important;
}

    ul.theme-list.available-days li.light-grey {
        color: #9c9fa1 !important;
    }

ul.allotment-date-list li {
    display: inline-flex;
    margin-right: 8px;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 6px;
    padding: 2px 8px;
    margin-top: 8px;
    width: 84px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    box-shadow: rgb(138 107 118 / 0.08) 0 4px 8px 0;
}

    ul.allotment-date-list li:hover {
        background: var(--main-bg-color) !important;
        color: #fff;
    }

.allotment-month-name {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
}

    .allotment-month-name:last-child {
        border-bottom: 0;
        margin-bottom: 0 !important;
    }

.trvler_multicnter .hmd-sub .hmd-close {
    display: none !important;
}

.trvler_multicnter .hmd-room-section select {
    padding-left: 7px !important;
}

#modifyMultiCentersearchform .trip-search-landing-form .multicentersform {
    box-shadow: none;
    border: 0 solid #ddd;
    padding: 0 5px;
}

#DepTours .twitter-typeahead #txtTourDest,
#DepTours .departure_multicityspin .destbox {
    margin-left: 24px !important;
}

#DepTours .twitter-typeahead .tt-dropdown-menu {
    top: 37px !important;
}

#DepTours .hmd-book-wrapper .hmd-book-container .hmd-sub {
    position: fixed;
    top: auto;
    text-align: right;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 100%;
    padding: 7px 26px;
    border-top: 1px solid #ddd;
    z-index: 3;
}

#DepTours .hmd-book-wrapper .hmd-book-container {
    padding-bottom: 30px;
    padding-top: 0;
}

#DepTours .input-group .droupmainbx {
    left: 0;
    top: 38px;
    transform: translate(0%, 0);
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
}

.fixdeprture_roomlayout .hmd-settings .hmd-sub {
    display: flex;
    justify-content: end;
    padding-left: 10px !important;
    gap: 10px;
}

.multicentersform ul.hmd-settings li:last-child {
    display: flex;
    justify-content: end;
    gap: 10px;
}

.self-drive-search-form .hotels-multi-dates .hotels-inputs-fields.txtFromdate,
.self-drive-search-form .hotels-multi-dates .hotels-inputs-fields.txtTodate {
    margin-left: 0 !important;
}

#FlightHotels .dash-form-group.multicityselect.destination_list.w-100 .form-group,
#FlightHotels .dash-form-group.multicityselect.airport_list.w-100 .form-group,
#FlightHotels .dash-form-group.multicityselect.airport_list.w-100 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.trip-search-landing-form #FlightHotels .multicityselect .input-group-prepend {
    left: 15px;
}

.trip-search-landing-form #FlightHotels .multicityselect .select2-selection--multiple {
    background: #fff0;
}

.trip-search-landing-form #FlightHotels .multicityselect .select2-container--default .select2-selection--multiple .select2-selection__clear {
    right: 0;
}

.multicentersform .hmd-book-wrapper .trvler_multicnter .hmd-child-age select {
    padding-left: 7px !important;
}

#modifyHotelsearchform #Hotels .form-row .col-md-3 {
    max-width: 100%;
}

#modifyHotelsearchform #Hotels .trip-searchbtn {
    text-align: end !important;
}

#modifyHotelsearchform #Hotels .form-control {
    padding-left: 0px !important;
    cursor:pointer;
}

#modifyHotelsearchform #Hotels .input-group {
    position: initial;
}

.trip-search-landing-form #Flights .tocity_txt .input-group span.twitter-typeahead .tt-dropdown-menu {
    left: auto !important;
    right: -10px !important;
    margin-right: 0;
}

.trip-search-landing-form #Flights .tocity_txt .typhead-loader {
    left: auto;
    right: 0;
    margin-right: -15px;
}

.hotels-multi-dates .input-group #txtRoundtripfrmDate + .daterangepicker.dropdown-menu,
.landingpageotaform .oneway .hotels-multi-dates .input-group .daterangepicker.dropdown-menu {
    top: 39px !important;
    margin-left: 0;
    left: -10px !important;
}
.landingpageotaform .dash-form-group.hotels-multi-dates.oneway_multi-dates .departure_date_group {
    padding-left: 10px;
}
.landingpageotaform #Flight .hotels-multi-dates .input-group #txtRoundtripfrmDate + .daterangepicker.dropdown-menu {
    top: 38px !important;
    margin-left: 0;
    left: -10px !important;
}
.landingpageotaform #Hotels #divRooms.droupmainbx,
.landingpageotaform #Flights #ddBoxWrap {
    min-width: 100%;
}
.hotels-multi-dates .input-group #txtRoundtripToDate + .daterangepicker.dropdown-menu {
    top: 39px !important;
    left: auto !important;
    right: -10px !important;
    margin-right: 0;
}

.trip-search-landing-form #Flights .nationalitylist .input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 66px !important;
}

.landingpageotaform .trip-search-landing-form #Hotels #txtDestHotel + .typhead-loader,
.landingpageotaform .trip-search-landing-form #Activities .activitiescleartxtwrap .typhead-loader {
    margin-left: -15px;
}

.landingpageotaform .trip-search-landing-form #Flights .multiCenterSearchDiv.mtryprnterr .dash-form-group.mtryprnterr {
    padding: 7px 15px 5px !important;
}

.landingpageotaform .trip-search-landing-form #Flights .multiCenterSearchDiv.mtryprnterr {
    padding: 0;
    border: 1px solid #dadada !important;
}

    .landingpageotaform .trip-search-landing-form #Flights .multiCenterSearchDiv.mtryprnterr .dash-form-group.mtryprnterr:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .landingpageotaform .trip-search-landing-form #Flights .multiCenterSearchDiv.mtryprnterr .dash-form-group.mtryprnterr:first-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.landingpageotaform .trip-search-landing-form #Transfers .transfer_pickup_dropoff .transfer_form_control {
    line-height: initial;
    padding-left: 5px !important;
}

.hotel_landing_page {
    background: #fff;
    margin-top: 0px;
}

#coupondisplay,
.as-home-page-section .recommend-location,
.info-title-review .recommend-review-number,
.info-title-review .rating_image {
    display: none !important;
}

.card_price_section {
    display: flex;
    justify-content: end;
}

#modifyHotelsearchform #Hotels .night-count {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 1;
}

#modifyHotelsearchform .hotels-multi-dates::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #d9d9d9;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 1;
}

#modifyHotelsearchform #Hotels .night-count .form-group {
    display: flex;
    max-width: 96px;
    align-items: center;
    border: 1px solid #d9d9d9;
    background: #fff;
    height: 24px;
    border-radius: 30px;
    padding: 6px 10px;
    max-width: 100px !important;
}

    #modifyHotelsearchform #Hotels .night-count .form-group input {
        height: 21px;
        display: flex;
        align-items: center;
        vertical-align: middle;
        margin-top: 0;
        text-align: center;
        margin-right: 2px;
        padding: 0 2px !important;
    }

#modifyHotelsearchform .to-date,
#modifyHotelsearchform .to-date label,
#modifyHotelsearchform .to-date input {
    text-align: right;
}

    #modifyHotelsearchform .to-date input {
        padding-right: 0px !important;
    }

#modifyHotelsearchform .directionArrow {
    border: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    height: 34px;
    width: 36px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    z-index: 15;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
}

#modifyHotelsearchform .tocity_txt label,
#modifyHotelsearchform .tocity_txt .input-group input,
#modifyHotelsearchform .return-date-flight,
#modifyHotelsearchform .returndate_txt {
    text-align: end;
    width: 100% !important;
}

#modifyHotelsearchform .flight_cls {
    background: #fff0;
}

    #modifyHotelsearchform .flight_cls .dropdown-toggle {
        width: 193px;
        text-align: start;
        color: #0b132a;
    }

        #modifyHotelsearchform .flight_cls .dropdown-toggle::after {
            display: none;
        }

        #modifyHotelsearchform .flight_cls .dropdown-toggle:before {
            position: absolute;
            content: "";
            top: 16px;
            right: 10px;
            background: url(../images/ota/svg/down-arrow.png) no-repeat;
            height: 12px;
            width: 14px;
            background-size: 14px;
            transition: 0.3s ease-in-out;
        }

    #modifyHotelsearchform .flight_cls.show .dropdown-toggle:before {
        transform: rotate(-180deg);
        top: 12px;
    }

#modifyHotelsearchform #Flights .flight_cls.dropdown .dropdown-menu.dropdown-menu-left {
    transform: translate3d(0, 35px, 0) !important;
    width: auto;
}

#modifyHotelsearchform .slctd_ecnomy {
    padding: 0 5px 10px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #modifyHotelsearchform .slctd_ecnomy .radio-group {
        font-size: 16px;
        display: flex;
    }

        #modifyHotelsearchform .slctd_ecnomy .radio-group label {
            padding: 7px 7px !important;
            margin-right: 0;
        }

#modifyHotelsearchform .slctd_ecnomy .FlightNav {
    padding-bottom: 0;
    border-radius: 30px !important;
    overflow: hidden !important;
}
#modifyHotelsearchform #Flights .radio-group {
    border-radius: 30px;
}
#modifyHotelsearchform .slctd_ecnomy .FlightNav li {
    margin-right: 0px !important;
}

#modifyHotelsearchform .radio-group label.active {
    background: var(--main-bg-color75);
}

#modifyHotelsearchform .mulbtnwrap.flight-add-rows {
    display: flex;
}

    #modifyHotelsearchform .mulbtnwrap.flight-add-rows .donebox {
        height: 100%;
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 16px;
    }

        #modifyHotelsearchform .mulbtnwrap.flight-add-rows .donebox .SLI-plus {
            font-size: 24px;
        }

#modifyHotelsearchform #Activities .form-group,
#modifyHotelsearchform .form-control {
    padding-left: 0px !important;
}

#modifyHotelsearchform #Transfers .transfer_time_date,
#modifyHotelsearchform #Transfers .transfer_pickupandrop {
    display: flex;
}

    #modifyHotelsearchform #Transfers .transfer_pickupandrop .dash-form-group.dropoff,
    #modifyHotelsearchform #Transfers .transfer_pickupandrop .dash-form-group.dropoff.mtryprnterr,
    #modifyHotelsearchform #Transfers .transfer_time_date .dash-form-group.date {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0px !important;
    }

    #modifyHotelsearchform #Transfers .transfer_pickupandrop .dash-form-group.pickup,
    #modifyHotelsearchform #Transfers .transfer_time_date .dash-form-group.time {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

#modifyHotelsearchform .transfer_date .form-control.hotels-inputs-fields,
#modifysearchform .kTouchspin-travellerdetails .txthtRoom,
#modifysearchform .datepicktopsec .input-group .form-control,
#modifyHotelsearchform .transfer_pickupcleartxtwrap .form-control,
#modifyHotelsearchform .transfer_dropoffcleartxt .form-control,
#modifyHotelsearchform .transfer_date .form-control,
#modifyHotelsearchform .transfer_time_input .form-control,
#modifyHotelsearchform .transfer_passanger_group .form-control,
#modifyHotelsearchform .transfer_multicity {
    padding-left: 0px !important;
}

#modifysearchform .kSearchBtn {
    width: 210px;
    height: auto;
    border-radius: 5px;
    border: 0;
    position: initial;
}

#modifysearchform .trip-searchbtn {
    display: flex;
    justify-content: end;
}

.depart_flight_text {
    padding-left: 10px;
}

#modifysearchform #FlightHotels .board_type_div .multiselect {
    padding: 5px 0;
    font-weight: 700;
}

#modifyHotelsearchform .trip-search-landing-form #Transfers .transfer_pickup_dropoff .transfer_form_control {
    line-height: initial;
    padding-left: 5px !important;
}

.landingpageotaform .clearTxtWrap #txtDestHotel {
    padding-left: 10px !important;
}

.info-title-review .hotal_rating {
    margin-left: 5px;
    font-size: 14px !important;
    color: var(--theme-text-color);
}

.currency_txt {
    font-weight: 700;
    font-size: 16px;
}

.hotl_destntn {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.modify_search_form .flighthotelsearchdestination .modify-w-100:first-child {
    margin-bottom: 10px;
}

.modify_search_form .specificwholeMonthselect .dateSelectToggle #toggleTxt {
    margin-top: 0;
    margin-left: 10px;
}

.specificwholeMonthselect .traveldate label {
    margin: 0 !important;
}

.Cart_Checkout {
    padding: 0 !important;
}

#divTransferList .clickme {
    font-weight: 700;
}
.landingpageotaform {
    padding-bottom: 50px;
    padding-top: 30px;
}
    .landingpageotaform .page-wrap.mob-search-form-wrap{
        padding-top:0;
    }
.mainHeader .navbar ul.leftsidemenuitems li a{
    border-bottom:2px solid transparent !important;
}
.mainHeader .navbar ul.leftsidemenuitems li a.active {
    border-bottom: 2px solid #fff !important;
}
#showlanguage .langname {
    color: #fff !important;
}
#ajx_divPagination .pagination.pager li a[title="Go to first page"]::first-letter,
#ajx_divPagination .pagination.pager li a[title="Go to previous page"]::first-letter,
#ajx_divPagination .pagination.pager li a[title="Go to next page"]::first-letter {
    opacity: 0;
}
.myRTCol .myRTResult.selectedFlights .mbsIcons{
    display:none !important;
}
/*    .landingpageotaform {
        background-image: url('https://assets.airtrfx.com/media-em/ai/Home-Image.jpg?height=500&quality=85&format=auto&opt=true');
        background-position: top center;
        width: 100%;
        height: auto;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .landingpageotaform.hotelbg {
        background-image: url(https://cdn.sanity.io/images/ocl5w36p/production/d0804c623c7fa3863fb7c330e484bc533a8363d6-3840x1320.jpg?w=3840&auto=format&dpr=2)
    }*/
    @media only screen and (min-width: 993px) and (max-width: 1024px) {
        .mapclosebtn {
            right: -36px;
        }
    }

    @media only screen and (min-width: 765px) and (max-width: 992px) {

        .mapviewpage .htlRslt.sidebar .fltrWrapInner.fltrShow {
            top: 250px !important;
            padding-bottom: 309px !important;
        }

        .bookfilightnew .justify-content-center .itrnntnldtm {
            height: 40px !important;
            line-height: 40px !important;
        }

        .htlpagewrapper .main_box_pan .hot_hotel-item > div.hot_hotel-image {
            width: 25% !important;
        }

        .htlpagewrapper .main_box_pan .compare {
            margin-top: 0px !important;
        }

        .htlpagewrapper .main_box_pan .hot_hotel-item > div.hot_hotel-body {
            width: 75% !important
        }

        .sriflighthotelwrapper.htlpagewrapper .main_box_pan .b2bcontantbox.cntrlinliner {
            display: none !important;
        }

        .htlpagewrapper .main_box_pan .b2bcontantbox.cntrlinliner {
            max-width: 100% !important;
            overflow: hidden;
            display: block !important;
        }

        .htlpagewrapper .hotelItemWrappMain .main_box_pan_new .hot_hotel-item .b2bhtl-icons1 {
            padding-bottom: 0px !important;
        }

        .htlpagewrapper .cntrlinliner span p a.lnkPreventDefaultClass {
            right: 0px !important;
            top: 0px !important;
            padding: 2px !important;
        }

        .htlpagewrapper .listview .hot_hotel-item + .trav {
            border-top: 1px solid #ddd !important;
        }

        .htlpagewrapper .main_box_pan .hot_hotel-image .img {
            min-height: 200px !important;
            max-height: 200px !important;
            margin: 20px 0px 10px 10px !important;
            border-radius: 10px !important;
            overflow: hidden;
        }

        .htlpagewrapper .ahotel-image img, .hot_hotel-image img, .htlpagewrapper .hotel-item .hotel-image img {
            height: 200px !important;
            object-fit: cover !important;
        }

        .activitymainwrap .ahotel-item .ahotel-image .img {
            min-height: 150px !important;
            max-height: 150px !important;
            border-radius: 10px !important;
            overflow: hidden;
        }

        .activitymainwrap .ahotel-image img {
            height: 150px !important;
            object-fit: cover !important;
        }

        .activitymainwrap .uc-container {
            min-height: 150px;
            height: 150px;
            max-height: 150px;
        }

        .activitymainwrap .page-wrap {
            padding-top: 0px !important;
        }

        body .htlpagewrapper .main_box_pan_new .travmain.nocncldsn .trav1-one {
            width: 36% !important;
        }

        .htlpagewrapper .trav .travmain.nocncldsn {
            padding-top: 2px !important;
            padding-bottom: 2px !important;
        }

        .htlpagewrapper .hotelItemWrappMain .trav .travmain.nocncldsn > * {
            align-items: center !important;
        }

        .htlpagewrapper .hoteladdress_text .hotelmap_name {
            display: none !important;
        }

        .htlpagewrapper .hotelItemWrappMain .b2bctrbx1 > span#htladd {
            cursor: pointer;
            display: block !important;
            max-width: 100% !important;
            width: 100% !important;
        }

        .htlpagewrapper .main_box_pan .hot_hotel-item > div.hot_hotel-body {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        #cclmodal .modal-dialog {
            transform: translate(0) !important;
            position: relative !important;
        }

        .htlpagewrapper .mobilesortfilters > span {
            line-height: 60px !important;
            height: 60px !important;
        }

        #fixed-bar_hotel_Compare.fixed-bar {
            bottom: 60px !important;
        }

        .container.page-wrap.htlpagewrapper {
            padding-top: 0px !important;
        }

        .hotelItemWrappMain .b2bctrbx1 > span#htladd {
            padding-left: 0px !important;
        }

        .htlpagewrapper .modifymapresult {
            padding-top: 20px !important;
        }

        .activitymainwrap .ahotel-item .ahotel-image, .kstm-item .ahotel-image {
            width: 25% !important;
        }

        .activitymainwrap .ahotel-item .ahotel-body {
            width: 75% !important;
        }
    }

    #modifyHotelsearchform .mulbtnwrap.flight-add-rows {
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

.activitymainwrap #divExcursionList .ahotel-item-main .ahotel-image,
.transferPagewrapper #divTransferList .ahotel-item .ahotel-image {
    padding: 10px !important;
}

    .activitymainwrap #divExcursionList .ahotel-item .ahotel-image .img,
    .transferPagewrapper #divTransferList .ahotel-item .ahotel-image .img {
        border-radius: 10px !important;
        overflow: hidden !important;
    }

body .transferPagewrapper .ahotel-2ndright {
    display: none !important;
}

@media(max-width:1200px) {
    .detailsbgclr .hotelItemWrap {
        box-shadow: none !important;
        border: none !important;
        border-radius: 10px;
        overflow: hidden;
    }

    .exptionalbx {
        margin-top: 30px !important;
    }

    .detailsbgclr .hotelItemWrap .hotel-item {
        border: 1px solid #dddddd !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }
}

@media(max-width:1024px) {


    .transferPagewrapper .ahotel-item .uc-container {
        min-height: 120px;
        height: 120px;
        max-height: 120px;
    }

    #divExcursionList .kstm-item .ahotel-body,
    .transferPagewrapper .ahotel-item .ahotel-body, .kstm-item .ahotel-body {
        width: 75% !important;
    }

    .activityselect-option .ahotel-right {
        background: transparent !important;
    }
}
.fligh_no_div {
    display:none;
}
.flttime{
    font-size:18px;
}
.mobile_layover_details{
    display:none;
}
.layover_flighttitle{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}
.desktop_layover_details{
    font-size:14px;
    display:flex;
    justify-content:end;
}
.rewards_point_container svg path{
    transform:none;
}
.mobile_rewards.rewards_point_container{
    display:none;
}
.taxpricesevsec {
    display: flex;
    text-align: end;
    justify-content: end;
    gap: 3px;
    margin-top: 8px;
    /*display:none;*/
}
/*.viewFareBtn{
    display:none;
}*/
.flightresult .fitemprice .donebox.loadderbtn {
    transform: scale(1) !important;
}
.viewFareBtnmodal .modal-header {
    display:flex!important;
    align-items:center;
}
.viewFareBtnmodal .modal-body {
    padding:20px 25px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.viewFare_header {
    color: #000;
}
.viewFare_bheading{
    font-size:16px;
    font-weight:600;
}
.viewFare_subheading {
    font-size: 14px;
    font-weight: 600;
}
.onward_flight_div {
    display: flex;
    gap: 6px;
    align-items: center;
    padding-bottom: 10px;
}
.trip_onward_text {
    background: linear-gradient(to right, rgb(242, 96, 106), rgb(249, 249, 249));
    font-size:14px;
    padding:8px 15px;
    border-radius:10px;
}
.flight_Flexibility_container {
    padding-top:20px;
}
.viewFareBtnmodal .modal-dialog {
    max-width:1000px!important;
}
.fareamount_container {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dadada;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.Flexibility_amount_header {
    border-bottom: 1px solid #dadada;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items:center;
}
    .Flexibility_amount_header .rewards_point_container {
        margin-top: 0;
    }
    .fareamount_CardBody {
        padding: 10px 15px;
    }
.fareamount_Card_heading{
    font-size:14px;
    padding-bottom:10px;
}
.Flexibility_amount_heading{
    font-size:16px;
    font-weight:600;
}
.fareamount_CardList {
    padding-left: 24px;
}
    .fareamount_CardList li {
        position: relative;
        font-size: 14px;
        padding-bottom:10px;
    }
    .fareamount_CardList li:before {
        content: "";
        position: absolute;
        top: 7px;
        left: -18px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #000;
    }
.Flexibility_capText,
.Flexibility_amount_subheading {
    font-size: 13px;
}
.fareamount_CardFooter {
    justify-content: end;
    display: flex;
    padding: 15px;
    border-top:1px solid #dadada;
}
.fareamount_btn {
    position: initial;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    width: auto;
    border:0px;
    height:auto;
    font-size:15px;
}

.flight_Flexibility_container .swiper-button-next,
.flight_Flexibility_container .swiper-button-prev {
    background: #fff;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    margin: 0px;
}
.flight_Flexibility_container .swiper-button-next {
    right: 12px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.flight_Flexibility_container .swiper-button-prev {
    left: 12px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.flight_Flexibility_container .swiper-button-next:after,
.flight_Flexibility_container .swiper-button-prev:after {
    font-size: 22px;
    color: var(--main-bg-color);
}
.flight_Flexibility_container .swiper-button-next.swiper-button-disabled,
.flight_Flexibility_container .swiper-button-prev.swiper-button-disabled {
    display:none;
}

.skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite;
}

@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}
.flight_skelaton {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    border-radius: 10px;
    padding-top:15px;
    margin-bottom:15px;
    display:none;
}
.w-200px{
    width:200px;
}
.w-150px {
    width: 150px;
}
.w-100px{
    width:100px;
}
.w-70px {
    width: 70px;
}
.w-50px {
    width: 50px;
}
.w-40px{
    width:40px;
}
.h-10px {
    height: 10px;
}
.h-15px{
    height:15px;
}
.h-30px {
    height: 30px;
}
.h-50px {
    height: 50px;
}
.h-5px{
    height:5px;
}
.radius-10px {
    border-radius: 10px;
}
.radius-50px{
    border-radius:50px;
}
.fitemdurprice_skeleton {
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left:15px;
    padding-right:15px;
}
    .fitemdurprice_skeleton:last-child{
        border-bottom:0px;
        padding-bottom:0px;
    }
.fitem_skeleton{
    display:flex;
}
.fitemthumb_skeleton {
    display: flex;
    gap: 10px;
    width: 30%;
}
.fitemduration_skeleton{
    display:flex;
    justify-content:space-between;
    width:60%;
}
.fitemdft_skeleton .skeleton {
    margin: 0 auto;
}
.fitemmain_skeleton {
    background: #f5f5f5;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 15px;
    border-top:1px solid #dadada;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.fitempriceinner_skeleton{
    display:flex;
    gap:10px;
    align-items:center;
}
.fareamount_CardFooter .loadderbtn.d-block {
    display: flex !important;
    height: 34px;
    align-items: center;
}

/*

.airport-city .airport_content  .air-cityname {
    padding-left: 15px !important;
}*/
@media(min-width:1201px) {
    .airport_searchbar .airport-main-li {
        padding-left: 20px !important;
    }
    .airport_searchbar .dstn-rslt-list li b {
        font-weight:bold!important;
    }
    .airport_searchbar .dstn-rslt-list li .subitem {
        text-align:left;
        display:block!important;
    }
        .airport_searchbar li.airport-main-li {
            font-size: 14px;
            color: #212121 !important;
            position: relative;
            padding-left: 40px !important;
            padding-top: 8px !important;
            padding-bottom: 8px !important;
            border: 1px solid #EDEDED;
            border-radius: 9px;
            padding-right: 8px;
            margin-bottom: 10px;
            display: block;
            border-top: 1px solid #EDEDED !important;
        }
    .airport-city .airport_content {
        gap:0;
    }
    .airport_searchbar .airport-list .dstn-rslt-list li:hover {
        background: transparent !important;
    }
    .airport_searchbar .airport-list .dstn-rslt-list li:hover .airport_content span {
        font-weight: bold !important;
    }
    .airport_searchbar li .mapicon {
        position: absolute;
        top: 14px;
        left: 12px;
        width: 18px;
        height: 18px;
        background-image: url(../images/save-more/icon_destination_m.png);
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
    }
    .airport_searchbar li.airport-main-li .airport-city .mapicon {
        left: -25px;
    }
}
@media(max-width:1200px) {
    .airport_icon .mapicon{
        top:0px!important;
    }
    .airport_content .airport_icon .mapicon {
        left: -10px !important;
    }
    .air-cityname{
        padding-left:20px!important;
    }
    .resultholder .airport-main-li {
        padding-left: 20px !important;
    }
    .airport-sublist-ul li {
        border: 0px !important;
        padding-left: 22px !important;
        margin-bottom: 0px;
        padding-bottom: 0px !important;
        padding-right:0px;
    }
    .flight_skelaton {
        padding-left: 10px;
        padding-right: 10px;
    }
  
    .fitemdurprice_skeleton {
        padding-left: 0px;
        padding-right: 0px;
        border-bottom: 1px dashed #dadada;
    }
    .fitem_skeleton {
        display: block;
    }
    .fitemthumb_skeleton {
        width:100%;
        padding-bottom:20px;
    }
    .fitemduration_skeleton {
        width: 100%;
    }
    .fitemdurheading_skeleton,
    .fitemdurprice_skeleton .w-200px,
    .fitemthumb_skeleton .w-100px.h-10px {
        display: none;
    }
    .fitemduration_skeleton .fitemdto_skeleton .skeleton {
        margin: 0 0 0 auto;
    }
    .fitempriceinner_skeleton .h-30px{
        width:75px;
    }
    .fitemmain_skeleton .w-150px {
        width:80px;
    }
    .fitemthumb_skeleton .w-50px.h-50px {
        width: 35px;
        height: 35px;
        border-radius: 5px;
    }
    .fitemmain_skeleton{
        background:#fff;
        border-top:1px dashed #dadada;
        padding-right:0px!important;
        padding-left:0px!important;
    }
    .taxpricesevsec {
        padding-right: 15px;
    }
    .calendar table {
        background: #fff;
    }
    .calendra .ftdayyearspan {
        padding-left: 2px;
    }
    .calendra .night-count .form-group #txtHNights {
        padding: 0 !important;
        font-size: 10px;
    }
    .trip-search-landing-form.isMobile [d-type="RoundTrip"] .daterangepicker td.active.start-date,
    .trip-search-landing-form.isMobile [d-type="RoundTrip"] .daterangepicker td.active.end-date, 
    .daterangepicker .calendar-table table tbody tr td.active {
        overflow: hidden !important;
    }
    .mobcitysearch .RoundTripTdate,
    .mobcitysearch .RoundTripFdate {
        align-items: center;
    }
    .trip-search-landing-form #Hotels .dash-form-group .form-group,
    .trip-search-landing-form .oneway .dash-form-group .form-group,
    .trip-search-landing-form .roundtrip .dash-form-group .form-group {
        min-height: 60px;
    }
    .calendra .night-count .form-group {
        padding: 0px 5px !important;
        height: 20px;
        min-height: inherit !important;
    }
    .trip-search-landing-form #Hotels .hotelroom.dash-form-group {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
        .trip-search-landing-form #Hotels .hotelroom.dash-form-group .input-group,
        .trip-search-landing-form #Hotels .hotelroom.dash-form-group input {
            height: 24px;
        }
        .DRTbody .flightwrap {
            border-radius: 10px;
        }
    .selectedradio .flightitem .fitemmain::before {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .selectedradio .bookFlight::before {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .DRTbody .bookFlight,
    .DRTbody .bookFligh::before {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .flightbottomprice .selectedFlights .flightitem::before {
        background:#fff !important;
    }
    .flightbottomprice .selectedFlights #ArrSelectedFlight {
        border-top: 1px dashed #ededed;
    }
    span.sectionHdng {
        left: 4px;
        border-color: var(--main-bg-color);
        color: var(--main-bg-color);
    }
    .myRTCol .myRTColIn{
        padding-left:0px;
        padding-right:0px;
        border:0px;
    }
    #ajx_divPagination .pagination.pager li a[title="Go to first page"]::first-letter,
    #ajx_divPagination .pagination.pager li a[title="Go to previous page"]::first-letter,
    #ajx_divPagination .pagination.pager li a[title="Go to next page"]::first-letter {
        opacity: 0;
    }

    .hotels-multi-dates .mobile_return_date .from_div #txtRoundtripToDate + .daterangepicker.dropdown-menu {
        top: 67px !important;
    }
    .mobile_flight_name_div.flight_name_div {
        display: flex;
        align-items:center;
    }
    .hotel_rewrads.rewards_point_container {
        padding-bottom: 15px;
    }
    .mobile_rewards.rewards_point_container {
        margin-top: 0px;
        display: flex;
        font-size:10px;
        margin-bottom:5px;
    }
    mobile_rewards rewards_point_container span{
        line-height:1.5;
    }
    .flight_name_div {
        display: flex;
        column-gap: 10px;
        justify-content: space-between;
        align-items: start;
    }
    .flight_name_content {
        display: flex;
        gap: 10px;
    }
    .desktop_layover_details {
        display: none !important;
    }
    .mobile_layover_details {
        display: block;
    }
    .vres-prog-div h3 {
        font-size: 16px !important;
    }

    #map-result.map-content {
        height: 80vh !important;
    }

    ul.fitemftstops[totalstops]:before {
        top: -3px !important;
    }

    .oneway_multi-dates .d-flex > div {
        width: 50% !important;
    }

    .myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice {
        bottom: 20px !important;
    }

    #divExcursionList .ahotel-item .ahotel-right > * + *, #divExcursionList .ahotel-right .ahotel-btns > b > * + * {
        margin-left: 7px !important;
    }



    .myRTCol .selectedFlights .flighttitle {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .myRTDisplayFilters .myRTFIlterTop, .myRTDisplayFilters .myRTFIlterMid {
        display: none;
    }

    .myRTCol .myRTFIlterBottom {
        border-top: 0px solid #dddddd !important;
    }

    .resultfltcolumn {
        margin-top: 20px !important;
    }

    .sidebar.htlRslt .fltrWrap, .sidebar.htlRslt2 .fltrWrap#fltrWrap {
        margin-bottom: 0px !important
    }

    body .mic-btn-wrap {
        z-index: 2 !important;
        position: absolute !important;
        display: none;
    }

    .flightitemWrap#divMyResults {
        margin-top: 0px !important;
    }


    .htlpagewrapper .sidebar .fltrWrap {
        margin-bottom: 0px !important;
    }

    .mapviewpage .mapclosebtn {
        top: -14px !important;
        right: -18px !important;
        z-index: 999 !important;
    }

    .hot_hotel-body .b2bcontantbox {
        padding-top: 4px !important;
    }

    .htlpagewrapper .hotelItemWrappMain .main_box_pan_new .hot_hotel-item .b2bhtl-icons1 {
        margin-bottom: 0px !important;
        padding-bottom: 4px !important;
    }

    .main_box_pan .b2bhtl-iconslft1 ul li, .main_box_pan .b2bhtl-iconsrht1 ul li {
        margin-bottom: 0px !important;
    }

    .htlpagewrapper .b2bctrbx1 .rslttsr {
        display: none !important;
    }

    body .htlpagewrapper .main_box_pan .b2bhtl-icons1 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
        margin-bottom: 0px !important;
        border-top: 0px solid #ddd !important;
        border-bottom: 0px solid #ddd !important;
    }
}

@media (max-width:765px) {
    #divExcursionList .ahotel-body.activityheading .uc-container {
        min-height: 120px !important;
        height: 120px !important;
        max-height: 120px !important;
    }
   /* body .desktop_flighthotel_landing_form #FlightHotels .dash-form-group {
        padding: 3px 8px !important;
    }
        body .desktop_flighthotel_landing_form #FlightHotels .dash-form-group.airport_list.w-100 {
            padding: 3px 8px !important;
        }*/
    .landingpageotaform #FlightHotels .board_type_div .multiselect{
        height:33px
    }
    label.flighthotel_traveller_text{
        margin:0
    }
}

.myRoundTripWrap .pagination > li > a, .myRoundTripWrap .pagination > li > span {
    padding: 6px 10px !important;
}

    .myRoundTripWrap .pagination > li > a[title="Go to last page"],
    .myRoundTripWrap .pagination > li > a[title="Go to first page"] {
        display: none !important;
    }



.htlpagewrapper .hoteladdress_text .hotelmap_name {
    display: none !important;
}

.hotelItemWrappMain .b2bctrbx1 > span#htladd {
    padding-left: 0px !important;
}


.htlpagewrapper .hotelItemWrappMain .travmain .donebox.detail-button + .donebox {
    text-align: center !important;
}

}

@media (max-width:576px) {
    .hotelItemWrappMain .travmain .donebox.detail-button + .donebox:before {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}

.htlpagewrapper .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
    padding-top: 0px !important;
}
.rewards_point_container svg{
    color:var(--main-bg-color);
}
.rewards_point_container{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:5px;
}
.fltrWrap .checkbox .cr, .radio .cr {
    background: #D9D9D9 !important;
    border: 0px !important;
    height: 20px;
    width: 20px;
}

.fltrWrap .glyphicon-ok:before, .cont_box .glyphicon-ok:before {
    border-radius: 4px;
    padding: 4px;
    margin-left: -4px !important;
    font-size: 12px;
}

.checkbox .glyphicon {
    color: #fff !important;
}
@media(min-width:1201px) {
    body .mob-search-form-wrap.desktop_form_wrap.formfixed {
        position: fixed !important;
        top: 221px !important;
        z-index: 9999;
    }
    .tocity_txt .airport_searchbar .dstn-rslt-hdng.searchbar-heading {
        text-align:start;
    }
    .multicity .tocity_txt .airport_searchbar {
        left: -16px !important;
    }
    .oneway .tocity_txt .airport_searchbar,
    .roundtrip .tocity_txt .airport_searchbar {
        left: 0px !important;
    }
    .airport_searchbar .dstn-rslt-hdng {
        color: #a0a0a0;
    }
    .airport_icon .mapicon {
        position: absolute;
        z-index: 1;
        background-size: 16px;
        background-repeat: no-repeat;
        background-image: url(../images/save-more/icon_destination_m.png);
        left: 0;
        width: 24px;
        height: 18px;
        top: 50%;
        transform: translateY(-50%);
    }
    .bookFlight .fitemprice {
        height: 65px;
    }
    .trip-search-landing-form #Flights .twitter-typeahead input,
    .trip-search-landing-form #Hotels .destination_list .hotels-inputs-fields {
        cursor: auto;
    }
    .fitemtoggle.itrnntnldtm {
        line-height: 65px;
    }

    .fltrWrap .sidber-box .checkbox label,
    .fltrWrap .sidber-box .radio label,
    .main_box_pan_new .trav .travmain .trav1-one .nonRefundable .nonRefundableInner {
        font-size: 16px;
        font-weight: 400 !important;
    }

    .bookFlight .fitemtoggle {
        cursor: pointer;
    }

        .bookFlight .fitemtoggle span {
            font-size: 14px;
        }

        .bookFlight .fitemtoggle i {
            font-weight: 600 !important;
        }

    .viewFareBtnmodal .modal-content,
    .viewFareBtnmodal .modal-body {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .viewFareBtnmodal .modal-content,
    .viewFareBtnmodal .modal-header {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .viewFareBtnmodal .viewFare_header {
        display: flex;
        gap: 15px;
    }

    .flight_checkout_pricing .availability.available {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4px;
    }
}
/*.airport-main-ul li {
    display: block!important;
    margin-left:10px!important;
    padding-right:10px;
    padding-left:10px;
}*/
.airport_searchbar .dstn-rslt-list .airport-sublist-ul > li {
    padding-left: 0px;
}
.airport-main-ul .airport-main-li {
    padding-left: 0px;
    padding-bottom: 20px;
    margin-left: 0px !important;
}
    .airport-main-ul .airport-main-li .airport-city {
        padding-right:0px;
    }
    .airport-main-ul .airport-main-li:last-child {
        padding-bottom: 0px;
    }
    .airport-city,
    .max-text0verlape2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .airport-main-li .no-property,
    .max-text0verlape2 small {
        color: #747474;
    }

.airport_content {
    display: flex;
    align-items: center;
    gap: 6px;
    position:relative;
}
.airport_icon{
    display:flex;
}
.airport_searchbar{
    top:40px!important;
    left:-12px!important;
}
    .airport_searchbar .dstn-rslt-section {
        padding-top:0px;
        padding-left:15px;
    }
.flightwrap .fliStopsSec .flight_dots {
    width: 180px !important;
    height: 16px !important;
    margin: auto;
    z-index: 1;
    background: transparent !important;
    justify-content: center;
    align-items: center;
    display: flex !important;
    transform: translate(-50%, -32%);
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
}

    .flightwrap .fliStopsSec .flight_dots .flight_dots_icon {
        background: #fff !important;
        border: 0px;
        width: auto !important;
        position: absolute;
        height: auto;
    }
#modifyHotelsearchform .modal-title {
    font-size: 20px !important;
}
.flight_Flexibility_container .fareamount_container .fareamount_CardFooter button.donebox {
    display: flex;
    align-items: center;
    justify-content: center;
}