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

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

@supports (-webkit-overflow-scrolling: touch) {
  .booking-overlay-open body main.main-content,
  .booking-overlay-open body social-hub,
  .booking-overlay-open body footer {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .booking-layer .reserv-block .row.i-prefer {
    padding-bottom: 14px;
  }
}

@media screen and (max-width: 700px) {
  .booking-overlay-open body > div.MuiDialog-root.App-dialog-7 {
    display: block !important;
  }
}

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) {
  .room-description .descr-wrap .le {
    width: 100% !important;
    text-align: center !important;
  }
}

.booking-layer a {
  color: #5c728d;
}
.booking-layer a:hover {
  color: #5c728d;
}

.booking-layer .booking-step-1-complete {
  color: #ffffff !important;
}

.view-more {
  color: #fff !important;
}
#label-fakeApplyChanges {
  display: none;
}

booking-layout .extra-list ul {
  columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  padding-left: 5px;
}

@media screen and (max-width: 964px) and (min-width: 736px) {
  .descr-wrap .link-ame {
    text-align: left !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 735px) {
  booking-layout .descr-wrap .link-ame {
    margin-bottom: 20px !important;
  }

  booking-layout .descr-wrap .le .price {
    float: none !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  booking-layout .descr-wrap .le .price p {
    text-align: center !important;
  }
}

.room-tour-icon {
  padding: 0 !important;
}

.booking-overlay-open #ae-main-content,
.booking-overlay-open .site-,
.booking-overlay-open .site-footer,
.booking-overlay-open .social-hub {
  display: none !important;
}

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

  .extra-descr .descr-wrap .le {
    width: 100% !important;
    text-align: center !important;
  }

  booking-layout .extra-descr .ri p {
    text-align: center !important;
  }
}

@media screen and (min-width: 665px) {
  /* Dima H. Checked. MultiRoomItem implementation. */
  /* .azds-multi-room-item .azds-col {
    width: auto !important;
  } */
}