@font-face {
            font-family: 'InterstateBold';
            font-style: normal;
            font-weight: 700;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/5dd5d5bda49fb791231531.woff") format("woff");
                    }
                            @font-face {
            font-family: 'Bitter-Regular';
            font-style: normal;
            font-weight: 700;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/5dd5d7bd46b19460657974.woff") format("woff");
                    }
                            @font-face {
            font-family: 'Interstate-Light';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/5dd6f99c511d3200753698.woff") format("woff");
                    }
            

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

    :root {
    --azds-theme-second-color: #eeeeee !important
    }
    .b-second-bcolor {
    background-color: #eeeeee !important;
    }
    .b-second-bcolor-hover:hover {
    background-color: #eeeeee !important;
    }
    .b-second-fcolor {
    color: #eeeeee !important;
    }
    .b-second-fcolor-hover:hover {
    color: #eeeeee !important;
    }
    .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-active {
    background-color: #eeeeee !important;
    }
    .b-second-border-color{
    border-color: #eeeeee !important;
    }
    .b-second-border-color-hover:hover {
    border-color: #eeeeee !important;
    }
    .b-second-border-color::after{
    border-color: #eeeeee !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://d1t1qzzb2zwrre.cloudfront.net/master/5db872e81c378510659432.jpg) !important;
        background-position: center;
        background-size: cover;
    }

.booking-layer h1,
.modal-content h1,
.booking-layer h2,
.modal-content h2,
.azds-booking-section h1,
.azds-booking-section h2,
.azds-booking-section h3,
.azds-booking-section h4,
.azds-booking-section h5,
.azds-booking-section h6,
.azds-booking-section title-monthes,
.booking-layer h3,
.booking-layer h4,
.booking-layer h5,
.booking-layer h6,
.booking-layer h7,
.booking-layer .tit,
.booking-layer button,
.book-wrap button,
.booking-layer strong,
.booking-layer dt,
.charge-block dt,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content h7,
.modal-content .total,
.step-2-back,
.booking-layer .step-title {
  font-family: Bitter-Regular, serif !important;
}
.btn-book,
.cal-days,
.calendar-month,
.btn-rates,
.room-reserve-btn,
.booking-layer,
.booking-layer p,
.booking-layer dl,
.booking-layer .title,
.booking-layer span,
.booking-layer li,
.booking-layer input,
.booking-layer input::placeholder,
.extra-descr a,
.modal-content p,
.modal-content span,
.modal-content li,
.modal-content dd,
.modal-content .title,
.booking-layer .header-main-navigation,
.booking-layer .top-nav,
.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,
select.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: Interstate-Light, 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;
}

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

div.title-monthes {
  font-family: Bitter-Regular, serif !important;
}

div.rates-title {
  font-family: Bitter-Regular, serif !important;
}

.reserve-box .dates .title {
  font-family: Bitter-Regular, serif !important;
}

.booking-overlay-open .animation p {
  opacity: 1;
}

.booking-overlay-open input[type="submit"],
.booking-overlay-open input[type="button"] {
  background-image: none !important;
}

.booking-overlay-open .animation #content h1,
.booking-overlay-open .animation h1,
.booking-overlay-open .animation h2 {
  background-size: 0 !important;
  left: 0 !important;
  position: static !important;
}

.booking-overlay-open input::placeholder,
.booking-overlay-open .ng-select-container::placeholder,
.booking-overlay-open textarea::placeholder {
  font-family: Interstate-Light, sans-serif !important;
  font-weight: 400;
}

.promo-wrap input::placeholder {
  font-size: 13px !important;
  letter-spacing: normal;
}

@media (max-width: 1279px) and (min-width: 0) {
  .promo-wrap input::placeholder {
    font-size: 11px !important;
  }
}

@media (max-width: 1023px) and (min-width: 0) {
  .promo-wrap input::placeholder {
    font-size: 10px !important;
  }
}

.azds-booking-section boutique-room-rate .info-wrapper div.info > li {
  padding-left: 10px;
}

@-moz-document url-prefix() {
  .azds-booking-section boutique-room-rate .info-wrapper div.info > li {
    padding-left: 0;
    margin-left: 25px;
  }
}

@media screen and (max-width: 414px) {
  .azds-booking-section .order-info-inner p {
    letter-spacing: normal !important;
  }
}

.enhance-stay-block .add-button, .enhance-stay-block .add-button, .enhance-stay-block .remove-button, .enhance-stay-block .remove-button{
font-size: 14px !important;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  .azds-booking-section .enhance-stay-block .add-button, .azds-booking-section .enhance-stay-block .add-button, .azds-booking-section .enhance-stay-block .remove-button, .azds-booking-section .enhance-stay-block .remove-button {
    width: 135px;
    line-height: 43px;
  }
}

div.message-block.ng-star-inserted {
text-align: center !important;
}


.fee-description a {
  color: #D46127 !important;
}
.azds-booking-section .reserve-form .wrap-checkboxes a {
  text-decoration: underline !important;
}

boutique-room[data-roomcode="TLN3SG"] .room-main-info .room-pic {
  background-position: left top !important;
}

boutique-room[data-roomcode="TLN4SG"] .room-main-info .room-pic {
  background-position: left top !important;
}