@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);

body {
    font-family: Montserrat, sans-serif;
    font-optical-sizing: auto;
    font-style: normal
}

.container {
    max-width: 1600px;
    padding: 0 24px;
    width: 100%;
    margin: 0 auto
}

@media (max-width:1024px) {
    .container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.header {
    background: #5e6655;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

body {
    padding-top: 70px;
}

@media (max-width:1024px) {
    .header {
        padding-top: 5px;
        padding-bottom: 0
    }

    body {
        padding-top: 60px;
    }

    .header .container {
        padding-right: 4px
    }
}

@media (min-width:1025px) {
    .header .burger {
        display: none
    }
}

.header .burger {
    min-height: 55px;
}

.header .burger .close {
    display: none
}

.header .burger.opened .open {
    display: none
}

.header .burger.opened .close {
    display: block
}

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

.mobile-nav__footer .body-text {
    color: #A0AF9C;
}

@media (min-width:1025px) {
    .header__inner .mobile-nav .mobile-nav__footer {
        display: none
    }
}

.overflow-hidden {
    overflow: hidden;
}

.header__inner .mobile-nav .address,
.header__inner .mobile-nav .phone {
    color: #5E6655;
    text-align: center;
    text-decoration: none;
}

.mobile-nav__footer>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}



@media (max-width:1024px) {
    .header__inner .mobile-nav {
        position: fixed;
        top: 59px;
        height: calc(100% - 59px);
        padding: 40px 16px;
		padding-bottom: 16px;
        background: #e3e3e3;
        width: 100%;
        display: flex;
        flex-direction: column;
        left: -100%;
        transition: 0.2s linear;
        z-index: 9999;
    }

    .header__inner .logo img {
        max-height: 22px;
    }

    .header__inner .mobile-nav.opened {
        left: 0;
    }

    .header__inner .mobile-nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px
    }

    .header__inner .mobile-nav ul a {
        color: var(--dark-green, #5e6655);
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: .75px;
        text-transform: uppercase
    }

    .header__inner .mobile-nav__footer {
        display: flex;
        flex-direction: column;
        margin-top: auto;
        align-items: center;
        gap: 40px;
        color: #a0af9c
    }
}

.header__inner ul {
    display: flex;
    align-items: center;
    gap: 60px;
    padding-left: 0;
    list-style: none;
    margin: 0
}

.header__inner ul a {
    color: #e3e3e3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: none
}

.header__inner ul a:hover,
.header__inner ul a.active {
    text-decoration: underline
}

.banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.banner__inner {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 80px;
    min-height: 800px;
    padding-top: 216px;
    align-items: center
}

@media (max-width:1024px) {
    .banner__inner {
        gap: 60px;
        padding-top: 260px
    }
}

.banner__inner img {
    max-width: 175px
}

@media (max-width:1024px) {
    .banner__inner h1 {
        font-size: 22px
    }

    .banner__inner img {
        max-height: 60px;
        width: auto;
    }
}

body {
    background: #e3e3e3
}

.about__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px
}

@media (max-width:1024px) {
    .about__inner {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

.about__inner .h1 {
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .about__inner .h1 {
        margin-bottom: 20px
    }
}

.about__inner img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1024px) {
    .about__inner img {
        aspect-ratio: 21/9
    }
}

.about__inner .body-text {
    max-width: 725px
}

.link {
    display: inline-flex;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    gap: 8px;
    color: #a0af9c;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 5px;
    text-decoration: none
}

@media (max-width:1024px) {
    .link {
        font-size: 15px
    }
}

.link svg {
    transition: .2s linear
}

.link:hover svg {
    transform: translateX(10px)
}

@media (max-width:1024px) {
    .table-hidden {
        display: none !important
    }
}

.apartments .body-text {
    max-width: 724px
}

.apartments .apartment-text {
    margin-top: 40px;
    margin-bottom: 80px;
    color: #5e6655
}

@media (max-width:1024px) {
    .apartments .apartment-text {
        margin-top: 20px;
        margin-bottom: 60px
    }
}

.apartments__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
    margin-bottom: 55px
}

@media (max-width:1024px) {
    .apartments__list {
        grid-template-columns: 1fr;
        gap: 60px
    }
}

.apartments__list-item .item-price,
.apartments__list-item .item-size,
.apartments__list-item .item-subtitle,
.apartments__list-item .item-title {
    color: #9d5e33
}

.apartments__list-item .item-subtitle {
    margin-bottom: 17px
}

.apartments__list-item b {
    font-weight: 800;
    font-size: 22px
}

.apartments__list-item .item-image {
    position: relative
}

.apartments__list-item .item-image img {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
}

.apartments__list-item .item-image:hover .overlay:hover {
    background-color: rgba(157, 94, 51, 0)
}

.apartments__list-item .item-image .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(157, 94, 51, .7);
    transition: .2s linear;
    top: 0;
    left: 0
}

.apartments__list-item .item-image .overlay img {
    width: 24px;
    aspect-ratio: auto
}

@media (min-width:1025px) {
    .apartments__list-item .button.table {
        display: none
    }
}

.apartments__list-item .item-size {
    margin-top: 12px;
    margin-bottom: 2px
}

@media (max-width:1024px) {
    .apartments__list-item .item-header {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        justify-content: space-between
    }

    .apartments__list-item .item-header .item-subtitle {
        margin: 0
    }

    .apartments__list-item .item-footer {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .apartments__list-item .item-footer b {
        font-size: 18px
    }

    .apartments__list-item .item-footer .item-size {
        margin-top: 0;
        margin-bottom: 0
    }
}

.location-text {
    max-width: 695px;
    margin-top: 45px
}

@media (max-width:1024px) {
    .location-text {
        margin-top: 20px
    }
}

.location .link {
    margin-right: 40px
}

.location img {
    width: 100%;
    margin-top: 80px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1024px) {
    .location img {
        margin-top: 40px;
        aspect-ratio: 21/9
    }
}

@media (max-width:767px) {
    .location img {
        aspect-ratio: 1/1
    }
}

.accordion {
    padding: 20px 0
}

.accordion-header {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    cursor: pointer;
    color: #5e6655;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    transition: .2s linear
}

@media (max-width:1024px) {
    .accordion-header {
        font-size: 15px
    }
}

.accordion-header svg {
    transition: .2s linear
}

.accordion-header svg path {
    transition: .2s linear
}

.accordion-header:hover {
    color: #a0af9c
}

.accordion-header:hover svg path {
    fill: #a0af9c
}

.accordion.active .accordion-header svg {
    transform: rotate(180deg)
}

.accordion-content {
    padding-left: 40px
}

@media (max-width:767px) {
    .accordion-content {
        padding-left: 0
    }
}

.accordion-content__inner {
    padding-top: 20px;
    color: #5e6655;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%
}

@media (max-width:1024px) {
    .accordion-content__inner {
        font-size: 15px;
        padding-left: 0px
    }
}

.faq {
    padding: 160px 0
}

@media (max-width:1024px) {
    .faq {
        padding-bottom: 80px;
        padding-top: 0
    }
}

.faq__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.faq__inner .h1 {
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .faq__inner .h1 {
        margin-bottom: 20px
    }
}

@media (max-width:1024px) {
    .faq__inner {
        display: flex;
        flex-direction: column-reverse;
        gap: 0
    }
}

.faq__logo {
    display: flex;
    justify-content: center;
    padding-top: 160px;
    height: -moz-max-content;
    height: max-content
}

@media (min-width:1024px) {
    .faq__logo {
        position: sticky;
        top: 0
    }
}

@media (max-width:1024px) {
    .faq__logo {
        padding: 80px 0
    }

    .faq__logo img {
        max-width: 84px
    }
}

.faq__logo img {
    max-width: 112px;
    height: 40px
}

.reviews {
    overflow-x: hidden
}

.reviews .h1 {
    margin-bottom: 80px
}

@media (max-width:1024px) {
    .reviews .h1 {
        margin-bottom: 40px
    }
}

.reviews__slider-item {
    border-radius: 20px 0 0 0;
    background: var(--light-gray, #f1f1f1);
    padding: 30px
}

.reviews__slider-item .author {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    align-items: center
}

@media (max-width:767px) {
    .reviews__slider-item .author {
        margin-top: 20px
    }
}

.reviews__slider-item .author img {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.reviews__slider-item .author .name {
    color: #5e6655;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 1.1px;
    text-transform: uppercase
}

@media (max-width:767px) {
    .reviews__slider-item {
        padding: 20px
    }
}

.reviews .reviews-slider__nav {
    position: relative;
    margin-bottom: 60px
}

@media (max-width:1600px) and (min-width:1025px) {
    .reviews .reviews-slider__nav {
        display: flex;
        align-items: center
    }
}

@media (max-width:1024px) {
    .reviews .reviews-slider__nav {
        margin-bottom: 40px
    }
}

@media (min-width:1025px) {
    .reviews .reviews-slider__nav .swiper-pagination {
        display: none
    }
}

.reviews .reviews-slider__nav .swiper-pagination {
    position: static;
    margin-top: 20px
}

.reviews .reviews-slider__nav .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1
}

.reviews .reviews-slider__nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #a0af9c
}

.reviews .reviews-slider__nav .swiper-arrow-next,
.reviews .reviews-slider__nav .swiper-arrow-prev {
    cursor: pointer
}

@media (min-width:1601px) {

    .reviews .reviews-slider__nav .swiper-arrow-next,
    .reviews .reviews-slider__nav .swiper-arrow-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:1024px) {

    .reviews .reviews-slider__nav .swiper-arrow-next,
    .reviews .reviews-slider__nav .swiper-arrow-prev {
        display: none
    }
}

.reviews .reviews-slider__nav .swiper-arrow-next.swiper-button-disabled svg path,
.reviews .reviews-slider__nav .swiper-arrow-next:hover svg path,
.reviews .reviews-slider__nav .swiper-arrow-prev.swiper-button-disabled svg path,
.reviews .reviews-slider__nav .swiper-arrow-prev:hover svg path {
    fill: #a0af9c
}

.reviews .reviews-slider__nav .swiper-arrow-next.swiper-button-disabled,
.reviews .reviews-slider__nav .swiper-arrow-prev.swiper-button-disabled {
    pointer-events: none
}

.reviews .reviews-slider__nav .swiper-arrow-prev {
    right: 100%
}

.reviews .reviews-slider__nav .swiper-arrow-next {
    left: 100%
}

.footer {
    position: relative;
    padding: 60px 0;
    background: #a0af9c
}

.footer-divider__inner {
    margin-top: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .footer-divider__inner {
        margin-top: 120px;
        gap: 10px;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .footer-divider .logo {
        max-width: 94px
    }
}

.footer-divider__row {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width:767px) {
    .footer-divider__row img {
        max-width: auto;
    }

    .footer-divider__row {
        align-items: flex-end;
    }

    .footer-divider__row img:nth-child(2),
    .footer-divider__row img:nth-child(3) {
        display: none
    }

    .footer-divider__row img:nth-child(1) {
        max-height: 30px;
    }

    .footer-divider__row img:nth-child(4) {
        max-height: 18px;
    }
}

@media (max-width:1024px) {
    .footer {
        padding: 0
    }
}

.footer * {
    color: #5e6655;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

@media (max-width:1024px) {
    .footer * {
        font-size: 15px
    }
}

.footer__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 5
}

@media (max-width:1024px) {
    .footer__content {
        padding: 60px 0;
        align-items: center;
        justify-content: center
    }
}

.footer__content .socials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0;
    gap: 20px
}

.footer__content .socials~a:empty {
    display: none !important;
}

.footer__content .socials~a {
    margin-bottom: 15px;
}

@media (min-width:991px) {
    .footer__content .socials a {
        transition: .2s linear
    }

    .footer__content .socials a:hover {
        opacity: .8
    }
}

.footer__content a {
    text-decoration: none
}

.footer__content a:hover {
    text-decoration: underline
}

.footer__content .last-link {
    margin-top: 20px
}

.footer__inner {
    display: flex
}

@media (max-width:1024px) {
    .footer__inner {
        flex-direction: column-reverse
    }
}

.footer__inner .footer__image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
}

.footer__inner .footer__image img {
    height: 100%;
    width: 50vw;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 21/9;
}

@media (max-width:1024px) {
    .footer__inner .footer__image {
        position: static
    }

    .footer__inner .footer__image img {
        width: 100%;
        height: auto;
        aspect-ratio: 21/9
    }
}

.about-banner,
.location-banner {
    padding-top: 40px;
    padding-bottom: 60px
}

.about-banner.location-padding,
.location-banner.location-padding {
    padding-bottom: 40px
}

@media (max-width:1024px) {

    .about-banner,
    .location-banner {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

.about-banner img,
.location-banner img {
    aspect-ratio: 32/9;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:767px) {

    .about-banner img,
    .location-banner img {
        aspect-ratio: 1/1
    }
}

.about-page__inner {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:1024px) {
    .about-page__inner {
        display: flex;
        flex-direction: column-reverse
    }
}

.about-page.location-details {
    padding-top: 60px
}

@media (max-width:1024px) {
    .about-page.location-details {
        padding-top: 20px
    }
}

@media (max-width:1024px) {
    .about-page.location-details .about-page__inner {
        display: flex;
        flex-direction: column
    }

    .about-page.location-details .about-page__inner .about-page__svg {
        display: none
    }

    .about-page.location-details .about-page__inner .about-page__details {
        margin-bottom: 60px
    }

    .about-page.location-details .about-page__inner .about-page__details a {
        font-size: 15px
    }

    .about-page.location-details .about-page__inner .about-page__details a svg {
        width: 20px
    }
}

.about-page.location-details a:not(.button) {
    color: var(--light-green, #a0af9c);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    margin-bottom: 10px
}

.about-page__content a:not(.button):not(.link) {
    color: #5e6655;
}

.about-page.location-details a:not(.button):hover {
    text-decoration: none
}

@media (max-width:1024px) {
    .about-page.location-details a:not(.button) {
        font-size: 15px
    }
}

.about-page__details {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column
}

.about-page__details a {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 10px;
}

.cards__item {
    text-decoration: none;
}

.cards__item .body-text {
    padding-top: 20px !important;
}

.cards__item .h2 {
    text-decoration: none;
    color: #5e6655;
}

.about-page__svg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 160px;
    height: -moz-max-content;
    height: max-content
}

@media (min-width:1024px) {
    .about-page__svg {
        position: sticky;
        top: 0
    }
}

@media (max-width:1024px) {
    .about-page__svg {
        padding-top: 100px
    }

}

.about-page__svg .button {
    margin-top: 80px
}

@media (max-width:1024px) {
    .about-page__svg .button {
        margin-top: 40px
    }
}

.about-page__content ul,
.text-page__content ul {
    list-style: none;
    padding-left: 40px
}

.about-page__content ul li,
.text-page__content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.about-page__content ul.route-details li:first-child,
.about-page__content ul.route-details li:last-child {
    font-weight: 500;
}

.about-page__content ul li:last-child {
    margin-bottom: 0
}

.about-page__content ul li::before,
.text-page__content ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94585 12.4994C5.6079 12.4994 5.26995 12.4994 4.93199 12.2731C4.08711 12.0469 3.4112 11.5944 2.7353 11.1419C1.55247 10.237 0.369635 9.332 0.0316829 7.52206C-0.137293 5.93837 0.369638 4.35467 1.55247 2.77098C2.39735 1.63977 3.24223 1.18728 3.91813 0.734799C4.93199 0.282314 5.94585 0.508557 6.79073 1.18728C7.97356 1.41353 9.32537 1.63977 10.5082 2.31849C10.8462 2.54474 11.1841 2.77098 11.5221 2.99722C11.86 3.4497 12.198 4.35467 11.86 6.16461C11.3531 8.20079 10.5082 9.78448 9.32537 10.9157C8.31152 12.0469 7.12868 12.4994 5.94585 12.4994ZM4.08711 10.237C4.42507 10.4632 4.76302 10.6895 5.10097 10.6895C5.6079 10.9157 6.11483 10.9157 6.62176 10.6895C6.2838 10.6895 5.94585 10.6895 5.6079 10.6895C5.10097 10.6895 4.59404 10.4632 4.08711 10.237ZM2.7353 3.67595C2.56632 3.90219 2.56633 3.90219 2.39735 4.12843C1.89042 4.80716 1.04554 6.16461 1.21452 7.29582C1.38349 8.42703 2.22838 9.10576 3.24223 9.78448C3.41121 10.0107 3.58018 10.0107 3.74916 10.237C3.24223 9.78448 2.7353 9.332 2.56633 8.87952C2.22837 8.20079 2.22837 7.52206 2.22837 6.39085C2.39735 5.48588 2.56632 4.58091 2.7353 3.67595ZM7.46664 5.0334C7.97357 5.93837 7.97356 7.52206 7.29766 8.42703C7.12868 8.65327 6.79073 9.10576 6.45278 9.10576C6.62175 9.10576 6.95971 9.10576 7.12868 8.87952C8.14254 8.65327 8.81845 7.29582 8.81845 5.93837C8.81845 5.71213 8.81845 5.48588 8.81845 5.48588C8.64947 5.25964 8.31151 5.25964 8.14254 5.0334C7.97356 5.25964 7.63561 5.25964 7.46664 5.0334ZM6.62176 3.4497C7.29766 3.4497 7.80459 3.67595 8.31152 3.67595C8.64947 3.67595 9.49435 3.90219 9.8323 4.80716C10.0013 5.25964 10.0013 5.48588 10.0013 6.16461C10.0013 7.06958 9.66333 8.20079 9.32537 8.87952C10.0013 7.97455 10.3392 7.06958 10.6772 5.71213C10.6772 5.48588 10.8462 4.58091 10.6772 4.12843C10.5082 3.90219 10.3392 3.90219 10.1703 3.90219C8.98742 3.4497 7.80459 2.99722 6.62176 2.99722C5.94585 2.99722 4.93199 2.99722 4.42506 3.4497C3.74916 3.90219 3.41121 5.0334 3.41121 6.39085C3.41121 7.06958 3.4112 7.52206 3.58018 7.97455C3.74916 8.42703 3.91814 8.65327 4.25609 8.65327C3.58018 7.7483 3.41121 6.61709 3.74916 5.48588C4.08711 4.35467 4.93199 3.67595 5.94585 3.4497C6.2838 3.4497 6.45278 3.4497 6.62176 3.4497ZM6.2838 5.0334C5.6079 5.25964 5.10097 5.48588 4.93199 6.16461C4.76302 6.61709 4.93199 7.29582 5.26994 7.7483C5.60789 7.97455 6.11482 7.97455 6.45278 7.52206C6.79073 7.06958 6.62175 6.39085 6.45278 6.16461C6.2838 5.71213 6.11483 5.25964 6.2838 5.0334Z' fill='%23A0AF9C'/%3E%3C/svg%3E%0A");
    width: 12px;
    height: 12px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width:1024px) {
    .about-page__content ul li::before {
        top: 6px
    }
}

.about-page__content ul li b {
    font-weight: 500
}

.about-page__content .h2 {
    margin-top: 40px
}

.about-page__content p:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.about-page__content a {
    color: #5e6655;
    font-weight: 400
}

.about-page__content a:hover {
    text-decoration: none
}

@media (max-width:1024px) {
    .location-banner {
        display: none
    }
}

.location-nav {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (min-width:1025px) {
    .location-nav {
        display: none
    }
}

.location-nav a {
    color: #a0af9c;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: .75px;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.location-nav a.active {
    color: #5e6655
}

.location-nav a.active::before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    border-radius: 100px;
    background: #5e6655
}

.location-list__filter {
    display: flex;
    align-items: center;
    gap: 70px;
    margin-bottom: 20px;
}



.location-list__filter .body-text {
    min-width: 85px;
}

@media (max-width:1024px) {
    .location-list__filter {
        padding-top: 20px
    }

    .location-list__filter .body-text {
        display: none
    }
}

@media (max-width:768px) {
    .location-list__filter {
        gap: 16px;
        overflow-x: auto;
    }
}

.location-list__filter a {
    color: var(--dark-green, #5e6655);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.location-list__filter a:not(:first-of-type) {
    min-width: 100px;
}

@media (max-width:1024px) {
    .location-list__filter a {
        font-size: 15px
    }
}

.location-list__filter a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9d5e33;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear
}

.location-list__filter a.selected,
.location-list__filter a:hover {
    color: #9d5e33
}

.location-list__filter a.selected::Before,
.location-list__filter a:hover::Before {
    opacity: 1;
    visibility: visible
}

.location-list .found {
    margin-top: 40px;
    margin-bottom: 20px
}

@media (max-width:1024px) {
    .location-list .found {
        margin-bottom: 0
    }
}

.location-list .locations__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    padding: 40px 0;
    color: #5e6655;
    text-decoration: none
}

.location-list .locations__item .h2 {
    color: #5E6655;
}

.location-list .locations__item:hover .h2 {
    color: #a0af9c
}

.location-list .locations__item .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.routes .body-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media (max-width:1024px) {
    .location-list .locations__item {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        padding: 30px 0
    }

    .location-list .locations__item .description {
        display: none
    }
}

.location-list .locations__item .h2 {
    margin-bottom: 10px;
    transition: .2s linear
}

.location-list .locations__item .length {
    margin-bottom: 40px;
    padding-left: 24px;
    position: relative
}


@media (max-width:1024px) {
    .location-list .locations__item .length {
        margin-bottom: 0
    }
}

.location-list .locations__item .length b {
    font-weight: 500
}

.location-list .locations__item .length::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6124_26822)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 7.67606C3 3.56122 5.7 0.499023 10.5 0.499023C15.3 0.499023 18 3.56122 18 7.67606C18 10.5779 16.4085 12.4328 14.9091 14.1803C14.2823 14.9108 13.6716 15.6226 13.2 16.3842C11.6 18.9679 11.15 20.499 11.15 20.499H10.5H9.85C9.85 20.499 9.4 18.9201 7.8 16.3842C7.33894 15.6534 6.74503 14.9624 6.1331 14.2505C4.62149 12.4917 3 10.6052 3 7.67606ZM13.0005 7.99928C13.0005 9.38 11.8812 10.4993 10.5005 10.4993C9.11978 10.4993 8.00049 9.38 8.00049 7.99928C8.00049 6.61857 9.11978 5.49928 10.5005 5.49928C11.8812 5.49928 13.0005 6.61857 13.0005 7.99928Z' fill='%23A0AF9C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6124_26822'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.499023)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
    display: block;
    position: absolute;
    left: 0;
    top: 2px
}

.location-list .locations__item-image {
    position: relative;
    height: -moz-max-content;
    height: max-content
}

.location-list .locations__item-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #a0af9c;
    opacity: .3;
    left: 0;
    top: 0;
    transition: .2s linear
}

.location-list .locations__item:hover .locations__item-image::before {
    opacity: 0
}

.location-list .locations__item img {
    width: 100%;
    aspect-ratio: 32/9;
    display: block;
    object-fit: cover;
}

@media (max-width:1024px) {
    .location-list .locations__item img {
        aspect-ratio: 21/9
    }
}

.location-details-banner .banner__inner {
    padding-top: 360px
}

.location-details-banner .more-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.location-details-banner .more-link svg {
    transition: .2s linear
}

.location-details-banner .more-link:hover svg {
    transform: translateY(10px)
}

@media (max-width:1024px) {
    .location-details-banner .h1 {
        font-size: 28px !important
    }
}

.routes {
    padding-top: 160px
}

@media (max-width:1024px) {
    .routes {
        padding-top: 80px;
        padding-bottom: 0
    }
}

.routes .body-text,
.routes .h1 {
    max-width: 725px
}

.routes .body-text {
    padding-top: 40px;
    padding-bottom: 5px
}

@media (max-width:1024px) {
    .routes .body-text {
        padding-top: 20px
    }
}

.routes .cards {
    padding-top: 80px
}

@media (max-width:1024px) {
    .routes .cards {
        padding-top: 60px
    }
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 80px
}

@media (max-width:1024px) {
    .cards {
        grid-template-columns: 1fr;
        gap: 60px
    }
}

.cards img {
    aspect-ratio: 21/9;
    width: 100%;
    display: block;
    margin-bottom: 20px
}

.characteristics {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 20px
}

.characteristics li {
    color: #9d5e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    display: flex;
    align-items: center;
    gap: 5px
}

@media (max-width:1024px) {
    .characteristics li {
        font-size: 15px
    }
}

.characteristics li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #9d5e33;
    display: block;
    margin-top: -2px
}

.tags {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none
}

.tags a,
.tags li:not(:has(a)) {
    padding: 2px 4px;
    color: #a0af9c;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    text-transform: lowercase;
    text-decoration: none
}

.tags a:hover {
    color: #5e6655
}

.button.button--filed {
    background: #9d5e33;
    color: #fff
}

.button.button--filed:hover {
    background: 0 0;
    color: #9d5e33
}

.rooms__item {

    padding-top: 80px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px
}



.rooms__item:first-child {
    padding-top: 40px;
}



@media (max-width:1024px) {
    .rooms__item {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 20px;
        padding-bottom: 60px
    }

    .rooms__item:first-child {
        padding-top: 20px !important;
    }
}

@media (min-width:1025px) {
    .rooms__item-content {
        grid-column: span 4;
        padding-right: 40px
    }
}

.rooms__item-content .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #9d5e33;
    flex-wrap: wrap;
	margin-bottom: 60px;
}

.rooms__item-content .title-wrapper .size {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #9d5e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.rooms__item-content .body-text {
    margin-top: 40px;
    margin-bottom: 00px;
    color: #9d5e33
}



@media (max-width:1024px) {
    .rooms__item-content .body-text {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.rooms__item-content .price {
    color: #9d5e33;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 20px
}

.rooms__item-content .price b {
    font-weight: 700
}

@media (min-width:1025px) {
    .rooms__item-details {
        grid-column: span 8
    }
}

.rooms__item-benefits {
    color: #9d5e33;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 24px;
    margin-bottom: 40px
}

@media (max-width:1280px) {
    .rooms__item-benefits {
        grid-template-columns: 150px 1fr
    }
}

@media (max-width:1024px) {
    .rooms__item-benefits {
        grid-template-columns: 1fr;
        margin: 40px 0
    }
}

.rooms__item-benefits:last-child {
    margin-bottom: 0;
    color: #5e6655
}

.rooms__item-benefits-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px
}

@media (max-width:1280px) {
    .rooms__item-benefits-list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width:640px) {
    .rooms__item-benefits-list {
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }

    .rooms__item:last-child {
        padding-bottom: 0;
    }

    .rooms__item-content .title-wrapper .size img {
        width: 23px;
    }
}

.rooms__item-benefits-list>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%
}

@media (max-width:640px) {
    .rooms__item-benefits-list>div span {
        max-width: 140px
    }
}

.rooms__item-images {
    /* display: grid;
    grid-template-columns: 1fr 1fr; */
    margin-bottom: 40px;
    /* gap: 4px; */
}

.rooms__item-images.desktop a:nth-child(n+3) {
    display: none;
}

.rooms__item-images.mobile a:nth-child(n+2) {
    display: none;
}

@media (min-width:1025px) {
    .rooms__item-images.mobile {
        display: none
    }
}

@media (max-width:1024px) {
    .rooms__item-images {
        grid-template-columns: 1fr;
        margin-bottom: 20px
    }

    .rooms__item-images.desktop {
        display: none
    }
}

.rooms__item-images img {
    aspect-ratio: 21/9;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

@media (max-width:1024px) {
    .rooms__item-images img {
        aspect-ratio: 1/1
    }
}

.availability {
    margin-top: 120px
}

.availability__list-item p {
    margin: 0;
}

.availability .h1 {
    text-align: center;
    color: #5e6655;
    margin-bottom: 60px
}

.availability__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 765px;
    margin: 0 auto;
    gap: 24px;
    row-gap: 40px
}

@media (max-width:1280px) {
    .availability {
        margin-top: 80px;
    }

    .availability__list {
        grid-template-columns: repeat(6, 1fr);
        max-width: 600px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.availability__list-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #5e6655;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%
}

@media (max-width:1280px) {
    .availability__list-item {
        grid-column: span 3
    }
}

@media (max-width:1024px) {
    .availability__list-item {
        font-size: 15px
    }
}

@media (max-width:767px) {
    .availability__list-item {
        padding: 0
    }
}

.availability__list-item img {
    width: 17px
}

.availability__list-item:last-child {
    grid-column-start: 2;
    grid-column-end: 3
}

@media (max-width:1280px) {
    .availability__list-item:last-child {
        grid-column: span 2;
        grid-column-start: 3;
        grid-column-end: 5
    }
}

@media (max-width:767px) {
    .availability__list-item:last-child {
        grid-column: span 4;
        grid-column-start: 2;
        grid-column-end: 6
    }

    .availability__list-item img {
        width: 15px;
    }
}

:root {
    --primary-text: #5E6655;
    --secondary-text: #A0AF9C;
    --gray-light: #E3E3E3;
    --gray-lighter: #F1F1F1;
    --white: #FFFFFF;
    --accent-dark: #9D5E33;
    --accent-light: #C7BBA3
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

* {
    box-sizing: border-box
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 500
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.text-center {
    text-align: center
}

body {
    color: #5e6655
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

.h1 {
    font-size: 40px;
    line-height: 120%;
    font-weight: 300
}

.h2 {
    font-size: 28px;
    line-height: 120%;
    font-weight: 300
}

.h3 {
    font-size: 22px;
    line-height: 120%;
    font-weight: 300
}

.h4 {
    font-size: 18px;
    line-height: 120%;
    font-weight: 300
}

.h5 {
    font-size: 16px;
    line-height: 120%;
    font-weight: 300
}

.h6 {
    font-size: 15px;
    line-height: 120%;
    font-weight: 300
}

.body-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 160%;
    color: #5e6655
}

table {
    line-height: 100%
}

.uppercase {
    text-transform: uppercase;
    letter-spacing: .05em
}

@media (max-width:1024px) {
    .h1 {
        font-size: 28px
    }

    .h2 {
        font-size: 22px
    }

    .h3 {
        font-size: 18px
    }

    .h4 {
        font-size: 15px
    }

    .h5 {
        font-size: 15px
    }

    .h6 {
        font-size: 15px
    }

    .body-text {
        font-size: 15px
    }
}

.button {
    padding: 16px 32px;
    color: var(--accent-dark);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s linear;
    display: block;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid var(--accent-dark)
}

@media (max-width:767px) {
    .button {
        font-size: 15px
    }
}

.button:hover {
    color: #fff;
    background: var(--accent-dark)
}

.divider {
    margin: 160px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: center
}

.divider img:not(.small-img),
.about-page__svg:not(.text-page) img {
    width: 400px;
    height: auto;
}

.divider .button {
    margin-top: 80px
}

@media (max-width:1024px) {
    .divider .button {
        margin-top: 40px
    }

    .divider img:not(.small-img),
    .about-page__svg:not(.text-page) img {
        transform: scale(0.75);
    }
}

.divider-second {
    margin-bottom: 140px
}

@media (max-width:1024px) {
    .divider {
        margin: 80px 0
    }



    .divider-second {
        margin-bottom: 100px
    }
}

.button--green {
    border-color: #5e6655;
    color: #5e6655
}

.button--green:hover {
    background: #5e6655
}


.text-page {
    padding-top: 40px;
}

.text-page p:last-child {
    margin: 0px;
}

.text-page a {
    color: #5e6655;
    font-weight: 400;
}

.text-page a:hover {
    text-decoration: none;
}

.text-page__header,
.text-page__inner {
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 24px;
}

.text-page__header {
    margin-bottom: 40px;
}

.text-page .date {
    color: #5E6655;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

@media(max-width: 1024px) {

    .text-page__header,
    .text-page__inner {
        grid-template-columns: 1fr;
    }
}


ul.route-details li {
    color: #9D5E33;
    margin-bottom: 20px;
}

ul.route-details li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94585 12C5.6079 12 5.26995 12 4.93199 11.7738C4.08711 11.5475 3.4112 11.095 2.7353 10.6425C1.55247 9.73758 0.369635 8.83261 0.0316829 7.02267C-0.137293 5.43898 0.369638 3.85528 1.55247 2.27159C2.39735 1.14038 3.24223 0.687893 3.91813 0.235409C4.93199 -0.217075 5.94585 0.00916696 6.79073 0.687893C7.97356 0.914136 9.32537 1.14038 10.5082 1.8191C10.8462 2.04535 11.1841 2.27159 11.5221 2.49783C11.86 2.95031 12.198 3.85528 11.86 5.66522C11.3531 7.7014 10.5082 9.2851 9.32537 10.4163C8.31152 11.5475 7.12868 12 5.94585 12ZM4.08711 9.73758C4.42507 9.96382 4.76302 10.1901 5.10097 10.1901C5.6079 10.4163 6.11483 10.4163 6.62176 10.1901C6.2838 10.1901 5.94585 10.1901 5.6079 10.1901C5.10097 10.1901 4.59404 9.96382 4.08711 9.73758ZM2.7353 3.17656C2.56632 3.4028 2.56633 3.4028 2.39735 3.62904C1.89042 4.30777 1.04554 5.66522 1.21452 6.79643C1.38349 7.92764 2.22838 8.60637 3.24223 9.2851C3.41121 9.51134 3.58018 9.51134 3.74916 9.73758C3.24223 9.28509 2.7353 8.83261 2.56633 8.38013C2.22837 7.7014 2.22837 7.02267 2.22837 5.89146C2.39735 4.98649 2.56632 4.08153 2.7353 3.17656ZM7.46664 4.53401C7.97357 5.43898 7.97356 7.02267 7.29766 7.92764C7.12868 8.15388 6.79073 8.60637 6.45278 8.60637C6.62175 8.60637 6.95971 8.60637 7.12868 8.38013C8.14254 8.15388 8.81845 6.79643 8.81845 5.43898C8.81845 5.21274 8.81845 4.98649 8.81845 4.98649C8.64947 4.76025 8.31151 4.76025 8.14254 4.53401C7.97356 4.76025 7.63561 4.76025 7.46664 4.53401ZM6.62176 2.95031C7.29766 2.95031 7.80459 3.17656 8.31152 3.17656C8.64947 3.17656 9.49435 3.4028 9.8323 4.30777C10.0013 4.76025 10.0013 4.98649 10.0013 5.66522C10.0013 6.57019 9.66333 7.7014 9.32537 8.38013C10.0013 7.47516 10.3392 6.57019 10.6772 5.21274C10.6772 4.98649 10.8462 4.08153 10.6772 3.62904C10.5082 3.4028 10.3392 3.4028 10.1703 3.4028C8.98742 2.95031 7.80459 2.49783 6.62176 2.49783C5.94585 2.49783 4.93199 2.49783 4.42506 2.95031C3.74916 3.4028 3.41121 4.53401 3.41121 5.89146C3.41121 6.57019 3.4112 7.02267 3.58018 7.47516C3.74916 7.92764 3.91814 8.15388 4.25609 8.15388C3.58018 7.24892 3.41121 6.1177 3.74916 4.98649C4.08711 3.85528 4.93199 3.17656 5.94585 2.95031C6.2838 2.95031 6.45278 2.95031 6.62176 2.95031ZM6.2838 4.53401C5.6079 4.76025 5.10097 4.98649 4.93199 5.66522C4.76302 6.1177 4.93199 6.79643 5.26994 7.24892C5.60789 7.47516 6.11482 7.47516 6.45278 7.02267C6.79073 6.57019 6.62175 5.89146 6.45278 5.66522C6.2838 5.21274 6.11483 4.76025 6.2838 4.53401Z' fill='%239D5E33'/%3E%3C/svg%3E%0A") !important;

}


ul.route-details li::after {
    content: "";
    height: 20px;
    width: 1px;
    display: block;
    position: absolute;
    left: 5px;
    top: 29px;
    background: #9D5E33;
}

ul.route-details li:last-child::after {
    display: none;
}

@media(max-width: 1024px) {
    ul.route-details li::after {
        top: 25px;
        height: 16px;
    }
}

.pswp__button--zoom {
    display: none !important;
}


.pswp__button--arrow {
    width: 60px !important;
    height: 60px !important;

    background-size: 16px 13px;
    background-position: center;
    background-repeat: no-repeat;
}



.pswp__button--arrow svg {
    display: none;
}

.pswp__button--arrow--next {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9195 7.60665C11.4483 8.95051 9.91188 10.2345 8.31017 11.4586C7.46105 12.1261 8.43147 13.3499 9.28059 12.9049C9.3616 12.8384 9.44247 12.772 9.52318 12.7058C11.7387 10.8882 13.8413 9.16326 15.8309 7.23118C16.0735 6.89743 16.0735 6.34118 15.7096 6.11869C14.7998 5.39554 13.8597 4.64458 12.9196 3.89362C11.9795 3.14272 11.0394 2.39182 10.1297 1.66873C9.94643 1.52466 9.76316 1.36504 9.57745 1.2033C8.90274 0.615671 8.19584 0 7.33975 0C6.73324 0 6.49064 0.556245 6.61194 1.00124V1.11249C6.85454 1.55748 7.33975 1.66873 7.70366 1.55748H7.82388C8.41968 1.86668 9.27549 2.75635 9.90115 3.40677C10.1421 3.65726 10.3489 3.87226 10.4936 4.00496C11.2903 4.6028 12.1303 5.24031 12.9619 5.8938C11.0285 5.6227 9.14988 5.42168 7.18944 5.22066C7.06951 5.22066 6.83046 5.22415 6.51516 5.22875C5.14477 5.24876 2.33413 5.28979 1.60449 5.15667C1.42544 4.80243 1.02045 4.6519 0.615448 4.85954H0.498055C0.145877 4.97991 -0.206301 5.58178 0.145877 6.06327C0.285756 6.44575 0.592309 6.58137 0.896358 6.54555C1.60884 6.78928 2.5448 6.7386 3.347 6.69516C3.63277 6.67969 3.90156 6.66514 4.13723 6.66514C7.09309 6.88163 10.049 7.19547 12.9195 7.60665Z' fill='white'/%3E%3C/svg%3E%0A");
}

.pswp__button--arrow--prev {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08054 7.60665C4.55169 8.95051 6.08812 10.2345 7.68983 11.4586C8.53895 12.1261 7.56853 13.3499 6.71941 12.9049C6.6384 12.8384 6.55753 12.772 6.47682 12.7058C4.26131 10.8882 2.15873 9.16326 0.169081 7.23117C-0.0735239 6.89743 -0.0735239 6.34118 0.290383 6.11869C1.20019 5.39554 2.14032 4.64458 3.08045 3.89362C4.02051 3.14272 4.96056 2.39182 5.87029 1.66873C6.05357 1.52466 6.23684 1.36504 6.42255 1.2033C7.09726 0.61567 7.80416 -7.16503e-07 8.66025 -6.41662e-07C9.26676 -5.88639e-07 9.50937 0.556244 9.38806 1.00124L9.38806 1.11249C9.14546 1.55748 8.66025 1.66873 8.29634 1.55748L8.17612 1.55748C7.58032 1.86668 6.72451 2.75635 6.09885 3.40677C5.8579 3.65726 5.65108 3.87226 5.50639 4.00496C4.70965 4.6028 3.86967 5.24031 3.03809 5.8938C4.97152 5.6227 6.85012 5.42168 8.81056 5.22066C8.93049 5.22066 9.16955 5.22415 9.48484 5.22875C10.8552 5.24876 13.6659 5.28979 14.3955 5.15667C14.5746 4.80243 14.9796 4.6519 15.3846 4.85954L15.5019 4.85954C15.8541 4.97991 16.2063 5.58178 15.8541 6.06327C15.7142 6.44575 15.4077 6.58137 15.1036 6.54555C14.3912 6.78928 13.4552 6.7386 12.653 6.69516C12.3672 6.67969 12.0984 6.66514 11.8628 6.66514C8.90691 6.88163 5.95104 7.19547 3.08054 7.60665Z' fill='white'/%3E%3C/svg%3E%0A");
}

.pswp__button--arrow--next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9195 7.60665C11.4483 8.95051 9.91188 10.2345 8.31017 11.4586C7.46105 12.1261 8.43147 13.3499 9.28059 12.9049C9.3616 12.8384 9.44247 12.772 9.52318 12.7058C11.7387 10.8882 13.8413 9.16326 15.8309 7.23118C16.0735 6.89743 16.0735 6.34118 15.7096 6.11869C14.7998 5.39554 13.8597 4.64458 12.9196 3.89362C11.9795 3.14272 11.0394 2.39182 10.1297 1.66873C9.94643 1.52466 9.76316 1.36504 9.57745 1.2033C8.90274 0.615671 8.19584 0 7.33975 0C6.73324 0 6.49064 0.556245 6.61194 1.00124V1.11249C6.85454 1.55748 7.33975 1.66873 7.70366 1.55748H7.82388C8.41968 1.86668 9.27549 2.75635 9.90115 3.40677C10.1421 3.65726 10.3489 3.87226 10.4936 4.00496C11.2903 4.6028 12.1303 5.24031 12.9619 5.8938C11.0285 5.6227 9.14988 5.42168 7.18944 5.22066C7.06951 5.22066 6.83046 5.22415 6.51516 5.22875C5.14477 5.24876 2.33413 5.28979 1.60449 5.15667C1.42544 4.80243 1.02045 4.6519 0.615448 4.85954H0.498055C0.145877 4.97991 -0.206301 5.58178 0.145877 6.06327C0.285756 6.44575 0.592309 6.58137 0.896358 6.54555C1.60884 6.78928 2.5448 6.7386 3.347 6.69516C3.63277 6.67969 3.90156 6.66514 4.13723 6.66514C7.09309 6.88163 10.049 7.19547 12.9195 7.60665Z' fill='white'/%3E%3C/svg%3E%0A") !important;
    background-color: #ffffff28 !important;
    background-repeat: no-repeat !important;
    background-position: center;
}

.pswp__button--arrow--prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08054 7.60665C4.55169 8.95051 6.08812 10.2345 7.68983 11.4586C8.53895 12.1261 7.56853 13.3499 6.71941 12.9049C6.6384 12.8384 6.55753 12.772 6.47682 12.7058C4.26131 10.8882 2.15873 9.16326 0.169081 7.23117C-0.0735239 6.89743 -0.0735239 6.34118 0.290383 6.11869C1.20019 5.39554 2.14032 4.64458 3.08045 3.89362C4.02051 3.14272 4.96056 2.39182 5.87029 1.66873C6.05357 1.52466 6.23684 1.36504 6.42255 1.2033C7.09726 0.61567 7.80416 -7.16503e-07 8.66025 -6.41662e-07C9.26676 -5.88639e-07 9.50937 0.556244 9.38806 1.00124L9.38806 1.11249C9.14546 1.55748 8.66025 1.66873 8.29634 1.55748L8.17612 1.55748C7.58032 1.86668 6.72451 2.75635 6.09885 3.40677C5.8579 3.65726 5.65108 3.87226 5.50639 4.00496C4.70965 4.6028 3.86967 5.24031 3.03809 5.8938C4.97152 5.6227 6.85012 5.42168 8.81056 5.22066C8.93049 5.22066 9.16955 5.22415 9.48484 5.22875C10.8552 5.24876 13.6659 5.28979 14.3955 5.15667C14.5746 4.80243 14.9796 4.6519 15.3846 4.85954L15.5019 4.85954C15.8541 4.97991 16.2063 5.58178 15.8541 6.06327C15.7142 6.44575 15.4077 6.58137 15.1036 6.54555C14.3912 6.78928 13.4552 6.7386 12.653 6.69516C12.3672 6.67969 12.0984 6.66514 11.8628 6.66514C8.90691 6.88163 5.95104 7.19547 3.08054 7.60665Z' fill='white'/%3E%3C/svg%3E%0A") !important;
    background-color: #ffffff28 !important;
    background-repeat: no-repeat !important;
    background-position: center;
}


.pswp__img,
.pswp__zoom-wrap {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    object-fit: cover !important;

}


.cards__items-img {
    position: relative;
    display: block;
}


.cards__items-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(160, 175, 156, 0.30) 0%, rgba(160, 175, 156, 0.30) 100%);
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.2s linear;
}

.cards__item .h2 {
    transition: 0.2s linear;
}

.cards__item:hover .h2 {
    color: #A0AF9C;
}

.cards__item:hover .cards__items-img::before {
    opacity: 0;
}

@media(max-width: 1024px) {

    .location-list .locations__item-image::before,
    .cards__items-img::before {
        display: none;
    }
}


.multi-select-header {
    max-width: 780px;
    background: #F1F1F1;
    padding: 20px;
    border-radius: 0px;
}



.multi-select {
    max-width: 780px;
    margin-bottom: 20px;
}

.multi-select .multi-select-header {
    border-radius: 0px !important;
    min-height: 64px;
}

.multi-select .multi-select-header .multi-select-header-option {
    color: var(--light-green, #A0AF9C);
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0.75px;
    padding: 4px 8px;
    padding-right: 4px;
    border-radius: 0;
}

.multi-select-options .multi-select-search {
    display: none;
}

.multi-select-options .multi-select-option-radio {
    display: none;
}

.multi-select .multi-select-options {
    background: #F1F1F1;
}

.multi-select .multi-select-options {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 24px 0px;
    box-shadow: none;
}

.multi-select .multi-select-header.multi-select-header-active+.multi-select-options {
    display: grid;

}

.multi-select .multi-select-options .multi-select-option-text {
    color: var(--dark-green, #5E6655);
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.multi-select .multi-select-options .multi-select-option,
.multi-select .multi-select-options .multi-select-all {
    height: auto;
}

.multi-select .multi-select-header .multi-select-header-option {
    color: var(--dark-green, #5E6655);
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 18px */
    background: var(--gray, #E3E3E3);
}

.multi-select .multi-select-options .multi-select-option:hover,
.multi-select .multi-select-options .multi-select-option:active,
.multi-select .multi-select-options .multi-select-all:hover,
.multi-select .multi-select-options .multi-select-all:active,
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
    background: none;
    color: #A0AF9C;
}

@media(max-width: 767px) {
    .multi-select {
        margin-bottom: 0;
        margin-top: 20px;
    }
}

@media(max-width: 1024px) {
    .multi-select {
        max-width: 100% !important;
    }
}


* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    /* запрет на контекстное меню в iOS */
}

html {
    scroll-behavior: smooth;
}


button:focus,
a:focus,
input:focus {
    outline: none;
}

body {
    -webkit-user-select: none;
    user-select: none;
}


@media(max-width: 767px) {
    .divider .small-img {
        max-width: 30px;
    }
}

.apartments__list-item .top {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: auto;
    object-fit: contain !important;
    z-index: 15;
}

.apartments__list-item .top img {
    width: auto;
    object-fit: contain !important;
}

.multi-select .multi-select-header .multi-select-header-placeholder {
    color: #A0AF9C;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0.75px;
}

.multi-select .multi-select-header .multi-select-header-option {
    display: flex;
    align-items: center;
    gap: 4px
}


.multi-select .multi-select-header .multi-select-header-option svg:hover path {
    fill: #5E6655;
}

.multi-select .multi-select-header {
    padding: 18px 20px;
    border: 1px solid transparent;
    background: #F1F1F1;
}

.multi-select .multi-select-header.multi-select-header-active+.multi-select-options {
    padding: 20px 18px;
    border-radius: 0;
}

.multi-select-header-active {
    border: 1px solid #A0AF9C !important;
}

.multi-select-header-control {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    gap: 10px;
}

.multi-select-header-control {
    align-items: center;
    display: none;
}

.multi-select-header-control span {
    height: 20px;
    width: 1px;
    background: #E3E3E3;
    display: block;
}

.multi-select-header-control svg:hover {
    opacity: 0.7;
}

.multi-select-header-active .multi-select-header-control {
    display: flex;
}

.multi-select-header-active::after {
    display: none !important;
}

.divider-text {
    color: #9D5E33;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    text-transform: uppercase;
    max-width: 1025px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 0px 15px;
}

.divider-text+.button {
    margin-top: 0;
}

@media(max-width: 1024px) {
    .divider-text {
        font-size: 22px;
        margin: 40px 0px;
    }
}

.text-page__sidebar .about-page__svg {
    padding: 0;
    padding-bottom: 64px;
    top: 180px;
}

@media(max-width: 1024px) {
    .text-page__sidebar .about-page__svg {
        padding: 60px 0px;
    }

    .multi-select .multi-select-header {
        max-width: 100%;
    }
	
	.rooms__item-content{
		display: flex;
		flex-direction: column;
	}
	.room-price{
		order: 3;
		margin-top: 20px;
		padding: 16px;
		position: sticky;
		bottom: 0;
		width: calc(100vw - 16px);
	margin-left: -16px;
		background: #E3E3E3;
		z-index: 1;
	}
	
	.rooms__item-images{
		z-index: 5;
	}
	.rooms__item-content .title-wrapper{
		margin-bottom: 0px;
	}
}

.text-page__sidebar .text-page__sidebar:last-child .about-page__svg:last-child {
    margin-bottom: 0;
}

.rooms__item-details{
	position: sticky;
	height: max-content;
	top: 100px;
}
.about__inner img{
	aspect-ratio: 32/9;
}