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

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

    .b-main-background {
        background-image: url(https://d1t1qzzb2zwrre.cloudfront.net/master/upload/63/637e7e3ea5368792243467.png) !important;
        background-position: center;
        background-size: cover;
    }

@import url('https://fonts.googleapis.com/css?family=Spectral');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


.booking-layer h3,
.booking-layer h4,
.booking-layer h5,
.booking-layer h6,
.booking-layer h7,
.booking-layer .tit,
.booking-layer button,
.book-wrap button,
.booking-layer strong,
.booking-layer dt,
.charge-block dt,
.modal-content h3,
.modal-content h4,
.modal-content h5,
.modal-content h6,
.modal-content h7,
.modal-content .total,
.step-2-back,
.btn-rates,
.btn-book,
.room-reserve-btn,
.booking-layer .step-title {
    font-family: Montserrat, sans-serif !important;
}

.title-monthes,
.cal-days,
.calendar-month,
.booking-layer,
.booking-layer p,
.booking-layer dl,
.booking-layer .title,
.booking-layer span,
.booking-layer li,
.booking-layer input,
.extra-descr a,
.modal-content p,
.modal-content span,
.modal-content li,
.modal-content dd,
.modal-content .title,
.booking-layer h1,
.modal-content h1,
.booking-layer h2,
.modal-content h2,
.booking-layer .header-main-navigation,
.booking-layer .top-nav,
.azds-booking-section html, .azds-booking-section body, .azds-booking-section div, .azds-booking-section span, .azds-booking-section applet, .azds-booking-section object, .azds-booking-section iframe, .azds-booking-section h1, .azds-booking-section h2, .azds-booking-section h3, .azds-booking-section h4, .azds-booking-section h5, .azds-booking-section h6, .azds-booking-section p, .azds-booking-section blockquote, .azds-booking-section pre, .azds-booking-section abbr, .azds-booking-section acronym, .azds-booking-section address, .azds-booking-section big, .azds-booking-section cite, .azds-booking-section code, .azds-booking-section del, .azds-booking-section dfn, .azds-booking-section em, .azds-booking-section img, .azds-booking-section ins, .azds-booking-section kbd, .azds-booking-section q, .azds-booking-section s, .azds-booking-section samp, .azds-booking-section small, .azds-booking-section strike, .azds-booking-section strong, .azds-booking-section sub, .azds-booking-section sup, .azds-booking-section tt, .azds-booking-section var, .azds-booking-section b, .azds-booking-section u, .azds-booking-section i, .azds-booking-section center, .azds-booking-section dl, .azds-booking-section dt, .azds-booking-section dd, .azds-booking-section ol, .azds-booking-section ul, .azds-booking-section li, .azds-booking-section fieldset, .azds-booking-section form, .azds-booking-section label, .azds-booking-section legend, .azds-booking-section table, .azds-booking-section caption, .azds-booking-section tbody, .azds-booking-section tfoot, .azds-booking-section thead, .azds-booking-section tr, .azds-booking-section th, .azds-booking-section td, .azds-booking-section article, .azds-booking-section aside, .azds-booking-section canvas, .azds-booking-section details, .azds-booking-section embed, .azds-booking-section figure, .azds-booking-section figcaption, .azds-booking-section footer, .azds-booking-section header, .azds-booking-section hgroup, .azds-booking-section menu, .azds-booking-section nav, .azds-booking-section output, .azds-booking-section ruby, .azds-booking-section section, .azds-booking-section summary, .azds-booking-section time, .azds-booking-section mark, .azds-booking-section audio, .azds-booking-section video,
.booking-layer .ng-select-container {
     font-family: Montserrat, serif !important;
}

modal-container .modal-dialog .modal-content p,
.booking-layer p {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: normal  !important;
}

.booking-layer .upgrade-room-block p{
    color: #fff !important;
}

.azds-booking-section .descr-wrap .ri .btn-book {
    font-family: sans-serif !important;
}

.azds-booking-section .room-info .room-description {
    font-size: 18px !important;  
font-family: sans-serif !important;
}

.azds-booking-section .offers-wrap .step-2-rates {
    background-color: #FFFFFF !important;
    background-image: none !important;
}

.azds-booking-section input, .azds-booking-section .ng-select-container, .azds-booking-section textarea, .azds-booking-section button {
    border-radius: 0 !important;
}

.azds-booking-section .ng-select-container {
    background-size: inherit !important;
}

.azds-booking-section .full-size {
    font-family: 'Glyphicons Halflings' !important;
}

boutique-charge .charge-block dl dt, boutique-charge .charge-block dl dd {
    display: block;
}

boutique-charge ul li {
    margin: 0;
}

.azds-booking-section .reserve-form .row>div.reserve-col:not(.col):not([class^=col-]) {
   width: 47% !important;
}


@media screen and (max-width: 700px) {
    #bf_wrapper_frame_button_navis_chalk_button {
        display: none !important;
        overflow: hidden;
    }
}

.azds-booking-section .calendar-month .cal-month-view mwl-calendar-month-cell .cal-event {
    height: auto;
}

@media (max-width: 768px) and (min-width: 0) {
    .booking-section-inner boutique-rooms-step boutique-buergenstock-room-gallery .room-slider {
        height: auto !important;
    }
}

.booking-section-inner app-boutique-order-step .room-main-info .room-info {
    height: auto !important;
}



@media (max-width: 1279px) and (min-width: 1024px) {
    .booking-section-inner app-boutique-order-step .room-main-info .room-description {
        width: 60% !important;
    }
}

@media (max-width: 1023px) and (min-width: 769px) {
    .booking-section-inner app-boutique-order-step .room-main-info .room-description {
        width: 100% !important;
    }

    .booking-section-inner app-boutique-order-step .room-main-info .room-info .room-price {
        position: static !important;
        margin-top: 10px !important;
    }
}
.booking-section-inner .booking-confirmation-info app-button {
    height: auto !important;
}



.booking-overlay-open .bfFrame--launch-popup {
    height: 93px !important;
}

.azds-booking-section .booking-section-inner .booking-section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
     flex-direction: column;
}

.azds-booking-section .booking-section-inner app-boutique-cancellation, .azds-booking-section .booking-section-inner boutique-confirmation-step {
    display: block;
    webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;
}

.azds-booking-section .booking-section-inner boutique-confirmation-step .booking-confirmation-wrap, .azds-booking-section .booking-section-inner app-boutique-cancellation .booking-confirmation-wrap {
    min-height: 100%;
    height: auto;
}

.booking-overlay-open .modal-swiper-container {
    height: auto;
}

@media (max-width: 768px) and (min-width: 0) {
    .azds-booking-section .reserve-form .reserve-col {
        min-width: 100%;
    }

    .azds-booking-section .reserve-form .reserve-col.prefix-form-col + .reserve-col.firstname-form-col,
    .azds-booking-section .reserve-form .reserve-col.prefix-form-col {
        min-width: 0;
    }
}

@media (max-width: 482px) {
    boutique-filters .filters-wrap .ng-select-container {
            margin: 0 2% 15px !important;
            font-size: 14px !important;
            letter-spacing: 1px !important;
    }
}

@media (max-width: 374px) {
    .azds-booking-section .order-info-dates .order-info-arrive, .azds-booking-section .order-info-dates .order-info-depart {
        font-size: 10px !important;
        white-space: normal !important;
    }
}
.azds-booking-section .booking-section-header .btn-close
{
visibility: hidden;
}

.booking-overlay-open h1 {
    position: static;
    transform: none;
    letter-spacing: normal;
}

@media screen and (min-width: 577px) {
    .booking-overlay-open body.modal-open booking-layout {
        position: static !important;
        overflow: auto !important;
    }
}

/* Dima H. Checked. MultiRoomItem implementation. */
boutique-multi-room-item .azds-multi-room-item__close .azds-col-close {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM4RjU2QjE2NEEyQTExRTlCRkEzQUNGQzQ3QjQwNzRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4RjU2QjE3NEEyQTExRTlCRkEzQUNGQzQ3QjQwNzRCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTZBRkZGMDk0QTI5MTFFOUJGQTNBQ0ZDNDdCNDA3NEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTZBRkZGMEE0QTI5MTFFOUJGQTNBQ0ZDNDdCNDA3NEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LEcK6AAACJUlEQVR42uyby03DQBBA7VFaoAkkQhEYioAcOMMBqAQ4wJkD0ERMEQSJJlJEGAtHshzHye7s/GKPNPIlsv1evJ+xd/PVapUNOSAbeIwCRgEDjwn1BC+vb6oAtzfXPAIQ7BgPj5gzvMjS47+LDEd4eMd8QIbf0CbwhHmBOa9P5BF+XjM8x/QBV5gLzFNvEhrw1b3/YF4GC6gf+8KbhA74s74mDDs6GFcSQuH3Gga9SIiB33seYF1CLHwVeUgxVF+oxJxifmOeY2oPkdHwwTPBriehvgGX8FFTYUMSyPDRtYABCUngScWQooR1P0SGJ1eDChKanTAZPlU5LCVhAz7FCJTqfQC3BBb41C9EuCSwwXO8EUotgRWeQ0BKCezwXAK6JJSBEkTgOQW0JUwDJIjBcwuIkdCEX3DDSwgIkdCGLyQqTanvArskqMBLCuiToAZfxSSTjbWEsiEh04LXENAlIdOCl24CJkNDQLvNh84TXAvo6vAKTQmgDL8kzBhdCdg11KlJAAPwqhLACLyaBDAEryIBjMGLSwCD8KISwCi8mAQwDC8iAYzDs0sAB/CsEkgCWgsmJEraDQnUlSrgCH6bhC+KBHAG3yXhhCIBHMInlQBO4ZNJAAq8hUXUrUUawRLAM3wKCeAdnioBDgGeIgEOBT5WQt8T8OENvkfCZ4yA++x/dUfhcctMQ0LFcLftdzl156j3TVOD/zSWj3uHBx6jgKEL+BNgAPvbnnQpTwGmAAAAAElFTkSuQmCC") !important;
    background-size: 32px 32px !important;
}

@supports (-webkit-overflow-scrolling: touch) {
    .booking-overlay-open body.modal-open {
         -webkit-overflow-scrolling: touch;
    }

    .booking-overlay-open body.modal-open footer {
        position: fixed;
        top: 100%;
    } 

    .booking-overlay-open body.modal-open booking-layout {
        position: static !important;
        overflow: auto !important;
    }
}


.booking-overlay-open #navis_chalk_button {
    width: 220px;
    max-height: 93px;
}

.cal-month-view .cal-day-cell[ng-reflect-ng-class="expired"] {
  color: #ADADAD !important;
}

.booking-overlay-open app-boutique-legend > app-button{
  display: none !important;
}