@font-face {
            font-family: 'Playfair Display';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://dbmajt85xhr99.cloudfront.net/master/system/fonts/5cf15affcba69159660766.woff") format("woff");
                    }
                            @font-face {
            font-family: 'PlayfairDisplay-Italic';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://dbmajt85xhr99.cloudfront.net/master/system/fonts/5d9e209432514493548586.woff") format("woff");
                    }
                            @font-face {
            font-family: 'Calibre-Medium';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://dbmajt85xhr99.cloudfront.net/master/system/fonts/5d9e242b8df53261488291.woff") format("woff");
                    }
                            @font-face {
            font-family: 'MatrixIIOT-Reg';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://dbmajt85xhr99.cloudfront.net/master/system/fonts/5d9e24436e69b914910882.woff") format("woff");
                    }
            

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

    :root {
    --azds-theme-second-color: #ffffff !important
    }
    .b-second-bcolor {
    background-color: #ffffff !important;
    }
    .b-second-bcolor-hover:hover {
    background-color: #ffffff !important;
    }
    .b-second-fcolor {
    color: #ffffff !important;
    }
    .b-second-fcolor-hover:hover {
    color: #ffffff !important;
    }
    .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
    }
    .b-second-border-color{
    border-color: #ffffff !important;
    }
    .b-second-border-color-hover:hover {
    border-color: #ffffff !important;
    }
    .b-second-border-color::after{
    border-color: #ffffff !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;
    }

    .b-main-background {
        background-image: url(https://dbmajt85xhr99.cloudfront.net/master/5ee13a3527b77442475885.jpg) !important;
        background-position: center;
        background-size: cover;
    }

.booking-layer h1, .modal-content h1, .booking-layer h2, .booking-layer .header-main-navigation, .booking-layer .top-nav, .azds-booking-section h1, .azds-booking-section h2, .azds-booking-section h3, .azds-booking-section h4, .azds-booking-section h5, .azds-booking-section h6, {
  font-family: MatrixIIOT-Reg !important;
}
.title-monthes, .cal-days, .calendar-month, .btn-rates, .btn-book, .room-reserve-btn, .booking-layer, .booking-layer p, .booking-layer dl, .booking-layer .title, .booking-layer span, .booking-layer li, .booking-layer input, .extra-descr a, .modal-content .title, .modal-content h2, .modal-content h3, .modal-content h4, .modal-content p, .modal-content span, .modal-content li, .modal-content dd, .azds-booking-section html, .azds-booking-section *, .azds-booking-section input, .azds-booking-section .ng-select-container, .azds-booking-section textarea, .azds-booking-section button, .azds-booking-section body, .azds-booking-section div, .azds-booking-section span, .azds-booking-section applet, .azds-booking-section object, .azds-booking-section iframe, .azds-booking-section p, .azds-booking-section blockquote, .azds-booking-section pre, .azds-booking-section abbr, .azds-booking-section acronym, .azds-booking-section address, .azds-booking-section big, .azds-booking-section cite, .azds-booking-section code, .azds-booking-section del, .azds-booking-section dfn, .azds-booking-section em, .azds-booking-section img, .azds-booking-section ins, .azds-booking-section kbd, .azds-booking-section q, .azds-booking-section s, .azds-booking-section samp, .azds-booking-section small, .azds-booking-section strike, .azds-booking-section strong, .azds-booking-section sub, .azds-booking-section sup, .azds-booking-section tt, .azds-booking-section var, .azds-booking-section b, .azds-booking-section u, .azds-booking-section i, .azds-booking-section center, .azds-booking-section dl, .azds-booking-section dt, .azds-booking-section dd, .azds-booking-section ol, .azds-booking-section ul, .azds-booking-section li, .azds-booking-section fieldset, .azds-booking-section form, .azds-booking-section label, .azds-booking-section legend, .azds-booking-section table, .azds-booking-section caption, .azds-booking-section tbody, .azds-booking-section tfoot, .azds-booking-section thead, .azds-booking-section tr, .azds-booking-section th, .azds-booking-section td, .azds-booking-section article, .azds-booking-section aside, .azds-booking-section canvas, .azds-booking-section details, .azds-booking-section embed, .azds-booking-section figure, .azds-booking-section figcaption, .azds-booking-section footer, .azds-booking-section header, .azds-booking-section hgroup, .azds-booking-section menu, .azds-booking-section nav, .azds-booking-section output, .azds-booking-section ruby, .azds-booking-section section, .azds-booking-section summary, .azds-booking-section time, .azds-booking-section mark, .azds-booking-section audio, .azds-booking-section video, .azds-booking-section .reserve-form .inp input, .form-input.month, .ng-select-container.form-input, .form-label, .azds-booking-section .reserve-form .t-area textarea, .booking-layer .ng-select-container, .reserve-box[_ngcontent-c18] .customer[_ngcontent-c18] .booking-sel[_ngcontent-c18] .ng-select-container[_ngcontent-c18], .promo-wrap[_ngcontent-c18] .promo-block[_ngcontent-c18] input[type="text"][_ngcontent-c18], .promo-block[_ngcontent-c18] input[_ngcontent-c18]::-webkit-input-placeholder, .booking-sel[_ngcontent-c18] .ng-select-container.promo-select[_ngcontent-c18] {
 font-family: Playfair Display, sans-serif !important;
}

booking-layout .azds-booking-section .ng-select-container {
    max-width: none;
    background-size: inherit !important;
}

booking-layout .azds-booking-section *.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

booking-layout .azds-booking-section app-boutique-order-step boutique-review-charge .row-expand-link span {
    white-space: nowrap;
}

.row.totals {
    display: none;
}

@media screen and (max-width: 414px) {
    booking-layout .azds-booking-section .filters-wrap .ng-select-container {
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }
}

@media screen and (max-width: 448px) and (min-width: 0px) {
    booking-layout .azds-booking-section app-boutique-order-step boutique-review-charge .item[_ngcontent-c33] .row[_ngcontent-c33] .col-r[_ngcontent-c33] {
        font-size: 16px !important;
    }

    booking-layout .azds-booking-section app-boutique-order-step boutique-review-charge .row div span {
        line-height: 24px !important;
    }
}

@media screen and (min-width: 449px) {
    booking-layout .azds-booking-section app-boutique-order-step boutique-review-charge .col-r[_ngcontent-c33] {
        font-size: 16px !important;
    }
}

@media (max-width: 375px) and (min-width: 0) {
    booking-layout .azds-booking-section app-boutique-order-step boutique-review-charge .row .col-l {
        min-width: 65%;
    }
}

@media screen and (min-width: 577px) {
    @supports not (-webkit-overflow-scrolling: touch) {
            .booking-overlay-open body.modal-open booking-layout {
        position: static !important;
        overflow: auto !important;
    }
    }
}

@media screen and (max-width: 768px) and (min-width: 577px){
    html.booking-overlay-open modal-container .modal-content .slide-inner {
        min-height: 400px !important;
    }
}

@supports (-webkit-overflow-scrolling: touch) { 
    /* Dima H. Checked. MultiRoomItem implementation. */
     boutique-multi-room-item ng-select .ng-select-container {
        align-items: center;
     }
}

@supports (-webkit-overflow-scrolling: touch) { 
@media screen and (max-width: 1024px) {
    booking-layout .azds-booking-section .dates-step .reserve-box .booking-sel .ng-select-container {
        line-height: 5.5em !important;
    }
}

@media screen and (max-width: 768px) {
    booking-layout .azds-booking-section .dates-step .reserve-box .booking-sel .ng-select-container {
        line-height: 4.8em !important;
    }
}
}

.booking-overlay-open #page{
display:none;
}

booking-layout .button,
booking-layout button,
booking-layout input[type="button"],
booking-layout input[type="reset"],
booking-layout input[type="submit"] {
    height: initial;
   left: auto;
}

.booking-overlay-open .modal-dialog.image  { max-width: inherit !important; }

@media (min-width: 769px) {
.booking-overlay-open app-boutique-cancellation .reserve-form .reserve-col  {
  width: 46%;
}
}

booking-layout .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

booking-layout .booking-confirmation-wrap .booking-confirmation-info .row.submit {
    margin: 0 auto !important;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    modal-container.modal {
        overflow-y: hidden !important;
    }
}

@media screen and (min-width: 576px) {
    .booking-overlay-open modal-container .modal-dialog {
        max-width: initial !important;
    }
}

@media screen and (min-width: 769px) {
booking-layout app-boutique-booking-overlay .room-info .room-facilities {
width: 60% !important;
}
}

@media (max-width: 1279px) and (min-width: 0) {
.room-info[_ngcontent-c26] .room-facilities[_ngcontent-c26] {
    width: 100% !important;
}
}

.charge-block dt {
	 font-family: Playfair Display, sans-serif !important;
	color: #000000 !important;
}

.modal-content h4, .modal-content p {
		color: #000000 !important;
}

.popup-body .charge-block .total {
		 font-family: Playfair Display, sans-serif !important;
	color: #000000 !important;
}

.popup-body .charge-block .nightly-rates span {
			color: #000000 !important;
}
.charge-block dd {
			color: #000000 !important;
}
.charge-block h1 {
	 font-family: Playfair Display, sans-serif !important;
}

.popup-body .charge-block h1 {
    text-align: left !important;
}

.cal-month-view .cal-day-cell[ng-reflect-ng-class="expired"] {
  color: #c5c7d0 !important;
}