@font-face {
        font-family: 'AZDS-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/5cf15af40624d609203839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-filters-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/6441b12268912627583526.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-filters-second';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/62ffa1538211f282095260.woff") format("woff");
                }
    
    :root {
    --azds-theme-main-color: #1a4b70 !important;
    }
    .b-main-bcolor {
    background-color: #1a4b70 !important;
    }
    .b-main-bcolor-hover:hover {
    background-color: #1a4b70 !important;
    }
    .b-main-fcolor {
    color: #1a4b70 !important;
    }
    .b-main-fcolor-hover:hover {
    color: #1a4b70 !important;
    }
    .b-main-border-color{
    border-color: #1a4b70 !important;
    }
    .b-main-border-color-hover:hover {
    border-color: #1a4b70 !important;
    }
    .b-main-border-color::after{
    border-color: #1a4b70 !important;
    }

    :root {
    --azds-theme-second-color: #31a0b5 !important
    }
    .b-second-bcolor {
    background-color: #31a0b5 !important;
    }
    .b-second-bcolor-hover:hover {
    background-color: #31a0b5 !important;
    }
    .b-second-fcolor {
    color: #31a0b5 !important;
    }
    .b-second-fcolor-hover:hover {
    color: #31a0b5 !important;
    }
    .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-active {
    background-color: #31a0b5 !important;
    }
    .b-second-border-color{
    border-color: #31a0b5 !important;
    }
    .b-second-border-color-hover:hover {
    border-color: #31a0b5 !important;
    }
    .b-second-border-color::after{
    border-color: #31a0b5 !important;
    }

    :root {
    --azds-theme-third-color: #ffffff !important
    }
    .b-third-bcolor {
    background-color: #ffffff !important;
    }
    .b-third-bcolor-hover:hover {
    background-color: #ffffff !important;
    }
    .b-third-fcolor {
    color: #ffffff !important;
    }
    .b-third-border-color{
    border-color: #ffffff !important;
    }
    .b-third-border-color-hover:hover {
    border-color: #ffffff !important;
    }
    .b-third-border-color::after{
    border-color: #ffffff !important;
    }


@import url("https://fonts.googleapis.com/css?family=Muli");

.booking-layer h1,
.booking-layer h2,
.booking-layer h3,
.booking-layer h4,
.booking-layer h5,
.booking-layer h6,
.booking-layer h7,
.booking-layer .header-main-navigation,
.booking-layer .top-nav,
.booking-layer .tit,
.booking-layer strong,
.booking-layer .title,
.booking-layer dt,
.charge-block dt,
.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content h7,
.modal-content .title,
.modal-content .total,
.booking-layer .step-title,
.booking-layer .book-wrap .top-nav li a,
.booking-layer app-luxury-breakers-room .descr-wrap,
.booking-layer .reserv-block .reserv-title a.view-more {
    font-family: BrandonGrotesqueWeb !important;
}

.booking-layer,
.book-wrap,
.booking-layer button,
.book-wrap button,
.booking-layer p,
.booking-layer .price-old,
.booking-layer dl,
.booking-layer span:not(.glyphicon),
.booking-layer li,
.booking-layer input,
.booking-layer textarea,
.extra-descr a,
.modal-content p,
.modal-content span,
.modal-content li,
.modal-content dd,
.booking-layer .ng-select-container,
.booking-layer .extra-list,
.booking-layer .azds-rate-overview-wrapper .info {
    font-family: BrandonGrotesqueWeb !important;
}

modal-container.modal.fade .modal-dialog {
    top: 0;
    left: 0;
    position: relative;
}

modal-container.modal {
    overflow-y: hidden !important;
}

luxury-cancellation .submit {
    background: transparent !important;
}

booking-layout pci-booking iframe#azds-pci-booking-frame {
    height: 199px !important;
}

@media screen and (max-width: 700px) {
    booking-layout pci-booking iframe#azds-pci-booking-frame {
        height: 200px !important;
    }
}

@media screen and (max-width: 503px) {
    booking-layout pci-booking iframe#azds-pci-booking-frame {
        height: 390px !important;
    }
}

@supports (-webkit-overflow-scrolling: touch) {

    .booking-overlay-open body .container-fluid,
    .booking-overlay-open body footer {
        display: none;
    }
}

booking-layout .ds-step1-left a,
booking-layout .ds-step2-left a {
    color: #ffffff;
}

.message-block .txt {
    font-size: 110% !important;
    text-align: center !important;
    line-height: 135%;
}

.message-block a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

#booking-widget-calendar luxury-breakers-custom-content {
    line-height: 135%;
    color: #164263 !important;
    font-size: 20px;
}

@media screen and (max-width: 800px) {
    #booking-widget-calendar .azds-custom-mobile {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #booking-widget-calendar luxury-breakers-custom-content {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .booking-overlay-open body> :not(booking-layout):not(modal-container):not(bs-modal-backdrop):not(.d-none):not(.ng-star-inserted):not(.cdk-overlay-container):not(#theguestbook_details) {
        display: none !important;
        overflow: hidden;
    }
}

@media (min-width: 280px) and (max-width: 375px) {
    .descr-wrap .title {
        text-align: center !important;
        padding-top: 250px !important;
        font-size: 160% !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 376px) and (max-width: 500px) {
    .descr-wrap .title {
        text-align: center !important;
        padding-top: 300px !important;
        font-size: 160% !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 501px) and (max-width: 735px) {
    .descr-wrap .title {
        text-align: center !important;
        padding-top: 370px !important;
        font-size: 160% !important;
        line-height: 1.2 !important;
    }
}

@media screen and (max-width: 964px) {
    .descr-wrap .le {
        width: 100% !important;
        text-align: center !important;
    }
}

.booking-overlay-open luxury-filters .azds-filters-header {
    padding-top: 3px !important;
    order: 1;
    margin-right: 24px !important;
    color: #151515 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.14px !important;
    text-transform: uppercase !important;
}

.booking-overlay-open luxury-filters .azds-clear-filters {
    order: 3;
    align-self: flex-end;
    margin-top: 0 !important;
    color: #434343 !important;
    font-family: "AZDS-filters-second", "AZDS-main", sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-transform: capitalize !important;
    padding-top: 7px !important;
}

.booking-overlay-open luxury-filters .filter-btn {
    order: 2;
    margin-top: 0 !important;
    margin-right: 24px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 21px !important;
    background-color: transparent !important;
    height: auto !important;
    color: #1a88a6 !important;
    padding: 0 0 4px 0 !important;
    border-bottom: 1px solid #cbcbcb !important;
    font-family: "AZDS-filters-second", "AZDS-main", sans-serif !important;
    text-transform: capitalize !important;
}

[regionname="ds-step2-right"] {
    grid-area: app-region;
}

error-holder {
    grid-area: error-holder;
}

.b-step2 {
    grid-area: b-step2;
}

app-region+div:not(.b-step2) {
    grid-area: multiroom;
}

app-luxury-breakers-rate-overview {
    grid-area: rate-overview;
}

luxury-filters {
    grid-area: filters;
}

.booking-overlay-open luxury-filters #azds-filters-popover luxury-filter-element luxury-checkbox label,
.azds-filters-overlay .azds-popover-form luxury-filter-element luxury-checkbox label {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 21px !important;
    color: #434343 !important;
    font-family: "AZDS-filters-second", "AZDS-main", sans-serif !important;
    text-transform: capitalize !important;
}

.booking-overlay-open luxury-filters #azds-filters-popover .azds-popover-buttons span,
.azds-filters-overlay .azds-popover-form .azds-filters-overlay-footer .apply-all-btn {
    color: #434343 !important;
    font-family: "AZDS-filters-second", "AZDS-main", sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-transform: capitalize !important;
}

.azds-filters-overlay .azds-popover-form .azds-filters-overlay-footer .apply-all-btn {
    background-color: transparent !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

.azds-filters-overlay-header .azds-clear-btn {
    color: #434343 !important;
    font-family: "AZDS-filters-second", "AZDS-main", sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-transform: capitalize !important;
}

.azds-filters-overlay .azds-popover-form h3 {
    color: #151515 !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.14px !important;
    text-transform: uppercase !important;
    font-family: "AZDS-filters-main", "AZDS-main", sans-serif !important;
}

@media screen and (min-width: 768px) {
    .booking-overlay-open luxury-filters {
        display: flex !important;
        align-items: center !important;
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 769px) {
    app-luxury-breakers-rooms-step .rooms-step>.right-col {
        display: grid !important;
        grid-template-areas:
            "app-region"
            "multiroom"
            "rate-overview"
            "filters"
            "error-holder"
            "b-step2";
    }
}

@media screen and (max-width: 768px) {
    app-luxury-breakers-rooms-step .rooms-step>.right-col {
        display: flex !important;
        flex-direction: column !important;
    }

    .booking-overlay-open luxury-filters {
        width: 100% !important;
    }

    [regionname="ds-step2-right"] {
        order: 1;
        width: 100% !important;
    }

    error-holder {
        order: 5;
        width: 100% !important;
    }

    .b-step2 {
        order: 6;
        width: 100% !important;
    }

    app-region+div:not(.b-step2) {
        order: 2;
        width: 100% !important;
    }

    app-luxury-breakers-rate-overview {
        order: 3;
        width: 100% !important;
    }

    luxury-filters {
        order: 4;
        width: 100% !important;
    }

    app-luxury-breakers-rooms-step .rooms-step>.right-col>div {
        width: 100% !important;
    }
}

body:has(.booking-layer) booking-layout luxury-breakers-recoverable-error[role*="alert"] .recoverable-error .tit {
    font-size: 130%;
    font-style: italic;
    font-weight: 500;
    color: #231f20;
}

@media screen and (max-width: 800px) {
    body:has(.booking-layer) .booking-layer .order-step luxury-breakers-reservation-review .row.pdn {
        display: block !important;
        border-bottom: 0 !important;
    }

    body:has(.booking-layer) .order-step .reserv-block div.reserv-info-wrapper .row.dates {
        float: none !important;
        width: 100% !important;
        display: block !important;
    }

    body:has(.booking-layer) .order-step .reserv-block .reserv-info-wrapper {
        display: block !important;
        width: 100% !important;
    }
}

/*.booking-layer .dates-step-with-promo .right-col .promo-banner__link__image {
    display: none !important;
}*/