/*-------- booking -------------*/

.servio-container-header #ServioContainer[scale='1590'] #bookingModule,
.servio-container-header #ServioContainer[scale='1860'] #bookingModule,
.servio-container-header #ServioContainer[scale='2500'] #bookingModule,
.servio-result-header #ServioResult[scale='1590'] .wrap-prog-descr,
.servio-result-header #ServioResult[scale='1860'] .wrap-prog-descr,
.servio-result-header #ServioResult[scale='2500'] .wrap-prog-descr,
.servio-result-header #ServioResult[scale='1590'] #RegistrationForm,
.servio-result-header #ServioResult[scale='1860'] #RegistrationForm,
.servio-result-header #ServioResult[scale='2500'] #RegistrationForm,
.servio-result-header #ServioResult[scale='1590'] .servio-cart .information-block,
.servio-result-header #ServioResult[scale='1860'] .servio-cart .information-block,
.servio-result-header #ServioResult[scale='2500'] .servio-cart .information-block,
.servio-result-header #ServioResult[scale='1590'] .booking-information,
.servio-result-header #ServioResult[scale='1860'] .booking-information,
.servio-result-header #ServioResult[scale='2500'] .booking-information,
.servio-result-header #ServioResult[scale='1590'] .additional-services,
.servio-result-header #ServioResult[scale='1860'] .additional-services,
.servio-result-header #ServioResult[scale='2500'] .additional-services,
.servio-result-header #ServioResult[scale='1590'] .servio-cart,
.servio-result-header #ServioResult[scale='1860'] .servio-cart,
.servio-result-header #ServioResult[scale='2500'] .servio-cart,
.servio-result-header #ServioResult[scale='1590'] .additional-services-block,
.servio-result-header #ServioResult[scale='1860'] .additional-services-block,
.servio-result-header #ServioResult[scale='2500'] .additional-services-block,
.servio-result-header #ServioResult[scale='1590'] .servio-cart .room-block.room-block-half,
.servio-result-header #ServioResult[scale='1860'] .servio-cart .room-block.room-block-half,
.servio-result-header #ServioResult[scale='2500'] .servio-cart .room-block.room-block-half {
    max-width: 1366px !important;
}

.servio-result-header #ServioResult .footer {
    display: none;
}

.servio-result-header {
    /*flex: 1 0 auto;*/
}

.servio-result-header #ServioResult {
    display: none;
    flex: 1;
    padding-bottom: 50px;
}

.servio-result-header #ServioResult {
    padding-top: 140px;
}

.servio-container-hotel #ServioContainer .srv-hotel .main-column-title {
    margin-top: 15px;
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .servio-result-header #ServioResult {
        padding-top: 170px;
    }
}

@media all and (max-width: 991px) {

    .servio-container-header #ServioContainer .submit-column .main-column-title {
        margin-top: 0;
    }
}

@media all and (min-width: 768px) {
    .servio-container-header #ServioContainer .main-column-title {
        display: none;
    }

    .servio-container-hotel #ServioContainer .main-column-title {
        display: none;
    }
}

@media all and (max-width: 767px) {
    .header-module-wrap {
        margin-top: 65px;
    }

    .servio-result-header #ServioResult {
        padding-top: 15px;
        padding-left: 0;
        padding-right: 0;
    }
}

.servio-container-header #ServioContainer .init-preloader-block {
    padding: 5px;
}

.servio-container-header #ServioContainer .init-preloader-block p {
    line-height: 24px;
}

.servio-container-hotel {
    position: relative;
    z-index: 1;
}

.servio-container-hotel #sbq-hotel-for-select2 .select2-container.select2-container--open {
    /*z-index: 300001;*/
}

.servio-result-header #ServioResult .stars-block svg#hotel-star path,
.servio-result-header #ServioResult .stars-block svg#hotel-star polygon,
.servio-result-header #ServioResult .stars-block svg#hotel-star rect,
.servio-result-header #ServioResult .stars-block svg#hotel-star circle,
.servio-result-hotel #ServioResult .stars-block svg#hotel-star path,
.servio-result-hotel #ServioResult .stars-block svg#hotel-star polygon,
.servio-result-hotel #ServioResult .stars-block svg#hotel-star rect,
.servio-result-hotel #ServioResult .stars-block svg#hotel-star circle {
    fill: #79001E;
}

@media all and (min-width: 768px) and (max-width: 1031px) {
    /*@media all and (min-width: 768px) and (max-width: 1014px) {*/
    .servio-container-header #ServioContainer #bookingModule #servioForm .srv-hotel {
        border-top-left-radius: 5px;
        overflow: hidden;
    }

    .servio-container-header #ServioContainer #bookingModule #servioForm .settings-wrapper {
        border-top-right-radius: 5px;
        overflow: hidden;
    }

    .servio-container-header #ServioContainer #bookingModule #servioForm .submit-column {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden;
    }
}

@media all and (min-width: 1032px) {
    /*@media all and (min-width: 1015px) {*/
    .servio-container-header #ServioContainer #bookingModule #servioForm .srv-hotel {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden;
    }

    .servio-container-header #ServioContainer #bookingModule #servioForm .submit-column {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden;
    }
}

@media all and (max-width: 767px) {
    .servio-container-header #ServioContainer #bookingModule #servioForm .submit-column .submit-button {
        border-radius: 5px;
        overflow: hidden;
    }

    .servio-result-header #ServioResult .servio-cart .room-block {
        padding: 15px;
    }
}

.servio-container-hotel .booking-room span {
    font-family: Roboto, sans-serif;
}

.servio-result-header #ServioResult #hotel-result .booking-button,
.servio-result-hotel #ServioResult #hotel-result .booking-button,
.servio-result-header #ServioResult #hotel-result .recommendation-button {
    margin: 0 15px 15px 15px;
    border-radius: 5px;
}

.servio-result-header #ServioResult #hotel-result .recommendation-button {
    height: auto;
    line-height: 30px;
}

/*.servio-result-header #ServioResult #hotel-result .top-block {*/
/*    flex: 1;*/
/*}*/

.servio-result-header #ServioResult #hotel-result .room-wrapper,
.servio-result-hotel #ServioResult #hotel-result .room-wrapper {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.servio-result-header #ServioResult #RegistrationForm .main-button-sbq,
.servio-result-header #ServioResult .modal-content-sbq .main-button-sbq,
.servio-result-header #ServioResult .price-block-wrap .btn-confirmed,
.servio-result-header #ServioResult #booking-information-sbq .main-sbq-color,
.servio-result-header #ServioResult .bed-selector,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype {
    border-radius: 5px;
}

.hotel-page .header-module-title {
    display: none;
}


.servio-result-header #ServioResult .image-block .slick-arrow:before {
    display: block;
    background: none;
}

.servio-result-header #ServioResult .image-block .background,
.servio-result-header #ServioResult .room-img .background {
    background: none;
}

.servio-result-header #ServioResult .slick-prev:before {
    display: block;
    transform: rotate(180deg);
}

.servio-result-header #ServioResult .feature-img img {
    opacity: .6;
}

/**/

#ServioResult #bookingForm .transfer-block {
    margin: 0;
}


/* TODO перенести в основной проект sbj.rkz.io */

#ui-datepicker-div .choicetime-sbq,
.servio-container-header #ServioContainer .sbq-datepicker .choicetime-sbq,
.servio-container-hotel #ServioContainer .xxx {
    display: flex;
}

#ui-datepicker-div .choicetime-sbq div,
.servio-container-header #ServioContainer .choicetime-sbq div,
.servio-container-hotel #ServioContainer .xxx {
    width: 50%;
    margin: 0;
    padding: 5px;
}

/* end */

.servio-result-header #ServioResult .bed-selector:hover svg path,
.servio-result-header #ServioResult .bed-selector.active:hover svg path,
.servio-result-header #ServioResult .bed-selector.active svg path,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype:hover svg path,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype.active svg path {
    fill: #79001E;
}

.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype svg path,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype svg path {
    fill: #000;
}

.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype {
    margin: 5px 15px 15px 5px;
}

.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.servio-result-header #ServioResult .bed-selector {
    border: 1px solid #ffffff;
}

.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype:hover,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype.active {
    background-color: #f7f7f7;
    color: #79001E;
    border: 1px solid #79001E;
    box-shadow: 0 0 10px #79001E55;
}

.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype:hover p,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype.active p {
    color: #79001E;
}

.servio-result-header #ServioResult .bed-selector.active:hover,
.servio-result-header #ServioResult .bed-selector:hover,
.servio-result-header #ServioResult .bed-selector.active {
    background-color: #ffffff;
    border: 1px solid #79001E;
    box-shadow: 0 0 10px #79001E55;
}

.servio-result-header #ServioResult .beds-selector [type="radio"] + .text-block::before {
    top: 5px;
}

.servio-result-header #ServioResult .beds-selector [type="radio"]:checked + .text-block::after {
    top: 9px;
}

.servio-result-header #ServioResult .consent_personal_data.checkbox-wrap .overlay svg,
.servio-result-header #ServioResult .consent_distant_sale.checkbox-wrap .overlay svg,
.servio-result-header #ServioResult .consent_personal_data_defence.checkbox-wrap .overlay svg,
.servio-result-header #ServioResult .agreement-with-rules-block.checkbox-wrap .overlay svg,
.servio-result-header #ServioResult .transfer-block.checkbox-wrap .overlay svg,
.servio-result-header #ServioResult .tourist-tax-block.checkbox-wrap .overlay svg {
    position: relative;
    top: -3px;
}

.servio-result-header #ServioResult .room-radiobutton.beds-selector .title-block.blackout-el > span {
    padding-top: 4px;
}

.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype svg path,
.servio-result-header #ServioResult #booking-content-form-pay .booking-paytype svg path {
    fill: #000;
}

.servio-result-header #ServioResult .additional-services-block .send-wrap p,
.servio-result-header #ServioResult .action-text {
    color: #ffffff;
}

#ServioResult #hotel-result .stars-block svg polygon {
    fill: #79001e;
}

.pricelist {
    max-width: 100%;
    margin-top: 140px;
    margin-left: 15px;
    margin-right: 15px;
}

.pricelist .pricelist-table-bordered th, .pricelist-table-bordered td {
    padding: .20rem;
    vertical-align: middle;
    border: 2px solid #e3e3e3;
}

.pricelist .pricelist-table-bordered th {
    font-size: 20px;
    vertical-align: middle;
    border: 2px solid #e3e3e3;
    background-color: #79001E;
    color: #FFFFFF;
}

.pricelist .pricelist-rate {
    font-size: 12px;
    background-color: #79001E;
    color: #FFFFFF;
}

.pricelist table td {
    font-size: 12px;
    vertical-align: middle;
    border: 2px solid #e3e3e3;
}

.pricelist .room-title {
    font-size: 18px;
    font-weight: bold;
}

.pricelist .price-title {
    font-size: 16px;
}

.pricelist td.img {
    min-width: calc(152px + 0.4rem);
    max-width: calc(152px + 0.4rem);
    width: calc(152px + 0.4rem);
}

.pricelist .room-image {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
}

.pricelist .rkz-preloader {
    width: 150px;
    height: 150px;
    border: 2px solid #eae4ea;
    border-bottom: 2px solid #000;
    border-radius: 50%;
    animation: loader 1s linear infinite;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}