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

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


.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 .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 .step-title a {
  font-family: "adobe garamond w01" !important;
}

.booking-layer,
.booking-layer strong,
.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: "adobe garamond w01" !important;
}

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

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h5,
.modal-content h6,
.modal-content h7,
.modal-content .charge-block .total span,
.modal-content .title,
.booking-layer h2,
.booking-layer .charge-block .total span,
.booking-layer .descr-wrap .price span,
.booking-layer .reserv-block .reserv-title .tit,
.booking-layer .calendar-month h2 {
  font-family: "adobe garamond w01" !important;
}

.booking-layer .book-wrap .upgrade-room-holder .uproom-ri p,
.booking-layer .book-wrap .upgrade-room-holder .uproom-ri .uproom-button,
.booking-layer .reserv-block .reserv-title .view-more,
.booking-layer .reserv-block .fl-l,
.booking-layer .reserv-block strong + p,
.booking-layer .btn-step-3-complete,
.booking-layer .form-block input[type="text"],
.booking-layer .form-block .row.checkboxes label,
.booking-layer .form-block .ng-select-container,
.booking-layer .form-block .hoshi h2,
.booking-layer .form-block label,
.booking-layer .form-block label span,
.booking-layer .form-block label p,
.booking-layer .b-step2-ul .extra-descr .info,
.booking-layer .b-step2-ul .extra-descr .left .title,
.booking-layer .book-wrap .btn-rates,
.booking-layer .book-wrap .btn-book,
.booking-layer .book-wrap .btn-rates:hover,
.booking-layer .book-wrap .btn-book:hover,
.booking-layer .b-step2-ul .extra-list,
.booking-layer .book-wrap .calendar-wrap .legend,
.booking-layer .book-wrap .booking-step-1-complete,
.booking-layer .book-wrap .booking-step-1-complete:hover,
.booking-layer .reserv-block strong,
.booking-layer .calendar-month td,
.booking-layer .calendar-wrap .essent.legend span,
.booking-layer .reserv-block .code-wrap .code-block button,
.booking-layer .upgrade-room-block p,
.booking-layer .upgrade-room-block button,
.booking-layer .confirmation-block h2,
.booking-layer .form-block .btn-cancel-reservation-search,
.booking-layer .azds-room-description,
.booking-layer .azds-policies,
.booking-layer .azds-policies p,
.booking-layer .azds-guests,
.booking-layer .azds-total {
  font-family: "Gibson W01" !important;
  font-weight: 200;
}

.booking-layer .azds-room-description .azds-strong,
.booking-layer .azds-policies .azds-strong,
.booking-layer .azds-guests .azds-strong {
  font-weight: 400;
}

booking-layout .row {
  display: block;
}

.booking-layer .calendar-month .cal-cell-top,
.booking-layer .calendar-month .cal-month-view .cal-cell-top {
  font-family: sans-serif !important;
  font-weight: 200;
}

.booking-layer .title {
  font-family: "Adobe Garamound W01" !important;
}

.booking-layer .reserv-block strong,
.booking-layer .cal-month-view .cal-header,
.booking-layer .form-block button.btn-step-3-complete {
  font-weight: 400 !important;
}

.booking-layer .calendar-wrap .a-right {
  font-size: 16px;
}

.booking-layer,
.booking-layer p {
  font-size: 18px;
}
.booking-layer li,
.booking-layer .code-block .applied div span {
  font-size: 18px !important;
}

@media screen and (max-width: 700px) {
  .booking-layer,
  .booking-layer p {
    font-size: 14px;
  }
  .booking-layer li,
  .booking-layer .top-nav li.step-title a .booking-layer .code-block .applied div span {
    font-size: 14px !important;
  }
}

.booking-layer .ic-close {
  background-color: #0e2e44;
}

.booking-layer .book-wrap .top-nav li a,
.booking-layer .book-wrap .top-nav li a:focus,
.booking-layer .book-wrap .top-nav li a:hover {
  color: #000000 !important;
}

.booking-layer .book-wrap .top-nav {
  background-color: #f1f1f1 !important;
}
.booking-layer .book-wrap .top-nav li.active {
  background-color: #ebebeb !important;
}

.booking-layer .aside-casa-info {
  text-align: center;
}

.booking-layer .aside-casa-info p,
.booking-layer .aside-casa-info a.hotel-address,
.booking-layer .aside-casa-info a,
.booking-layer .aside-casa-info .hotel-phone {
  color: #656565;
  margin-bottom: 1em;
  text-align: center;
}

.booking-layer .aside-casa-info .hotel-phone {
  margin-right: -30px;
  position: relative;
  z-index: 1;
}

.booking-layer .aside-casa-info #navis-tfn-step1-1 {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.booking-layer .reserv-block strong + p {
  color: #787878 !important;
}

.booking-layer .aside-casa-info .tit {
  display: none;
}

.booking-layer .calendar-month .cal-month-view .cal-days .cal-cell.expired {
  background-color: #cfcfce !important;
  color: #fff !important;
  border-color: #fff;
}

.booking-layer .reserv-block .code-wrap .code-block button {
  border: 1px solid #949494 !important;
  color: #3c3c3c !important;
  font-weight: 400 !important;
  background: none !important;
  padding: 3px 0 !important;
}

.booking-layer .book-wrap .ng-select-container {
  background-size: auto;
  box-shadow: none;
}

.booking-layer .extra-list {
  font-size: 87%;
}

.booking-layer .book-wrap button.btn-rates {
  background-color: #0E2D44 !important;
}

.booking-layer .extra-descr .left .title {
  line-height: 1.36;
}

.booking-layer .b-step2-ul .extra-descr .info {
  font-size: 14px;
  color: #888888;
  text-transform: none;
  line-height: 1.46;
}

booking-layout .descr-wrap .price {
  font-size: 72% !important;
}

booking-layout .descr-wrap .price span,
.charge-block .total span,
.charge-block dd {
  font-style: italic !important;
  color: #000000 !important;
}

booking-layout .descr-wrap .price p {
  font-family: "Gibson W01" !important;
  font-size: 92% !important;
}

booking-layout .room-description,
booking-layout .room-description .descr-wrap {
  background-color: #ffffff !important;
}

.booking-layer .book-wrap .left-col,
.booking-layer .book-wrap .extra-descr,
booking-layout .descr-wrap {
  background-color: #f8f8f8 !important;
}

.booking-layer .form-block .checkboxes label p {
  font-weight: 200 !important;
  font-size: 100% !important;
}

.booking-layer .form-block .ng-select-container {
  font-weight: 200 !important;
  padding: 34px 0 14px 0;
}

.booking-layer .form-block .hoshi h2,
.booking-layer .confirmation-block h2 {
  color: #3c3c3c !important;
}

.booking-layer .form-block .input--hoshi.select--hoshi + label.error {
  margin-top: 0 !important;
}

.booking-layer .book-wrap textarea {
  height: auto;
  box-shadow: none;
  transition: none;
}

@media screen and (max-width: 800px) {
  .booking-layer .reserv-block,
  .booking-layer .rooms-step .reserv-block {
    background-color: #f8f8f8 !important;
  }
}

@media screen and (max-width: 700px) {
  .booking-layer .reserv-block,
  .booking-layer .rooms-step .reserv-block {
    background-color: none !important;
  }
}

booking-layout .book-wrap button.btn {
  font-size: 72% !important;
  max-width: 140px !important;
}

booking-layout label {
  line-height: 1;
}

@media screen and (max-width: 340px) {
  .booking-layer .form-block .row .form-loyalty .input__label-content {
    padding: 1em 0 0.3em !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 1125px) {
  .booking-layer .form-block .row .form-loyalty .input__label-content {
    padding: 0 !important;
  }
}

@media screen and (min-width: 701px) and (max-width: 796px) {
  .booking-layer .form-block .row .form-loyalty .input__label-content {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1290px) {
  .booking-layer .descr-wrap .link-ame {
    font-size: 75% !important;
  }
}

@media screen and (min-width: 736px) and (max-width: 1100px) {
  .booking-layer .descr-wrap .link-ame {
    font-size: 63% !important;
  }
}

@media screen and (min-width: 736px) and (max-width: 964px) {
  booking-layout .descr-wrap .ri {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 700px) and (max-width: 788px) {
  .booking-layer .reserv-block strong + p {
    font-size: 14px !important;
  }
}

.owl-dt-calendar-table thead th {
  padding: 0;
}

.owl-dt-calendar-table tbody tr:nth-child(2n),
.owl-dt-calendar-table thead,
.owl-dt-calendar-table tbody {
  background-color: transparent;
  border: none;
}

modal-container .modal-dialog .modal-header {
  padding: 0 !important;
}

.booking-layer .reserv-block .modify-dates p {
  height: 34px;
}

.booking-layer .azds-room-description tbody,
.booking-layer table.azds-room-description tbody tr:nth-child(even) {
  background-color: transparent;
  border: none;
}

.booking-layer .azds-title a {
  font-size: 13px;
}
app-button.azds-cancel-button {
  display: none;
}

.row.reservation-section.cancel-reservation {
  display: none;
}

.reserv-block[_ngcontent-c13] .reservation-section.row[_ngcontent-c13] {
  display: none !important;
}

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

.enhance-stay-block__item_label {
  font-weight: bold !important;
  text-decoration: underline !important;
  font-size: 100% !important;
}

.booking-layer-inner .top-nav ul {
  max-width: none;
}

.booking-layer-inner .top-nav ul li::before,
.essent.dates.legend .list li::before {
  display: none;
}

.booking-layer-inner .reserv-block .code-wrap .code-block {
  border: 0;
  background-color: transparent;
  overflow: visible;
}
@media screen and (min-width: 801px) {
  .booking-overlay-open .page-template-page-home-php .booking-layer .booking-step-1-complete {
    font-size: 13px;
  }
}

@media screen and (min-width: 501px) {
  .calendar-month .cal-cell-top .price,
  .calendar-month .cal-month-view .cal-cell-top .price {
    margin-top: 2px !important;
    font-size: 85% !important;
  }
}

@media screen and (max-width: 500px) {
  .calendar-month .cal-cell-top .price,
  .calendar-month .cal-month-view .cal-cell-top .price {
    padding-top: 0 !important;
  }
}

.cal-month-view .cal-events {
  font-size: 90% !important;
}

.booking-layer .book-wrap ul {
  max-width: none;
}

.aside-casa-info img.booking-close-el {
  width: 124px !important;
  margin-bottom: 15px !important;
}