.first__section {
    height: 100vh;
    padding-top: 100px;
    position: relative
}

.first__bg {
    height: 100vh;
    object-fit: cover;
    object-position: center;
    width: 100%;
    z-index: 1
}

.first__bg, .first__filter {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.first__filter {
    background-color: rgba(0,0,0,.4);
    z-index: 2
}

.first__container {
    color: var(--white);
    padding-top: 43px;
    position: relative;
    z-index: 3
}

.first__title {
    font-size: var(--fs-20);
    max-width: 780px
}

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

.first__starText {
    align-items: center;
    display: none
}

.first__svg-star {
    height: 69px;
    margin-right: 42px;
    width: 69px
}

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

.first__suptitle {
    margin-top: 16px;
    text-transform: none
}

.first__bottom {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 85px
}

.first__bottom-item {
    flex-shrink: 0;
    margin-top: 74px
}

.first__bottom-layer, .first__btn {
    font-size: var(--fs-14);
    font-weight: 600
}

.first__bottom-layer {
    align-items: center;
    background-color: rgba(170,188,217,.58);
    border-radius: 35px;
    color: var(--black-main);
    display: flex;
    height: 50px;
    justify-content: center;
    margin-top: 10px;
    text-transform: uppercase
}

.first__bottom-itemLogo {
    align-items: end;
    display: flex
}

.first__logo {
    height: 48px;
    width: 180px
}

.first__bottom-itemStone {
    align-items: center;
    height: 70px;
    justify-content: center;
    position: relative;
    transform: translateY(-7px);
    width: 125px
}

.stone-mobile {
    display: flex
}

.stone-desktop {
    display: none
}

.first__svg-stone {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.first__bottom-itemStone-text {
    color: #2f2e2e;
    font-size: var(--fs-12);
    font-weight: 600;
    position: relative;
    z-index: 2
}

.build {
    background-color: var(--color-1);
    color: var(--white);
    padding: 42px 0
}

.build__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 34px
}

.build__form-swiper-slide {
    font-family: var(--family-titles);
    font-size: var(--fs-23)
}

.build__form {
    margin: 0;
    padding: 0 20px;
    position: relative;
    width: fit-content
}

.slider-nav__btn {
    position: absolute;
    top: 58%;
    transform: translateY(-50%)
}

.slider-btn__prev {
    left: 0
}

    .slider-btn__prev svg {
        rotate: 180deg
    }

.slider-btn__next {
    right: 0
}

.slider__btn-svg {
    height: 18px;
    width: 10px
}

.build__inner {
    position: relative
}

    .build__inner .build-slider .swiper {
        padding-bottom: 42px
    }

    .build__inner .swiper-wrapper {
        height: auto
    }

    .build__inner .build__swiper-slide {
        border-radius: 15px;
        cursor: grab;
        height: 137px;
        transition: all .3s linear;
        width: 100%
    }

        .build__inner .build__swiper-slide img {
            border-radius: 15px;
            height: 100%;
            object-fit: cover;
            object-position: center;
            width: 100%
        }

    .build__inner .build-slideWrap {
        height: 100%;
        transform: scale(.93,.79);
        transition: all .3s linear;
        width: 100%
    }

    .build__inner .build__swiper-slide.swiper-slide-active .build-slideWrap {
        transform: scale(1)
    }

    .build__inner .build-slider__swiper-pagination {
        background-color: hsla(0,0%,72%,.6);
        bottom: 0;
        height: 1px;
        left: 50%;
        top: auto;
        transform: translateX(-50%);
        width: 131px
    }

    .build__inner .swiper-pagination-progressbar-fill {
        background-color: #fff
    }

.concept__section {
    background-color: var(--color-1);
    padding: 42px 0;
    position: relative
}

.concept__bg {
    bottom: 0;
    display: none;
    object-position: right bottom;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.concept__container {
    color: var(--white);
    position: relative;
    z-index: 2
}

.concept__slide {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 440px
}

.concept__title-swiper {
    font-family: var(--family-novoposelensky);
    font-size: var(--fs-28);
    margin-bottom: 22px
}

.concept__title {
    font-size: var(--fs-20);
    margin-top: 32px
}

.concept__suptitle {
    line-height: 160%;
    margin: 24px 0
}

.cableway__section {
    height: 365px;
    position: relative
}

.cableway__img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: left;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.guide__section {
    height: 700px;
    overflow: hidden;
    position: relative
}

.guide__container {
    position: relative;
    z-index: 2
}

.guide__title {
    padding-top: 77px;
    width: 350px
}

.guide__img img {
    bottom: 0;
    height: 700px;
    left: 0;
    max-width: none;
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.activism__section {
    background-color: var(--color-1);
    color: var(--white);
    padding: 77px 0 0;
    position: relative
}

    .activism__section .container {
        margin-left: 0;
        margin-right: 0;
        padding: 0 16px
    }

.activism__title {
    margin-bottom: 25px;
    width: 300px
}

.activism__pics img {
    height: 280px;
    object-fit: cover;
    object-position: bottom;
    width: 100%
}

.activism__item-title {
    font-family: var(--family-titles);
    font-size: var(--fs-18);
    line-height: 1.1;
    margin-bottom: 24px;
    margin-top: 32px
}

.activism__item ol, .activism__item ul {
    list-style: none;
    padding-left: 0
}

.activism__item li {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start
}

    .activism__item li:not(:last-child) {
        margin-bottom: 12px
    }

    .activism__item li:last-child {
        margin-bottom: 26px
    }

    .activism__item li svg {
        flex-shrink: 0;
        height: 16px;
        margin-right: 20px;
        width: 16px
    }

    .activism__item li span {
        font-size: var(--fs-18);
        line-height: 1.6
    }

.activism__item-desc {
    font-size: var(--fs-17);
    line-height: 1.6;
    margin-bottom: 36px;
    margin-top: 26px
}

.activism__item-desc-2 {
    padding: 0 16px
}

.activism__advantages {
    flex-direction: row;
    justify-content: start
}

.activism__advantage, .activism__advantages {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.activism__advantage {
    flex-direction: column;
    justify-content: center;
    margin-right: 24px;
    max-width: 330px
}

    .activism__advantage svg {
        margin-bottom: 16px
    }

.activism__airplane, .activism__car, .activism__train {
    height: 52px;
    width: 68px
}

.activism__advantage-desc {
    font-family: var(--family-titles);
    line-height: 1.2;
    text-transform: uppercase;
    width: 265px
}

.activism__item li {
    padding-left: 16px
}

.plan__section {
    padding: 42px 0 14px;
    position: relative
}

.plan__container {
    display: flex;
    flex-direction: column
}

.plan__top {
    align-items: start;
    display: contents;
    justify-content: space-between;
    max-width: 1108px
}

.plan__title, .plan__top {
    margin-bottom: 42px
}

.plan__btn {
    height: 50px;
    margin-top: 42px;
    order: 3
}

.plan__bottom {
    align-items: center;
    max-width: 1225px
}

.plan__bottom, .plan__item {
    display: flex;
    flex-direction: column
}

.plan__item {
    max-width: 478px;
    padding-left: 38px;
    position: relative
}

.plan__img {
    left: 0;
    max-width: 90px;
    position: absolute;
    top: 0;
    z-index: 3
}

.plan__item-title {
    font-family: var(--family-novoposelensky);
    font-size: var(--fs-16);
    margin-bottom: 25px;
    margin-top: 40px;
    text-align: center
}

.plan__itemWrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 155px;
    justify-content: center;
    position: relative;
    width: 260px
}

.plan__textWrap {
    text-align: start;
    width: fit-content
}

.plan__stone {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.plan__text {
    font-size: var(--fs-14);
    position: relative;
    z-index: 2
}

.plan__img-star {
    display: none;
    height: 220px;
    position: absolute;
    width: 220px
}

.interior__section {
    background-color: var(--color-1);
    color: var(--white);
    position: relative
}

.interior {
    display: flex;
    flex-direction: column;
    padding: 42px 0;
    position: relative;
    z-index: 2
}

.interior__top {
    margin-bottom: 32px;
    margin-right: 20px;
    max-width: 630px;
    padding: 0 16px
}

.interior__title {
    margin-bottom: 24px
}

.interior__text {
    line-height: 160%
}

.interior__img {
    height: 214px;
    object-fit: cover;
    width: 100%
}

.interior__bg {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.presentation__section {
    background-color: var(--color-1);
    color: var(--white);
    overflow: hidden;
    padding: 77px 0;
    position: relative;
    z-index: 1
}

.presentation__background {
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 55%;
    pointer-events: none;
    position: absolute;
    width: 130%;
    z-index: -1
}

.presentation__background, body.no-js .presentation__background, body.page_no-webp .presentation__background {
    background-image: url(/img/presentation-bg.png)
}

body.page_webp .presentation__background {
    background-image: url(/img/presentation-bg.webp)
}

.presentation__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: start;
    position: relative;
    z-index: 3
}

.presentation {
    display: contents
}

.presentation__title {
    align-self: start;
    font-size: var(--fs-28);
    margin-bottom: 24px;
    order: 1
}

.presentation__desc {
    align-self: start;
    font-size: var(--fs-18);
    line-height: 1.6;
    margin-bottom: 45px;
    order: 2
}

.presentation__imgWrap {
    order: 3;
    position: relative
}

.presentation__img img {
    width: 388px
}

.presentation__img-galaxy {
    position: absolute;
    right: -26px;
    top: -70px;
    z-index: -1
}

    .presentation__img-galaxy img {
        height: 141px;
        width: 136px
    }

.presentation__btn {
    margin-top: 30px;
    order: 4;
    padding: 5px 32px;
    width: auto
}

.mountains__section {
    position: relative;
    z-index: 2
}

.mountains__img img {
    height: 500px;
    object-fit: cover
}

.investments__section {
    background-color: var(--color-1);
    color: var(--white);
    position: relative
}

.investments__bg {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: left;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.investments__container {
    padding: 42px 16px 40px;
    position: relative;
    z-index: 2
}

.investments__title {
    margin: 0 auto;
    max-width: 200px;
    text-align: center
}

.investments, .investments__itemWrap {
    display: flex;
    flex-direction: column
}

.investments__itemWrap {
    align-items: center;
    flex-shrink: 0;
    max-width: 1065px;
    width: 100%
}

.investments__itemWrap-1 {
    align-self: start
}

.investments__itemWrap-2 {
    align-self: end
}

.investments__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 32px 0 0
}

.investments__item-title {
    font-family: var(--family-novoposelensky);
    font-size: var(--fs-58)
}

.investments__item-title64 {
    font-family: var(--family-Alkalami);
    font-size: var(--fs-40)
}

.investments__item-titleBlue {
    color: var(--color-2)
}

.investments__item-suptitle {
    font-family: var(--family-titles);
    font-size: var(--fs-14);
    text-align: center
}

.investments__btn {
    height: 50px;
    margin: 32px 0 0
}

.advantages {
    display: flex;
    flex-direction: column
}

.advantages__item {
    position: relative;
    width: 100%
}

.advantages__item-top {
    height: 415px;
    padding: 0 16px
}

.advantages__title {
    color: var(--white);
    margin-top: 42px;
    position: relative;
    text-align: center;
    z-index: 2
}

.advantages__img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.advantages__item-list {
    flex-shrink: 0;
    max-width: 704px;
    padding: 32px 16px 42px;
    width: 100%
}

.advantages__list-item {
    align-items: center;
    display: flex;
    margin: 15px 0
}

    .advantages__list-item:first-child {
        margin-top: 0
    }

    .advantages__list-item:last-child {
        margin-bottom: 0
    }

.rhombus {
    border: 1px solid var(--color-1);
    border-radius: 2px;
    flex-shrink: 0;
    height: 10px;
    margin-right: 21px;
    rotate: 45deg;
    width: 10px
}

.advantages__list-itemText {
    line-height: 160%
}

.docs__section {
    background-color: var(--color-1);
    color: var(--white);
    padding: 77px 0;
    position: relative
}

.docs {
    display: grid;
    gap: 56px;
    grid-template-columns: 1fr
}

.docs__title {
    font-size: var(--fs-28);
    margin-bottom: 30px
}

.docs__item {
    align-items: center;
    display: flex;
    width: 100%
}

.docs__svg {
    flex-shrink: 0;
    height: 42px;
    margin-right: 25px;
    width: 42px
}

.docs__item-text {
    font-size: var(--fs-24);
    font-weight: 500;
    margin-bottom: 8px
}

.docs__item-date {
    font-size: var(--fs-20)
}

@media (min-width:768px) {
    .first__container {
        padding-top: 137px
    }

    .first__title {
        font-size: var(--fs-36)
    }

    .first__starText {
        display: flex
    }

    .first__suptitle {
        margin-top: 76px
    }

    .first__bottom {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 106px
    }

    .first__bottom-item {
        margin-top: 0
    }

    .first__btn {
        margin-top: 43px;
        width: 350px
    }

    .first__bottom-layer {
        width: 350px
    }

    .first__bottom-itemLogo {
        transform: translateY(20px)
    }

    .first__bottom-itemStone {
        display: flex;
        height: 129px;
        transform: translateY(70px);
        width: 231px
    }

    .stone-mobile {
        display: none
    }

    .stone-desktop {
        display: flex
    }

    .first__bottom-itemStone-text {
        font-size: var(--fs-17)
    }

    .build__top {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }

    .build__form-swiper-slide {
        font-size: var(--fs-32)
    }

    .build__form {
        padding: 0 24px
    }

    .slider__btn-svg {
        height: 22px;
        width: 12px
    }

    .build__inner .build__swiper-slide {
        height: 300px;
        width: 500px
    }

    .build__inner .build-slider__swiper-pagination {
        width: 506px
    }

    .concept__title {
        font-size: var(--fs-38);
        margin-top: 83px
    }

    .concept__suptitle {
        font-size: var(--fs-20)
    }

    .concept__btn {
        height: 78px;
        max-width: 420px
    }

    .cableway__section {
        height: 490px
    }

    .guide__img img {
        object-fit: cover;
        right: 0;
        width: 100%
    }

    .activism__title {
        width: auto
    }

    .activism__pics img {
        height: 500px;
        object-position: center
    }

    .activism__slider {
        width: 100%
    }

    .activism__swiper-wrapper {
        justify-content: space-between
    }

    .activism__advantage-desc {
        width: auto
    }

    .activism__item li {
        align-items: start;
        padding-left: 0
    }

        .activism__item li svg {
            margin-top: 5px
        }

    .plan__bottom {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto
    }

    .plan__text {
        font-size: var(--fs-24)
    }

    .interior__img {
        height: 350px
    }

    .presentation__background {
        height: 83%;
        left: -77px
    }

    .presentation__container {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .presentation {
        display: block;
        width: 65%
    }

    .presentation__desc, .presentation__title {
        order: unset
    }

    .presentation__imgWrap {
        order: unset;
        width: 35%
    }

    .presentation__img img {
        width: 100%
    }

    .presentation__btn {
        order: unset
    }

    .mountains__img img {
        height: 600px
    }

    .investments__container {
        padding: 107px 16px 157px
    }

    .investments__title {
        margin: 0;
        max-width: 100%;
        text-align: start
    }

    .investments__itemWrap {
        flex-direction: row;
        justify-content: space-between
    }

    .investments__itemWrap-1 {
        margin: 120px 0 118px
    }

    .investments__item {
        align-items: start;
        margin: 0
    }

    .investments__item-title {
        font-size: var(--fs-96)
    }

    .investments__item-title64 {
        font-size: var(--fs-64)
    }

    .investments__item-suptitle {
        font-size: var(--fs-24);
        text-align: start
    }

    .investments__btn {
        height: 78px;
        margin: 0;
        max-width: 420px
    }

    .docs__item {
        max-width: 475px
    }
}

@media (min-width:900px) {
    .plan__container {
        display: block
    }

    .plan__top {
        display: flex
    }

    .plan__title {
        margin-bottom: 0
    }

    .plan__btn {
        height: 78px;
        margin-top: 0;
        max-width: 420px
    }

    .advantages {
        flex-direction: row
    }

    .advantages__item-top {
        height: auto
    }

    .advantages__title {
        margin-top: 82px
    }

    .advantages__item-list {
        max-width: 500px;
        padding: 40px
    }

    .advantages__list-item {
        align-items: start
    }

    .rhombus {
        margin-top: 6px
    }
}

@media (min-width:1100px) {
    .plan__section {
        padding: 100px 0 95px
    }

    .plan__top {
        margin-bottom: 160px
    }

    .plan__img {
        max-width: 160px
    }

    .plan__item-title {
        font-size: var(--fs-28);
        margin-bottom: 50px;
        margin-top: 90px
    }

    .plan__itemWrap {
        height: 260px;
        width: 440px
    }
}

@media (min-width:1201px) {
    .first__bottom-layer, .first__btn {
        font-size: var(--fs-17);
        margin-top: 43px;
        width: 457px
    }

    .first__bottom-itemLogo {
        transform: translateY(104px)
    }

    .first__logo {
        height: 90px;
        margin-right: 70px;
        width: 341px
    }

    .first__bottom-itemStone {
        transform: translateY(100px)
    }

    .build {
        padding: 73px 0 137px
    }

    .build__top {
        margin-bottom: 133px
    }

    .build__inner .build__swiper-slide {
        height: 437px;
        width: 1237px
    }

    .concept__section {
        padding: 154px 0 110px
    }

    .concept__bg {
        display: block;
        max-width: 450px
    }

    .concept__suptitle {
        margin: 37px 0 67px;
        max-width: 900px
    }

    .cableway__section {
        height: 590px
    }

    .guide__section {
        height: 1000px
    }

    .guide__title {
        padding-top: 120px;
        width: auto
    }

    .guide__img img {
        height: 1000px
    }

    .activism__section {
        padding: 120px 0 80px
    }

        .activism__section .container {
            margin: 0 auto
        }

    .activism__title {
        margin-bottom: 100px !important
    }

    .activism__items {
        align-items: start;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center
    }

    .activism__item-2 {
        margin-left: 44px
    }

    .activism__pics-1 img {
        padding-left: 16px
    }

    .activism__pics-2 img {
        height: 700px
    }

    .activism__item-title {
        font-size: var(--fs-32);
        line-height: 1.6;
        margin: 40px 0 26px !important;
        padding: 0 0 0 36px !important;
        width: 570px
    }

    .activism__item-desc {
        margin-top: 52px !important;
        padding: 0 !important
    }

    .activism__item-desc-2 {
        max-width: 746px;
        padding: 0
    }

    .activism__advantages {
        margin-top: 100px !important
    }

    .activism__advantage svg {
        margin-bottom: 76px
    }

    .plan__img-star {
        display: block;
        right: 20px;
        top: -140px
    }

    .interior {
        flex-direction: row;
        justify-content: space-between;
        padding: 124px 0 114px 60px
    }

    .interior__top {
        margin-bottom: 0;
        padding: 0
    }

    .interior__title {
        margin-bottom: 60px
    }

    .interior__img {
        height: auto;
        max-width: 980px;
        width: 100%
    }

    .interior__bg {
        display: block;
        max-width: 550px
    }

    .presentation__section {
        padding: 120px 0 80px
    }

    .presentation__background {
        background-size: auto;
        height: 91%;
        width: 100%
    }

    .presentation__title {
        font-size: var(--fs-32);
        margin-bottom: 42px
    }

    .presentation__img-galaxy {
        right: -23px;
        top: -69px
    }

    .presentation__btn {
        padding: 26px 88px
    }

    .mountains__img img {
        height: 800px
    }

    .investments__btn {
        max-width: 524px
    }

    .advantages__item-list {
        max-width: 704px;
        padding: 122px 115px 132px 81px
    }

    .docs__section {
        padding: 120px 0 80px
    }

    .docs {
        grid-template-columns: 1fr 1fr auto;
        padding: 0 0 80px
    }

    .docs__title {
        font-size: var(--fs-38);
        margin-bottom: 42px
    }

    .docs__item-text {
        font-size: var(--fs-26)
    }

    .docs__item-date {
        font-size: var(--fs-24)
    }
}

@media (min-width:1500px) {
    .plan__img-star {
        right: 150px;
        top: -20px
    }
}

@media (min-width:1520px) {
    .activism__item-1 {
        max-width: 800px
    }

    .activism__item-2 {
        max-width: 900px
    }

    .presentation {
        width: auto
    }

    .presentation__title {
        margin-bottom: 100px
    }

    .presentation__desc {
        margin-bottom: 200px
    }

    .presentation__imgWrap {
        width: 900px
    }

    .presentation__img-galaxy {
        right: -54px;
        top: -147px
    }

        .presentation__img-galaxy img {
            height: auto;
            width: 289px
        }

    .mountains__img img {
        height: 900px;
        width: 100%
    }
}

@media (min-width:1600px) {
    .concept__bg {
        max-width: 884px
    }

    .cableway__section {
        height: 737px
    }

    .interior {
        padding: 124px 0 114px 118px
    }

    .interior__title {
        margin-bottom: 129px
    }

    .interior__bg {
        max-width: 850px
    }
}