.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.textOverflow, .packFlights .pffFlight .pfOption .pfoRight, .packFlights .pffFlight .pfOption .pfoLeft, .packBox .pbHotel .pbhName, .b2bFixedMenu .bfmWrapper .bwTitle .title, .fareWrapper .fareBox .fbBottom .fbBt, .wideFlexFlightBox .wffAirline .wffaLabel, .extraServiceBox .erPersonItem .erpLabel, .dialogPopup .dpbTop .title, .wideFlightBox .wfwItem .wfiBox .wibCity, .wideFlightBox .wfwItem .wfiBox .wibAirport, .wideFlightBox .wfwItem .wfwAirline .wfwaLabel, .dateAccBox .dabAccTrigger, .rcFullFlights .rcfDates .rcfDate, .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiLabel, .headerMain .headerOnlineUser .houTrigger .val, .headerMain .hBusiness .hBusinessUser .hbuTrigger .hbuText, .msInput .valText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transitionP1, .installmentOptions .insOpt .ioBox:before, .installmentOptions .insOpt .ioBox:after, .fullBorderCheck .fbcContent:before, .fullBorderCheck .fbcContent:after {
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.transitionP2, .circleCampaignBox .ccbImage img, .fareWrapper .fareBox .fbBottom .fbBt:before, .fareWrapper .fareBox .fbBottom .fbBt, .bBannerMain .bBannerImage img, .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu li:before, .bHeader .bHeaderCt, .bHeader .centerAligner, .bLoginMain .bLoginContentHolder .bLoginContent, .bLoginMain .bLoginImage img, .bLoginMain .bLoginImage, .basicGallery li img, .newGalleryPopup .ngpContent, .newGalleryPopup .ngpClose, .newGalleryPopup .ngpFilter, .main404 .m4Bt, .dialogPopup, .dateRoomsWidget .drwBox, .fullSlider .swiper-button-prev, .fullSlider .swiper-button-next, .contentSlider .swiper-button-prev, .contentSlider .swiper-button-next, .verticalBox .vbImage .wrbPropBoxes, .verticalBox .vbImage .wrbDiscount, .verticalBox .vbImage .image img, .mainBannerSlider .swiper-button-prev, .mainBannerSlider .swiper-button-next, .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiImage img, .singleBasicSlider .swiper-button-prev, .singleBasicSlider .swiper-button-next, .hbcSlider .swiper-button-prev, .hbcSlider .swiper-button-next, .headerMain .hbMenu .hbm > li .hbmDrop .dropList li a:before, .headerMain .hbMenu .hbm > li:before, .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList li a:before, .headerMain .mainMenuWidget .mainMenu > li:before, .wideResultBox .wrbSlider .swiper-button-prev, .wideResultBox .wrbSlider .swiper-button-next, .wideResultBox .wrbIconSpecs .wiSpec .wiSDrop, .wideResultBox .wrbImage .wrbPropBoxes, .wideResultBox .wrbImage .wrbDiscount, .wideResultBox .wrbImage .imageTriggerLabel, .wideResultBox .wrbWrapper, .squareDoubleFilters .sdfCheck .sdfContent .sdfIcon, .squareDoubleFilters .sdfCheck .sdfContent:Before, .starFilters .starOption .soContent, .mainSearchWidget .mswNav li:before, .mapViewTrigger .mvtText, .mapViewTrigger:before, .mapViewTrigger {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

    .transitionP4, .b2bFixedMenu, .popupSearch, .dialogPopup .dpBox, .wideFlightBox .wfwBottomExt, .wideResultBox .wrbImage .image img {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

.transitionP6 {
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.darkColor {
    color: #1b1c1e !important;
}

.midColor {
    color: #606367 !important;
}

.orangeColor {
    color: orange !important;
}

.redColor {
    color: indianred !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs21 {
    font-size: 21px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs23 {
    font-size: 23px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs25 {
    font-size: 25px !important;
}

.fs26 {
    font-size: 26px !important;
}

.fs27 {
    font-size: 27px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs29 {
    font-size: 29px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.vm tr td {
    vertical-align: middle !important;
}

.vt tr td {
    vertical-align: top !important;
}

.vb tr td {
    vertical-align: bottom !important;
}

.vt {
    vertical-align: top !important;
}

.vm {
    vertical-align: middle !important;
}

.vb {
    vertical-align: bottom !important;
}

.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.mirror {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.displayFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cPointer {
    cursor: pointer;
}

@-webkit-keyframes loadingAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes loadingAnim {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-webkit-keyframes sideLoadingAnim {
    0% {
        width: 10%;
        left: 0;
    }

    25% {
        width: 15%;
    }

    50% {
        width: 10%;
        left: 90%;
    }

    75% {
        width: 15%;
    }

    100% {
        width: 10%;
        left: 0;
    }
}

@keyframes sideLoadingAnim {
    0% {
        width: 10%;
        left: 0;
    }

    25% {
        width: 15%;
    }

    50% {
        width: 10%;
        left: 90%;
    }

    75% {
        width: 15%;
    }

    100% {
        width: 10%;
        left: 0;
    }
}

.fmMobileTitle,
.mobileMapTrigger,
.mobileFiltersTrigger,
.hbmClose,
.hbmMenuTrigger,
.mmClose,
.mobileMenuTrigger {
    display: none;
}

body {
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    min-width: 320px;
}

.max2Lines, .wideResultBox.forMap .wrbTitleLine .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lightBgBox {
    width: 100%;
    float: left;
    background: #f8f9fa;
    padding: 10px;
}

.main {
    width: 100%;
    min-height: 100vh;
}

.centerAligner {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}

    .centerAligner.small {
        max-width: 1000px;
    }

    .centerAligner.xSmall {
        max-width: 800px;
    }

    .centerAligner.full {
        width: 100%;
        max-width: 100%;
    }

.dropMain .dropTrigger {
    cursor: pointer;
}

.dropMain .dropContent {
    display: none;
}

.dropMain.showDrop > .dropContent {
    display: block;
}

.bottomBorderBox {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.optionList {
    width: 100%;
    float: left;
}

    .optionList li {
        width: 100%;
        float: left;
        margin: 4px 0;
    }

    .optionList.double {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .optionList.double li {
            width: 50%;
            float: left;
        }

.customScroller {
    width: 100%;
    float: left;
    max-height: 250px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* Track */
    /* Handle */
}

    .customScroller::-webkit-scrollbar {
        width: 4px;
        background: #f1f1f1;
    }

    .customScroller::-webkit-scrollbar-track {
        background: none;
        border-radius: 5px;
    }

    .customScroller::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 5px;
    }

    .customScroller.h100 {
        max-height: 100px;
    }

    .customScroller.h150 {
        max-height: 150px;
    }

    .customScroller.h200 {
        max-height: 200px;
    }

    .customScroller.h250 {
        max-height: 250px;
    }

    .customScroller.h300 {
        max-height: 300px;
    }

    .customScroller.h350 {
        max-height: 350px;
    }

    .customScroller.h400 {
        max-height: 400px;
    }

    .customScroller.h450 {
        max-height: 450px;
    }

    .customScroller.h500 {
        max-height: 500px;
    }

.fullDesc {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #8d9198;
}

.mapViewTrigger {
    width: 100%;
    float: left;
    background-image: url("../img/map-view.jpg");
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    min-height: 110px;
}

    .mapViewTrigger:before {
        width: 100%;
        float: left;
        padding-top: 50%;
        content: " ";
        background: rgba(255, 255, 255, 0.2);
    }

    .mapViewTrigger .mvtText {
        width: auto;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        background: rgba(255, 255, 255, 0.8);
        padding: 12px 15px;
        border-radius: 30px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #1b1c1e;
        font-size: 15px;
        white-space: nowrap;
    }

    .mapViewTrigger:hover {
        border-color: #aaa;
    }

        .mapViewTrigger:hover:before {
            opacity: 0;
        }

        .mapViewTrigger:hover .mvtText {
            -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
        }

.fullTextContainer {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #1b1c1e;
}

    .fullTextContainer.info {
        font-size: 13px;
        color: #8d9198;
    }

    .fullTextContainer a {
        color: #1b1c1e;
        text-decoration: underline;
    }

        .fullTextContainer a:hover {
            text-decoration: none;
        }

    .fullTextContainer.half {
        width: 50%;
    }

.buttonContainer {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
}

    .buttonContainer.alignCenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.fullImage {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

    .fullImage img {
        width: 100%;
    }

.dpNone {
    display: none;
}

.fullTable {
    width: 100%;
    float: left;
}

    .fullTable tr th,
    .fullTable tr td {
        color: #1b1c1e;
        padding: 7px;
    }

        .fullTable tr th.borderRight3,
        .fullTable tr td.borderRight3 {
            border-right: 3px solid #ccc !important;
        }

        .fullTable tr th.borderLeft3,
        .fullTable tr td.borderLeft3 {
            border-left: 3px solid #ccc !important;
        }

        .fullTable tr th.borderBottom3,
        .fullTable tr td.borderBottom3 {
            border-bottom: 3px solid #ccc !important;
        }

        .fullTable tr th.borderTop3,
        .fullTable tr td.borderTop3 {
            border-top: 3px solid #ccc !important;
        }

    .fullTable tr th {
        color: #1b1c1e;
        font-weight: 600;
    }

    .fullTable tr.highlighted {
        background: #faf6ea !important;
    }

    .fullTable.horizontalBorder tr th,
    .fullTable.horizontalBorder tr td {
        border-bottom: 1px solid #ebebeb;
    }

    .fullTable.verticalBorder tr th,
    .fullTable.verticalBorder tr td {
        border-right: 1px solid #ebebeb;
    }

        .fullTable.verticalBorder tr th:last-child,
        .fullTable.verticalBorder tr td:last-child {
            border-right: none;
        }

    .fullTable.fullBorder tr th,
    .fullTable.fullBorder tr td {
        border: 1px solid #ebebeb;
    }

    .fullTable.wBg {
        background: #fff;
    }

    .fullTable.tdWbg tr th,
    .fullTable.tdWbg tr td {
        background-color: #fff;
    }

    .fullTable.highlightThead thead tr {
        background: #fff;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    .fullTable.stickyThead thead {
        position: sticky;
        z-index: 9;
        top: -30px;
        -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
    }

        .fullTable.stickyThead thead tr {
            background-color: #f1f1f1;
        }

    .fullTable.stickyThead.sthWBg tr {
        background-color: #fff;
    }

    .fullTable.evenOdd tbody tr:nth-child(even) {
        background: rgba(0, 0, 0, 0.05);
    }

    .fullTable.headLight thead tr {
        background-color: #f1f1f1;
    }

    .fullTable.smallPadding tr td {
        padding: 5px;
    }

    .fullTable.mediumPadding tr td {
        padding: 10px;
    }

    .fullTable.largePadding tr td {
        padding: 15px;
    }

    .fullTable.firstTdBold tr th:first-child,
    .fullTable.firstTdBold tr td:first-child {
        font-weight: bold;
    }

    .fullTable.noWrap tr td {
        white-space: nowrap;
    }

.titleSorter {
    width: auto;
    float: left;
    position: relative;
    cursor: pointer;
    padding-right: 14px;
    opacity: 0.8;
}

    .titleSorter span.infoText {
        font-style: italic;
        font-size: 10px;
        color: #bbb;
    }

    .titleSorter:before {
        border: solid transparent;
        border-bottom-color: #aaa;
        border-width: 4px;
        right: 0;
        bottom: 9px;
        margin-top: -14px;
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        margin-left: -6px;
        opacity: 0.3;
    }

    .titleSorter:after {
        border: solid transparent;
        border-top-color: #aaa;
        border-width: 4px;
        right: 0;
        bottom: 0;
        margin-top: -14px;
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        margin-left: -6px;
        opacity: 0.3;
    }

    .titleSorter.sortUp {
        opacity: 1;
    }

        .titleSorter.sortUp:before {
            opacity: 1;
        }

        .titleSorter.sortUp:after {
            opacity: 0.3;
        }

    .titleSorter.sortDown {
        opacity: 1;
    }

        .titleSorter.sortDown:before {
            opacity: 0.3;
        }

        .titleSorter.sortDown:after {
            opacity: 1;
        }

    .titleSorter:hover {
        opacity: 0.5;
    }

.basicTitle {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #1b1c1e;
}

    .basicTitle.mid {
        font-size: 17px;
    }

    .basicTitle.min {
        font-size: 14px;
    }

    .basicTitle.simpleAccTrigger {
        position: relative;
        padding-right: 20px;
        cursor: pointer;
    }

        .basicTitle.simpleAccTrigger:after {
            width: 12px;
            height: 12px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f107";
            font-size: 14px;
            text-align: center;
            line-height: 12px;
            margin-left: 10px;
        }

a.basicLink,
.basicLink {
    color: #1b1c1e;
    text-decoration: underline;
}

    a.basicLink:hover,
    .basicLink:hover {
        text-decoration: none;
    }

.searchContainer {
    width: 100%;
    float: left;
    position: relative;
    z-index: 99;
}

    .searchContainer .scBgImage {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        overflow: hidden;
    }

        .searchContainer .scBgImage img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .searchContainer .centerAligner {
        position: relative;
        z-index: 1;
    }

    .searchContainer.showBgImage {
        margin-top: -15px;
        margin-bottom: 25px;
        padding: 20px 0;
    }

        .searchContainer.showBgImage .scBgImage {
            opacity: 1;
        }

    .searchContainer.blurryBgImage .scBgImage img {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .searchContainer.transparentSearchBg .mainSearchWidget .mswWrapper {
        background: rgba(255, 255, 255, 0.9);
    }

    .searchContainer.bgFilterBlur .mainSearchWidget .mswWrapper {
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(6px);
    }

    .searchContainer.wideCenter .centerAligner {
        max-width: 1530px;
    }

    .searchContainer.overBanner .mainSearchWidget {
        margin-top: -220px;
    }

    .searchContainer.halfOverBanner .mainSearchWidget {
        margin-top: -100px;
    }

    .searchContainer.tabNavButtons .mswNav li {
        background: #f1f1f1;
        border-radius: 10px;
        margin: 3px 1px;
        padding: 0 15px;
    }

        .searchContainer.tabNavButtons .mswNav li.active {
            color: #fff;
        }

            .searchContainer.tabNavButtons .mswNav li.active:before {
                width: 0;
                height: 0;
                position: absolute;
                left: 50%;
                bottom: -12px;
                margin-left: -6px;
                border: 6px solid transparent;
                background: none !important;
                border-top-color: #ccc;
                content: " ";
            }

    .searchContainer.tabNavButtons .mainSearchWidget.smallSearch .mswNav li {
        margin: 3px 1px;
    }

    .searchContainer.hiddenSearch .mainSearchWidget {
        display: none;
    }

    .searchContainer.hiddenSearch .searchClosedBox {
        display: block;
    }

    .searchContainer.hiddenSearch.overBanner {
        margin-top: -140px;
    }

    .searchContainer.hiddenSearch.halfOverBanner {
        margin-top: -70px;
    }

    .searchContainer.hiddenSearch.transparentSearchBg .searchClosedBox {
        background: rgba(255, 255, 255, 0.9);
    }

    .searchContainer.hiddenSearch.bgFilterBlur .searchClosedBox {
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(6px);
    }

.searchClosedBox {
    width: 100%;
    float: left;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 35px rgba(3, 3, 3, 0.05);
    padding: 15px;
    display: none;
}

    .searchClosedBox .scbIcon {
        width: 60px;
        height: 60px;
        float: left;
        border-radius: 50%;
        text-align: center;
        line-height: 60px;
        color: #606367;
        background: #ebebeb;
    }

    .searchClosedBox .scbRight {
        width: calc(100% - 75px);
        float: right;
    }

    .searchClosedBox .scbVal {
        width: 100%;
        float: left;
        margin-bottom: 7px;
        font-size: 15px;
        font-weight: 600;
    }

.mainSearchWidget {
    width: 100%;
    float: left;
    margin: 15px 0;
}

    .mainSearchWidget .mswWrapper {
        width: 100%;
        float: left;
        border: 1px solid #ebebeb;
        background-color: #fff;
        -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.05);
        box-shadow: 0 3px 35px rgba(3, 3, 3, 0.05);
    }

    .mainSearchWidget .mswNav {
        width: 100%;
        float: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0 5px;
    }

        .mainSearchWidget .mswNav li {
            width: auto;
            float: left;
            height: 60px;
            line-height: 60px;
            color: #8d9198;
            font-size: 18px;
            margin: 0 15px;
            cursor: pointer;
            position: relative;
        }

            .mainSearchWidget .mswNav li:before {
                width: 0;
                height: 3px;
                position: absolute;
                left: 0;
                bottom: -2px;
                background: rgba(0, 0, 0, 0.2);
                border-radius: 2px;
                content: " ";
                opacity: 1;
            }

            .mainSearchWidget .mswNav li:hover {
                color: #1b1c1e;
            }

                .mainSearchWidget .mswNav li:hover:before {
                    width: 100%;
                }

            .mainSearchWidget .mswNav li.active {
                color: #1b1c1e;
            }

                .mainSearchWidget .mswNav li.active:before {
                    width: 100%;
                }

    .mainSearchWidget .mswTabs {
        width: 100%;
        float: left;
    }

        .mainSearchWidget .mswTabs .mswTab {
            width: 100%;
            float: left;
            padding: 25px 30px;
            display: none;
        }

    .mainSearchWidget .mswFull {
        width: 100%;
        float: left;
    }

    .mainSearchWidget .mswAddRoom {
        width: auto;
        float: left;
        margin-top: 10px;
        color: #8d9198;
        cursor: pointer;
    }

        .mainSearchWidget .mswAddRoom:hover {
            color: #1b1c1e;
            text-decoration: underline;
        }

    .mainSearchWidget .mswRooms {
        width: calc(100% + 20px);
        float: left;
        margin: 0 -10px;
    }

        .mainSearchWidget .mswRooms .mswRoomBox {
            width: calc(33.3% - 20px);
            float: left;
            margin: 10px;
            background: #f8f9fa;
            border: 1px solid rgba(0, 0, 0, 0.1);
            padding: 10px;
        }

        .mainSearchWidget .mswRooms .mrbTitle {
            width: 100%;
            float: left;
            padding-bottom: 5px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            margin-bottom: 10px;
        }

            .mainSearchWidget .mswRooms .mrbTitle .title {
                width: auto;
                float: left;
                font-size: 14px;
                color: #606367;
            }

            .mainSearchWidget .mswRooms .mrbTitle .mrbRemove {
                width: auto;
                float: right;
                font-size: 12px;
                color: #8d9198;
                cursor: pointer;
                opacity: 0.6;
            }

                .mainSearchWidget .mswRooms .mrbTitle .mrbRemove:hover {
                    color: #606367;
                    opacity: 1;
                }

        .mainSearchWidget .mswRooms .mswPassHolder {
            width: 100%;
            float: left;
            border: 1px solid rgba(0, 0, 0, 0.1);
            background: #fff;
            padding: 0 10px;
        }

    .mainSearchWidget.smallSearch .mswNav li {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin: 0 10px;
    }

    .mainSearchWidget.smallSearch .mswTabs .mswTab {
        padding: 10px 15px;
    }

    .mainSearchWidget.smallSearch .msButton {
        width: 50px;
        height: 50px;
        margin: 5px;
        line-height: 50px;
    }

    .mainSearchWidget.withoutIcons .msInput .msiIcon {
        display: none;
    }

    .mainSearchWidget.withoutIcons .msInput .valText,
    .mainSearchWidget.withoutIcons .msInput .valInput,
    .mainSearchWidget.withoutIcons .msInput .msiLabel {
        padding-left: 0;
    }

.msFlexForm {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .msFlexForm .msElement {
        width: auto;
        height: 60px;
        float: left;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
        margin-right: 20px;
    }

        .msFlexForm .msElement.flexGrow2 {
            -webkit-box-flex: 2;
            -ms-flex-positive: 2;
            flex-grow: 2;
        }

        .msFlexForm .msElement.flexGrow0 {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
        }

        .msFlexForm .msElement.noBorder {
            margin-right: 0;
            border: none;
        }

        .msFlexForm .msElement .msSwitch {
            width: 31px;
            height: 31px;
            position: absolute;
            left: -35px;
            top: 50%;
            margin-top: -15px;
            background: #ebebeb;
            border-radius: 50%;
            text-align: center;
            line-height: 31px;
            color: #606367;
            cursor: pointer;
        }

            .msFlexForm .msElement .msSwitch:hover {
                background: #ccc;
            }

        .msFlexForm .msElement.posStatic {
            position: static;
        }

    .msFlexForm .msButton {
        width: 60px;
        height: 60px;
        float: left;
        background: #ccc;
        text-align: center;
        line-height: 56px;
        color: #fff;
        font-size: 18px;
        border: none;
        border-radius: 50%;
        position: relative;
        padding: 0;
    }

        .msFlexForm .msButton img {
            max-width: 50%;
            max-height: 50%;
        }

        .msFlexForm .msButton:hover {
            opacity: 0.8;
        }

    .msFlexForm.forMulti {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        padding-left: 10px;
    }

.searchBottom {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin-bottom: -5px;
}

.msInput {
    width: 100%;
    height: 60px;
    float: left;
    position: relative;
}

    .msInput .msiTrigger {
        width: 100%;
        height: 60px;
        float: left;
        position: relative;
    }

        .msInput .msiTrigger:before {
            width: 12px;
            height: 12px;
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -6px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f107";
            font-size: 16px;
            text-align: center;
            line-height: 12px;
        }

    .msInput .msiIcon {
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
        line-height: 0;
        font-size: 15px;
        color: #cccccc;
    }

        .msInput .msiIcon img {
            width: 100%;
        }

    .msInput .msiLabel {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #8d9198;
        padding-left: 30px;
        margin-top: 6px;
    }

    .msInput .valInput {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border: none;
        background: none !important;
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        color: #1b1c1e;
        padding-left: 30px;
        padding-top: 12px;
        -webkit-appearance: none;
    }

        .msInput .valInput::-webkit-input-placeholder {
            color: #1b1c1e;
        }

        .msInput .valInput::-moz-placeholder {
            color: #1b1c1e;
        }

        .msInput .valInput:-ms-input-placeholder {
            color: #1b1c1e;
        }

        .msInput .valInput::-ms-input-placeholder {
            color: #1b1c1e;
        }

        .msInput .valInput::placeholder {
            color: #1b1c1e;
        }

    .msInput select.valInput {
        width: calc(100% + 5px);
        margin-left: -5px;
        padding-left: 35px;
    }

    .msInput .valText {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border: none;
        background: none;
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        color: #1b1c1e;
        padding-left: 30px;
        padding-top: 12px;
        line-height: 48px;
    }

    .msInput .msiDrop {
        width: 220px;
        position: absolute;
        right: 0;
        top: 100%;
        border: 1px solid #ebebeb;
        background-color: #fff;
        -webkit-box-shadow: 0 3px 10px rgba(3, 3, 3, 0.2);
        box-shadow: 0 3px 10px rgba(3, 3, 3, 0.2);
        padding: 15px;
        z-index: 9;
    }

        .msInput .msiDrop.mobileFixedDrop {
            width: 100%;
        }

        .msInput .msiDrop .msidTitle {
            width: 100%;
            float: left;
            border-bottom: 1px solid #ebebeb;
            display: none;
        }

            .msInput .msiDrop .msidTitle .title {
                width: auto;
                float: left;
                line-height: 40px;
                font-size: 17px;
                font-weight: 600;
                color: #1b1c1e;
            }

            .msInput .msiDrop .msidTitle .msidClose {
                width: 40px;
                height: 40px;
                float: right;
                text-align: center;
                line-height: 40px;
            }

        .msInput .msiDrop .msidMainContent {
            width: 100%;
            float: left;
        }

    .msInput.posStatic {
        position: static;
    }

@-moz-document url-prefix() {
    .msInput select.valInput {
        width: 100%;
        margin: 0;
    }
}

.hTemplateWidget {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hTemplateWidget .htGridItem {
        width: 25%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        float: left;
        padding-right: 15px;
    }

    .hTemplateWidget .htgBorderList {
        width: 100%;
        float: left;
        border-left: 1px solid #ebebeb;
        padding-left: 12px;
    }

        .hTemplateWidget .htgBorderList li {
            width: 100%;
            float: left;
            margin: 4px 0;
        }

            .hTemplateWidget .htgBorderList li a {
                font-size: 14px;
                color: #606367;
            }

                .hTemplateWidget .htgBorderList li a:hover {
                    text-decoration: underline;
                }

    .hTemplateWidget .htgList {
        width: 100%;
        float: left;
    }

        .hTemplateWidget .htgList li {
            width: 100%;
            float: left;
            margin: 4px 0;
        }

            .hTemplateWidget .htgList li a {
                font-size: 14px;
                color: #606367;
            }

                .hTemplateWidget .htgList li a:hover {
                    text-decoration: underline;
                }

    .hTemplateWidget .htgTitle {
        width: 100%;
        float: left;
        font-size: 17px;
        font-weight: 600;
        color: #1b1c1e;
        margin: 20px 0 10px 0;
    }

        .hTemplateWidget .htgTitle:first-child {
            margin-top: 0;
        }

    .hTemplateWidget .htgAccTitle {
        width: 100%;
        float: left;
        border-top: 1px solid #ebebeb;
        padding: 10px 20px 10px 10px;
        font-size: 14px;
        font-weight: 600;
        color: #606367;
        position: relative;
        cursor: pointer;
    }

        .hTemplateWidget .htgAccTitle:hover {
            background: #f1f1f1;
        }

        .hTemplateWidget .htgAccTitle:before {
            width: 12px;
            height: 12px;
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -6px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f107";
            font-size: 14px;
            text-align: center;
            line-height: 12px;
        }

    .hTemplateWidget .htgAccContent {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ebebeb;
        padding-left: 10px;
        display: none;
    }

.htgTitle.simpleAccTrigger {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}

    .htgTitle.simpleAccTrigger:after {
        width: 12px;
        height: 12px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        font-size: 14px;
        text-align: center;
        line-height: 12px;
        margin-left: 10px;
    }

.passengerCounter {
    width: 100%;
    float: left;
}

    .passengerCounter .pcLabel {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #8d9198;
        margin-bottom: 4px;
    }

    .passengerCounter .counter {
        width: 100%;
        float: left;
        padding: 3px;
        background: #eff0f1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 22px;
    }

        .passengerCounter .counter .cVal {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            line-height: 38px;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
        }

        .passengerCounter .counter .cButton {
            width: 38px;
            height: 38px;
            float: left;
            border: 2px solid #ccc;
            background: #fff;
            text-align: center;
            line-height: 34px;
            color: #606367;
        }

            .passengerCounter .counter .cButton.minus {
                border-radius: 19px 6px 6px 19px;
            }

            .passengerCounter .counter .cButton.plus {
                border-radius: 6px 19px 19px 6px;
            }

            .passengerCounter .counter .cButton:hover {
                opacity: 0.8;
            }

.childrenAges {
    width: 100%;
    float: left;
    margin-top: 15px;
}

    .childrenAges .caTitle {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #8d9198;
        margin-bottom: 4px;
        text-align: center;
    }

    .childrenAges .caBoxes {
        width: 100%;
        float: left;
        margin: 0 -3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .childrenAges .caBoxes .caBox {
            padding: 3px;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%;
        }

.resultGrid {
    width: 100%;
    float: left;
}

    .resultGrid .resultLeft {
        width: 250px;
        float: left;
    }

    .resultGrid .resultRight {
        width: calc(100% - 280px);
        float: right;
    }

    .resultGrid.fullCols .resultRight,
    .resultGrid.fullCols .resultLeft {
        width: 100%;
        float: left;
    }

.freeFlexGrid {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .freeFlexGrid .freeGridCol {
        width: auto;
    }

        .freeFlexGrid .freeGridCol.flexGrow1 {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .freeFlexGrid .freeGridCol.flexGrow2 {
            -webkit-box-flex: 2;
            -ms-flex-positive: 2;
            flex-grow: 2;
        }

        .freeFlexGrid .freeGridCol.w200 {
            min-width: 200px;
            width: 200px;
        }

.hotelDetailsGrid {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hotelDetailsGrid .hdgLeft {
        width: calc(100% - 330px);
        float: left;
    }

    .hotelDetailsGrid .hdgRight {
        width: 300px;
        float: right;
        margin-left: 30px;
    }

.flexGrid {
    width: calc(100% + 30px);
    float: left;
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexGrid .gridCol {
        width: 100%;
        float: left;
        padding: 15px;
    }

        .flexGrid .gridCol.triple {
            width: 33.3%;
        }

        .flexGrid .gridCol.forTriple {
            width: 66.6%;
        }

    .flexGrid.quad .gridCol {
        width: 25%;
    }

    .flexGrid.triple .gridCol {
        width: 33.3%;
    }

    .flexGrid.double .gridCol {
        width: 50%;
    }

.filtersMain {
    width: 100%;
    float: left;
    margin: 15px 0;
}

    .filtersMain .filtersTitle {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: 600;
        color: #1b1c1e;
        margin-bottom: 10px;
    }

    .filtersMain .filtersCol {
        width: 100%;
        float: left;
    }

    .filtersMain .fmContent {
        width: 100%;
        float: left;
    }

    .filtersMain .filterContentBox {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .filtersMain.fullWideFilters {
        position: relative;
    }

        .filtersMain.fullWideFilters .hideFull {
            display: none;
        }

        .filtersMain.fullWideFilters .fmContent {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background: #fff;
            border: 1px solid #ebebeb;
            -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
            box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        }

        .filtersMain.fullWideFilters .filterContentBox {
            display: none;
            position: absolute;
            left: 10px;
            top: 100%;
            background: #fff;
            border: 1px solid #ebebeb;
            border-top: none;
            -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
            box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
            padding: 15px;
            z-index: 999;
            width: calc(100% - 20px);
            border-radius: 0 0 15px 15px;
        }

            .filtersMain.fullWideFilters .filterContentBox.showBox {
                display: block;
            }

        .filtersMain.fullWideFilters .filtersCol {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            border-right: 1px solid #ebebeb;
        }

            .filtersMain.fullWideFilters .filtersCol:last-child {
                border: none;
            }

        .filtersMain.fullWideFilters .filtersTitle {
            font-size: 15px;
            margin-bottom: 0;
            padding: 15px 15px 13px 15px;
            cursor: pointer;
            border-bottom: 2px solid transparent;
        }

            .filtersMain.fullWideFilters .filtersTitle:after {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                margin-left: 5px;
                line-height: 16px;
            }

            .filtersMain.fullWideFilters .filtersTitle.active {
                border-bottom: 2px solid #ccc;
            }

.rangeSliderWidget {
    width: 100%;
    float: left;
}

    .rangeSliderWidget .rswBar {
        width: calc(100% - 16px);
        height: 4px;
        float: left;
        margin: 10px 8px 10px 8px;
        background: #ccc;
        border-radius: 2px;
        position: relative;
    }

        .rangeSliderWidget .rswBar .bar {
            height: 4px;
            background: #1b1c1e;
            position: absolute;
        }

        .rangeSliderWidget .rswBar .dot {
            width: 16px;
            height: 16px;
            position: absolute;
            margin: -8px;
            top: 50%;
            background: #1b1c1e;
            border: 2px solid #fff;
            border-radius: 8px;
            cursor: pointer;
        }

    .rangeSliderWidget .rswVals {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

        .rangeSliderWidget .rswVals .val {
            font-size: 14px;
            color: #606367;
            float: left;
        }

.starFilters {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .starFilters .starOption {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 50px;
        float: left;
        position: relative;
        margin: 3px;
        overflow: hidden;
    }

        .starFilters .starOption input {
            position: absolute;
            left: -20px;
            top: -20px;
        }

        .starFilters .starOption .soContent {
            width: 100%;
            float: left;
            background: #e7eaf0;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid transparent;
        }

            .starFilters .starOption .soContent:before {
                width: 100%;
                float: left;
                padding-top: 100%;
                content: " ";
            }

            .starFilters .starOption .soContent .soVal {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 15px;
                color: #606367;
                font-weight: 600;
            }

        .starFilters .starOption input:checked + .soContent {
            background: #fff;
            border-color: #1b1c1e;
        }

            .starFilters .starOption input:checked + .soContent .soVal {
                color: #1b1c1e;
            }

        .starFilters .starOption:hover {
            opacity: 0.8;
        }

.squareDoubleFilters {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .squareDoubleFilters .sdfCheck {
        width: calc(50% - 4px);
        float: left;
        margin: 2px;
        position: relative;
        overflow: hidden;
    }

        .squareDoubleFilters .sdfCheck input {
            position: absolute;
            left: -20px;
            top: -20px;
        }

        .squareDoubleFilters .sdfCheck .sdfContent {
            width: 100%;
            height: 100%;
            float: left;
            background: #fff;
            border: 1px solid #ccc;
            padding: 8px;
            position: relative;
            overflow: hidden;
        }

            .squareDoubleFilters .sdfCheck .sdfContent:Before {
                width: 18px;
                height: 18px;
                position: absolute;
                left: -20px;
                top: -20px;
                background: #aaa;
                border-radius: 50%;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f00c";
                color: #fff;
                font-size: 8px;
                text-align: center;
                line-height: 18px;
            }

            .squareDoubleFilters .sdfCheck .sdfContent .sdfIcon {
                width: 100%;
                float: left;
                opacity: 0.6;
                text-align: center;
            }

                .squareDoubleFilters .sdfCheck .sdfContent .sdfIcon img {
                    height: 26px;
                }

            .squareDoubleFilters .sdfCheck .sdfContent .sdfTitle {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 13px;
                color: #606367;
                font-weight: 600;
            }

            .squareDoubleFilters .sdfCheck .sdfContent .sdfLabel {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 11px;
                color: #8d9198;
            }

        .squareDoubleFilters .sdfCheck input:checked + .sdfContent {
            border-color: #aaa;
        }

            .squareDoubleFilters .sdfCheck input:checked + .sdfContent:before {
                top: 5px;
                left: 5px;
            }

            .squareDoubleFilters .sdfCheck input:checked + .sdfContent .sdfIcon {
                opacity: 1;
            }

            .squareDoubleFilters .sdfCheck input:checked + .sdfContent .sdfTitle {
                color: #1b1c1e;
            }

        .squareDoubleFilters .sdfCheck:hover .sdfContent {
            border-color: #aaa;
        }

.flexFormHolder {
    width: calc(100% + 10px);
    float: left;
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexFormHolder .ffGridItem {
        width: 100%;
        float: left;
        margin: 2px 0;
        padding: 5px;
    }

        .flexFormHolder .ffGridItem.half {
            width: 50%;
        }

        .flexFormHolder .ffGridItem.triple {
            width: 33.3%;
        }

        .flexFormHolder .ffGridItem.quad {
            width: 25%;
        }

        .flexFormHolder .ffGridItem.forTriple {
            width: 66.7%;
        }

.elementBox {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.formBottomButtons {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.sorterFilterHolder {
    width: 100%;
    float: left;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .sorterFilterHolder .sfhLeft {
        width: auto;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .sorterFilterHolder .sfhRight {
        float: left;
    }

    .sorterFilterHolder .sortSelect {
        width: auto;
        height: 44px;
        float: left;
        background: #e7eaf0;
        border: none;
        border-radius: 22px;
        font-family: "Outfit", sans-serif;
        font-size: 15px;
        padding: 0 15px;
        color: #606367;
    }

.wideResultBox {
    width: 100%;
    float: left;
    margin: 15px 0 25px 0;
}

    .wideResultBox .wrbWrapper {
        width: 100%;
        height: auto;
        float: left;
        padding: 8px;
        background: #fff;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .wideResultBox .wrbImage {
        width: 260px;
        min-width: 260px;
        min-height: 250px;
        float: left;
        position: relative;
        margin-right: 10px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

        .wideResultBox .wrbImage .image {
            width: 100%;
            height: 100%;
            overflow: hidden;
            cursor: pointer;
        }

            .wideResultBox .wrbImage .image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .wideResultBox .wrbImage .imageTriggerLabel {
            width: auto;
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            background: rgba(255, 255, 255, 0.8);
            padding: 12px 15px;
            border-radius: 30px;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #1b1c1e;
            font-size: 15px;
            white-space: nowrap;
            z-index: 1;
        }

        .wideResultBox .wrbImage .wrbDiscount {
            width: auto;
            height: 30px;
            position: absolute;
            left: 10px;
            top: 10px;
            background: rgba(255, 247, 224, 0.7882352941);
            border-radius: 15px;
            line-height: 30px;
            color: #bb8517;
            padding: 0 12px;
            z-index: 1;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }

        .wideResultBox .wrbImage .wrbPropBoxes {
            position: absolute;
            left: 10px;
            bottom: 7px;
            z-index: 1;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
        }

            .wideResultBox .wrbImage .wrbPropBoxes .propBox {
                width: auto;
                background: rgba(255, 247, 224, 0.7882352941);
                color: #bb8517;
                display: inline-block;
                padding: 4px 8px;
                border-radius: 30px;
                margin: 2px 0;
                font-size: 12px;
            }

                .wideResultBox .wrbImage .wrbPropBoxes .propBox.redProp {
                    background: rgba(166, 79, 79, 0.6901960784);
                    color: #fff;
                }

                .wideResultBox .wrbImage .wrbPropBoxes .propBox.blueProp {
                    background: rgba(26, 125, 164, 0.6901960784);
                    color: #fff;
                }

                .wideResultBox .wrbImage .wrbPropBoxes .propBox.greenProp {
                    background: rgba(79, 164, 76, 0.69);
                    color: #fff;
                }

        .wideResultBox .wrbImage:hover .wrbPropBoxes,
        .wideResultBox .wrbImage:hover .wrbDiscount {
            opacity: 0.3;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        .wideResultBox .wrbImage:hover .image img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .wideResultBox .wrbImage:hover .imageTriggerLabel {
            -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
        }

    .wideResultBox .wrbContent {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .wideResultBox .wrbContent .wcVerticalGrow {
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .wideResultBox .wrbContent .wcNotGrow {
            width: 100%;
            padding-top: 10px;
        }

        .wideResultBox .wrbContent .wcDetailsCol {
            width: calc(100% - 220px);
            float: left;
            padding-right: 20px;
        }

        .wideResultBox .wrbContent .wcRightCol {
            width: 220px;
            float: left;
        }

    .wideResultBox .wrbDescLine {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #8d9198;
    }

        .wideResultBox .wrbDescLine a {
            color: #1b1c1e;
        }

            .wideResultBox .wrbDescLine a:hover {
                text-decoration: underline;
            }

    .wideResultBox .wrbTitleLine {
        width: 100%;
        float: left;
    }

        .wideResultBox .wrbTitleLine .title {
            font-size: 22px;
            font-weight: 600;
            color: #1b1c1e;
        }

            .wideResultBox .wrbTitleLine .title:hover {
                color: #606367;
            }

    .wideResultBox .wrbPrices {
        width: 100%;
        float: left;
        color: #8d9198;
        font-size: 14px;
    }

        .wideResultBox .wrbPrices.wAuto {
            width: auto;
        }

        .wideResultBox .wrbPrices .wpMainPrice {
            font-weight: bold;
            color: #1b1c1e;
            font-size: 22px;
        }

        .wideResultBox .wrbPrices .wpDiscount {
            font-size: 14px;
            color: #606367;
        }

        .wideResultBox .wrbPrices .wpOldPrice {
            font-size: 16px;
            color: #606367;
            text-decoration: line-through;
        }

        .wideResultBox .wrbPrices .wpLabel {
            font-size: 14px;
            color: #8d9198;
        }

        .wideResultBox .wrbPrices .wpUnderline {
            font-size: 12px;
            color: #8d9198;
            border-radius: 20px;
            cursor: pointer;
            text-decoration: underline;
        }

            .wideResultBox .wrbPrices .wpUnderline:hover {
                text-decoration: none;
                color: #606367;
            }

    .wideResultBox .wrbIconSpecs {
        width: 100%;
        float: left;
    }

        .wideResultBox .wrbIconSpecs.wAuto {
            width: auto;
        }

        .wideResultBox .wrbIconSpecs .wiSpec {
            width: 36px;
            height: 36px;
            float: left;
            border: 1px solid #ebebeb;
            margin: 3px;
            position: relative;
            text-align: center;
            line-height: 30px;
            color: #8d9198;
            font-size: 13px;
        }

            .wideResultBox .wrbIconSpecs .wiSpec img {
                width: 90%;
                height: 90%;
                position: absolute;
                left: 5%;
                top: 5%;
                -o-object-fit: cover;
                object-fit: cover;
            }

            .wideResultBox .wrbIconSpecs .wiSpec .wiSDrop {
                width: auto;
                position: absolute;
                left: 50%;
                bottom: 50%;
                background: #fff7e0;
                line-height: 16px;
                white-space: nowrap;
                font-size: 12px;
                -webkit-transform: translateX(-50%) scale(0);
                transform: translateX(-50%) scale(0);
                padding: 4px 8px;
                border-radius: 20px;
                -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
            }

            .wideResultBox .wrbIconSpecs .wiSpec:hover .wiSDrop {
                bottom: 100%;
                -webkit-transform: translateX(-50%) scale(1);
                transform: translateX(-50%) scale(1);
            }

    .wideResultBox .wrbIconTriggers {
        width: 100%;
        float: left;
    }

        .wideResultBox .wrbIconTriggers .iconTrigger {
            width: 36px;
            height: 36px;
            float: left;
            text-align: center;
            line-height: 32px;
            border: 2px solid #e7eaf0;
            margin: 3px;
            font-size: 15px;
            color: #8d9198;
        }

            .wideResultBox .wrbIconTriggers .iconTrigger:hover {
                color: #1b1c1e;
            }

    .wideResultBox .wrbPointMain {
        width: 100%;
        float: left;
    }

    .wideResultBox .wrbSlider {
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
        position: relative;
    }

        .wideResultBox .wrbSlider .swiper-slide {
            overflow: hidden;
        }

            .wideResultBox .wrbSlider .swiper-slide img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .wideResultBox .wrbSlider .swiper-button-next {
            width: 30px;
            height: 30px;
            left: auto;
            top: auto;
            right: 7px;
            bottom: 7px;
            color: #fff;
            content: " ";
            opacity: 1;
            margin-top: 0;
            border: 1px solid rgba(255, 255, 255, 0.2);
            background: rgba(0, 0, 0, 0.3);
            text-align: center;
            line-height: 28px;
            font-size: 14px;
            border-radius: 50%;
        }

            .wideResultBox .wrbSlider .swiper-button-next:hover {
                border: 1px solid rgba(255, 255, 255, 0.6);
            }

        .wideResultBox .wrbSlider .swiper-button-prev {
            width: 30px;
            height: 30px;
            left: 7px;
            top: auto;
            bottom: 7px;
            color: #fff;
            content: " ";
            opacity: 1;
            margin-top: 0;
            border: 1px solid rgba(255, 255, 255, 0.2);
            background: rgba(0, 0, 0, 0.3);
            text-align: center;
            line-height: 28px;
            font-size: 14px;
            border-radius: 50%;
        }

            .wideResultBox .wrbSlider .swiper-button-prev:hover {
                border: 1px solid rgba(255, 255, 255, 0.6);
            }

    .wideResultBox .wrbBottomDetails {
        width: calc(100% - 30px);
        float: left;
        padding: 15px;
        background: #fff;
        border: 1px solid #ebebeb;
        border-top: none;
        margin: 0 15px;
        border-radius: 0 0 10px 10px;
        display: none;
    }

    .wideResultBox .wrbRoomType {
        width: 100%;
        height: auto;
        float: left;
        background: #f8f9fa;
        border: 1px solid #ebebeb;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
    }

        .wideResultBox .wrbRoomType .wrtCol {
            width: auto;
        }

            .wideResultBox .wrbRoomType .wrtCol.flexGrow0 {
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
            }

            .wideResultBox .wrbRoomType .wrtCol.flexGrow1 {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

            .wideResultBox .wrbRoomType .wrtCol.flexGrow2 {
                -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                flex-grow: 2;
            }

            .wideResultBox .wrbRoomType .wrtCol.vAlignMiddle {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .wideResultBox .wrbRoomType .wrtCol.tAlignRight {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: right;
                -ms-flex-pack: right;
                justify-content: right;
            }

        .wideResultBox .wrbRoomType .title {
            font-size: 16px;
            color: #1b1c1e;
            font-weight: bold;
        }

        .wideResultBox .wrbRoomType .label {
            font-size: 14px;
            color: #606367;
        }

        .wideResultBox .wrbRoomType .oldPrice {
            font-size: 15px;
            color: #606367;
            text-decoration: line-through;
        }

        .wideResultBox .wrbRoomType .mainPrice {
            font-weight: bold;
            color: #1b1c1e;
            font-size: 18px;
        }

    .wideResultBox.wideImage .wrbImage {
        width: 330px;
        min-width: 330px;
    }

    .wideResultBox.imageRight .wrbWrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .wideResultBox.imageRight .wrbImage {
        margin: 0 0 0 5px;
    }

    .wideResultBox.highlighted .wrbWrapper {
        -webkit-box-shadow: 0 0 15px #83bd07;
        box-shadow: 0 0 15px #83bd07;
    }

.pointBox {
    width: auto;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .pointBox .pointCount {
        width: 36px;
        height: 36px;
        float: left;
        background: #8d9198;
        border-radius: 6px 6px 6px 0;
        text-align: center;
        position: relative;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        margin-right: 10px;
    }

        .pointBox .pointCount:Before {
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            bottom: -6px;
            border: 6px solid transparent;
            border-left-color: #8d9198;
            content: " ";
        }

    .pointBox .pointContent {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        line-height: 140%;
    }

    .pointBox .pcTitle {
        font-size: 16px;
        font-weight: 600;
        color: #1b1c1e;
    }

    .pointBox .pcLabel {
        color: #8d9198;
        font-size: 12px;
    }

    .pointBox a.pcLabel {
        color: #8d9198;
    }

        .pointBox a.pcLabel:hover {
            text-decoration: underline;
        }

.headerMain {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative;
    z-index: 999;
}

    .headerMain .mmDropImage {
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }

        .headerMain .mmDropImage img {
            width: 100%;
        }

    .headerMain .headerTopBand {
        width: 100%;
        height: 30px;
        float: left;
        background: #f6f6f6;
    }

        .headerMain .headerTopBand .htLeft {
            width: auto;
            float: left;
        }

        .headerMain .headerTopBand .htRight {
            width: auto;
            float: right;
        }

        .headerMain .headerTopBand .htSpecs {
            width: auto;
            float: left;
        }

            .headerMain .headerTopBand .htSpecs li {
                width: auto;
                float: left;
                margin: 0 8px;
                color: #8d9198;
                font-size: 13px;
                line-height: 30px;
            }

                .headerMain .headerTopBand .htSpecs li a {
                    color: #8d9198;
                }

                    .headerMain .headerTopBand .htSpecs li a:hover {
                        text-decoration: underline;
                    }

        .headerMain .headerTopBand .htLang {
            width: auto;
            height: 30px;
            float: left;
            line-height: 30px;
            position: relative;
            padding-left: 10px;
            margin-left: 10px;
            font-size: 13px;
            cursor: pointer;
        }

            .headerMain .headerTopBand .htLang:before {
                width: 1px;
                height: 18px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -9px;
                background: #ccc;
                content: " ";
            }

            .headerMain .headerTopBand .htLang .label {
                color: #8d9198;
            }

            .headerMain .headerTopBand .htLang .val {
                color: #606367;
            }

            .headerMain .headerTopBand .htLang .htLangDrop {
                width: 100px;
                height: auto;
                position: absolute;
                padding: 5px;
                right: 0;
                top: 100%;
                border: 1px solid #ebebeb;
                background-color: #fff;
                -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                z-index: 999;
                line-height: normal;
                display: none;
            }

                .headerMain .headerTopBand .htLang .htLangDrop ul li {
                    width: 100%;
                    float: left;
                }

                    .headerMain .headerTopBand .htLang .htLangDrop ul li a {
                        width: 100%;
                        float: left;
                        padding: 5px 8px;
                        font-size: 13px;
                        color: #606367;
                    }

                        .headerMain .headerTopBand .htLang .htLangDrop ul li a:hover {
                            color: #1b1c1e;
                            background: #f1f1f1;
                        }

            .headerMain .headerTopBand .htLang:hover .htLangDrop {
                display: block;
            }

        .headerMain .headerTopBand .htSearch {
            width: 170px;
            height: 28px;
            float: left;
            margin: 1px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            background: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .headerMain .headerTopBand .htSearch .htsInput {
                width: auto;
                min-width: 0;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                height: 26px;
                float: left;
                background: none;
                border: none;
                font-family: "Outfit", sans-serif;
                padding-left: 8px;
                outline: none;
            }

            .headerMain .headerTopBand .htSearch .htsBt {
                width: 26px;
                height: 26px;
                float: left;
                text-align: center;
                line-height: 26px;
                border: none;
                background: none;
                color: #8d9198;
                outline: none;
            }

        .headerMain .headerTopBand .htSearchTrigger {
            width: 170px;
            height: 28px;
            float: left;
            margin: 1px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            background: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0 30px 0 8px;
            line-height: 26px;
            color: #606367;
            position: relative;
            cursor: pointer;
        }

            .headerMain .headerTopBand .htSearchTrigger:before {
                width: 26px;
                height: 26px;
                position: absolute;
                right: 0;
                top: 0;
                text-align: center;
                line-height: 26px;
                border: none;
                background: none;
                color: #8d9198;
                outline: none;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f002";
            }

        .headerMain .headerTopBand.whiteTextColor .htLang,
        .headerMain .headerTopBand.whiteTextColor .htLang .val,
        .headerMain .headerTopBand.whiteTextColor .htLang .label,
        .headerMain .headerTopBand.whiteTextColor .htSpecs li a,
        .headerMain .headerTopBand.whiteTextColor .htSpecs li {
            color: #fff;
        }

            .headerMain .headerTopBand.whiteTextColor .htLang:before {
                background: #fff;
            }

    .headerMain .headerContent {
        width: 100%;
        float: left;
        background: #fff;
        border-bottom: 1px solid #ebebeb;
    }

        .headerMain .headerContent .centerAligner {
            position: relative;
            display: flow-root;
        }

    .headerMain .hBusiness {
        width: 100%;
        float: left;
        background: #f1f1f1;
        border-bottom: 1px solid #ebebeb;
    }

        .headerMain .hBusiness .hBusinessMenu {
            width: auto;
            height: auto;
            float: left;
        }

            .headerMain .hBusiness .hBusinessMenu li {
                width: auto;
                float: left;
            }

                .headerMain .hBusiness .hBusinessMenu li a {
                    width: auto;
                    height: 40px;
                    float: left;
                    line-height: 40px;
                    font-size: 16px;
                    padding: 0 10px;
                    color: #606367;
                }

                    .headerMain .hBusiness .hBusinessMenu li a:hover {
                        color: #1b1c1e;
                        border-bottom: 1px solid #ccc;
                    }

        .headerMain .hBusiness .hBusinessUser {
            width: auto;
            float: right;
            position: relative;
        }

            .headerMain .hBusiness .hBusinessUser .hbuTrigger {
                width: auto;
                height: 40px;
                float: left;
                position: relative;
                padding-right: 15px;
                cursor: pointer;
            }

                .headerMain .hBusiness .hBusinessUser .hbuTrigger:before {
                    width: auto;
                    height: 12px;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    margin-top: -6px;
                    line-height: 12px;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    content: "\f107";
                    font-size: 14px;
                    color: #8d9198;
                }

                .headerMain .hBusiness .hBusinessUser .hbuTrigger .hbuIcon {
                    width: 30px;
                    height: 30px;
                    float: left;
                    background-size: 100% 100%;
                    margin: 5px 0;
                }

                .headerMain .hBusiness .hBusinessUser .hbuTrigger .hbuText {
                    width: auto;
                    max-width: 100px;
                    height: 40px;
                    float: left;
                    line-height: 40px;
                    margin-left: 10px;
                    font-size: 14px;
                    font-weight: 600;
                }

            .headerMain .hBusiness .hBusinessUser .hbuDrop {
                width: 210px;
                height: auto;
                position: absolute;
                padding: 5px;
                right: 0;
                top: 100%;
                border: 1px solid #ebebeb;
                background-color: #fff;
                -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                z-index: 999;
            }

                .headerMain .hBusiness .hBusinessUser .hbuDrop .hbuInfo {
                    width: 100%;
                    float: left;
                    text-align: center;
                    font-size: 12px;
                    color: #8d9198;
                    padding: 5px 0;
                }

                .headerMain .hBusiness .hBusinessUser .hbuDrop .hbuList {
                    width: 100%;
                    float: left;
                }

                    .headerMain .hBusiness .hBusinessUser .hbuDrop .hbuList li {
                        width: 100%;
                        float: left;
                    }

                        .headerMain .hBusiness .hBusinessUser .hbuDrop .hbuList li a {
                            width: 100%;
                            float: left;
                            padding: 8px;
                            font-size: 13px;
                            color: #606367;
                        }

                            .headerMain .hBusiness .hBusinessUser .hbuDrop .hbuList li a i {
                                width: 18px;
                            }

                            .headerMain .hBusiness .hBusinessUser .hbuDrop .hbuList li a:hover {
                                background: #f1f1f1;
                            }

        .headerMain .hBusiness .hBusinessMenuTrigger {
            width: 40px;
            height: 40px;
            float: right;
            text-align: center;
            line-height: 40px;
            font-size: 18px;
            color: #606367;
            cursor: pointer;
            margin-left: 6px;
        }

    .headerMain .headerBottom {
        width: 100%;
        float: left;
        background: #fff;
        border-bottom: 1px solid #ebebeb;
        position: relative;
    }

        .headerMain .headerBottom.alignCenter .hbWrapper {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .headerMain .headerBottom.alignRight .hbMenu {
            float: right;
        }

    .headerMain .headerLogo {
        width: 180px;
        height: 70px;
        float: left;
        background-size: 100% 100%;
        margin: 5px 0;
        outline: none;
    }

    .headerMain .mainMenuWidget {
        width: auto;
        float: left;
        margin: 15px 0 15px 30px;
    }

        .headerMain .mainMenuWidget .mainMenu {
            width: auto;
            float: left;
        }

            .headerMain .mainMenuWidget .mainMenu > li {
                width: auto;
                height: 50px;
                float: left;
                position: relative;
            }

                .headerMain .mainMenuWidget .mainMenu > li.pStatic {
                    position: static;
                }

                    .headerMain .mainMenuWidget .mainMenu > li.pStatic:before {
                        display: none;
                    }

                .headerMain .mainMenuWidget .mainMenu > li:before {
                    width: 0;
                    height: 3px;
                    position: absolute;
                    left: 0;
                    bottom: -2px;
                    background: #ccc;
                    border-radius: 2px;
                    content: " ";
                    opacity: 1;
                }

                .headerMain .mainMenuWidget .mainMenu > li > a {
                    width: auto;
                    line-height: 50px;
                    float: left;
                    font-size: 20px;
                    padding: 0 15px;
                    color: #1b1c1e;
                }

                .headerMain .mainMenuWidget .mainMenu > li .mmDrop {
                    width: 500px;
                    height: auto;
                    position: absolute;
                    padding: 15px;
                    left: -15px;
                    top: 100%;
                    border: 1px solid #ebebeb;
                    background-color: #fff;
                    -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                    box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                    z-index: 999;
                    display: none;
                }

                    .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList {
                        width: 100%;
                        float: left;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

                        .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList li {
                            width: 50%;
                            float: left;
                            font-size: 16px;
                        }

                            .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList li a {
                                float: left;
                                position: relative;
                                color: #1b1c1e;
                                padding: 5px;
                            }

                                .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList li a:before {
                                    width: 0;
                                    height: 2px;
                                    position: absolute;
                                    left: 0;
                                    bottom: -2px;
                                    background: #ccc;
                                    border-radius: 2px;
                                    content: " ";
                                    opacity: 1;
                                }

                                .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList li a:hover:before {
                                    width: 100%;
                                }

                        .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList.smallList li {
                            font-size: 14px;
                        }

                            .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList.smallList li a {
                                padding: 3px;
                            }

                        .headerMain .mainMenuWidget .mainMenu > li .mmDrop .dropList.fullList li {
                            width: 100%;
                        }

                    .headerMain .mainMenuWidget .mainMenu > li .mmDrop.wide {
                        width: 800px;
                    }

                    .headerMain .mainMenuWidget .mainMenu > li .mmDrop.full {
                        width: 100%;
                        top: 65px;
                        left: 0;
                    }

                .headerMain .mainMenuWidget .mainMenu > li:hover:before {
                    width: 100%;
                }

                .headerMain .mainMenuWidget .mainMenu > li:hover .mmDrop {
                    display: block;
                }

            .headerMain .mainMenuWidget .mainMenu.smallLinks > li > a {
                font-size: 15px;
                padding: 0 8px;
            }

    .headerMain .headerRight {
        width: auto;
        height: 50px;
        float: right;
        margin: 15px 0;
    }

    .headerMain .headerPhone {
        width: auto;
        float: left;
    }

        .headerMain .headerPhone .hpIcon {
            width: auto;
            height: 50px;
            float: left;
            line-height: 50px;
            font-size: 18px;
            margin-right: 8px;
        }

            .headerMain .headerPhone .hpIcon:Before {
                width: 24px;
                height: 24px;
                float: left;
                background-size: 100% 100%;
                content: " ";
                margin-top: 15px;
            }

            .headerMain .headerPhone .hpIcon img {
                width: 24px;
                display: none;
            }

        .headerMain .headerPhone .hpRight {
            width: auto;
            float: left;
            line-height: 120%;
            padding-top: 10px;
        }

        .headerMain .headerPhone .val {
            font-size: 17px;
            font-weight: 600;
            color: #1b1c1e;
        }

        .headerMain .headerPhone .label {
            font-size: 13px;
            color: #8d9198;
        }

    .headerMain .headerLrBox {
        width: auto;
        height: 50px;
        float: left;
        position: relative;
        margin-left: 20px;
    }

        .headerMain .headerLrBox .hlrTrigger {
            width: auto;
            height: 50px;
            float: left;
            border: 1px solid #e0e0e0;
            background: #fff;
            padding-right: 25px;
            cursor: pointer;
        }

            .headerMain .headerLrBox .hlrTrigger:before {
                width: auto;
                height: 12px;
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -6px;
                line-height: 12px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                font-size: 14px;
                color: #8d9198;
            }

            .headerMain .headerLrBox .hlrTrigger .hlrIcon {
                width: 30px;
                height: 30px;
                float: left;
                margin: 9px;
                line-height: 0;
                background-size: 100% 100%;
            }

                .headerMain .headerLrBox .hlrTrigger .hlrIcon img {
                    display: none;
                }

            .headerMain .headerLrBox .hlrTrigger .hlrRight {
                width: auto;
                float: left;
                line-height: 120%;
                padding-top: 8px;
            }

            .headerMain .headerLrBox .hlrTrigger .val {
                font-size: 16px;
                color: #1b1c1e;
            }

            .headerMain .headerLrBox .hlrTrigger .label {
                font-size: 14px;
                color: #8d9198;
            }

        .headerMain .headerLrBox .hlrDrop {
            width: 150px;
            height: auto;
            position: absolute;
            padding: 5px 10px;
            right: 0;
            top: 100%;
            border: 1px solid #ebebeb;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            z-index: 999;
        }

            .headerMain .headerLrBox .hlrDrop .hlrLink {
                width: 100%;
                height: 40px;
                float: left;
                border: 1px solid #ccc;
                font-size: 16px;
                color: #1b1c1e;
                margin: 5px 0;
                line-height: 38px;
                text-align: center;
            }

                .headerMain .headerLrBox .hlrDrop .hlrLink:hover {
                    background: #f1f1f1;
                }

    .headerMain .headerOnlineUser {
        width: auto;
        height: 50px;
        float: left;
        position: relative;
        margin-left: 20px;
    }

        .headerMain .headerOnlineUser .houTrigger {
            width: auto;
            height: 50px;
            float: left;
            border: 1px solid #e0e0e0;
            background: #fff;
            padding-right: 25px;
            cursor: pointer;
        }

            .headerMain .headerOnlineUser .houTrigger:before {
                width: auto;
                height: 12px;
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -6px;
                line-height: 12px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                font-size: 14px;
                color: #8d9198;
            }

            .headerMain .headerOnlineUser .houTrigger .houIcon {
                width: 30px;
                height: 30px;
                float: left;
                margin: 9px;
                line-height: 0;
                background-size: 100% 100%;
            }

                .headerMain .headerOnlineUser .houTrigger .houIcon img {
                    display: none;
                }

            .headerMain .headerOnlineUser .houTrigger .houRight {
                width: auto;
                float: left;
                line-height: 120%;
                padding-top: 8px;
            }

            .headerMain .headerOnlineUser .houTrigger .val {
                max-width: 80px;
                font-size: 15px;
                color: #1b1c1e;
                display: inline-block;
            }

            .headerMain .headerOnlineUser .houTrigger .label {
                font-size: 14px;
                color: #8d9198;
            }

        .headerMain .headerOnlineUser .houDrop {
            width: 210px;
            height: auto;
            position: absolute;
            padding: 5px;
            right: 0;
            top: 100%;
            border: 1px solid #ebebeb;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            z-index: 999;
        }

            .headerMain .headerOnlineUser .houDrop .houInfo {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 12px;
                color: #8d9198;
                padding: 5px 0;
            }

            .headerMain .headerOnlineUser .houDrop .houList {
                width: 100%;
                float: left;
            }

                .headerMain .headerOnlineUser .houDrop .houList li {
                    width: 100%;
                    float: left;
                }

                    .headerMain .headerOnlineUser .houDrop .houList li a {
                        width: 100%;
                        float: left;
                        padding: 8px;
                        font-size: 13px;
                        color: #606367;
                    }

                        .headerMain .headerOnlineUser .houDrop .houList li a i {
                            width: 18px;
                        }

                        .headerMain .headerOnlineUser .houDrop .houList li a:hover {
                            background: #f1f1f1;
                        }

    .headerMain .headerLanguage {
        width: auto;
        height: 50px;
        float: left;
        margin-left: 15px;
        position: relative;
    }

        .headerMain .headerLanguage .langTrigger {
            width: auto;
            height: 50px;
            float: left;
            position: relative;
            padding-right: 25px;
            cursor: pointer;
        }

            .headerMain .headerLanguage .langTrigger:before {
                width: auto;
                height: 12px;
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -6px;
                line-height: 12px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                font-size: 14px;
                color: #8d9198;
            }

            .headerMain .headerLanguage .langTrigger .langFlag {
                width: 26px;
                height: 26px;
                float: left;
                margin: 12px 0;
                border-radius: 50%;
                overflow: hidden;
                opacity: 0.7;
            }

                .headerMain .headerLanguage .langTrigger .langFlag img {
                    width: 100%;
                }

            .headerMain .headerLanguage .langTrigger:hover .langFlag {
                opacity: 1;
            }

        .headerMain .headerLanguage .langDrop {
            width: 150px;
            height: auto;
            position: absolute;
            padding: 5px 7px;
            right: 0;
            top: 100%;
            border: 1px solid #ebebeb;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            z-index: 999;
        }

            .headerMain .headerLanguage .langDrop .langList {
                width: 100%;
                float: left;
            }

                .headerMain .headerLanguage .langDrop .langList li {
                    width: 100%;
                    float: left;
                    margin: 2px 0;
                }

                .headerMain .headerLanguage .langDrop .langList .langLink {
                    width: 100%;
                    float: left;
                    padding: 5px;
                    border-radius: 4px;
                }

                    .headerMain .headerLanguage .langDrop .langList .langLink .llFlag {
                        width: 24px;
                        height: 24px;
                        float: left;
                        overflow: hidden;
                        border-radius: 50%;
                    }

                        .headerMain .headerLanguage .langDrop .langList .langLink .llFlag img {
                            width: 100%;
                        }

                    .headerMain .headerLanguage .langDrop .langList .langLink .llText {
                        width: calc(100% - 35px);
                        float: right;
                        line-height: 24px;
                        font-size: 14px;
                        color: #1b1c1e;
                    }

                    .headerMain .headerLanguage .langDrop .langList .langLink:hover {
                        background: #f1f1f1;
                    }

    .headerMain .hbMenu {
        width: auto;
        float: left;
        margin: 5px 0;
    }

        .headerMain .hbMenu .hbm {
            width: auto;
            float: left;
        }

            .headerMain .hbMenu .hbm > li {
                width: auto;
                float: left;
                height: 40px;
                position: relative;
            }

                .headerMain .hbMenu .hbm > li:before {
                    width: 0;
                    height: 2px;
                    position: absolute;
                    left: 0;
                    bottom: -1px;
                    background: #ccc;
                    border-radius: 2px;
                    content: " ";
                    opacity: 1;
                }

                .headerMain .hbMenu .hbm > li > a {
                    width: auto;
                    float: left;
                    line-height: 40px;
                    font-size: 17px;
                    font-weight: 600;
                    padding: 0 15px;
                    color: #1b1c1e;
                }

                .headerMain .hbMenu .hbm > li .hbmDrop {
                    width: 250px;
                    height: auto;
                    position: absolute;
                    padding: 15px;
                    left: 0;
                    top: 100%;
                    border: 1px solid #ebebeb;
                    background-color: #fff;
                    -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                    box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                    z-index: 999;
                    display: none;
                }

                    .headerMain .hbMenu .hbm > li .hbmDrop .dropList {
                        width: 100%;
                        float: left;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                    }

                        .headerMain .hbMenu .hbm > li .hbmDrop .dropList li {
                            width: 100%;
                            float: left;
                            font-size: 16px;
                        }

                            .headerMain .hbMenu .hbm > li .hbmDrop .dropList li a {
                                float: left;
                                position: relative;
                                color: #1b1c1e;
                                padding: 5px;
                            }

                                .headerMain .hbMenu .hbm > li .hbmDrop .dropList li a:before {
                                    width: 0;
                                    height: 2px;
                                    position: absolute;
                                    left: 0;
                                    bottom: -2px;
                                    background: #ccc;
                                    border-radius: 2px;
                                    content: " ";
                                    opacity: 1;
                                }

                                .headerMain .hbMenu .hbm > li .hbmDrop .dropList li a:hover:before {
                                    width: 100%;
                                }

                .headerMain .hbMenu .hbm > li:hover:before {
                    width: 100%;
                }

                .headerMain .hbMenu .hbm > li:hover .hbmDrop {
                    display: block;
                }

    .headerMain.centerBased .headerContent {
        border: none;
        background: none;
        position: relative;
        z-index: 9;
    }

        .headerMain.centerBased .headerContent .hcWrapper {
            width: 100%;
            float: left;
            background: #fff;
            padding: 0 20px;
            -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.1);
            box-shadow: 0 3px 15px rgba(3, 3, 3, 0.1);
            border-radius: 10px;
        }

    .headerMain.centerBased .headerBottom {
        border: none;
        background: none;
    }

        .headerMain.centerBased .headerBottom .hbWrapper {
            width: calc(100% - 20px);
            float: left;
            background: #fff;
            padding: 0 10px;
            margin: 0 10px;
            -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.1);
            box-shadow: 0 3px 15px rgba(3, 3, 3, 0.1);
            border-radius: 0 0 10px 10px;
        }

    .headerMain.centerBased.darkBottom .headerBottom {
        background: none;
    }

        .headerMain.centerBased.darkBottom .headerBottom .hbWrapper {
            background: #d4d8db;
        }

    .headerMain.wideCenter .centerAligner {
        max-width: 1530px;
    }

    .headerMain.fullCenter .centerAligner {
        max-width: 100%;
        width: 100%;
    }

    .headerMain.darkBottom .headerBottom {
        background: #d4d8db;
    }

    .headerMain.centerBased + .searchContainer {
        margin-top: -40px;
        padding-top: 55px;
    }

.footerMain {
    width: 100%;
    float: left;
    padding: 40px 0 50px 0;
    background: #3d444f;
    margin-top: 40px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

    .footerMain .footerTop {
        width: 100%;
        float: left;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin-bottom: 20px;
        margin-top: -15px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
    }

        .footerMain .footerTop .ftName {
            width: auto;
            float: left;
        }

        .footerMain .footerTop .ftNr {
            width: auto;
            float: right;
        }

        .footerMain .footerTop a {
            color: #fff;
        }

    .footerMain a {
        color: rgba(255, 255, 255, 0.7);
    }

        .footerMain a:hover {
            text-decoration: underline;
        }

    .footerMain .footerFlex {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footerMain .footerCol {
        width: 25%;
        float: left;
        padding: 0 15px;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-width: 0;
    }

        .footerMain .footerCol:last-child {
            border: none;
        }

    .footerMain .footerTitle {
        width: 100%;
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 15px;
    }

    .footerMain .footerSocial {
        width: 100%;
        margin: 10px 0;
    }

        .footerMain .footerSocial .fsLink {
            width: 40px;
            height: 40px;
            display: inline-block;
            border-radius: 50%;
            text-align: center;
            line-height: 36px;
            color: rgba(255, 255, 255, 0.7);
            border: 2px solid rgba(255, 255, 255, 0.2);
        }

            .footerMain .footerSocial .fsLink:hover {
                border-color: rgba(255, 255, 255, 0.4);
                background: rgba(255, 255, 255, 0.1);
                color: #fff;
            }

        .footerMain .footerSocial.wBgLinks .fsLink {
            color: #fff;
        }

            .footerMain .footerSocial.wBgLinks .fsLink.fb {
                background: #4267B2;
            }

            .footerMain .footerSocial.wBgLinks .fsLink.tw {
                background: #1DA1F2;
            }

            .footerMain .footerSocial.wBgLinks .fsLink.yt {
                background: #FF0000;
            }

            .footerMain .footerSocial.wBgLinks .fsLink.lk {
                background: #0077B5;
            }

            .footerMain .footerSocial.wBgLinks .fsLink.in {
                background: -webkit-gradient(linear, left top, left bottom, from(#c15389), to(#8552b8));
                background: linear-gradient(#c15389, #8552b8);
            }

    .footerMain .footerList {
        width: 100%;
    }

        .footerMain .footerList li {
            width: 100%;
            font-size: 14px;
            margin: 4px 0;
            color: rgba(255, 255, 255, 0.7);
        }

            .footerMain .footerList li a {
                color: rgba(255, 255, 255, 0.7);
            }

                .footerMain .footerList li a:hover {
                    text-decoration: underline;
                    color: #fff;
                }

    .footerMain .footerSeparator {
        width: 100%;
        height: 1px;
        float: left;
        background: rgba(255, 255, 255, 0.1);
        margin: 30px 0;
    }

    .footerMain .footerLogos {
        width: 100%;
        float: left;
        margin: 10px 0;
        text-align: center;
    }

        .footerMain .footerLogos .flItems {
            width: auto;
            display: inline-block;
        }

            .footerMain .footerLogos .flItems img {
                max-height: 36px;
                margin: 0 5px;
                max-width: 100%;
            }

            .footerMain .footerLogos .flItems.wBg {
                background: rgba(255, 255, 255, 0.81);
                padding: 10px;
                border-radius: 10px;
            }

.searchContainer ~ .hotelBannerContainer {
    margin-top: 15px;
}

.hotelBannerContainer {
    width: 100%;
    float: left;
    position: relative;
    margin: -15px 0 15px 0;
}

    .hotelBannerContainer .centerAligner {
        position: relative;
    }

        .hotelBannerContainer .centerAligner .hbdAbsButton {
            right: 30px;
        }

    .hotelBannerContainer .hbdAbsButton {
        width: auto;
        height: 32px;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 3;
        background: rgba(0, 0, 0, 0.6);
        border-radius: 6px;
        color: #fff;
        padding: 0 10px;
        line-height: 32px;
        opacity: 0.7;
        cursor: pointer;
    }

        .hotelBannerContainer .hbdAbsButton:hover {
            opacity: 1;
        }

    .hotelBannerContainer.caFull .centerAligner {
        max-width: none;
        padding: 0;
    }

    .hotelBannerContainer.caFull .hqList .hbcImage.largeHeight:before {
        padding-top: 60%;
    }

    .hotelBannerContainer .centerAligner {
        max-width: 1430px;
    }

    .hotelBannerContainer .hbcImage {
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden;
    }

        .hotelBannerContainer .hbcImage:before {
            width: 100%;
            float: left;
            padding-top: 40%;
            content: " ";
        }

        .hotelBannerContainer .hbcImage img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .hotelBannerContainer .hbcImage.largeHeight:before {
            padding-top: 80%;
        }

        .hotelBannerContainer .hbcImage.mediumHeight:before {
            padding-top: 60%;
        }

    .hotelBannerContainer .hbcTriple {
        width: 100%;
        float: left;
    }

        .hotelBannerContainer .hbcTriple .hctImage {
            width: 50%;
            float: left;
            border: 1px solid #fff;
            position: relative;
        }

            .hotelBannerContainer .hbcTriple .hctImage:before {
                width: 100%;
                float: left;
                padding-top: 66%;
                content: " ";
            }

            .hotelBannerContainer .hbcTriple .hctImage img {
                width: 100%;
                height: 100%;
                position: absolute;
                -o-object-fit: cover;
                object-fit: cover;
                left: 0;
                top: 0;
                cursor: pointer;
            }

            .hotelBannerContainer .hbcTriple .hctImage:nth-child(3):before, .hotelBannerContainer .hbcTriple .hctImage:nth-child(2):before {
                padding-top: calc(33% - 1px);
            }

    .hotelBannerContainer .hbcStatic {
        width: 100%;
        height: 400px;
        float: left;
    }

        .hotelBannerContainer .hbcStatic img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .hotelBannerContainer .hbcStatic.imageRatio {
            height: auto;
        }

            .hotelBannerContainer .hbcStatic.imageRatio img {
                height: auto;
            }

.hbcSlider {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

    .hbcSlider .swiper-slide {
        overflow: hidden;
    }

        .hbcSlider .swiper-slide img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .hbcSlider .swiper-button-next {
        width: 40px;
        height: 40px;
        left: auto;
        top: 50%;
        margin-top: -20px;
        right: 10px;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .hbcSlider .swiper-button-next:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

    .hbcSlider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 10px;
        top: 50%;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        margin-top: -20;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .hbcSlider .swiper-button-prev:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

.singleBasicSlider {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

    .singleBasicSlider .swiper-slide {
        overflow: hidden;
    }

    .singleBasicSlider .swiper-button-next {
        width: 40px;
        height: 40px;
        left: auto;
        top: 50%;
        margin-top: -20px;
        right: 10px;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .singleBasicSlider .swiper-button-next:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

    .singleBasicSlider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 10px;
        top: 50%;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        margin-top: -20;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .singleBasicSlider .swiper-button-prev:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

.hcbQuintet {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 15px 0;
}

    .hcbQuintet .hqList {
        width: 100%;
        float: left;
    }

        .hcbQuintet .hqList li {
            width: 25%;
            float: left;
            padding: 4px;
        }

            .hcbQuintet .hqList li:first-child {
                width: 50%;
            }

    .hcbQuintet .hcbqButtons {
        width: auto;
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 9;
    }

        .hcbQuintet .hcbqButtons .hcbqBt {
            width: auto;
            height: 28px;
            float: left;
            background: #1b1c1e;
            border-radius: 16px;
            color: #fff;
            padding: 0 12px;
            line-height: 26px;
            font-size: 11px;
            margin-left: 7px;
            cursor: pointer;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

            .hcbQuintet .hcbqButtons .hcbqBt:hover {
                opacity: 0.8;
            }

.hotelTopTitle {
    width: 100%;
    float: left;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hotelTopTitle .httGrow {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .hotelTopTitle .httRight {
        float: right;
        padding-left: 15px;
    }

    .hotelTopTitle .title {
        width: 100%;
        float: left;
        font-size: 32px;
        font-weight: 500;
        color: #1b1c1e;
    }

    .hotelTopTitle .locationStar {
        width: 100%;
        float: left;
        font-size: 14px;
    }

        .hotelTopTitle .locationStar .starColor a:hover {
            text-decoration: underline;
        }

    .hotelTopTitle .mapViewTrigger {
        width: 150px;
        min-height: 50px;
        margin: 0;
    }

        .hotelTopTitle .mapViewTrigger .mvtText {
            font-size: 12px;
            padding: 5px;
        }

.breadCrumb {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #8d9198;
}

    .breadCrumb li {
        width: auto;
        float: left;
        margin-right: 5px;
        color: #8d9198;
    }

        .breadCrumb li i {
            font-size: 10px;
        }

        .breadCrumb li a {
            color: #8d9198;
        }

            .breadCrumb li a:hover {
                text-decoration: underline;
            }

.hotelContentBannerWidget {
    width: 100%;
    float: left;
}

    .hotelContentBannerWidget .hcbLeft {
        width: calc(100% - 330px);
        float: left;
    }

    .hotelContentBannerWidget .hcbRight {
        width: 300px;
        float: right;
    }

    .hotelContentBannerWidget .hcbGallery {
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden;
        margin: 15px 0;
    }

    .hotelContentBannerWidget .hcbBottomOptions {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(4, 13, 28, 0.9607843137)));
        background: linear-gradient(transparent, rgba(4, 13, 28, 0.9607843137));
        padding: 0 10px 15px 10px;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .hotelContentBannerWidget .hcbBottomOptions .hcbItem {
            width: calc(16.6% - 20px);
            margin: 0 10px;
            cursor: pointer;
        }

            .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiImage {
                width: 100%;
                float: left;
                position: relative;
                margin-bottom: 6px;
                overflow: hidden;
            }

                .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiImage img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    -o-object-fit: cover;
                    object-fit: cover;
                    left: 0;
                    top: 0;
                }

                .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiImage:before {
                    width: 100%;
                    float: left;
                    padding-top: 63%;
                    content: " ";
                }

                .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiImage .hcbiCount {
                    width: 100%;
                    height: 100%;
                    background: rgba(255, 255, 255, 0.8);
                    position: absolute;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    text-align: center;
                }

            .hotelContentBannerWidget .hcbBottomOptions .hcbItem .hcbiLabel {
                width: 100%;
                float: left;
                font-size: 12px;
                color: #fff;
                text-align: center;
            }

            .hotelContentBannerWidget .hcbBottomOptions .hcbItem:hover .hcbiImage img {
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

.wBgBox {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 20px;
    margin: 15px 0;
}

    .wBgBox.redBox {
        border-color: #f2d3d3;
        background: #faf5f5;
    }

        .wBgBox.redBox .hibIcon {
            color: indianred;
        }

    .wBgBox.yellowBox {
        border-color: #f2ebd3;
        background: #faf9f5;
    }

.priceHighlightBox {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #cadda1;
    -webkit-box-shadow: 0 3px 15px #83bd07;
    box-shadow: 0 3px 15px rgba(131, 189, 7, 0.6784313725);
    padding: 20px;
    margin: 15px 0;
}

    .priceHighlightBox .phbPrices {
        width: 100%;
        float: left;
    }

        .priceHighlightBox .phbPrices .label {
            font-size: 14px;
            color: #8d9198;
            font-weight: 600;
        }

        .priceHighlightBox .phbPrices .oldPrice {
            font-size: 16px;
            color: #8d9198;
            text-decoration: line-through;
        }

        .priceHighlightBox .phbPrices .newPrice {
            font-size: 26px;
            color: #1b1c1e;
            font-weight: bold;
        }

        .priceHighlightBox .phbPrices .discount {
            font-weight: 300;
            color: #1b1c1e;
            font-size: 30px;
        }

    .priceHighlightBox .phbBt {
        width: 100%;
        float: left;
        margin: 15px 0;
    }

    .priceHighlightBox .phbText {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #8d9198;
    }

.fullInfoBox {
    width: 100%;
    float: left;
    border: 2px dashed #ddd;
    padding: 10px;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .fullInfoBox .fibIcon {
        width: auto;
        float: left;
        font-size: 15px;
    }

    .fullInfoBox .fibContent {
        margin-left: 10px;
        font-size: 15px;
        color: #8d9198;
    }

        .fullInfoBox .fibContent a {
            color: #606367;
            text-decoration: underline;
        }

            .fullInfoBox .fibContent a:hover {
                text-decoration: none;
            }

.roomContainer {
    width: 100%;
    float: left;
}

.wideRoomBox {
    width: 100%;
    float: left;
    margin: 15px 0;
}

    .wideRoomBox .wideRoomWrapper {
        width: 100%;
        float: left;
        background: #fff;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .wideRoomBox .roomImage {
        width: 260px;
        min-width: 260px;
        float: left;
    }

        .wideRoomBox .roomImage .image {
            width: 100%;
            float: left;
            overflow: hidden;
        }

            .wideRoomBox .roomImage .image img {
                width: 100%;
            }

    .wideRoomBox .roomContent {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 20px;
    }

    .wideRoomBox .roomRight {
        width: 220px;
        min-width: 220px;
        float: left;
    }

    .wideRoomBox .roomTitle {
        width: 100%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        color: #1b1c1e;
        margin-bottom: 10px;
    }

    .wideRoomBox .roomDescLine {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #8d9198;
    }

        .wideRoomBox .roomDescLine a {
            color: #1b1c1e;
        }

            .wideRoomBox .roomDescLine a:hover {
                text-decoration: underline;
            }

    .wideRoomBox .roomPrices {
        width: 100%;
        float: left;
        color: #8d9198;
        font-size: 14px;
    }

        .wideRoomBox .roomPrices.wAuto {
            width: auto;
        }

        .wideRoomBox .roomPrices .rpMainPrice {
            font-weight: bold;
            color: #1b1c1e;
            font-size: 22px;
        }

        .wideRoomBox .roomPrices .rpDiscount {
            font-size: 14px;
            color: #606367;
        }

        .wideRoomBox .roomPrices .rpOldPrice {
            font-size: 16px;
            color: #606367;
            text-decoration: line-through;
        }

        .wideRoomBox .roomPrices .rpLabel {
            font-size: 14px;
            color: #8d9198;
        }

        .wideRoomBox .roomPrices .rpUnderline {
            font-size: 12px;
            color: #8d9198;
            border-radius: 20px;
            cursor: pointer;
            text-decoration: underline;
        }

            .wideRoomBox .roomPrices .rpUnderline:hover {
                text-decoration: none;
                color: #606367;
            }

    .wideRoomBox .wideRoomOptions {
        width: calc(100% - 20px);
        float: left;
        padding: 5px 15px;
        margin: 0 10px;
        background: #fbfbfb;
        border: 1px solid #ebebeb;
        border-top: none;
        border-radius: 0 0 10px 10px;
    }

    .wideRoomBox .roomOptItem {
        width: 100%;
        float: left;
        background: #fff;
        border: 2px solid #ebebeb;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0;
    }

        .wideRoomBox .roomOptItem .roCol {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 15px;
            border-right: 1px solid #ebebeb;
        }

            .wideRoomBox .roomOptItem .roCol:last-child {
                border: none;
            }

    .wideRoomBox.smallBox .wideRoomWrapper .roomImage {
        min-width: 140px;
        width: 140px;
    }

    .wideRoomBox.smallBox .wideRoomWrapper .roomTitle {
        font-size: 18px;
    }

    .wideRoomBox.smallBox .wideRoomWrapper .roomPrices .rpLabel {
        font-size: 13px;
    }

    .wideRoomBox.smallBox .wideRoomWrapper .roomPrices .rpOldPrice {
        font-size: 14px;
    }

    .wideRoomBox.smallBox .wideRoomWrapper .roomPrices .rpMainPrice {
        font-size: 18px;
    }

    .wideRoomBox.withoutImage .roomImage {
        display: none;
    }

    .wideRoomBox.withoutImage .roomContent {
        padding-left: 5px;
    }

.hdCart {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 15px;
    margin: 15px 0;
    position: sticky;
    top: 15px;
}

    .hdCart .hdcHalf {
        width: calc(50% - 10px);
        float: left;
    }

    .hdCart .hdcTitle {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 600;
        color: #606367;
        margin-bottom: 10px;
    }

    .hdCart .hdcItem {
        width: 100%;
        float: left;
        background: #f8f9fa;
        padding: 10px;
        margin: 10px 0;
    }

        .hdCart .hdcItem .hdcContent {
            width: 100%;
            float: left;
            line-height: 200%;
        }

        .hdCart .hdcItem .hdcPrice {
            width: 100%;
            float: left;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid #ccc;
            font-size: 13px;
            color: #8d9198;
        }

            .hdCart .hdcItem .hdcPrice .price {
                float: right;
                font-weight: 600;
                color: #1b1c1e;
                font-size: 15px;
            }

        .hdCart .hdcItem .minTitle {
            font-size: 12px;
            color: #606367;
            line-height: 100%;
        }

        .hdCart .hdcItem .title {
            font-size: 16px;
            font-weight: 600;
            color: #1b1c1e;
        }

        .hdCart .hdcItem .spec {
            font-size: 14px;
            color: #8d9198;
        }

    .hdCart .hdcTotal {
        width: 100%;
        float: left;
        margin: 10px 0;
    }

        .hdCart .hdcTotal .label {
            width: 50%;
            float: left;
            font-size: 14px;
            color: #8d9198;
        }

        .hdCart .hdcTotal .price {
            width: 50%;
            float: left;
            font-size: 18px;
            color: #1b1c1e;
            font-weight: bold;
            text-align: right;
        }

.hotelInfoBox {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .hotelInfoBox .hibIcon {
        width: auto;
        float: left;
        font-size: 22px;
        color: #8d9198;
        margin-right: 15px;
        line-height: 120%;
    }

    .hotelInfoBox .hibContent {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .hotelInfoBox .hibTitle {
        width: 100%;
        float: left;
        font-size: 20px;
        color: #1b1c1e;
        font-weight: 500;
        margin-bottom: 10px;
    }

        .hotelInfoBox .hibTitle.simpleAccTrigger {
            cursor: pointer;
        }

            .hotelInfoBox .hibTitle.simpleAccTrigger:after {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                margin-left: 10px;
            }

    .hotelInfoBox .hibText {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #606367;
        line-height: 150%;
    }

    .hotelInfoBox .hibList {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .hotelInfoBox .hibList li {
            margin: 7px 10px 7px 0;
            border-right: 1px solid #c4cbd5;
            padding-right: 10px;
            font-size: 14px;
            color: #606367;
        }

        .hotelInfoBox .hibList span.paidServices {
            border-radius: 3px;
            background-color: #ebf1fa;
            padding: 3px 5px;
            color: #61656e;
            font-size: 12px;
        }

.mainPagination {
    width: 100%;
    float: left;
    margin: 15px 0;
}

    .mainPagination .mpNav {
        width: 100%;
        float: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .mainPagination .mpNav ul {
            width: auto;
            float: left;
            margin-bottom: 10px;
        }

            .mainPagination .mpNav ul li {
                width: auto;
                float: left;
                margin: 0 2px;
            }

        .mainPagination .mpNav .page-link {
            width: auto;
            float: left;
            border-radius: 6px;
            border: 1px solid #ccc;
            background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
            background: linear-gradient(#fff, #f8f8f8);
            color: #666;
            font-family: "Outfit", sans-serif;
            text-align: center;
            font-weight: 600;
            cursor: pointer;
            white-space: nowrap;
            height: 30px;
            line-height: 28px;
            padding: 0 10px;
            font-size: 12px;
        }

            .mainPagination .mpNav .page-link:disabled {
                opacity: 0.5;
                pointer-events: none;
            }

            .mainPagination .mpNav .page-link:hover {
                border: 1px solid #ccc;
                background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ebebeb));
                background: linear-gradient(#f8f8f8, #ebebeb);
            }

.circleCenterLoader {
    width: 100%;
    height: 50px;
    float: left;
    position: relative;
    margin: 25px 0;
}

    .circleCenterLoader:before {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid rgba(0, 0, 0, 0.1);
        border-top-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
        content: " ";
        -webkit-animation: loadingAnim 1s linear infinite;
        animation: loadingAnim 1s linear infinite;
    }

.mainBanner {
    width: 100%;
    float: left;
    position: relative;
    margin: -15px 0 15px 0;
}

    .mainBanner .centerAligner {
        max-width: 1600px;
    }

    .mainBanner .mainBannerImage {
        width: 100%;
        float: left;
        overflow: hidden;
    }

        .mainBanner .mainBannerImage img {
            width: 100%;
        }

    .mainBanner.caFull .centerAligner {
        max-width: none;
        padding: 0;
    }

.mainBannerSlider {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

    .mainBannerSlider .swiper-slide {
        overflow: hidden;
    }

        .mainBannerSlider .swiper-slide img {
            width: 100%;
        }

    .mainBannerSlider .swiper-button-next {
        width: 40px;
        height: 40px;
        left: auto;
        top: 50%;
        margin-top: -20px;
        right: 10px;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .mainBannerSlider .swiper-button-next:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

    .mainBannerSlider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 10px;
        top: 50%;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        margin-top: -20;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .mainBannerSlider .swiper-button-prev:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

.mainBannerStatic {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin: -15px 0 15px 0;
}

.mainBannerColoredBox {
    width: 100%;
    height: 350px;
    float: left;
    background: #ebebeb;
    text-align: center;
    padding-top: 50px;
}

    .mainBannerColoredBox .coloredBoxTitle {
        width: 100%;
        float: left;
        font-size: 35px;
        font-weight: 600;
    }

.verticalBox {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
}

    .verticalBox .vbImage {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }

        .verticalBox .vbImage .image {
            width: 100%;
            float: left;
            position: relative;
            overflow: hidden;
        }

            .verticalBox .vbImage .image:before {
                width: 100%;
                float: left;
                padding-top: 66%;
                content: " ";
            }

            .verticalBox .vbImage .image img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .verticalBox .vbImage .wrbDiscount {
            width: auto;
            height: 30px;
            position: absolute;
            left: 10px;
            top: 10px;
            background: rgba(255, 247, 224, 0.7882352941);
            border-radius: 15px;
            line-height: 30px;
            color: #bb8517;
            padding: 0 12px;
            z-index: 1;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }

        .verticalBox .vbImage .wrbPropBoxes {
            position: absolute;
            left: 10px;
            bottom: 7px;
            z-index: 1;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
        }

            .verticalBox .vbImage .wrbPropBoxes .propBox {
                width: auto;
                background: rgba(255, 247, 224, 0.7882352941);
                color: #bb8517;
                display: inline-block;
                padding: 4px 8px;
                border-radius: 30px;
                margin: 2px 0;
                font-size: 12px;
            }

                .verticalBox .vbImage .wrbPropBoxes .propBox.redProp {
                    background: rgba(166, 79, 79, 0.6901960784);
                    color: #fff;
                }

                .verticalBox .vbImage .wrbPropBoxes .propBox.blueProp {
                    background: rgba(26, 125, 164, 0.6901960784);
                    color: #fff;
                }

                .verticalBox .vbImage .wrbPropBoxes .propBox.greenProp {
                    background: rgba(79, 164, 76, 0.69);
                    color: #fff;
                }

        .verticalBox .vbImage:hover .wrbPropBoxes,
        .verticalBox .vbImage:hover .wrbDiscount {
            opacity: 0.3;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

        .verticalBox .vbImage:hover .image img {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .verticalBox .vbImage:hover .imageTriggerLabel {
            -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
        }

    .verticalBox .vbContent {
        width: 100%;
        float: left;
        padding: 13px;
    }

    .verticalBox .vbTitleLine {
        width: 100%;
        float: left;
    }

        .verticalBox .vbTitleLine .title {
            font-size: 18px;
            font-weight: 600;
            color: #1b1c1e;
        }

            .verticalBox .vbTitleLine .title:hover {
                color: #606367;
            }

    .verticalBox .vbDescLine {
        width: 100%;
        float: left;
        font-size: 13px;
        color: #8d9198;
    }

        .verticalBox .vbDescLine a {
            color: #1b1c1e;
        }

            .verticalBox .vbDescLine a:hover {
                text-decoration: underline;
            }

    .verticalBox .vbDouble {
        width: 100%;
        float: left;
        font-size: 13px;
        color: #8d9198;
    }

        .verticalBox .vbDouble .vtHalf {
            width: 50%;
            float: left;
        }

    .verticalBox .vbMainPrice {
        font-weight: bold;
        color: #1b1c1e;
        font-size: 20px;
    }

        .verticalBox .vbMainPrice.medium {
            font-size: 18px;
        }

        .verticalBox .vbMainPrice.small {
            font-size: 16px;
        }

    .verticalBox .vbOldPrice {
        font-size: 13px;
        color: #606367;
        text-decoration: line-through;
    }

    .verticalBox.titleOverImage {
        position: relative;
    }

        .verticalBox.titleOverImage .vbImage .image:before {
            padding-top: 85%;
        }

        .verticalBox.titleOverImage .vbImage .image:after {
            width: 100%;
            height: 50%;
            position: absolute;
            left: 0;
            bottom: 0;
            background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(11, 15, 31, 0.8)));
            background: linear-gradient(transparent, rgba(11, 15, 31, 0.8));
            content: " ";
        }

        .verticalBox.titleOverImage .vbContent {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1;
            color: #fff;
        }

            .verticalBox.titleOverImage .vbContent .vbDescLine,
            .verticalBox.titleOverImage .vbContent .vbTitleLine {
                color: #fff;
            }

                .verticalBox.titleOverImage .vbContent .vbDescLine .title,
                .verticalBox.titleOverImage .vbContent .vbDescLine a.title,
                .verticalBox.titleOverImage .vbContent .vbTitleLine .title,
                .verticalBox.titleOverImage .vbContent .vbTitleLine a.title {
                    color: #fff;
                }

/*
.flexGrid .gridCol .verticalBox{
  height: 100%;
}
*/
.squareImage {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

    .squareImage:before {
        width: 100%;
        float: left;
        padding-top: 100%;
        content: " ";
    }

    .squareImage img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -o-object-fit: cover;
        object-fit: cover;
    }

.contentSliderWrapper {
    width: calc(100% + 30px);
    float: left;
    margin: 15px -15px 25px -15px;
}

.contentSlider {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

    .contentSlider .swiper-slide {
        overflow: hidden;
    }

        .contentSlider .swiper-slide img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .contentSlider .swiper-button-next {
        width: 34px;
        height: 34px;
        left: auto;
        top: 50%;
        margin-top: -17px;
        right: 0;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(126, 126, 126, 0.82);
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        border-radius: 50%;
    }

        .contentSlider .swiper-button-next:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

    .contentSlider .swiper-button-prev {
        width: 34px;
        height: 34px;
        left: 0;
        top: 50%;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        margin-top: -17px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(126, 126, 126, 0.82);
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        border-radius: 50%;
    }

        .contentSlider .swiper-button-prev:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

    .contentSlider .verticalBox {
        width: calc(100% - 30px);
        margin: 15px;
    }

.quadIconBoxes {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .quadIconBoxes .qibBox {
        width: 25%;
        float: left;
        padding: 15px;
        text-align: center;
    }

        .quadIconBoxes .qibBox .qbIcon {
            width: 100%;
            float: left;
            margin-bottom: 10px;
        }

            .quadIconBoxes .qibBox .qbIcon .icon {
                width: 100px;
                height: 100px;
                display: inline-block;
                border: 2px solid #ebebeb;
                text-align: center;
                line-height: 96px;
                border-radius: 50%;
                font-size: 24px;
                color: #8d9198;
                overflow: hidden;
                position: relative;
            }

                .quadIconBoxes .qibBox .qbIcon .icon img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

        .quadIconBoxes .qibBox .qbTitle {
            width: 100%;
            float: left;
            font-size: 18px;
            color: #1b1c1e;
            font-weight: 600;
        }

        .quadIconBoxes .qibBox .qbText {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #606367;
        }

    .quadIconBoxes.triple .qibBox {
        width: 33.3%;
    }

.fullNav {
    width: 100%;
    float: left;
    margin: 10px 0 20px 0;
}

    .fullNav .fnList {
        width: auto;
        float: left;
    }

        .fullNav .fnList li {
            width: auto;
            float: left;
            margin-right: 20px;
            font-size: 17px;
            font-weight: 600;
            color: #8d9198;
            cursor: pointer;
        }

            .fullNav .fnList li:hover {
                color: #606367;
            }

            .fullNav .fnList li.active {
                color: #1b1c1e;
            }

.fullSlider {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 15px 0 25px 0;
}

    .fullSlider .swiper-slide {
        overflow: hidden;
    }

        .fullSlider .swiper-slide img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .fullSlider .swiper-button-next {
        width: 40px;
        height: 40px;
        left: auto;
        top: 50%;
        margin-top: -20px;
        right: 10px;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .fullSlider .swiper-button-next:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

    .fullSlider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 10px;
        top: 50%;
        bottom: auto;
        color: #fff;
        content: " ";
        opacity: 1;
        margin-top: -20;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        border-radius: 50%;
    }

        .fullSlider .swiper-button-prev:hover {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

.rcFullFlights {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 20px;
    margin: 15px 0;
}

    .rcFullFlights .rcfDates {
        width: 100%;
        float: left;
        padding: 4px;
        background-color: #f1f1f1;
        border-radius: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .rcFullFlights .rcfDates .rcfBt {
            width: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 30px;
            cursor: pointer;
            margin: 5px;
            font-size: 16px;
            color: #606367;
        }

            .rcFullFlights .rcfDates .rcfBt:hover {
                background-color: #fff;
            }

        .rcFullFlights .rcfDates .rcfContent {
            width: auto;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .rcFullFlights .rcfDates .rcfDate {
            width: calc(20% - 4px);
            float: left;
            margin: 0 2px;
            background-color: #fff;
            padding: 5px;
            border-radius: 30px;
            text-align: center;
            line-height: 140%;
            border: 2px solid transparent;
            cursor: pointer;
        }

            .rcFullFlights .rcfDates .rcfDate:hover {
                opacity: 0.8;
            }

            .rcFullFlights .rcfDates .rcfDate .date {
                font-size: 15px;
                font-weight: 600;
                color: #1b1c1e;
            }

            .rcFullFlights .rcfDates .rcfDate .day {
                font-size: 14px;
                color: #8d9198;
            }

            .rcFullFlights .rcfDates .rcfDate.active {
                border-color: #1b1c1e;
            }

.nightNav {
    width: 100%;
    float: left;
    margin: 10px 0;
    text-align: center;
}

    .nightNav .nn {
        width: auto;
        display: inline-block;
        background: #f1f1f1;
        padding: 3px 0;
        border-radius: 20px;
    }

    .nightNav .nnItem {
        width: auto;
        height: 22px;
        float: left;
        margin: 0 3px;
        padding: 0 8px;
        font-size: 11px;
        color: #606367;
        line-height: 22px;
        cursor: pointer;
        border-radius: 11px;
    }

        .nightNav .nnItem:hover {
            background: #fff;
        }

        .nightNav .nnItem.active {
            background: #606367;
            color: #fff;
        }

    .nightNav .nnLabel {
        width: auto;
        float: left;
        line-height: 22px;
        color: #8d9198;
        font-size: 13px;
        padding: 0 10px;
    }

    .nightNav.alignLeft .nn {
        float: left;
    }

.pfFlights {
    width: calc(100% + 16px);
    float: left;
    margin: 10px -8px 10px -8px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .pfFlights .pffHalf {
        width: 50%;
        float: left;
        padding-right: 16px;
    }

        .pfFlights .pffHalf .pfItem {
            width: 100%;
            margin-bottom: 15px;
            cursor: pointer;
        }

            .pfFlights .pffHalf .pfItem:last-child {
                margin-bottom: 0;
            }

            .pfFlights .pffHalf .pfItem:hover {
                border-color: #ccc;
            }

            .pfFlights .pffHalf .pfItem:before {
                display: none;
            }

            .pfFlights .pffHalf .pfItem.selected:before {
                display: block;
            }

.pfChange {
    width: 100%;
    float: left;
    text-align: center;
}

    .pfChange .pfc {
        font-size: 12px;
        color: #8d9198;
        cursor: pointer;
    }

        .pfChange .pfc:hover {
            text-decoration: underline;
            color: #1b1c1e;
        }

.pfItem {
    width: calc(50% - 16px);
    float: left;
    margin: 0 8px;
    border: 2px solid #ebebeb;
    padding: 15px;
    position: relative;
}

    .pfItem:before {
        width: 18px;
        height: 18px;
        position: absolute;
        left: -9px;
        top: 50%;
        margin-top: -9px;
        background: #8d9198;
        border-radius: 50%;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
        color: #fff;
        text-align: center;
        line-height: 18px;
        font-size: 10px;
    }

    .pfItem .pfiHalf {
        width: 50%;
        float: left;
        padding-right: 8px;
    }

    .pfItem .pfiTitle {
        width: 100%;
        float: left;
        font-size: 11px;
        color: #606367;
    }

    .pfItem .pfiDest {
        width: 100%;
        float: left;
        font-size: 11px;
        padding-left: 14px;
        color: #8d9198;
    }

    .pfItem .pfiTimes {
        width: 100%;
        float: left;
        font-size: 20px;
        font-weight: bold;
        color: #1b1c1e;
        padding-left: 14px;
    }

    .pfItem .pfiArrival {
        width: 100%;
        float: left;
    }

        .pfItem .pfiArrival .time {
            font-weight: bold;
            color: #1b1c1e;
            font-size: 14px;
        }

    .pfItem .mInfo {
        color: orange;
        text-decoration: underline;
        font-size: 11px;
        cursor: pointer;
        white-space: nowrap;
    }

        .pfItem .mInfo:hover {
            text-decoration: none;
        }

    .pfItem .pfiAirline {
        width: 100%;
        float: left;
        color: #606367;
    }

        .pfItem .pfiAirline img {
            width: 18px;
        }

    .pfItem .pfiPrice {
        color: #1b1c1e;
        font-size: 18px;
        font-weight: bold;
    }

    .pfItem.forCart {
        width: 100%;
        margin: 5px 0;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

        .pfItem.forCart:before {
            display: none;
        }

        .pfItem.forCart .pfiTimes,
        .pfItem.forCart .pfiDest {
            padding-left: 0;
        }

    .pfItem.full {
        width: 100%;
        margin: 6px 0;
    }

    .pfItem.noBefore:before {
        display: none;
    }

    .pfItem.noBefore .pfiTimes,
    .pfItem.noBefore .pfiDest {
        padding-left: 0;
    }

    .pfItem.cPointer:hover {
        border-color: #bbb;
    }

    .pfItem.selected {
        border-color: #ccc;
    }

.pfSingleRow {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #ebebeb;
    padding: 10px;
    margin-bottom: 10px;
}

    .pfSingleRow .pfsHolder {
        width: auto;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .pfSingleRow .pfsRight {
        float: left;
        margin-left: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pfSingleRow.choosed {
        border-color: #ccc;
    }

    .pfSingleRow .pfItem {
        width: calc(50% - 8px);
        margin-left: 0;
    }

        .pfSingleRow .pfItem:before {
            display: none;
        }

.roomNav {
    width: 100%;
    float: left;
    background: #fff;
    padding: 5px 2px;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    margin: 15px 0;
}

    .roomNav .rnItem {
        width: auto;
        height: 32px;
        float: left;
        margin: 0 3px;
        padding: 0 12px;
        font-size: 13px;
        color: #606367;
        line-height: 30px;
        cursor: pointer;
        border-radius: 30px;
        border: 1px solid transparent;
        background-color: #f1f1f1;
    }

        .roomNav .rnItem:hover {
            opacity: 0.8;
        }

        .roomNav .rnItem.done {
            color: #1b1c1e;
            background-color: #fff;
            border-color: #ccc;
        }

        .roomNav .rnItem.active {
            background-color: #8d9198;
            color: #fff;
        }

.rcDoubleFlights {
    width: 100%;
    float: left;
}

    .rcDoubleFlights .rdfHalf {
        width: calc(50% - 15px);
        float: left;
        background: #fff;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        padding: 15px;
        margin: 15px 0;
    }

    .rcDoubleFlights .rdfTitle {
        width: 100%;
        float: left;
    }

        .rcDoubleFlights .rdfTitle .title {
            width: auto;
            float: left;
            font-size: 16px;
            font-weight: 600;
            color: #1b1c1e;
        }

        .rcDoubleFlights .rdfTitle .rdfFiltersTrigger {
            width: auto;
            float: right;
            font-size: 13px;
            color: #8d9198;
            cursor: pointer;
        }

            .rcDoubleFlights .rdfTitle .rdfFiltersTrigger:hover {
                text-decoration: underline;
            }

    .rcDoubleFlights .rdfDest {
        width: 100%;
        float: left;
        background-color: #f1f1f1;
        padding: 3px 8px;
        border-radius: 10px;
        margin: 15px 0;
    }

    .rcDoubleFlights .rdfFlight {
        width: 100%;
        float: left;
        padding: 10px;
        border: 2px solid #f1f1f1;
        border-radius: 6px;
    }

    .rcDoubleFlights.full .rdfHalf {
        width: 100%;
    }

.dateRoomsWidget {
    width: 100%;
    float: left;
}

    .dateRoomsWidget .drwTitle {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .dateRoomsWidget .drwTitle .nightNav {
            margin: 0;
        }

        .dateRoomsWidget .drwTitle .drwBox {
            opacity: 0.9;
        }

        .dateRoomsWidget .drwTitle .drwContent .val {
            font-size: 22px;
            color: #606367;
        }

        .dateRoomsWidget .drwTitle .title {
            width: 100%;
            float: left;
            font-size: 20px;
            font-weight: bold;
            color: #1b1c1e;
        }

    .dateRoomsWidget .drwLine {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .dateRoomsWidget .drwLeft {
        width: 40%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .dateRoomsWidget .drwRight {
        width: 60%;
        float: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

        .dateRoomsWidget .drwRight .drwPrev {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 50%;
            margin: -15px;
            background: #fff;
            border-radius: 50%;
            border: 1px solid #ccc;
            cursor: pointer;
            text-align: center;
            line-height: 28px;
            color: #8d9198;
            z-index: 1;
        }

            .dateRoomsWidget .drwRight .drwPrev:hover {
                color: #1b1c1e;
                border-color: #999;
            }

        .dateRoomsWidget .drwRight .drwNext {
            width: 30px;
            height: 30px;
            position: absolute;
            right: 0;
            top: 50%;
            margin: -15px;
            background: #fff;
            border-radius: 50%;
            border: 1px solid #ccc;
            cursor: pointer;
            text-align: center;
            line-height: 28px;
            color: #8d9198;
            z-index: 1;
        }

            .dateRoomsWidget .drwRight .drwNext:hover {
                color: #1b1c1e;
                border-color: #999;
            }

    .dateRoomsWidget .drwItem {
        width: 25%;
        float: left;
        padding: 2px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .dateRoomsWidget .drwItem.full {
            width: 100%;
        }

    .dateRoomsWidget .drwContent {
        width: 100%;
        float: left;
        text-align: center;
    }

        .dateRoomsWidget .drwContent .val {
            font-size: 20px;
            color: #1b1c1e;
            font-weight: bold;
        }

        .dateRoomsWidget .drwContent .label {
            font-size: 12px;
            color: #8d9198;
        }

    .dateRoomsWidget .drwType {
        width: 100%;
        float: left;
    }

        .dateRoomsWidget .drwType .title {
            color: #606367;
            font-size: 15px;
            font-weight: bold;
        }

        .dateRoomsWidget .drwType .label {
            color: #8d9198;
            font-size: 12px;
        }

    .dateRoomsWidget .drwBox {
        width: 100%;
        height: auto;
        float: left;
        background-color: #f8f9fa;
        border: 1px solid #ebebeb;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: default;
    }

        .dateRoomsWidget .drwBox.disabled {
            opacity: 0.3;
        }

    .dateRoomsWidget label.drwLabel {
        width: 100%;
        height: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
    }

        .dateRoomsWidget label.drwLabel input {
            position: absolute;
            left: -20px;
            top: -20px;
        }

        .dateRoomsWidget label.drwLabel:hover .drwBox {
            border-color: #ccc;
            background: #fff;
            cursor: pointer;
        }

        .dateRoomsWidget label.drwLabel input:checked + .drwBox {
            background: #8d9198;
        }

            .dateRoomsWidget label.drwLabel input:checked + .drwBox .drwContent .val {
                color: #fff;
            }

            .dateRoomsWidget label.drwLabel input:checked + .drwBox .drwContent .label {
                color: rgba(255, 255, 255, 0.8);
            }

            .dateRoomsWidget label.drwLabel input:checked + .drwBox:before {
                width: 16px;
                height: 16px;
                position: absolute;
                right: 5px;
                top: 5px;
                background: #fff;
                border-radius: 50%;
                text-align: center;
                line-height: 16px;
                font-size: 8px;
                font-weight: 900;
                font-family: "Font Awesome 5 Free";
                content: "\f00c";
            }

        .dateRoomsWidget label.drwLabel.disabled {
            opacity: 0.3;
        }

            .dateRoomsWidget label.drwLabel.disabled:hover .drwBox {
                cursor: default;
                background-color: #f8f9fa;
                border: 1px solid #ebebeb;
            }

.dateAccBox {
    width: 100%;
    float: left;
    margin: 15px 0 25px 0;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 5px;
}

    .dateAccBox .dabFlex {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .dateAccBox .dabDate {
        width: 150px;
        height: auto;
        float: left;
        background-color: #f8f9fa;
        border: 1px solid #ebebeb;
        padding: 10px;
        text-align: center;
    }

        .dateAccBox .dabDate .val {
            font-size: 18px;
            color: #1b1c1e;
            font-weight: bold;
        }

        .dateAccBox .dabDate .label {
            font-size: 12px;
            color: #8d9198;
        }

    .dateAccBox .dabCenter {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .dateAccBox .dabCenter .dcCol {
            width: 33.3%;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            border-left: 1px solid #ebebeb;
            padding: 0 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .dateAccBox .dabCenter .dcCol:first-child {
                border-left: none;
            }

            .dateAccBox .dabCenter .dcCol .dcc {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 13px;
                color: #8d9198;
            }

            .dateAccBox .dabCenter .dcCol .val {
                font-size: 16px;
                color: #606367;
                font-weight: bold;
            }

            .dateAccBox .dabCenter .dcCol .price {
                font-size: 22px;
                color: #606367;
                font-weight: bold;
            }

            .dateAccBox .dabCenter .dcCol .label {
                font-size: 12px;
                color: #8d9198;
            }

            .dateAccBox .dabCenter .dcCol .link {
                font-size: 12px;
                color: orange;
                cursor: pointer;
            }

                .dateAccBox .dabCenter .dcCol .link:hover {
                    text-decoration: underline;
                }

    .dateAccBox .dabRight {
        width: auto;
        float: left;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 10px;
        color: #fff;
    }

    .dateAccBox .dabAccTrigger {
        width: auto;
        height: 32px;
        float: left;
        background: #8d9198;
        line-height: 32px;
        padding: 0 20px;
        cursor: pointer;
    }

        .dateAccBox .dabAccTrigger:hover {
            opacity: 0.8;
        }

    .dateAccBox .dabAccCt {
        width: calc(100% - 10px);
        float: left;
        margin: 15px 5px 5px 5px;
        background-color: #f8f9fa;
        border: 1px solid #ebebeb;
        padding: 0 15px;
        display: none;
    }

.wideFlightBox {
    width: 100%;
    float: left;
    margin: 15px 0;
}

    .wideFlightBox .wideFlightWrapper {
        width: 100%;
        float: left;
        background: #fff;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 1;
    }

        .wideFlightBox .wideFlightWrapper .wfwContent {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .wideFlightBox .wideFlightWrapper .wfwCart {
            width: 200px;
            min-width: 200px;
            float: left;
            padding: 10px;
            border-left: 2px solid #ebebeb;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
        }

            .wideFlightBox .wideFlightWrapper .wfwCart .wfrContent {
                width: 100%;
                float: left;
            }

            .wideFlightBox .wideFlightWrapper .wfwCart .wfrLabel {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 12px;
                color: #8d9198;
            }

            .wideFlightBox .wideFlightWrapper .wfwCart .wfrPrice {
                width: 100%;
                float: left;
                text-align: center;
                font-weight: bold;
                color: #1b1c1e;
                font-size: 24px;
                margin-top: 10px;
            }

            .wideFlightBox .wideFlightWrapper .wfwCart .wfcHalf {
                width: calc(50% - 10px);
                float: left;
            }

    .wideFlightBox .wfwBottomExt {
        width: 100%;
        float: left;
        background: #fff;
        border: 1px solid #ebebeb;
        margin-top: -20px;
        border-radius: 0 0 15px 15px;
        max-height: 0;
        padding: 0;
        overflow: hidden;
    }

        .wideFlightBox .wfwBottomExt .fareWrapper {
            background: none;
            border: none;
        }

            .wideFlightBox .wfwBottomExt .fareWrapper .fwCt {
                background: none;
                padding: 0;
                width: 100%;
                margin: 0;
            }

    .wideFlightBox .wfwItem {
        width: 100%;
        float: left;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .wideFlightBox .wfwItem .wfiLeft {
            width: 180px;
            min-width: 180px;
            float: left;
        }

        .wideFlightBox .wfwItem .wfiRight {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin-left: 15px;
        }

        .wideFlightBox .wfwItem .wfwAirline {
            width: 100%;
            float: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 10px;
        }

            .wideFlightBox .wfwItem .wfwAirline .wfwaLogo {
                width: 30px;
                height: 30px;
                float: left;
            }

                .wideFlightBox .wfwItem .wfwAirline .wfwaLogo img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

            .wideFlightBox .wfwItem .wfwAirline .wfwaLabel {
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                line-height: 30px;
                font-size: 15px;
                color: #1b1c1e;
                font-weight: 600;
                margin-left: 8px;
            }

        .wideFlightBox .wfwItem .wfwFullLabel {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #8d9198;
        }

        .wideFlightBox .wfwItem .wfiRoute {
            width: 100px;
            float: left;
            text-align: center;
            margin: 0 10px;
        }

            .wideFlightBox .wfwItem .wfiRoute .routeLabel {
                width: 100%;
                float: left;
                font-size: 12px;
                color: #8d9198;
            }

            .wideFlightBox .wfwItem .wfiRoute .routeBar {
                width: 100%;
                height: 3px;
                float: left;
                background-color: #ccc;
                margin: 10px 0;
                position: relative;
            }

                .wideFlightBox .wfwItem .wfiRoute .routeBar:before {
                    width: 13px;
                    height: 13px;
                    position: absolute;
                    left: 0;
                    top: -5px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    background-color: #fff;
                    border: 2px solid #ccc;
                    content: " ";
                    border-radius: 50%;
                }

                .wideFlightBox .wfwItem .wfiRoute .routeBar:after {
                    width: 13px;
                    height: 13px;
                    position: absolute;
                    right: 0;
                    top: -5px;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    background-color: #fff;
                    border: 2px solid #ccc;
                    content: " ";
                    border-radius: 50%;
                }

            .wideFlightBox .wfwItem .wfiRoute .flightInfoTrigger {
                width: 100%;
                float: left;
                color: orange;
                cursor: pointer;
                margin-top: 5px;
            }

                .wideFlightBox .wfwItem .wfiRoute .flightInfoTrigger:hover {
                    text-decoration: underline;
                }

        .wideFlightBox .wfwItem .wfiBox {
            width: calc(50% - 60px);
            float: left;
            text-align: right;
        }

            .wideFlightBox .wfwItem .wfiBox .wibTime {
                width: 100%;
                float: left;
                font-size: 26px;
                font-weight: bold;
                color: #1b1c1e;
            }

                .wideFlightBox .wfwItem .wfiBox .wibTime sub, .wideFlightBox .wfwItem .wfiBox .wibTime sup {
                    color: indianred;
                }

            .wideFlightBox .wfwItem .wfiBox .wibAirport {
                width: 100%;
                float: left;
                font-size: 13px;
                color: #8d9198;
            }

            .wideFlightBox .wfwItem .wfiBox .wibCity {
                width: 100%;
                float: left;
                font-size: 15px;
                color: #606367;
            }

        .wideFlightBox .wfwItem + .wfwItem {
            border-top: 1px solid #ebebeb;
        }

    .wideFlightBox.airlineLogoOnly .wfwItem .wfwAirline .wfwaLabel {
        display: none;
    }

    .wideFlightBox.airlineLogoOnly .wfwItem .wfiLeft {
        width: 30px;
        min-width: 30px;
    }

    .wideFlightBox.smallBox .wideFlightWrapper {
        display: block;
    }

        .wideFlightBox.smallBox .wideFlightWrapper .wfwContent {
            width: 100%;
            float: left;
        }

        .wideFlightBox.smallBox .wideFlightWrapper .wfwCart {
            width: 100%;
            border-left: none;
            border-top: 1px solid #ebebeb;
        }

    .wideFlightBox.smallBox .wfwItem .wfiBox .wibTime {
        font-size: 22px;
    }

    .wideFlightBox.smallBox .wfwItem .wfiRoute {
        width: 80px;
    }

    .wideFlightBox.smallBox .wfwItem .wfiBox {
        width: calc(50% - 50px);
    }

        .wideFlightBox.smallBox .wfwItem .wfiBox .wibAirport {
            font-size: 12px;
        }

    .wideFlightBox.smallBox .wfwItem {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .wideFlightBox.smallBox .wfiLeft {
        width: 100%;
    }

    .wideFlightBox.smallBox .wfiRight {
        margin-left: 0;
    }

    .wideFlightBox.smallBox .wfwItem .wfwAirline {
        margin-bottom: 5px;
    }

    .wideFlightBox.smallBox .fareBox {
        width: 100%;
        margin: 5px 0;
    }

    .wideFlightBox.showExt .wfwBottomExt {
        max-height: 1500px;
        padding: 35px 15px 15px 15px;
    }

.flightsCart {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 15px;
    margin: 15px 0;
    position: sticky;
    top: 15px;
}

    .flightsCart .fcTitle {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 600;
        color: #1b1c1e;
        margin-bottom: 15px;
    }

    .flightsCart .fcGrid {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .flightsCart .fcGrid .fcgCol {
            width: 25%;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-right: 20px;
        }

            .flightsCart .fcGrid .fcgCol:last-child {
                padding-right: 0;
            }

        .flightsCart .fcGrid .fcgTitle {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #8d9198;
            margin-bottom: 10px;
        }

        .flightsCart .fcGrid .fcgDetails {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #606367;
        }

            .flightsCart .fcGrid .fcgDetails strong {
                font-weight: 600;
            }

            .flightsCart .fcGrid .fcgDetails .fcgPrice {
                font-size: 24px;
                font-weight: bold;
                color: #1b1c1e;
            }

.flightsDoubleGrid {
    width: 100%;
    float: left;
}

    .flightsDoubleGrid .gridCol {
        width: calc(50% - 15px);
        float: left;
    }

.instTableHolder {
    width: 100%;
    float: left;
    background: #f1f1f1;
    position: relative;
    margin: 10px 0;
    padding-left: 70px;
}

    .instTableHolder .instCard {
        width: 60px;
        position: absolute;
        left: 5px;
        top: 5px;
    }

        .instTableHolder .instCard img {
            width: 100%;
        }

    .instTableHolder .instTable {
        width: 100%;
        float: left;
        background: #fff;
    }

        .instTableHolder .instTable tr td {
            padding: 5px;
            font-size: 12px;
            border: 1px solid #ebebeb;
            text-align: center;
        }

            .instTableHolder .instTable tr td strong {
                font-weight: 600;
            }

        .instTableHolder .instTable tr.title td {
            background: #ebf4fb;
            font-weight: 600;
        }

.dialogPopup {
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    overflow: hidden;
}

    .dialogPopup .dpFilter {
        width: 100%;
        height: 0;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0;
        backdrop-filter: blur(2px);
        background: rgba(105, 116, 119, 0.3);
        -webkit-box-shadow: 0 0 500px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 0 500px rgba(0, 0, 0, 0.1) inset;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    .dialogPopup .dpBox {
        width: 350px;
        max-width: calc(100% - 30px);
        position: fixed;
        left: 50%;
        top: -100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 15px;
        z-index: 3;
        -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
    }

    .dialogPopup .dpbTop {
        width: 100%;
        height: 60px;
        float: left;
    }

        .dialogPopup .dpbTop .title {
            width: calc(100% - 60px);
            height: 60px;
            float: left;
            line-height: 60px;
            font-size: 16px;
            color: #1b1c1e;
            font-weight: bold;
            padding-left: 20px;
        }

        .dialogPopup .dpbTop .dpClose {
            width: 60px;
            height: 60px;
            float: left;
            text-align: center;
            line-height: 60px;
            color: #8d9198;
            font-size: 16px;
            cursor: pointer;
        }

    .dialogPopup .dpbContent {
        width: 100%;
        max-height: calc(100vh - 200px);
        float: left;
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 15px;
    }

        .dialogPopup .dpbContent .customScroller {
            width: calc(100% + 20px);
            margin: 0 -10px;
            padding: 10px;
            max-height: none;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

    .dialogPopup .dpbBottom {
        width: 100%;
        float: left;
        padding: 15px;
        margin-top: -15px;
    }

    .dialogPopup .dpbButtons {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .dialogPopup .dpbButtons .dpbBt {
            width: auto;
            height: 44px;
            float: left;
            background: #f1f1f1;
            margin-left: 10px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            border-radius: 6px;
            text-align: center;
            line-height: 44px;
            font-weight: 600;
            color: #606367;
            cursor: pointer;
        }

            .dialogPopup .dpbButtons .dpbBt:first-child {
                margin-left: 0;
            }

            .dialogPopup .dpbButtons .dpbBt.active {
                color: #fff;
            }

            .dialogPopup .dpbButtons .dpbBt:hover {
                opacity: 0.7;
            }

    .dialogPopup.showPopup {
        height: 100%;
    }

        .dialogPopup.showPopup .dpFilter {
            height: 100%;
            opacity: 1;
        }

        .dialogPopup.showPopup .dpBox {
            top: 50%;
        }

    .dialogPopup.w400 .dpBox {
        width: 400px;
    }

    .dialogPopup.w500 .dpBox {
        width: 500px;
    }

    .dialogPopup.w600 .dpBox {
        width: 600px;
    }

    .dialogPopup.w700 .dpBox {
        width: 700px;
    }

    .dialogPopup.w800 .dpBox {
        width: 800px;
    }

    .dialogPopup.w900 .dpBox {
        width: 900px;
    }

    .dialogPopup.w1000 .dpBox {
        width: 1000px;
    }

.flight-detail-box {
    width: 100%;
    height: auto;
    float: left;
    border: 2px solid #e4e4e4;
    background: #fff;
    border-radius: 3px;
}

    .flight-detail-box .fdb-title {
        width: 100%;
        height: 25px;
        background: #e4e4e4;
        line-height: 25px;
        padding: 0 7px;
        color: #333333;
        font-size: 13px;
        letter-spacing: -0.3px;
    }

    .flight-detail-box .fdb-content {
        width: 100%;
        height: auto;
        float: left;
        padding: 5px;
    }

        .flight-detail-box .fdb-content .fdb-desc {
            width: 100%;
            float: left;
            text-align: center;
            padding-bottom: 5px;
            margin: 7px 0;
            border-bottom: 1px solid #ebebeb;
            color: #999999;
        }

        .flight-detail-box .fdb-content .airport {
            font-size: 12px;
            color: #666666;
            font-weight: 600;
            letter-spacing: -0.5px;
        }

        .flight-detail-box .fdb-content .date {
            font-size: 14px;
            color: #333333;
            font-weight: 600;
            letter-spacing: -0.5px;
        }

    .flight-detail-box .flight-info {
        width: 100%;
        float: left;
        padding: 5px;
        border-radius: 3px;
        background: #f1f1f1;
    }

        .flight-detail-box .flight-info .airway {
            width: 34px;
            height: 34px;
            float: left;
            border: 1px solid #e7e7e7;
        }

            .flight-detail-box .flight-info .airway img {
                width: 100%;
            }

        .flight-detail-box .flight-info .flight-time {
            float: right;
            width: 70px;
            color: #666666;
            text-align: right;
        }

        .flight-detail-box .flight-info .flight-content {
            margin-left: 45px;
            margin-right: 80px;
        }

            .flight-detail-box .flight-info .flight-content .airway-name {
                font-size: 12px;
                color: #666666;
                font-weight: 600;
                letter-spacing: -0.5px;
            }

            .flight-detail-box .flight-info .flight-content .ticket-nr {
                font-size: 14px;
                color: #333333;
                font-weight: 600;
                letter-spacing: -0.5px;
            }

    .flight-detail-box .fdb-bottom-desc {
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 5px;
        margin: 7px 0;
        border-top: 1px solid #ebebeb;
        color: #999999;
    }

    .flight-detail-box .flight-transfer {
        width: 100%;
        height: 18px;
        float: left;
        background: url("../img/flight-transfer-bg.jpg");
        text-align: center;
        color: #8a2327;
        line-height: 18px;
        margin: 7px 0;
    }

    .flight-detail-box.half {
        width: 49%;
    }

.bookingSteps {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0;
}

    .bookingSteps .bsCenter {
        width: auto;
        float: left;
    }

    .bookingSteps .bsItem {
        width: auto;
        float: left;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 70px;
        margin-right: 20px;
        opacity: 0.7;
    }

        .bookingSteps .bsItem .bsiNr {
            width: 32px;
            height: 32px;
            float: left;
            border: 1px solid #ccc;
            border-radius: 16px;
            background: #f1f1f1;
            text-align: center;
            line-height: 30px;
            font-size: 14px;
            font-weight: 600;
            color: #606367;
        }

        .bookingSteps .bsItem .bsiCt {
            width: auto;
            float: left;
            line-height: 32px;
            color: #606367;
            margin-left: 10px;
            font-size: 14px;
        }

        .bookingSteps .bsItem:before {
            width: 50px;
            height: 2px;
            border-bottom: 2px dashed #ccc;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: " ";
        }

        .bookingSteps .bsItem.current {
            opacity: 1;
        }

            .bookingSteps .bsItem.current .bsiNr {
                border-color: #606367;
                background: #fff;
                color: #1b1c1e;
            }

            .bookingSteps .bsItem.current .bsiCt {
                font-weight: 600;
            }

        .bookingSteps .bsItem.completed .bsiNr {
            background: #fff;
        }

        .bookingSteps .bsItem:last-child {
            margin-right: 0;
            padding-right: 0;
        }

            .bookingSteps .bsItem:last-child:before {
                display: none;
            }

.bookingGrid {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .bookingGrid .bookingLeft {
        width: calc(100% - 390px);
        float: left;
    }

    .bookingGrid .bookingRight {
        width: 360px;
        float: left;
        margin-left: 30px;
    }

.bookingCartMain {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 17px;
    margin: 15px 0;
    position: sticky;
    top: 15px;
}

    .bookingCartMain .bcmBottom {
        width: 100%;
        float: left;
        border-top: 1px dashed #ccc;
        padding-top: 15px;
        margin-top: 5px;
    }

    .bookingCartMain .bcmPrices {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .bookingCartMain .bcmPrices .bpgItem {
            width: auto;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .bookingCartMain .bcmPrices .bpLabel {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #8d9198;
        }

        .bookingCartMain .bcmPrices .bpPrices {
            width: 100%;
            float: left;
            text-align: right;
        }

            .bookingCartMain .bcmPrices .bpPrices .oldPrice {
                font-size: 13px;
                color: #8d9198;
                text-decoration: line-through;
            }

            .bookingCartMain .bcmPrices .bpPrices .lastPrice {
                font-size: 22px;
                font-weight: bold;
                color: #1b1c1e;
            }

    .bookingCartMain .bcmMinInfo {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #8d9198;
    }

    .bookingCartMain .bCartTrigger {
        width: 100%;
        float: left;
        cursor: pointer;
        display: none;
    }

    .bookingCartMain .bcmLinkHolder {
        width: 100%;
        float: left;
        text-align: center;
    }

        .bookingCartMain .bcmLinkHolder .link {
            color: #1b1c1e;
            font-size: 14px;
            cursor: pointer;
        }

            .bookingCartMain .bcmLinkHolder .link:hover {
                text-decoration: underline;
            }

    .bookingCartMain .completeBookingBt {
        width: 100%;
        height: 44px;
        float: left;
        border-radius: 6px;
        background: #999;
        color: #fff;
        font-family: "Outfit", sans-serif;
        line-height: 42px;
        text-align: center;
        font-weight: 600;
        cursor: pointer;
        font-size: 14px;
        white-space: nowrap;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        margin-top: 15px;
    }

        .bookingCartMain .completeBookingBt:hover {
            opacity: 0.8;
        }

    .bookingCartMain .bcmContent {
        width: 100%;
        float: left;
    }

        .bookingCartMain .bcmContent .bccClose {
            display: none;
        }

        .bookingCartMain .bcmContent .bccHolder {
            width: 100%;
            float: left;
        }

    .bookingCartMain .bcRoom {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        border-top: 1px solid #ccc;
        padding-top: 15px;
    }

        .bookingCartMain .bcRoom .bcrLeft {
            width: 80px;
            float: left;
            margin-right: 10px;
        }

        .bookingCartMain .bcRoom .bcrRight {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            color: #1b1c1e;
        }

            .bookingCartMain .bcRoom .bcrRight .val {
                font-size: 15px;
                color: #1b1c1e;
                font-weight: 600;
            }

            .bookingCartMain .bcRoom .bcrRight .desc {
                font-size: 12px;
                color: #8d9198;
            }

    .bookingCartMain .bccLineItem {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .bookingCartMain .bccLineItem .val {
            font-size: 14px;
            font-weight: 600;
            color: #1b1c1e;
        }

            .bookingCartMain .bccLineItem .val.big {
                font-size: 17px;
            }

        .bookingCartMain .bccLineItem .desc {
            font-size: 12px;
            color: #8d9198;
        }

        .bookingCartMain .bccLineItem:first-child {
            margin-top: 0;
        }

    .bookingCartMain .bccSeparator {
        width: 100%;
        height: 1px;
        float: left;
        background: #ccc;
        margin: 7px 0;
    }

    .bookingCartMain .bcExtra {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding-top: 10px;
        border-top: 1px solid #ccc;
    }

        .bookingCartMain .bcExtra .bceTitle {
            width: 100%;
            float: left;
            font-size: 15px;
            font-weight: 600;
            color: #606367;
        }

        .bookingCartMain .bcExtra .bceContent {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #1b1c1e;
            margin-top: 6px;
        }

            .bookingCartMain .bcExtra .bceContent .val {
                font-size: 15px;
            }

            .bookingCartMain .bcExtra .bceContent .bcRemove {
                margin-left: 7px;
                color: indianred;
                cursor: pointer;
                opacity: 0.4;
            }

                .bookingCartMain .bcExtra .bceContent .bcRemove:hover {
                    opacity: 1;
                }

.bcCommissionBox {
    width: 100%;
    float: left;
    background: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 10px 0;
}

    .bcCommissionBox .bcbTitle {
        width: 100%;
        height: auto;
        float: left;
        border-bottom: 1px solid #ccc;
        padding: 8px;
        color: #1b1c1e;
        font-weight: 600;
        font-size: 13px;
    }

    .bcCommissionBox .bcbCt {
        width: 100%;
        float: left;
        padding: 8px;
    }

    .bcCommissionBox .bcbText {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #606367;
    }

.bookingPersonBox {
    width: 100%;
    height: 100%;
    float: left;
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 20px;
}

    .bookingPersonBox .bpbTitle {
        width: 100%;
        float: left;
    }

        .bookingPersonBox .bpbTitle .title {
            font-size: 16px;
            color: #1b1c1e;
            font-weight: 600;
        }

        .bookingPersonBox .bpbTitle .desc {
            font-size: 13px;
            color: #8d9198;
        }

    .bookingPersonBox .bpbWrapper {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .bookingPersonBox + .bookingPersonBox {
        margin-top: 20px;
    }

.clickToShowRadioWidget {
    width: 100%;
    float: left;
    padding: 15px;
    margin: 4px 0;
}

    .clickToShowRadioWidget .ctsTop {
        width: 100%;
        float: left;
    }

    .clickToShowRadioWidget .ctsContent {
        width: 100%;
        float: left;
        margin-top: 15px;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
        display: none;
    }

div + .extraServiceBox {
    margin-top: 20px;
}

.extraServiceBox {
    width: 100%;
    float: left;
    background: #f8f9fa;
    border: 1px solid #ebebeb;
    padding: 10px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .extraServiceBox .esbLeft {
        width: 260px;
        min-width: 260px;
        float: left;
        margin-right: 15px;
    }

    .extraServiceBox .esbImage {
        width: 100%;
        float: left;
        overflow: hidden;
        border-radius: 4px;
    }

        .extraServiceBox .esbImage img {
            width: 100%;
        }

    .extraServiceBox .esbContent {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        float: left;
    }

    .extraServiceBox .esbTitle {
        width: 100%;
        float: left;
        font-size: 17px;
        font-weight: 600;
        color: #1b1c1e;
        margin-bottom: 4px;
    }

    .extraServiceBox .esbText {
        width: 100%;
        float: left;
        font-size: 13px;
        color: #606367;
    }

    .extraServiceBox .esbPrice {
        width: 100%;
        float: left;
        font-size: 13px;
        color: #606367;
        margin-top: 5px;
    }

        .extraServiceBox .esbPrice .val {
            font-size: 15px;
            color: #1b1c1e;
            font-weight: bold;
        }

    .extraServiceBox .esbRadios {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

        .extraServiceBox .esbRadios .erItem {
            width: auto;
            float: left;
            margin-right: 15px;
        }

    .extraServiceBox .erPersonItem {
        width: 100%;
        float: left;
        padding: 4px;
        margin-top: 10px;
        border: 1px solid #ccc;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 8px;
    }

        .extraServiceBox .erPersonItem .erpLabel {
            width: 50%;
            float: left;
            padding-right: 15px;
            line-height: 44px;
            font-size: 14px;
            color: #1b1c1e;
            font-weight: 600;
            padding-left: 8px;
        }

        .extraServiceBox .erPersonItem .erpRight {
            width: 50%;
            float: right;
        }

    .extraServiceBox .esbTriple {
        width: calc(100% + 10px);
        float: left;
        margin: 4px -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .extraServiceBox .esbTriple .etBox {
            width: calc(33.3% - 10px);
            float: left;
            background: #fff;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 8px;
            color: #1b1c1e;
            margin: 5px;
        }

            .extraServiceBox .esbTriple .etBox i {
                color: #8d9198;
            }

    .extraServiceBox.smallLeft .esbLeft {
        width: 160px;
        min-width: 160px;
    }

.singleLineOption {
    width: 100%;
    float: left;
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 12px;
    border-radius: 10px;
}

    .singleLineOption + .singleLineOption {
        margin-top: 15px;
    }

    .singleLineOption.wBg {
        background: #fff;
    }

    .singleLineOption .sloLeft {
        width: calc(100% - 250px);
        float: left;
        padding-right: 10px;
    }

        .singleLineOption .sloLeft .customCheck .ccContent {
            font-weight: 600;
        }

    .singleLineOption .sloRight {
        width: 250px;
        float: left;
        text-align: right;
    }

        .singleLineOption .sloRight .label {
            font-size: 13px;
            color: #606367;
        }

        .singleLineOption .sloRight .val {
            font-size: 16px;
            font-weight: bold;
            color: #1b1c1e;
        }

.titleInputOption {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .titleInputOption:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .titleInputOption .tioTitle {
        width: 100%;
        float: left;
        margin-bottom: 8px;
    }

        .titleInputOption .tioTitle .customCheck:hover {
            opacity: 0.7;
        }

        .titleInputOption .tioTitle .customCheck .ccContent {
            font-weight: 600;
            font-size: 18px;
            padding-top: 0;
        }

        .titleInputOption .tioTitle .customCheck .ccIcon {
            top: 3px;
        }

    .titleInputOption .tioText {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #606367;
        padding-left: 27px;
    }

div + .optionAccBox {
    margin-top: 20px;
}

.optionAccBox {
    width: 100%;
    float: left;
    background: #f8f9fa;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}

    .optionAccBox .opbTop {
        width: 100%;
        float: left;
        padding: 15px;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }

        .optionAccBox .opbTop:hover {
            background: #fff;
        }

        .optionAccBox .opbTop .opbGrow {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .optionAccBox .opbTop .opbFloat {
            width: auto;
            float: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .optionAccBox .opbTop .opbFloat.vaCenter {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

        .optionAccBox .opbTop .opbLink {
            font-size: 14px;
            font-weight: 600;
            color: #606367;
        }

        .optionAccBox .opbTop .opbTitle {
            width: 100%;
            float: left;
            font-size: 17px;
            font-weight: 600;
        }

        .optionAccBox .opbTop .opbText {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #606367;
        }

        .optionAccBox .opbTop .opbIcon {
            width: 40px;
            height: 40px;
            float: left;
            text-align: center;
            color: #1b1c1e;
            line-height: 40px;
            font-size: 26px;
            margin-right: 15px;
        }

    .optionAccBox .opbLogoList {
        width: auto;
        float: left;
    }

        .optionAccBox .opbLogoList .obpLogo {
            width: auto;
            height: 16px;
            float: left;
            margin-left: 5px;
        }

            .optionAccBox .opbLogoList .obpLogo img {
                height: 100%;
            }

    .optionAccBox .opbContent {
        width: 100%;
        float: left;
        padding: 30px 50px;
        border-top: 1px solid #ebebeb;
        display: none;
    }

        .optionAccBox .opbContent .customCheck a {
            text-decoration: underline;
        }

            .optionAccBox .opbContent .customCheck a:hover {
                text-decoration: none;
            }

.amountBox {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 20px;
    margin: 15px 0;
}

    .amountBox .amountVal {
        width: 100%;
        float: left;
    }

        .amountBox .amountVal .val {
            font-size: 20px;
            font-weight: 600;
            color: #1b1c1e;
        }

        .amountBox .amountVal .label {
            font-size: 13px;
            color: #8d9198;
        }

.lineRadioItem {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 5px 0;
}

    .lineRadioItem:hover .lriWrapper {
        border-color: #aaa;
    }

    .lineRadioItem input {
        position: absolute;
        left: -30px;
        top: -30px;
    }

        .lineRadioItem input:checked + .lriWrapper:after {
            display: block;
        }

    .lineRadioItem .lriWrapper {
        width: 100%;
        float: left;
        background: #fff;
        border: 1px solid #ccc;
        min-height: 30px;
        border-radius: 8px;
        padding: 13px 13px 13px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .lineRadioItem .lriWrapper:before {
            width: 18px;
            height: 18px;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -9px;
            border: 2px solid #ccc;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: " ";
            border-radius: 50%;
        }

        .lineRadioItem .lriWrapper:after {
            width: 10px;
            height: 10px;
            position: absolute;
            left: 14px;
            top: 50%;
            margin-top: -5px;
            background: #aaa;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: " ";
            border-radius: 50%;
            display: none;
        }

        .lineRadioItem .lriWrapper .lriText {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            margin-right: 15px;
            font-size: 15px;
            color: #8d9198;
        }

            .lineRadioItem .lriWrapper .lriText strong {
                color: #1b1c1e;
                font-weight: 600;
            }

        .lineRadioItem .lriWrapper .lriLogo {
            width: auto;
            float: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

.ffInfoItem {
    width: 100%;
    float: left;
    background: #f1f1f1;
    border-radius: 6px;
    padding: 10px 12px;
}

    .ffInfoItem .label {
        color: #606367;
        font-size: 13px;
    }

    .ffInfoItem .val {
        color: #1b1c1e;
        font-weight: bold;
        font-size: 17px;
    }

.confirmationMain {
    width: 100%;
    height: auto;
    float: left;
    margin: 50px 0;
}

    .confirmationMain .cmIcon {
        width: 100%;
        float: left;
        text-align: center;
    }

        .confirmationMain .cmIcon .icon {
            width: 80px;
            height: 80px;
            display: inline-block;
            border: 3px solid #1b1c1e;
            border-radius: 50%;
            text-align: center;
            line-height: 74px;
            color: #1b1c1e;
            font-size: 30px;
        }

    .confirmationMain .cmTitle {
        width: 100%;
        height: auto;
        float: left;
        text-align: center;
        color: #606367;
        font-size: 22px;
        font-weight: 600;
        margin-top: 20px;
    }

        .confirmationMain .cmTitle a {
            color: #1b1c1e;
            text-decoration: underline;
        }

            .confirmationMain .cmTitle a:hover {
                text-decoration: none;
            }

    .confirmationMain.fail .cmIcon .icon {
        border-color: #eb394c;
        color: #eb394c;
    }

    .confirmationMain.fail .cmTitle {
        color: #eb394c;
    }

.container {
    width: 100%;
    float: left;
}

.containerLeft {
    width: 260px;
    float: left;
}

.containerRight {
    width: calc(100% - 290px);
    float: left;
    margin-left: 30px;
}

.categories {
    width: 100%;
    float: left;
}

    .categories li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ebebeb;
    }

        .categories li:last-child {
            border: none;
        }

        .categories li a {
            width: 100%;
            float: left;
            padding: 10px 12px;
            color: #606367;
            font-size: 15px;
        }

            .categories li a:hover {
                background: #f1f1f1;
            }

        .categories li .categories {
            width: calc(100% - 10px);
            margin-left: 10px;
            border-left: 1px solid #ebebeb;
        }

            .categories li .categories li a {
                padding: 8px 10px;
                font-size: 14px;
            }

.fullCircleLoading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999;
    backdrop-filter: blur(2px);
}

    .fullCircleLoading:before {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
        border: 2px solid transparent;
        border-top-color: #919191;
        border-radius: 50%;
        content: " ";
        -webkit-animation: loadingAnim 0.7s infinite;
        animation: loadingAnim 0.7s infinite;
    }

.localLoading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999;
    backdrop-filter: blur(1px);
}

    .localLoading:before {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: " ";
        border: 2px solid transparent;
        border-top-color: #919191;
        border-radius: 50%;
        content: " ";
        -webkit-animation: loadingAnim 0.7s infinite;
        animation: loadingAnim 0.7s infinite;
    }

.fullContentLoading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 999999;
    backdrop-filter: blur(2px);
    overflow: hidden;
}

    .fullContentLoading .fclContent {
        width: 520px;
        max-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 0 10px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .fullContentLoading .fclSideLoader {
        width: 80%;
        float: left;
        height: 10px;
        margin: 5px 10%;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        position: relative;
    }

        .fullContentLoading .fclSideLoader:before {
            width: 10%;
            height: 6px;
            position: absolute;
            left: 0;
            top: 0;
            margin: 1px;
            background: #aaa;
            content: " ";
            border-radius: 3px;
            -webkit-animation: sideLoadingAnim 2s infinite;
            animation: sideLoadingAnim 2s infinite;
        }

    .fullContentLoading .fclBanner {
        width: 100%;
        float: left;
        margin: 5px 0;
        border-radius: 10px;
        overflow: hidden;
    }

        .fullContentLoading .fclBanner img {
            width: 100%;
        }

    .fullContentLoading .fclLogo {
        width: 100%;
        float: left;
        font-size: 18px;
        color: #1b1c1e;
        font-weight: 600;
        text-align: center;
        margin-bottom: 5px;
    }

        .fullContentLoading .fclLogo img {
            width: 180px;
            max-width: 100%;
        }

    .fullContentLoading .fclTitle {
        width: 100%;
        float: left;
        font-size: 18px;
        color: #1b1c1e;
        font-weight: 600;
        text-align: center;
        margin-bottom: 5px;
    }

    .fullContentLoading .fclText {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 5px;
        font-size: 14px;
        color: #1b1c1e;
    }

.floatLoading {
    width: 100%;
    float: left;
    margin: 30px 0;
    z-index: 999999;
    overflow: hidden;
}

    .floatLoading .fclContent {
        width: 520px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .floatLoading .fclSideLoader {
        width: 80%;
        float: left;
        height: 10px;
        margin: 5px 10%;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        position: relative;
    }

        .floatLoading .fclSideLoader:before {
            width: 10%;
            height: 6px;
            position: absolute;
            left: 0;
            top: 0;
            margin: 1px;
            background: #aaa;
            content: " ";
            border-radius: 3px;
            -webkit-animation: sideLoadingAnim 2s infinite;
            animation: sideLoadingAnim 2s infinite;
        }

    .floatLoading .fclBanner {
        width: 100%;
        float: left;
        margin: 5px 0;
        border-radius: 10px;
        overflow: hidden;
    }

        .floatLoading .fclBanner img {
            width: 100%;
        }

    .floatLoading .fclTitle {
        width: 100%;
        float: left;
        font-size: 18px;
        color: #1b1c1e;
        font-weight: 600;
        text-align: center;
        margin-bottom: 5px;
    }

    .floatLoading .fclText {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 5px;
        font-size: 14px;
        color: #1b1c1e;
    }

.main404 {
    width: 100%;
    min-height: 100vh;
    float: left;
}

    .main404 .m4Center {
        width: 500px;
        max-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        padding: 0 20px;
    }

    .main404 .m4tag {
        width: 100%;
        float: left;
        font-size: 170px;
        color: #606367;
        font-weight: 300;
        line-height: 120px;
    }

    .main404 .m4tag2 {
        width: 100%;
        float: left;
        font-size: 45px;
        color: #606367;
        font-weight: 600;
        line-height: 60px;
    }

    .main404 .m4Title {
        width: 100%;
        float: left;
        font-size: 20px;
        color: #606367;
        font-weight: 600;
    }

    .main404 .m4Text {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #8d9198;
        margin-bottom: 20px;
    }

    .main404 .m4Bt {
        width: auto;
        height: 42px;
        display: inline-block;
        border-radius: 21px;
        padding: 0 20px;
        line-height: 42px;
        font-size: 13px;
        color: #fff;
        background: #606367;
        margin-top: 15px;
    }

        .main404 .m4Bt i {
            margin-left: 20px;
        }

        .main404 .m4Bt:hover {
            opacity: 0.8;
        }

.fullButtonHolder {
    width: 100%;
    float: left;
    text-align: center;
}

    .fullButtonHolder.alignCenter .autoButton {
        float: none;
        display: inline-block;
    }

    .fullButtonHolder.alignRight .autoButton {
        float: right;
    }

.dashedInfoBox {
    width: calc(100% - 30px);
    float: left;
    margin: 15px;
    border: 2px dashed #ccc;
    padding: 20px;
    border-radius: 15px;
}

    .dashedInfoBox .dibIcon {
        width: 100%;
        float: left;
        font-size: 30px;
    }

    .dashedInfoBox .dibTitle {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: 600;
        color: #1b1c1e;
    }

    .dashedInfoBox .dibText {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #606367;
    }

.remainingCounter {
    width: 100%;
    float: left;
    border: 2px solid #ebebeb;
    padding: 10px 10px 10px 50px;
    position: relative;
    background: #fff;
}

    .remainingCounter.fixed {
        position: fixed;
        right: 15px;
        bottom: 15px;
        width: 200px;
        z-index: 999;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    }

    .remainingCounter:before {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid rgba(187, 99, 99, 0.6);
        border-top-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
        content: " ";
        -webkit-animation: loadingAnim 1s linear infinite;
        animation: loadingAnim 1s linear infinite;
    }

    .remainingCounter .rcTime {
        width: 100%;
        float: left;
        font-size: 18px;
        font-weight: 300;
        color: #1b1c1e;
    }

    .remainingCounter .rcText {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #8d9198;
    }

.wideFlexFlightBox {
    width: 100%;
    float: left;
    margin: 10px 0;
    border: 2px solid #ebebeb;
    padding: 10px;
}

    .wideFlexFlightBox .wffContent {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 0;
        max-width: 100%;
    }

        .wideFlexFlightBox .wffContent .wffCol {
            width: auto;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            border-right: 1px solid #ebebeb;
            padding: 0 15px;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 0;
        }

            .wideFlexFlightBox .wffContent .wffCol .colContent {
                width: 100%;
                float: left;
            }

            .wideFlexFlightBox .wffContent .wffCol:first-child {
                padding-left: 0;
            }

            .wideFlexFlightBox .wffContent .wffCol:last-child {
                padding-right: 0;
                border: none;
            }

    .wideFlexFlightBox .wffAirline {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .wideFlexFlightBox .wffAirline .wffaLogo {
            width: 30px;
            height: 30px;
            float: left;
        }

            .wideFlexFlightBox .wffAirline .wffaLogo img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .wideFlexFlightBox .wffAirline .wffaLabel {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            line-height: 30px;
            font-size: 15px;
            color: #1b1c1e;
            font-weight: 600;
            margin-left: 8px;
        }

        .wideFlexFlightBox .wffAirline + .wffFullLabel {
            margin-top: 5px;
        }

    .wideFlexFlightBox .wffLabel {
        font-size: 13px;
        color: #8d9198;
    }

        .wideFlexFlightBox .wffLabel.wffInfoTrigger {
            cursor: pointer;
            text-decoration: underline;
        }

            .wideFlexFlightBox .wffLabel.wffInfoTrigger:hover {
                text-decoration: none;
            }

    .wideFlexFlightBox .wffVal {
        font-size: 15px;
        color: #1b1c1e;
        font-weight: 600;
    }

    .wideFlexFlightBox .wffDetails {
        width: 100%;
        float: left;
        margin-top: 10px;
        border-top: 1px solid #ccc;
        padding: 20px 10px 10px 10px;
        display: none;
    }

        .wideFlexFlightBox .wffDetails.showDetails {
            display: block;
        }

    .wideFlexFlightBox .wffDetailsTitle {
        width: 100%;
        float: left;
    }

        .wideFlexFlightBox .wffDetailsTitle .title {
            font-size: 16px;
            font-weight: 600;
            color: #606367;
        }

        .wideFlexFlightBox .wffDetailsTitle .desc {
            font-size: 13px;
            color: #8d9198;
        }

    .wideFlexFlightBox .wfdSteps {
        width: 100%;
        float: left;
        padding-left: 20px;
        margin-top: 10px;
        position: relative;
    }

        .wideFlexFlightBox .wfdSteps:before {
            width: 1px;
            top: 14px;
            bottom: 14px;
            position: absolute;
            left: 5px;
            background: #cdcdcd;
            content: " ";
        }

        .wideFlexFlightBox .wfdSteps .stepLine {
            width: 100%;
            float: left;
            position: relative;
            margin: 5px 0;
        }

            .wideFlexFlightBox .wfdSteps .stepLine:before {
                width: 11px;
                height: 11px;
                position: absolute;
                left: -20px;
                top: 50%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid #ccc;
                background: #fff;
                border-radius: 50%;
                content: " ";
                margin-top: -5.5px;
            }

            .wideFlexFlightBox .wfdSteps .stepLine .slLeft {
                width: 90px;
                float: left;
            }

            .wideFlexFlightBox .wfdSteps .stepLine .slRight {
                width: calc(100% - 90px);
                float: left;
                padding-left: 10px;
            }

            .wideFlexFlightBox .wfdSteps .stepLine .val {
                font-size: 18px;
                font-weight: 600;
                color: #1b1c1e;
            }

        .wideFlexFlightBox .wfdSteps .stepSeparator {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #8d9198;
            margin: 5px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .wideFlexFlightBox .wfdSteps .stepSeparator .ssLeft {
                width: 90px;
                float: left;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .wideFlexFlightBox .wfdSteps .stepSeparator .ssRight {
                width: calc(100% - 90px);
                float: left;
                padding-left: 10px;
            }

        .wideFlexFlightBox .wfdSteps .betweenFlights {
            width: 100%;
            float: left;
            margin: 13px 0;
            color: #ec8d8d;
            font-size: 15px;
            position: relative;
            letter-spacing: -0.6px;
            padding-left: 7px;
        }

            .wideFlexFlightBox .wfdSteps .betweenFlights:before {
                width: 25px;
                height: 25px;
                position: absolute;
                left: -27px;
                top: 50%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid #cdcdcd;
                background: #fff;
                border-radius: 50%;
                margin-top: -12.5px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f0f4";
                font-size: 10px;
                text-align: center;
                line-height: 23px;
            }

.halfDiv {
    width: 50%;
    float: left;
}

.fullDiv {
    width: 100%;
    float: left;
}

    .fullDiv.dpFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .fullDiv.jContentCenter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fullDiv.alignItemsCenter {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.newGalleryPopup {
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}

    .newGalleryPopup .ngpFilter {
        width: 100%;
        height: 0;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
    }

    .newGalleryPopup .ngpClose {
        width: auto;
        height: 36px;
        position: absolute;
        right: 10px;
        top: -50px;
        border: 2px solid rgba(255, 255, 255, 0.2);
        border-radius: 5px;
        line-height: 32px;
        padding: 0 12px;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.7);
        cursor: pointer;
        z-index: 9;
    }

        .newGalleryPopup .ngpClose:hover {
            border-color: rgba(255, 255, 255, 0.4);
            background: rgba(255, 255, 255, 0.2);
            color: rgba(255, 255, 255, 0.9);
        }

    .newGalleryPopup .ngpContent {
        width: 1200px;
        max-width: calc(100% - 20px);
        height: calc(100vh - 120px);
        position: fixed;
        left: 50%;
        top: -150vh;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden;
        border-radius: 5px;
    }

        .newGalleryPopup .ngpContent .ncLeft {
            width: calc(100% - 200px);
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            padding: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .newGalleryPopup .ngpContent .ncLeft img {
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
                float: left;
            }

            .newGalleryPopup .ngpContent .ncLeft .ncNext {
                width: 30px;
                height: 48px;
                position: absolute;
                right: 10px;
                top: 50%;
                z-index: 9;
                background-size: 100% 100%;
                cursor: pointer;
                opacity: 0.7;
                margin-top: -24px;
                text-align: center;
            }

                .newGalleryPopup .ngpContent .ncLeft .ncNext:before {
                    width: 30px;
                    height: 40px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    content: "\f105";
                    color: #fff;
                    font-size: 20px;
                    line-height: 40px;
                }

                .newGalleryPopup .ngpContent .ncLeft .ncNext:hover {
                    opacity: 1;
                }

            .newGalleryPopup .ngpContent .ncLeft .ncPrev {
                width: 30px;
                height: 48px;
                position: absolute;
                left: 10px;
                top: 50%;
                z-index: 9;
                background-size: 100% 100%;
                cursor: pointer;
                opacity: 0.7;
                margin-top: -24px;
                text-align: center;
            }

                .newGalleryPopup .ngpContent .ncLeft .ncPrev:before {
                    width: 30px;
                    height: 40px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    content: "\f104";
                    color: #fff;
                    font-size: 20px;
                    line-height: 40px;
                }

                .newGalleryPopup .ngpContent .ncLeft .ncPrev:hover {
                    opacity: 1;
                }

        .newGalleryPopup .ngpContent .ngRight {
            width: 200px;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            overflow: hidden;
        }

            .newGalleryPopup .ngpContent .ngRight .nrScroller {
                width: calc(100% + 14px);
                height: 100%;
                float: left;
                overflow-x: hidden;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
                -webkit-overflow-scrolling: touch;
                scrollbar-color: #434343 transparent;
                padding: 10px;
            }

                .newGalleryPopup .ngpContent .ngRight .nrScroller::-webkit-scrollbar {
                    width: 17px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                .newGalleryPopup .ngpContent .ngRight .nrScroller::-webkit-scrollbar-track {
                    background: transparent;
                }

                .newGalleryPopup .ngpContent .ngRight .nrScroller::-webkit-scrollbar-thumb {
                    background-color: #848484;
                    outline: 1px solid #434343;
                }

            .newGalleryPopup .ngpContent .ngRight .nrTitle {
                width: 100%;
                height: auto;
                float: left;
                font-size: 13px;
                color: #fff;
                margin: 10px 0 5px 0;
            }

            .newGalleryPopup .ngpContent .ngRight .nrList {
                width: 100%;
                height: auto;
                float: left;
            }

                .newGalleryPopup .ngpContent .ngRight .nrList li {
                    width: 48%;
                    float: left;
                    position: relative;
                    border: 3px solid rgba(255, 255, 255, 0.2);
                    border-radius: 5px;
                    margin: 1%;
                    overflow: hidden;
                    cursor: pointer;
                }

                    .newGalleryPopup .ngpContent .ngRight .nrList li.active {
                        border-color: #fff;
                    }

                    .newGalleryPopup .ngpContent .ngRight .nrList li:Before {
                        width: 100%;
                        float: left;
                        padding-top: 90%;
                        content: " ";
                    }

                    .newGalleryPopup .ngpContent .ngRight .nrList li img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                        -o-object-fit: cover;
                        object-fit: cover;
                    }

    .newGalleryPopup.showPopup {
        height: 100%;
    }

        .newGalleryPopup.showPopup .ngpFilter {
            height: 100%;
        }

        .newGalleryPopup.showPopup .ngpClose {
            top: 10px;
        }

        .newGalleryPopup.showPopup .ngpContent {
            top: 50%;
        }

.fullWidthBg {
    width: 100%;
    float: left;
    padding: 30px 0;
    margin: 15px 0;
    position: relative;
}

    .fullWidthBg .fwBgBand {
        width: calc(100vw - 30px);
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        background: #fff;
        content: " ";
        z-index: -1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.fullAccTitle {
    width: 100%;
    float: left;
    background: #fff;
    padding: 12px 30px 12px 17px;
    border-radius: 25px;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    height: auto;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border: 2px solid transparent;
}

    .fullAccTitle:hover {
        -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.15);
        box-shadow: 0 3px 15px rgba(3, 3, 3, 0.15);
    }

    .fullAccTitle:before {
        width: 12px;
        height: 12px;
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -6px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        font-size: 14px;
        text-align: center;
        line-height: 12px;
    }

.fullAccContent {
    width: 100%;
    float: left;
    display: none;
    margin-bottom: 15px;
}

.fullBorderCheck {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

    .fullBorderCheck input {
        position: absolute;
        left: -20px;
        top: -20px;
    }

    .fullBorderCheck:hover .fbcContent {
        border-color: #ccc;
    }

    .fullBorderCheck input:checked + .fbcContent {
        border-color: #999;
    }

        .fullBorderCheck input:checked + .fbcContent:before {
            display: block;
        }

    .fullBorderCheck .fbcContent {
        width: 100%;
        float: left;
        background: #f8f9fa;
        border: 1px solid #ebebeb;
        border-radius: 8px;
        padding: 10px 10px 10px 38px;
        position: relative;
        min-height: 40px;
        font-size: 15px;
        color: #1b1c1e;
    }

        .fullBorderCheck .fbcContent:after {
            width: 16px;
            height: 16px;
            position: absolute;
            left: 10px;
            top: 10px;
            border: 2px solid #aaa;
            border-radius: 6px;
            background: #fff;
            content: " ";
        }

        .fullBorderCheck .fbcContent:before {
            width: 20px;
            height: 20px;
            position: absolute;
            left: 10px;
            top: 10px;
            content: " ";
            border-radius: 4px;
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJpY29ucyI+DQoJPHBhdGggaWQ9ImNoZWNrIiBmaWxsPSIjMzMzMzMzIiBkPSJNNC41LDEwLjc5N2MtMC4zNzUsMC0wLjc1LTAuMTQ5LTEuMDUtMC40NDlsLTMtM2MtMC42LTAuNjAxLTAuNi0xLjUsMC0yLjEwMQ0KCQljMC42MDEtMC42LDEuNTc2LTAuNiwyLjEwMSwwTDQuNSw3LjE5Nmw0Ljk1LTQuOTVjMC42MDEtMC42LDEuNS0wLjYsMi4xMDEsMGMwLjU5OSwwLjYwMSwwLjU5OSwxLjUsMCwyLjEwMWwtNiw2DQoJCUM1LjI1LDEwLjY0Nyw0Ljg3NSwxMC43OTcsNC41LDEwLjc5N3oiLz4NCjwvZz4NCjwvc3ZnPg0K");
            background-size: 50% 50%;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 1;
            text-align: center;
            line-height: 16px;
            display: none;
        }

.resdTicket {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .resdTicket .resdLeft {
        width: 350px;
        float: left;
        padding-right: 10px;
        border-right: 1px solid #ccc;
    }

    .resdTicket .resdCenter {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 10px;
    }

    .resdTicket .resdRight {
        width: 350px;
        float: left;
        padding-left: 10px;
        border-left: 1px solid #ccc;
    }

.installmentOptions {
    width: calc(100% + 12px);
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px;
}

    .installmentOptions .insOpt {
        width: auto;
        float: left;
        margin: 6px;
        position: relative;
        overflow: hidden;
    }

        .installmentOptions .insOpt input {
            position: absolute;
            left: -20px;
            top: -20px;
        }

        .installmentOptions .insOpt:hover .fbcContent {
            border-color: #ccc;
        }

        .installmentOptions .insOpt input:checked + .ioBox {
            border-color: #999;
        }

            .installmentOptions .insOpt input:checked + .ioBox:before {
                display: block;
            }

        .installmentOptions .insOpt .ioBox {
            width: 130px;
            float: left;
            border: 1px solid #ebebeb;
            border-radius: 8px;
            padding: 38px 10px 10px 10px;
            position: relative;
            min-height: 40px;
            font-size: 15px;
            color: #1b1c1e;
            background-color: #fff;
            text-align: center;
        }

            .installmentOptions .insOpt .ioBox .ioLabel {
                font-size: 13px;
                color: #606367;
            }

            .installmentOptions .insOpt .ioBox .ioPrice {
                font-size: 15px;
                color: #1b1c1e;
                font-weight: 600;
            }

            .installmentOptions .insOpt .ioBox:after {
                width: 16px;
                height: 16px;
                position: absolute;
                left: 50%;
                top: 10px;
                margin-left: -10px;
                border: 2px solid #aaa;
                border-radius: 6px;
                background: #fff;
                content: " ";
            }

            .installmentOptions .insOpt .ioBox:before {
                width: 20px;
                height: 20px;
                position: absolute;
                left: 50%;
                top: 10px;
                margin-left: -10px;
                content: " ";
                border-radius: 4px;
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJpY29ucyI+DQoJPHBhdGggaWQ9ImNoZWNrIiBmaWxsPSIjMzMzMzMzIiBkPSJNNC41LDEwLjc5N2MtMC4zNzUsMC0wLjc1LTAuMTQ5LTEuMDUtMC40NDlsLTMtM2MtMC42LTAuNjAxLTAuNi0xLjUsMC0yLjEwMQ0KCQljMC42MDEtMC42LDEuNTc2LTAuNiwyLjEwMSwwTDQuNSw3LjE5Nmw0Ljk1LTQuOTVjMC42MDEtMC42LDEuNS0wLjYsMi4xMDEsMGMwLjU5OSwwLjYwMSwwLjU5OSwxLjUsMCwyLjEwMWwtNiw2DQoJCUM1LjI1LDEwLjY0Nyw0Ljg3NSwxMC43OTcsNC41LDEwLjc5N3oiLz4NCjwvZz4NCjwvc3ZnPg0K");
                background-size: 50% 50%;
                background-position: center;
                background-repeat: no-repeat;
                z-index: 1;
                text-align: center;
                line-height: 16px;
                display: none;
            }

.checkInstallmentOptions {
    width: calc(100% + 12px);
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px;
}

    .checkInstallmentOptions .cioBox {
        width: 150px;
        float: left;
        border: 1px solid #ebebeb;
        border-radius: 8px;
        padding: 10px;
        position: relative;
        min-height: 40px;
        font-size: 15px;
        color: #1b1c1e;
        background-color: #fff;
        text-align: center;
        margin: 6px;
    }

        .checkInstallmentOptions .cioBox .cioLogo {
            width: 100%;
            height: 26px;
            float: left;
            text-align: center;
            line-height: 26px;
        }

            .checkInstallmentOptions .cioBox .cioLogo img {
                max-height: 100%;
                max-width: 100%;
            }

.loginContainer {
    width: 100%;
    min-height: 500px;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 15px;
}

    .loginContainer .lcLeft {
        width: calc(100% - 400px);
        float: left;
        background-color: #606367;
        border-radius: 15px;
        padding: 35px;
    }

        .loginContainer .lcLeft .lclSub {
            width: 100%;
            float: left;
            font-size: 28px;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.7);
        }

        .loginContainer .lcLeft .lclTitle {
            width: 100%;
            float: left;
            font-size: 36px;
            color: #fff;
        }

        .loginContainer .lcLeft .lclText {
            width: 100%;
            float: left;
            font-size: 15px;
            color: rgba(255, 255, 255, 0.7);
        }

    .loginContainer .lcRight {
        width: 400px;
        float: right;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.flexAgencyBoxes {
    width: calc(100% + 20px);
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

    .flexAgencyBoxes .faBox {
        width: calc(33.3% - 20px);
        float: left;
        margin: 10px;
        background: #fff;
        border: 1px solid #ebebeb;
        -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
        padding: 20px 15px;
        text-align: center;
    }

        .flexAgencyBoxes .faBox .fabIcon {
            width: 100%;
            float: left;
            text-align: center;
        }

            .flexAgencyBoxes .faBox .fabIcon .iconHolder {
                width: 70px;
                height: 70px;
                display: inline-block;
                background: #ebebeb;
                border-radius: 50%;
                position: relative;
            }

                .flexAgencyBoxes .faBox .fabIcon .iconHolder span {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    display: inline-block;
                    white-space: nowrap;
                    overflow: hidden;
                    color: #606367;
                    font-size: 22px;
                }

        .flexAgencyBoxes .faBox .fabTitle {
            width: 100%;
            float: left;
            font-size: 20px;
            font-weight: 600;
            color: #1b1c1e;
        }

        .flexAgencyBoxes .faBox .fabAddress {
            width: 100%;
            float: left;
            color: #606367;
            font-size: 15px;
        }

        .flexAgencyBoxes .faBox .fabDetails {
            width: 100%;
            float: left;
            color: #8d9198;
        }

            .flexAgencyBoxes .faBox .fabDetails a {
                color: #8d9198;
            }

                .flexAgencyBoxes .faBox .fabDetails a:hover {
                    text-decoration: underline;
                }

        .flexAgencyBoxes .faBox .fabCenterLink {
            width: 100%;
            float: left;
            text-align: center;
            margin-top: 7px;
        }

            .flexAgencyBoxes .faBox .fabCenterLink .fabShowOnMap {
                font-size: 16px;
                color: #1b1c1e;
                cursor: pointer;
            }

                .flexAgencyBoxes .faBox .fabCenterLink .fabShowOnMap:hover {
                    text-decoration: underline;
                }

.resultTransferBox {
    width: 100%;
    float: left;
    margin: 10px 0;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    padding: 15px;
}

    .resultTransferBox .rtfbImage {
        width: 220px;
        float: left;
        overflow: hidden;
    }

        .resultTransferBox .rtfbImage img {
            width: 100%;
        }

    .resultTransferBox .rtfbRight {
        width: 200px;
        float: right;
        text-align: right;
    }

        .resultTransferBox .rtfbRight .label {
            font-size: 14px;
            color: #8d9198;
        }

        .resultTransferBox .rtfbRight .minVal {
            font-size: 14px;
            font-weight: 600;
            color: #606367;
        }

        .resultTransferBox .rtfbRight .val {
            font-size: 20px;
            font-weight: bold;
            color: #1b1c1e;
        }

    .resultTransferBox .rtfbCenter {
        width: calc(100% - 450px);
        float: left;
        margin: 0 15px;
    }

    .resultTransferBox .rtbTitle {
        width: 100%;
        float: left;
        font-size: 20px;
        color: #1b1c1e;
        font-weight: 600;
    }

    .resultTransferBox .rbtDesc {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #606367;
    }

    .resultTransferBox .rbtSpecs {
        width: calc(100% + 10px);
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 5px -5px 0 -5px;
    }

        .resultTransferBox .rbtSpecs .specBox {
            width: calc(50% - 10px);
            float: left;
            background: #f1f1f1;
            border-radius: 5px;
            margin: 5px;
            border: 1px solid #ebebeb;
            padding: 10px;
            font-size: 13px;
            color: #606367;
        }

            .resultTransferBox .rbtSpecs .specBox .sbIcon {
                width: 20px;
                float: left;
                text-align: center;
                font-size: 15px;
            }

            .resultTransferBox .rbtSpecs .specBox .sbText {
                width: calc(100% - 30px);
                float: right;
                font-size: 15px;
            }

.popupSearch {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: -100%;
    opacity: 0;
    z-index: 99999;
}

    .popupSearch.showPopup {
        top: 0;
        opacity: 1;
    }

    .popupSearch .psFilter {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(236, 236, 236, 0.9);
        backdrop-filter: blur(5px);
    }

    .popupSearch .psClose {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 15px;
        top: 15px;
        text-align: center;
        line-height: 40px;
        color: #8d9198;
        font-size: 24px;
        cursor: pointer;
        border-radius: 10px;
        opacity: 0.8;
        z-index: 2;
    }

        .popupSearch .psClose:hover {
            opacity: 1;
            background: #fff;
        }

    .popupSearch .psContent {
        width: 100%;
        height: 100%;
        position: absolute;
        max-width: 1330px;
        padding: 0 15px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .popupSearch .psContent .pscSearch {
            width: 100%;
            float: left;
            padding: 30px;
        }

            .popupSearch .psContent .pscSearch .motionLabelInput {
                -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            }

        .popupSearch .psContent .pscWrapper {
            width: 100%;
            height: auto;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-bottom: 50px;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            /* Track */
            /* Handle */
        }

            .popupSearch .psContent .pscWrapper::-webkit-scrollbar {
                width: 4px;
                background: #f1f1f1;
            }

            .popupSearch .psContent .pscWrapper::-webkit-scrollbar-track {
                background: none;
                border-radius: 5px;
            }

            .popupSearch .psContent .pscWrapper::-webkit-scrollbar-thumb {
                background: #ccc;
                border-radius: 5px;
            }

        .popupSearch .psContent .pscGrid {
            width: 100%;
            float: left;
        }

            .popupSearch .psContent .pscGrid .pscGridCol {
                width: 25%;
                float: left;
                padding-right: 15px;
            }

            .popupSearch .psContent .pscGrid .plTitle {
                width: 100%;
                float: left;
                font-size: 20px;
                font-weight: 600;
                color: #1b1c1e;
                margin: 10px 0;
            }

            .popupSearch .psContent .pscGrid .plList {
                width: 100%;
                float: left;
                border-left: 1px solid #ccc;
                padding-left: 10px;
            }

                .popupSearch .psContent .pscGrid .plList > li {
                    width: 100%;
                    float: left;
                    margin: 3px 0;
                }

                    .popupSearch .psContent .pscGrid .plList > li > a {
                        font-size: 16px;
                        color: #1b1c1e;
                        font-weight: 500;
                    }

                        .popupSearch .psContent .pscGrid .plList > li > a:hover {
                            text-decoration: underline;
                        }

                    .popupSearch .psContent .pscGrid .plList > li .plSubList {
                        width: 100%;
                        float: left;
                        padding-left: 10px;
                        margin: 2px 0;
                    }

                        .popupSearch .psContent .pscGrid .plList > li .plSubList li {
                            width: 100%;
                            float: left;
                            margin: 2px 0;
                        }

                            .popupSearch .psContent .pscGrid .plList > li .plSubList li a {
                                font-size: 14px;
                                color: #1b1c1e;
                            }

                                .popupSearch .psContent .pscGrid .plList > li .plSubList li a:hover {
                                    text-decoration: underline;
                                }

.containerTabber {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin: 15px 0;
}

    .containerTabber .ctNav {
        width: 100%;
        float: left;
        background: rgba(0, 0, 0, 0.05);
        padding: 4px;
    }

        .containerTabber .ctNav li {
            width: auto;
            float: left;
            padding: 0 12px;
            font-size: 15px;
            color: #1b1c1e;
            height: 42px;
            line-height: 42px;
            cursor: pointer;
            font-weight: 500;
        }

            .containerTabber .ctNav li:hover {
                background: rgba(0, 0, 0, 0.05);
            }

            .containerTabber .ctNav li.active {
                background: #fff;
            }

    .containerTabber .ctCts {
        width: 100%;
        float: left;
    }

        .containerTabber .ctCts .ctContent {
            width: 100%;
            float: left;
            padding: 15px;
            display: none;
        }

.itineraryBox {
    width: 100%;
    float: left;
}

    .itineraryBox .ibTitle {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0;
    }

        .itineraryBox .ibTitle.simpleAccTrigger {
            cursor: pointer;
            position: relative;
            padding-right: 25px;
        }

            .itineraryBox .ibTitle.simpleAccTrigger:before {
                width: 20px;
                height: 20px;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -10px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                font-size: 16px;
                text-align: center;
                line-height: 20px;
                border-radius: 4px;
            }

            .itineraryBox .ibTitle.simpleAccTrigger:hover:Before {
                background: #ebebeb;
            }

        .itineraryBox .ibTitle .ibtIcon {
            width: 40px;
            min-width: 40px;
            height: 40px;
            float: left;
            text-align: center;
            line-height: 40px;
            font-size: 26px;
            margin-right: 10px;
        }

        .itineraryBox .ibTitle .ibtCt {
            width: auto;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-bottom: 10px;
            border-bottom: 1px solid #ccc;
        }

            .itineraryBox .ibTitle .ibtCt .title {
                font-size: 20px;
                font-weight: 500;
                color: #1b1c1e;
            }

            .itineraryBox .ibTitle .ibtCt .desc {
                font-size: 14px;
                color: #8d9198;
            }

    .itineraryBox .ibContent {
        width: calc(100% - 20px);
        float: left;
        margin-bottom: 10px;
        padding-top: 15px;
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px dashed #ccc;
        padding-bottom: 15px;
    }

.basicGallery {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .basicGallery li {
        width: calc(25% - 6px);
        float: left;
        margin: 3px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

        .basicGallery li:before {
            width: 100%;
            float: left;
            padding-top: 70%;
            content: " ";
        }

        .basicGallery li.video:after {
            width: 60px;
            height: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            background: #fff;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f04b";
            margin: -20px -30px;
            border-radius: 10px;
            opacity: 0.5;
            text-align: center;
            line-height: 40px;
            font-size: 15px;
        }

        .basicGallery li img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .basicGallery li:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

.basicImageTextBox {
    width: 100%;
    float: left;
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
}

    .basicImageTextBox .bitImage {
        width: 250px;
        min-width: 250px;
        float: left;
    }

        .basicImageTextBox .bitImage img {
            width: 100%;
        }

    .basicImageTextBox .bitContent {
        width: auto;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 15px;
    }

.contentVideoHolder {
    width: 100%;
    float: left;
    position: relative;
}

    .contentVideoHolder:before {
        width: 100%;
        float: left;
        padding-top: 55%;
        content: " ";
    }

    .contentVideoHolder iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

.bLoginMain {
    width: 100%;
    height: 100vh;
    float: left;
    position: relative;
}

    .bLoginMain .bLoginImage {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
        overflow: hidden;
    }

        .bLoginMain .bLoginImage img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .bLoginMain .bLoginImage.blurryBg img {
            -webkit-filter: blur(6px);
            filter: blur(6px);
            width: 104%;
            height: 104%;
            left: -2%;
            top: -2%;
        }

        .bLoginMain .bLoginImage.transparentBg img {
            opacity: 0.7;
        }

        .bLoginMain .bLoginImage.darkBg {
            background: black;
        }

            .bLoginMain .bLoginImage.darkBg img {
                opacity: 0.5;
            }

    .bLoginMain .bLoginContentHolder {
        width: 100%;
        min-height: 100vh;
        float: left;
        position: relative;
        z-index: 99;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px;
    }

        .bLoginMain .bLoginContentHolder .bLoginContent {
            max-width: 350px;
            width: 100%;
            float: left;
            z-index: 99;
            background: #fff;
            border: 1px solid #ebebeb;
            -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.3);
            box-shadow: 0 3px 15px rgba(3, 3, 3, 0.3);
            border-radius: 15px;
            padding: 20px;
        }

            .bLoginMain .bLoginContentHolder .bLoginContent .blcLogoHolder {
                width: 100%;
                float: left;
                text-align: center;
            }

                .bLoginMain .bLoginContentHolder .bLoginContent .blcLogoHolder .blcLogo {
                    width: 150px;
                    height: 58px;
                    display: inline-block;
                    background-size: 100% 100%;
                    outline: none;
                }

            .bLoginMain .bLoginContentHolder .bLoginContent.smallWidth {
                max-width: 280px;
            }

        .bLoginMain .bLoginContentHolder.leftTopAligned {
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

        .bLoginMain .bLoginContentHolder.centerTopAligned {
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

        .bLoginMain .bLoginContentHolder.leftCenterAligned {
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

        .bLoginMain .bLoginContentHolder.leftBottomAligned {
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: end;
        }

        .bLoginMain .bLoginContentHolder.centerBottomAligned {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: end;
        }

        .bLoginMain .bLoginContentHolder.rightBottomAligned {
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: end;
        }

        .bLoginMain .bLoginContentHolder.rightCenterAligned {
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right;
        }

        .bLoginMain .bLoginContentHolder.rightTopAligned {
            -webkit-box-pack: right;
            -ms-flex-pack: right;
            justify-content: right;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

.bHeader {
    width: 100%;
    float: left;
}

    .bHeader .bMobileMenuTrigger {
        display: none;
        color: #606367;
    }

    .bHeader .bHeaderContent {
        width: 100%;
        float: left;
        background: #fff;
        border-bottom: 1px solid #ebebeb;
    }

    .bHeader .bHeaderWrapper {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .bHeader .centerAligner {
        position: relative;
        display: flow-root;
    }

    .bHeader .bHeaderLogo {
        width: 180px;
        min-width: 180px;
        height: 70px;
        float: left;
        background-size: 100% 100%;
        margin: 5px 0;
        outline: none;
    }

    .bHeader .bHeaderCt {
        width: auto;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .bHeader .bHeaderCt .bHeaderClose {
            display: none;
        }

        .bHeader .bHeaderCt .bhcMenuHolder {
            width: auto;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 17px 0;
        }

            .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu {
                width: auto;
                float: left;
            }

                .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu li {
                    width: auto;
                    float: left;
                    position: relative;
                }

                    .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu li:before {
                        width: 0;
                        height: 3px;
                        position: absolute;
                        left: 0;
                        bottom: -2px;
                        background: #ccc;
                        border-radius: 2px;
                        content: " ";
                        opacity: 1;
                    }

                    .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu li a {
                        width: auto;
                        line-height: 46px;
                        float: left;
                        font-size: 18px;
                        padding: 0 15px;
                        color: #1b1c1e;
                    }

                    .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu li.active:before, .bHeader .bHeaderCt .bhcMenuHolder .bhcMenu li:hover:before {
                        width: 100%;
                    }

        .bHeader .bHeaderCt .bhcRight {
            width: auto;
            float: right;
            padding: 17px 0;
        }

            .bHeader .bHeaderCt .bhcRight .bhcUserBox {
                width: auto;
                height: 46px;
                float: left;
                position: relative;
            }

                .bHeader .bHeaderCt .bhcRight .bhcUserBox .bhcUbTrigger {
                    width: auto;
                    height: 46px;
                    float: left;
                    border: 1px solid #e0e0e0;
                    border-radius: 10px;
                    padding: 7px 28px 7px 7px;
                    cursor: pointer;
                    position: relative;
                }

                    .bHeader .bHeaderCt .bhcRight .bhcUserBox .bhcUbTrigger:before {
                        width: auto;
                        height: 12px;
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        margin-top: -6px;
                        line-height: 12px;
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        content: "\f107";
                        font-size: 14px;
                        color: #8d9198;
                    }

                    .bHeader .bHeaderCt .bhcRight .bhcUserBox .bhcUbTrigger .bhcUbIcon {
                        width: 30px;
                        height: 30px;
                        float: left;
                        text-align: center;
                        line-height: 28px;
                        border: 1px solid #ccc;
                        border-radius: 50%;
                        color: #606367;
                    }

                    .bHeader .bHeaderCt .bhcRight .bhcUserBox .bhcUbTrigger .hbcUbText {
                        width: auto;
                        height: 30px;
                        float: left;
                        line-height: 30px;
                        font-size: 15px;
                        color: #606367;
                        margin-left: 10px;
                    }

                .bHeader .bHeaderCt .bhcRight .bhcUserBox .bhcUbDrop {
                    width: 220px;
                    height: auto;
                    position: absolute;
                    padding: 5px 10px;
                    right: 0;
                    top: 100%;
                    border: 1px solid #ebebeb;
                    background-color: #fff;
                    -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                    box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
                    z-index: 999;
                    border-radius: 10px;
                }

    .bHeader.wideCenter .centerAligner {
        max-width: 1530px;
    }

    .bHeader.centerBased {
        margin-bottom: -20px;
    }

        .bHeader.centerBased .bHeaderContent {
            border: none;
            background: none;
            position: relative;
            z-index: 9999;
        }

            .bHeader.centerBased .bHeaderContent .bHeaderWrapper {
                width: 100%;
                float: left;
                background: #fff;
                padding: 0 20px;
                -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.1);
                box-shadow: 0 3px 15px rgba(3, 3, 3, 0.1);
                border-radius: 10px;
            }

        .bHeader.centerBased + .bBannerMain .bBannerWrapper {
            padding-top: 40px;
        }

    .bHeader .headerLanguage {
        width: auto;
        height: 50px;
        float: left;
        margin-left: 15px;
        position: relative;
    }

        .bHeader .headerLanguage .langTrigger {
            width: auto;
            height: 50px;
            float: left;
            position: relative;
            padding-right: 25px;
            cursor: pointer;
        }

            .bHeader .headerLanguage .langTrigger:before {
                width: auto;
                height: 12px;
                position: absolute;
                right: 10px;
                top: 50%;
                margin-top: -6px;
                line-height: 12px;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f107";
                font-size: 14px;
                color: #8d9198;
            }

            .bHeader .headerLanguage .langTrigger .langFlag {
                width: 26px;
                height: 26px;
                float: left;
                margin: 12px 0;
                border-radius: 50%;
                overflow: hidden;
                opacity: 0.7;
            }

                .bHeader .headerLanguage .langTrigger .langFlag img {
                    width: 100%;
                }

            .bHeader .headerLanguage .langTrigger:hover .langFlag {
                opacity: 1;
            }

        .bHeader .headerLanguage .langDrop {
            width: 150px;
            height: auto;
            position: absolute;
            padding: 5px 7px;
            right: 0;
            top: 100%;
            border: 1px solid #ebebeb;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            box-shadow: 0 3px 35px rgba(3, 3, 3, 0.2);
            z-index: 999;
        }

            .bHeader .headerLanguage .langDrop .langList {
                width: 100%;
                float: left;
            }

                .bHeader .headerLanguage .langDrop .langList li {
                    width: 100%;
                    float: left;
                    margin: 2px 0;
                }

                .bHeader .headerLanguage .langDrop .langList .langLink {
                    width: 100%;
                    float: left;
                    padding: 5px;
                    border-radius: 4px;
                }

                    .bHeader .headerLanguage .langDrop .langList .langLink .llFlag {
                        width: 24px;
                        height: 24px;
                        float: left;
                        overflow: hidden;
                        border-radius: 50%;
                    }

                        .bHeader .headerLanguage .langDrop .langList .langLink .llFlag img {
                            width: 100%;
                        }

                    .bHeader .headerLanguage .langDrop .langList .langLink .llText {
                        width: calc(100% - 35px);
                        float: right;
                        line-height: 24px;
                        font-size: 14px;
                        color: #1b1c1e;
                    }

                    .bHeader .headerLanguage .langDrop .langList .langLink:hover {
                        background: #f1f1f1;
                    }

.bBannerMain {
    width: 100%;
    float: left;
    position: relative;
}

    .bBannerMain .bBannerContent {
        width: 100%;
        float: left;
        position: relative;
        background: #aeb2b9;
    }

    .bBannerMain .bBannerImage {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #000;
        overflow: hidden;
    }

        .bBannerMain .bBannerImage img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -o-object-fit: cover;
            object-fit: cover;
            opacity: 0.8;
        }

    .bBannerMain .bBannerWrapper {
        width: 100%;
        float: left;
        padding: 20px 0;
        position: relative;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .bBannerMain .bBannerWrapper .bBannerLeft {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 40px 0;
        }

            .bBannerMain .bBannerWrapper .bBannerLeft .bBannerSlogan {
                width: 100%;
                float: left;
                font-size: 40px;
                font-weight: 600;
                color: #fff;
                text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
            }

            .bBannerMain .bBannerWrapper .bBannerLeft .bBannerSub {
                width: 100%;
                float: left;
                font-size: 20px;
                font-weight: 600;
                color: #fff;
                text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
            }

            .bBannerMain .bBannerWrapper .bBannerLeft .bBannerText {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #fff;
                text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
                position: relative;
                padding-top: 10px;
                margin-top: 10px;
            }

                .bBannerMain .bBannerWrapper .bBannerLeft .bBannerText:before {
                    width: 30px;
                    height: 3px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: rgba(255, 255, 255, 0.5);
                    content: " ";
                }

        .bBannerMain .bBannerWrapper .bBannerRight {
            width: 320px;
            min-width: 320px;
            float: left;
            margin-left: 20px;
        }

    .bBannerMain.bannerNoImage .bBannerImage {
        display: none;
    }

    .bBannerMain.bannerBlurryImage .bBannerImage img {
        width: 104%;
        height: 104%;
        left: -2%;
        top: -2%;
        -webkit-filter: blur(6px);
        filter: blur(6px);
    }

    .bBannerMain.withoutForm .bBannerWrapper .bBannerRight {
        display: none;
    }

    .bBannerMain.centerText .bBannerWrapper .bBannerLeft {
        text-align: center;
    }

        .bBannerMain.centerText .bBannerWrapper .bBannerLeft .bBannerText:before {
            left: 50%;
            margin-left: -15px;
        }

.lrImageWidget {
    width: 100%;
    float: left;
}

    .lrImageWidget .lriImage {
        width: 49%;
        float: left;
    }

        .lrImageWidget .lriImage img {
            width: 100%;
        }

    .lrImageWidget .lriContent {
        width: 49%;
        float: right;
    }

    .lrImageWidget.reverse .lriImage {
        float: right;
    }

    .lrImageWidget.reverse .lriContent {
        float: left;
    }

.bottomBorderList {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
}

    .bottomBorderList li {
        width: 100%;
        float: left;
        color: #606367;
        border-bottom: 1px solid #ebebeb;
        padding: 6px 0;
    }

.bgTag {
    width: auto;
    height: auto;
    float: left;
    background: #999;
    font-size: 14px;
    color: #fff;
    padding: 4px 7px;
    border-radius: 6px;
    margin-right: 3px;
    margin-bottom: 3px;
}

    .bgTag.orangeBg {
        background: orange;
    }

    .bgTag.redBg {
        background: indianred;
    }

    .bgTag.yellowBg {
        background: #45953c;
    }

.fareWrapper {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
}

    .fareWrapper .fwTitle {
        width: 100%;
        float: left;
        padding: 10px;
        font-size: 15px;
        font-weight: 600;
        color: #606367;
    }

    .fareWrapper .fwCt {
        width: calc(100% - 10px);
        float: left;
        background: #f1f1f1;
        border-radius: 6px;
        margin: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px;
    }

    .fareWrapper .fwTitle + fwCt {
        margin-top: 0;
    }

    .fareWrapper .fareBox {
        width: calc(25% - 10px);
        float: left;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .fareWrapper .fareBox .fbTitle {
            width: 100%;
            height: auto;
            float: left;
            border-bottom: 2px solid #ccc;
            padding: 8px 10px;
            font-size: 16px;
            font-weight: 600;
        }

        .fareWrapper .fareBox .fbContent {
            width: 100%;
            height: auto;
            float: left;
            padding: 5px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .fareWrapper .fareBox .fbContent .fbMoreTrigger {
                width: 100%;
                float: left;
                font-size: 13px;
                color: #8d9198;
                text-align: center;
                margin-top: 4px;
                cursor: pointer;
            }

                .fareWrapper .fareBox .fbContent .fbMoreTrigger:hover {
                    color: #606367;
                }

        .fareWrapper .fareBox .fbList {
            width: 100%;
            float: left;
        }

            .fareWrapper .fareBox .fbList li {
                width: 100%;
                float: left;
                font-size: 13px;
                color: #606367;
                padding: 4px 3px;
            }

                .fareWrapper .fareBox .fbList li i {
                    width: 14px;
                    margin-right: 4px;
                    text-align: center;
                }

        .fareWrapper .fareBox .fbBottom {
            width: 100%;
            float: left;
            border-top: 1px solid #ccc;
            padding: 5px;
        }

            .fareWrapper .fareBox .fbBottom .fbBt {
                width: 100%;
                height: 36px;
                float: left;
                background: #fff;
                border: 2px solid #ebebeb;
                border-radius: 4px;
                text-align: center;
                line-height: 32px;
                font-size: 16px;
                font-weight: 600;
                font-family: "Outfit", sans-serif;
                cursor: pointer;
                position: relative;
            }

                .fareWrapper .fareBox .fbBottom .fbBt:hover {
                    opacity: 0.7;
                }

                .fareWrapper .fareBox .fbBottom .fbBt.choosed {
                    color: #fff;
                    padding-left: 20px;
                }

                    .fareWrapper .fareBox .fbBottom .fbBt.choosed:before {
                        left: 3px;
                    }

                .fareWrapper .fareBox .fbBottom .fbBt:before {
                    width: 16px;
                    height: 16px;
                    position: absolute;
                    left: -20px;
                    top: 50%;
                    margin-top: -8px;
                    background: #fff;
                    border-radius: 50%;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    content: "\f00c";
                    line-height: 16px;
                    text-align: center;
                    font-size: 10px;
                }

    .fareWrapper + .fareWrapper {
        margin-top: 20px;
    }

.lineSeparator {
    width: 100%;
    height: 1px;
    float: left;
    margin: 3px 0;
    background: #ebebeb;
}

.fullShadowBox {
    width: 100%;
    float: left;
    margin: 200px 0;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.b2bFixedMenu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 99999;
    opacity: 0;
}

    .b2bFixedMenu.showFixedMenu {
        right: 0;
        opacity: 1;
    }

    .b2bFixedMenu .bfmFilter {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.5);
    }

    .b2bFixedMenu .bfmWrapper {
        width: 700px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #f1f1f1;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        z-index: 2;
    }

        .b2bFixedMenu .bfmWrapper .bwTitle {
            width: 100%;
            height: 40px;
            float: left;
            border-bottom: 1px solid #ccc;
        }

            .b2bFixedMenu .bfmWrapper .bwTitle .title {
                width: auto;
                max-width: calc(100% - 50px);
                float: left;
                line-height: 39px;
                padding-left: 12px;
                font-size: 15px;
                color: #606367;
                font-weight: 600;
            }

            .b2bFixedMenu .bfmWrapper .bwTitle .bfmClose {
                width: 40px;
                height: 40px;
                float: right;
                text-align: center;
                line-height: 40px;
                color: #8d9198;
                font-size: 14px;
                cursor: pointer;
            }

        .b2bFixedMenu .bfmWrapper .bwLeft {
            width: 40%;
            height: calc(100% - 40px);
            float: left;
            border-right: 1px solid #ccc;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .b2bFixedMenu .bfmWrapper .bwLeft .bwlTop {
                width: 100%;
                height: auto;
                float: left;
                padding: 10px;
            }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwlTop .bwtBox {
                    width: 100%;
                    float: left;
                    background: #fff;
                    padding: 10px;
                    border-radius: 6px;
                }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwlTop .bwtBox .btwTitle {
                        width: 100%;
                        float: left;
                        font-size: 16px;
                        font-weight: 600;
                        color: #1b1c1e;
                    }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwlTop .bwtBox .btwText {
                        width: 100%;
                        float: left;
                        font-size: 13px;
                        color: #606367;
                    }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwlTop .bwlTitle {
                    width: 100%;
                    float: left;
                    font-size: 15px;
                    color: #1b1c1e;
                    font-weight: 600;
                    margin-top: 10px;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwlTop .bwlSearch {
                    width: 100%;
                    float: left;
                    margin-top: 5px;
                }

            .b2bFixedMenu .bfmWrapper .bwLeft .bwlContent {
                width: 100%;
                float: left;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                padding: 10px;
                /* Track */
                /* Handle */
            }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwlContent::-webkit-scrollbar {
                    width: 4px;
                    height: 4px;
                    background: #f1f1f1;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwlContent::-webkit-scrollbar-track {
                    background: none;
                    border-radius: 5px;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwlContent::-webkit-scrollbar-thumb {
                    background: #ccc;
                    border-radius: 5px;
                }

            .b2bFixedMenu .bfmWrapper .bwLeft .bwItem {
                width: 100%;
                height: auto;
                float: left;
                background: #fff;
                border: 1px solid #ccc;
                border-radius: 6px;
                padding: 8px 10px;
                cursor: pointer;
                margin-bottom: 10px;
            }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.passiveBox {
                    opacity: 0.5;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed {
                    background: #868686;
                }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed .bwiStatus,
                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed .bwiStatus.inProcess,
                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed .bwiStatus.waiting,
                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed .bwiStatus.choosed {
                        color: rgba(255, 255, 255, 0.7);
                    }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed .bwiInfo {
                        color: rgba(255, 255, 255, 0.7);
                    }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem.choosed .bwiTitle {
                        color: #fff;
                    }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwItem:hover {
                    border-color: #999;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwItem .bwiInfo {
                    width: 100%;
                    float: left;
                    font-size: 13px;
                    color: #8d9198;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwItem .bwiTitle {
                    width: 100%;
                    float: left;
                    font-size: 16px;
                    font-weight: 600;
                    color: #1b1c1e;
                }

                .b2bFixedMenu .bfmWrapper .bwLeft .bwItem .bwiStatus {
                    width: 100%;
                    float: left;
                    font-size: 13px;
                    color: #8d9198;
                    margin-top: 3px;
                }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem .bwiStatus.waiting {
                        color: orange;
                    }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem .bwiStatus.completed {
                        color: #83bd07;
                    }

                    .b2bFixedMenu .bfmWrapper .bwLeft .bwItem .bwiStatus.inProcess {
                        color: purple;
                    }

        .b2bFixedMenu .bfmWrapper .bwRight {
            width: 60%;
            height: calc(100% - 40px);
            float: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .b2bFixedMenu .bfmWrapper .bwRight .bwrContent {
                width: 100%;
                height: auto;
                float: left;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                padding: 10px;
                /* Track */
                /* Handle */
            }

                .b2bFixedMenu .bfmWrapper .bwRight .bwrContent::-webkit-scrollbar {
                    width: 4px;
                    height: 4px;
                    background: #f1f1f1;
                }

                .b2bFixedMenu .bfmWrapper .bwRight .bwrContent::-webkit-scrollbar-track {
                    background: none;
                    border-radius: 5px;
                }

                .b2bFixedMenu .bfmWrapper .bwRight .bwrContent::-webkit-scrollbar-thumb {
                    background: #ccc;
                    border-radius: 5px;
                }

            .b2bFixedMenu .bfmWrapper .bwRight .bwrForm {
                width: 100%;
                height: auto;
                float: left;
                border-top: 1px solid #ccc;
                padding: 10px;
            }

        .b2bFixedMenu .bfmWrapper .bwrItem {
            width: 100%;
            float: left;
            margin: 5px 0;
        }

            .b2bFixedMenu .bfmWrapper .bwrItem .biInfo {
                width: 100%;
                float: left;
                text-align: right;
                font-size: 13px;
                color: #8d9198;
            }

            .b2bFixedMenu .bfmWrapper .bwrItem .biBox {
                width: 90%;
                float: right;
                background: #ccc;
                border-radius: 6px;
                padding: 10px;
                margin: 5px 0;
                color: #1b1c1e;
            }

                .b2bFixedMenu .bfmWrapper .bwrItem .biBox p {
                    width: 100%;
                    float: left;
                }

                .b2bFixedMenu .bfmWrapper .bwrItem .biBox .files {
                    width: 100%;
                    float: left;
                    margin-top: 5px;
                    text-align: right;
                }

                    .b2bFixedMenu .bfmWrapper .bwrItem .biBox .files a {
                        color: #606367;
                        text-decoration: underline;
                    }

                        .b2bFixedMenu .bfmWrapper .bwrItem .biBox .files a:hover {
                            text-decoration: none;
                        }

            .b2bFixedMenu .bfmWrapper .bwrItem .bwrStatus {
                width: 100%;
                float: left;
                font-size: 14px;
                color: #606367;
                font-weight: 600;
            }

.infoDrop {
    width: auto;
    display: inline-block;
    position: relative;
}

    .infoDrop .idTrigger {
        width: 20px;
        height: 20px;
        background: #ebebeb;
        text-align: center;
        line-height: 18px;
        border: 1px solid #ccc;
        font-size: 11px;
        color: #8d9198;
        border-radius: 50%;
    }

    .infoDrop .idDrop {
        width: 150px;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 100%;
        background: #fff;
        padding: 7px;
        border: 1px solid #ccc;
        border-radius: 6px;
        -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
        display: none;
        text-align: left;
    }

    .infoDrop:hover .idDrop {
        display: block;
    }

.offerContentBox {
    width: 100%;
    float: left;
    background: #f1f1f1;
    border-radius: 6px;
    padding: 8px;
}

    .offerContentBox .ocbTitle {
        font-size: 15px;
        color: #1b1c1e;
        font-weight: 600;
    }

    .offerContentBox .ocbText {
        font-size: 13px;
        color: #606367;
    }

    .offerContentBox .ocbPrice {
        font-size: 16px;
        font-weight: 600;
    }

.resultsWithMap {
    width: 100%;
    height: auto;
    float: left;
}

    .resultsWithMap .rwmLeft {
        width: calc(55% - 20px);
        float: left;
    }

    .resultsWithMap .rwmRight {
        width: 45%;
        float: right;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .resultsWithMap .rwMap {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .resultsWithMap .rwMap iframe {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .resultsWithMap .rwMap .rwmTitle {
            width: 100%;
            height: 40px;
            position: absolute;
            left: 0;
            top: 0;
            background: #fff;
            z-index: 9;
            display: none;
        }

            .resultsWithMap .rwMap .rwmTitle .title {
                width: calc(100% - 40px);
                float: left;
                line-height: 40px;
                padding-left: 15px;
                font-size: 16px;
                font-weight: 600;
                color: #606367;
            }

            .resultsWithMap .rwMap .rwmTitle .rwmClose {
                width: 40px;
                height: 40px;
                float: left;
                text-align: center;
                line-height: 40px;
                color: #8d9198;
                cursor: pointer;
            }

    .resultsWithMap .resultGrid .resultLeft {
        width: 180px;
    }

        .resultsWithMap .resultGrid .resultLeft .customCheck .ccContent {
            font-size: 13px;
        }

        .resultsWithMap .resultGrid .resultLeft .filtersMain .filtersTitle {
            font-size: 16px;
        }

    .resultsWithMap .resultGrid .resultRight {
        width: calc(100% - 200px);
    }

.wideResultBox.forMap .wrbImage {
    width: 210px;
    min-width: 210px;
    height: 210px;
    min-height: 210px;
}

.wideResultBox.forMap .wrbTitleLine .title {
    font-size: 18px;
}

.wideResultBox.forMap .wrbContent .wcNotGrow {
    padding-top: 0;
    margin-top: 0;
}

.tableOverflow {
    width: 100%;
    float: left;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* Track */
    /* Handle */
}

    .tableOverflow::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background: #f1f1f1;
    }

    .tableOverflow::-webkit-scrollbar-track {
        background: none;
        border-radius: 5px;
    }

    .tableOverflow::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 5px;
    }

.fullTabNav {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .fullTabNav .ftnNav {
        width: auto;
        float: left;
        padding: 3px;
        background: #ebebeb;
        border-radius: 30px;
    }

        .fullTabNav .ftnNav .ftnLink,
        .fullTabNav .ftnNav li {
            width: auto;
            height: 46px;
            float: left;
            line-height: 46px;
            margin: 1px;
            padding: 0 15px;
            font-size: 16px;
            font-weight: 600;
            color: #606367;
            cursor: pointer;
            border-radius: 30px;
            text-align: center;
        }

            .fullTabNav .ftnNav .ftnLink:hover,
            .fullTabNav .ftnNav li:hover {
                background: #ccc;
            }

            .fullTabNav .ftnNav .ftnLink.active,
            .fullTabNav .ftnNav li.active {
                background: #8d9198;
                color: #fff;
            }

    .fullTabNav.full .ftnNav {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .fullTabNav.full .ftnNav .ftnLink,
        .fullTabNav.full .ftnNav li {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

    .fullTabNav.small .ftnNav {
        padding: 1px;
    }

        .fullTabNav.small .ftnNav .ftnLink,
        .fullTabNav.small .ftnNav li {
            height: 32px;
            line-height: 32px;
            font-size: 14px;
        }

.wvContainer {
    width: calc(100vw - 20px);
    float: left;
    padding: 20px 0;
}

.centerAligner .wvContainer {
    margin-left: calc(50% - 50svw + 10px);
}

.contentSlider .circleCampaignBox {
    width: calc(100% - 30px);
    margin: 15px;
}

.circleCampaignBox {
    width: 100%;
    float: left;
}

    .circleCampaignBox .ccbImage {
        width: 100%;
        float: left;
        border: 4px solid #ccc;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }

        .circleCampaignBox .ccbImage:before {
            width: 100%;
            height: auto;
            float: left;
            padding-top: 100%;
            content: " ";
        }

        .circleCampaignBox .ccbImage img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .circleCampaignBox .ccbImage:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .circleCampaignBox .ccbText {
        width: 100%;
        float: left;
        font-size: 15px;
        color: #1b1c1e;
        text-align: center;
        margin-top: 15px;
    }

        .circleCampaignBox .ccbText:hover {
            text-decoration: underline;
        }

.packBox {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(131, 189, 4, 0.52);
    box-shadow: 0 3px 15px rgba(131, 189, 4, 0.52);
    padding: 5px;
    margin: 15px 0;
}

    .packBox .pbFlex {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .packBox .pbHotel {
        width: 320px;
        min-width: 320px;
        max-width: 320px;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .packBox .pbHotel .pbhImage {
            width: 160px;
            min-width: 160px;
            min-height: 150px;
            float: left;
            overflow: hidden;
        }

            .packBox .pbHotel .pbhImage img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .packBox .pbHotel .pbhRight {
            width: auto;
            min-width: 0;
            float: left;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-left: 12px;
        }

        .packBox .pbHotel .pbhName {
            width: 100%;
            float: left;
            font-size: 16px;
            font-weight: 600;
            color: #1b1c1e;
            margin-bottom: 6px;
        }

        .packBox .pbHotel .pbhDescLine {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #8d9198;
        }

            .packBox .pbHotel .pbhDescLine a {
                color: #1b1c1e;
            }

                .packBox .pbHotel .pbhDescLine a:hover {
                    text-decoration: underline;
                }

        .packBox .pbHotel .pbhPrice {
            width: 100%;
            float: left;
            font-size: 16px;
            font-weight: bold;
        }

    .packBox .pbFlights {
        width: auto;
        min-width: 0;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 5px;
    }

        .packBox .pbFlights .pbfItem {
            width: 100%;
            height: auto;
            float: left;
            padding: 5px;
            background: #f1f1f1;
            margin-bottom: 5px;
        }

            .packBox .pbFlights .pbfItem:last-child {
                margin-bottom: 0;
            }

            .packBox .pbFlights .pbfItem .pbfFlex {
                width: 100%;
                float: left;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .packBox .pbFlights .pbfItem .pbfiIcon {
                width: 36px;
                min-width: 36px;
                float: left;
                text-align: center;
                color: #8d9198;
                font-size: 11px;
            }

                .packBox .pbFlights .pbfItem .pbfiIcon i {
                    font-size: 13px;
                }

                .packBox .pbFlights .pbfItem .pbfiIcon .ct {
                    width: 100%;
                    float: left;
                }

            .packBox .pbFlights .pbfItem .pbfiAirline {
                width: 30px;
                min-width: 30px;
                height: 30px;
                float: left;
                overflow: hidden;
                border-radius: 50%;
                margin-left: 10px;
            }

                .packBox .pbFlights .pbfItem .pbfiAirline img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

            .packBox .pbFlights .pbfItem .pbfiContent {
                width: auto;
                height: auto;
                float: left;
                background: #fff;
                padding: 5px;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                margin: 0 8px;
                position: relative;
            }

                .packBox .pbFlights .pbfItem .pbfiContent:before {
                    width: 30px;
                    height: 2px;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    background: #ccc;
                    content: " ";
                    margin: -1px -15px;
                }

                .packBox .pbFlights .pbfItem .pbfiContent .pbcItem {
                    width: calc(50% - 30px);
                    float: left;
                    text-align: right;
                    font-size: 12px;
                    color: #8d9198;
                    position: relative;
                    line-height: 148%;
                }

                    .packBox .pbFlights .pbfItem .pbfiContent .pbcItem:before {
                        width: 10px;
                        height: 10px;
                        position: absolute;
                        right: -20px;
                        background: #fff;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                        border: 2px solid #ccc;
                        top: 50%;
                        margin-top: -5px;
                        border-radius: 50%;
                        content: " ";
                    }

                    .packBox .pbFlights .pbfItem .pbfiContent .pbcItem .val {
                        font-size: 16px;
                        font-weight: 600;
                        color: #1b1c1e;
                    }

                    .packBox .pbFlights .pbfItem .pbfiContent .pbcItem.right {
                        float: right;
                        text-align: left;
                    }

                        .packBox .pbFlights .pbfItem .pbfiContent .pbcItem.right:before {
                            right: auto;
                            left: -20px;
                        }

            .packBox .pbFlights .pbfItem .pbfiRight {
                width: 80px;
                float: left;
                text-align: right;
                color: #8d9198;
                font-size: 12px;
                padding-right: 5px;
            }

                .packBox .pbFlights .pbfItem .pbfiRight .price {
                    font-size: 14px;
                    font-weight: 600;
                }

            .packBox .pbFlights .pbfItem .pbfDetails {
                width: 100%;
                float: left;
                text-align: center;
                font-size: 11px;
                color: #8d9198;
                margin-top: 2px;
                margin-bottom: -2px;
                border-radius: 3px;
            }

    .packBox .pbTransfers {
        width: 190px;
        min-width: 190px;
        max-width: 190px;
        height: auto;
        float: left;
        background: #f1f1f1;
        padding: 5px;
    }

        .packBox .pbTransfers .pbtItem {
            width: 100%;
            float: left;
            background: #fff;
            padding: 8px;
            margin-bottom: 5px;
        }

            .packBox .pbTransfers .pbtItem:last-child {
                margin-bottom: 0;
            }

        .packBox .pbTransfers .pbtTitle {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #8d9198;
        }

        .packBox .pbTransfers .pbtCt {
            width: 100%;
            float: left;
            font-size: 12px;
            color: #606367;
        }

    .packBox .pbPrices {
        width: 200px;
        min-width: 140px;
        max-width: 140px;
        float: left;
        padding-left: 10px;
    }

        .packBox .pbPrices .smallPrices {
            width: 100%;
            float: left;
            font-size: 13px;
            color: #8d9198;
        }

        .packBox .pbPrices .finalPrice {
            width: 100%;
            float: left;
            padding-top: 7px;
            font-size: 20px;
            font-weight: 600;
            position: relative;
            margin: 5px 0;
        }

            .packBox .pbPrices .finalPrice:before {
                width: 20px;
                height: 3px;
                position: absolute;
                left: 0;
                top: 0;
                background: #ccc;
                border-radius: 2px;
                content: " ";
            }

.packFlights {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .packFlights .pflifhtsTitle {
        width: 100%;
        float: left;
        padding: 0 10px;
        height: 40px;
        font-size: 15px;
        font-weight: 600;
        line-height: 40px;
        color: #1b1c1e;
        border-bottom: 1px solid #ccc;
    }

    .packFlights .pfLeft {
        width: 250px;
        float: left;
        border-right: 1px solid #ccc;
    }

        .packFlights .pfLeft .customScroller {
            padding: 10px;
        }

    .packFlights .pffListCol {
        width: calc(50% - 125px);
        float: left;
        border-right: 1px solid #ccc;
    }

        .packFlights .pffListCol:nth-child(3) {
            border: none;
        }

        .packFlights .pffListCol .customScroller {
            padding: 10px;
        }

    .packFlights .pfFilterHolder {
        width: 100%;
        float: left;
    }

        .packFlights .pfFilterHolder .filtersTitle {
            width: 100%;
            float: left;
            font-size: 15px;
            font-weight: 600;
            color: #1b1c1e;
            margin-bottom: 10px;
        }

        .packFlights .pfFilterHolder .ptFltCt {
            width: 100%;
            float: left;
            margin-bottom: 15px;
        }

    .packFlights .pffFlight {
        width: 100%;
        height: auto;
        float: left;
        border: 1px solid #aaa;
        border-radius: 10px;
        padding: 5px;
        margin: 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .packFlights .pffFlight .pfAirline {
            width: 30px;
            height: 30px;
            float: left;
            margin-right: 5px;
            overflow: hidden;
            border-radius: 50%;
        }

            .packFlights .pffFlight .pfAirline img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .packFlights .pffFlight .pfColumn {
            width: calc((100% - 35px) / 3);
            float: left;
            padding: 0 5px;
            border-right: 1px dashed #ccc;
        }

            .packFlights .pffFlight .pfColumn:last-child {
                padding-right: 0;
                border: none;
            }

            .packFlights .pffFlight .pfColumn.details {
                width: calc(30% - 35px);
            }

            .packFlights .pffFlight .pfColumn.time {
                width: 30%;
            }

            .packFlights .pffFlight .pfColumn.prices {
                width: 40%;
            }

        .packFlights .pffFlight .pfOption {
            width: 100%;
            height: auto;
            float: left;
            position: relative;
            overflow: hidden;
            margin-bottom: 5px;
        }

            .packFlights .pffFlight .pfOption:last-child {
                margin-bottom: 0;
            }

            .packFlights .pffFlight .pfOption:hover .pfoBox {
                opacity: 1;
            }

            .packFlights .pffFlight .pfOption .pfoBox {
                width: 100%;
                height: auto;
                float: left;
                position: relative;
                overflow: hidden;
                padding: 5px 5px 5px 25px;
                background: #f1f1f1;
                border: 1px solid #ccc;
                border-radius: 6px;
                opacity: 0.8;
            }

                .packFlights .pffFlight .pfOption .pfoBox:before {
                    width: 16px;
                    height: 16px;
                    position: absolute;
                    left: 5px;
                    top: 50%;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    border: 1px solid #ccc;
                    background: #fff;
                    content: " ";
                    margin-top: -8px;
                    border-radius: 50%;
                }

                .packFlights .pffFlight .pfOption .pfoBox:after {
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    left: 8px;
                    top: 50%;
                    background: #fff;
                    content: " ";
                    margin-top: -5px;
                    border-radius: 50%;
                    display: none;
                }

            .packFlights .pffFlight .pfOption .pfoLeft {
                width: 60%;
                float: left;
                padding-right: 5px;
                color: #1b1c1e;
                font-size: 12px;
                line-height: 22px;
            }

            .packFlights .pffFlight .pfOption .pfoRight {
                width: 40%;
                float: left;
                color: #1b1c1e;
                font-size: 14px;
                font-weight: 600;
                text-align: right;
                line-height: 22px;
            }

            .packFlights .pffFlight .pfOption input {
                position: absolute;
                left: -20px;
                top: -20px;
            }

                .packFlights .pffFlight .pfOption input:checked + .pfoBox {
                    border: 1px solid black;
                }

                    .packFlights .pffFlight .pfOption input:checked + .pfoBox:after {
                        display: block;
                    }

        .packFlights .pffFlight .pfLabel {
            font-size: 13px;
            color: #8d9198;
        }

        .packFlights .pffFlight .pfVal {
            font-size: 14px;
            color: #1b1c1e;
            font-weight: 600;
        }

.packTransfers {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    box-shadow: 0 3px 15px rgba(3, 3, 3, 0.05);
    margin: 15px 0;
    overflow: hidden;
}

    .packTransfers .ptTitle {
        width: 100%;
        float: left;
        padding: 10px;
        font-size: 15px;
        font-weight: 600;
        color: #1b1c1e;
        border-bottom: 1px solid #ccc;
    }

    .packTransfers .ptCol {
        width: 50%;
        float: left;
        border-right: 1px solid #ccc;
    }

        .packTransfers .ptCol:last-child {
            border: none;
        }

        .packTransfers .ptCol .customScroller {
            padding: 10px;
        }

    .packTransfers .transferOption {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .packTransfers .transferOption input {
            position: absolute;
            left: -20px;
            top: -20px;
        }

            .packTransfers .transferOption input:checked + .toBox {
                border: 1px solid #aaa;
            }

                .packTransfers .transferOption input:checked + .toBox:after {
                    display: block;
                }

        .packTransfers .transferOption .toBox {
            width: 100%;
            height: auto;
            float: left;
            position: relative;
            overflow: hidden;
            padding: 10px 10px 10px 38px;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 10px;
            opacity: 0.8;
        }

            .packTransfers .transferOption .toBox:before {
                width: 20px;
                height: 20px;
                position: absolute;
                left: 8px;
                top: 50%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid #ccc;
                background: #fff;
                content: " ";
                margin-top: -10px;
                border-radius: 50%;
            }

            .packTransfers .transferOption .toBox:after {
                width: 14px;
                height: 14px;
                position: absolute;
                left: 11px;
                top: 50%;
                background: #fff;
                content: " ";
                margin-top: -7px;
                border-radius: 50%;
                display: none;
            }

            .packTransfers .transferOption .toBox .tbTitle {
                width: 100%;
                float: left;
                font-size: 17px;
                font-weight: 600;
                color: #1b1c1e;
            }

            .packTransfers .transferOption .toBox .tbDetails {
                width: 100%;
                float: left;
                font-size: 15px;
                font-weight: 500;
                color: #606367;
            }

            .packTransfers .transferOption .toBox .tbText {
                width: 100%;
                float: left;
                font-size: 13px;
                color: #8d9198;
            }

.barBox {
    width: auto;
    height: auto;
    float: left;
    background: #f1f1f1;
    padding: 8px;
}

.lineRoomBox {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .lineRoomBox .lrbLeft {
        width: auto;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .lineRoomBox .lrbRight {
        width: auto;
        float: left;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding-left: 10px;
        text-align: right;
    }

    .lineRoomBox .lrbBtHolder {
        width: auto;
        float: left;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 2px dashed #ebebeb;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .lineRoomBox .title {
        font-size: 20px;
        color: #1b1c1e;
        font-weight: 600;
    }

    .lineRoomBox .desc {
        font-size: 14px;
        color: #8d9198;
    }

    .lineRoomBox .price {
        font-size: 20px;
        color: #1b1c1e;
        font-weight: 600;
    }