@font-face {
            font-family: 'Helvetica Neue Bold';
            font-style: normal;
            font-weight: 400;
                                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/64b01c090bdb9826558728.ttf") format("truetype");
                    }
                        
            @font-face {
        font-family: 'AZDS-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-second';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-third';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-fourth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-fifth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-sixth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-legend-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-room-second';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-room-rate-second';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-room-amenity-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-room-rate-main';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/621fcd007a885958875839.woff") format("woff");
                }
            @font-face {
        font-family: 'AZDS-language-dropdown-sixth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/666346bb89a21889504081.woff2") format("woff2");
                }
            @font-face {
        font-family: 'AZDS-language-dropdown-fifth';
        font-style: normal;
        font-weight: 400;
                                            src: url("https://d1t1qzzb2zwrre.cloudfront.net/master/system/fonts/5cf15af40624d609203839.woff") format("woff");
                }
    
    :root {
    --azds-theme-main-color: #f7cac9 !important;
    }
    .b-main-bcolor {
    background-color: #f7cac9 !important;
    }
    .b-main-bcolor-hover:hover {
    background-color: #f7cac9 !important;
    }
    .b-main-fcolor {
    color: #f7cac9 !important;
    }
    .b-main-fcolor-hover:hover {
    color: #f7cac9 !important;
    }
    .b-main-border-color{
    border-color: #f7cac9 !important;
    }
    .b-main-border-color-hover:hover {
    border-color: #f7cac9 !important;
    }
    .b-main-border-color::after{
    border-color: #f7cac9 !important;
    }

    :root {
    --azds-theme-second-color: #49a37a !important
    }
    .b-second-bcolor {
    background-color: #49a37a !important;
    }
    .b-second-bcolor-hover:hover {
    background-color: #49a37a !important;
    }
    .b-second-fcolor {
    color: #49a37a !important;
    }
    .b-second-fcolor-hover:hover {
    color: #49a37a !important;
    }
    .swiper-pagination .swiper-pagination-handle .swiper-pagination-bullet-active {
    background-color: #49a37a !important;
    }
    .b-second-border-color{
    border-color: #49a37a !important;
    }
    .b-second-border-color-hover:hover {
    border-color: #49a37a !important;
    }
    .b-second-border-color::after{
    border-color: #49a37a !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: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
}

.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,
.booking-layer app-luxury-calendar .calendar-wrap #booking-widget-calendar .monthes-holder>*:not(app-legend),
.booking-layer app-luxury-calendar .calendar-wrap #booking-widget-calendar .monthes-holder>app-legend *,
.booking-layer .book-wrap .top-nav li a {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

booking-layout .descr-wrap .price div,
booking-layout .descr-wrap .price span {
  color: #000000 !important;
}

.booking-layer .book-wrap .top-nav li a {
  color: #000 !important;
  font-weight: bold !important;
}

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

booking-layout .book-wrap button.btn {
  color: #000000 !important;
}

.booking-layer .reserv-block .code-wrap .code-block button {
  color: #000000 !important;
}

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

.booking-layer .aside-casa-info .hotel-phone {
  color: #000000 !important;
}

.calendar-month .cal-month-view .cal-days .cal-cell.expired {
  background-color: #f9e5e5 !important;
}

.booking-layer .aside-casa-info a {
  padding: 0 8px 0 0px !important;
}

.extra-list {
  color: #000000 !important;
}

a.view-more.d-only.step-2-back.b-main-bcolor {
  color: #000000 !important;
}

.extra-descr .le a {
  color: #000000 !important;
}

.form-block button.btn-step-3-complete {
  color: #000000 !important;
}

.upgrade-room-block p {
  color: #000000 !important;
}

.upgrade-room-block h2 {
  color: #000000 !important;
}

button.link-ame.b-second-fcolor {
  color: #000000 !important;
}

button.link-ame .b-main-border-color {
  border-color: #000000 !important;
}

span.b-second-fcolor {
  color: #000000 !important;
}

.b-main-fcolor {
  color: #000000 !important;
}

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

.booking-layer .aside-casa-info p,
.booking-layer .aside-casa-info a.hotel-address {
  text-align: center;
}

.booking-overlay-open modal-container .modal-dialog.image .modal-header {
  padding: 0 0 0 15px;
  display: block;
}

@media screen and (min-width: 576px) {
  .booking-overlay-open modal-container .modal-dialog.image {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .booking-overlay-open modal-container .modal-dialog.image .modal-header {
    width: 100%;
  }
}

.booking-layer .dates-step .reserv-block .code-wrap {
  width: 100%;
}

.booking-layer app-button.azds-cancel-button {
  width: 100%;
}

.booking-overlay-open modal-container .modal-dialog.image {
  overflow: hidden;
}

@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 screen and (max-width: 964px) {
  .room-description>.descr-wrap .le {
    width: 100% !important;
    text-align: center !important;
  }
}

.message-block {
  background-color: #f2bcc2 !important;
  border: solid 1px #e5e5e5 !important;
}

.message-block .txt {
  color: #000 !important;
}

.booking-layer .aside-casa-info .hotel-phone {
  display: none !important;
}

/* NEW CSS */

.booking-layer .reserv-block .code-wrap .code-block button {
  color: #000 !important;
}

.booking-layout .book-wrap button.btn-rates {
  background-color: #49a37a !important;
}

.booking-layer .reserv-block .code-wrap .code-block input[type="text"] {
  border: 1px solid #49a37a;
  background-color: #fff;
  color: #000;
  padding: 5px 5px 4px;
  float: left;
  border-radius: 0;
  width: 105px;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container,
.booking-layer .reserv-block strong+p {
  color: #49a37a;
  margin-top: 2px;
  padding-bottom: 16px;
}

.booking-layer app-luxury-calendar .calendar-wrap h2,
.booking-layer app-luxury-breakers-calendar .calendar-wrap h2 {
  color: #49a37a !important;
}

.extra-descr .descr-wrap .ri .btn-book {
  background-color: #49a37a !important;
}

.descr-wrap .ri .btn-rates {
  background-color: #49a37a !important;
}

.room-description ngcontent-hac-c165 {
  background-color: #f9e5e5 !important;
}

.booking-layer .reserv-block .code-wrap .code-block button {
  background-color: #49a37a !important;
  color: #000000 !important;
}

.booking-layer .reserv-block strong {
  color: #000;
  letter-spacing: 0.88px;
  line-height: 1.57;
  text-transform: uppercase;
}

.dates-step .right-col,
.dates-step .left-col,
.booking-layer .aside-casa-info,
app-luxury-dates-step,
.dates-step,
.booking-layer .book-wrap .rooms-step .left-col,
.rooms-step .right-col,
.rooms-step,
.extra-descr,
booking-layout .descr-wrap,
.order-step,
.booking-layer .right-col,
.booking-layer .book-wrap .left-col {
  background-color: #f9e5e5 !important;
}

.calendar-month .cal-month-view .cal-days .cal-cell {
  border-color: #cacaca !important;
}

.calendar-month .cal-month-view .cal-days,
.calendar-month .cal-month-view .cal-days .cal-cell-row {
  border-color: transparent !important;
}

.booking-layer .aside-casa-info p,
.booking-layer .aside-casa-info a.hotel-address,
.booking-layer .aside-casa-info a {
  color: #000 !important;
}

.dates-step .reserv-title {
  padding: 25px 0 !important;
}

.b-step2-ul .li-room-item {
  border-color: #49a47a !important;
  background-color: #f9e5e5 !important;
}

@media screen and (min-width: 801px) {
  .booking-layer .reserv-block .reserv-title {
    padding: 20px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

luxury-room-large>.extra-list,
booking-layout div.rate-item:first-child .extra-descr {
  border-top: solid 1px #49a47a !important;
}

booking-layout div.rate-item:not(.last) .extra-descr {
  border-bottom: solid 1px #49a47a !important;
}

.extra-descr .info {
  text-transform: none !important;
}

.booking-overlay-open .form-block input[type="text"],
.booking-overlay-open .form-block input[type="email"],
.booking-overlay-open .form-block input[type="number"] {
  background-color: transparent !important;
}

html.booking-overlay-open,
html.booking-overlay-open body {
  font-size: 16px !important;
}

.form-block input.input__field--hoshi {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.form-block input.input__field--hoshi::placeholder {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.form-block input.input__field--hoshi::-webkit-input-placeholder {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.form-block input.input__field--hoshi::-moz-placeholder {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.form-block input.input__field--hoshi:-ms-input-placeholder {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.form-block input.input__field--hoshi:-moz-placeholder {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}

.form-block .ng-select.ng-select-single .ng-select-container .ng-value-container {
  padding-bottom: 8px !important;
}

.form-block .ng-select.ng-select_form .ng-select-container,
.form-block .ng-select.ng-select_order-form .ng-select-container {
  padding: 25px 0 15.5px !important;
}

.btn.btn-primary.scroll-next-month.scroll-next-month.b-second-bcolor {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2022%2022%27%3E%3Cdefs%3E%3CclipPath%3E%3Cpath%20fill%3D%27%2300f%27%20fill-opacity%3D%27.514%27%20d%3D%27m-7%201024.36h34v34h-34z%27%2F%3E%3C%2FclipPath%3E%3CclipPath%3E%3Cpath%20fill%3D%27%2349a37a%27%20fill-opacity%3D%27.472%27%20d%3D%27m-6%201028.36h32v32h-32z%27%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27m345.44%20248.29l-194.29%20194.28c-12.359%2012.365-32.397%2012.365-44.75%200-12.354-12.354-12.354-32.391%200-44.744l171.91-171.91-171.91-171.9c-12.354-12.359-12.354-32.394%200-44.748%2012.354-12.359%2032.391-12.359%2044.75%200l194.29%20194.28c6.177%206.18%209.262%2014.271%209.262%2022.366%200%208.099-3.091%2016.196-9.267%2022.373%27%20transform%3D%27matrix%28.03541-.00013.00013.03541%202.98%203.02%29%27%20fill%3D%27%2349a37a%27%2F%3E%3C%2Fsvg%3E");
  background-size: 30px;
}

.btn.btn-primary.scroll-prev-month.b-second-bcolor {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2022%2022%27%3E%3Cdefs%3E%3CclipPath%3E%3Cpath%20fill%3D%27%2300f%27%20fill-opacity%3D%27.514%27%20d%3D%27m-7%201024.36h34v34h-34z%27%2F%3E%3C%2FclipPath%3E%3CclipPath%3E%3Cpath%20fill%3D%27%2349a37a%27%20fill-opacity%3D%27.472%27%20d%3D%27m-6%201028.36h32v32h-32z%27%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27m345.44%20248.29l-194.29%20194.28c-12.359%2012.365-32.397%2012.365-44.75%200-12.354-12.354-12.354-32.391%200-44.744l171.91-171.91-171.91-171.9c-12.354-12.359-12.354-32.394%200-44.748%2012.354-12.359%2032.391-12.359%2044.75%200l194.29%20194.28c6.177%206.18%209.262%2014.271%209.262%2022.366%200%208.099-3.091%2016.196-9.267%2022.373%27%20transform%3D%27matrix%28.03541-.00013.00013.03541%202.98%203.02%29%27%20fill%3D%27%2349a37a%27%2F%3E%3C%2Fsvg%3E");
  background-size: 30px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media (max-width: 700px) {
  luxury-cancellation .cancellation-step .left-col {
    padding-bottom: 0 !important;
  }

  .overview-table.overview-table-mobile::before,
  .overview-table.overview-table-mobile::after\  {
    display: block;
    content: "";
    clear: both;
  }
}

@media screen and (min-width: 801px) and (max-width: 985px) {
  .booking-layer .calendar-month {
    margin-left: 2% !important;
    width: 48% !important;
  }

  .booking-layer .right-col {
    margin-right: 10px !important;
  }

  .cal-event-description {
    font-size: 8px !important;
  }
}

.overview-table-row-column-name {
  padding-right: 10px !important;
}

.cancellation-step,
.confirmation-step,
.booking-layer .book-wrap .ins,
.booking-layer .calendar-wrap .a-right {
  background-color: #f9e5e5 !important;
}

.confirmation-block .stave .fl-l {
  padding-right: 10px !important;
}

@media (max-width: 800px) {
  .booking-layer .reserv-block {
    background-color: #f9e5e5 !important;
  }
}

@media (max-width: 665px) {
  .azds-multi-room-item.selected .azds-multi-room-item__content {
    flex-direction: column !important;
    align-items: initial !important;
  }

  .azds-multi-room-item.selected .azds-multi-room-item__content-selected-title {
    margin-right: 85px !important;
  }
}

.azds-multi-room-item__content-guests .ng-select.ng-select-single .ng-select-container .ng-value-container {
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

.colony-list {
  background-color: initial;
  padding: 20px 0;
  text-align: center;
  color: #00a678;
  position: relative
}

.colony-list:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 15px;
  bottom: 13px;
  left: 15px;
  border: 2px solid #00a678
}

.colony-list .colony-list-container, .colony-list footer #footer-columns, footer .colony-list #footer-columns {
  border: 2px solid #00a678;
  margin-right: 22px;
  margin-left: 22px
}

.colony-list .colony-list-container .container-narrow, .colony-list footer #footer-columns .container-narrow, footer .colony-list #footer-columns .container-narrow {
  padding: 15px
}

.colony-list .colony-list-container .container-narrow h4 {
  color: #00a678;
  font-size: 32px;
  margin: 22px auto 31px;
  font-family: "AZDS-language-dropdown-sixth", serif !important;
  word-spacing: -.09em !important;
  letter-spacing: .03em;
}

.colony-list .colony-list-container .container-narrow ul, .colony-list footer #footer-columns .container-narrow ul, footer .colony-list #footer-columns .container-narrow ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  list-style: none;
  padding-left: 0
}

.colony-list .colony-list-container .container-narrow ul li {
  margin-bottom: 20px;
  font-family: "AZDS-language-dropdown-fifth", serif !important;
}

.colony-list .colony-list-container .container-narrow ul li, .colony-list footer #footer-columns .container-narrow ul li, footer .colony-list #footer-columns .container-narrow ul li {
  font-size: 20px;
  line-height: 1.2
}

@media(max-width: 900px) {
  .colony-list .colony-list-container .container-narrow ul, .colony-list footer #footer-columns .container-narrow ul, footer .colony-list #footer-columns .container-narrow ul {
    max-height: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
  }

  .colony-list .colony-list-container .container-narrow ul li, .colony-list footer #footer-columns .container-narrow ul li, footer .colony-list #footer-columns .container-narrow ul li {
    font-size: 18px;
    line-height: 1.2em
  }
}

@media(max-width: 479px) {
  .colony-list .colony-list-container .container-narrow ul, .colony-list footer #footer-columns .container-narrow ul, footer .colony-list #footer-columns .container-narrow ul {
    max-height: none;
    display: flex;
    flex-direction: column;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
  }
}

booking-layout .right-col .message-block {
  background-color: transparent !important;
}