@charset "utf-8";

._Hlisting .hotelHeader {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 15px 0 10px 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 2
}

._Hlisting .explore {
    display: flex;
    justify-content: space-between;
    margin: 30px 0
}

._Hlisting .exploreLeft {
    width: 724px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between
}

._Hlisting .bundleDeals {
    width: 316px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    padding: 26px
}

    ._Hlisting .bundleDeals:hover {
        background-image: linear-gradient(222deg, #ffe1b7, #fff6d3)
    }

    ._Hlisting .bundleDeals h3 {
        font-size: 42px
    }


._Hlisting .experienceCard {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    padding: 33px 26px;
    display: flex;
    flex-direction: column
}

    ._Hlisting .experienceCard:hover {
        background-image: linear-gradient(222deg, #ffe1b7, #fff6d3)
    }

    ._Hlisting .experienceCard h3 {
        font-size: 30px
    }

    ._Hlisting .experienceCard a {
        position: relative;
        padding: 0 50px 0 0
    }

        ._Hlisting .experienceCard a::after {
            border: solid #008cff;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-45deg) translateY(-50%);
            -webkit-transform: rotate(-45deg) translateY(-50%);
            content: "";
            position: absolute;
            right: 0;
            top: 50%
        }

._Hlisting .exploreRight {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-direction: column
}

    ._Hlisting .exploreRight h2 {
        font-size: 100px;
        font-weight: 700;
        text-shadow: 0 1px 20px rgba(0, 0, 0, .1)
    }

.primaryBtn.btnExplore {
    width: 237px;
    font-size: 18px
}

._Hlisting .topHeader {
    padding: 15px 0 10px 0;
    transition: all .3s linear;
    background-position: bottom center;
    background-repeat: no-repeat
}

    ._Hlisting .topHeader.topHeaderSticky {
        position: sticky;
        position: -webkit-sticky;
        z-index: 2;
        top: -75px
    }

.bgGradient {
    background-image: linear-gradient(90deg, #cff0ff, #cfe5fa)
}

.bgGradientCorp {
    background-image: linear-gradient(90deg, #fdf0ed, #fdf0ed)
}

._Hlisting .breadCrumbs {
    display: flex
}


._Hlisting .sortedByOuter {
    position: relative;
    padding-right: 10px
}

    ._Hlisting .sortedByOuter:after {
        border: solid #008cff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 9px;
        top: 5px;
        content: ""
    }

._Hlisting .sortedBy {
    outline: 0;
    border: 0;
    background: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    padding: 0 15px 0 0;
    font-weight: 700;
    color: #008cff;
    font-size: 14px;
    background-size: 9px 6px
}

._Hlisting .headerRight {
    width: 300px;
    display: flex;
    flex-direction: column;
    position: relative
}

._Hlisting .mapCont {
    height: 98px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
    position: relative;
    z-index: 11;
    background: url(//imgak.mmtcdn.com/pwa_v3/pwa_hotel_assets/web/mapBgSmall.png);
    background-repeat: no-repeat;
    background-size: cover
}

._Hlisting .react-autosuggest__input {
    border-radius: 4px;
    background: #fff;
    border: solid 1px #e3e7eb;
    outline: 0;
    padding: 10px 10px 10px 38px;
    font-size: 16px;
    color: #4a4a4a;
    font-weight: 400;
    width: 100%
}

._Hlisting .react-autosuggest__container:after {
    width: 14px;
    height: 14px;
    background: url(//imgak.mmtcdn.com/pwa_v3/pwa_hotel_assets/sprite/hotelSprite-x3.png) 0 0 no-repeat;
    background-size: 450px 450px;
    background-position: -8px -238px;
    position: absolute;
    left: 12px;
    top: 13px;
    content: ""
}

._Hlisting .react-autosuggest__container {
    position: relative
}

._Hlisting .react-autosuggest__suggestions-container--open {
    position: absolute;
    background-color: #fff;
    width: 100%;
    border-radius: 4px;
    z-index: 2;
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .2);
    top: 44px
}

    ._Hlisting .react-autosuggest__suggestions-container--open::after {
        bottom: 100%;
        left: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px
    }

._Hlisting .react-autosuggest__suggestions-list {
    max-height: 320px;
    overflow-y: auto
}

    ._Hlisting .react-autosuggest__suggestions-list li {
        border-bottom: 1px #e3e7eb solid;
        cursor: pointer
    }

        ._Hlisting .react-autosuggest__suggestions-list li:hover {
            color: #008cff
        }

        ._Hlisting .react-autosuggest__suggestions-list li:last-child {
            border: 0
        }

        ._Hlisting .react-autosuggest__suggestions-list li:hover .sprite.suggestionIcon {
            background-position: -340px -279px
        }

        ._Hlisting .react-autosuggest__suggestions-list li:hover .sprite.locIcon3 {
            background-position: -22px -399px
        }

        ._Hlisting .react-autosuggest__suggestions-list li p {
            padding: 15px
        }

._Hlisting .filterWrap {
    width: 230px;
    flex-shrink: 0;
    align-self: flex-end;
    position: sticky;
    position: -webkit-sticky;
    bottom: 20px;
    z-index: 1
}

._Hlisting .listingWrap {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 940px
}

._Hlisting .filterRow {
    padding: 20px 0
}

    ._Hlisting .filterRow.borderBottom {
        border-bottom: 1px #e6e6e6 solid
    }

._Hlisting .filterList {
    display: flex;
    flex-direction: column
}

    ._Hlisting .filterList.disabled {
        opacity: .3;
        pointer-events: none
    }

._Hlisting .listingRowOuter {
    margin-bottom: 20px
}

    ._Hlisting .listingRowOuter a.soldOutRow {
        pointer-events: none;
        cursor: default
    }

._Hlisting .listingRow {
    display: flex;
    /*border-radius: 4px;*/
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, .08);
    /*cursor: pointer;*/
    background: #fff;
    position: relative
}

    ._Hlisting .listingRow.dealRow:hover,
    ._Hlisting .listingRow:hover {
        border-color: #008cff;
        background: #f4faff
    }

        ._Hlisting .listingRow.dealRow:hover .priceDetails,
        ._Hlisting .listingRow:hover .priceDetails {
            background: #def0ff;
            border-left: 1px #b0cde3 solid
        }

    ._Hlisting .listingRow.dealRow {
        border-color: #249995;
        background: #fbfffe
    }

        ._Hlisting .listingRow.dealRow .priceDetails {
            background: #ddfcf2;
            border-left: 1px #9fddc9 solid
        }

    ._Hlisting .listingRow.soldOutRow {
        border-color: #eb2026;
        background: #fff6f6;
        cursor: default
    }

        ._Hlisting .listingRow.soldOutRow .priceDetails {
            background: #ffe8e9;
            border-left: 1px #ffbdc0 solid
        }


._Hlisting .hotelType:hover .hotelTypeTooltip {
    display: flex
}

._Hlisting .tooltipThumb {
    width: 86px;
    margin-right: 20px;
    overflow: hidden
}

    ._Hlisting .tooltipThumb > img {
        width: 100%;
        border-radius: 4px
    }

._Hlisting .imgCont {
    /*width: 239px;*/
    min-width: 100px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: flex;
    margin-bottom: 5px
}

    ._Hlisting .imgCont > img {
        border-radius: 10px 10px 10px 10px;
    }

._Hlisting .imgThumbList {
    display: flex
}

._Hlisting .imgThumb {
    width: 56px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .8;
    transition: all .3s linear
}

    ._Hlisting .imgThumb:last-child {
        margin-right: 0
    }

    ._Hlisting .imgThumb:hover {
        opacity: 1
    }

._Hlisting .listingBanner {
    background-image: linear-gradient(266deg, #3023ae, #9416aa 100%, #c86dd7);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    height: 60px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 20px 0 10px;
    cursor: pointer
}

._Hlisting .giftBannerImage {
    display: flex;
    height: 100%;
    align-items: flex-end
}

._Hlisting .arr {
    width: 23px;
    height: 1px;
    background: #fff;
    position: relative
}

    ._Hlisting .arr:after {
        border: solid #fff;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        content: "";
        position: absolute;
        right: 0;
        top: -3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

._Hlisting .cashbackInfo {
    background-image: linear-gradient(87deg, #cdf6e8, #c7efe5 41%, #bfe4e0);
    border: solid 1px #bfe4e0;
    padding: 11px 20px;
    border-radius: 4px;
    margin-top: -4px
}

._Hlisting .exclusiveOffer {
    background-image: linear-gradient(60deg, #9f0469, #f5515f);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px 0
}

    ._Hlisting .exclusiveOffer::before {
        bottom: 100%;
        right: 40px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(245, 81, 95, 0);
        border-bottom-color: #e43c62;
        border-width: 10px;
        margin-left: -10px
    }

._Hlisting .dealOftheDay {
    background-image: linear-gradient(61deg, #219393, #26bd99);
    padding: 10px 20px;
    position: relative
}

    ._Hlisting .dealOftheDay::before {
        bottom: 100%;
        right: 40px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(245, 81, 95, 0);
        border-bottom-color: #01b39a;
        border-width: 10px;
        margin-left: -10px
    }

._Hlisting .includedIn {
    background: #ddfcf2;
    padding: 20px 20px 10px 20px;
    border: 1px #7aefc9 solid;
    border-radius: 4px
}

._Hlisting .includedInListing {
    display: flex;
    flex-wrap: wrap
}

    ._Hlisting .includedInListing li {
        display: flex;
        margin-bottom: 8px;
        align-items: center;
        width: 50%
    }

        ._Hlisting .includedInListing li::before {
            content: '';
            display: block;
            width: 4px;
            height: 8px;
            border: solid #4a4a4a;
            border-width: 0 1px 1px 0;
            transform: rotate(45deg);
            margin-right: 8px
        }

._Hlisting .resumeSearch {
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, .08);
    border-radius: 4px
}

._Hlisting .searchList {
    display: flex
}

    ._Hlisting .searchList li {
        margin-right: 7px;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
        padding: 10px 15px;
        font-weight: 700
    }

._Hlisting .w120 {
    width: 120px
}

._Hlisting .w133 {
    width: 133px
}

._Hlisting .hotelSlider {
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, .08);
    border-radius: 4px;
    position: relative
}

._Hlisting .dot {
    width: 4px;
    height: 4px;
    background: #9b9b9b;
    border-radius: 50%;
    display: inline-block
}

._Hlisting .btnCont {
    width: 68px;
    height: 30px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    position: absolute;
    top: 20px;
    right: 20px
}

._Hlisting .pvSliderOuter {
    padding: 0 0 15px 15px;
    margin-top: 10px;
    position: relative
}

._Hlisting .slideItem {
    width: 360px;
    min-height: 90px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    padding: 10px 15px 0 15px;
    display: flex !important
}

    ._Hlisting .slideItem .itemThumb {
        width: 86px;
        margin-right: 12px
    }

        ._Hlisting .slideItem .itemThumb > img {
            margin-top: -25px;
            width: 100%;
            height: 90px;
            border-radius: 4px;
            box-shadow: -1px 0 9px 2px #eee
        }

    ._Hlisting .slideItem .itemDesc {
        flex: 1;
        flex-shrink: 0;
        overflow: hidden
    }

    ._Hlisting .slideItem .itemPrice {
        width: 60px;
        margin-left: auto;
        text-align: right;
        display: flex;
        flex-direction: column
    }

    ._Hlisting .slideItem .itemDesc .Apartment,
    ._Hlisting .slideItem .itemDesc .BeachHouse,
    ._Hlisting .slideItem .itemDesc .Cottage,
    ._Hlisting .slideItem .itemDesc .FarmHouse,
    ._Hlisting .slideItem .itemDesc .HomeStays,
    ._Hlisting .slideItem .itemDesc .Hostels,
    ._Hlisting .slideItem .itemDesc .HouseBoat,
    ._Hlisting .slideItem .itemDesc .TreeHouse,
    ._Hlisting .slideItem .itemDesc .Villa {
        border: 0
    }

._Hlisting .slick-initialized .slick-slide > div {
    display: flex;
    width: 100%;
    padding: 20px 5px 5px 5px
}

._Hlisting .slick-initialized .slick-slide {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

._Hlisting .slick-prev {
    top: -41px;
    left: unset;
    right: 60px
}

    ._Hlisting .slick-prev.slick-disabled {
        opacity: .5
    }

    ._Hlisting .slick-prev:before {
        content: "";
        border: solid #008cff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        opacity: 1
    }

._Hlisting .slick-next {
    top: -41px;
    left: unset;
    right: 28px
}

._Hlisting .bannerCard {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, .08);
    background-color: #fff;
    border: solid 1px #bababa;
    overflow: hidden
}

._Hlisting .cardDesc {
    padding: 18px
}

.assSeenOnTA {
    height: 24px;
    border-radius: 14px;
    background-image: linear-gradient(83deg, #43e1a8, #28beb2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    position: absolute;
    left: 20px;
    top: -12px
}

.assSeenOn {
    height: 24px;
    border-radius: 14px;
    background-color: #fff;
    border: solid 1px #249995;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    position: absolute;
    left: 20px;
    top: -12px
}

._Hlisting .destinationBanner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding: 20px;
    border: solid 1px #bababa
}

._Hlisting .offerBanner {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, .08);
    background-color: #fff;
    border: solid 1px #bababa;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._toast.toast {
    display: flex;
    width: 340px;
    border-radius: 4px;
    background-color: #000;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    padding: 20px;
    position: fixed;
    right: -100%;
    top: 25%;
    z-index: 1003;
    visibility: hidden
}

.overlayWholeBlack ._toast.toast {
    top: 50%
}

._toast.toast .toastThumb {
    width: 86px;
    margin-right: 15px
}

    ._toast.toast .toastThumb img {
        width: 86px;
        height: 90px;
        border-radius: 10px;
        border: 2px #fff solid;
        margin-top: -40px
    }

._toast.toast.makeVisible {
    visibility: visible;
    -webkit-animation: fadein .5s;
    animation: fadein .5s;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadein {
    from {
        right: -100%;
        opacity: 0
    }

    to {
        right: 3%;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        right: -100%;
        opacity: 0
    }

    to {
        right: 3%;
        opacity: 1
    }
}

._Hlisting .tooManyFiltersApplied {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, .08);
    background-color: #fff;
    border: solid 1px #bababa;
    padding: 35px 50px
}

._Hlisting .filterAppliedList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px
}

    ._Hlisting .filterAppliedList li {
        display: flex;
        width: 25%;
        padding: 0 15px 15px 0
    }

.listingLoading {
    border-radius: 4px;
    border: solid 1px #bababa;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    overflow: hidden
}

.listingLoadingLeft {
    flex: 1;
    padding: 20px;
    display: flex
}

.loadingLeft {
    width: 240px;
    margin-right: 20px
}

.loadingImageGallery {
    height: 160px;
    margin-bottom: 5px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
    background-size: 800px 104px;
    position: relative
}

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

    .loadingImageGalleryList li {
        width: 56px;
        height: 50px;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
        background-size: 800px 104px;
        position: relative
    }

.loadingMiddle {
    flex: 1
}

    .loadingMiddle h3 {
        height: 20px;
        margin-bottom: 10px;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
        background-size: 800px 104px;
        position: relative
    }

    .loadingMiddle h4 {
        height: 25px;
        margin-bottom: 10px;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
        background-size: 800px 104px;
        position: relative
    }

    .loadingMiddle p {
        height: 10px;
        margin-bottom: 8px;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
        background-size: 800px 104px;
        position: relative
    }

        .loadingMiddle p:last-child {
            margin-bottom: 0
        }

.listingLoadingRight {
    width: 185px;
    background: #f5f5f5;
    padding: 20px;
    overflow: hidden
}

    .listingLoadingRight p {
        height: 10px;
        margin-bottom: 16px;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
        background-size: 800px 104px;
        position: relative
    }

        .listingLoadingRight p:last-child {
            margin-bottom: 0
        }

.loadingTags {
    display: flex
}

.loadingAmenities {
    display: flex;
    margin-bottom: 15px
}

.filterLoading h3 {
    height: 20px;
    margin-bottom: 10px;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #ebeff2 8%, #f9fafb 18%, #ebeff2 33%);
    background-size: 800px 104px;
    position: relative
}

.filterLoadingList {
    display: flex;
    flex-direction: column
}


@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@-moz-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}


._Hlisting .listingRow.dealRow:hover,
._Hlisting .listingRow.superSaver:hover,
._Hlisting .listingRow:hover {
    border-color: #008cff;
    background: #f4faff
}

    ._Hlisting .listingRow.dealRow:hover .priceDetails,
    ._Hlisting .listingRow.superSaver:hover .priceDetails,
    ._Hlisting .listingRow:hover .priceDetails {
        background: #def0ff;
        border-left: 1px #b0cde3 solid
    }

._Hlisting .listingRow.superSaver {
    border-color: #f7b84f;
    background: #fffaf3
}

    ._Hlisting .listingRow.superSaver .priceDetails {
        background: #ffedd1;
        border-left: 1px #f5a623 solid
    }

:root {
    --borderWidth: 3px;
    --height: 24px;
    --width: 12px;
    --borderColor: #fff
}


._Hlisting .areaGuideListing .listingRowOuter {
    margin-bottom: 0
}

._Hlisting .areaGuideListing .listingRow {
    border-radius: 0
}

.areaGuideListing .listingRow.noTopBdr {
    border-top: 0
}

.listingImg {
    width: 82px;
    height: 82px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 4px
}

    .listingImg img {
        width: 100%;
        height: 100%
    }


/*body,
html {
    background: #fff;
    padding: 0;
    margin: 0;
    color: #4a4a4a;
    font-size: 14px;
    font-family: lato;
    font-weight: 400
}*/

/*html {
    box-sizing: border-box
}

*,
:after,
:before {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    list-style: none;
    padding: 0
}

a {
    color: #008cff;
    text-decoration: none;
    cursor: pointer
}

    a:focus,
    a:hover {
        text-decoration: none;
        outline: 0
    }*/

.hide {
    display: none
}

.show {
    display: block
}

img {
    max-width: 100%
}

.lineThrough {
    text-decoration: line-through
}

.capText {
    text-transform: uppercase
}

.opacity50 {
    opacity: .5
}

.alignBottom {
    vertical-align: bottom
}

.underline {
    text-decoration: underline
}

.pointer {
    cursor: pointer
}

.bodyFixed {
    overflow: hidden
}

.makeRelative {
    position: relative
}

.truncate {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.blackText {
    color: #000
}

.darkText {
    color: #4a4a4a
}

.darkGreyText {
    color: #4a4a4a
}

.grayText {
    color: #9b9b9b
}

.whiteText {
    color: #fff
}

.blueText {
    color: #008cff
}

.liteBlueText {
    color: #a9d4f6
}

.greenText {
    color: #249995
}

.lightGreenText {
    color: #33d18f
}

.redText {
    color: #eb2026
}

.orangeText {
    color: #cf8100
}

.yellowText {
    color: #f5a623
}

.darkOrangeText {
    color: #f27239
}

.pinkText {
    color: #db6281
}


.font9 {
    font-size: 9px;
    line-height: 9px
}

.font10 {
    font-size: 10px;
    line-height: 10px
}

.font11 {
    font-size: 11px;
    line-height: 11px
}

.font12 {
    font-size: 12px;
    line-height: 12px
}

.font13 {
    font-size: 13px;
    line-height: 13px
}

.font14 {
    font-size: 14px;
    line-height: 14px
}

.font15 {
    font-size: 15px;
    line-height: 15px
}

.font16 {
    font-size: 16px;
    line-height: 16px
}

.font18 {
    font-size: 18px;
    line-height: 18px
}

.font20 {
    font-size: 20px;
    line-height: 20px
}

.font22 {
    font-size: 22px;
    line-height: 22px
}

.font24 {
    font-size: 24px;
    line-height: 24px
}

.font26 {
    font-size: 26px;
    line-height: 26px
}

.font28 {
    font-size: 28px;
    line-height: 28px
}

.font32 {
    font-size: 32px;
    line-height: 32px
}

.font36 {
    font-size: 36px;
    line-height: 36px
}

.latoLight {
    font-weight: 300
}

.latoRegular {
    font-weight: 400
}

.latoBold {
    font-weight: 700
}

.latoBlack {
    font-weight: 900
}

.latoIlalic {
    font-style: italic
}

.lineHight12 {
    line-height: 12px !important
}

.lineHight14 {
    line-height: 14px !important
}

.lineHight16 {
    line-height: 16px !important
}

.lineHight18 {
    line-height: 18px !important
}

.lineHight20 {
    line-height: 20px !important
}

.lineHight22 {
    line-height: 22px !important
}

.lineHight25 {
    line-height: 25px !important
}

.textLeft {
    text-align: left
}

.textRight {
    text-align: right
}

.textCenter {
    text-align: center
}

.relative {
    position: relative
}

.makeFlex {
    display: flex
}

    .makeFlex .flexOne {
        flex: 1
    }

    .makeFlex.flexWrap {
        flex-wrap: wrap
    }

    .makeFlex.column {
        flex-direction: column
    }

    .makeFlex.row {
        flex-direction: row
    }

    .makeFlex.perfectCenter {
        align-items: center;
        justify-content: center
    }

    .makeFlex.hrtlCenter {
        align-items: center
    }

    .makeFlex.vrtlCenter {
        justify-content: center
    }

    .makeFlex.spaceBetween {
        justify-content: space-between;
        /*margin-right: .5rem*/
    }

    .makeFlex.spaceAround {
        justify-content: space-around
    }

    .makeFlex.end {
        align-items: baseline
    }

    .makeFlex.top {
        align-items: flex-start
    }

    .makeFlex.right {
        justify-content: flex-end
    }

    .makeFlex.left {
        justify-content: flex-start
    }

.pushRight {
    margin-left: auto
}

.pushLeft {
    margin-right: auto
}

.noShrink {
    flex-shrink: 0
}

.flexOne {
    flex: 1
}

.inlineFlex {
    display: inline-flex
}

    .inlineFlex.hrtlCenter {
        align-items: center
    }

    .inlineFlex.vrtlCenter {
        justify-content: center
    }

.appendTop3 {
    margin-top: 3px
}

.appendTop5 {
    margin-top: 5px
}

.appendTop10 {
    margin-top: 10px
}

.appendTop12 {
    margin-top: 12px
}

.appendTop15 {
    margin-top: 15px
}

.appendTop18 {
    margin-top: 18px
}

.appendTop20 {
    margin-top: 20px
}

.appendTop25 {
    margin-top: 25px
}

.appendTop30 {
    margin-top: 30px
}

.appendTop40 {
    margin-top: 40px
}

.appendTop52 {
    margin-top: 52px
}

.appendRight3 {
    margin-right: 3px
}

.appendRight5 {
    margin-right: 5px
}

.appendRight10 {
    margin-right: 10px
}

.appendRight12 {
    margin-right: 12px
}

.appendRight15 {
    margin-right: 15px
}

.appendRight17 {
    margin-right: 17px
}

.appendRight20 {
    margin-right: 20px
}

.appendRight26 {
    margin-right: 26px
}

.appendRight30 {
    margin-right: 30px
}

.appendRight50 {
    margin-right: 50px
}

.appendRight80 {
    margin-right: 80px
}

.appendBottom2 {
    margin-bottom: 2px
}

.appendBottom3 {
    margin-bottom: 3px
}

.appendBottom4 {
    margin-bottom: 4px
}

.appendBottom5 {
    margin-bottom: 5px
}

.appendBottom7 {
    margin-bottom: 7px
}

.appendBottom10 {
    margin-bottom: 10px
}

.appendBottom12 {
    margin-bottom: 12px
}

.appendBottom15 {
    margin-bottom: 15px
}

.appendBottom20 {
    margin-bottom: 20px
}

.appendBottom25 {
    margin-bottom: 25px
}

.appendBottom30 {
    margin-bottom: 30px
}

.appendBottom35 {
    margin-bottom: 35px
}

.appendBottom40 {
    margin-bottom: 40px
}

.appendBottom_3 {
    margin-bottom: -3px
}

.padding16 {
    padding: 16px
}

.padding20 {
    /*padding: 20px*/
    padding: 13px 13px 0px 13px;
}

.padding15 {
    padding: 15px
}



.prependBottom5 {
    padding-bottom: 5px
}

.appendLeft3 {
    margin-left: 3px
}

.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


.cursorPointer {
    cursor: pointer
}

.hide {
    display: none
}

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

.hide {
    display: none !important
}

.bdr {
    border: solid 1px #bababa
}



.font9 {
    font-size: 9px;
    line-height: 9px
}

.font10 {
    font-size: 10px;
    line-height: 10px
}

.font11 {
    font-size: 11px;
    line-height: 11px
}

.font12 {
    font-size: 12px;
    line-height: 12px
}

.font13 {
    font-size: 13px;
    line-height: 13px
}

.font14 {
    font-size: 14px;
    line-height: 14px
}

.font15 {
    font-size: 15px;
    line-height: 15px
}

.font16 {
    font-size: 16px;
    line-height: 16px
}

.font18 {
    font-size: 18px;
    line-height: 18px
}

.blackText {
    color: #000
}

.darkText {
    color: #4a4a4a
}

.grayText {
    color: #9b9b9b
}

.whiteText {
    color: #fff
}

.blueText {
    color: #0084ff
}

.liteBlueText {
    color: #a9d4f6
}

.greenText {
    color: #1a7971
}

.redText {
    color: #d0021b
}

.orangeText {
    color: #cf8100
}

.yellowText {
    color: #f5a623
}

.darkOrangeText {
    color: #f27239
}

.pinkText {
    color: #db6281
}

.appendBottom10 {
    margin-bottom: 10px
}

.widgetSprite {
    background: url(//imgak.mmtcdn.com/pwa_v3/pwa_hotel_assets/sprite/ModifySpriteSearch.png) no-repeat;
    display: inline-block;
    background-size: 50px 50px;
    font-size: 0;
    flex-shrink: 0
}

.primaryBtn {
    border-radius: 34px;
    background-image: linear-gradient(96deg, #53b2fe, #065af3);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    flex-shrink: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    padding: 9px 20px;
    cursor: pointer;
    outline: 0;
    border: 0;
    text-align: center
}

.shiftModal .datePickerContainer {
    left: -190px
}

.DayPicker-Day--disabled {
    color: #dce0e0 !important
}

.dateErrorMsg {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    background: #cf8100;
    padding: 10px;
    border-radius: 4px;
    white-space: nowrap;
    top: 50px;
    z-index: 1001
}

    .dateErrorMsg:after {
        bottom: 100%;
        right: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(207, 129, 0, 0);
        border-bottom-color: #cf8100;
        border-width: 6px;
        margin-left: -6px
    }

.pageLoaderMover2 {
    width: 100%;
    background: #008cff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: page_loader__mover 2s infinite
}

.pageLoader2 {
    height: 2px;
    background: #dcdcdc;
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.pageLoaderWrapper2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marginbtm {
    margin-bottom: 0.3rem !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
}

::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    border-radius: 10px;
    background: white;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: white;
    }

.repeaterImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.repeaterImage:hover {
    opacity: 0.7;
}
#imagePopUp {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
.image-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 600px;
}
.image-content {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
.dwnIcon {
    background: #DDD;
    padding: 1px;
    border-radius: 5px 5px 0px 0px;
    text-align: right;
    margin-right:0.5rem;
}