/*!
Theme Name: Baden Baden
Theme URI: http://underscores.me/
Author: Alexandr Vlasov
Author URI: http://alexandr.pw
Description: Description
Version: 1.6.26
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: baden
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
body, button, span, input, p, h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
}
.titleBlock h2,
.contacts__contacts__title h2,
.firstScreen_singlePage__content h1,
.singleArticle__item .article-title h2,
.sidebar h2,
.sidebar--news ul li a {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500;
}
.btn {
    font-size: 16px;
}

.firstScreen_singlePage__content h1 {
    font-size: clamp(36px, 5vw, 80px);
}

.titleBlock h2 {
    font-family: serif;
    color: #0066a4;
    font-size: clamp(36px, 5vw, 52px);
    line-height: 1em;
    margin-bottom: 40px;
}

.contacts__contacts__title {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contacts__contacts__title h2 {
    font-family: serif;
    color: #0066a4;
    font-size: 52px;
    line-height: 1em;
    margin-bottom: 40px;
    position: relative;
}

.contacts__contacts__title:after {
    content: "";
    display: block;
    background-color: #4e5d70;
    width: 50px;
    height: 1px;
}
.accommodation__text-buttons {
    display: flex;
    gap: 12px;
    flex-direction: row;
    flex-wrap: wrap;
}

.contacts__contacts {
    /* padding: 55px 25px; */
    /* width: 100%; */
}

/* @media screen and (max-width: 767px) {
	.contacts__contacts {
		padding: 55px 45px;
	}
} */
.contacts__contacts__items {
    gap: 50px
}

.contacts__contacts__item div a,
.contacts__contacts__item div span {
    font-size: 16px;
    font-weight: 500;
}

.contacts__contacts__item .location_name {
    text-transform: uppercase;
}

.header {
    position: relative;
    margin-bottom: -100px;
}

body {
    color: #4e5d70;
}

.titleWrapper ul li a {
    color: #4e5d70;
    cursor: pointer;
}

.titleWrapper p {
    font-size: 20px;
    color: #4e5d70;
    text-wrap: auto;
}

.firstScreen_singlePage__bg img {
    object-fit: cover;
    -o-object-position: top;
    object-position: center top;
}

.specialOffers__item {
    aspect-ratio: 4/5;
}

.accommodation__item {
    height: auto;
}

.swiper.accommodation-slider .swiper-wrapper {
    justify-content: stretch;
}

.header.scrolled {
    background-color: rgb(89 162 212 / 90%);
}

.titleWrapper ul li {
    font-size: 16px;
    text-transform: uppercase;
}

.titleBlock:after {
    background-color: #4e5d70;
    width: 50px;
}

#travelline {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .8rem;
    padding: 10px 30px;
    margin-top: 30px;
}

.page-template-home #travelline {
    margin-bottom: 60px;
}

@media screen and (min-width: 1700px) {
    .container {
        max-width: 1600px;
    }
}

.accommodation__item {
    padding: 0;
}

/* .btn {
	padding: 20px 50px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
} */
.btn--blue {
    background-color: #57a1d4;
}

.dropdown-toggle::before {
    display: block;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    right: 2px;
    font-size: 12px;
    bottom: 12px;
    transition: transform .3s ease-in-out;
}

.dropdown-toggle:hover::before {
    transform: rotateX(-180deg);
}

.dropdown-toggle::after {
    display: none;
}

/* Для обычных экранов — наводим мышью и показываем меню */
@media (min-width: 992px) {
    .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 0;
        /* убираем возможное смещение */
    }
}

#certificate_widget .page__inner {
    padding-top: 20px;
}

.faq-btn__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.offcanvas-header .offcanvas-title .img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.btn__bitrixForm .b24-form-sign {
    display: none;
}

.btn__bitrixForm .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none;
}

.btn__bitrixForm .btn-close {
    right: 12px;
    left: auto;
    position: absolute;
    z-index: 20;
}

.btn__bitrixForm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.btn__bitrixForm button {
    margin: 0 auto;
}

.header__social img {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 767px) {
    .firstScreen__description {
        font-size: 14px;
    }

    .firstScreen__logo img {
        width: 60%;
    }

    .header__logo img {
        max-width: 120px;
    }
    .singleArticleRoom-wrapper {
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.page-link {
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5ba6db;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #5ba6db;
    border-color: #5ba6db;
}

.specialOffers__wrapper-akcii {
    display: flex;
    align-items: center;
    justify-content: center;

    &:not(:hover) {

        .swiper-button-prev,
        .swiper-button-next {
            opacity: 0;
            top: 20px;
        }
    }

    @media screen and (max-width: 1024px) {
        &:not(:hover) {

            .swiper-button-prev,
            .swiper-button-next {
                opacity: 1;
                top: 0px;
            }
        }
    }

    .swiper-nav {
        position: absolute;
        width: 100%;
    }

    .swiper-button-prev,
    .swiper-button-next {
        opacity: 1;
        top: 50%;
        background-color: hsla(0, 0%, 0%, 0.4);
        border-radius: 90px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease-in-out;

        svg {
            width: 20px;
            height: 20px;
        }
    }

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

.swiper-slide {
    height: 100% !important;
}

.footer__copyright ul li:has(a) {
    padding: 4px 0px;
}

.footer__copyright ul li a {
    font-size: 16px;
    line-height: 1.3em;
}

.btn__bitrixForm .b24-form-sign {
    display: none;
}

.btn__bitrixForm .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none;
}

.btn__bitrixForm .btn-close {
    right: 12px;
    left: auto;
    position: absolute;
    z-index: 20;
}

.btn__bitrixForm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.btn__bitrixForm button {
    margin: 0 auto;
}

.article-content {
    container-type: inline-size;
    container-name: specialOffers;
}

.specialOffers {
    overflow: hidden;
    width: 100%;
    max-width: 100cqw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .swiper {
        width: 100%;
    }

    .titleBlock {
        margin-bottom: 40px;
    }
}
.titleWrapper ul li button {
    text-decoration: none;
    font-weight: 400;
    color: #4e5d70;
    cursor: pointer;
    background: none;
    border: none;
    text-transform: unset;
}
.swiper-slide {
    height: auto !important;
}
.footer__bottom .container {
    justify-content: space-between;
    flex-wrap: wrap;
}



.toast-newYear{position:fixed;bottom:40px;left:20px;z-index:60;display:-ms-grid;display:grid;-ms-grid-columns:120px 1fr;grid-template-columns:120px 1fr;background-color:#fff;width:100%;max-width:430px;display:none}.toast-newYear.show{display:-ms-grid;display:grid}.toast-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fe0000}.toast-icon svg path{fill:#fff}.toast-wrapper{padding:16px 16px 16px 24px}.toast-header{padding:0;margin-bottom:0;border-bottom:0}.toast-header p{font-size:16px;padding-right:20px;font-weight:700;margin-bottom:0}.toast-body{font-size:14px;padding:16px 0 20px;line-height:1.3em}.toast-body a{color:#fe0000;font-weight:600}.toast-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.toast-footer a{color:#fff;background-color:#fe0000;padding:8px;text-decoration:none}@media (width <= 767px){.toast-newYear{-ms-grid-columns:1fr;grid-template-columns:1fr;max-width:280px}}




/**
 * 1. Стили для шапки доп.
 */
.single-prozhivanie .header {
    background-color: #fdfdfd;
    margin-bottom: 0!important
}

.single-prozhivanie .header img {
    -webkit-filter: invert(.8);
    filter: invert(.8)
}

.single-prozhivanie .header .nav-link {
    color: #4e5d70
}

.single-prozhivanie .header .header__logo span {
    color: #4e5d70;
    border-color: #4e5d70
}

.single-prozhivanie #travelline {
    margin-bottom: 30px
}
/**
 * 2. Стили для хлебных крошек.
 */
.titlePage {
    padding: 40px 0 60px
}

.titlePage-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    text-align: left
}

.titlePage-container h1 {
    margin-bottom: 0;
    font-size: 4em;
    font-weight: 300;
    line-height: 1em;
    color: #4e5d70;
    font-family: serif,sans-serif
}

.titlePage-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.titlePage-breadcrumbs .breadcrumb {
    margin-bottom: 0
}

.titlePage-breadcrumbs .breadcrumb-item a {
    text-decoration: none;
    color: #6c757d
}

.titlePage-breadcrumbs .breadcrumb-item.active {
    color: #4e5d70
}

.titlePage-breadcrumbs .breadcrumb-item+.breadcrumb-item::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
/**
 * 3. Страница номера
 */
.singleRoom-roomGallery-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr);
    -ms-grid-rows: (auto)[2];
    grid-template-rows: repeat(2,auto);
    gap: 12px
}

.singleRoom-roomGallery-hidden {
    visibility: hidden;
    display: none
}

.singleRoom-roomGallery-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none
}

.singleRoom-roomGallery-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 20px;
    gap: 12px;
    background: #1b98d3;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    inset: auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2em;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    right: 12px;
    bottom: 12px;
    background-color: #fff;
    color: #000;
    border: 1px solid #000
}

.singleRoom-roomGallery-item span svg {
    width: 20px;
    height: 20px
}

.singleRoom-roomGallery-item span svg path {
    fill: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.singleRoom-roomGallery-item:hover span {
    background-color: #fff;
    color: #2864ff;
    border: 1px solid #2864ff
}

.singleRoom-roomGallery-item:hover span svg path {
    fill: #2864ff
}

.singleRoom-roomGallery-item:nth-child(1) {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    aspect-ratio: 1/1
}

.singleRoom-roomGallery-item:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.singleRoom-roomGallery-item:nth-child(3) {
    -ms-grid-column: 4;
    grid-column: 4/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.singleRoom-roomGallery-item:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 2;
    grid-row: 2/2
}

.singleRoom-roomGallery-item:nth-child(5) {
    -ms-grid-column: 4;
    grid-column: 4/4;
    -ms-grid-row: 2;
    grid-row: 2/2
}

.singleRoom-roomGallery-item img,.singleRoom-roomGallery-item picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    aspect-ratio: 1/1
}

.singleRoom-roomGallery-mob {
    display: none
}

.singleRoom-roomGallery-mob .swiper-pagination {
    background: #0000008c;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px;
    border-radius: 7px;
    color: #fff;
    line-height: 1em;
    right: 10px;
    left: auto
}

.singleRoom-roomInfo {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 1.6em;
    color: #4e5d70
}

.singleRoom-roomInfo p {
    margin-bottom: 20px
}

.singleRoom-roomInfo p:last-child {
    margin-bottom: 0
}

.singleRoom-roomInfo h3 {
    margin-bottom: 0
}

.singleRoom-roomInfo-shortParams {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.singleRoom-roomInfo-shortParams-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.singleRoom-roomInfo-shortParams-item-icon {
    width: 28px
}

.singleRoom-roomInfo-shortParams-item-icon svg {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.singleRoom-roomInfo-shortParams-item span {
    font-size: 16px
}

.singleRoom-roomInfo-description p {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.4em
}

.singleRoom-roomParams {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 1.6em;
    color: #4e5d70
}

.singleRoom-roomParams h3 {
    margin-bottom: 0
}

.singleRoom-roomParams-listParams {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.singleRoom-roomParams-listParams-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.singleRoom-roomParams-listParams-item-icon {
    width: 28px;
    display: block
}

.singleRoom-roomParams-listParams-item-icon svg {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.singleRoom-roomParams-listParams-item span {
    font-size: 16px;
    line-height: 1em
}

.singleRoom-otherRooms {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 1.6em;
    color: #4e5d70
}

.singleRoom-otherRooms h3 {
    margin-bottom: 0
}

.singleRoom-otherRooms-list {
    gap: 20px;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%
}

.singleRoom-otherRooms-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.singleRoom-otherRooms-item-preview {
    width: 100%;
    height: auto;
    aspect-ratio: 38/27
}

.singleRoom-otherRooms-item-preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.singleRoom-otherRooms-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.singleRoom-otherRooms-item-info h4 {
    margin-bottom: 0
}

.singleRoom-otherRooms-item-info h4 a {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #000
}

.singleRoom-otherRooms-item-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    gap: 8px
}

.singleRoom-otherRooms-item-info ul li {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.singleRoom-otherRooms-item-info ul li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 90px
}

/**
 * 4. Друние номера
 */
.singleRoom-otherRooms {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 1.6em;
    color: #4e5d70
}

.singleRoom-otherRooms h3 {
    margin-bottom: 0
}

.singleRoom-otherRooms-list {
    gap: 20px;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%
}

.singleRoom-otherRooms-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.singleRoom-otherRooms-item-preview {
    width: 100%;
    height: auto;
    aspect-ratio: 38/27
}

.singleRoom-otherRooms-item-preview img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    aspect-ratio: 16 / 12;
}

.singleRoom-otherRooms-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.singleRoom-otherRooms-item-info h4 {
    margin-bottom: 0
}

.singleRoom-otherRooms-item-info h4 a {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #000
}

.singleRoom-otherRooms-item-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    gap: 8px
}

.singleRoom-otherRooms-item-info ul li {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.singleRoom-otherRooms-item-info ul li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 90px
}

@media (width <= 768px) {
    .singleRoom-roomGallery-wrapper {
        display: none
    }

    .singleRoom-roomGallery-mob {
        display: block
    }
}
@media (width <= 767px) {
    .header__logo span {
        display: none
    }

    .header__menu {
        display: none
    }

    .header__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .single-prozhivanie .header .header__logo span {
        display: none
    }

    .footer_v2_contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer_v2_contacts .container {
        position: relative;
        padding: 0;
        margin-top: -40px
    }

    .footer_v2_contactsBlock {
        border-radius: 24px 24px 0 0;
        position: relative
    }

    .footer_v2_contactsBlock-wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .cookies__wrapper {
        padding: 32px 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .cookies__text {
        font-size: 14px
    }

    .cookies__btn {
        width: 100%
    }

    .contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts .container {
        position: relative;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .contacts__contacts {
        padding: 25px 25px;
        width: 100%;
        gap: 20px!important
    }

    .contacts__contacts__items {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr);
        gap: 20px!important
    }

    .firstScreen__logo img {
        width: 80%
    }

    .titleWrapper ul {
        gap: 20px 40px;
        margin-bottom: 32px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        overflow-x: auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        padding: 8px 16px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .accommodation-slider {
        height: 560px
    }

    .accommodation__item {
        padding: 0 0;
        max-height: none
    }

    .whoceTers-slider .swiper-slide {
        aspect-ratio: 16/13
    }

    .spaGrid__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1,1fr);
        grid-template-areas: "photo_1" "photo_2" "photo_3" "photo_4";
        -ms-grid-rows: auto 20px auto 20px auto 20px auto;
        grid-template-rows: repeat(4,auto)
    }

    .spaGrid__grid--mobile {
        display: block
    }

    .spaGrid__grid--pc {
        display: none
    }

    .spaGrid__photo {
        height: auto
    }

    .specialOffers__item--theme_2.swiper-slide-active .specialOffers__content {
        bottom: 0;
        opacity: 1
    }

    .specialOffers__item--theme_2 .specialOffers__content {
        -webkit-transition: opacity 1s ease,bottom .7s ease;
        -o-transition: opacity 1s ease,bottom .7s ease;
        transition: opacity 1s ease,bottom .7s ease
    }

    .singleArticle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .singleArticle--archive .singleArticle__wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .sidebar--pc {
        display: none
    }

    .sidebar--mobile {
        display: block
    }

    .pricing__row {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .pricing__content {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .pricing__content--col:not(.pricing__content--col:nth-last-child(1)) {
        border-right: none
    }

    .advantages__list {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .advantages__item:not(.advantages__item:nth-last-child(1))::after {
        display: none
    }

    .gridContent__content {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .gridContent__content--text {
        padding: 40px 40px
    }

    .additionalServices__list {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .readMoreHomes__wrapper .container {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .additionalServicesCard__wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .certificate__wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .certificate__item:nth-child(1),.certificate__item:nth-child(3n+4) {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .modal__certificate .modal-buttons {
        gap: 12px
    }

    .modal__certificate .modal-buttons .btn {
        width: 100%
    }

    .aboutInNumbers__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .aboutInNumbers__numbers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px
    }

    .aboutInNumbers__item {
        position: relative;
        top: 0!important;
        left: 0!important;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(33.3333333333% - 12px);
        flex: 1 0 calc(33.3333333333% - 12px)
    }

    .gallerySlider__header {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .gallerySlider__header--description {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .thermalPool__wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .singleRoom-roomGallery-wrapper {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr);
        -ms-grid-rows: (1fr)[3];
        grid-template-rows: repeat(3,1fr)
    }

    .singleRoom-roomGallery-item:nth-child(1) {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row-span: 1;
        grid-row: span 1
    }

    .singleRoom-roomGallery-item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .singleRoom-roomGallery-item:nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .singleRoom-roomGallery-item:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        grid-row: 3/3
    }

    .singleRoom-roomGallery-item:nth-child(5) {
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 3;
        grid-row: 3/3
    }

    .singleRoom-roomInfo {
        font-size: 16px
    }

    .singleRoom-roomParams-listParams {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .titlePage-container h1 {
        font-size: 32px
    }

    .titlePage-breadcrumbs {
        display: none
    }

    .module-paramsRoom-list {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .archiveItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    .archiveItem .modal-room_facilities {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px
    }

    .archiveItem-wrapper {
        padding: 20px
    }

    .singleArticleRoom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .singleArticleRoom--archive .singleArticleRoom__wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .singleArticleRoom-wrapper {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .contacts_item {
        padding: 28px
    }

    .archiveList-halls {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .halls-item__info-title h3 a {
        font-size: 28px
    }

    .halls-item__info-title h3 span {
        font-size: 52px
    }

    .firstScreen_singleHall {
        min-height: 100cqh
    }

    .firstScreen_singleHall__title h1 {
        font-size: 32px
    }

    .firstScreen_singleHall__footer .btn {
        width: 100%
    }

    .singleHalls-attrs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 12px;
        padding-right: 12px
    }

    .singleHalls-attrs__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }

    .singleHalls-attrs__item-title svg {
        width: 40px;
        height: 40px
    }

    .singleHalls-attrs__item-value span {
        text-align: center
    }

    .singleHalls-menu-header h2 {
        font-size: 32px
    }

    .singleHalls-tabGallery-header h2 {
        font-size: 32px
    }

    .singleHalls-specialoffers-header h2 {
        font-size: 32px
    }

    .singleHalls-specialoffers-body {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }

    .singleHalls-otherHalls-header h2 {
        font-size: 32px
    }

    .spaGrid__photo:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .spaGrid__photo:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .spaGrid__photo:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .spaGrid__photo:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }
    .accommodation__text-buttons {
        display: flex;
        gap: 12px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .accommodation__text-buttons .btn {
        width: 100%;
    }
}

@media (768px <= width <= 1199px) {
    .singleRoom-roomGallery {
        padding-bottom: 0
    }

    .singleRoom-roomGallery .bookingForm-search {
        position: relative
    }

    .singleRoom-roomGallery-wrapper {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr);
        -ms-grid-rows: (1fr)[3];
        grid-template-rows: repeat(3,1fr)
    }

    .singleRoom-roomGallery-item:nth-child(1) {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row-span: 1;
        grid-row: span 1
    }

    .singleRoom-roomGallery-item:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .singleRoom-roomGallery-item:nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3
    }

    .singleRoom-roomGallery-item:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        grid-row: 3/3
    }

    .singleRoom-roomGallery-item:nth-child(5) {
        -ms-grid-column: 2;
        grid-column: 2/2;
        -ms-grid-row: 3;
        grid-row: 3/3
    }

    .titlePage {
        padding-top: 80px
    }

    .module-paramsRoom-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr)
    }

    .archiveItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    .archiveItem .modal-room_facilities {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px
    }

    .archiveItem-wrapper {
        padding: 20px
    }
}

/**
 * 6. Страница номеров (общая)
 */
.singleArticleRoom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 280px;
    grid-template-columns: 1fr 280px;
    grid-gap: 28px;
    padding-top: 60px;
    padding-bottom: 60px
}

.singleArticleRoom-title h2 {
    margin-bottom: 20px;
    font-size: clamp(24px,5vw,52px);
    font-family: serif;
    text-transform: uppercase
}

.singleArticleRoom-title h2 a {
    font-weight: 400;
    color: #0066a4
}

.singleArticleRoom__item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px
}

.singleArticleRoom__item .article-image {
    height: 520px
}

.singleArticleRoom__item .article-title h2 {
    margin-bottom: 0;
    font-size: clamp(24px,5vw,52px);
    font-family: serif;
    text-transform: uppercase
}

.singleArticleRoom__item .article-title h2 a {
    font-weight: 400;
    color: #0066a4
}

.singleArticleRoom--archive .singleArticleRoom__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    gap: 40px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.singleArticleRoom--archive .singleArticleRoom__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.singleArticleRoom--archive .singleArticleRoom__item .article-title h2 {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 400;
    font-family: serif;
    text-transform: uppercase
}

.singleArticleRoom--archive .singleArticleRoom__item .article-title h2 a {
    color: #0066a4
}

.singleArticleRoom--archive .singleArticleRoom__item .article-meta {
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 20px
}

.singleArticleRoom--archive .singleArticleRoom__item .article-content p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical
}

.singleArticleRoom-meta {
    padding: 0 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 14px;
    margin-top: 20px
}

.singleArticleRoom-meta_small {
    font-size: 12px;
    padding-bottom: 0
}

.singleArticleRoom-meta_small img {
    width: 16px;
    height: auto
}

.singleArticleRoom-category,.singleArticleRoom-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.singleArticleRoom-category span,.singleArticleRoom-date span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #4e5d70
}

.singleArticleRoom-image {
    width: 100%;
    height: 520px;
    margin-bottom: 20px
}

.singleArticleRoom-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.singleArticleRoom-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
    gap: 40px
}

.singleArticleRoom-roomAttr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.singleArticleRoom-roomAttr span:last-child {
    font-size: 18px;
    font-weight: 600
}

.singleArticleRoom-content {
    font-size: 20px
}

.singleArticleRoom-footer {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.singleArticleRoom-footer a.btn {
    width: 100%
}

@media (max-width: 768px) {
    #lucky-wheel-floating-icon {
        width: 60px !important;
        height: 60px !important;
        right: 25px !important;
        bottom: 100px !important;
    }
}