/* Start:/local/templates/generator/components/bitrix/catalog/hotels/style.min.css?1702030243959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/generator/components/bitrix/catalog.element/.default/style.css?1747649846146355*/
body content {
    display: flex;
    flex-direction: column;
    font-family: 'Roboto', sans-serif;
    color: #222;
}

@media (max-width: 767px) {
    body content {
        padding-bottom: 16px;
        background: #F8F8F8;
    }
}

body .breadcrumb {
    order: 1
}

.room_popup-right {
    width: 100%;
}

@media (max-width: 767px) {
    body .breadcrumb {
        margin-top: 16px;
    }
}

.room-wrapper {
    margin-top: 32px;
    order: 2;
}

@media (max-width: 767px) {
    .room-wrapper {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px 10px 0 0;
    }
}

.room-wrapper .container {
    display: flex;
    justify-content: space-between
}

@media (max-width: 959px) {
    .room-wrapper .container {
        display: block;
    }
}

.roomWrapper-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 263px;
}

@media (max-width: 959px) {
    .roomWrapper-left {
        display: none;
    }
}

.roomWrapper-right {
    width: calc(100% - 283px);
}

@media (max-width: 959px) {
    .roomWrapper-right {
        width: 100%;
    }
}

.tabs-block {
    border-bottom: 1px solid #ddd;
}

@media (max-width: 767px) {
    .tabs-block {
        padding-top: 20px;
    }
}

@media (max-width: 959px) {
    .tabs-block {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.tabs-list {
    position: relative;
    display: flex;
    overflow: auto;
}

.tabs-list::-webkit-scrollbar {
    display: none;
}

.tabs-item {
    padding: 13px 20px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 100%;
    color: #666;
    cursor: pointer;
    white-space: nowrap;
}

@media (max-width: 959px) {
    .tabs-item {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.tabs-item:hover {
    background: #F8F8F8;
    color: #666;
}

.tabs-item:focus {
    text-decoration: none;
}

.first-block {
    padding-top: 24px;
}

@media (max-width: 767px) {
    .first-block {
        padding-top: 20px;
        background-color: white;
    }
}

.hotel-info {
    display: flex;
    align-items: center;
}

.hotel-stars {
    margin-right: 16px;
    position: relative;
    width: 80px;
    height: 16px;
    background-image: url(/local/templates/generator/assets/images/star-passive.svg);
    background-repeat: repeat;
}

.hotelStars-counter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url(/local/templates/generator/assets/images/star-active.svg);
    background-repeat: repeat;
    background-position: left top;
}

.hotel-bonus {
    padding: 6px;
    background: #F8F8F8;
    border-radius: 5px;
    font-size: 12px;
    line-height: 100%;
    color: #666;
}

.hotel-name {
    margin: 24px 0 0 0;
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    color: black;
}

@media (max-width: 767px) {
    .hotel-name {
        margin-top: 20px;
        font-size: 22px;
    }
}

.hotel-address {
    margin-top: 24px;
    display: flex;
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .hotel-address {
        margin-top: 16px;
    }
}

.hotel-address img {
    margin-right: 8px;
    display: block;
    width: 20px;
}

.gallery-block {
    padding-top: 24px;
}

@media (max-width: 959px) {
    .gallery-block {
        position: relative;
        margin-right: -15px;
        margin-left: -15px;
        padding-top: 20px;
        background-color: white;
    }
}

.gallery-container.swiper-wrapper {
    display: grid;
    gap: 12px;
}

@media (max-width: 959px) {
    .gallery-container.swiper-wrapper {
        display: flex;
        gap: 0;
    }
}

@media (min-width: 960px) {
    .gallery-container.swiper-wrapper {
        box-sizing: border-box !important;
    }
}

.gallery-item.swiper-slide {
    position: relative;
    display: flex;
}

@media (max-width: 959px) {
    .gallery-item.swiper-slide {
        display: flex !important;
    }
}

.gallery-item:before {
    padding-top: 49%;
    float: left;
    content: '';
}

.count1 .gallery-container {
    grid-template-columns: repeat(1, 1fr);
}

.count1 .gallery-item:before {
    padding-top: 35%;
}

.count2 .gallery-container {
    grid-template-columns: repeat(2, 1fr);
}

.count2 .gallery-item:nth-child(1),
.count2 .gallery-item:nth-child(2) {
    grid-column: span 1;
}

.count2 .gallery-item:nth-child(1):before {
    display: none;
}

.count2 .gallery-item:nth-child(2):before {
    padding-top: 70%;
}

.count3 .gallery-container {
    grid-template-columns: repeat(5, 1fr);
}

.count3 .gallery-item:nth-child(3),
.count3 .gallery-item:nth-child(1) {
    grid-column: span 2;
}

.count3 .gallery-item:nth-child(2) {
    grid-column: span 3;
    grid-row: span 2;
}

.count3 .gallery-item:nth-child(2):before {
    padding-top: 58%;
}

.count3 .gallery-item:nth-child(1):before,
.count3 .gallery-item:nth-child(3):before {
    display: none;
}

.count4 .gallery-container {
    grid-template-columns: repeat(3, 1fr);
}

.count4 .gallery-item:nth-child(1) {
    grid-column: span 3;
}

.count4 .gallery-item:nth-child(1):before {
    padding-top: 28%;
}

.count5 .gallery-container {
    grid-template-columns: repeat(6, 1fr);
}

.count5 .gallery-item:nth-child(1),
.count5 .gallery-item:nth-child(2) {
    grid-column: span 3;
    grid-row: span 2;
}

.count5 .gallery-item:nth-child(n + 3) {
    grid-column: span 2;
}

.count5 .gallery-item:nth-child(1):before,
.count5 .gallery-item:nth-child(2):before {
    padding-top: 67%;
}

.count6 .gallery-container {
    grid-template-columns: repeat(4, 1fr);
}

.count6 .gallery-item:nth-child(1),
.count6 .gallery-item:nth-child(2) {
    grid-column: span 2;
    grid-row: span 2;
}

.count6 .gallery-item:nth-child(1):before,
.count6 .gallery-item:nth-child(2):before {
    padding-top: 65%;
}

.count7 .gallery-container {
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1023px) {
    .count7 .gallery-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

.count7 .gallery-item:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
}

.count7 .gallery-item:nth-child(2) {
    grid-column: span 3;
    grid-row: span 2;
}

@media (max-width: 1023px) {
    .count7 .gallery-item:nth-child(1),
    .count7 .gallery-item:nth-child(3) {
        grid-column: span 2;
        grid-row: span 1;
    }
    .count7 .gallery-item:nth-child(2) {
        grid-column: span 2;
    }
}

.count7 .gallery-item:nth-child(1):before {
    display: none;
}

.count7 .gallery-item:nth-child(2):before {
    padding-top: 58%;
}

@media (max-width: 1023px) {
    .count7 .gallery-item:nth-child(1):before,
    .count7 .gallery-item:nth-child(3):before {
        display: none;
    }
}

.count8 .gallery-container {
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1023px) {
    .count8 .gallery-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

.count8 .gallery-item:nth-child(3),
.count8 .gallery-item:nth-child(1) {
    grid-column: span 2;
}

@media (max-width: 1023px) {
    .count8 .gallery-item:nth-child(8) {
        display: none;
    }
}

.count8 .gallery-item:nth-child(2) {
    grid-column: span 3;
    grid-row: span 2;
}

@media (max-width: 1023px) {
    .count8 .gallery-item:nth-child(2) {
        grid-column: span 2;
    }
}

.count8 .gallery-item:nth-child(1):before,
.count8 .gallery-item:nth-child(3):before {
    display: none;
}

.count8 .gallery-item:nth-child(2):before {
    padding-top: 58%;
}

@media (max-width: 959px) {
    .gallery-block .gallery-item:nth-child(n):before {
        padding-top: 65.86%;
        display: block;
    }
}

.gallery-item img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.galleryItem-layout {
    padding: 15px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.60);
    font-weight: 600;
    line-height: 100%;
    text-decoration-line: underline;
    color: #FFF;
}

.gallery-item:nth-child(n) .galleryItem-layout {
    display: none;
}

@media (min-width: 1024px) {
    .count8 .gallery-item:nth-child(8) .galleryItem-layout {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .count8 .gallery-item:nth-child(7) .galleryItem-layout {
        display: flex;
    }
    .count8 .gallery-item:nth-child(8) .galleryItem-layout {
        display: none;
    }
}

.gallery-block .swiper-button-next,
.gallery-block .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.gallery-block .swiper-button-next {
    right: 15px;
}

.gallery-block .swiper-button-prev {
    left: 15px;
}

@media (min-width: 960px) {
    .gallery-block .swiper-button-prev,
    .gallery-block .swiper-button-next {
        display: none;
    }
}

.gallery-block .swiper-button-next:after,
.gallery-block .swiper-button-prev:after {
    display: none;
}

.gallery-block .swiper-button-next svg,
.gallery-block .swiper-button-prev svg {
    display: block;
    width: 7px;
    height: 12px;
    pointer-events: none;
}

.description-block {
    padding-top: 40px;
    font-size: 16px;
    line-height: 180%;
    color: #222;
    order: 3;
}

@media (max-width: 767px) {
    .description-block {
        margin-top: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: white;
        border-radius: 0 0 10px 10px;
        order: 4;
    }
}

.description-wrapper {}

@media (max-width: 767px) {
    .description-block:not(.opened) .description-wrapper {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
}

.description-wrapper p {
    margin: 20px 0 0 0;
    display: inline;
}

.description-wrapper p:first-child {
    margin-top: 0;
}

.description-actions {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .description-actions {
        display: none;
    }
}

.descriptionActions-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    cursor: pointer;
}

.descriptionActions-item.showMore-trigger {
    color: var(--blue-color);
}

.description-block.opened .descriptionActions-item.showMore-trigger {
    display: none;
}

.descriptionActions-item.showLess-trigger {
    color: #BE1622;
}

.description-block:not(.opened) .descriptionActions-item.showLess-trigger {
    display: none;
}

.descriptionActions-item:hover {
    text-decoration: none;
}

.descriptionActions-item svg {
    margin-left: 4px;
    display: block;
}

.bestAmeneties-block {
    order: 4;
}

#filter {
    margin-top: 40px;
    order: 5;
}

@media (max-width: 767px) {
    #filter {
        margin-top: 20px;
        order: 3;
    }
}

#filter .container {}

@media (max-width: 767px) {
    #filter .container {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: white;
        border-radius: 10px;
    }
}

@media (min-width: 768px) {
    #filter .container {
        position: relative;
        padding-top: 40px;
    }
}

#filter .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    #filter .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    #filter .container:before {
        display: none;
    }
    #filter.show_button .filter-block {
        display: none;
    }
}

#filter .hotelPage-anchor {
    width: 100%;
    font-size: 16px;
}

@media (max-width: 767px) {
    #filter.show_filter .hotelPage-anchor {
        display: none;
    }
}

@media (min-width: 768px) {
    #filter .hotelPage-anchor {
        display: none;
    }
}

#filter .filterBlock-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    color: black;
}

@media (max-width: 767px) {
    #filter .filterBlock-title {
        display: none;
    }
}

#filter .filter-block {
    margin-top: 24px;
}

@media (max-width: 767px) {
    #filter .filter-block {
        margin-top: 0;
    }
}

.rooms-block {
    order: 6;
}

@media (max-width: 767px) {
    .rooms-block {
        order: 7;
    }
}

.roomsFilter-trigger {
    margin-top: 20px;
    padding: 20px 0;
    border-radius: 10px;
    background-color: #FFFFFF;
}

@media (min-width: 768px) {
    .roomsFilter-trigger {
        display: none;
    }
}

.roomsFilterTrigger-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.roomsFilterTriggerTop-left {
    color: #000;
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 26px */
}

.roomsFilterTriggerTop-right {
    color: #013B94;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    text-decoration-line: underline;
    cursor: pointer;
}

.roomsBlock-counter {
    padding-top: 24px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 100%;
}

.roomsFilterTrigger-guests {
    padding-top: 12px;
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
}

.roomsFilterTrigger-dates {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.roomsFilterTriggerDates-left {
    width: 50%;
    margin-right: 20px;
}

.roomsFilterTriggerDates-right {
    width: 50%;
}

.roomsFilterTriggerDates-title {
    color: #222;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 12px */
}

.roomsFilterTriggerDates-day {
    padding-top: 8px;
    color: #013B94;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 18px */
}

.roomsFilterTriggerDates-time {
    padding-top: 8px;
    color: #666;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
}

@media (min-width: 768px) {
    .roomsBlock-counter {
        display: none;
    }
}

.roomsBlock-results {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .roomsBlock-results {
        margin-top: 0;
        background-color: white;
    }
}

.roomsBlock-results .container {}

@media (max-width: 767px) {
    .roomsBlock-results .container {
        padding-top: 0;
        padding-bottom: 0;
        max-width: 480px;
    }
}

.roomsBlock-results table {
    border-collapse: collapse;
    width: 100%;
}

.roomsBlock-results table thead {
    background-color: var(--blue-color);
    color: white;
}

@media (max-width: 767px) {
    .roomsBlock-results table thead {
        display: none;
    }
}

.roomsBlock-results table thead th {
    padding: 16px;
    border-right: 1px solid white;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    color: #FFF;
    text-align: left;
    white-space: nowrap;
}

.roomsBlock-results table thead th:first-child {
    border-radius: 10px 0 0 0;
}

.roomsBlock-results table thead th:last-child {
    border: none;
    border-radius: 0 10px 0 0;
}

@media (min-width: 768px) {
    .roomsBlock-results table thead th.roomPrice-column {
        width: 225px;
    }
    .roomsBlock-results table thead th.roomPackage-column {
        width: 225px;
    }
    .roomsBlock-results table.filter-empty thead th.roomActions-columnd {
        width: 194px;
    }
    .roomsBlock-results table:not(.filter-empty) thead th.roomActions-column {
        width: 185px;
    }
}

.roomsBlock-results table tbody {
    border: 1px solid #DDD;
}

@media (max-width: 767px) {
    .roomsBlock-results table tbody {
        border: none;
    }
}

.roomsBlock-results table tbody tr {}

@media (max-width: 767px) {
    .roomsBlock-results table tbody tr {
        position: relative;
        padding-top: 32px;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    .roomsBlock-results table:not(.filter-empty) tbody tr.parent-row {
        display: none;
    }
    .roomsBlock-results table tbody tr:before {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50vw;
        display: block;
        content: '';
        width: 100vw;
        height: 12px;
        background-color: #F8F8F8;
    }
    .roomsBlock-results table:not(.filter-empty) tbody tr.parent-row:first-child+tr:before {
        display: none;
    }
}

.roomsBlock-results table tbody tr.hidden {
    display: none;
}

@media (max-width: 767px) {
    .roomsBlock-results table tbody tr.mob-hidden {
        display: none;
    }
}

@media (min-width: 768px) {
    .roomsBlock-results table tbody tr.pc-hidden {
        display: none;
    }
}

.roomsBlock-results table tbody td {
    padding: 20px 16px;
    border: 1px solid #DDD;
    vertical-align: top;
}

@media (max-width: 767px) {
    .roomsBlock-results table tbody td {
        padding: 0;
        display: block;
        border: none;
    }
    .roomsBlock-results table tbody td.roomGuests-cell {
        display: none;
    }
    .roomsBlock-results table tbody td.roomPackage-cell {
        margin-top: 24px;
        order: 1;
    }
    .roomsBlock-results table tbody td.roomPrice-cell {
        margin-top: 24px;
        padding-top: 24px;
        order: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid #DDD;
    }
    .roomsBlock-results table tbody td.roomActions-cell {
        margin-top: 12px;
        order: 3;
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .roomsBlock-results table:not(.filter-empty) tbody td.roomName-cell {
        display: none;
    }
}

.roomsBlock-results table tbody tr:first-child td {
    border-top: none;
}

.roomsBlock-results .room-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    color: var(--blue-color)
}

.roomsBlock-results .room-bedFilter {
    margin-top: 24px;
    padding: 16px;
    background-color: #EBEFF6;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .roomsBlock-results .room-bedFilter {
        margin-top: 12px;
    }
}

.roomsBlock-results .roomBedFilter-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    color: black;
}

.roomsBlock-results .roomBedFilter-items {
    margin-top: 16px;
}

.roomsBlock-results .roomBedFilter-item {
    position: relative;
    margin-top: 16px;
    padding-left: 28px;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.roomsBlock-results .roomBedFilter-item:first-child {
    margin-top: 0;
}

.roomsBlock-results .roomBedFilter-item.active {
    color: var(--blue-color)
}

.roomsBlock-results .roomBedFilter-item:before {
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDMuMTI1SDMuNzVDMy40MDQ4MiAzLjEyNSAzLjEyNSAzLjQwNDgyIDMuMTI1IDMuNzVWMTYuMjVDMy4xMjUgMTYuNTk1MiAzLjQwNDgyIDE2Ljg3NSAzLjc1IDE2Ljg3NUgxNi4yNUMxNi41OTUyIDE2Ljg3NSAxNi44NzUgMTYuNTk1MiAxNi44NzUgMTYuMjVWMy43NUMxNi44NzUgMy40MDQ4MiAxNi41OTUyIDMuMTI1IDE2LjI1IDMuMTI1WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.roomsBlock-results .roomBedFilter-item.active:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDMuMTI1SDMuNzVDMy40MDQ4MiAzLjEyNSAzLjEyNSAzLjQwNDgyIDMuMTI1IDMuNzVWMTYuMjVDMy4xMjUgMTYuNTk1MiAzLjQwNDgyIDE2Ljg3NSAzLjc1IDE2Ljg3NUgxNi4yNUMxNi41OTUyIDE2Ljg3NSAxNi44NzUgMTYuNTk1MiAxNi44NzUgMTYuMjVWMy43NUMxNi44NzUgMy40MDQ4MiAxNi41OTUyIDMuMTI1IDE2LjI1IDMuMTI1WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAxM0I5NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy40Mzc1IDguMTI1TDguODU0MTQgMTIuNUw2LjU2MjUgMTAuMzEyNSIgc3Ryb2tlPSIjMDEzQjk0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.roomsBlock-results .room-ameneties {
    margin: 21px -6px -3px -6px;
    display: flex;
    flex-wrap: wrap;
}

.roomsBlock-results .room-ameneties.hidden {
    display: none;
}

.roomsBlock-results .roomAmeneties-item {
    margin: 3px 6px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
}

.roomsBlock-results .roomAmeneties-item img {
    margin-right: 4px;
    display: block;
}

.roomsBlock-results .room-other {
    margin: 21px -6px -3px -6px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .roomsBlock-results .room-other {
        display: none;
    }
}

.roomsBlock-results .room-other.hidden {
    display: none;
}

.roomsBlock-results .roomOther-item {
    margin: 3px 6px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 100%;
}

.roomsBlock-results .roomOther-item:before {
    margin-right: 4px;
    display: flex;
    flex-shrink: 0;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNC41MDAyNEw2LjUgMTEuNDk5OUwzIDguMDAwMjQiIHN0cm9rZT0iIzAxM0I5NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.roomsBlock-results .room-bed {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 100%;
}

.roomsBlock-results .room-bed img {
    margin-right: 8px;
    display: block;
}

.roomsBlock-results .room-guests {
    display: flex;
}

@media (max-width: 767px) {
    .roomsBlock-results .room-guests {
        margin-top: 12px;
    }
}

@media (min-width: 768px) {
    .roomsBlock-results .roomName-cell .room-guests {
        display: none;
    }
}

.roomsBlock-results .room-guests img {
    display: block;
}

.roomsBlock-results .room-guests span {
    margin-left: 4px;
}

.roomsBlock-results .room-guests span:first-child {
    margin: 0 4px 0 0;
}

.roomsBlock-results .roomPackage-item {
    margin-top: 12px;
    display: flex;
}

.roomsBlock-results .roomPackage-item:first-child {
    margin-top: 0;
}

.roomsBlock-results .roomPackageItem-icon {
    margin-right: 8px;
    width: 16px;
    flex-shrink: 0;
}

.roomsBlock-results .roomPackageItem-icon img {
    display: block;
}

.roomsBlock-results .room-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    color: var(--blue-color);
}

@media (max-width: 767px) {
    .roomsBlock-results .room-price {
        font-size: 26px;
    }
}

.roomsBlock-results .room-tax {
    margin-top: 8px;
    font-size: 12px;
    line-height: 150%;
    color: #666;
}

@media (max-width: 767px) {
    .roomsBlock-results .room-tax {
        margin: 0 0 0 16px;
        font-size: 14px;
    }
}

.roomsBlock-results .roomPackageItem-text {
    font-size: 12px;
    line-height: 18px;
}

.roomsBlock-results .roomPackageItem-text span {
    font-weight: bold;
}

.roomsBlock-results .button {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .roomsBlock-results .button {
        width: 100%;
        max-width: 350px;
    }
}

.roomsBlock-results .roomsBlockResults-actions {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

@media (max-width: 767px) {
    .roomsBlock-results .roomsBlockResults-actions {
        position: relative;
        padding: 26px 0 16px 0;
    }
}

@media (max-width: 767px) {
    .roomsBlock-results .roomsBlockResults-actions:before {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50vw;
        display: block;
        content: '';
        width: 100vw;
        height: 12px;
        background-color: #F8F8F8;
    }
}

.roomsBlock-results .no-results {
    margin-bottom: 24px;
}

.reviews-block {
    margin-top: 40px;
    overflow: hidden;
    order: 7;
}

@media (max-width: 767px) {
    .reviews-block {
        order: 6;
    }
}

@media (max-width: 767px) {
    .reviews-block {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px;
    }
}

.reviews-block .container {
    position: relative;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .reviews-block .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.reviews-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .reviews-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .reviews-block .container:before {
        display: none;
    }
}

.reviewsBlock-top {
    display: flex;
    justify-content: space-between;
}

.reviewsBlock-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    color: black;
}

.reviewsBlock-info {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.reviewsBlockInfo-rate {
    margin-right: 12px;
    padding: 8px;
    background: #12B164;
    border-radius: 5px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 600;
    color: #FFF;
}

.reviewsBlockInfoCounter-top {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
}

.reviewsBlockInfoCounter-bottom {
    font-size: 12px;
    line-height: 100%;
    color: #666;
}

.reviewsBlockInfo-actions {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .reviewsBlockInfo-actions {
        display: none;
    }
}

.reviewsBlockInfo-actions a {
    font-size: 16px;
    line-height: 100%;
    color: var(--blue-color);
    text-decoration: underline;
}

.reviewsBlockInfo-actions a:hover {
    text-decoration: none;
}

.reviewsBlockTop-right {}

@media (max-width: 767px) {
    .reviewsBlockTop-right {
        display: none;
    }
}

.reviewsBlock-statistics {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .reviewsBlock-statistics {
        margin-top: 20px;
    }
}

.reviewsBlockStatistics-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
}

.reviewsBlockStatistics-items {
    margin: 6px -10px -10px -10px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .reviewsBlockStatistics-items {
        display: block;
        margin: 20px 0 0 0;
    }
}

.reviewsBlockStatistics-item {
    margin: 10px;
    width: calc(50% - 20px);
}

@media (max-width: 767px) {
    .reviewsBlockStatistics-item {
        margin: 20px 0 0 0;
        width: 100%;
    }
    .reviewsBlockStatistics-item:first-child {
        margin-top: 0;
    }
    @media (max-width: 767px) {
        .reviewsBlockStatistics-wrapper:not(.opened) .reviewsBlockStatistics-item:nth-child(n + 4) {
            display: none;
        }
    }
}

.reviewsBlockStatisticsItem-top {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 100%;
}

.reviewsBlockStatisticsItem-graph {
    position: relative;
    margin-top: 8px;
    height: 8px;
    background: #F8F8F8;
    border-radius: 4px;
}

.reviewsBlockStatisticsItemGraph-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--blue-color);
    border-radius: 4px;
}

.reviewsBlockStatistics-bottom {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .reviewsBlockStatistics-wrapper:not(.opened) .reviewsBlockStatistics-bottom {
        display: none;
    }
}

@media (min-width: 768px) {
    .reviewsBlockStatistics-bottom {
        display: none;
    }
}

.reviewsBlockStatistics-actions {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .reviewsBlockStatistics-actions {
        display: none;
    }
}

.reviewsBlockStatisticsActions-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    cursor: pointer;
}

.reviewsBlockStatisticsActions-item.showMore-trigger {
    color: var(--blue-color);
}

.reviewsBlockStatistics-wrapper.opened .reviewsBlockStatisticsActions-item.showMore-trigger {
    display: none;
}

.reviewsBlockStatisticsActions-item.showLess-trigger {
    color: #BE1622;
}

.reviewsBlockStatistics-wrapper:not(.opened) .reviewsBlockStatisticsActions-item.showLess-trigger {
    display: none;
}

.reviewsBlockStatisticsActions-item:hover {
    text-decoration: none;
}

.reviewsBlockStatisticsActions-item svg {
    margin-left: 4px;
    display: block;
}

.reviewsBlock-themes {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .reviewsBlock-themes {
        display: none;
    }
}

.reviewsBlockThemes-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
}

.reviewsBlockThemes-items {
    margin: 12px -4px -4px -4px;
    display: flex;
    flex-wrap: wrap;
}

.reviewsBlockThemes-item {
    margin: 4px;
    padding: 7px 11px;
    display: flex;
    align-items: center;
    border-radius: 18px;
    border: 1px solid #000;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
}

.reviewsBlockThemes-item:before {
    margin-right: 4px;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMTI1IDEwSDE2Ljg3NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAzLjEyNVYxNi44NzUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.reviewsBlockThemes-item.active:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik0xMy4zMSAxMmw2Ljg5LTYuODlhLjkzLjkzIDAgMSAwLTEuMzEtMS4zMUwxMiAxMC42OSA1LjExIDMuOEEuOTMuOTMgMCAwIDAgMy44IDUuMTFMMTAuNjkgMTIgMy44IDE4Ljg5YS45My45MyAwIDAgMCAxLjMxIDEuMzFMMTIgMTMuMzFsNi44OSA2Ljg5YS45My45MyAwIDEgMCAxLjMxLTEuMzF6Ij48L3BhdGg+PC9zdmc+);
}

.reviewsBlock-reviews {
    margin-top: 40px;
    position: relative;
}

.reviewsBlockReviews-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #000;
}

.reviewsBlockReviews-items {
    margin-top: 16px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .reviewsBlockReviews-items {
        overflow: visible;
    }
}

.reviewsBlockReviews-item {
    padding: 24px;
    border: 1px solid #DDD;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .reviewsBlockReviews-item.swiper-slide {
        width: 220px;
    }
}

.reviewsBlockReviewsItem-author {
    display: flex;
    align-items: center;
}

.reviewsBlockReviewsItemAuthor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #3cb3e7;
    border-radius: 50%;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: white;
}

.reviewsBlockReviewsItemAuthor-name {
    margin-left: 12px;
    font-size: 16px;
    line-height: 100%;
    color: #262626;
}

.reviewsBlockReviewsItem-text {
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    font-size: 14px;
    line-height: 180%;
}

.reviewsBlockReviewsItem-text .emoji {
    display: inline-block;
    width: 16px;
    height: auto;
}

.reviewsBlockReviewsItem-actions {
    margin-top: 12px;
}

.reviewsBlockReviewsItem-actions a {
    font-size: 14px;
    line-height: 100%;
    color: var(--blue-color);
    text-decoration: underline;
}

.reviewsBlockReviewsItem-actions a:hover {
    text-decoration: none;
}

.reviewsBlock-reviews .swiper-button-next,
.reviewsBlock-reviews .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.reviewsBlock-reviews .swiper-button-next {
    right: -48px;
}

@media(max-width: 1259px) {
    .reviewsBlock-reviews .swiper-button-next {
        right: -16px;
    }
}

@media (max-width: 767px) {
    .reviewsBlock-reviews .swiper-button-next {
        right: 0;
    }
}

.reviewsBlock-reviews .swiper-button-prev {
    left: -48px;
}

@media(max-width: 1259px) {
    .reviewsBlock-reviews .swiper-button-prev {
        left: -16px;
    }
}

@media (max-width: 767px) {
    .reviewsBlock-reviews .swiper-button-prev {
        left: 0;
    }
}

.reviewsBlock-reviews .swiper-button-next.swiper-button-disabled,
.reviewsBlock-reviews .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.reviewsBlock-reviews .swiper-button-next:after,
.reviewsBlock-reviews .swiper-button-prev:after {
    display: none;
}

.reviewsBlock-reviews .swiper-button-next svg,
.reviewsBlock-reviews .swiper-button-prev svg {
    display: block;
    width: 7px;
    height: 12px;
    pointer-events: none;
}

.nearby-block {
    margin-top: 40px;
    overflow: hidden;
    order: 8;
}

@media (max-width: 767px) {
    .nearby-block {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px;
    }
}

.nearby-block .container {
    position: relative;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .nearby-block .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.nearby-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .nearby-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .nearby-block .container:before {
        display: none;
    }
}

.nearbyBlock-top {
    display: flex;
    justify-content: space-between;
}

.nearbyBlock-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    color: black;
}

@media (max-width: 767px) {
    .nearbyBlock-title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .nearbyBlockTop-right {
        display: none;
    }
}

.nearbyBlock-tabs {
    margin: 20px -15px -1px -15px;
    display: flex;
    overflow: auto;
}

@media (min-width: 767px) {
    .nearbyBlock-tabs {
        display: none;
    }
}

.nearbyBlock-tabs::-webkit-scrollbar {
    display: none;
}

.nearbyBlock-tab {
    position: relative;
    padding: 13px 15px;
    font-size: 14px;
    line-height: 100%;
    color: #666;
    white-space: nowrap;
    cursor: pointer;
}

.nearbyBlock-tab.active {
    color: var(--blue-color);
}

.nearbyBlock-tab.active:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    height: 2px;
    background-color: var(--blue-color);
}

.nearbyBlock-list {
    margin-top: 24px;
    column-count: 3;
    gap: 20px;
}

@media (max-width: 767px) {
    .nearbyBlock-list {
        margin: 0 -15px;
        padding: 20px 15px 0 15px;
        border-top: 1px solid #ddd;
        column-count: 2;
    }
}

@media (max-width: 599px) {
    .nearbyBlock-list {
        column-count: 1;
    }
}

.nearbyBlock-group {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .nearbyBlock-group {
        margin-top: 0;
    }
    .nearbyBlock-group:not(.active) {
        display: none;
    }
}

.nearbyBlock-group:first-child {
    margin-top: 0;
}

.nearbyBlockGroup-title {
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    break-after: avoid;
}

.nearbyBlockGroup-title img {
    margin-right: 8px;
    display: block;
    max-width: 20px;
}

.nearbyBlock-labels {
    margin: 6px -6px -6px -6px;
    display: flex;
    flex-wrap: wrap;
}

.nearbyBlock-label {
    margin: 6px;
    padding: 6px;
    border-radius: 5px;
    background-color: #EBEFF6;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    color: var(--blue-color);
}

.nearbyBlockItem-items {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .nearbyBlockItem-items {
        margin-top: 16px;
    }
}

.nearbyBlockItem-item {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 120%;
}

.nearbyBlockItem-item:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    .nearbyBlockItem-item {
        margin-top: 12px;
    }
}

.nearbyBlockItemItem-distance {
    margin-left: 12px;
    flex-shrink: 0;
    color: #666;
}

.nearbyBlock-note {
    margin-top: 24px;
    font-size: 12px;
    line-height: 100%;
    color: #666;
}

@media (max-width: 767px) {
    .nearbyBlock-note {
        margin-top: 20px;
    }
}

.bestAmeneties-block {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .bestAmeneties-block {
        margin-top: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: white;
        border-radius: 10px;
    }
    .bestAmeneties-block.second {
        display: none;
    }
}

.bestAmenetiesBlock-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: black;
}

@media (max-width: 767px) {
    .bestAmenetiesBlock-title {
        font-size: 16px;
    }
}

.bestAmenetiesBlock-list {
    margin: 16px -12px -8px -12px;
    display: flex;
    flex-wrap: wrap;
}

.bestAmenetiesBlock-item {
    margin: 8px 12px;
    display: flex;
}

@media (max-width: 767px) {
    .bestAmeneties-block:not(.opened) .bestAmenetiesBlock-item:nth-child(n + 4) {
        display: none;
    }
}

.bestAmenetiesBlock-icon {
    margin-right: 12px;
    max-width: 23px;
}

.bestAmenetiesBlock-icon img {
    display: block;
}

.bestAmenetiesBlock-text {
    font-size: 14px;
    line-height: 20px;
}

.bestAmeneties-actions {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .bestAmeneties-actions {
        display: none;
    }
}

.bestAmenetiesActions-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    cursor: pointer;
}

.bestAmenetiesActions-item.showMore-trigger {
    color: var(--blue-color);
}

.bestAmeneties-block.opened .bestAmenetiesActions-item.showMore-trigger {
    display: none;
}

.bestAmenetiesActions-item.showLess-trigger {
    color: #BE1622;
}

.bestAmeneties-block:not(.opened) .bestAmenetiesActions-item.showLess-trigger {
    display: none;
}

.bestAmenetiesActions-item:hover {
    text-decoration: none;
}

.bestAmenetiesActions-item svg {
    margin-left: 4px;
    display: block;
}

.ameneties-block {
    margin-top: 40px;
    order: 9;
}

@media (max-width: 767px) {
    .ameneties-block {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px;
    }
}

.ameneties-block .container {
    position: relative;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .ameneties-block .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.ameneties-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .ameneties-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .ameneties-block .container:before {
        display: none;
    }
}

.amenetiesBlock-top {
    display: flex;
    justify-content: space-between;
}

.amenetiesBlock-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    color: black;
}

@media (max-width: 767px) {
    .amenetiesBlock-title {
        font-size: 20px;
    }
}

.amenetiesBlock-text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 100%;
    color: #666;
}

.amenetiesBlockTop-right {}

@media (max-width: 767px) {
    .amenetiesBlockTop-right {
        display: none;
    }
}

.amenetiesBlock-tabs {
    margin: 20px -15px -1px -15px;
    display: flex;
    overflow: auto;
}

@media (min-width: 767px) {
    .amenetiesBlock-tabs {
        display: none;
    }
}

.amenetiesBlock-tabs::-webkit-scrollbar {
    display: none;
}

.amenetiesBlock-tab {
    position: relative;
    padding: 13px 15px;
    font-size: 14px;
    line-height: 100%;
    color: #666;
    border-bottom: 1px solid #DDD;
    white-space: nowrap;
    cursor: pointer;
}

.amenetiesBlock-tab.active {
    color: var(--blue-color);
}

.amenetiesBlock-tab.active:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    display: block;
    content: '';
    height: 2px;
    background-color: var(--blue-color);
}

.amenetiesBlock-list {
    margin-top: 40px;
    column-count: 3;
    gap: 20px;
}

@media (max-width: 767px) {
    .amenetiesBlock-list {
        margin: 0 -15px;
        padding: 20px 15px 0 15px;
        border-top: 1px solid #ddd;
        column-count: 2;
    }
}

@media (max-width: 599px) {
    .amenetiesBlock-list {
        column-count: 1;
    }
}

.amenetiesBlock-group {
    margin-top: 40px;
}

.amenetiesBlock-group:first-child {
    margin-top: 0;
}

@media (max-width: 767px) {
    .amenetiesBlock-group {
        margin-top: 0;
    }
    .amenetiesBlock-group:not(.active) {
        display: none;
    }
}

.amenetiesBlockItemGroup-name {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #222;
    break-after: avoid;
}

.amenetiesBlockItemGroup-name img {
    margin-right: 8px;
    display: block;
    max-width: 20px;
}

.amenetiesBlockItemGroup-items {
    margin-top: 20px;
}

.amenetiesBlockItemGroup-item {
    margin-top: 16px;
    display: flex;
    break-inside: avoid-column;
}

.amenetiesBlockItemGroupItem-icon {
    margin-right: 8px;
}

.amenetiesBlockItemGroupItem-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.amenetiesBlockItemGroupItem-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #262626;
}

.amenetiesBlockItemGroupItem-text span {
    margin-top: 8px;
    padding: 6px;
    background-color: #EBEFF6;
    border-radius: 5px;
    font-size: 12px;
    line-height: 100%;
    color: var(--blue-color);
}

.conditions-block {
    margin-top: 40px;
    order: 10;
}

@media (max-width: 767px) {
    .conditions-block {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px;
    }
}

.conditions-block .container {
    position: relative;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .conditions-block .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.conditions-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .conditions-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .conditions-block .container:before {
        display: none;
    }
}

.conditionsBlock-top {
    display: flex;
    justify-content: space-between;
}

.conditionsBlock-title {
    font-size: 26px;
    line-height: 100%;
    font-weight: 600;
    color: black;
}

@media (max-width: 767px) {
    .conditionsBlock-title {
        font-size: 20px;
    }
}

.conditionsBlockTop-right {}

@media (max-width: 767px) {
    .conditionsBlockTop-right {
        display: none;
    }
}

.conditionsBlock-items {
    margin-top: 40px;
    border-radius: 10px;
    border: 1px solid #DDD;
}

@media (max-width: 767px) {
    .conditionsBlock-items {
        margin-top: 20px;
        border: none;
    }
}

.conditionsBlock-item {
    margin: 0 16px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #DDD;
}

.conditionsBlock-item:first-child {
    border: none;
}

@media (max-width: 767px) {
    .conditionsBlock-item {
        margin: 16px 0 0 0;
        padding: 16px 0 0 0;
        display: block;
    }
    .conditionsBlock-item:first-child {
        margin-top: 0;
        padding-top: 0;
    }
}

.conditionsBlockItem-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 25%;
}

@media (max-width: 767px) {
    .conditionsBlockItem-left {
        position: relative;
        padding-right: 36px;
        width: 100%;
        cursor: pointer;
    }
    .conditionsBlockItem-left:after {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        content: '';
        width: 20px;
        height: 20px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDcuNUwxMCAxMy43NUwzLjc1IDcuNSIgc3Ryb2tlPSIjMDEzQjk0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        transform: rotate(0);
        transition: all 0.2s ease-in-out;
    }
    .conditionsBlock-item.opened .conditionsBlockItem-left:after {
        transform: rotate(180deg);
    }
}

.conditionsBlockItem-icon {
    margin-right: 8px;
    flex-shrink: 0;
    width: 20px;
}

.conditionsBlockItem-icon img {
    display: block;
    width: 100%;
    height: auto;
}

.conditionsBlockItem-text {
    font-size: 14px;
    line-height: 140%;
}

.conditionsBlockItem-right {
    width: calc(75% - 20px);
    font-size: 14px;
    line-height: 140%;
}

@media (max-width: 767px) {
    .conditionsBlockItem-right {
        padding-top: 16px;
        width: 100%;
    }
    .conditionsBlock-item:not(.opened) .conditionsBlockItem-right {
        display: none;
    }
}

.metpolicy-items {}

.metpolicy-item {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

.metpolicy-item:first-child {
    margin-top: 0;
}

.metpolicyItem-title {
    width: 150px;
    flex-shrink: 0;
}

.metpolicyItem-price {
    width: calc(100% - 170px);
    color: #00C77D;
}

.payment-items {
    margin: -4px;
    display: flex;
    flex-wrap: wrap;
}

.payment-item {
    margin: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.note-block {
    margin-top: 40px;
    order: 11;
}

@media (max-width: 767px) {
    .note-block {
        margin-top: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #EBEFF6;
        border-radius: 10px;
    }
}

.note-block .container {
    position: relative;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .note-block .container {
        padding-top: 0;
    }
}

.note-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .note-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .note-block .container:before {
        display: none;
    }
}

.noteBlock-top {
    display: flex;
    justify-content: space-between;
}

.noteBlock-title {
    font-size: 26px;
    line-height: 100%;
    font-weight: 600;
    color: black;
}

@media (max-width: 767px) {
    .noteBlock-title {
        font-size: 20px;
    }
}

.noteBlockTop-right {}

@media (max-width: 767px) {
    .noteBlockTop-right {
        display: none;
    }
}

.noteBlock-text {
    margin-top: 40px;
    padding: 24px;
    background-color: #EBEFF6;
    border-radius: 10px;
    font-size: 14px;
    line-height: 180%;
}

@media (max-width: 767px) {
    .noteBlock-text {
        margin-top: 20px;
        padding: 0;
        background-color: transparent;
    }
}

.faq-block {
    margin-top: 40px;
    order: 12;
}

@media (max-width: 767px) {
    .faq-block {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px;
    }
}

.faq-block .container {
    position: relative;
    padding-top: 40px;
    display: flex;
}

@media (max-width: 767px) {
    .faq-block .container {
        padding-top: 20px;
        padding-bottom: 20px;
        display: block;
    }
}

.faq-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .faq-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .faq-block .container:before {
        display: none;
    }
}

.faqBlock-title {
    padding: 40px 24px;
    margin: 0;
    width: 25%;
    background-color: #EBEFF6;
    border-radius: 10px 0 0 10px;
    font-size: 26px;
    font-weight: 600;
    line-height: 140%;
    color: black;
}

@media (max-width: 767px) {
    .faqBlock-title {
        padding: 0;
        width: 100%;
        background: transparent;
    }
}

.faqBlock-items {
    width: 75%;
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 0 10px 10px 0;
}

@media (max-width: 767px) {
    .faqBlock-items {
        margin-top: 20px;
        width: 100%;
        border: none;
    }
}

.faqBlock-items .swiper-wrapper {}

@media (min-width: 768px) {
    .faqBlock-items .swiper-wrapper {
        flex-direction: column;
    }
}

.faqBlock-item {
    padding: 16px 20px;
    border-top: 1px solid #ddd;
}

@media (max-width: 767px) {
    .faqBlock-item.swiper-slide {
        width: 220px;
        height: auto;
    }
}

@media (min-width: 768px) {
    .faqBlock-item.swiper-slide {
        height: auto;
        box-sizing: border-box;
    }
    .faqBlock-item:first-child {
        border: none;
    }
}

@media (max-width: 767px) {
    .faqBlock-item {
        margin: 0;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 10px;
    }
}

.faqBlockItem-title {
    position: relative;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    color: #262626;
    cursor: pointer;
}

@media (max-width: 767px) {
    .faqBlockItem-title {
        padding: 0;
        font-size: 14px;
        line-height: 140%;
    }
}

@media (min-width: 768px) {
    .faqBlockItem-title:hover,
    .faqBlock-item.opened .faqBlockItem-title {
        color: #013B94;
    }
    .faqBlockItem-title:after {
        position: absolute;
        top: -2px;
        right: 0;
        display: block;
        content: '';
        width: 20px;
        height: 20px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDcuNUwxMCAxMy43NUwzLjc1IDcuNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        transform: rotate(0);
        transition: all 0.2s ease-in-out;
    }
    .faqBlockItem-title:hover:after,
    .faqBlock-item.opened .faqBlockItem-title:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDcuNUwxMCAxMy43NUwzLjc1IDcuNSIgc3Ryb2tlPSIjMDEzQjk0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
    }
    .faqBlock-item.opened .faqBlockItem-title:after {
        transform: rotate(180deg);
    }
}

.faqBlockItem-text {
    padding-top: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 180%;
}

@media (min-width: 768px) {
    .faqBlock-item:not(.opened) .faqBlockItem-text {
        display: none;
    }
}

.faqBlockItem-text p {
    margin: 12px 0 0 0;
}

.faqBlockItem-text p:first-child {
    margin: 0;
}

.faqBlockItem-text ul {
    margin: 12px 0 0 0;
    padding-left: 15px;
}

.faq-block .swiper-button-next,
.faq-block .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.faq-block .swiper-button-next {
    right: 15px;
}

.faq-block .swiper-button-prev {
    left: 15px;
}

@media (min-width: 768px) {
    .faq-block .swiper-button-prev,
    .faq-block .swiper-button-next {
        display: none;
    }
}

.faq-block .swiper-button-next.swiper-button-disabled,
.faq-block .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.faq-block .swiper-button-next:after,
.faq-block .swiper-button-prev:after {
    display: none;
}

.faq-block .swiper-button-next svg,
.faq-block .swiper-button-prev svg {
    display: block;
    width: 7px;
    height: 12px;
    pointer-events: none;
}

.same-block {
    margin-top: 40px;
    order: 13;
}

@media (max-width: 767px) {
    .same-block {
        margin-top: 16px;
        background-color: white;
        border-radius: 10px;
    }
}

.same-block .container {
    position: relative;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .same-block .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.same-block .container:before {
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    display: block;
    content: '';
    height: 1px;
    background-color: #DDD;
}

@media (max-width: 959px) {
    .same-block .container:before {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 767px) {
    .same-block .container:before {
        display: none;
    }
}

.sameBlock-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 140%;
    color: black;
}

@media (max-width: 767px) {
    .sameBlock-title {
        font-size: 20px;
    }
}

.sameBlock-wrapper {
    margin-top: 40px;
    position: relative;
}

@media (max-width: 767px) {
    .sameBlock-wrapper {
        margin-top: 20px;
    }
}

.sameBlock-slider {
    overflow: hidden;
}

@media (max-width: 767px) {
    .sameBlock-slider {
        overflow: visible;
    }
}

.sameBlock-wrapper .swiper-button-next:after,
.sameBlock-wrapper .swiper-button-prev:after {
    display: none;
}

.sameBlock-wrapper .swiper-button-next,
.sameBlock-wrapper .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.sameBlock-wrapper .swiper-button-next {
    right: -48px;
}

@media(max-width: 1259px) {
    .sameBlock-wrapper .swiper-button-next {
        right: -16px;
    }
}

@media (max-width: 767px) {
    .sameBlock-wrapper .swiper-button-next {
        right: 0;
    }
}

.sameBlock-wrapper .swiper-button-prev {
    left: -48px;
}

@media(max-width: 1259px) {
    .sameBlock-wrapper .swiper-button-prev {
        left: -16px;
    }
}

@media (max-width: 767px) {
    .sameBlock-wrapper .swiper-button-prev {
        left: 0;
    }
}

.sameBlock-wrapper .swiper-button-next.swiper-button-disabled,
.sameBlock-wrapper .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.sameBlock-wrapper .swiper-button-next svg,
.sameBlock-wrapper .swiper-button-prev svg {
    display: block;
    width: 7px;
    height: 12px;
    pointer-events: none;
}

.sameBlock-item.swiper-slide {
    padding-bottom: 1px;
    display: flex;
    flex-direction: column;
    height: auto;
}

@media (max-width: 767px) {
    .sameBlock-item.swiper-slide {
        width: 220px;
    }
}

.sameBlockItem-image {
    position: relative;
    display: flex;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.sameBlockItem-image:before {
    padding-top: 57%;
    float: left;
    content: '';
}

.sameBlockItem-image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sameBlockItem-content {
    padding: 24px;
    flex: 1 0 auto;
    border: 1px solid #DDD;
    border-radius: 0 0 10px 10px;
}

@media (max-width: 767px) {
    .sameBlockItem-content {
        padding: 20px 15px;
    }
}

.sameBlockItem-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    color: #000;
}

@media (max-width: 767px) {
    .sameBlockItem-title {
        font-size: 16px;
    }
}

.sameBlockItem-rating {
    margin-top: 8px;
    font-size: 14px;
    line-height: 140%;
    color: #666;
}

.sameBlockItem-distance {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 140%;
    color: #666;
}

@media (max-width: 767px) {
    .sameBlockItem-distance {
        margin-top: 16px;
    }
}

.sameBlockItem-distance svg {
    margin-right: 8px;
    display: block;
}

footer {}

@media (max-width: 767px) {
    body footer {
        margin-top: 0;
    }
}


/* review-item-styles start */

.review-item {
    display: flex;
    position: relative;
}

div[id^="review"] .popup-content {
    width: 720px;
}

div[id^="review"].fancybox__content {
    padding: 30px;
}

.reviewItem-date {
    color: #999;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.reviewItemText-row {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    margin-top: 7px;
}

.reviewItemRate-word {
    display: none;
}

.reviewItemRate-num {
    border-radius: 6px 6px 6px 0px;
    background: #003B95;
    min-width: 40px;
    height: 40px;
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.reviewItem-right {
    position: relative;
    max-width: 100%;
    margin-left: auto;
}

.reviewItem-room {
    display: none;
}

.reviewItem-dates {
    display: none;
}

.reviewItem-guests {
    display: none;
}

.reviewItem-author {
    display: flex;
    align-items: center;
}

.reviewItemAuthor-icon {
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 18px;
}

.reviewItemAuthor-name {
    color: #000;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.reviewItemText-row>svg {
    min-width: 20px;
    margin-right: 10px;
}

.reviewItem-title {
    color: #222;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.reviewItemAuthor-icon {
    background-color: #3cb3e7;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

.reviewItem-left {
    min-width: fit-content;
    max-width: 100%;
    padding-right: 36px;
}

.reviewItem-header {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    margin-bottom: 11px;
    align-items: center;
}

.reviewItem-title {
    margin-top: 5px;
}

.reviewClose {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
}

.reviewClose svg path {
    transition: all .3s ease-in-out;
}

.reviewClose:hover svg path {
    fill: #003B95;
}

div[id^="review"].fancybox__content>.popup-content+.f-button.is-close-btn {
    top: 0px;
    right: 0px;
    opacity: 0 !important;
}

.reviewItemAuthor-country {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.reviewItemAuthor-country svg {
    margin-right: 8px;
}

.reviewItemAuthor-country span {
    color: #999;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.reviewItemText-wr .emoji {
    display: inline-block !important;
    width: 16px;
    height: auto;
}

@media (max-width: 992px) {
    .review-item {
        flex-direction: column;
    }
    .reviewItem-left {
        padding-right: 0px;
        margin-bottom: 18px;
    }
    .reviewItemAuthor-name {
        font-size: 20px;
    }
    .reviewItemAuthor-country span {
        font-size: 12px;
    }
    .reviewItemAuthor-country svg {
        max-width: 22px;
        height: auto;
    }
    .reviewItem-date {
        font-size: 12px;
    }
    .reviewItem-title {
        font-size: 18px;
    }
    .reviewItemRate-num {
        font-size: 18px;
        font-style: normal;
    }
    .reviewItemText-wr {
        font-size: 14px;
        font-style: normal;
    }
    .reviewItemText-wr .emoji {
        width: 14px;
    }
    .reviewItemText-row {
        margin-top: 10px;
    }
    div[id^="review"].fancybox__content {
        padding: 25px 16px;
    }
    .reviewClose {
        top: 10px;
        right: 10px;
    }
    .reviewItem-right {
        width: 100%;
    }
    div[id^="review"] .popup-content {
        width: 500px;
    }
}

@media (max-width: 550px) {
    div[id^="review"] .popup-content {
        width: 320px;
    }
}

@media (max-width: 360px) {
    div[id^="review"] .popup-content {
        width: fit-content;
    }
}


/* review-item-styles end */

div#reviews-popup {
    margin-left: auto;
    max-height: 100vh;
    overflow: hidden;
    padding-right: 5px;
    padding-bottom: 40px;
    padding-top: 40px;
    padding-left: 40px;
    box-sizing: border-box;
}

div#reviews-popup .popup-content::-webkit-scrollbar {
    width: 12px;
}

div#reviews-popup .popup-content::-webkit-scrollbar-track {
    background: #fff;
}

div#reviews-popup .popup-content::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

div#reviews-popup .popup-content {
    overflow-y: scroll;
    max-height: 100%;
    overflow-x: hidden;
    padding-right: 20px;
}

div#reviews-popup .reviewsBlock-statistics {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

div#reviews-popup .reviewsBlock-themes {
    margin-top: 24px;
}

.reviewsHeaderBlock {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 40px;
    border-top: 1px solid #dddd;
    align-items: center;
}

.reviewsHeaderTitle {
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
}

.reviewsHeaderSort {
    display: flex;
    position: relative;
    padding-right: calc(249px + 12px);
    height: 47px;
    align-items: center;
}

.reviewsHeaderSortSelect {
    border-radius: 5px;
    border: 1px solid #DDD;
    background: #FFF;
    width: 249px;
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    z-index: 2;
    min-height: 47px;
}

div#reviews-popup {
    margin-left: auto;
    max-height: 100vh;
    overflow: hidden;
    padding-right: 5px;
    padding-bottom: 40px;
    padding-top: 40px;
    padding-left: 40px;
    box-sizing: border-box;
}

div#reviews-popup .popup-content::-webkit-scrollbar {
    width: 12px;
}

div#reviews-popup .popup-content::-webkit-scrollbar-track {
    background: #fff;
}

div#reviews-popup .popup-content::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

div#reviews-popup .popup-content {
    overflow-y: scroll;
    max-height: 100%;
    overflow-x: hidden;
    padding-right: 20px;
}

div#reviews-popup .reviewsBlock-statistics {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

div#reviews-popup .reviewsBlock-themes {
    margin-top: 24px;
}

.reviewsHeaderBlock {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 40px;
    border-top: 1px solid #dddd;
    align-items: center;
}

.reviewsHeaderTitle {
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
}

.reviewsHeaderSort {
    display: flex;
    position: relative;
    padding-right: calc(249px + 12px);
    height: 47px;
    align-items: center;
}

.reviewsHeaderSortSelect {
    border-radius: 5px;
    border: 1px solid #DDD;
    background: #FFF;
    width: 249px;
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    z-index: 2;
    min-height: 47px;
}

.allReviews-item .reviewItem-left {
    width: 195px;
    box-sizing: border-box;
    min-width: 195px;
    max-width: 195px;
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

.allReviews-item {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dddd;
}

.allReviews-item .reviewItem-right {
    padding-left: 20px;
}

.allReviews-item .reviewItem-left .reviewItemAuthor-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    margin-right: 12px;
}

.allReviews-item .reviewItem-left .reviewItemAuthor-name {
    font-size: 16px;
}

.allReviews-item .reviewItem-left .reviewItemAuthor-country svg {
    width: 12px;
    height: 12px;
}

.allReviews-item .reviewItem-left .reviewItemAuthor-country span {
    font-size: 12px;
}

.reviewItem-popular {
    display: flex;
    align-items: center;
}

.reviewItem-popular-star {
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background: #F2B009;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.reviewItem-popular-text {
    color: var(--orange-trip, #F2B009);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.allReviews-item .reviewItem-date {
    color: #666;
    font-family: Roboto;
    font-size: 12px;
}

.allReviews-item .reviewItemRate-num {
    background: #12B164;
    border-radius: 5px;
    font-size: 16px;
}

.allReviews-item .reviewItem-title {
    font-size: 20px;
}

.allReviews-item .reviewItemText-row svg {
    width: 20px;
    height: 20px;
}

.allReviews-item .reviewItemText-row {
    font-size: 14px;
    margin-top: 18px;
}

.reviewsActualBtns {
    display: flex;
    margin-top: 24px;
}

.reviews-a-btn span {
    color: var(--blue-book, #013B94);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-decoration-line: underline;
}

.reviews-a-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.reviews-a-btn:first-child {
    margin-right: 24px;
}

.reviews-a-btn svg {
    margin-right: 4px;
}

.reviews-a-btn.actual_minus span {
    color: #12B164;
}

.reviewItem-header-toprow {
    display: flex;
    align-items: center;
}

.reviewItem-popular {
    margin-right: 24px;
}

.reviewsHeaderSortSelect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    cursor: pointer;
}

.reviewsSortList {
    position: absolute;
    right: 0;
    width: 249px;
    top: 55px;
    background: white;
    z-index: 2;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    display: none;
}

.reviewHeaderSortSelect-List-Item {
    padding: 12px 16px;
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.reviewHeaderSortSelect-List-Item:hover {
    color: #013B94;
    background: #EBEFF6;
}

.reviewHeaderSortSelect-List-Item:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.reviewsSortList.active {
    display: block !important;
}

.reviewsHeaderSort {
    user-select: none;
}

.reviewsHeaderSort {
    user-select: none;
}

.reviewsHeaderSortSelect>span {
    line-height: 1;
    padding-right: 5px;
}

.reviewsHeaderSortSelect>svg {
    min-width: 16px;
}

.reviewsHeaderSortSelect>span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    z-index: 1;
}

.reviewsBlockThemes-item-search {
    margin: 4px;
    padding: 7px 11px;
    display: flex;
    align-items: center;
    border-radius: 18px;
    border: 1px solid #000;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
}

div#reviews-popup button.f-button.is-close-btn {
    opacity: 1 !important;
    position: absolute;
    right: unset;
    left: 0;
    background: #013B94;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 40px;
    left: -20px;
    z-index: 2;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: transform .3s ease-in-out;
}

div#reviews-popup button.f-button.is-close-btn:hover {
    transform: scale(1.15);
}

div#reviews-popup {
    overflow-y: hidden;
    overflow-x: visible !important;
    overflow: unset;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding: 0px;
    padding-top: 0px !important;
}

.allReviews-item .reviewItem-left>* {
    display: flex;
}

.allReviews-item .reviewItem-left .reviewItem-room {
    color: #666;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-decoration-line: underline;
}

.allReviews-item .reviewItem-left .reviewItem-room img,
.allReviews-item .reviewItem-dates img,
.allReviews-item .reviewItem-guests img {
    min-width: 16px;
    margin-right: 8px;
}

.allReviews-item .reviewItem-left .reviewItem-room,
.allReviews-item .reviewItem-dates,
.allReviews-item .reviewItem-guests {
    color: #666;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 12px;
}

.reviewItem-left .reviewItem-author {
    margin-bottom: 24px;
}

div#reviews-popup .popup-content {
    width: 840px;
}

.allReviews-item .reviewItem-title {
    margin-top: 12px;
}

.reviewsBlockThemes-item-search svg {
    margin-right: 4px;
}

.reviewsBlockThemes-item-search:hover {
    border: 1px solid var(--blue-book, #013B94);
    background: #EBEFF6 0%;
    color: #013B94;
}

.reviewsBlockThemes-item-search:hover svg path {
    stroke: #013B94;
}

.reviewsBlockThemes-item-search.active {
    background: var(--blue-book, #013B94);
    color: #fff;
}

.reviewsBlockThemes-item-search.active svg {
    transition: all .3s ease-in-out;
}

.reviewsBlockThemes-item-search.active svg path {
    stroke: #fff;
    transform-origin: center;
}

.reviewsBlockThemes-item-search svg path {
    transition: all .3s ease-in-out;
}

.reviewsBlockThemes-item-search.active svg {
    transform: rotate(45deg);
}

.allReviews-item .reviewItem-right {
    width: 100%;
}

.allReviews-pagination-btns {
    display: flex;
    align-items: center;
}

.allReviews-pagination-row {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 16px;
    margin-top: 20px;
}

.allReviews-pagination-info {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    align-items: center;
}

.allReviews-pagination-info span {
    margin-left: 4px;
}

.allReviews-btn {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    min-width: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
    color: #013B94;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #fff;
    background: #FFF;
    border-radius: 4px;
    margin-right: 12px;
}

.allReviews-btn.active {
    border-color: #013B94;
}

.allReviews-btn:hover {
    background: #EBEFF6;
}

.allReviews-item:last-child {
    border-bottom: none;
}

.allReviews-btn.not-active {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.allReviews-btn.active {
    cursor: default;
    pointer-events: none;
}

.reviewItem-right {
    width: 100%;
}

.allReviews-pagination-row {
    user-select: none;
}

@keyframes loading {
    0% {
        opacity: 0.3;
    }
    100% {
        opacity: 0.7;
    }
}

div#allReviews_ajax:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1;
    left: 0;
    animation: loading 2s alternate infinite;
    display: none;
}

div#allReviews_ajax._loading:before {
    display: block;
}

div#allReviews_ajax {
    position: relative;
}

.reviewItemText-wr mask {
    background: yellow;
}

div#reviews-popup .reviewsBlockStatistics-item {
    width: calc(33% - 20px);
}

.reviewsBlockStatistics-bottom.show_on_pc {
    display: flex;
    margin-right: auto;
    justify-content: flex-start;
}

@media (max-width: 992px) {
    div#reviews-popup {
        width: 100%;
        margin: unset;
        padding: 15px;
        padding-top: 60px;
        padding-left: 0px;
        padding-right: 0px;
    }
    div#reviews-popup .popup-content {
        width: 100%;
        padding: 0px;
    }
    div#reviews-popup .reviewsBlock-statistics {
        border-top: none;
        padding-top: 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }
    div#reviews-popup .reviewsBlock-info {
        border-top: 1px solid #ddd;
        padding-top: 24px;
        padding-left: 15px;
        padding-right: 15px;
    }
    div#reviews-popup .reviewsBlock-themes {
        display: none;
    }
    .reviewsHeaderTitle {
        display: none;
    }
    .reviewsHeaderSort>span {
        display: none;
    }
    .reviewsHeaderSort {
        padding: 0px;
    }
    .reviewsHeaderSortSelect {
        position: relative;
    }
    .allReviews-item .reviewItem-left,
    .allReviews-item.reviewItem-right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .allReviews-item .reviewItem-right {
        padding: 0px;
        position: initial;
    }
    .allReviews-item-wr .review-item {
        flex-direction: column-reverse;
        position: initial;
    }
    .allReviews-item-wr {
        position: relative;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .allReviews-item-wr .reviewItem-author {
        position: absolute;
        top: 0;
        left: 0;
    }
    .allReviews-item .reviewItemRate-num {
        position: absolute;
        top: 0;
        right: 0;
    }
    div#reviews-popup .reviewsBlockStatistics-item {
        width: 100%;
        display: block;
    }
    div#reviews-popup .reviewsBlockStatisticsActions-item.showMore-trigger {
        display: none;
    }
    div#reviews-popup .reviewsBlockStatistics-title {
        display: none;
    }
    .allReviews-item .reviewItem-left,
    .allReviews-item.reviewItem-right {
        border: none;
        padding: 0px;
    }
    .allReviews-item .reviewItem-left {
        display: flex;
        flex-wrap: wrap;
        border-radius: 10px;
        border: 1px solid #DDD;
        padding: 16px;
        margin-top: 20px;
        align-items: center;
        padding-top: 2px;
    }
    .allReviews-item .reviewItem-left>div {
        margin-right: 16px;
    }
    .allReviews-item .reviewItem-left .reviewItem-room {
        display: flex;
        align-items: center;
    }
    .reviewsActualBtns {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0px;
    }
    div#reviews-popup .popup-content::-webkit-scrollbar {
        display: none;
    }
    div#reviews-popup .reviewsBlockStatistics-items {
        padding: 0 15px;
    }
    .reviewsHeaderBlock {
        padding-left: 15px;
        padding-right: 15px;
    }
    div#allReviews_ajax {
        padding: 0 15px;
    }
    .allReviews-pagination-row {
        margin-left: 15px;
        margin-right: 15px;
    }
    div#reviews-popup button.f-button.is-close-btn {
        width: 100%;
        height: 80px;
        top: 0;
        left: 0;
        border-radius: 0px;
        justify-content: flex-start;
        padding-left: 15px;
    }
    div#reviews-popup button.f-button.is-close-btn svg {
        display: none;
    }
    div#reviews-popup button.f-button.is-close-btn {
        background-image: url('/local/templates/generator/assets/images/CaretLeft.png');
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: 15px;
        transform: none !important;
    }
    .fancybox__slide.has-inline.has-close-btn.is-selected.is-done {
        padding: 0px !important;
    }
    .reviewItem-popular-text {
        font-size: 12px;
    }
    .reviewItem-popular-star {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
    }
    .reviewItem-popular-star svg {
        width: 9.6px;
        height: auto;
    }
    .reviewItem-popular {
        margin-right: 12px;
    }
    .reviewItem-popular-text {
        font-size: 12px;
    }
    .reviewItem-popular-star {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
    }
    .reviewItem-popular-star svg {
        width: 9.6px;
        height: auto;
    }
    .reviewItem-popular {
        margin-right: 12px;
    }
    .allReviews-pagination-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .allReviews-pagination-info {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: auto;
    }
    .allReviews-btn {
        margin-right: 3px;
        font-size: 12px;
        width: 20px;
        min-width: 20px;
        min-height: 20px;
    }
    .reviewItem-header-toprow {
        flex-wrap: wrap;
    }
    .allReviews-item .reviewItem-date {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .reviewsHeaderSortSelect {
        opacity: 0;
        z-index: 2;
    }
    .reviewsHeaderSortSelect {
        width: 100%;
        height: 100%;
        min-height: 24px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .reviewsHeaderMobile-ver {
        display: flex !important;
        align-items: center;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--blue-book, #013B94);
    }
    .reviewsHeaderMobile-ver b {
        color: var(--blue-book, #013B94);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin-left: 8px;
    }
    .reviewsHeaderBlock {
        padding-top: 24px;
    }
    .reviewsSortList {
        right: unset;
        left: 0;
        top: calc(24px + 20px);
        width: 345px;
    }
    .reviews-mobile-header {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        padding-bottom: 6px;
    }
    .reviews-mobile-header b {
        color: var(--Black, #000);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
    }
    .reviewHeaderSortSelect-List-Item {
        font-size: 14px;
        font-style: normal;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: none !important;
        padding-left: calc(16px + 20px + 8px);
        position: relative;
    }
    .reviewHeaderSortSelect-List-Item:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border: 2px solid #ddd;
        border-radius: 50%;
        left: 16px;
        top: calc(50% - 1px);
        transform: translateY(-50%);
    }
    .reviewHeaderSortSelect-List-Item.active {
        color: #013B94;
    }
    .reviewHeaderSortSelect-List-Item.active:before {
        border-color: #013B94;
    }
    .reviewHeaderSortSelect-List-Item.active:after {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: #013B94;
        border-radius: 50%;
        left: 20px;
        top: calc(50% - 1px);
        transform: translateY(-50%);
    }
    .reviews-mobile-header svg {
        cursor: pointer;
    }
    .reviewsSortList.active {
        padding-bottom: 10px;
    }
}

@media (max-width: 575px) {
    .allReviews-pagination-row {
        flex-direction: column;
        align-items: center;
    }
    .allReviews-pagination-info {
        margin-top: 8px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 375px) {
    .reviewsSortList {
        width: 320px;
    }
}

@media (max-width: 768px) {
    .fancybox__container {
        max-width: 100vw;
        max-height: 100vh;
    }
}

div[id^='room_popup_'] .popup-content {
    width: 990px;
    display: flex;
    justify-content: space-between;
}

.room_popup-left {
    min-width: 590px;
    width: 590px;
    max-width: 590px;
    margin-right: 22px;
}

.room_popup-right .room-ameneties {
    display: flex;
    flex-wrap: wrap;
}

.room_popup-right .room-ameneties .roomAmeneties-item {
    margin-right: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    color: #222;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.room_popup-right .room-ameneties .roomAmeneties-item img {
    margin-right: 4px;
}

.room_popup-about-info {
    padding: 20px 0px;
    margin: 20px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.room_popup-about-size {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 16px;
}

.room_popup-about-bad {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.room_popup-about-bad img {
    margin-left: 8px;
    filter: brightness(0);
}

.room_popup-about-bad-reviews {
    color: #999;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 16px;
}

.room_popup-about-moreinfo {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.room_popup_Ameneties-title {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
}

.room_popup_Ameneties-title+.room-other {
    display: flex;
    flex-wrap: wrap;
}

.room_popup_Ameneties-title+.room-other .roomOther-item {
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.room_popup_Ameneties-title+.room-other .roomOther-item:before {
    margin-right: 4px;
    display: flex;
    flex-shrink: 0;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNC41MDAyNEw2LjUgMTEuNDk5OUwzIDguMDAwMjQiIHN0cm9rZT0iIzAxM0I5NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.room_popup-title {
    color: #013B94;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 20px;
}

.room_popup-right {
    max-height: 650px;
    overflow-y: auto;
    padding-right: 16px;
}

.room_popup-right::-webkit-scrollbar {
    width: 8px;
}

.room_popup-right::-webkit-scrollbar-track {
    background: #fff;
}

.room_popup-right::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.room_popup_thumbs {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
}

.room_popup_thumb_item {
    width: 65px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
}

.room_popup_slider {
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
}

.room_popup-left .swiper-wrapper {
    display: flex;
    align-items: center;
}

.room_popup_slider .swiper-button-prev,
.room_popup_slider .swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #EEE;
    background: #FFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.room_popup_slider .swiper-button-prev {
    left: 15px;
}

.room_popup_slider .swiper-button-next {
    right: 15px;
}

.room_popup_slider .swiper-button-next::after,
.room_popup_slider .swiper-button-prev::after {
    display: none;
}

.room_popup_slider .swiper-button-next svg,
.room_popup_slider .swiper-button-prev svg {
    display: block;
    width: 7px;
    height: 12px;
    pointer-events: none;
}

.room_popup-left .swiper-pagination {
    position: relative !important;
    width: calc(100% + 10px) !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: -10px !important;
    left: unset !important;
    top: unset !important;
    bottom: unset !important;
}

.room_popup-left .swiper-pagination span.swiper-pagination-bullet {
    width: 65px;
    height: 65px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    opacity: 1;
    border: 2px solid #fff;
    transition: all .3s ease-in-out;
}

.room_popup-left .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.room_popup-left .swiper-pagination span.swiper-pagination-bullet:hover {
    border: 2px solid var(--blue-book, #013B94);
}

div[id^='room_popup_'] button.f-button.is-close-btn {
    top: -16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #013b94;
    right: -16px;
    opacity: 1 !important;
}

.room_popup_Ameneties-title svg {
    display: none;
}

@media (max-width: 992px) {
    div[id^='room_popup_'] .popup-content {
        width: 550px;
        flex-direction: column;
        max-width: 100%;
    }
    div[id^='room_popup_'] {
        padding: 20px 12px;
        margin-top: 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    div[id^='room_popup_'] button.f-button.is-close-btn {
        top: -12px !important;
        right: -12px !important;
    }
    .room_popup-left {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0px;
    }
    .room_popup-left .swiper-pagination {
        display: none;
    }
    .room_popup-right .room_popup-title {
        display: none;
    }
    .room_popup-about-info {
        padding: 0px;
        order: 0;
        border: none;
    }
    .room_popup-right .room-ameneties {
        order: 2;
        margin-bottom: 20px;
    }
    .room_popup_Ameneties-title {
        order: 3;
    }
    .room_popup_Ameneties-title+.room-other {
        order: 4;
    }
    .room_popup-right {
        max-height: fit-content;
        overflow: unset;
        padding: 0px;
        display: flex;
        flex-direction: column;
    }
    .room_popup-about-size {
        display: none;
    }
    .room_popup-about-bad-reviews {
        display: none;
    }
    .room_popup-right .room_popup-about-moreinfo {
        display: none;
    }
    .room_popup-about-bad {
        margin: 0px;
    }
    .room_popup-mobile-show {
        display: block !important;
        font-family: Roboto;
        font-size: 20px;
    }
    .room_popup-left {
        order: 3;
        margin-top: 20px;
    }
    .room_popup-right {
        order: 4;
    }
    .room_popup-about-moreinfo._MOBILE_ONLY {
        display: flex !important;
    }
    .room_popup_slider {
        margin-bottom: 0px;
    }
    .room_popup-title {
        margin-bottom: 12px;
    }
    .room-popup-hotel-name {
        color: #666;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin-bottom: 20px;
    }
    .room_popup-about-moreinfo._MOBILE_ONLY {
        flex-direction: column;
        flex-direction: column-reverse;
    }
    .about-moreinfo-btn span {
        color: var(--blue-book, #013B94);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        text-decoration-line: underline;
    }
    .about-moreinfo-btn {
        display: flex;
        align-items: center;
        margin-top: 13px;
        cursor: pointer;
    }
    .about-moreinfo-btn svg {
        margin-left: 4px;
    }
    .room_popup_Ameneties-title svg {
        display: block;
    }
    .room_popup_Ameneties-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    .about-moreinfo-btn+div {
        max-height: 0px;
        overflow: hidden;
        transition: all .3s ease-in-out;
        opacity: 0;
    }
    .about-moreinfo-btn svg {
        transform: rotateX(180deg);
    }
    .about-moreinfo-btn.opened svg {
        transform: none;
    }
    .about-moreinfo-btn.opened+div {
        max-height: 1000px;
        opacity: 1;
        margin-bottom: 12px;
    }
    .about-moreinfo-btn {
        margin: 0px;
    }
    .room_popup_Ameneties-title.opened svg {
        transform: rotateX(180deg);
    }
    .room_popup_Ameneties-title.opened+.room-other {
        overflow: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        color: #999;
    }
    .room_popup_Ameneties-title.opened+.room-other .roomOther-item {
        color: #999;
        margin-right: 5px;
    }
    .room_popup_Ameneties-title.opened+.room-other .roomOther-item:before {
        display: none;
    }
    .room_popup_Ameneties-title.opened+.room-other .roomOther-item:after {
        content: ',';
    }
    .room_popup-left .swiper-pagination span.swiper-pagination-bullet {
        width: 42px;
        height: 28px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.40) !important;
        border: none !important;
        margin: 0px !important;
        display: none !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .room_popup-left .swiper-pagination {
        display: block !important;
        position: absolute !important;
        bottom: 24px !important;
        right: 24px !important;
        width: fit-content !important;
        height: fit-content !important;
    }
    .room_popup-left {
        position: relative;
    }
    .room_popup-left .swiper-pagination span.swiper-pagination-bullet b {
        color: #FFF;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 12px */
        display: block !important;
    }
    .room_popup-left .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        display: flex !important;
    }
}

@media (max-width: 550px) {
    div[id^='room_popup_'] .popup-content {
        width: 300px;
        flex-direction: column;
        max-width: 100%;
    }
    .room_popup-left .swiper-wrapper img {
        max-height: 180px;
    }
}

.gallery-info-block {
    position: absolute;
    top: 30px;
    right: 8px;
    width: 262px;
    overflow: hidden;
    z-index: 2;
}

section.gallery-block {
    position: relative;
}

.gallery-info-reviews .reviewsBlock-info {
    border-radius: 5px;
    background: #FFF;
    justify-content: space-between;
    margin: 0px;
    padding: 12px;
    margin-bottom: 12px;
}

.gallery-info-reviews .reviewsBlock-info .reviewsBlockInfo-rate {
    margin-right: 0px;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide {
    padding: 0px;
    border: navajowhite;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide .reviewsBlockReviewsItem-text {
    overflow: hidden;
    color: #222;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 12px;
    background: var(--Blue-Light, linear-gradient(0deg, #EBEFF6 0%, #EBEFF6 100%), #FFF);
    border-radius: 5px 5px 0px 0px;
    margin: 0px;
}

.gallery-info-reviews .reviewsBlockReviewsItem-author {
    background: #FFF;
    padding: 12px;
    border-radius: 0px 0px 5px 5px;
}

.gallery-info-reviews .reviewsBlockReviewsItem-author .reviewsBlockReviewsItemAuthor-name {
    color: #262626;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.gallery-info-reviews .reviewsBlockReviewsItem-author .gallery-info-country {
    color: #6B6B6B;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    align-items: center;
}

.gallery-info-reviews .reviewsBlockReviewsItem-author .gallery-info-country svg {
    width: 12px;
    margin-right: 4px;
}

.gallery-info-reviews .reviewsBlockInfo-rate {
    border-radius: 5px 5px 5px 0px;
    background: #003b95;
}

.reviewsBlockReviews-item.swiper-slide-active {
    display: block;
}

.gallery-info-reviews.sw-slider {
    position: relative;
}

.gallery-info-reviews.sw-slider .swiper-button-next,
.gallery-info-reviews.sw-slider .swiper-button-prev {
    display: flex;
}

.gallery-info-reviews.sw-slider .swiper-button-next,
.gallery-info-reviews.sw-slider .swiper-button-prev {
    width: 24px;
    height: 24px;
    top: 55px;
}

.gallery-info-reviews.sw-slider .swiper-button-next svg {
    width: 6px;
    height: auto;
    margin-left: 2px;
}

.gallery-info-reviews.sw-slider .swiper-button-prev svg {
    width: 6px;
    height: auto;
    margin-right: 2px;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide .reviewsBlockReviewsItem-text {
    min-height: 110px;
    max-height: 110px;
    position: relative;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide .reviewsBlockReviewsItem-text:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background: linear-gradient(0deg, #ebeff6, transparent);
    bottom: 0;
    left: 0;
}

.gallery-info-reviews.sw-slider .swiper-button-next {
    right: -12px;
}

.gallery-info-reviews.sw-slider .swiper-button-prev {
    left: -12px;
}

.gallery-info-block {
    overflow: visible;
    padding: 12px;
    width: calc(262px + 24px);
    top: 20px;
    right: 6px;
    overflow: hidden;
    user-select: none;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide {
    border: none;
    transition: all .3s ease-in-out;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide {
    opacity: 0 !important;
    z-index: -1 !important;
}

.gallery-info-reviews .reviewsBlockReviews-item.swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    z-index: 1 !important;
}

.gallery-top-stat {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    background: #FFF;
    margin-top: 12px;
    padding: 5px 12px;
    align-items: center;
}

.gallery-top-stat-text {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.gallery-top-stat-value {
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 6px;
    border: 1px solid #222;
    border-radius: 5px 5px 5px 0px;
}

.gallery-info-reviews .reviewsBlock-info {
    padding: 5px 12px;
}

.gallery-info-reviews .reviewsBlock-info .reviewsBlockInfo-rate {
    padding: 6px;
}

.gallery-info-reviews.sw-slider .swiper-button-next,
.gallery-info-reviews.sw-slider .swiper-button-prev {
    top: 50px;
}

.gallery-info-block {
    transition: all .3s ease-in-out;
}

.gallery-info-block.-hide {
    opacity: 0;
}

.gallery-info-block:hover {
    opacity: 1 !important;
}

@media (max-width: 992px) {
    .gallery-info-block {
        display: none !important;
    }
}

div#hotel_popup_gallery {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100vw - 80px);
    height: calc(100vh - 80px);
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px;
    padding-bottom: 40px;
}

.hotel_pg-header {
    display: flex;
    justify-content: center;
    width: calc(100% + 80px);
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    padding-top: 40px;
}

.hotel_pg-title {
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin-right: 24px;
    margin-left: 24px;
}

.hotel_pg-right {
    min-width: 326px;
    max-width: 326px;
    padding: 40px 20px;
    border-left: 1px solid #ddd;
}

.hotel_pg-left {
    min-width: calc(100% - 326px);
    max-width: calc(100% - 326px);
    padding-right: 40px;
    height: -webkit-fill-available;
    padding-bottom: 40px;
    /* display: flex; */
    /* flex-direction: column; */
    /* flex-direction: column; */
    padding-left: 40px;
}

.hotel_pg-right .gallery-info-reviews .reviewsBlock-info {
    padding: 0px;
    margin-bottom: 24px;
}

.hotel_pg-right .gallery-info-reviews .reviewsBlock-info .reviewsBlockInfo-rate {
    background: #12B164;
    border-radius: 5px;
    padding: 8px;
}

.hotel_pg-left-tabs {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 40px;
    margin-bottom: 10px;
    height: fit-content;
    min-height: fit-content;
    overflow-x: auto;
    overflow-y: hidden;
    height: 180px;
}

.hotel_pg-left-tab {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    margin-right: 8px;
    cursor: pointer;
}

.hotel_pg-tab-img-wr {
    width: 100%;
    height: 70px;
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid white;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hotel_pg-left-tab>p {
    color: #222;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
    margin-bottom: 0px;
}

.hotel_pg-tab-img-wr img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hotel_pg-left-tab.active .hotel_pg-tab-img-wr,
.hotel_pg-left-tab:hover .hotel_pg-tab-img-wr {
    border-color: #013b94;
}

.hotel_pg-left-tab.active p,
.hotel_pg-left-tab:hover p {
    color: #013b94;
}

.hotel_pg-lt-item {
    display: none;
}

.hotel_pg-lt-item.active {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    height: calc(100% - 290px);
}

a.hotel_pg-lt-item-img {
    width: calc(20% - 8px);
    min-width: calc(20% - 8px);
    height: fit-content;
    margin-right: 8px;
    margin-bottom: 8px;
    display: flex;
    float: left;
}

a.hotel_pg-lt-item-img img {
    width: 100%;
    height: auto;
}

.hotel_pg-right-reviews .gallery-info-reviews .reviewsBlockReviewsItem-author {
    padding: 0px;
}

.hotel_pg-right-reviews .reviewsBlockReviews-item {
    margin-bottom: 12px;
}

.hotel_pg-right {
    height: 100%;
}

div#hotel_popup_gallery * {
    box-sizing: border-box;
}

.hotel_pg-right-reviews {
    height: calc(100% - 120px);
    overflow-y: auto;
    padding-right: 8px;
}

.hotel_pg-left-tab-items {
    height: -webkit-fill-available;
}

.hotel_pg-left {
    height: 100%;
}

.hotel_pg-left-tabs::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.hotel_pg-left-tabs::-webkit-scrollbar-track {
    background: #fff;
}

.hotel_pg-left-tabs::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.hotel_pg-lt-item::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.hotel_pg-lt-item::-webkit-scrollbar-track {
    background: #fff;
}

.hotel_pg-lt-item::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.hotel_pg-right-reviews::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.hotel_pg-right-reviews::-webkit-scrollbar-track {
    background: #fff;
}

.hotel_pg-right-reviews::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

div#hotel_popup_gallery button.f-button.is-close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    border: none !important;
}

div#hotel_popup_gallery button.f-button.is-close-btn path {
    stroke: #be1622;
}

a.hotel_pg-lt-item-img {
    height: 180px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

a.hotel_pg-lt-item-img img {
    position: absolute;
    min-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: unset;
    min-height: 100%;
}

.hotel_pg-lt-item {
    justify-content: flex-start;
    gap: unset;
}

.hotel_pg-lt-item.active {
    height: fit-content;
    max-height: calc(100% - 290px);
}

.hotel_pg-left-tab {
    position: relative;
    overflow: hidden;
    max-height: 174px;
}

.hotel_pg-left-tab:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background: linear-gradient(0deg, white, transparent);
    bottom: 0;
}

div#hotel_popup_gallery .hotel-stars {
    margin: 0px;
}

.hotel_pg-left-tab {
    max-height: 100px;
    height: 100px;
    position: relative;
}

.hotel_pg-title {
    font-size: 16px;
}

.hotel_pg-left-tabs {
    height: 120px;
}

.hotel_pg-lt-item.active {
    /* max-height: calc(100% - 230px); */
    max-height: calc(100vh - 330px);
}

.hotel_pg-left-tab>p {
    position: absolute;
    top: 65px;
}

.hotel_pg-left-tab>p {
    min-height: 42px;
}

.hotel_pg-left-tab>p:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30px;
    background: linear-gradient(0deg, white 50%, transparent);
    top: 15px;
}

.hotel_pg-left-tab:hover>p:before {
    opacity: 0;
}

.hotel_pg-left-tab:hover>p {
    max-height: 500px;
    top: unset;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    bottom: -15px;
    padding: 5px;
    white-space: wrap;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
    text-align: center;
    border-radius: 10px;
}

.hotel_pg-left-tab:hover {
    overflow: visible;
    z-index: 1;
}

a.hotel_pg-lt-item-img:hover img {
    transform: scale(1.1)translate(-45%, -50%);
}

a.hotel_pg-lt-item-img img {
    transition: all .3s ease-in-out;
}

.hotel_pg-left {
    padding-left: 15px;
    padding-right: 15px;
}

div#hotel_popup_gallery {
    width: calc(100vw - 80px);
    height: calc(100vh - 40px);
}

@media (max-width: 1200px) {
    a.hotel_pg-lt-item-img {
        min-width: calc(33% - 8px);
        max-width: calc(33% - 8px);
        width: calc(33% - 8px);
    }
}

@media (max-width: 1000px) {
    .hotel_pg-right {
        display: none;
    }
    .hotel_pg-left {
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    a.hotel_pg-lt-item-img {
        min-width: calc(50% - 8px);
        max-width: calc(50% - 8px);
        width: calc(50% - 8px);
    }
    .hotel_pg-header {
        padding: 40px 40px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hotel_pg-title {
        font-size: 24px;
        margin: 0px;
        margin-bottom: 10px;
        text-align: center;
    }
    div#hotel_popup_gallery button.f-button.is-close-btn {
        background: transparent !important;
        top: 5px;
        right: 5px;
    }
    .hotel_pg-left {
        padding: 0 10px;
    }
    div#hotel_popup_gallery {
        width: calc(100vw - 20px);
        height: calc(100% - 20px);
    }
    a.hotel_pg-lt-item-img {
        height: 120px;
    }
    .hotel_pg-lt-item.active {
        max-height: calc(50vh);
        overflow-y: scroll;
    }
    div#hotel_popup_gallery {
        height: 100%;
        width: 100%;
    }
}

div#hotel_popup_gallery {
    user-select: none;
}

.reviews-a-btn.actual_minus span {
    color: #013B94;
}

.reviews-a-btn.actual_minus svg path {
    fill: #013B94;
}

.reviews-a-btn.actual_minus svg path:last-child {
    stroke: #013b94;
}

.reviewsUsefulText {
    font-size: 12px;
    margin-right: 24px;
}

.reviewsUsefulText+.reviews-a-btn.actual_plus {
    margin-right: 24px;
}

.reviews-a-btn span {
    user-select: none;
}

.reviews-a-btn {
    position: relative;
}

.reviews-a-btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/* .reviewsActualBtns._actual_plus .reviewsUsefulText,
.reviewsActualBtns._actual_minus .reviewsUsefulText {
    display: none;
} */

.reviewsActualBtns._actual_plus .reviews-a-btn.actual_plus span {
    display: none;
}

.reviewsActualBtns._actual_plus .reviews-a-btn.actual_minus {
    display: none;
}

.reviewsActualBtns._actual_plus .reviews-a-btn.actual_plus svg path {
    fill: #12B164;
    stroke: #12b164;
    stroke-linecap: round;
}

.reviewsActualBtns._actual_minus .reviews-a-btn.actual_minus span {
    display: none;
}

.reviewsActualBtns._actual_minus .reviews-a-btn.actual_plus {
    display: none;
}

.reviewsActualBtns._actual_minus .reviews-a-btn.actual_minus svg path {
    fill: #BE1622;
    stroke: #BE1622;
    stroke-linecap: round;
}

.reviewsActualBtns {
    justify-content: flex-end;
}

.reviewsActualBtns._actual_plus .reviews-a-btn.actual_plus {
    margin-right: 0px;
}

a.hotel-info-btn.hotelPage-anchor {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 5px;
    background: #013B94;
    padding: 14px 32px;
    margin-left: auto;
}

.reviewsBlock-info.reviewsPopup-trigger {
    cursor: pointer;
}

@media (max-width: 959.98px) {
    a.hotel-info-btn.hotelPage-anchor {
        display: none;
    }
}

.roomActionsPopup {
    position: absolute;
    right: 15px;
    width: 300px;
    padding: 17px 18px;
    border-radius: 6px;
    background: rgba(6, 29, 63, 0.90);
    z-index: 1;
    top: 85px;
    opacity: 0;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

td.roomActions-cell {
    position: relative;
}

.roomActionPopup-title {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.roomActionPopup-subtitle {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #FFFFFF;
}

.roomActionPopup-nights {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.roomActionPopup-from {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 15px;
}

.roomActionPopup-to {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
}

.roomActionPopup-offer {
    color: #242846;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    background: #FEBB02;
    padding: 6px 16px 6px 20px;
}

@media screen and (min-width: 768px) {
    .__over+.roomActionsPopup {
        z-index: 2;
        opacity: 1;
        display: block !important;
    }
}

@media (min-width: 992px) {
    h1.hotel-name {
        margin-top: 6px;
    }
}

@media (max-width: 992px) {
    h1.hotel-name {
        margin-top: 12px;
        margin-bottom: 0px;
    }
    .hotel-address {
        margin-top: 12px;
    }
}

.hotel_pg-header a.hotel-info-btn.hotelPage-anchor {
    margin-left: 15px;
    display: flex;
    align-items: center;
    padding: 10px 16px;
}

.hotel_pg-title {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.hotel_pg-header a.hotel-info-btn.hotelPage-anchor {
    margin-left: 25px;
    display: flex;
    align-items: center;
}

.hotel_pg-title {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

@media (max-width: 600px) {
    .hotel_pg-title {
        margin-right: 0px;
    }
    .hotel_pg-header a.hotel-info-btn.hotelPage-anchor {
        margin-left: 0px;
        margin-top: 15px;
    }
}

.hotel_pg-left-tabs::-webkit-scrollbar-track {
    background: #fff;
}

.hotel_pg-left-tabs::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.hotel_pg-lt-item::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.hotel_pg-lt-item::-webkit-scrollbar-track {
    background: #fff;
}

.hotel_pg-lt-item::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.hotel_pg-right-reviews::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.hotel_pg-right-reviews::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.hotel_pg-right-reviews::-webkit-scrollbar-thumb {
    background: #ddd;
}

.hotel_pg-right-reviews::-webkit-scrollbar-button {
    border-style: none;
    height: 12px;
    width: 12px;
}

.hotel_pg-right-reviews::-webkit-scrollbar-button:single-button:vertical:decrement {
    background: url('/local/templates/generator/assets/images/CaretUp.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.hotel_pg-right-reviews::-webkit-scrollbar-button:single-button:vertical:increment {
    background: url('/local/templates/generator/assets/images/CaretDown.svg');
    background-position: center;
    background-repeat: no-repeat;
}


/*  */

.hotel_pg-lt-item::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.hotel_pg-lt-item::-webkit-scrollbar-track {
    background: #fff;
}

.hotel_pg-lt-item::-webkit-scrollbar-thumb {
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 0px solid #fff;
}

.hotel_pg-lt-item::-webkit-scrollbar-thumb {
    background: #ddd;
}

.hotel_pg-lt-item::-webkit-scrollbar-button {
    border-style: none;
    height: 0px;
    width: 0px;
}

.hotel_pg-lt-item::-webkit-scrollbar-button:single-button {
    width: 12px;
    height: 16px;
}

.hotel_pg-lt-item::-webkit-scrollbar-button:single-button:vertical:decrement {
    background: url('/local/templates/generator/assets/images/CaretUp.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.hotel_pg-lt-item::-webkit-scrollbar-button:single-button:vertical:increment {
    background: url('/local/templates/generator/assets/images/CaretDown.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.hotel_pg-lt-item::-webkit-scrollbar,
.hotel_pg-right-reviews::-webkit-scrollbar {
    width: 14px;
    height: 12px;
    border-left: 1px solid #ddd;
}

.hotel_pg-left {
    padding-right: 0px;
}

.hotel_pg-right-reviews::-webkit-scrollbar-track,
.hotel_pg-lt-item::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #ddd;
}

.hotel_pg-lt-item::-webkit-scrollbar-thumb,
.hotel_pg-right-reviews::-webkit-scrollbar-thumb {
    border: 1px solid #ddd;
    width: 6px;
    height: 150px;
    border: 0px;
}

.gallery-info-reviews .reviewsBlock-info {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.gallery-info-reviews .reviewsBlock-info {
    justify-content: flex-end;
}

.gallery-info-country,
.reviewItemAuthor-country {
    display: none !important;
}

.hotel_pg-right .gallery-info-reviews .reviewsBlock-info .reviewsBlockInfo-rate {
    margin-right: 12px;
}

content #filter .filter-block_horizontal .filterBlock-item {
    margin: 0px 4px;
    width: calc(100% / 3 - 8px);
}

@media (max-width: 767px) {
    content #filter .filter-block_horizontal .filterBlock-item {
        margin: 4px 0 0 0;
        width: 100%;
    }
}

content .filter-block_horizontal .filterBlockItem-input input {
    border: 2px solid white;
}

content .filter-block.filter-block_horizontal {
    background: #FFB700;
    padding: 4px 0px;
    border-radius: 5px;
}

section#top_block {
    order: 3;
    margin: 0px;
}

section#top_block .bestAmenetiesBlock-list {
    margin-top: 40px;
    margin-left: 0px;
    margin-right: -8px;
    margin-bottom: 0px;
    max-height: 113px;
    overflow: hidden;
}

section#top_block .bestAmenetiesBlock-list .bestAmenetiesBlock-item {
    margin: 0px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid rgba(1, 59, 148, 0.15);
    background: #FFF;
}

section#top_block .bestAmenetiesBlock-list .bestAmenetiesBlock-item .bestAmenetiesBlock-text {
    font-size: 16px;
}

.gallery-block .gallery-info-reviews .reviewsBlock-info.reviewsPopup-trigger {
    flex-direction: row;
    justify-content: space-between;
}

.gallery-block .gallery-info-reviews .reviewsBlock-info.reviewsPopup-trigger .reviewsBlockInfo-rate {
    margin-left: 12px;
}

@media (max-width: 992px) {
    section#top_block {
        display: none;
    }
}

@media (min-width: 992px) {
    .room_popup-left .swiper-slide {
        max-height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

section.first-block {
    display: flex;
    justify-content: space-between;
}

.fb-right-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.hotel-info>* {
    margin-bottom: 10px;
}

.room-old-price {
    color: #BE1622;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    position: relative;
    text-decoration: line-through;
    margin-bottom: 8px;
}

.room-new-price {
    display: flex;
}

.room-new-price-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    cursor: pointer;
}

.room-price-sale-ten span {
    border-radius: 5px;
    background: var(--12-b-164, #12B164);
    padding: 6px;
    display: block;
    width: fit-content;
    margin-top: 12px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 12px;
    cursor: pointer;
}

.room-price-travel-logo>div:first-child {
    border-radius: 5px;
    background: var(--blue-book, #013B94);
    width: 48px;
    height: 48px;
    padding-top: 12px;
    text-align: center;
    cursor: pointer;
}

.room-new-price-info,
.room-price-sale-ten,
.room-price-travel-logo {
    width: fit-content;
    position: relative;
}

.room-new-price-info:hover .room-price-info-popup,
.room-price-sale-ten:hover .room-price-info-popup,
.room-price-travel-logo:hover .room-price-info-popup {
    display: block !important;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: 360px;
    height: fit-content;
    padding: 24px;
    z-index: 1;
    cursor: default;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.10);
}

.room-price-info-popup-header {
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 12px;
}

.room-price-info-simple-text {
    color: #222;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.room-price-info-popup-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    color: #222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.room-price-info-popup-text {
    color: #666;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 20px;
}

.room-price-info-popup-total {
    display: flex;
    justify-content: space-between;
    color: var(--Black, #000);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    padding-top: 20px;
    border-top: 1px solid #DDD;
}

.room-price-info-popup:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff;
    transform: rotate(45deg);
    top: -6px;
    left: calc(50% - 5px);
}

.room-price-mobile-info,
.room-tax.-mobile-room-tax {
    display: none;
}

@media (max-width: 767px) {
    .room-new-price-info {
        display: none;
    }
    .roomsBlock-results table tbody td.roomPrice-cell.-with-sale {
        justify-content: space-between;
    }
    .roomsBlock-results table tbody td.roomPrice-cell.-with-sale {
        margin-bottom: 4px;
    }
    .room-price-mobile-info,
    .room-tax.-mobile-room-tax {
        display: block;
    }
    .room-price-mobile-info {
        color: var(--Black, #000);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 8px;
    }
    .room-tax.-mobile-room-tax {
        display: block;
        color: #666;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        margin-top: 8px;
    }
    .room-price-mobile-wr-f {
        display: flex;
        align-items: center;
    }
    .room-old-price {
        margin: 0px;
        margin-right: 16px;
        font-size: 14px;
    }
    .room-price-info-popup {
        display: none !important;
    }
    .room-new-price-info:hover .room-price-info-popup,
    .room-price-sale-ten:hover .room-price-info-popup,
    .room-price-travel-logo:hover .room-price-info-popup {
        display: none !important;
    }
    .room-tax.-mobile-hide {
        display: none;
    }
    .room-tax.-mobile-room-tax {
        margin-left: 0px;
    }
    .room-price-sale-ten span {
        margin-bottom: 4px;
        min-width: 48px;
        text-align: center;
    }
}

.allReviews-btn.item_btn.subhidden {
    display: none !important;
}

.allReviews-btn.item_btn.more_btns_active+.allReviews-btn.item_btn.subhidden,
.allReviews-btn.item_btn.subhidden.active+.allReviews-btn.item_btn.subhidden+.allReviews-btn.item_btn.subhidden,
.allReviews-btn.item_btn.subhidden.active+.subhidden,
.allReviews-btn.item_btn.active+.allReviews-btn.item_btn.subhidden+.allReviews-btn.item_btn.subhidden {
    display: flex !important;
    background: white;
    font-size: 0px;
    position: relative;
    pointer-events: none;
}

.allReviews-btn.item_btn.more_btns_active+.allReviews-btn.item_btn.subhidden:before,
.allReviews-btn.item_btn.subhidden.active+.allReviews-btn.item_btn.subhidden+.allReviews-btn.item_btn.subhidden:before,
.allReviews-btn.item_btn.active+.allReviews-btn.item_btn.subhidden+.allReviews-btn.item_btn.subhidden:before {
    content: '…';
    position: absolute;
    font-size: 14px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.allReviews-btn.item_btn.active+.subhidden {
    display: flex !important;
    font-size: 14px !important;
    pointer-events: all !important;
}

.allReviews-btn.item_btn.active+.subhidden:before {
    opacity: 0 !important;
    display: none;
}

.allReviews-btn.item_btn.subhidden.active:before {
    display: none;
}

.allReviews-btn.item_btn.subhidden.active {
    pointer-events: all;
    font-size: 14px !important;
}

.allReviews-btn.item_btn.subhidden.active {
    display: flex !important;
}

.allReviews-btn.item_btn.subhidden:has(+.active),
.allReviews-btn.item_btn.more_btns_active:has(+.more_btns_active):has(+.active) {
    display: flex !important;
    pointer-events: all !important;
    font-size: 14px !important;
}

.allReviews-btn.item_btn.subhidden:has(+.active):before,
.allReviews-btn.item_btn.more_btns_active:has(+.more_btns_active):has(+.active):before {
    display: none;
}

.allReviews-btn.item_btn.active {
    display: flex !important;
}

@media (max-width: 992px) {
    .allReviews-btn.item_btn.subhidden:has(+.active),
    .allReviews-btn.item_btn.more_btns_active:has(+.more_btns_active):has(+.active),
    .allReviews-btn.item_btn.subhidden.active,
    .allReviews-btn.item_btn.active+.subhidden,
    .allReviews-btn.item_btn.more_btns_active+.allReviews-btn.item_btn.subhidden:before,
    .allReviews-btn.item_btn.subhidden.active+.allReviews-btn.item_btn.subhidden+.allReviews-btn.item_btn.subhidden:before,
    .allReviews-btn.item_btn.active+.allReviews-btn.item_btn.subhidden+.allReviews-btn.item_btn.subhidden:before {
        font-size: 12px !important;
    }
}

.roomsBlock-results .room-name>svg {
    display: none;
}

.roomsBlock-results .room-name {
    position: relative;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .roomsBlock-results .room-name {
        display: block;
        padding-right: 50px;
    }
    .roomsBlock-results .room-name>svg {
        display: block;
        position: absolute;
        right: 0;
        top: 0px;
    }
}

.fb-right-column {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.hotel-add-wishlist {
    padding: 8px;
    margin-right: 16px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    text-align: center;
    align-items: center;
}

.hotel-add-wishlist,
.hotel-add-wishlist {
    border-radius: 5px;
    background: var(--Blue-Light, linear-gradient(0deg, #EBEFF6 0%, #EBEFF6 100%), #FFF);
}

.hotel-add-wishlist:hover,
.hotel-add-wishlist.active {
    background: #003b95;
}

.hotel-add-wishlist:hover,
.hotel-add-wishlist.active {
    background: #003b95;
}

.hotel-add-wishlist:hover svg path,
.hotel-add-wishlist.active svg path {
    stroke: #fff;
}

@media (max-width: 959.98px) {
    .hotel-add-wishlist {
        margin-right: 0px;
    }
    .fb-right-column {
        margin-left: 5px;
    }
}

.roomsBlock-results .room-other {
    min-width: 100%;
}

.map-trigger {
    margin-top: 12px;
    background: #F8F8F8;
    padding: 60px 15px;
    text-align: center;
    border-radius: 10px;
}

.map-btn-show {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 14px 32px;
    background: #013b94;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    width: fit-content;
    margin: 0px auto;
}

.map-hotel-trigger {
    font-size: 14px;
    margin-top: 12px;
    color: #013b94;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
}

div#maps_popup {
    width: calc(100vw - 80px);
    height: calc(100vh - 120px);
    padding: 0px;
}

.maps-popup-content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.maps-popup-left {
    position: absolute;
    top: 0;
    left: 0;
    height: fit-content;
    max-height: 100%;
    padding: 24px 24px 10px 24px;
    width: 450px;
    max-width: 100%;
}

.maps-popup-hotel-info {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.maps-popup-hotel-img {
    min-width: 100px;
    margin-right: 20px;
    max-width: 100px;
    height: 132px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.maps-popup-hotel-img img {
    min-height: 100%;
    max-width: unset;
    width: auto;
    min-width: 100%;
}

.maps-popup-hotel-name {
    font-size: 18px;
    color: #013B94;
    font-weight: 600;
    margin-bottom: 8px;
}

.maps-popup-place-rainting {
    margin-top: 20px;
    color: #666;
    font-size: 14px;
}

.maps-popup-show-cost {
    display: flex;
    justify-content: center;
    padding: 14px;
    background: #013B94;
    color: #fff;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
    line-height: 1;
    min-height: 44px;
}

.maps-popup-show-cost svg {
    margin-left: 8px;
}

.maps-top-nearby {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

div#maps_popup button.f-button.is-close-btn {
    top: -15px;
    right: -16px;
    left: unset;
    bottom: unset;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff !important;
    z-index: 2 !important;
    opacity: 1 !important;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

div#maps_popup button.f-button.is-close-btn svg path {
    stroke: #999 !important;
}

div#maps_popup button.f-button.is-close-btn svg {
    width: 18px;
    height: 20px;
}

div#maps_popup {
    border-radius: 10px;
}

div#hotel_ymap {
    width: 100%;
    height: 100%;
}

div#hotel_ymap {
    position: relative;
    z-index: 0;
    border-radius: 10px;
    overflow: hidden;
}

.maps-popup-left {
    z-index: 2;
    background: white;
    border-radius: 0px 10px 10px 0px;
}

.maps-popup-hotel-text {
    width: calc(100% - 100px - 20px);
    position: relative;
    padding-right: 40px;
}

.maps-popup-hotel-text .hotel-add-wishlist {
    position: absolute;
    right: 0;
    margin-right: 0px;
}

.rooms_emtpy {
    color: #BE1622;
    font-size: 14px;
    font-weight: 600;
}

.empty_dates_ {
    padding: 24px;
    margin-bottom: 24px;
    border: 1px solid #be1622;
    border-radius: 10px;
    background: rgba(190, 22, 34, 0.15);
    display: flex;
}

.empty_dates_text {
    display: flex;
    flex-direction: column;
}

.empty_dates_text b {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}

.empty_dates_text span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.empty_dates_icont {
    margin-right: 16px;
    min-width: 32px;
}

.norooms_mobile {
    display: none;
}

@media (max-width: 768px) {
    span.norooms_mobile {
        width: fit-content;
        margin-bottom: 12px;
        display: block;
        line-height: 1;
    }
    .norooms_mobile {
        display: block;
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 400;
        background: rgba(190, 22, 34, 0.15);
        border: 1px solid #be1622;
        color: #be1622;
        border-radius: 10px;
    }
    b.rooms_emtpy {
        margin-right: auto;
        margin-top: 10px;
    }
    .empty_dates_text b {
        line-height: normal;
    }
    .empty_dates_ {
        padding: 20px;
    }
}

tr.parent-row.pc-hidden {
    display: none;
}

.empty_dates_+table.filter-empty a.room-name {
    cursor: default;
}

.maps-min-room-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 12px;
}

.maps-min-room-nights {
    font-size: 12px;
    color: #666;
    margin-bottom: 12px;
}

.maps-min-room-cancel {
    font-weight: 700;
    color: #013b94;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
}

.maps-min-room-price {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

.maps-min-room-price b {
    color: #013b94;
    font-size: 26px;
    line-height: 1;
    margin-right: 8px;
    margin-left: 8px;
}

.maps-min-room-price span {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    margin-left: 8px;
    margin-right: 8px;
    color: #666;
}

a.maps-popup-show-cost.hotelPage-anchor:hover {
    color: #fff;
}

.maps-min-room-cancel {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.maps-min-room-cancel img {
    margin-right: 6px;
}

.maps-min-room-cancel span {
    font-weight: 500;
    line-height: 1;
}

a.BalloonTitle {
    font-size: 16px;
    line-height: 16px;
    color: #013b94;
    font-weight: bold;
    font-family: var(--default-font-family);
    margin-bottom: 12px;
    display: block;
}

.BalloonRaiting>span {
    background: #12B164;
    display: block;
    width: fit-content;
    padding: 5px 1px;
    border-radius: 10px;
    min-width: 27px;
    text-align: center;
    font-family: var(--default-font-family);
    color: #fff;
    font-weight: 600;
}

.maps-popup-scroll-wr {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: fit-content;
    max-height: calc(100vh - 200px);
    padding-right: 15px;
    padding-bottom: 10px;
}

.maps-popup-left {
    display: block;
    max-height: 100%;
    overflow-y: auto;
}

.maps-popup-scroll-wr::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #EBEFF6;
}

.maps-popup-scroll-wr::-webkit-scrollbar-track {
    background: #EBEFF6;
}

.maps-popup-scroll-wr::-webkit-scrollbar-thumb {
    background-color: #EBEFF6;
    border-radius: 20px;
    border: 0px solid #fff;
}

.maps-popup-scroll-wr::-webkit-scrollbar-thumb {
    background: #013b94;
}

.maps-popup-scroll-wr::-webkit-scrollbar-button {
    border-style: none;
    height: 0px;
    width: 0px;
}

.maps-popup-scroll-wr::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-left: 1px solid #3f51b500;
}

.maps-popup-scroll-wr::-webkit-scrollbar-track {
    background: #fff;
    border-left: 1px solid #3f51b500;
    background: #EBEFF6;
}

.maps-popup-scroll-wr::-webkit-scrollbar-thumb {
    border: 1px solid #3F51B5;
    width: 6px;
    height: 150px;
    border: 0px;
}

.maps-popup-mobile-show {
    display: none;
}

.BalloonRaiting {
    display: flex;
    align-items: center;
}

.BalloonRaiting>span {
    margin-right: 12px;
}

.BalloonRaiting>b {
    font-family: var(--default-font-family);
}

.mobile-hidden-btn {
    display: none;
}

.button.button_greenBorder.map_show_triggers.mobile_only {
    display: none;
}

.map_show_triggers {
    cursor: pointer;
}

.nearbyBlock-label.map_show_triggers {
    background: none;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .button.button_greenBorder.map_show_triggers.mobile_only {
        display: flex;
        margin-top: 20px;
    }
    .maps-top-nearby {
        display: none;
    }
    div#maps_popup {
        /* width: calc(100vw - 42px);
        height: calc(100vh - 68px); */
        width: calc(100% - 44px);
        height: calc(100% - 48px);
    }
    .maps-popup-content {
        border-radius: 15px;
    }
    .maps-popup-left {
        height: fit-content;
        width: 320px;
        max-width: 100%;
        top: unset;
        left: 8px;
        bottom: 8px;
        height: fit-content;
        padding: 12px;
        border-radius: 15px;
        box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.15);
        border: 1px solid #ddd;
        overflow: hidden;
    }
    .maps-min-room-info {
        display: none;
    }
    .maps-popup-scroll-wr {
        padding: 0px;
        max-height: fit-content;
        height: fit-content;
        overflow: hidden;
    }
    .maps-popup-hotel-info {
        padding: 0px;
        margin: 0px;
        border: navajowhite;
    }
    .maps-popup-place-rainting {
        display: none;
    }
    .maps-popup-hotel-img {
        min-width: 80px;
        width: 80px;
        max-width: 80px;
        margin-right: 12px;
        height: 100%;
        position: absolute;
    }
    .maps-popup-hotel-text {
        width: calc(100% - 80px - 12px);
        margin-left: auto;
    }
    .hotel-add-wishlist {
        width: 24px;
        height: 24px;
        padding: 6px;
        min-height: 24px;
        min-width: 24px;
        top: 2px;
    }
    .maps-popup-hotel-raiting .reviewsBlock-info {
        margin-top: 0px;
    }
    .maps-popup-hotel-raiting .reviewsBlockInfo-rate {
        padding: 4px;
        font-size: 12px;
        min-height: 24px;
        min-width: 27px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 6px;
    }
    .maps-popup-hotel-raiting .reviewsBlockInfoCounter-bottom {
        display: none;
    }
    .maps-popup-hotel-raiting .reviewsBlockInfoCounter-top {
        font-size: 12px;
        margin: 0px;
    }
    .maps-popup-hotel-name {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .maps-popup-hotel-img img {
        height: 200px;
    }
    .maps-popup-hotel-info {
        border: none;
        display: flex;
        align-items: center;
        position: relative;
    }
    .maps-popup-mobile-flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-right: -40px;
    }
    .maps-popup-mobile-show {
        display: flex;
    }
    .maps-popup-mobile-show .maps-min-room-info {
        display: block;
        margin-right: -40px;
    }
    .maps-min-room-title {
        margin-top: 12px;
        font-size: 14px;
        margin-bottom: 8px;
        color: #000;
    }
    .maps-min-room-nights {
        font-size: 12px;
        color: #666;
        font-weight: 400;
    }
    .maps-min-room-price b {
        white-space: nowrap;
        font-size: 20px;
        line-height: 20px;
        margin-left: 0px;
        margin-right: 12px;
    }
    .maps-min-room-price span {
        text-align: left;
        margin: 0px;
    }
    .maps-min-room-cancel {
        display: none;
    }
    .maps-popup-left {
        max-width: calc(100% - 15px);
    }
    a.maps-popup-show-cost.hotelPage-anchor {
        display: none;
    }
    .maps-popup-mobile-show a.maps-popup-show-cost.hotelPage-anchor {
        display: block;
        margin-top: 12px;
        background: transparent;
        color: #013b94;
        text-decoration: underline;
        padding: 0px;
        font-size: 11px;
        height: fit-content;
        min-height: fit-content;
    }
    .maps-popup-mobile-show {
        margin-right: -40px;
    }
    .maps-popup-mobile-show a.maps-popup-show-cost.hotelPage-anchor svg {
        display: none;
    }
    .maps-popup-hotel-text {
        min-height: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .maps-popup-mobile-show .maps-min-room-info {
        margin-right: 0px;
    }
    a.BalloonTitle {
        font-size: 14px;
    }
    a.BalloonTitle {
        max-width: 240px;
    }
    .maps-popup-left {
        left: 0;
        width: 100%;
        max-width: 100%;
        bottom: 0;
        border-radius: 10px;
    }
    .mobile-hidden-btn {
        display: block;
    }
    .mobile-hidden-btn {
        position: absolute;
        left: calc(50% - 25px);
        top: -11px;
        width: 50px;
        text-align: center;
        background: #002c8f;
        border: 1px solid #002c8f;
        border-radius: 10px;
        z-index: 3;
    }
    .maps-popup-left {
        overflow: visible;
    }
    .mobile-hidden-btn svg {
        transform: rotate(90deg);
        transition: all .3s ease-in-out;
    }
    .mobile-hidden-btn svg path {
        stroke: #fff;
    }
    .maps-popup-left.-hidden {
        height: 0px;
    }
    .maps-popup-left.-hidden:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 2;
    }
    .maps-popup-left.-hidden .mobile-hidden-btn svg {
        transform: rotate(-90deg);
    }
    .maps-popup-left.-hidden .mobile-hidden-btn svg path {
        stroke: #002c8f;
    }
    .maps-popup-left.-hidden .mobile-hidden-btn {
        background: #fff;
    }
    a.maps-popup-show-cost.hotelPage-anchor {
        user-select: none;
        outline: none;
        border: none;
    }
    .maps-popup-left.-hidden {
        padding-top: 2px;
    }
}

.map-trigger {
    background-image: url('/local/templates/generator/assets/images/map-trigger-bg.png');
    background-size: cover;
    background-position: center;
    padding-top: 44px;
    padding-bottom: 22px;
}

.map-trigger svg {
    margin-bottom: 5px;
}

div#bg_map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
}

.map-trigger {
    position: relative;
    background: transparent;
    overflow: hidden;
}

.hotel-address.info_text_icon {
    cursor: help;
}

ymaps[class*="-gotoymaps"],
ymaps[class*="-traffic"],
ymaps[class*="-gototech"],
ymaps[class*="-controls-pane"],
ymaps[class*='-copyrights-pane'] {
    display: none;
}

ymaps[class*="-placemark-overlay"] ymaps[class*="-image"] {
    background-repeat: no-repeat;
}

.hotel-address.info_text_icon svg {
    margin-right: 5px;
}

.hotel-address.info_text_icon:hover svg path:nth-child(3) {
    fill: #013b94;
}

.hotel-address.info_text_icon:hover svg path:nth-child(2) {
    fill: #013b94;
}

div#maps_popup.loading {
    position: relative;
}

div#maps_popup.loading:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px 15px 15px 15px;
}

div#maps_popup.loading button.f-button.is-close-btn {
    z-index: 9999999 !important;
}

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

div#maps_popup.loading:after {
    z-index: 999999;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    content: '';
    position: absolute;
    border-radius: 50%;
    border-top: 2px solid #003B95;
    border-right: 2px solid rgba(0, 0, 0, 0);
    border-left: 2px solid rgba(0, 0, 0, 0);
    border-bottom: 2px solid #003B95;
    animation: spin_load 1s infinite;
}

@media (min-width: 768px) {
    a.hotel_pg-lt-item-img {
        min-height: 180px;
        height: 19vh;
    }
}

.order_six {
    order: 5;
}

a.button.button_blue.disabled {
    filter: grayscale(0.6);
    background: gray;
    border-color: gray;
    margin-bottom: 10px;
}

a.button.button_blue.disabled+b {
    font-size: 14px;
    line-height: 120%;
}

a.button.button_blue.disabled+b {
    font-weight: 500;
}

a.button.button_blue.disabled+b span {
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 768px) {
    a.button.button_blue.disabled+b {
        display: block;
        width: fit-content;
        margin: 0px auto;
    }
    .roomsBlock-results table tbody td.roomActions-cell {
        flex-wrap: wrap;
    }
}

.description-wrapper.tizdar_description p {
    display: block;
    margin-top: 10px;
}

.description-wrapper.tizdar_description p.tizdar_d_subtitle {
    margin-top: 25px;
}

.block_with_links {
    margin: 0 0 32px 0;
    padding: 0;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    text-align: left;
    list-style: none;
}

@media (max-width: 768px) {
    .block_with_links {
        -webkit-columns: 1;
        -moz-columns: 1;
        margin: 0 0 2px 0;
    }
}

.block_with_links li {
    position: relative;
    margin: 8px 0;
    padding-left: 13px;
}

.block_with_links li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #57698A;
    position: absolute;
    left: 0px;
    top: calc(50% - 2px);
}

.block_with_links li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #262626!important;
}

.block_with_links li a:hover {
    color: #013b94!important;
}

.block_with_links::marker {
    color: #013B94;
    background-color: #013B94;
}


/*  */

.tizdar-banner-page {
    order: 3;
    margin-bottom: -10px;
    margin-top: 30px;
}

img.tzd_banner_mb {
    display: none;
}

.tizdar-banner-page .container {
    display: flex;
}

@media (max-width: 768px) {
    img.tzd_banner_pc {
        display: none;
    }
    img.tzd_banner_mb {
        display: block;
        width: 100%;
        height: auto;
    }
    .tizdar-banner-page {
        margin-top: 0px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

.room-price-sale-ten span {
    min-width: 58px;
    text-align: center;
    font-size: 20px;
}

.room-price-travel-logo>div:first-child {
    width: 58px;
    height: 58px;
}

.room-price-travel-logo>div:first-child svg {
    width: 44px;
    height: auto;
}

@media (max-width: 768px) {
    .room-price-sale-ten span {
        font-size: 16px;
    }
    .room-price-travel-logo>div:first-child {
        padding-top: 5px;
        height: fit-content;
    }
    .room-price-travel-logo>div:first-child svg {
        width: 39px;
    }
}


/*  */

section.first-block.special_tzd {}

section.first-block.special_tzd h1.hotel-name {
    white-space: nowrap;
}

section.first-block.special_tzd .hotel-address.info_text_icon.map_show_triggers {
    width: 380px;
}

section.first-block.special_tzd .hotel-address.info_text_icon svg {
    min-width: 20px;
}

section.first-block.special_tzd .hotel-address.info_text_icon.map_show_triggers {
    align-items: center;
}

section.first-block.special_tzd .fb-right-column {
    flex-direction: column;
    justify-content: space-between;
    margin-left: -200px;
    z-index: 2;
    position: relative;
}

.fb-right-special {
    padding: 12px 25px;
    background: #ffefd8;
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin-left: auto;
}

.fb-right-special b {
    font-family: Roboto;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0%;
    color: #f79e1b;
    line-height: 1;
    margin-left: 8px;
}

section.first-block.special_tzd a.hotel-info-btn.hotelPage-anchor {
    white-space: nowrap;
}

section.first-block.special_tzd .fb-right-column-wr {
    display: flex;
    align-items: center;
}

section.first-block.special_tzd h1.hotel-name {
    white-space: normal;
}

@media (max-width: 1200px) {
    section.first-block.special_tzd .fb-left-column {
        width: calc(100% - 190px);
    }
}

@media (max-width: 1024px) {
    section.first-block.special_tzd .fb-left-column {
        width: calc(100% - 200px);
    }
    section.first-block.special_tzd .hotel-address.info_text_icon.map_show_triggers {
        width: 303px;
    }
}

@media (min-width: 768px) and (max-width: 959.98px) {
    section.first-block.special_tzd .hotel-address.info_text_icon.map_show_triggers {
        width: 387px;
        max-width: 100%;
    }
    section.first-block.special_tzd a.hotel-info-btn.hotelPage-anchor {
        display: block;
        margin-left: 10px;
        font-size: 14px;
    }
}

@media (max-width: 767.98px) {
    section.first-block.special_tzd {
        flex-direction: column;
    }
    section.first-block.special_tzd .fb-right-column-wr {
        display: none;
    }
    .fb-right-special b {
        font-size: 16px;
    }
    .fb-right-special {
        padding: 6px 12px;
        margin-left: 0px;
    }
    section.first-block.special_tzd .fb-right-column {
        margin-top: 16px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: relative;
        margin-left: 0px;
    }
    .fb-right-column .gallery-info-reviews {
        display: block !important;
    }
    section.first-block.special_tzd .fb-left-column {
        width: 100%;
    }
    section.first-block.special_tzd .hotel-address.info_text_icon.map_show_triggers {
        width: 100%;
    }
    section.first-block.special_tzd .reviewsBlock-info.reviewsPopup-trigger {
        padding: 0px;
        margin: 0px;
    }
    section.first-block.special_tzd .reviewsBlock-info.reviewsPopup-trigger .reviewsBlockInfo-counter {
        margin-left: 12px;
    }
}
/* End */
/* /local/templates/generator/components/bitrix/catalog/hotels/style.min.css?1702030243959 */
/* /local/templates/generator/components/bitrix/catalog.element/.default/style.css?1747649846146355 */