@font-face {
        font-family: 'AZDS-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://dbmajt85xhr99.cloudfront.net/master/system/fonts/5cf15af40624d609203839.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: #65cccc !important
    }
    .b-second-bcolor {
    background-color: #65cccc !important;
    }
    .b-second-bcolor-hover:hover {
    background-color: #65cccc !important;
    }
    .b-second-fcolor {
    color: #65cccc !important;
    }
    .b-second-fcolor-hover:hover {
    color: #65cccc !important;
    }
    .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-active {
    background-color: #65cccc !important;
    }
    .b-second-border-color{
    border-color: #65cccc !important;
    }
    .b-second-border-color-hover:hover {
    border-color: #65cccc !important;
    }
    .b-second-border-color::after{
    border-color: #65cccc !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;
  }
}