@font-face {
            font-family: 'Gyst-light';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/66ea00cb7a9f8975994921.woff") format("woff");
                    }
                            @font-face {
            font-family: 'MrEavesSanOTReg';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/66ea00f8483c1854462786.woff") format("woff");
                    }
                            @font-face {
            font-family: 'MrEavesSanOTLight';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/66ea012ad4e31282039000.woff") format("woff");
                    }
                            @font-face {
            font-family: 'MrEavesSanOTBook';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/66ea01500eebb857959951.woff") format("woff");
                    }
            

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

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

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


@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

.booking-layer h1,
.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 strong,
.booking-layer dt,
.charge-block dt, extra-descr .modal-content .total,
.booking-layer .step-title {
    font-family: FuturaPT-Book, sans-serif !important;
}

.booking-layer a {
    color: #4a6087;
    text-decoration: underline;
}



.booking-layer,
.book-wrap,
.booking-layer button,
.book-wrap button,
.booking-layer p,
.booking-layer dl,
.booking-layer li,
.booking-layer span,
.booking-layer input,
.extra-descr a,
.modal-content p,
.modal-content li,
.modal-content dd,
.modal-content h4,
.modal-content span,
.booking-layer .ng-select-container,
.booking-layer .ng-select-container, .booking-layer luxury-reservation-multi-review .azds-items-block,
.booking-layer luxury-reservation-multi-review .azds-total,
.booking-layer luxury-reservation-multi-review .azds-total>p,
.booking-layer .reserv-block .reserv-title a.view-more {
    font-family: FuturaPT-Book, sans-serif !important;
}

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h5,
.modal-content h6,
.modal-content h7,
.modal-content .charge-block .total span,
.modal-content .title,
.booking-layer h2,
.booking-layer .charge-block .total span,
.booking-layer .title,
.booking-layer .descr-wrap .price span,
.booking-layer .reserv-block .reserv-title .tit,
.booking-layer .calendar-month h2 {
    font-family: 'Playfair Display', serif !important;
}

.booking-layer .azds-remove-btn span {
    font-family: 'Glyphicons Halflings' !important;
}

.booking-layer h2 {
    text-transform: none !important;
}

.booking-layer .form-block h2 {
    font-style: italic !important;
    color: #3C3C3C !important;
    text-transform: none !important;
    font-size: 167%;
}

.cal-month-view .cal-header,
.booking-layer p,
.booking-layer .ng-select-container,
.booking-layer label {
    font-weight: normal !important;
}

.booking-layer .confirmation-block h1,
.booking-layer .descr-wrap .price span {
    color: #000000 !important;
}

.cal-month-view .cal-header {
    color: #3C3C3C !important;
}

.booking-layer .descr-wrap {
    min-height: 245px;
}

.modal-content .charge-block .nightly-rates span,
.booking-layer li {
    font-size: 16px !important;
}

@media screen and (max-width: 1024px) {
    .booking-layer li {
        font-size: 13px !important;
    }
}

.booking-layer .extra-descr .info {
    font-size: 14px !important;
    color: #6E6E6E !important;
}

.modal-content ul li {
    margin-bottom: 0;
}

.booking-layer p,
modal-container .modal-dialog.info-popup p,
.booking-layer .code-block .applied div span {
    font-size: 16px !important;
}

@media screen and (max-width: 768px) {
    .booking-layer p {
        font-size: 14px !important;
    }
}

.booking-layer .descr-wrap .link-ame,
.booking-layer .extra-descr .le a {
    font-family: FuturaPT-Medium, serif !important;
}

.booking-layer .charge-block h2 {
    text-transform: capitalize !important;
}

body.mm-opened .booking-layer .ic-book {
    background-color: initial !important;
}

.booking-layer .view-more {
    border: none !important;
}

modal-container.fade.show, booking-layout .fade.show {
    opacity: 1;
}

modal-container.modal.show .modal-dialog {
    transform: translate(0, 0);
}

@media screen and (min-width: 1025px) {
    booking-layout .descr-wrap .price {
        font-size: 76%;
    }
}

.booking-layer .input__label--hoshi[_ngcontent-c23]::before,
.booking-layer .input__label--hoshi[_ngcontent-c23]::after {
    top: 2px;
}

.booking-layer .form-block .input--hoshi+label.error {
    margin-top: 0;
}

@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;
    }
}

.message-block .txt {
    font-weight: bold !important;
    font-size: 110% !important;
    padding: 20px 0px !important;
}

@media (min-width: 280px) and (max-width: 375px) {
    .room-description>.descr-wrap .title {
        text-align: center !important;

        font-size: 160% !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 376px) and (max-width: 500px) {
    .room-description>.descr-wrap .title {
        text-align: center !important;

        font-size: 160% !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 501px) and (max-width: 735px) {
    .room-description>.descr-wrap .title {
        text-align: center !important;

        font-size: 160% !important;
        line-height: 1.2 !important;
    }
}

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

@media (min-width: 280px) and (max-width: 964px) {
    booking-layout .room-description>.descr-wrap .le .extra-list {
        text-align: center !important;
    }
}

.ds-step2-right .message-block {
    background-color: transparent !important;
    text-align: center;
}

.ds-step2-right .message-block .txt, .ds-step2-right .message-block .txt * {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.ds-step2-right .message-block .txt {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: left !important;
}

.ds-step2-right .message-block .txt h4 {
    font-size: 16px !important;
    text-transform: none !important;
}

.ds-step2-right .message-block .txt ul {
    column-count: 2;
}

.ds-step2-right .message-block .txt ul li {
    margin-right: 10px !important;
}

.ds-step2-right .message-block .txt ul {
    padding-left: 12px !important;
}

.price .amenity-fee {
    display: none;
}

.recoverable-error .tit,
.recoverable-error p {
    color: #4a6087 !important;
}

.recoverable-error a.b-second-fcolor {
    font-weight: bolder !important;
    text-decoration: underline !important;
}

.recoverable-error p {
    margin-bottom: 35px !important;
    font-size: 22px !important;
    line-height: 30px !important;
}

.recoverable-error .tit,
.recoverable-error a.back-link {
    font-size: 22px !important;
}

.recoverable-error a.back-link {
    font-weight: bolder !important;
}

@media (min-width: 800px) and (max-width: 1279px) {

    .booking-overlay-open .calendar-month .cal-cell-top .price,
    .booking-overlay-open .calendar-month .cal-month-view .cal-cell-top .price {
        display: block;
    }

    .booking-overlay-open .booking-layer app-luxury-dates-step .right-col {
        margin-right: 10px !important;
    }

    .booking-overlay-open .booking-layer app-luxury-dates-step .calendar-month {
        margin-left: 2%;
        width: 48%;
    }
}

@media screen and (min-width: 965px) and (max-width: 1270px) {
    booking-layout app-luxury-room-rate .extra-descr .descr-wrap .le.break-down-wrapper {
        width: auto;
    }
}

@media (max-width: 768px) {
    luxury-room-large .luxury-room-gallery {
        float: none !important;
    }

    .step-2-rates app-luxury-room-rate .extra-descr .left {
        float: none !important;
    }

    booking-layout .step-2-rates app-luxury-room-rate .extra-descr .descr-wrap {
        padding-top: 0 !important;
    }

    booking-layout .step-2-rates app-luxury-room-rate .extra-descr .ri .btn-book {
        margin-top: 30px !important;
    }
}