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

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

.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 {
  font-family: Open Sans, sans-serif !important;
}

.booking-layer,
.book-wrap,
.booking-layer button,
.book-wrap button,
.booking-layer p,
.booking-layer dl,
.booking-layer span,
.booking-layer li,
.booking-layer input,
.extra-descr a,
.modal-content p,
.modal-content span,
.modal-content li,
.modal-content dd,
.booking-layer .ng-select-container {
  font-family: Open Sans, sans-serif !important;
}

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

html.booking-overlay-open div#bf_wrapper_frame_button_navis_chalk_button iframe {
  max-height: 110px;
  max-width: 270px;
}

@media screen and (min-width: 801px) {
  .booking-layer .reserv-block .row.i-prefer {
    padding-bottom: 14px;
  }
}
booking-layout .left-col .message-block {
  text-align: center !important;
}

@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-layer a {
  color: #495966;
}
.booking-layer a:hover {
  color: #495966;
}
.booking-layer .booking-step-1-complete {
  color: #ffffff !important;
}
.view-more {
  color: #fff !important;
}
#label-fakeApplyChanges {
  display: none;
}

.ng-select.ng-select_form .ng-select-container,
.ng-select.ng-select_order-form .ng-select-container,
.ng-select.ng-select_iprefer-form .ng-select-container {
  padding: 35px 0 15px 0;
}

.booking-overlay-open .calendar-month .cal-month-view .cal-days .cal-cell.azds-calendar-day-available,
booking-layout .descr-wrap .price div,
booking-layout .descr-wrap .price span,
.extra-descr .le a {
  color: #000000 !important;
}

.booking-overlay-open .calendar-month .cal-month-view .cal-days .cal-cell.azds-calendar-day-selected,
booking-layout .descr-wrap .price div,
booking-layout .descr-wrap .price span,
.extra-descr .le a {
  color: #000000 !important;
}

.calendar-month .cal-cell-top .day,
.calendar-month .cal-month-view .cal-cell-top .day {
  color: #000000 !important;
}

@media screen and (max-width: 800px) {
  .booking-layer .book-wrap .dates-step .left-col {
    position: static !important;
  }

  app-region[regionname="ds-step1-left"] {
    position: absolute;
    bottom: 0 !important;
    width: 100% !important;
    height: 270px !important;
  }

  .dates-step {
    padding-bottom: 360px !important;
  }

  .dates-step luxury-account-iprefer-hello {
    position: absolute;
    bottom: 270px;
  }
}

@media screen and (max-width: 700px) {
  .booking-layer .dates-step .right-col {
    padding-bottom: 20px !important;
  }
  .dates-step {
    margin-bottom: 45px !important;
  }
}

.booking-overlay-open .popup-content {
  position: static !important;
  background-color: #fff !important;
  display: block !important;
  transform: none !important;
  color: #000 !important;
  border-radius: 0 !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
}

.booking-overlay-open .popup-content p {
  color: #000 !important;
}

.booking-layer app-luxury-rooms-step .right-col {
  display: block !important;
}

modal-container .modal-dialog .modal-content .popup-content {
  text-align: left !important;
}

@media screen and (max-width: 540px) {
  booking-layout .extra-descr .descr-wrap .price {
    margin-top: 0 !important;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  booking-layout .extra-descr .descr-wrap .price p {
    width: 100% !important;
    text-align: center !important;
  }
}

@media screen and (min-width: 591px) and (max-width: 1270px) {
  extension-point[name="limited-rooms-urgency-trigger"] {
    display: block !important;
    float: right !important;
  }
}

@media screen and (max-width: 964px) and (min-width: 801px) {
  .booking-layer app-luxury-rooms-step .right-col {
    margin-left: 0 !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 964px) {
  booking-layout app-luxury-room-rate .descr-wrap {
    margin-left: 44% !important;
  }
  booking-layout app-luxury-room-rate .descr-wrap .le {
    width: 58% !important;
  }
}
@media screen and (min-width: 736px) and (max-width: 768px) {
  booking-layout app-luxury-room-rate .extra-descr .descr-wrap {
    float: right !important;
    max-width: 56% !important;
  }
  booking-layout app-luxury-room-rate .extra-descr .descr-wrap .price {
    margin-top: 0 !important;
  }
  booking-layout app-luxury-room-rate .extra-descr .descr-wrap .ri {
    width: 52% !important;
  }
  booking-layout app-luxury-room-rate .extra-descr .descr-wrap .le {
    width: 60% !important;
    float: right !important;
    padding-right: 0 !important;
    text-align: right !important;
  }
}

@media screen and (min-width: 965px) and (max-width: 1270px) {
  booking-layout app-luxury-room-rate .extra-descr .descr-wrap .le {
    width: 49% !important;
    text-align: center !important;
  }
}