@font-face {
    font-family: rublregular;
    src: url(../fonts/rouble-webfont.eot);
    src: url(../fonts/rouble-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/rouble-webfont.woff2) format("woff2"),url(../fonts/rouble-webfont.woff) format("woff"),url(../fonts/rouble-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff;
    --main-gradient: linear-gradient(to right, #1a1a33, #1a1a33);
    --gold: linear-gradient(to right, #ecbf79, #c7924c);
    --gold2: linear-gradient(to right, #edab44, #956322);
}

.swiper,swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: initial;
    transition-timing-function: ease;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

[dir=ltr] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

[dir=rtl] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-right: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 4px solid var(--swiper-theme-color);
    border-bottom: 4px solid var(--swiper-theme-color);
    border-right: 4px solid var(--swiper-theme-color);
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset,50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: 44px;
    height: var(--swiper-navigation-size);
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-theme-color);
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    -webkit-font-feature-settings: normal,;
    font-feature-settings: normal,;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom,8px);
    top: auto;
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: 8px;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 8px;
    right: var(--swiper-pagination-right,8px);
    left: auto;
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: transform .2s,top .2s;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s,left .2s;
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s,right .2s;
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: 4px;
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: auto;
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: 4px;
    height: var(--swiper-scrollbar-size,4px);
    width: 98%;
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2)
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: auto;
    left: var(--swiper-scrollbar-left,auto);
    right: 4px;
    right: var(--swiper-scrollbar-right,4px);
    top: 1%;
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: 4px;
    width: var(--swiper-scrollbar-size,4px);
    height: 98%;
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: 10px;
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.swiper .swiper-notification,swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
    background: linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports(padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports(padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

embed,fieldset,img,object {
    vertical-align: middle;
    border: 0
}

address,caption,cite,code,dfn,em,th,var {
    font-weight: 400;
    font-style: normal
}

ol,ul {
    list-style: none
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%
}

a * {
    cursor: pointer
}

.but,a {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

button,input,select,textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: none
}

html {
    min-width: 320px;
    height: 100%
}

body,html {
    min-height: 100%
}

body {
    -webkit-text-size-adjust: 100%;
    background: #1a1a33;
    font-weight: 400;
    /*font-family: AvantGardeGothicC,sans-serif;*/
   font-family: "Sofia Sans", sans-serif;
    color: #000;
    overflow-x: hidden
}

body.wait {
    cursor: wait
}

body.wait * {
    cursor: wait;
    pointer-events: none
}

body,html {
    max-width: 100%
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

a,a span {
    -webkit-transition: color .3s,border-color .3s,opacity .3s;
    transition: color .3s,border-color .3s,opacity .3s
}

footer,header,section {
    position: relative;
    margin: auto;
    z-index: auto
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.box {
    max-width: 1920px;
    margin: auto;
    padding: 0 100px
}

body.compensate-for-scrollbar {
    overflow: visible
}

.compensate-for-scrollbar {
    margin-right: 0!important
}

body footter,body header,body section {
    opacity: 0
}

body.load footter,body.load header,body.load section {
    opacity: 1
}

.swiper-creative swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

header {
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-transition: opacity .5s linear,visibility .6s,-webkit-transform 1s linear;
    transition: opacity .5s linear,visibility .6s,-webkit-transform 1s linear;
    transition: transform 1s linear,opacity .5s linear,visibility .6s;
    transition: transform 1s linear,opacity .5s linear,visibility .6s,-webkit-transform 1s linear;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

header .box {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

header .box,header .box .h_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header.hide {
    visibility: hidden;
    pointer-events: none
}

header.hide .box {
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%)
}

header .box div {
    position: relative;
    z-index: 2
}

header .box:after {
    content: "";
    display: block;
    left: 0;
    top: -100px;
    bottom: -82px;
    position: absolute;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#1a1a33),to(hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,#1a1a33,hsla(0,0%,100%,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a33",endColorstr="#00ffffff",GradientType=0);
    z-index: 1
}

.load header {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.m_burger {
    cursor: pointer;
    width: 51px;
    height: 50px;
    margin-right: 95px;
    background: url(../img/burger.svg) 50% no-repeat;
    background-size: contain;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.header__burger {
    margin-right: 95px;
    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;
    height: auto;
    width: 51px;
    gap: 5px;
    background: rgba(0,0,0,0);
    z-index: 1000;
    justify-content: center;
}

.header__burger span {
    width: 51px;
    height: 1.5px;
    background: #000;
    background: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.logo img {
    width: 444px
}

.h_tel {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    color: #a66e61;
    white-space: nowrap
}

.h_tel a {
    border-bottom: 1px solid transparent;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.h_graffic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    grid-gap: 47px;
    gap: 47px;
    margin-top: 15px;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #cfc7bf
}

.h_graffic a {
    color: #bd8059;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.h_graffic a span {
    border-bottom: 1px solid rgba(189,128,89,.5)
}

.s_top-wrap {
    background: #1a1a33;
    position: relative;
    z-index: 2
}

@-webkit-keyframes topArrow {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(500%);
        transform: translateY(500%)
    }
}

@keyframes topArrow {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(500%);
        transform: translateY(500%)
    }
}

.s_top {
    height: calc(100vh + 209px);
    min-height: 950px;
    overflow: hidden;
    margin-bottom: -55px;
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

.s_top .slider-top {
    width: 635px;
    height: 434px;
    overflow: hidden;
    margin-bottom: -105px
}

.s_top .slider-top .big-i {
    position: absolute;
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 458px;
    line-height: 75%;
    color: #541f21;
    left: 54px;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s,-webkit-transform 1.3s 1s;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 55px
}

.s_top .slider-top .main-text {
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 140%;
    text-transform: uppercase;
    padding-left: 50px;
    margin-bottom: 12px;
    max-width: 340px;
    min-height: 81px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.s_top .slider-top .main-text,.s_top .slider-top .sub-text {
    font-style: normal;
    color: #cfc7bf;
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s,-webkit-transform 1.3s 1s
}

.s_top .slider-top .sub-text {
    
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .02em;
    padding: 0 40px 0 196px;
    min-height: 63px;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.s_top .box.s_top__imgs {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: auto;
    left: 0;
    top: 0;
    right: 0
}

.s_top .box.s_top__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100% - 209px);
    position: relative;
    padding: 0 90px 0 52px;
    z-index: 2
}

.s_top h1 {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 195px;
    line-height: .8;
    color: #cfc7bf;
    position: relative
}

.s_top h1 i {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 87%;
    overflow: hidden
}

.s_top h1>span {
    overflow: hidden;
    display: block;
    position: relative
}

.s_top h1>span span {
    display: block;
    -webkit-transition: -webkit-transform .7s ease-in-out .5s;
    transition: -webkit-transform .7s ease-in-out .5s;
    transition: transform .7s ease-in-out .5s;
    transition: transform .7s ease-in-out .5s,-webkit-transform .7s ease-in-out .5s;
    -webkit-transform: translateY(140%);
    -ms-transform: translateY(140%);
    transform: translateY(140%);
    position: relative
}

.s_top h1>span span svg {
    position: absolute;
    z-index: 2;
    width: 42px;
    height: 29px;
    display: block;
    left: 50%;
    top: 0;
    margin-left: -50px;
    -webkit-animation: topArrow 1.5s linear infinite;
    animation: topArrow 1.5s linear infinite
}

.s_top h1>span:nth-child(2) {
    padding-top: 50px;
    margin-top: -50px
}

.s_top h1>span:nth-child(2) span {
    font-size: 5vw;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.s_top h1>span:nth-child(3) {
    overflow: visible;
    display: inline-block
}

.s_top h1>span:nth-child(3) span {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.s_top .h1_out {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px
}

.s_top .h1_sub {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #a66e61;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: absolute;
    width: 280px;
    right: 0;
    bottom: 64px;
    -webkit-transition: opacity .6s linear .9s,-webkit-transform 1.1s ease-out .9s;
    transition: opacity .6s linear .9s,-webkit-transform 1.1s ease-out .9s;
    transition: transform 1.1s ease-out .9s,opacity .6s linear .9s;
    transition: transform 1.1s ease-out .9s,opacity .6s linear .9s,-webkit-transform 1.1s ease-out .9s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0
}

.slider-top__back {
    width: 100%;
    height: 225px;
    /*background-color: #632129;*/
    background: var(--main-gradient);
    top: 50%;
    -webkit-transform: translateY(-50%) scale(.7);
    -ms-transform: translateY(-50%) scale(.7);
    transform: translateY(-50%) scale(.7);
    display: block;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s,-webkit-transform 1.3s 1s;
    pointer-events: none
}

.load .s_top {
    opacity: 1
}

.load .s_top h1>span span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.load .s_top .h1_sub,.load .s_top .swiper-slide.swiper-slide-active .big-i,.load .s_top .swiper-slide.swiper-slide-active .main-text,.load .s_top .swiper-slide.swiper-slide-active .sub-text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.load .s_top .anim_active .big-i,.load .s_top .anim_active .main-text,.load .s_top .anim_active .sub-text {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.load .sl_arrs,.load .slider-top__back {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1
}

.sl_arrs {
    position: absolute;
    right: 30px;
    top: 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    z-index: 10;
    grid-gap: 10px;
    gap: 10px;
    opacity: 0;
    -webkit-transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,-webkit-transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s;
    transition: opacity 1.3s 1s,transform 1.3s 1s,-webkit-transform 1.3s 1s;
    -webkit-transform: scale(.5) translateX(-40px);
    -ms-transform: scale(.5) translateX(-40px);
    transform: scale(.5) translateX(-40px);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 3
}

.load .sl_arrs {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.sl_arr {
    min-width: 14px;
    height: 100%;
    background: url(../img/arr.svg) 50% no-repeat;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    display: block;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.sl_arr.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.sl_arr.-r {
    background-image: url(../img/arr_r.svg)
}

.sl_arr__sep {
    width: 50px;
    height: 2px;
    position: relative;
    overflow: hidden;
    background: rgba(156,54,61,.25)
}

.sl_arr__sep span {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #9c363d;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: sl_line 5s linear infinite;
    animation: sl_line 5s linear infinite
}

.sl_arr__sep.stop span {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes sl_line {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes sl_line {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.slider-top__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 135px 0 145px;
    height: 100%
}

.button-top,.slider-top__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.button-top {
    padding: 0 20px;
    height: 64px;
    width: 363px;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*border: 3px solid #a66e61;*/
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #ecbf79, #c7924c) 1;
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 30px;
    color: #e8e8e6;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .6s linear .9s,-webkit-transform 1.1s ease-out .9s;
    transition: opacity .6s linear .9s,-webkit-transform 1.1s ease-out .9s;
    transition: transform 1.1s ease-out .9s,opacity .6s linear .9s;
    transition: transform 1.1s ease-out .9s,opacity .6s linear .9s,-webkit-transform 1.1s ease-out .9s
}

.button-top span {
    position: relative;
    z-index: 1;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.button-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    /*background-color: #a66e61;*/
    background-color: #000;
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.load .button-top {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.s_top__img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 209px;
    width: 1192px;
    min-height: 850px;
    max-width: 100vw;
    overflow: hidden;
    z-index: 1
}

.s_top__item {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.s_top__item .-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -50px;
    display: block;
    -webkit-transition: -webkit-transform 6s linear;
    transition: -webkit-transform 6s linear;
    transition: transform 6s linear;
    transition: transform 6s linear,-webkit-transform 6s linear;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.s_top__item.active {
    opacity: 1;
    z-index: 10
}

.s_top__item.active .s_top__img .-img {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.s_top__item.active .s_top__img_shad .-img {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.s_top__item.anim_horiz .-img {
    bottom: 0
}

.s_top__item.anim_horiz .s_top__img .-img {
    right: -50px
}

.s_top__item.anim_horiz .s_top__img_shad .-img {
    left: -50px
}

.s_top__item.anim_horiz.active .s_top__img .-img {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px)
}

.s_top__item.anim_horiz.active .s_top__img_shad .-img {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.s_top__img_shad {
    position: absolute;
    top: 0;
    left: 156px;
    bottom: 0;
    width: 1967px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    opacity: .1;
    z-index: 0
}

.s_top__img_shad .-img {
    bottom: 0;
    top: -50px
}

.s_top__text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.s_top__text>div,.sec2__title {
    position: relative
}

.sec2__title {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 75%;
    color: #cfc7bf;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 30px
}

.sec2__title span {
    display: block;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%)
}

.sec2__title.anim span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.box-midl {
    padding-left: 241px
}

.sec2__subTitle {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 150%;
    text-transform: uppercase;
    color: #a66e61;
    background-image: var(--gold2);
    background-clip: text;
    color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 200px;
    -webkit-transition: gap 2s;
    transition: gap 2s
}

.sec2__subTitle.anim {
    grid-gap: 243px;
    gap: 243px
}

.sec2__wrap-flex {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -60px;
    grid-gap: 50px;
    gap: 50px
}

.sec2_text {
    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #e8e8e6;
    max-width: 440px;
    width: 100%
}

.sec2__videoWrap {
    position: relative;
    min-width: 940px;
    height: 526px;
    left: 100px;
    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;
    cursor: pointer
}

.sec2__videoWrap video {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.sec2__videoWrap.active video {
    opacity: 1
}

.sec2__videoWrap.active .play-wrap {
    opacity: 0
}

.play-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 21px;
    gap: 21px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.play-wrap,.play-wrap:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.play-wrap:after {
    content: "";
    background-color: #1a1a33;
    opacity: .5;
    z-index: 1
}

.sec2__play {
    width: 75px;
    height: 75px;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    z-index: 2;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.sec__2-video-text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 140%;
    text-align: right;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #cfc7bf;
    z-index: 2;
    position: relative
}

.section2 {
    overflow: hidden;
    z-index: 2
}

.box-mid2 {
    z-index: auto;
    position: relative
}

.sec3__img {
    height: 965px;
    margin-bottom: -150px;
    position: relative;
    z-index: 2;
    width: 100%;
    -webkit-transition: width 2s,-webkit-transform 3s;
    transition: width 2s,-webkit-transform 3s;
    transition: width 2s,transform 3s;
    transition: width 2s,transform 3s,-webkit-transform 3s;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    will-change: transform
}

.sec3__img,.sec3__img>div {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.sec3__img>div {
    z-index: 10;
    height: 100%;
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px
}

.sec3__img span {
    display: block;
    left: 0;
    bottom: 0;
    width: 15%;
    background-color: #1a1a33;
    top: -1px;
    position: absolute;
    z-index: 0
}

.sec3__img span:last-child {
    left: auto;
    right: 0
}

.sec3__img.anim {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sec3__img.anim:after,.sec3__img.anim:before {
    width: 0
}

.sec__4-img {
    min-width: 794px;
    height: 1057px;
    position: relative;
    overflow: hidden
}

.sec__4-img,.sec__4-img div {
    background-position: 50%;
    background-size: cover
}

.sec__4-img div {
    position: absolute;
    left: -20%;
    top: 0;
    width: 120%;
    bottom: 0
}

.sec__4-img.anim div {
    -webkit-transform: translateX(49px);
    -ms-transform: translateX(49px);
    transform: translateX(49px)
}

.box.box_sec_4 {
    padding-left: 0;
    padding-right: 222px
}

.sec__4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    margin-bottom: -210px;
    grid-gap: 50px;
    gap: 50px
}

.sec4__text {
    font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    margin-top: 345px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #a66e61;
    max-width: 428px;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%)
}

.sec4__text_h {
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.sec4__text.anim {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.sec4__text .sec4__text__sub {
    
    font-style: normal;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #e8e8e6;
    margin-top: 50px;
    display: block;
    margin-bottom: 50px
}

.flex-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-bottom: -325px
}

.flex-right,.se4__img2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.se4__img2 {
    overflow: hidden;
    width: 1441px;
    position: relative;
    left: 100px;
    -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
}

.se4__img2 img {
    display: block;
    height: 156px
}

.sec4-wrap2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 135px;
    gap: 135px;
    margin-left: 588px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 150px
}

.se4__img3 {
    width: 447px;
    height: 596px;
    z-index: 4;
    overflow: hidden;
    position: relative
}

.se4__img3 div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.sec4-wrap2_text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 150%;
    text-transform: uppercase;
    color: #a66e61
}

.sec4-wrap-center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 322px;
    margin-bottom: 200px
}

.sec4-wrap-item {
    position: relative
}

.sec4-wrap-item>div:first-child {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: .75;
    color: #cfc7bf;
    margin-bottom: 60px
}

.sec4-wrap-item>div:first-child span {
    font-size: 40px
}

.sec4-wrap-item>div:last-child {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #a66e61;
    background-image: var(--gold2);
    background-clip: text;
    color: transparent;
    position: absolute;
    right: 0;
    top: calc(100% - 20px);
    left: 0
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 200px
}

.btn,.btn-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn {
    border: 3px solid #a66e61;
    border-image: var(--gold);
    border-image-slice: 1;
    font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #e8e8e6;
    cursor: pointer;
    padding: 0 75px;
    height: 64px;
    max-width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 10;
    -webkit-transition: color .3s;
    transition: color .3s
}

.btn span {
    -webkit-transition: none;
    transition: none
}

.btn.-din {
    color: #cfc7bf;
    border-color: #cfc7bf
}

.btn.-din:before {
    background-color: #cfc7bf
}

.btn.-dark {
    color: #1a1a33;
    border-color: #1a1a33
}

.btn.-dark:before {
    background-color: #1a1a33
}

.btn.-fill {
    color: #a66e61;
    border-color: #a66e61
}

.btn.-fill:before {
    background-color: #a66e61
}

.btn span {
    position: relative;
    z-index: 1;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #1a1a33;
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.sec5 {
    position: relative;
    min-height: 1243px;
    z-index: 2;
    margin-bottom: 200px
}

.section3 {
    background-color: #cfc7bf;
    max-width: 100vw;
    padding-bottom: 200px
}

.sec5-title,.section3 {
    overflow: hidden;
    position: relative
}

.sec5-title {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 1;
    color: #1a1a33;
    text-align: right;
    margin-bottom: 200px;
    z-index: 2
}

.sec5-title div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.section3 {
    padding-top: 200px
}

.sec5-img {
    width: 1920px;
    height: 1443px;
    position: absolute;
    top: -200px;
    left: -100px;
    z-index: 1;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden
}

.sec5-img .btn {
    position: absolute;
    bottom: 0;
    left: 100px
}

.sec5-img>span {
    display: block;
    width: 80%;
    height: 100%;
    border-radius: 20%;
    position: absolute;
    left: -20%;
    top: 0;
    background: #cfc7bf;
    -webkit-filter: blur(100px);
    filter: blur(100px)
}

.sec5-img-mob {
    display: none
}

.sec5-text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #632129;
    z-index: 2;
    position: relative;
    max-width: 496px
}

.sec5-text .sec5-text__sub {
    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #1a1a33;
    margin-top: 50px;
    display: block;
    text-transform: none
}

.sec6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 160px;
    grid-gap: 258px;
    gap: 258px
}

.sec6-text-title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 150%;
    text-transform: uppercase;
    color: #632129;
    margin-bottom: 50px
}

.sec6-text-flex {
    grid-gap: 40px;
    gap: 40px
}

.sec6-text-flex,.sec6-text-flex>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sec6-text-flex>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sec6-text-flex>div>div {
    /*height: 50%;*/
    margin-bottom: 0
}

.sec6-text-flex>div>div:last-child {
    margin-bottom: 0
}

.sec6-text-flex>div .se6-item:first-child {
    margin-bottom: 75px
}

.sec6-text-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s
}

.sec6-text-flex-wrap.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.sec6-text-flex-wrap>div:first-child {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 75%;
    color: #1a1a33
}

.sec6-text-flex-wrap>div:last-child {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #bd8059;
    position: relative;
    top: 8px
}

.se6-item {
    overflow: hidden;
    margin-bottom: 75px
}

.se6-item_mob {
    display: none
}

.sec6-text-li ul {
    list-style: disc;
    padding-left: 30px
}

.sec6-text-li ul li {
    
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #1a1a33
}

.sec6-img {
    width: 646px;
    height: 958px;
    position: relative;
    left: 100px
}

.sec6-img,.sec7-img {
    background-size: cover;
    background-position: 50%
}

.sec7-img {
    width: 838px;
    height: 576px
}

.map-grey {
    width: 100%;
    height: 250px;
    -webkit-filter: grayscale(1) brightness(1);
    filter: grayscale(1) brightness(1);
    position: relative
}

.map-grey:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #cfc7bf;
    opacity: .5
}

.sec-7-title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 150%;
    text-transform: uppercase;
    color: #632129;
    margin-bottom: 103px
}

.sec7 {
    position: relative
}

.sec7 .swiper-slide {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.sec7 .slider-loc {
    width: 1528px;
    height: 925px;
    position: relative;
    margin-left: -100px
}

.sec7-wrap-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 150px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1426px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.sec7-wrap-center .sec4-wrap-item {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.sec7-wrap-center .sec4-wrap-item>div {
    position: relative;
    top: auto!important
}

.sec7-wrap-center .sec4-wrap-item>div:first-child {
    margin-bottom: 40px;
    white-space: nowrap
}

.sec7-wrap-center_mob {
    display: none
}

.sec7-desc {
    z-index: 2;
    position: relative;
    /*background-color: #bd8059;*/
    background: var(--gold);
    padding: 100px 50px;
    max-width: 450px;
    min-height: 100%
}

.slider-loc2 {
    z-index: 2;
    right: -150px;
    top: 87px;
    position: absolute;
    width: 550px;
    height: 625px
}

.slider-loc2 .swiper-slide-shadow {
    opacity: 0!important
}

.slider-loc2 .swiper-slide {
    min-height: 100%
}

.sec7-desc-title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 150%;
    text-transform: uppercase;
    color: #1a1a33;
    margin-bottom: 50px
}

.sec7-desc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 50px
}

.sec7-desc-wrap>div:first-child {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 75%;
    color: #1a1a33
}

.sec7-desc-wrap>div:last-child {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    text-transform: uppercase;
    color: #1a1a33;
    text-align: left
}

.sec7-desc-text {
    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #1a1a33
}

.sec7 .slider-loc__bg {
    position: absolute;
    right: -1px;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    /*background: #cfc7bf;*/
    background: #e4e4e4;
    z-index: 3
}

.sec7 .slider-loc2 {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.sec7 .swiper-wrapper div {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.sec7 .navi-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sec7 .navi {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 200px;
    width: 253px;
    white-space: nowrap
}

.sec7 .arrow-next,.sec7 .arrow-prev {
    min-width: 29px;
    min-height: 42px;
    max-width: 29px;
    max-height: 42px;
    width: 29px;
    height: 42px;
    position: relative;
    background-image: url(../img/arrow-s-l-r.svg);
    background-position: 50%;
    background-size: contain;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    bottom: 0;
    display: block;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    outline: none
}

.sec7 .arrow-prev {
    background-image: url(../img/arrow-s-l-l.svg)
}

.sec7 .navi-counter {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 75%;
    letter-spacing: .2em;
    color: #1a1a33;
    text-align: center;
    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
}

.sec7 .swiper-progress {
    width: 100%;
    height: 2px;
    background-color: #a66e61;
    opacity: .25;
    position: relative;
    overflow: hidden
}

.sec7 .swiper-progress-anim.anim {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.sec7 .swiper-progress-anim.anim,.sec7 .swiper-progress-anim.animStart {
    width: 100%;
    height: 2px;
    /*background-color: #a66e61;*/
    background: var(--gold);
    opacity: 1;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    z-index: 2
}

.sec7 .swiper-progress-anim.animStart {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.sec7 .swiper-progress-wrap {
    position: relative;
    overflow: hidden;
    margin-top: 60px
}

.sec7 .btn {
    position: absolute;
    /*right: 0;
    bottom: 0;*/
    left: 0;
    top: 50px;
    max-width: 253px
}

.section4-title {
    /*background: #632129;*/
    background: var(--main-gradient);
    padding-bottom: 150px;
    padding-top: 111px
}

.section4 {
    /*background-color: #632129;*/
    background: var(--main-gradient);
    padding-bottom: 303px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh;
    position: relative;
    top: -1px;
    padding-top: 100px
}

.section4 .box {
    position: relative;
    z-index: 2
}

.sec_lines {
    position: absolute;
    bottom: 0;
    mix-blend-mode: multiply;
    opacity: .25;
    left: 0;
    right: 0;
    z-index: 1;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sec_lines img {
    height: 156px
}

.sec-8-title {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 75%;
    color: #cfc7bf;
    text-align: center;
    overflow: hidden
}

.sec-8-title div {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.sec-8-wrap {
    width: calc(100% + 45px)
}

.sec-8-cont .swiper-slide {
    width: auto;
    display: block;
    text-decoration: none
}

.sec-8-cont .swiper-wrapper {
    width: auto;
    position: absolute;
    left: 0;
    top: 0
}

.sec-8-cont .swiper {
    overflow: visible;
    position: relative
}

.sec-8-cont .swiper .swiper-slide:nth-child(2n) .sec-8-cont-item {
    top: 90px
}

.section4.active .sec-8-cont-item {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.sec-8-cont-item {
    width: 587px;
    padding-right: 187px;
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s,-webkit-transform .9s
}

.sec-8-cont-item[data-id="1"] {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%)
}

.sec-8-cont-item[data-id="2"] {
    -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%)
}

.sec-8-cont-item[data-id="3"] {
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%)
}

.sec-8-cont-item[data-id="4"] {
    -webkit-transform: translateX(160%);
    -ms-transform: translateX(160%);
    transform: translateX(160%)
}

.sec-8-cont-item[data-id="5"] {
    -webkit-transform: translateX(210%);
    -ms-transform: translateX(210%);
    transform: translateX(210%)
}

.sec-8-cont-item[data-id="6"] {
    -webkit-transform: translateX(260%);
    -ms-transform: translateX(260%);
    transform: translateX(260%)
}

.sec-8-cont-item[data-id="7"] {
    -webkit-transform: translateX(310%);
    -ms-transform: translateX(310%);
    transform: translateX(310%)
}

.sec-8-cont-item-text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase;
    color: #bd8059;
    background-image: var(--gold2);
    background-clip: text;
    color: transparent;
    margin-bottom: 40px
}

.sec-8-cont-item {
    position: relative;
    cursor: pointer
}

.sec-8-cont-item-img {
    height: 513px;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.sec-8-cont-item-ico {
    position: absolute;
    width: 79px;
    height: 79px;
    top: 30px;
    right: -25px;
    background: #1a1a33;
    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
}

.sec-8-cont-item-ico,.sec-8-cont-item-ico:before {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.sec-8-cont-item-ico:before {
    content: "";
    display: block;
    /*background: url(../img/adv_arr.svg) 50% no-repeat;*/
    background: url(../img/arrow-s-l-r.svg) 50% no-repeat;
    background-size: contain;
    width: 31px;
    height: 42px;
    margin-left: 5px
}

.sec8-bg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 736px
}

.section5 {
    height: 100vh;
    position: relative
}

.s_top,.section2 {
    background: var(--main-gradient)
}

.section3 {
    /*background: #cfc7bf;*/
    background: #e4e4e4
}

#smooth-wrapper {
    z-index: 2
}

.sec-9 {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}

.sec-9 div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.section6 {
    padding-top: 200px;
    padding-bottom: 189px;
    /*background-color: #1a1a33*/
    background: var(--main-gradient);
}

.sec-10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 43px;
    gap: 43px;
    margin-top: 43px
}

.sec-10:first-child {
    margin-top: 0
}

.sec-10:not(:first-child) .sec-10-left .sec-10-left-item {
    height: 805px
}

.sec-10-mobslider {
    display: none
}

.sec10-title {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: 75%;
    color: #cfc7bf;
    margin-bottom: 93px;
    overflow: hidden
}

.sec10-title div {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.sec-10-left-item-bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s
}

.sec10-item-title-hidden {
    position: absolute;
    z-index: 3;
   font-family: "Sofia Sans", sans-serif;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    font-size: 60px;
    overflow: hidden
}

.sec10-item-title-hidden div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.sec10-item-title-hidden div,.sec10-item-title-wrap {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s
}

.sec10-item-title-wrap {
    position: relative;
    z-index: 2;
    padding-left: 50px;
    padding-top: 50px
}

.sec-10-left-item {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.sec-10-left-item span {
    display: block;
    position: absolute;
    width: 105%;
    height: 105%;
    background: #1a1a33;
    z-index: 3;
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s,-webkit-transform .9s
}

.sec-10-left-item.item1 {
    width: 545px;
    height: 800px;
    margin-bottom: 40px
}

.sec-10-left-item.item1 span {
    top: 0;
    right: 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.sec-10-left-item.item1.active span {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.sec-10-left-item.item2 {
    width: 545px;
    height: 621px
}

.sec-10-left-item.item2 span {
    top: 0;
    left: -1px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.sec-10-left-item.item2.active span {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.sec-10-left-item.item3 {
    width: 1130px;
    height: 550px
}

.sec-10-left-item.item3 span {
    bottom: -1px;
    right: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.sec-10-left-item.item3.active span {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.sec-10-left-item.item4 {
    width: 545px;
    height: 610px
}

.sec-10-left-item.item4:first-child span {
    top: -1px;
    right: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.sec-10-left-item.item4:first-child.active span {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.sec-10-left-item.item4:last-child span {
    top: 0;
    left: -1px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.sec-10-left-item.item4:last-child.active span {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.sec-10-left-item.item5 {
    width: 397px;
    height: 410px
}

.sec-10-left-item.item5 span {
    bottom: -1px;
    left: 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.sec-10-left-item.item5.active span {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.sec-10-left-item.item6 {
    width: 689px;
    height: 410px
}

.sec-10-left-item.item6 span {
    top: 0;
    right: -1px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.sec-10-left-item.item6.active span {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.sec10-item-title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    color: #e8e8e6;
    padding-bottom: 20px
}

.sec10-item-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sec10-item-number>div:first-child {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 75%;
    color: #e8e8e6
}

.sec10-item-number>div:last-child {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: #e8e8e6
}

.sec-10-right-line {
    grid-gap: 40px;
    gap: 40px
}

.sec-10-right,.sec-10-right-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sec-10-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 40px;
    row-gap: 40px;
    width: 1130px
}

.section7 {
    background-color: #cfc7bf;
    padding-top: 200px;
    padding-bottom: 150px;
    width: 100vw;
    overflow: hidden
}

.sec11 .sec5-title {
    margin-left: 1017px;
    margin-bottom: 142px;
    text-align: left
}

.sec11 .sec11-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 192px;
    gap: 192px;
    margin-bottom: -505px;
    z-index: 1;
    position: relative
}

.sec11 .sec4-wrap-item>div:first-child {
    color: #1a1a33
}

.sec11 .sec4-wrap-center,.sec11-img-1 {
    margin-left: 147px
}

.sec11-img-1 {
    min-width: 692px;
    height: 927px;
    margin-top: 15px;
    overflow: hidden;
    position: relative
}

.sec11-img-1 div {
    background-size: cover;
    background-position: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.sec11-text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 150%;
    text-transform: uppercase;
    color: #1a1a33;
    max-width: 547px
}

.sec11-text .sec11-text__sub {
    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #1a1a33;
    margin-top: 50px;
    display: block;
    text-transform: none
}

.sec11-wrap-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    z-index: 0;
    position: relative
}

.sec11-text-2 {
    
    font-style: normal;
    margin-left: 147px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #1a1a33;
    width: 400px;
    min-width: 400px
}

.sec11-img-2 {
    min-width: 1176px;
    height: 752px;
    position: relative;
    left: 100px;
    overflow: hidden
}

.sec11-img-2 div {
    background-size: cover;
    background-position: 50%;
    position: absolute;
    width: 110%;
    height: 100%;
    left: 0;
    top: 0
}

.sec12 {
    margin-top: 200px
}

.sec12-title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 150%;
    text-transform: uppercase;
    /*color: #632129*/
    color: transparent;
    background-image: var(--gold);
    background-clip: text;
}

.sec12-tabs-wrap {
    margin-top: 100px
}

.sec12-tabs-text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase;
    color: #1a1a33
}

.sec12-tabs,.sec12-tabs-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sec12-tabs {
    margin-top: 50px
}

.sec12-tabs>div {
    width: 79px;
    height: 79px;
    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;
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    border: 3px solid goldenrod;
    background-color: #cfc7bf;
    color: #1a1a33;
    cursor: pointer;
    margin-right: -3px;
    -webkit-transition: color .3s,background-color .3s,-webkit-transform .3s;
    transition: color .3s,background-color .3s,-webkit-transform .3s;
    transition: color .3s,background-color .3s,transform .3s;
    transition: color .3s,background-color .3s,transform .3s,-webkit-transform .3s;
    overflow: hidden;
    position: relative
}

.sec12-tabs>div.active {
    color: #cfc7bf
}

.sec12-tabs>div.active:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.sec12-tabs>div.hover {
    z-index: 10
}

.sec12-tabs>div span {
    position: relative;
    z-index: 1
}

.sec12-tabs>div:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #1a1a33;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    z-index: 0
}

.sec12-flat-wrap {
    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;
    position: relative
}

.sec12-flat-wrap .btn {
    background-color: #1a1a33;
    color: #fff;
    border-color: #1a1a33;
    margin-top: 60px;
}

.sec12-flat-wrap .btn:before {
    /*background-color: #bd8059*/
    background-color: #282854;
}

.sec12-flat-wrap .btn span {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.sec12-flat-wrap .slider-flat1 {
    width: 621px;
    margin: 0 -40px 0 0;
    position: relative;
    z-index: 2;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%)
}

.sec12-flat-wrap .slider-flat1 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-navi {
    outline: none
}

.slider-navi.none {
    display: none
}

.slider-navi * {
    outline: none
}

.slider-navi.navigate-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 252px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slider-navi .swiper-progress {
    width: 60px;
    height: 2px;
    background-color: #1a1a33;
    opacity: .25
}

.slider-navi .swiper-progress-anim.anim {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.slider-navi .swiper-progress-anim.anim,.slider-navi .swiper-progress-anim.animStart {
    width: 100%;
    height: 2px;
    background-color: #1a1a33;
    opacity: 1;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-animation-name: slidein;
    animation-name: slidein;
    z-index: 2
}

.slider-navi .swiper-progress-anim.animStart {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.slider-navi .swiper-progress-anim.pause {
    -webkit-animation: none;
    animation: none
}

.slider-navi .arrow-next,.slider-navi .arrow-prev {
    min-width: 29px;
    min-height: 42px;
    max-width: 29px;
    max-height: 42px;
    width: 29px;
    height: 42px;
    background-position: 50%;
    background-size: contain;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    bottom: 0;
    display: block;
    cursor: pointer;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s
}

.slider-navi .arrow-next.swiper-button-lock,.slider-navi .arrow-prev.swiper-button-lock {
    opacity: .5;
    pointer-events: none
}

.slider-navi .arrow-next.swiper-button-lock+.swiper-progress-wrap .swiper-progress-anim,.slider-navi .arrow-prev.swiper-button-lock+.swiper-progress-wrap .swiper-progress-anim {
    display: none
}

.slider-navi .arrow-next {
    background-image: url(../img/flat-r_v1.svg)
}

.slider-navi .arrow-prev {
    background-image: url(../img/flat-l_v1.svg)
}

.slider-navi .swiper-progress-wrap {
    width: 60px;
    height: 2px;
    position: relative;
    overflow: hidden
}

.sec12-flat-table {
    padding: 68px 40px 53px 65px;
    /*background-color: #bd8059;*/
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
}

.sec12-flat-table-title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: #1a1a33
}

.sec12-flat-table-num-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 56px;
    gap: 56px;
    margin-top: 30px
}

.sec12-flat-table-num-wrap>div:last-child {
    display: none
}

.sec12-flat-table-num-text {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #632129
}

.sec12-flat-table-num {
   font-family: "Sofia Sans", sans-serif;
    font-size: 85px;
    line-height: 75%;
    margin-top: 15px
}

.sec12-flat-table-num,.sec12-flat-table-num span {
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #1a1a33
}

.sec12-flat-table-num span {
    
    font-size: 20px;
    line-height: 140%
}

.sec12-flat-table-num span:first-child {
    margin-right: 6px
}

.slider-flat2 {
    width: 688px;
    height: 795px;
    margin: 0 40px 0 0
}

.flat-img {
    width: 694px;
    height: 795px;
    left: calc(50% - 273.5px);
    background: #fff;
    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;
    padding: 95px
}

.flat-img img {
    max-width: 100%;
    max-height: 100%
}

.sec13-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 100px;
    gap: 100px
}

.swiper,.swiper * {
    outline: none
}

.swiper-slide.none {
    display: none
}

.sec5_content {
    width: 696px;
    position: relative
}

.loc_tabs,.sec5_content {
    margin-left: auto;
    z-index: 2
}

.loc_tabs {
    margin-top: 100px;
    width: 100%
}

.loc_tab,.loc_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.loc_tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    height: 68px;
    border: 3px solid transparent;
    border-bottom-color: #1a1a33;
    border-left: 0;
    border-right: 0;
    cursor: pointer;
    -webkit-transition: border-color .5s,color .5s;
    transition: border-color .5s,color .5s;
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #bd8059
}

.loc_tab:after,.loc_tab:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
    bottom: -3px;
    width: 3px;
    background-color: #1a1a33;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.loc_tab:after {
    left: auto;
    right: 0
}

.loc_tab.active {
    border-bottom-color: transparent;
    border-top-color: #1a1a33;
    color: #1a1a33;
    pointer-events: none
}

.loc_tab.active:after,.loc_tab.active:before {
    opacity: 1
}

.loc_tabs__content {
    padding: 80px 37px 0 45px
}

.flats-navi-counter {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: .75;
    letter-spacing: .2em;
    color: #1a1a33;
    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;
    margin-right: -5px
}

.flats-navi-counter>span {
    min-width: 50px
}

.flats-navi-counter>span:first-child {
    text-align: right
}

.sale_block {
    min-width: 400px;
    width: 400px;
    height: 795px;
    background: #1a1a33;
    position: relative;
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%)
}

.sale_block .slider-navi .swiper-progress,.sale_block .slider-navi .swiper-progress-anim.anim,.sale_block .swiper-progress-anim.animStart {
    /*background-color: #bd8059*/
    background: var(--gold);
}

.sale_block .slider-navi.navigate-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 50px;
    left: 50%;
    width: 158px;
    margin-left: -79px
}

.sale_block .slider-navi .arrow-next {
    background-image: url(../img/flat-r_v2.svg)
}

.sale_block .slider-navi .arrow-prev {
    background-image: url(../img/flat-l_v2.svg)
}

.slider-navi.navigate-wrap.none {
    display: none
}

.sale_item {
    overflow: hidden;
    padding: 75px 50px 120px
}

.sale_item__name {
    height: 325px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 68px;
    line-height: .75;
    color: #bd8059
}

.sale_item__name span {
    font-size: 181px
}

.sale_item__text {
    margin-top: 35px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .02em;
    color: #cfc7bf
}

.sale_item__title {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #cfc7bf;
    margin-bottom: 25px
}

.s_din {
    /*background: #1a1a33;*/
    position: relative;
    background: var(--main-gradient);
}

.s_din .box {
    position: relative;
    z-index: 5;
    padding-top: 200px;
    padding-bottom: 200px
}

.din_lines {
    height: 300px;
    width: 120vw;
    position: absolute;
    bottom: 0;
    background-size: contain;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .1;
    background-image: url(../img/din_lines_big.svg)
}

.s_din__title {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: .8;
    color: #cfc7bf;
    overflow: hidden
}

.s_din__title div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.s_din__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 22.70833vw;
    margin-top: 4.94792vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s_din__preview {
    position: absolute;
    width: 36.14583vw;
    max-width: 640px;
    height: 22.70833vw;
    pointer-events: none;
    overflow: hidden;
    background-color: #1a1a33;
    z-index: -1
}

.s_din__preview .swiper-slide img {
    opacity: .5
}

.s_din__preview-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.s_din__preview-wrap img {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.s_din__years {
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    width: 100%
}

.s_din__year,.s_din__years {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s_din__year:after {
    content: "";
    display: inline-block;
    margin-left: 1.82292vw;
    margin-right: 1.82292vw;
    margin-top: .625vw;
    width: 4.16667vw;
    height: 1px;
    background-color: #e8e8e6;
    opacity: .3
}

.s_din__year:last-of-type {
    padding-right: unset
}

.s_din__year:last-of-type:after {
    content: unset
}

.s_din__year--active .s_din__year-btn {
    -webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
    color: #cfc7bf;
    pointer-events: none
}

.s_din__year--active .s_din__year-popup-btn {
    scale: 1;
    opacity: 1;
    pointer-events: all
}

.s_din__year-popup-btn {
    position: absolute;
    top: calc(100% + 58px);
    scale: 0;
    translate: -30%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-property: opacity,scale;
    transition-property: opacity,scale
}

.s_din__year-popup-btn,.s_din__year-popup-btn.-disable {
    opacity: 0;
    pointer-events: none
}

.s_din__year-btn {
    font-size: 4.16667vw;
    line-height: 3.125vw;
   font-family: "Sofia Sans", sans-serif;
    padding: 0;
    color: rgba(207,199,191,.5);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-property: color,-webkit-transform;
    transition-property: color,-webkit-transform;
    transition-property: color,transform;
    transition-property: color,transform,-webkit-transform;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    cursor: pointer
}

.s_din__year-btn:hover {
    color: #cfc7bf
}

.s_about {
    /*background: #632129;*/
    padding: 200px 0 242px;
    overflow: hidden;
    background: #e4e4e4;
}

.s_about .box_about_top {
    padding-left: 207px
}

.s_about__title {
   font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 128px;
    line-height: .8;
    color: #cfc7bf;
    text-transform: uppercase;
    max-width: 994px;
    margin-left: auto;
    overflow: hidden
}

.s_about__title div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.s_about__text {
    width: 994px;
    margin-left: auto
}

.s_about__text_out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 150px
}

.s_about__logo {
    margin-left: 19px;
    min-width: 395px
}

.s_about__logo img {
    width: 395px;
    display: block
}

.s_about__text__in {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #cfc7bf;
    max-width: 547px
}

.s_about_info {
    width: 449px;
    background: #bd8059;
    padding: 100px 50px;
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

.s_about_info__t {
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #1a1a33
}

.s_about_info__v {
   font-family: "Sofia Sans", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 75%;
    color: #1a1a33;
    margin-top: 83px
}

.s_about_info__v span {
    font-size: 128px
}

.s_about_info__c {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #1a1a33;
    margin-top: 50px
}

.s_about_slogon {
    max-width: 1427px;
    margin-left: auto;
    background: #cfc7bf;
    padding: 182px 100px 182px 440px;
    margin-top: -300px;
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #1a1a33;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%)
}

.s_about_slogon>div {
    max-width: 647px
}

.s_about_slider {
    margin-top: 150px;
    padding-right: 70px
}

.s_about_slider .swiper {
    overflow: visible
}

.s_about_slider .swiper-slide:first-child,.s_about_slider .swiper-slide:nth-child(2) {
    display: none
}

.s_about_slider .navigate-wrap {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 150px
}

.s_about_item {
    position: relative;
    width: 800px
}

.s_about_item__t {
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #a66e61
}

.s_about_item__img {
    overflow: hidden;
    height: 600px;
    margin-top: 40px
}

.s_about_item__img>div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.s_about_item__link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    display: none
}

@-webkit-keyframes slidein {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slidein {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.s_contacts {
    background: #cfc7bf;
    position: relative;
    height: 1221px;
    overflow: hidden
}

.s_contacts .box {
    position: relative;
    z-index: 2;
    padding-top: 200px;
    height: 100%;
    pointer-events: none
}

.s_contacts .box * {
    pointer-events: auto
}

.s_contacts .box:before {
    content: "";
    display: block;
    position: absolute;
    left: -50vw;
    top: 0;
    bottom: 0;
    width: calc(50vw + 815px);
    pointer-events: auto;
    z-index: 0;
    background: #cfc7bf
}

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

.s_contacts__title {
   font-family: "Sofia Sans", sans-serif;
    font-weight: 400;
    font-size: 128px;
    line-height: .8;
    color: #1a1a33;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.s_contacts__title div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.s_contacts__buts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 29px;
    gap: 29px;
    position: relative;
    z-index: 2
}

.s_contacts__buts .btn {
    width: 366px;
    max-width: 100%;
    padding: 0 20px;
    color: #1a1a33;
    border-color: #1a1a33;
    background: rgba(207,199,191,.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.s_contacts__buts .btn:last-child {
    display: none
}

.s_contacts__buts .btn:before {
    background-color: #1a1a33
}

.s_contacts__buts .btn.-dark {
    color: #bd8059
}

.s_contacts__buts .btn.-dark:before {
    background: #1a1a33;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.s_contacts__info {
    margin: 155px 0 0 220px;
    background: #1a1a33;
    padding: 104px 130px 97px;
    width: 768px;
    font-size: 20px;
    line-height: 1.5;
    color: #cfc7bf;
    position: relative;
    z-index: 2;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%)
}

.s_contacts__info p {
    margin-top: 5px
}

.s_contacts__info p:first-child {
    margin-top: 0;
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase
}

.s_contacts__info .btn {
    margin-top: 50px;
    color: #a66e61;
    width: 346px;
    padding: 0 20px;
    border-color: #a66e61
}

.s_contacts__phone {
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
    color: #a66e61;
    white-space: nowrap;
    margin-top: 50px;
    display: table
}

.s_contacts__phone span {
    border-bottom: 1px solid transparent;
    background-image: var(--gold);
    background-clip: text;
    color: transparent;
}

.map {
    position: absolute;
    top: 0;
    left: 0;
    right: -820px;
    bottom: 0;
    background: #cfc7bf
}

.map [class$=ground-pane] {
    background: #cfc7bf;
    -webkit-filter: grayscale(1) brightness(1);
    filter: grayscale(1) brightness(1)
}

footer {
    background: var(--main-gradient);
    padding: 100px 0 50px
}

.f_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f_top .logo {
    cursor: pointer
}

.f_top .logo img {
    width: 291px
}

.f_top .h_tel {
    height: 52px
}

.f_top .h_graffic {
    margin-top: 0
}

.f_socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 25px;
    gap: 25px;
    margin-top: 40px
}

.f_socials a {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.f_socials .-vk {
    width: 31px;
    height: 18px;
    background-image: url(../img/vk.svg)
}

.f_socials .-tg {
    width: 25px;
    height: 24px;
    background-image: url(../img/tg.svg)
}

.f_socials .-yt {
    width: 25px;
    height: 18px;
    background-image: url(../img/yt.svg)
}

.f_middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 22px;
    gap: 22px;
    margin-top: 68px;
    font-size: 16px;
    line-height: 1.2;
    color: #cfc7bf
}

.f_middle>div {
    max-width: 626px
}

.f_bottom a,.f_middle a {
    color: #bd8059;
    border-bottom: 1px solid rgba(189,128,89,.5)
}

.f_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    gap: 30px;
    font-size: 16px;
    line-height: 1.2;
    color: #cfc7bf;
    margin-top: 24px
}

.f_bottom>div:first-child {
    max-width: 871px
}

.f_bottom>div:last-child {
    max-width: 441px
}

.popup__in {
    padding: 150px 100px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%
}

.popup {
    padding: 0
}

.popup,.popup .fancybox-close-small {
    display: none
}

.popup.p_request {
    width: 1426px;
    max-width: 90vw;
    height: 856px;
    background: #cfc7bf
}

.popup .btn {
    margin-top: 50px;
    border-color: #1a1a33;
    color: #1a1a33;
    padding: 0 20px;
    width: 280px
}

.popup .btn:before {
    background-color: #1a1a33
}

.popup .form-error-message+.form__button .btn {
    margin-top: 20px
}

.popup__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.popup__flex>div {
    width: 100%
}

.popup__flex>div .popup__img {
    width: 684px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%
}

.popup__flex .popup__in {
    padding: 150px 146px 100px 100px
}

.popup__flex .form,.popup__title {
    margin-top: 30px
}

.popup__title {
   font-family: "Sofia Sans", sans-serif;
    font-size: 64px;
    line-height: 1.2;
    color: #1a1a33
}

.popup__title>div {
    
    font-size: 18px;
    line-height: 1.4;
    margin-top: 50px
}

.popup_close {
    position: absolute;
    right: 30px;
    top: 30px;
    background: url(../img/close.svg) 50% no-repeat;
    background-size: contain;
    width: 107px;
    height: 107px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.form__block {
    margin-top: 23px;
     font-family: "Sofia Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #1a1a33
}

.form__block:first-child {
    margin-top: 0
}

.form__block label {
    display: block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.form__block input {
     font-family: "Sofia Sans", sans-serif;
    line-height: 1.2;
    border: none;
    display: block;
    text-transform: uppercase;
    font-size: 19px;
    padding-bottom: 13px;
    margin-top: 30px
}

.form__block .form__input {
    border-bottom: 1px solid #1a1a33;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.form__block .form__input.error {
    border-color: #8c1d2b
}

.form__block .form__input.error label {
    color: #8c1d2b
}

.form__block input::-webkit-input-placeholder {
    color: rgba(26,26,51,.3)
}

.form__block input::-moz-placeholder {
    color: rgba(26,26,51,.3)
}

.form__block input:-ms-input-placeholder {
    color: rgba(26,26,51,.3)
}

.form__block input::-ms-input-placeholder {
    color: rgba(26,26,51,.3)
}

.form__block input::placeholder {
    color: rgba(26,26,51,.3)
}

.form__text {
    font-size: 12px;
    line-height: 1.4;
    color: #1a1a33;
    max-width: 340px;
    margin-top: 30px
}

.form__text a {
    text-decoration: underline
}

.form-error-message {
    padding-top: 30px;
    color: #8c1d2b
}

.calc {
    padding: 200px 0;
    background: #cfc7bf;
    margin-top: -1px
}

.calc table {
    width: 100%;
    border-collapse: collapse;
    color: #1a1a33;
    text-transform: uppercase;
    margin-bottom: 50px
}

.calc table thead td {
    font-size: 16px;
    padding-bottom: 16px;
    padding-left: 27px;
    padding-right: 27px
}

.calc table tbody td,.calc table thead td {
    text-align: center;
    line-height: 1.4;
    border-bottom: 1px solid #632129
}

.calc table tbody td {
    padding: 33px 27px;
    font-size: 24px;
    vertical-align: middle
}

.calc table tbody td>span {
    text-transform: none;
    font-size: .83333vw;
    line-height: 1.14583vw
}

.calc table tbody td:first-child {
    text-align: left
}

.calc table tbody td img {
    max-width: 36px
}

.calc__title {
   font-family: "Sofia Sans", sans-serif;
    color: #1a1a33;
    margin-bottom: 150px;
    font-size: 128px;
    line-height: 80%;
    text-transform: uppercase;
    overflow: hidden
}

.calc__title div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.calc__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calc__in>div:first-child {
    width: 27%
}

.calc__in>div:last-child {
    width: 67%
}

.calc__in-first {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px 50px;
    background: #632129
}

.calc__label {
     font-family: "Sofia Sans", sans-serif;
    text-transform: uppercase
}

.calc__label,.calc__value {
    color: #cfc7bf;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.4
}

.calc__slider {
    position: relative;
    width: 100%;
    height: 20px;
    z-index: 2
}

.ui-slider-handle {
    background: #cfc7bf;
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    outline: none;
    top: 0;
    margin-left: -10px
}

.ui-slider-handle:after {
    content: "";
    display: block;
    width: 30vw;
    height: 3px;
    right: 100%;
    position: absolute;
    background: #cfc7bf;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.calc__slider-wrap {
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    margin-bottom: 50px
}

.calc__slider-wrap:after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3px;
    opacity: .4;
    background: #cfc7bf;
    z-index: 1
}

.rub {
    font-family: rublregular,sans-serif!important;
    color: inherit!important;
    font-style: normal
}

.rub:after {
    content: "а"
}

.ui-selectmenu-menu {
    position: absolute;
    z-index: 10;
    display: none;
    background: #cfc7bf;
    color: #632129;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 18.75vw;
    z-index: 1000
}

.ui-selectmenu-menu.progress-select {
    width: 10.15625vw
}

.ui-selectmenu-menu ul {
    width: 100%!important;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: #632129 #a48483
}

.ui-selectmenu-menu ul::-webkit-scrollbar {
    width: 3px
}

.ui-selectmenu-menu ul::-webkit-scrollbar-track {
    background: #a48483
}

.ui-selectmenu-menu ul::-webkit-scrollbar-thumb {
    background-color: #632129;
    border-radius: 3px;
    border: 0 solid #fff
}

.ui-selectmenu-menu div {
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
     font-family: "Sofia Sans", sans-serif;
    font-size: 18px
}

.ui-selectmenu-menu div.ui-state-active {
    background: #fcf6f0
}

.ui-selectmenu-menu.ui-selectmenu-open {
    display: block
}

.calc__select {
    margin-bottom: 50px
}

.calc__select:last-child {
    margin-bottom: 0
}

.ui-selectmenu-button {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 27px 0;
    border-bottom: 1px solid #cfc7bf;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ui-selectmenu-button .ui-selectmenu-icon {
    display: block;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 29px;
    height: 19px;
    background: url(../img/select.svg) 50% 50% no-repeat;
    background-size: contain
}

.ui-selectmenu-button .ui-selectmenu-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 20px;
    color: #cfc7bf;
     font-family: "Sofia Sans", sans-serif;
    text-transform: uppercase;
    padding: 0 10px
}

.ui-selectmenu-button.progress-select-button {
    border-bottom: 1px solid #bd8059
}

.ui-selectmenu-button .progress-select-icon {
    background: url(../img/select_din.svg) 50% 50% no-repeat
}

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

.calc__btn.hide {
    display: none
}

.anim-title {
    padding-bottom: 5px
}

.anim-title div,.anim-title span {
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s,-webkit-transform .9s;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%)
}

.anim-title.active div,.anim-title.active span {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-image: var(--gold);
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
}

.popup-images {
    background: #1a1a33;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.popup-images.active {
    -webkit-transition: opacity .6s,visibility .6s,-webkit-transform .6s;
    transition: opacity .6s,visibility .6s,-webkit-transform .6s;
    transition: opacity .6s,visibility .6s,transform .6s;
    transition: opacity .6s,visibility .6s,transform .6s,-webkit-transform .6s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup-images[data-type=progress] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4.42708vw 5.52083vw
}

.popup-images[data-type=progress] .popup-images__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline
}

.popup-images[data-type=progress] .popup-images__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: auto;
    margin-right: auto
}

.popup-images[data-type=progress] .popup-images__nav {
    position: absolute
}

.popup-images[data-type=progress] .popup-images__close {
    right: 0;
    bottom: 1.4vh
}

.popup-images[data-type=progress] .popup-images__arrows {
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-images[data-type=progress] .popup-images__slide {
    height: 100%;
    width: 100%;
    max-width: unset;
    max-height: unset;
    padding: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.popup-images[data-type=progress] .popup-images__slide>div {
    background-size: contain
}

.popup-images[data-type=progress] .swiper {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 1.25vw -5.52083vw 2.60417vw;
    padding-left: 5.52083vw;
    padding-right: 5.52083vw
}

.popup-images[data-type=gallery] .swiper {
    position: absolute;
    top: 14.67vh;
    top: calc(var(--vh, 1vh)*14.67);
    left: 0;
    width: 100%
}

.popup-images[data-type=gallery] .popup-images__close {
    right: 5.2vw;
    top: 8vh
}

.popup-images[data-type=gallery] .swiper-slide {
    width: auto
}

.popup-images[data-type=gallery] .popup-images__title {
    width: 100%;
    pointer-events: none
}

.popup-images[data-type=gallery] .popup-images__nav,.popup-images[data-type=gallery] .popup-images__title {
    left: 0;
    position: absolute;
    top: 6.2vh;
    top: calc(var(--vh, 1vh)*6.2)
}

.popup-images[data-type=gallery] .popup-images__nav {
    left: 5.2vw
}

.popup-images[data-type=gallery] .popup-images__arrows {
    position: absolute;
    bottom: 7.95vh;
    bottom: calc(var(--vh, 1vh)*7.95);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popup-images[data-type=gallery] .popup-images__pagination {
    position: absolute;
    bottom: 8.83vh;
    bottom: calc(var(--vh, 1vh)*8.83);
    left: 6.73vw
}

.popup-images[data-type=adv] .swiper-outer {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0
}

.popup-images[data-type=adv] .slick-inner {
    position: absolute;
    top: 14.6vh;
    left: 5vw;
    width: 51.4vw;
    height: 65.3vh
}

.popup-images[data-type=adv] .popup-images__close {
    right: 5.2vw;
    top: 14.6vh
}

.popup-images[data-type=adv] .popup-images__title {
    margin-bottom: 3.64vh
}

.popup-images[data-type=adv] .popup-images__arrows {
    position: absolute;
    bottom: 13.72vh;
    left: 66.25vw
}

.popup-images[data-type=media] .popup-images__close {
    right: 5.2vw;
    top: 5.5vh
}

.popup-images .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: .62vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    right: -.62vw;
    margin-top: 4.16vh
}

.popup-images .slick-dots li {
    min-width: .62vw;
    min-height: .62vw;
    width: .62vw;
    height: .62vw;
    margin: 0 .6vw!important;
    opacity: 1;
    background: none;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.popup-images .slick-dots li button {
    display: none
}

.popup-images .slick-dots li:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
    border: 1px solid #cfc7bf;
    -webkit-transition: background .3s,opacity .3s,border-color .3s;
    transition: background .3s,opacity .3s,border-color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0
}

.popup-images .slick-dots li.slick-active:after {
    background: var(--gold);
    /*border-color: #a66e61;*/
    border-image: var(--gold);
    opacity: 1
}

.popup-image__media {
    width: 78.5vw;
    position: absolute;
    top: 12.11vh;
    bottom: 5.8vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover
}

.popup-image__media video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    z-index: 2
}

.popup-image__media iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.popup-image__media.-broadcast:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
    background: url(../img/spinner.gif) 50% no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px
}

.popup-image__media-btn {
    position: absolute;
    width: 7.3vh;
    height: 7.3vh;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
    cursor: pointer;
    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
}

.popup-image__media-btn svg {
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    display: block
}

.popup-image__media-title {
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 3.64vh;
    width: 100%;
    color: #cfc7bf;
    font-size: 4.67vh;
    line-height: 1.5;
    font-family: Bad Russian
}

.popup-images__adv-block {
    position: absolute;
    width: 33vw;
    right: 6.7vw;
    bottom: 20vh
}

.popup-images__adv-block .popup-images__title {
    text-align: left
}

.popup-images__adv-outer-slide {
    width: 100vw;
    height: 100vh;
    position: relative
}

.popup-images__adv-inner-slide {
    width: 51.4vw;
    height: 65.3vh;
    position: relative;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.popup-images__dsc {
    font-size: 18px;
    font-size: 16px;
    line-height: 1.4;
    color: #cfc7bf
}

.popup-images__close {
    position: absolute;
    width: 4vh;
    height: 4vh;
    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;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.popup-images__close svg {
    width: 100%;
    height: auto
}

.popup-images__title {
    color: #cfc7bf;
    font-size: 4.67vh;
    line-height: 1.5;
    text-align: center;
   font-family: "Sofia Sans", sans-serif;
    text-transform: uppercase
}

.popup-images__title br {
    display: none
}

.popup-images__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 1.66667vw;
    -webkit-column-gap: 1.66667vw;
    -moz-column-gap: 1.66667vw;
    column-gap: 1.66667vw
}

.popup-images__select {
    width: 10.15625vw
}

.popup-images__slide {
    max-width: 89vw;
    max-height: 69.4vh;
    max-height: calc(var(--vh, 1vh)*69.4);
    width: calc(951px + 2.86vw);
    height: 951px;
    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;
    padding: 0 1.43vw;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.popup-images__slide div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%
}

.swiper-slide-active .popup-images__slide {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.popup-images__arrows {
   font-family: "Sofia Sans", sans-serif;
    color: #cfc7bf;
    font-size: 3.5vh;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .2em;
    z-index: 3
}

.popup-images__arrows span {
    width: 14vh;
    text-align: center
}

.popup-images__arrows div {
    width: auto;
    height: 3vh;
    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;
    cursor: pointer;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.popup-images__arrows div.swiper-button-disabled {
    opacity: .3;
    pointer-events: none
}

.popup-images__arrows div svg {
    height: 100%;
    width: auto;
    display: block
}

.popup-images__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-.6vw);
    -ms-transform: translateX(-.6vw);
    transform: translateX(-.6vw);
    z-index: 2
}

.popup-images__pagination .swiper-pagination-bullet {
    width: .62vw;
    height: .62vw;
    border-radius: 0;
    margin: 0 .6vw!important;
    opacity: 1;
    background: none;
    display: block
}

.popup-images__pagination .swiper-pagination-bullet:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
    border: 1px solid #cfc7bf;
    -webkit-transition: background .3s,opacity .3s,border-color .3s;
    transition: background .3s,opacity .3s,border-color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup-images__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background: #a66e61;
    border-color: #a66e61;
    opacity: 1
}

.cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(207,199,191,.9);
    padding: 16px 0 16px 140px;
    z-index: 100;
    color: #1a1a33;
    font-size: 16px;
    cursor: pointer;
    display: none
}

.cookie.active,.cookie svg {
    display: block
}

.cookie svg {
    position: absolute;
    width: auto;
    height: 20px;
    right: 40px;
    top: 50%;
    margin-top: -10px
}

.cookie a {
    text-decoration: underline
}

.cookie a:hover {
    text-decoration: none
}

.menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-position: 50% 50%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .9s,visibility .9s,-webkit-transform .9s;
    transition: opacity .9s,visibility .9s,-webkit-transform .9s;
    transition: transform .9s,opacity .9s,visibility .9s;
    transition: transform .9s,opacity .9s,visibility .9s,-webkit-transform .9s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.menu .btn {
    color: #a66e61;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.menu.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.menu .f_socials {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu__close {
    width: 82px;
    height: 82px;
    position: absolute;
    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;
    left: 5.88vw;
    top: 6vh;
    padding: 20px;
    margin: -20px 0 0 -20px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.menu__close svg {
    width: 100%;
    height: auto;
    display: block
}

.menu__in {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12.9vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu__list {
    color: #cfc7bf;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
}

.menu__list div {
    margin-bottom: 55px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer
}

.menu__list div:last-child {
    margin-bottom: 0
}

.menu__logo {
    display: block;
    width: 444px;
    height: auto;
    margin-bottom: 144px
}

.menu__phone {
    color: #a66e61;
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 17px;
    display: block;
    background-image: linear-gradient(to right, #ecbf79, #c7924c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.menu__addr {
    font-size: 10px;
    line-height: 1.4;
    color: #cfc7bf;
    text-transform: uppercase;
    margin-bottom: 47px
}

.swiper-button-disabled {
    opacity: .3;
    pointer-events: none
}

.vjs-control-bar,.vjs-control-text {
    opacity: 0
}

.phone-icon {
    display: none
}

.sec12-flat-adv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 30px
}

.sec12-flat-adv div {
    color: #1a1a33;
    text-transform: uppercase;
     font-family: "Sofia Sans", sans-serif;
    font-size: 10px;
    line-height: 1.5;
    padding: 10px 20px;
    border: 3px solid #a66e61;
    margin-right: 10px;
    margin-bottom: 10px
}

.popup-pano {
    background: #1a1a33;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.popup-pano.active {
    -webkit-transition: opacity .6s,visibility .6s,-webkit-transform .6s;
    transition: opacity .6s,visibility .6s,-webkit-transform .6s;
    transition: opacity .6s,visibility .6s,transform .6s;
    transition: opacity .6s,visibility .6s,transform .6s,-webkit-transform .6s;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup-pano .popup-images__close {
    right: 0;
    top: 0;
    z-index: 444;
    background: #1a1a33;
    border: 2vw solid #1a1a33;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.popup-pano .popup-images__close path {
    fill: #fff
}

#popup-pano {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

#popup-pano,#popup-pano iframe {
    width: 100%;
    height: 100%
}

#popup-pano * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.form__checkbox {
    margin-top: 1.5625vw
}

.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 1.5625vw;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60%
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.0416666667vw;
    width: 1.0416666667vw;
    border: .1041666667vw solid #000;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    display: block
}

.checkbox input:checked~.checkmark {
    background: url(../img/checkbox.svg) 50% no-repeat;
    background-size: .625vw
}

.checkbox:hover {
    cursor: pointer
}

.checkbox:hover .checkmark {
    border-color: #444
}

.checkbox__text {
    font-size: .625vw;
    line-height: 1.4
}

.checkbox__text a {
    text-decoration: underline
}

.checkbox__text a:hover {
    text-decoration: none
}

.lot {
    background-color: #cfc7bf;
    padding-top: 200px;
    width: 100vw;
    overflow: hidden
}

.lot__title {
   font-family: "Sofia Sans", sans-serif;
    color: #1a1a33;
    margin-bottom: 88px;
    font-size: 128px;
    line-height: 80%;
    text-transform: uppercase;
    overflow: hidden
}

.lot__body {
    display: grid;
    grid-template-columns: 891px 1fr;
    grid-gap: 77px;
    gap: 77px;
    position: relative;
    margin-bottom: 115px
}

.lot__plan {
    background: #fff;
    padding: 2.08333vw;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.lot__plan img {
    width: 100%;
    height: 658px;
    -o-object-fit: contain;
    object-fit: contain
}

.lot__btn {
    background: #632129;
    border: none
}

.lot__tabs {
    margin-bottom: 32px
}

.lot__tab,.lot__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lot__tab {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 161px;
    height: 56px;
    border: 2px solid #a66e61;
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #1a1a33;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff
}

.lot__tab:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.lot__tab._active {
    background: #1a1a33;
    color: #cfc7bf;
    border: none
}

.lot__tab._active:hover {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.lot__wrapper {
    overflow: clip;
    bottom: -200px
}

.lot__image img,.lot__wrapper {
    min-width: 955px;
    height: 678px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0
}

.lot__image img {
    bottom: 0
}

.lot__subtitle {
    max-width: 646px;
     font-family: "Sofia Sans", sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 150%;
    text-transform: uppercase;
    color: #632129;
    margin-bottom: 40px
}

.lot__subtitle._mobile {
    display: none
}

.lot__text {
    max-width: 646px;
    
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #1a1a33
}

.lot__text._mobile {
    display: none
}

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

.hover .h_graffic a:hover span {
    border-color: transparent
}

.hover .h_tel a:hover {
    border-color: rgba(166,110,97,.7)
}

.hover .sl_arr:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.hover .button-top:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.hover .sec2__videoWrap:hover .sec2__play {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .btn:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.hover .btn:hover.-din {
    color: #1a1a33
}

.hover .btn:hover.-dark {
    color: #cfc7bf
}

.hover .btn:hover.-fill {
    color: #fff
}

.hover .sec7 .arrow-next:hover,.hover .sec7 .arrow-prev:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .sec-8-cont-item:hover .sec-8-cont-item-ico {
    -webkit-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    transform: translateX(-35px)
}

.hover .loc_tab:hover {
    color: #1a1a33
}

.hover .sec12-tabs>div:not(.active):hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.hover .sec12-flat-wrap .btn:hover {
    color: #632129
}

.hover .slider-navi .arrow-next:hover,.hover .slider-navi .arrow-prev:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .s_din__tab:hover {
    color: #a66e61
}

.hover .s_din__select__list li:hover {
    background-color: rgba(166,110,97,.5)
}

.hover .s_din__item:hover i {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px)
}

.hover .s_contacts__buts .btn:hover {
    color: #bd8059
}

.hover .s_contacts__buts .btn.-dark:hover {
    color: #1a1a33
}

.hover .s_contacts__buts .btn.-dark:hover:before {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.hover .s_contacts__phone:hover span {
    border-color: rgba(166,110,97,.7)
}

.hover .s_contacts__info .btn:hover {
    color: #cfc7bf
}

.hover .f_socials a:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .f_bottom a:hover,.hover .f_middle a:hover {
    border-color: transparent
}

.hover .popup_close:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.hover .popup .btn:hover {
    color: #cfc7bf
}

.hover .sec-10-left-item:hover .sec10-item-title-wrap {
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%)
}

.hover .sec-10-left-item:hover .sec-10-left-item-bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .sec-10-left-item:hover .sec10-item-title-hidden div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.hover .popup-images__close:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .popup-image__media-btn:hover svg {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.hover .menu__close:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hover .menu__list div:hover,.hover .menu__phone:hover {
    opacity: .5
}

.hover .menu .btn:hover {
    color: #fff
}

.hover .menu .btn:hover span{
    color: #fff
}

.hover .m_burger:hover {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.hover .popup-images__arrows div:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.none {
    display: none
}

@media only screen and (max-width: 1920px)and (min-width:1001px) {
    html {
        min-width:16.66667vw
    }

    .box {
        max-width: 100vw;
        padding: 0 5.20833vw
    }

    header {
        -webkit-transform: translateY(-2.60417vw);
        -ms-transform: translateY(-2.60417vw);
        transform: translateY(-2.60417vw);
        top: 4.27083vw
    }

    header .box:after {
        top: -5.20833vw;
        bottom: -4.27083vw
    }

    .m_burger {
        width: 2.65625vw;
        height: 2.60417vw;
        margin-right: 4.94792vw
    }

    .logo img {
        width: 17vw;
    }

    .h_tel {
        font-size: 1.25vw
    }

    .h_graffic {
        grid-gap: 2.44792vw;
        gap: 2.44792vw;
        margin-top: .78125vw;
        font-size: .52083vw
    }

    .s_top {
        height: calc(100vh + 10.88542vw);
        min-height: 49.47917vw;
        margin-bottom: -2.86458vw
    }

    .s_top .slider-top {
        width: 33.07292vw;
        height: 22.60417vw;
        margin-bottom: -5.46875vw
    }

    .s_top .slider-top .big-i {
        font-size: 23.85417vw;
        left: 2.8125vw;
        -webkit-transform: translateY(2.60417vw);
        -ms-transform: translateY(2.60417vw);
        transform: translateY(2.60417vw);
        padding-bottom: 2.86458vw
    }

    .s_top .slider-top .main-text {
        font-size: 1.28958vw;
        padding-left: 2.60417vw;
        margin-bottom: .625vw;
        max-width: 17.70833vw;
        min-height: 4.21875vw;
        -webkit-transform: translateX(-1.04167vw);
        -ms-transform: translateX(-1.04167vw);
        transform: translateX(-1.04167vw)
    }

    .s_top .slider-top .sub-text {
        font-size: 1.02917vw;
        padding: 0 2.08333vw 0 10.20833vw;
        min-height: 3.28125vw;
        -webkit-transform: translateX(1.04167vw);
        -ms-transform: translateX(1.04167vw);
        transform: translateX(1.04167vw)
    }

    .s_top .box.s_top__content {
        height: calc(100% - 10.88542vw);
        padding: 0 4.6875vw 0 2.70833vw
    }

    .s_top h1 {
        font-size: 10.15625vw
    }

    .s_top h1>span span svg {
        width: 2.1875vw;
        height: 1.51042vw;
        margin-left: -2.60417vw
    }

    .s_top h1>span:nth-child(2) {
        padding-top: 2.60417vw;
        margin-top: -2.60417vw
    }

    .s_top .h1_out {
        padding-bottom: 2.08333vw
    }

    .s_top .h1_sub {
        font-size: .98958vw;
        width: 14.58333vw;
        bottom: 3.33333vw;
        -webkit-transform: translateX(1.5625vw);
        -ms-transform: translateX(1.5625vw);
        transform: translateX(1.5625vw)
    }

    .slider-top__back {
        height: 11.71875vw
    }

    .sl_arrs {
        right: 1.5625vw;
        top: 7.03125vw;
        height: 1.04167vw;
        grid-gap: .52083vw;
        gap: .52083vw;
        -webkit-transform: scale(.5) translateX(-2.08333vw);
        -ms-transform: scale(.5) translateX(-2.08333vw);
        transform: scale(.5) translateX(-2.08333vw)
    }

    .sl_arr {
        min-width: .72917vw
    }

    .sl_arr__sep {
        width: 2.60417vw
    }

    .slider-top__item {
        padding: 7.03125vw 0 7.55208vw
    }

    .button-top {
        padding: 0 1.04167vw;
        height: 3.33333vw;
        width: 18.90625vw;
        font-size: .83333vw;
        margin-top: 1.5625vw;
        -webkit-transform: translateY(1.5625vw);
        -ms-transform: translateY(1.5625vw);
        transform: translateY(1.5625vw)
    }

    .s_top__img {
        bottom: 10.88542vw;
        /*width: 62.08333vw;*/
        width: 100%;
        min-height: 44.27083vw
    }

    .s_top__item .-img {
        bottom: -2.60417vw
    }

    .s_top__item.active .s_top__img .-img {
        -webkit-transform: translateY(-2.60417vw);
        -ms-transform: translateY(-2.60417vw);
        transform: translateY(-2.60417vw)
    }

    .s_top__item.active .s_top__img_shad .-img {
        -webkit-transform: translateY(2.60417vw);
        -ms-transform: translateY(2.60417vw);
        transform: translateY(2.60417vw)
    }

    .s_top__item.anim_horiz .s_top__img .-img {
        right: -2.60417vw
    }

    .s_top__item.anim_horiz .s_top__img_shad .-img {
        left: -2.60417vw
    }

    .s_top__item.anim_horiz.active .s_top__img .-img {
        -webkit-transform: translateX(-2.60417vw);
        -ms-transform: translateX(-2.60417vw);
        transform: translateX(-2.60417vw)
    }

    .s_top__item.anim_horiz.active .s_top__img_shad .-img {
        -webkit-transform: translateX(2.60417vw);
        -ms-transform: translateX(2.60417vw);
        transform: translateX(2.60417vw)
    }

    .s_top__img_shad {
        left: 8.125vw;
        width: 102.44792vw
    }

    .s_top__img_shad .-img {
        top: -2.60417vw
    }

    .sec2__title {
        font-size: 6.66667vw;
        margin-bottom: 1.04167vw;
        padding-bottom: 1.5625vw
    }

    .box-midl {
        padding-left: 12.55208vw
    }

    .sec2__subTitle.anim {
        grid-gap: 12.65625vw;
        gap: 12.65625vw
    }

    .sec2__subTitle {
        font-size: 1.66667vw;
        grid-gap: 1.04167vw;
        gap: 1.04167vw;
        margin-bottom: 10.41667vw
    }

    .sec2__wrap-flex {
        margin-bottom: -3.125vw;
        grid-gap: 2.60417vw;
        gap: 2.60417vw
    }

    .sec2_text {
        font-size: .9375vw;
        max-width: 22.91667vw
    }

    .sec2__videoWrap {
        min-width: 48.95833vw;
        height: 27.39583vw;
        left: 5.20833vw
    }

    .play-wrap {
        grid-gap: 1.09375vw;
        gap: 1.09375vw
    }

    .sec2__play {
        width: 5.90625vw;
        height: 5.90625vw
    }

    .sec__2-video-text {
        font-size: .72083vw
    }

    .sec3__img {
        height: 50.26042vw;
        margin-bottom: -7.8125vw
    }

    .sec__4-img {
        min-width: 41.35417vw;
        height: 55.05208vw
    }

    .box.box_sec_4 {
        padding-right: 11.5625vw
    }

    .sec__4 {
        margin-bottom: -10.9375vw;
        grid-gap: 2.60417vw;
        gap: 2.60417vw
    }

    .sec4__text {
        font-size: .98958vw;
        margin-top: 17.96875vw;
        max-width: 22.29167vw
    }

    .sec4__text .sec4__text__sub {
        font-size: .9375vw;
        margin-top: 2.60417vw;
        margin-bottom: 2.60417vw
    }

    .flex-right {
        margin-bottom: -16.92708vw
    }

    .se4__img2 {
        width: 75.05208vw
    }

    .se4__img2 img {
        height: 8.125vw
    }

    .sec4-wrap2 {
        grid-gap: 7.03125vw;
        gap: 7.03125vw;
        margin-left: 30.625vw;
        margin-bottom: 7.8125vw
    }

    .se4__img3 {
        width: 23.28125vw;
        height: 31.04167vw
    }

    .sec4-wrap2_text {
        font-size: .98958vw
    }

    .sec4-wrap-center {
        height: 16.77083vw;
        margin-bottom: 10.41667vw
    }

    .sec4-wrap-item>div:first-child {
        font-size: 6.66667vw;
        margin-bottom: 3.125vw
    }

    .sec4-wrap-item>div:first-child span {
        font-size: 2.08333vw
    }

    .sec4-wrap-item>div:last-child {
        font-size: .98958vw;
        top: calc(100% - 1.04167vw)
    }

    .btn-wrap {
        padding-bottom: 10.41667vw
    }

    .btn {
        font-size: .83333vw;
        padding: 0 3.90625vw;
        height: 3.33333vw
    }

    .sec5 {
        min-height: 64.73958vw;
        margin-bottom: 10.41667vw
    }

    .section3 {
        padding-bottom: 10.41667vw
    }

    .sec5-title {
        font-size: 6.66667vw;
        margin-bottom: 10.41667vw
    }

    .section3 {
        padding-top: 10.41667vw
    }

    .sec5-img {
        width: 100vw;
        height: 75.15625vw;
        top: -10.41667vw;
        left: -5.20833vw
    }

    .sec5-img .btn {
        left: 5.20833vw
    }

    .sec5-text {
        font-size: .98958vw;
        max-width: 25.83333vw
    }

    .sec5-text .sec5-text__sub {
        font-size: .9375vw;
        margin-top: 2.60417vw
    }

    .sec6 {
        margin-bottom: 8.33333vw;
        grid-gap: 13.4375vw;
        gap: 13.4375vw
    }

    .sec6-text-title {
        font-size: 1.66667vw;
        margin-bottom: 2.60417vw
    }

    .sec6-text-flex {
        grid-gap: 2.08333vw;
        gap: 2.08333vw
    }

    .sec6-text-flex>div .se6-item:first-child {
        margin-bottom: 3.90625vw
    }

    .sec6-text-flex-wrap {
        grid-gap: .52083vw;
        gap: .52083vw;
        margin-bottom: 2.60417vw
    }

    .sec6-text-flex-wrap>div:first-child {
        font-size: 5vw
    }

    .sec6-text-flex-wrap>div:last-child {
        font-size: .625vw;
        top: .41667vw
    }

    .se6-item {
        margin-bottom: 3.90625vw
    }

    .sec6-text-li ul {
        padding-left: 1.5625vw
    }

    .sec6-text-li ul li {
        font-size: 1.04167vw
    }

    .sec6-img {
        width: 33.64583vw;
        height: 49.89583vw
    }

    .sec7-img {
        width: 43.64583vw;
        height: 30vw
    }

    .map-grey {
        height: 13.02083vw
    }

    .sec-7-title {
        font-size: 1.66667vw;
        margin-bottom: 5.36458vw
    }

    .sec7 .slider-loc {
        width: 79.58333vw;
        height: 48.17708vw;
        margin-left: -5.20833vw
    }

    .sec7-wrap-center {
        margin-top: 7.8125vw;
        max-width: 74.27083vw
    }

    .sec7-wrap-center .sec4-wrap-item>div {
        top: auto
    }

    .sec7-wrap-center .sec4-wrap-item>div:first-child {
        margin-bottom: 2.08333vw
    }

    .sec7-desc {
        padding: 5.20833vw 2.60417vw;
        max-width: 23.4375vw
    }

    .slider-loc2 {
        right: -7.8125vw;
        top: 4.53125vw;
        width: 28.64583vw;
        height: 32.55208vw
    }

    .sec7-desc-title {
        font-size: .98958vw;
        margin-bottom: 2.60417vw
    }

    .sec7-desc-wrap {
        grid-gap: .52083vw;
        gap: .52083vw;
        margin-bottom: 2.60417vw
    }

    .sec7-desc-wrap>div:first-child {
        font-size: 5vw
    }

    .sec7-desc-wrap>div:last-child {
        font-size: .625vw
    }

    .sec7-desc-text {
        font-size: .9375vw
    }

    .sec7 .navi {
        bottom: 10.41667vw;
        width: 13.17708vw
    }

    .sec7 .arrow-next,.sec7 .arrow-prev {
        min-width: 1.51042vw;
        min-height: 2.1875vw;
        max-width: 1.51042vw;
        max-height: 2.1875vw;
        width: 1.51042vw;
        height: 2.1875vw
    }

    .sec7 .navi-counter {
        font-size: 2.5vw
    }

    .sec7 .swiper-progress-wrap {
        margin-top: 3.125vw
    }

    .sec7 .btn {
        max-width: 13.17708vw
    }

    .section4-title {
        padding-bottom: 7.8125vw;
        padding-top: 5.78125vw
    }

    .section4 {
        padding-bottom: 15.78125vw;
        padding-top: 5.20833vw
    }

    .sec_lines img {
        height: calc(.08125px*100vw)
    }

    .sec-8-title {
        font-size: 6.66667vw
    }

    .sec-8-wrap {
        width: calc(100% + 2.34375vw)
    }

    .sec-8-cont .swiper .swiper-slide:nth-child(2n) .sec-8-cont-item {
        top: 4.6875vw
    }

    .sec-8-cont-item {
        width: 30.57292vw;
        padding-right: 9.73958vw
    }

    .sec-8-cont-item-text {
        font-size: 1.25vw;
        margin-bottom: 2.08333vw
    }

    .sec-8-cont-item-img {
        height: 26.71875vw
    }

    .sec-8-cont-item-ico {
        width: 4.11458vw;
        height: 4.11458vw;
        top: 1.5625vw;
        right: -1.30208vw
    }

    .sec-8-cont-item-ico:before {
        width: 1.61458vw;
        height: 2.1875vw;
        margin-left: .26042vw
    }

    .sec8-bg {
        height: 38.33333vw
    }

    .section6 {
        padding-top: 10.41667vw;
        padding-bottom: 9.84375vw
    }

    .sec-10 {
        grid-gap: 2.23958vw;
        gap: 2.23958vw;
        margin-top: 2.23958vw
    }

    .sec-10:not(:first-child) .sec-10-left .sec-10-left-item {
        height: 41.92708vw
    }

    .sec10-title {
        font-size: 6.66667vw;
        margin-bottom: 4.84375vw
    }

    .sec10-item-title-hidden {
        font-size: 3.125vw
    }

    .sec10-item-title-wrap {
        padding-left: 2.60417vw;
        padding-top: 2.60417vw
    }

    .sec-10-left-item.item1 {
        width: 28.38542vw;
        height: 41.66667vw;
        margin-bottom: 2.08333vw
    }

    .sec-10-left-item.item2 {
        width: 28.38542vw;
        height: 32.34375vw
    }

    .sec-10-left-item.item3 {
        width: 58.85417vw;
        height: 28.64583vw
    }

    .sec-10-left-item.item4 {
        width: 28.38542vw;
        height: 31.77083vw
    }

    .sec-10-left-item.item5 {
        width: 20.67708vw;
        height: 21.35417vw
    }

    .sec-10-left-item.item6 {
        width: 35.88542vw;
        height: 21.35417vw
    }

    .sec10-item-title {
        font-size: 1.25vw;
        padding-bottom: 1.04167vw
    }

    .sec10-item-number {
        grid-gap: .52083vw;
        gap: .52083vw
    }

    .sec10-item-number>div:first-child {
        font-size: 5vw
    }

    .sec10-item-number>div:last-child {
        font-size: .625vw
    }

    .sec-10-right-line {
        grid-gap: 2.08333vw;
        gap: 2.08333vw
    }

    .sec-10-right {
        grid-row-gap: 2.08333vw;
        row-gap: 2.08333vw;
        width: 58.85417vw
    }

    .section7 {
        padding-top: 10.41667vw;
        padding-bottom: 7.8125vw
    }

    .sec11 .sec5-title {
        margin-left: 52.96875vw;
        margin-bottom: 7.39583vw
    }

    .sec11 .sec11-wrap {
        grid-gap: 10vw;
        gap: 10vw;
        margin-bottom: -26.30208vw
    }

    .sec11 .sec4-wrap-center,.sec11-img-1 {
        margin-left: 7.65625vw
    }

    .sec11-img-1 {
        min-width: 36.04167vw;
        height: 48.28125vw;
        margin-top: .78125vw
    }

    .sec11-text {
        font-size: .98958vw;
        max-width: 28.48958vw
    }

    .sec11-text .sec11-text__sub {
        font-size: .9375vw;
        margin-top: 2.60417vw
    }

    .sec11-text-2 {
        margin-left: 7.65625vw;
        font-size: .9375vw;
        width: 20.83333vw;
        min-width: 20.83333vw
    }

    .sec11-img-2 {
        min-width: 61.25vw;
        height: 39.16667vw;
        left: 5.20833vw
    }

    .sec12 {
        margin-top: 10.41667vw
    }

    .sec12-title {
        font-size: 1.86667vw
    }

    .sec12-tabs-wrap {
        margin-top: 5.20833vw
    }

    .sec12-tabs-text {
        font-size: 1.25vw
    }

    .sec12-tabs {
        margin-top: 2.60417vw
    }

    .sec12-tabs>div {
        width: 4.11458vw;
        height: 4.11458vw;
        font-size: 1.04167vw
    }

    .sec12-flat-wrap .btn {
        margin-top: 3.125vw
    }

    .sec12-flat-wrap .slider-flat1 {
        width: 32.34375vw;
        margin: 0 -2.08333vw 0 0
    }

    .slider-navi.navigate-wrap {
        width: 13.125vw
    }

    .slider-navi .swiper-progress {
        width: 3.125vw
    }

    .slider-navi .arrow-next,.slider-navi .arrow-prev {
        min-width: 1.51042vw;
        min-height: 2.1875vw;
        max-width: 1.51042vw;
        max-height: 2.1875vw;
        width: 1.51042vw;
        height: 2.1875vw
    }

    .slider-navi .swiper-progress-wrap {
        width: 3.125vw
    }

    .sec12-flat-table {
        padding: 3.54167vw 2.08333vw 2.76042vw 3.38542vw
    }

    .sec12-flat-table-title {
        font-size: 1.66667vw
    }

    .sec12-flat-table-num-wrap {
        grid-gap: 2.91667vw;
        gap: 2.91667vw;
        margin-top: 1.5625vw
    }

    .sec12-flat-table-num-text {
        font-size: .625vw
    }

    .sec12-flat-table-num {
        font-size: 4.42708vw;
        margin-top: .78125vw
    }

    .sec12-flat-table-num span {
        font-size: 1.04167vw
    }

    .sec12-flat-table-num span:first-child {
        margin-right: .3125vw
    }

    .slider-flat2 {
        width: 35.83333vw;
        height: 41.40625vw;
        margin: 0 2.08333vw 0 0
    }

    .flat-img {
        width: 36.14583vw;
        height: 41.40625vw;
        left: calc(50% - 14.27083vw);
        padding: 4.94792vw
    }

    .sec5_content {
        width: 38.25vw
    }

    .loc_tabs {
        margin-top: 5.20833vw
    }

    .loc_tab {
        height: 3.54167vw;
        font-size: .83333vw
    }

    .loc_tabs__content {
        padding: 4.16667vw 1.92708vw 0 2.34375vw
    }

    .flats-navi-counter {
        font-size: 2.5vw;
        margin-right: -.26042vw
    }

    .flats-navi-counter>span {
        min-width: 2.60417vw
    }

    .sale_block {
        min-width: 20.83333vw;
        width: 20.83333vw;
        height: 41.40625vw
    }

    .sale_block .slider-navi.navigate-wrap {
        bottom: 2.60417vw;
        width: 8.22917vw;
        margin-left: -4.11458vw
    }

    .sale_item {
        padding: 3.90625vw 2.60417vw 6.25vw
    }

    .sale_item__name {
        height: 16.92708vw;
        font-size: 3.54167vw
    }

    .sale_item__name span {
        font-size: 9.42708vw
    }

    .sale_item__text {
        margin-top: 1.82292vw;
        font-size: .72917vw
    }

    .sale_item__title {
        font-size: 1.30208vw;
        margin-bottom: 1.30208vw
    }

    .s_din .box {
        padding-top: 10.41667vw;
        padding-bottom: 10.41667vw
    }

    .din_lines {
        height: 15.625vw
    }

    .s_din__title {
        font-size: 6.66667vw
    }

    .s_about {
        padding: 10.41667vw 0 12.60417vw
    }

    .s_about .box_about_top {
        padding-left: 10.78125vw
    }

    .s_about__title {
        font-size: 6.66667vw;
        max-width: 51.77083vw
    }

    .s_about__text {
        width: 51.77083vw
    }

    .s_about__text_out {
        margin-top: 7.8125vw
    }

    .s_about__logo {
        margin-left: .98958vw;
        min-width: 20.57292vw
    }

    .s_about__logo img {
        width: 20.57292vw
    }

    .s_about__text__in {
        max-width: 28.48958vw;
        font-size: .9375vw
    }

    .s_about_info {
        width: 23.38542vw;
        padding: 5.20833vw 2.60417vw
    }

    .s_about_info__t {
        font-size: 1.25vw
    }

    .s_about_info__v {
        font-size: 2.5vw;
        margin-top: 4.32292vw
    }

    .s_about_info__v span {
        font-size: 6.66667vw
    }

    .s_about_info__c {
        font-size: .9375vw;
        margin-top: 2.60417vw
    }

    .s_about_slogon {
        max-width: 74.32292vw;
        padding: 9.47917vw 5.20833vw 9.47917vw 22.91667vw;
        margin-top: -15.625vw;
        font-size: 1.66667vw
    }

    .s_about_slogon>div {
        max-width: 33.69792vw
    }

    .s_about_slider {
        margin-top: 7.8125vw;
        padding-right: 3.64583vw
    }

    .s_about_slider .navigate-wrap {
        bottom: 7.8125vw
    }

    .s_about_item {
        width: 41.66667vw
    }

    .s_about_item__t {
        font-size: 1.25vw
    }

    .s_about_item__img {
        height: 31.25vw;
        margin-top: 2.08333vw
    }

    .s_contacts {
        height: 63.59375vw
    }

    .s_contacts .box {
        padding-top: 10.41667vw
    }

    .s_contacts .box:before {
        width: 92.44792vw
    }

    .s_contacts__title {
        font-size: 6.66667vw
    }

    .s_contacts__buts {
        grid-gap: 1.51042vw;
        gap: 1.51042vw
    }

    .s_contacts__buts .btn {
        width: 19.0625vw;
        padding: 0 1.04167vw
    }

    .s_contacts__info {
        margin: 8.07292vw 0 0 11.45833vw;
        padding: 5.41667vw 6.77083vw 5.05208vw;
        width: 40vw;
        font-size: 1.04167vw
    }

    .s_contacts__info p {
        margin-top: .26042vw
    }

    .s_contacts__info p:first-child {
        font-size: 1.25vw
    }

    .s_contacts__info .btn {
        margin-top: 2.60417vw;
        width: 18.02083vw;
        padding: 0 1.04167vw
    }

    .s_contacts__phone {
        font-size: 1.45833vw;
        margin-top: 2.60417vw
    }

    .map {
        right: -42.70833vw
    }

    footer {
        padding: 5.20833vw 0 2.60417vw
    }

    .f_top .logo img {
        width: 15.15625vw
    }

    .f_top .h_tel {
        height: 2.70833vw
    }

    .f_socials {
        grid-gap: 1.30208vw;
        gap: 1.30208vw;
        margin-top: 2.08333vw
    }

    .f_socials .-vk {
        width: 1.61458vw;
        height: .9375vw
    }

    .f_socials .-tg {
        width: 1.30208vw;
        height: 1.25vw
    }

    .f_socials .-yt {
        width: 1.30208vw;
        height: .9375vw
    }

    .f_middle {
        grid-gap: 1.14583vw;
        gap: 1.14583vw;
        margin-top: 3.54167vw;
        font-size: .83333vw
    }

    .f_middle>div {
        max-width: 32.60417vw
    }

    .f_bottom {
        grid-gap: 1.5625vw;
        gap: 1.5625vw;
        font-size: .83333vw;
        margin-top: 1.25vw
    }

    .f_bottom>div:first-child {
        max-width: 45.36458vw
    }

    .f_bottom>div:last-child {
        max-width: 22.96875vw
    }

    .popup__in {
        padding: 7.8125vw 5.20833vw
    }

    .popup.p_request {
        width: 74.27083vw;
        height: 44.58333vw
    }

    .popup .btn {
        margin-top: 2.60417vw;
        padding: 0 1.04167vw;
        width: 14.58333vw
    }

    .popup .form-error-message+.form__button .btn {
        margin-top: 1.04167vw
    }

    .popup__flex>div .popup__img {
        width: 35.625vw
    }

    .popup__flex .popup__in {
        padding: 7.8125vw 7.60417vw 5.20833vw 5.20833vw
    }

    .popup__flex .form,.popup__title {
        margin-top: 1.5625vw
    }

    .popup__title {
        font-size: 3.33333vw
    }

    .popup__title>div {
        font-size: .9375vw;
        margin-top: 2.60417vw
    }

    .popup_close {
        right: 1.5625vw;
        top: 1.5625vw;
        width: 5.57292vw;
        height: 5.57292vw
    }

    .form__block {
        margin-top: 1.19792vw;
        font-size: .98958vw
    }

    .form__block input {
        font-size: .98958vw;
        padding-bottom: .67708vw;
        margin-top: 1.5625vw
    }

    .form__text {
        font-size: .625vw;
        max-width: 17.70833vw;
        margin-top: 1.5625vw
    }

    .form-error-message {
        padding-top: 1.5625vw
    }

    .calc {
        padding: 10.41667vw 0
    }

    .calc table {
        margin-bottom: 2.60417vw
    }

    .calc table thead td {
        font-size: .83333vw;
        padding-bottom: .83333vw;
        padding-left: 1.40625vw;
        padding-right: 1.40625vw
    }

    .calc table tbody td {
        padding: 1.71875vw 1.40625vw;
        font-size: 1.25vw
    }

    .calc table tbody td img {
        max-width: 1.875vw
    }

    .calc__title {
        margin-bottom: 7.8125vw;
        font-size: 6.66667vw
    }

    .calc__in-first {
        padding: 5.20833vw 2.60417vw
    }

    .calc__label,.calc__value {
        font-size: 1.25vw;
        margin-bottom: 1.04167vw
    }

    .calc__slider {
        height: 1.04167vw
    }

    .ui-slider-handle {
        width: 1.04167vw;
        height: 1.04167vw;
        margin-left: -.52083vw
    }

    .calc__slider-wrap {
        padding: 0 .52083vw;
        margin-bottom: 2.60417vw
    }

    .calc__slider-wrap:after {
        left: .52083vw
    }

    .ui-selectmenu-menu div {
        padding: .26042vw .52083vw;
        font-size: .9375vw
    }

    .calc__select {
        margin-bottom: 2.60417vw
    }

    .ui-selectmenu-button {
        padding: 1.40625vw 0
    }

    .ui-selectmenu-button .ui-selectmenu-icon {
        width: 1.51042vw;
        height: .98958vw
    }

    .ui-selectmenu-button .ui-selectmenu-text {
        font-size: 1.04167vw;
        padding: 0 .52083vw
    }

    .popup-image__media.-broadcast:before {
        width: 3.33333vw;
        height: 3.33333vw;
        margin-top: -1.66667vw;
        margin-left: -1.66667vw
    }

    .popup-images__dsc {
        font-size: .9375vw
    }

    .popup-images__slide {
        width: 52.39125vw;
        height: 49.53125vw
    }

    .cookie {
        padding: .83333vw 0 .83333vw 7.29167vw;
        font-size: .83333vw
    }

    .cookie svg {
        height: 1.04167vw;
        right: 2.08333vw;
        margin-top: -.52083vw
    }

    .menu__close {
        width: 4.27083vw;
        height: 4.27083vw;
        padding: 1.04167vw;
        margin: -1.04167vw 0 0 -1.04167vw
    }

    .menu__list {
        font-size: 1.25vw
    }

    .menu__list div {
        margin-bottom: 2.86458vw
    }

    .menu__logo {
        width: 23.125vw;
        margin-bottom: 7.5vw
    }

    .menu__phone {
        font-size: 1.45833vw;
        margin-bottom: .88542vw
    }

    .menu__addr {
        font-size: .52083vw;
        margin-bottom: 2.44792vw
    }

    .sec12-flat-adv div {
        font-size: .52083vw;
        padding: .52083vw 1.04167vw;
        margin-right: .52083vw;
        margin-bottom: .52083vw;
        border-width: .15625vw
    }

    .lot {
        padding-top: 10.41667vw
    }

    .lot__title {
        margin-bottom: 4.58333vw;
        font-size: 6.66667vw
    }

    .lot__body {
        grid-template-columns: 46.40625vw 1fr;
        margin-bottom: 5.98958vw
    }

    .lot__plan img {
        height: 34.27083vw
    }

    .lot__tabs {
        margin-bottom: 1.66667vw
    }

    .lot__tab {
        width: 8.38542vw;
        height: 2.91667vw;
        font-size: 1.04167vw
    }

    .lot__wrapper {
        bottom: -10.41667vw
    }

    .lot__image img,.lot__wrapper {
        min-width: 49.73958vw;
        height: 35.3125vw
    }

    .lot__subtitle {
        font-size: .98958vw;
        margin-bottom: 2.08333vw
    }

    .lot__text {
        font-size: .9375vw
    }
}

@media only screen and (max-width: 1000px) {
    .popup-images__slide {
        height:69.4vh;
        height: calc(var(--vh, 1vh)*69.4);
        width: 89vw
    }

    .popup-images__slide div {
        background-size: cover
    }

    .lot {
        padding-top: 26.66667vw
    }

    .lot__title {
        margin-bottom: 9.6vw;
        font-size: 16vw
    }

    .lot__body {
        grid-template-columns: 1fr;
        grid-gap: 0;
        gap: 0;
        margin-bottom: 10.66667vw
    }

    .lot__plan {
        padding: 4.26667vw
    }

    .lot__plan img {
        height: 68vw;
        margin-bottom: 8.53333vw
    }

    .lot__tabs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 8.53333vw
    }

    .lot__tab {
        width: 33.6vw;
        height: 12.8vw;
        font-size: 3.73333vw
    }

    .lot__image img,.lot__wrapper {
        position: static;
        min-width: 100%;
        height: 65.6vw
    }

    .lot__subtitle {
        margin-bottom: 8vw;
        font-size: 4vw;
        display: none
    }

    .lot__subtitle._mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lot__text {
        font-size: 4.26667vw;
        display: none
    }

    .lot__text._mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    header .h_contacts {
        display: none
    }

    .phone-icon {
        position: fixed;
        z-index: 10;
        right: 5.33333vw;
        bottom: 5.33333vw;
        bottom: 2.66vh;
        bottom: calc(var(--vh, 1vh)*2.66);
        opacity: 0;
        -webkit-transition: opacity 1s 1s;
        transition: opacity 1s 1s;
        display: block;
        width: 14.93333vw;
        height: 14.93333vw;
        border-radius: 50%;
        background-image: url(../img/phone-icon.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        font-size: 0;
        color: transparent;
        overflow: hidden
    }

    .load .phone-icon {
        opacity: 1
    }

    .s_top-wrap {
        position: relative
    }

    .sec-9 div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-position: 27%
    }

    .cookie {
        padding: 4.26667vw 13.33333vw 4.26667vw 4.26667vw;
        font-size: 4.26667vw
    }

    .cookie svg {
        width: auto;
        height: 8vw;
        right: 2.66667vw;
        top: 5.33333vw
    }

    header {
        top: 11.2vw
    }

    .box {
        padding: 0 4.26667vw
    }

    header .box .h_left {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .m_burger {
        margin-right: 0;
        width: 10.13333vw;
        height: 8.14667vw
    }

    .logo img {
        width: 57.68267vw
    }

    .sec-9 {
        z-index: 0
    }

    .s_top {
        height: auto;
        min-height: 203.46667vw;
        margin: 0;
        padding-top: 98.66667vw
    }

    .s_top h1>span:nth-child(3) {
        overflow: hidden
    }

    .s_top h1>span span svg {
        width: 6.4vw;
        height: 4.53333vw;
        margin-left: -6.66667vw
    }

    .s_top__img {
        bottom: unset;
        width: 100%;
        height: 106.66667vw;
        min-height: unset
    }

    .s_top__item .-img {
        bottom: -35.2vw
    }

    .s_top__img_shad {
        top: 106.66667vw;
        left: 0;
        width: 100%;
        height: 96.8vw;
        z-index: 1;
        overflow: hidden
    }

    .s_top__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .s_top__text>div {
        width: 100%
    }

    .s_top .box.s_top__content {
        padding: 0 4.26667vw;
        height: auto
    }

    .s_top h1 {
        font-size: 24vw
    }

    .s_top .h1_sub {
        font-size: 4vw;
        position: relative;
        width: 100%;
        bottom: 0;
        margin-top: 10.66667vw
    }

    .s_top .h1_out {
        padding-bottom: 0
    }

    .button-top {
        width: 91.46667vw;
        height: 14.93333vw;
        border-width: .69333vw;
        font-size: 3.73333vw;
        margin-top: 7.46667vw
    }

    .s_top .slider-top {
        width: 100%;
        height: 48vw;
        margin-bottom: 0;
        margin-top: 11.46667vw
    }

    .slider-top__back {
        height: 35.2vw
    }

    .s_top .slider-top .sub-text {
        display: none
    }

    .s_top .slider-top .big-i {
        font-size: 64vw;
        left: 8vw;
        padding-bottom: 6.66667vw
    }

    .slider-top__item {
        padding-top: 18.66667vw
    }

    .s_top .slider-top .main-text {
        padding-left: 5.33333vw;
        font-size: 4vw
    }

    .sl_arrs {
        top: 11.73333vw;
        right: 5.33333vw;
        height: 5.10933vw
    }

    .sl_arr {
        min-width: 3.46667vw
    }

    .sl_arr__sep {
        width: 13.33333vw;
        height: .53333vw
    }

    .section2 {
        padding-top: 33.33333vw
    }

    .sec2__title {
        font-size: 16vw;
        margin-bottom: 8vw
    }

    .sec2__subTitle {
        font-size: 4vw;
        grid-gap: 2.13333vw;
        gap: 2.13333vw;
        margin-bottom: 21.33333vw
    }

    .sec2__wrap-flex {
        display: block;
        margin-bottom: -9.6vw
    }

    .sec2_text {
        max-width: unset;
        font-size: 4.26667vw;
        margin-bottom: 26.66667vw
    }

    .sec2__videoWrap {
        min-width: unset;
        left: -4.26667vw;
        width: 100vw;
        height: 90.66667vw
    }

    .play-wrap {
        grid-gap: 5.6vw;
        gap: 5.6vw
    }

    .sec2__play {
        width: 20vw;
        height: 20vw
    }

    .sec__2-video-text {
        font-size: 2.66667vw
    }

    .sec3__img {
        height: 85.33333vw;
        margin-bottom: 0;
        width: 95.73333vw;
        -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
        transform: translateX(30%);
        -webkit-transition: none;
        transition: none
    }

    .sec3__img span {
        display: none
    }

    .box.box_sec_4 {
        padding: 0 4.26667vw
    }

    .sec__4 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 0;
        grid-gap: unset;
        gap: unset
    }

    .sec4__text {
        margin-top: 26.66667vw;
        margin-bottom: 26.66667vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 4vw
    }

    .sec4__text .sec4__text__sub {
        font-size: 4.26667vw;
        margin: 8vw 0
    }

    .btn {
        font-size: 3.73333vw;
        padding: 0;
        width: 67.2vw;
        height: 14.93333vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto
    }

    .sec__4-img {
        min-width: unset;
        position: relative;
        left: -4.26667vw;
        width: 95.73333vw;
        height: 117.33333vw
    }

    .se4__img2 {
        left: -4.26667vw;
        width: 100vw;
        margin: -62.4vw -4.26667vw 0
    }

    .se4__img2 img {
        height: 32.8vw
    }

    .flex-right {
        margin-bottom: 0
    }

    .sec4-wrap2 {
        margin: -53.06667vw 0 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .se4__img3 {
        width: 60.392vw;
        height: 74.66667vw;
        left: 4.26667vw
    }

    .se4__img3 div {
        width: 100%
    }

    .sec4-wrap-center {
        height: auto;
        margin: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 26.66667vw 0 37.33333vw
    }

    .sec4-wrap-item>div:first-child {
        font-size: 18.33333vw;
        margin-bottom: 0;
        padding-bottom: 12.53333vw
    }

    .sec7-wrap-center_mob .sec4-wrap-item>div:first-child {
        padding-bottom: 6.4vw
    }

    .sec4-wrap-item>div:last-child {
        font-size: 4vw;
        bottom: 0;
        top: auto;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center
    }

    .sec4-wrap-item {
        margin-bottom: 16vw
    }

    .sec4-wrap-item:last-child {
        margin-bottom: 0
    }

    .sec4-wrap-item:nth-child(2) {
        margin-left: 15.46667vw;
        margin-right: 15.46667vw
    }

    .section3 {
        /*padding: 37.33333vw 0*/
        padding: 15.33333vw 0
    }

    .sec5 {
        margin-bottom: 26.66667vw
    }

    .sec5-title {
        font-size: 12vw;
        /*margin-bottom: 16vw*/
        margin-bottom: 10vw
    }

    .sec5_content {
        width: 100%
    }

    .sec5-text {
        font-size: 4vw;
        max-width: unset
    }

    .sec5-text .sec5-text__sub {
        font-size: 4.26667vw;
        margin-top: 8vw
    }

    .sec5-img {
        display: none
    }

    .sec5-img-mob {
        display: block;
        position: relative;
        z-index: 1;
        /*background-size: contain;*/
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        overflow: hidden;
        top: -13.33333vw;
        left: -4.26667vw;
        width: 100vw;
        /*height: 178.26667vw*/
        height: 158.26667vw
    }

    .sec5-img-mob .btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 91.46667vw
    }

    .loc_tabs {
        margin-top: 21.33333vw
    }

    .loc_tab {
        border-width: .53333vw;
        font-size: 3.73333vw;
        height: 14.93333vw
    }

    .loc_tab:after,.loc_tab:before {
        top: -.53333vw;
        bottom: -.53333vw;
        width: .53333vw
    }

    .loc_tabs__content {
        padding: 16vw 0 0
    }

    .sec6-text-flex-wrap {
        grid-gap: 2.66667vw;
        gap: 2.66667vw;
        margin-bottom: 6.4vw
    }

    .sec6-text-flex-wrap>div:first-child {
        font-size: 17.33333vw
    }

    .sec6-text-flex-wrap>div:last-child {
        font-size: 3.2vw;
        top: 2.13333vw
    }

    .sec6-text-flex>div:last-child {
        display: none
    }
    
    .sec6-text-flex>div .se6-item:first-child {
        margin-bottom: 45px;
    }

    .sec6-text-flex>div>div {
        /*margin-bottom: 75px*/
        margin-bottom: 45px
    }

    .se6-item {
        margin-bottom: 10.66667vw
    }

    .se6-item_mob {
        display: block;
        margin-left: 34.4vw
    }

    .sec6-text-li ul {
        padding-left: 6.4vw
    }

    .sec6-text-li ul li {
        font-size: 4.8vw
    }

    .sec7 {
        padding-bottom: 162.66667vw
    }

    .sec-7-title {
        font-size: 6.4vw;
        margin-bottom: 9.6vw
    }

    .sec7 .slider-loc {
        margin-left: -4.26667vw;
        width: 100vw;
        /*height: 126.66667vw;*/
        height: 50vh;
        pointer-events: none
    }

    .sec7 .slider-loc__bg {
        display: none
    }

    .sec7 .swiper-wrapper .swiper-slide:first-child {
        background-position: -48vw;
        background-size: auto 123%
    }

    .sec7 .swiper-wrapper .swiper-slide:nth-child(2) {
        background-position: -10.6666666667vw;
        background-size: auto 100%
    }

    .sec7 .swiper-wrapper .swiper-slide:nth-child(3) {
        background-position: -40vw;
        background-size: auto 100%
    }

    .sec7 .slider-loc2 {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .slider-loc2 {
        right: 50%;
        /*top: 145.86667vw;*/
        width: 91.46667vw;
        height: 118.93333vw;
        top: calc(50vh + 19vw);
    }

    .sec7 .navi {
        width: 100%;
        bottom: 30.93333vw
    }

    .sec7 .swiper-progress-wrap {
        margin-top: 6.4vw
    }

    .sec7 .arrow-next,.sec7 .arrow-prev {
        min-width: 4.41867vw;
        min-height: 6.4vw;
        max-width: 4.41867vw;
        max-height: 6.4vw;
        width: 4.41867vw;
        height: 6.4vw
    }

    .sec7 .navi-counter {
        font-size: 8.53333vw
    }

    .sec7 .btn {
        max-width: unset;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .sec7-desc {
        padding: 16vw 8vw;
        max-width: unset;
        /*min-height: 100%*/
        min-height: 90%
    }

    .sec7-desc-title {
        font-size: 4vw;
        margin-bottom: 8vw
    }

    .sec7-desc-wrap {
        grid-gap: 2.66667vw;
        gap: 2.66667vw;
        margin-bottom: 8vw
    }

    .sec7-desc-text {
        font-size: 4.26667vw
    }

    .sec7-desc-wrap>div:first-child {
        font-size: 16vw
    }

    .sec7-desc-wrap>div:last-child {
        font-size: 3.2vw
    }

    .section4-title {
        padding-bottom: 16vw;
        /*padding-top: 37.33333vw*/
    }

    .sec-8-title {
        font-size: 12vw;
        text-align: left
    }

    .section4 {
        padding-top: 0;
        padding-bottom: 48vw;
        /*min-height: 184vw*/
        min-height: 80vh;
    }

    .sec-8-cont-item {
        width: 86.4vw;
        padding-right: 0;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        transform: none!important
    }

    .sec-8-cont-item-text {
        font-size: 5.33333vw;
        margin-bottom: 8.53333vw;
        padding-top: 5.33333vw
    }

    .sec-8-cont-item-img {
        margin-right: 11.73333vw;
        height: 106.66667vw
    }

    .sec-8-cont-item-ico {
        width: 16vw;
        height: 16vw;
        top: 5.33333vw;
        right: -5.33333vw
    }

    .sec-8-cont-item-ico:before {
        width: 4.41867vw;
        height: 6.4vw;
        margin-left: .53333vw
    }

    .sec_lines img {
        height: 32.8vw
    }

    .section6 {
        /*padding: 37.33333vw 0*/
        padding: 15.33333vw 0
    }

    .sec-10 {
        display: block;
        grid-gap: unset;
        gap: unset
    }

    .sec10-title {
        font-size: 16vw;
        /*margin-bottom: 16vw*/
        margin-bottom: 8vw;
    }

    .gallery-navi,.sec-10-left-item,.sec-10-right {
        display: none
    }

    .sec-10-mobslider {
        display: block
    }

    .sec-10-mobslider__titles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
         font-family: "Sofia Sans", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 5.33333vw;
        line-height: 1;
        color: #fff;
        text-transform: uppercase;
        position: relative;
        left: -4.26667vw;
        width: 100vw;
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s,-webkit-transform 1s
    }

    .sec-10-mobslider__title {
        padding: 0 2.13333vw 0 4.26667vw
    }

    .sec-10-mobslider__title div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 13.33333vw;
        border-bottom: .69333vw solid transparent
    }

    .sec-10-mobslider__title.active div {
        border-color: #9c363d
    }

    .sec-10-mobslider__images {
        margin-top: 6.4vw;
        position: relative;
        left: -4.26667vw;
        width: 100vw;
        padding-bottom: 23.46667vw
    }

    .sec-10-left-item-bg {
        width: 80vw;
        height: 106.66667vw;
        position: relative;
        margin: 0 2.13333vw 0 4.26667vw
    }

    .sec-10-mobslider__images .swiper-slide,.sec-10-mobslider__titles .swiper-slide {
        width: auto
    }

    .slider-navi.navigate-wrap.gallery-navi {
        bottom: 0;
        width: 87.2vw;
        padding-bottom: 6.4vw
    }

    .gallery-navi-counter {
       font-family: "Sofia Sans", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 8.53333vw;
        line-height: .75;
        letter-spacing: .2em;
        color: #e8e8e6;
        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
    }

    .gallery-navi.slider-navi .swiper-progress-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .gallery-navi.slider-navi .swiper-progress {
        width: 100%;
        height: .53333vw;
        background-color: #bd8059
    }

    .gallery-navi.slider-navi .swiper-progress-anim.anim {
        background-color: #bd8059
    }

    .section7 {
        padding: 37.33333vw 0 0
    }

    .sec11 .sec5-title {
        margin-left: 0;
        margin-bottom: 16vw;
        font-size: 16vw
    }

    .sec11-text {
        font-size: 4.26667vw;
        max-width: unset
    }

    .sec11-text .sec11-text__sub {
        font-size: 4vw;
        margin-top: 8vw
    }

    .sec11-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .sec11 .sec11-wrap {
        grid-gap: 0;
        gap: 0;
        margin: 0
    }

    .sec11-img-1 {
        margin-top: 16vw;
        margin-left: -4.26667vw;
        min-width: unset;
        width: 87.2vw;
        height: 116.8vw
    }

    .sec11-wrap-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: -9.86667vw
    }

    .sec11-img-2 {
        min-width: unset;
        width: 91.46667vw;
        height: 80vw;
        left: 4.26667vw
    }

    .sec11-img-2 div {
        background-position: 0
    }

    .sec11-text-2 {
        margin-left: 0;
        margin-top: 16vw;
        font-size: 4.26667vw;
        width: 100%;
        min-width: unset
    }

    .sec7-wrap-center {
        margin-top: 16vw;
        max-width: unset;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        text-align: center;
        padding: 0 4vw
    }

    .sec7-wrap-center_desctop {
        display: none
    }

    .sec7-wrap-center_mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sec7-wrap-center .sec4-wrap-item {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 50%
    }

    .sec7-wrap-center .sec4-wrap-item:last-child {
        width: 100%
    }

    .sec7-wrap-center .sec4-wrap-item>div:first-child {
        margin-bottom: 0
    }

    .sec4-wrap-item>div:first-child span {
        font-size: 8.53333vw
    }

    .sec7-wrap-center .sec4-wrap-item:nth-child(2) {
        margin: 0
    }

    .sec12 {
        margin-top: 37.33333vw
    }

    .sec12-title {
        font-size: 6.4vw
    }

    .sec12-tabs-wrap {
        margin-top: 16vw
    }

    .sec12-tabs-text {
        font-size: 4.26667vw
    }

    .sec12-tabs {
        margin-top: 6.4vw
    }

    .sec12-tabs>div {
        width: 15.82133vw;
        height: 12.8vw;
        font-size: 3.73333vw;
        border-width: .69333vw;
        margin-right: -.69333vw
    }

    .sec12-flat-wrap {
        margin: 10.66667vw 0 0;
        /*padding-bottom: 300.26667vw*/
        padding-bottom: 250.26667vw;
    }

    .sec12-flat-wrap .slider-flat1 {
        position: absolute;
        width: 91.46667vw;
        height: 152.26667vw;
        left: 0;
        /*top: 132.8vw;*/
        top: 50vh;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .sec12-flat-wrap .slider-flat1 .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sec12-flat-adv {
        padding-top: 20px
    }

    .sec12-flat-adv div {
        font-size: 10px;
        border-width: 2px;
        margin-right: 7px;
        margin-bottom: 7px;
        padding: 5px
    }

    .sec12-flat-table {
        padding: 16vw 8vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*height: 100%*/
        height: 50vh
    }

    .sec12-flat-table-title {
        font-size: 6.4vw
    }

    .sec12-flat-table-num-wrap {
        margin-top: 10.66667vw;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: unset;
        gap: unset
    }

    .sec12-flat-table-num-text {
        font-size: 3.2vw
    }

    .sec12-flat-table-num {
        font-size: 15.46667vw;
        margin-top: 4vw
    }

    .sec12-flat-table-num span {
        font-size: 4.26667vw
    }

    .sec12-flat-wrap .btn {
        margin-top: 10.66667vw;
        width: 100%
    }

    .slider-navi.navigate-wrap {
        bottom: 126.66667vw;
        width: 35.73333vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .flats-navi-counter {
        font-size: 8.53333vw
    }

    .slider-flat2 {
        margin: 0
    }

    .flat-img,.slider-flat2 {
        width: 91.46667vw;
        /*height: 132.8vw*/
        height: 50vh;
    }

    .flat-img {
        left: 4.26667vw;
        padding: 10.66667vw 13.33333vw
    }

    .sale_block {
        position: absolute;
        width: 100vw;
        height: 116vw;
        left: -4.26667vw;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        min-width: unset
    }

    .sale_item {
        padding: 16vw 13.33333vw
    }

    .sale_item__name {
        font-size: 12.8vw;
        height: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .sale_item__name span {
        font-size: 32vw
    }

    .sale_item__text {
        font-size: 3.73333vw;
        margin-top: 16vw;
        text-align: center
    }

    .sale_item__title {
        font-size: 6.4vw;
        margin-bottom: 2.66667vw
    }

    .sale_block .slider-navi.navigate-wrap {
        width: 35.46667vw;
        margin-left: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 16vw
    }

    .slider-navi .arrow-next,.slider-navi .arrow-prev {
        min-width: 4.41867vw;
        min-height: 6.4vw;
        max-width: 4.41867vw;
        max-height: 6.4vw;
        width: 4.41867vw;
        height: 6.4vw
    }

    .slider-navi .swiper-progress-wrap {
        width: 16vw;
        height: .53333vw
    }

    .calc {
        padding: 37.33333vw 0
    }

    .calc__title {
        font-size: 16vw;
        margin-bottom: 16vw
    }

    .calc__title div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .calc__in {
        display: block
    }

    .calc__in>div:first-child {
        width: 100%
    }

    .calc__in-first {
        padding: 16vw 8vw
    }

    .calc__label,.calc__value {
        font-size: 4.26667vw;
        margin-bottom: 3.2vw
    }

    .calc__slider-wrap {
        padding: 0 2.66667vw;
        margin-bottom: 8vw
    }

    .calc__slider {
        height: 5.33333vw
    }

    .ui-slider-handle {
        width: 5.33333vw;
        height: 5.33333vw;
        margin-left: -2.66667vw
    }

    .ui-slider-handle:after {
        width: 100vw
    }

    .calc__select {
        margin-bottom: 8vw
    }

    .calc__select:focus,.calc__select select:focus,.calc__select span:focus {
        outline: 0!important;
        -webkit-box-shadow: 0 0 0 0 transparent!important;
        box-shadow: 0 0 0 0 transparent!important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .calc__select,.calc__select select,.calc__select span {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .ui-selectmenu-button {
        padding: 7.2vw 0
    }

    .ui-selectmenu-button .ui-selectmenu-icon {
        width: 7.73333vw;
        height: 5.06667vw
    }

    .calc__in>div:last-child {
        width: 100vw;
        margin-left: -4.26667vw;
        margin-top: 16vw
    }

    .calc table {
        margin-bottom: 16vw
    }

    .calc__btn .btn {
        width: 91.46667vw
    }

    .calc table thead {
        display: none
    }

    .calc table {
        border-top: 1px solid #632129
    }

    .calc table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        padding: 5.33333vw 4.26667vw;
        border-bottom: 1px solid #632129
    }

    .calc table tbody td {
        padding: 0;
        font-size: 5.33333vw;
        border: none;
        width: 30%;
        text-align: left
    }

    .calc table tbody td>span {
        font-size: 3.2vw;
        line-height: 4.26667vw
    }

    .calc table tbody td img {
        max-width: 42.66667vw;
        max-height: 12.8vw
    }

    .calc table tbody td:first-child {
        width: 100%;
        margin-bottom: 0
    }

    .calc table tbody td:last-child {
        position: absolute;
        top: 5.33333vw;
        right: 5.33333vw;
        width: 12.8vw
    }

    .calc table tbody td:last-child .btn {
        width: 12.8vw;
        height: 12.8vw;
        font-size: 0;
        border: none;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.714 12c0 6.627 7.42 12 16.572 12-9.152 0-16.572 5.373-16.572 12' stroke='%23632129' stroke-width='2'/%3E%3Cpath stroke='%23632129' stroke-width='2' d='M1 1h46v46H1z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .calc table tbody td:before {
        content: "";
        display: block;
        margin-bottom: 1.06667vw;
        font-size: 2.66667vw;
        text-transform: uppercase;
        white-space: nowrap;
         font-family: "Sofia Sans", sans-serif;
        font-weight: 500
    }

    .calc table tbody td:nth-child(3):before {
        content: "срок, лет"
    }

    .calc table tbody td:nth-child(2):before {
        content: "ставка, %"
    }

    .calc table tbody td:nth-child(4):before {
        content: "Платеж, мес"
    }

    .calc table tbody td:nth-child(2),.calc table tbody td:nth-child(3),.calc table tbody td:nth-child(4) {
        margin-top: 6.4vw
    }

    .s_din .box {
        padding-top: 37.33333vw;
        padding-bottom: 37.33333vw
    }

    .s_din__progress {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        margin-top: unset
    }

    .s_din__title div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .s_din__title {
        font-size: 12vw;
        line-height: 1
    }

    .s_din__years {
        width: 100vw;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        overflow-x: auto;
        margin-left: -4.26667vw;
        margin-right: -4.26667vw;
        padding-left: 4.26667vw;
        padding-right: 4.26667vw;
        scrollbar-width: none
    }

    .s_din__years::-webkit-scrollbar {
        display: none
    }

    .s_din__year--active .s_din__year-btn,.s_din__year-popup-btn {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .s_din__year-popup-btn {
        position: static;
        -ms-flex-item-align: start;
        align-self: start;
        margin-top: 19.2vw;
        width: 41.06667vw;
        opacity: 1;
        translate: unset;
        scale: unset;
        -webkit-transform-origin: unset;
        -ms-transform-origin: unset;
        transform-origin: unset;
        pointer-events: all
    }

    .s_din__year-popup-btn span {
        color: #a66e61
    }

    .s_din__year-btn {
        font-size: 10.66667vw;
        line-height: 1;
        margin-top: 36px;
        margin-bottom: 36px
    }

    .s_din__year-btn+.s_din__year-popup-btn {
        display: none
    }

    .s_din__preview {
        position: relative;
        height: 343px;
        width: 100%;
        max-width: unset;
        overflow: visible;
        opacity: 1;
        pointer-events: all;
        z-index: 1
    }

    .s_din__preview .swiper-wrapper {
        overflow: visible;
        margin-left: -4.26667vw;
        margin-right: -4.26667vw;
        padding-left: 4.26667vw;
        padding-right: 4.26667vw
    }

    .s_din__preview .swiper-slide {
        position: relative
    }

    .s_din__preview .swiper-slide:after {
        content: attr(data-progress-year);
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%);
        z-index: 5;
        font-size: 23.46667vw;
        line-height: 17.6vw;
       font-family: "Sofia Sans", sans-serif;
        color: #cfc7bf
    }

    .din_lines {
        --bg-height: 32.8vw;
        --bg-pos-offset: calc(var(--bg-height)*1.5);
        background-image: url(../img/din_svg.svg);
        background-size: cover;
        background-position-x: calc(var(--bg-pos-offset)*0);
        background-position-x: calc(var(--progress, 0)*-1*var(--bg-pos-offset));
        width: 100vw;
        height: var(--bg-height);
        bottom: var(--bg-height)
    }

    .din_lines:after,.din_lines:before {
        content: "";
        display: block;
        position: relative;
        height: 100%;
        background-image: url(../img/din_svg.svg);
        background-size: cover;
        background-position-x: calc(100vw + var(--bg-pos-offset)*0);
        background-position-x: calc(100vw + var(--progress, 0)*var(--bg-pos-offset))
    }

    .din_lines:before {
        top: -100%
    }

    .s_about {
        padding-top: 37.33333vw
    }

    .s_about .box_about_top {
        padding-left: 4.26667vw
    }

    .s_about__title {
        font-size: 12vw;
        max-width: unset
    }

    .s_about__title div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .s_about__text_out {
        margin-top: 16vw;
        display: block
    }

    .s_about__logo {
        margin-left: 0;
        min-width: unset;
        width: 58.66667vw
    }

    .s_about__logo img {
        width: 100%
    }

    .s_about__text {
        padding-top: 8vw;
        width: auto
    }

    .s_about__text,.s_about__text__in {
        font-size: 4.26667vw
    }

    .s_about_info {
        width: 80vw;
        height: 98.13333vw;
        padding: 16vw 8vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: center
    }

    .s_about_info__t {
        font-size: 4.8vw
    }

    .s_about_info__v {
        margin-top: 13.06667vw;
        font-size: 8.53333vw
    }

    .s_about_info__v span {
        font-size: 16vw
    }

    .s_about_info__c {
        font-size: 4.26667vw;
        margin-top: 9.86667vw
    }

    .s_about_slogon {
        width: 80vw;
        height: 98.13333vw;
        padding: 16vw 8vw;
        max-width: unset;
        margin: 0;
        font-size: 5.33333vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .s_about_slogon>div {
        max-width: unset
    }

    .s_about_item {
        width: 74.66667vw;
        height: 98.13333vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .s_about_item__t {
        font-size: 5.33333vw;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

    .s_about_item__img {
        width: 100%;
        height: 74.66667vw
    }

    .box_about_top .s_about_info,.box_about_top .s_about_slogon {
        display: none
    }

    .s_about_slider {
        padding-right: 0;
        margin-top: 21.33333vw;
        height: 117.33333vw
    }

    .s_about_slider .swiper-slide:first-child,.s_about_slider .swiper-slide:nth-child(2) {
        display: block
    }

    .s_about_slider .swiper-slide {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .s_contacts {
        height: 377.33333vw
    }

    .s_contacts .box {
        padding-top: 37.33333vw
    }

    .s_contacts .box:before {
        display: none
    }

    .s_contacts__top {
        display: block
    }

    .s_contacts__title {
        font-size: 16vw
    }

    .s_contacts__title div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .s_contacts__buts {
        position: absolute;
        left: 4.26667vw;
        right: 4.26667vw;
        bottom: 16vw;
        display: block
    }

    .s_contacts__buts .btn {
        margin-top: 5.33333vw;
        width: 100%
    }

    .s_contacts__info {
        margin: 16vw 0 0;
        padding: 16vw 8vw;
        width: 91.46667vw;
        font-size: 4.26667vw;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .s_contacts__info p {
        margin-top: 2.13333vw
    }

    .s_contacts__info p:first-child,.s_contacts__phone {
        font-size: 5.33333vw
    }

    .s_contacts__phone {
        margin-top: 8vw
    }

    .s_contacts__info .btn {
        width: 100%;
        margin-top: 8vw
    }

    .map {
        top: auto;
        right: 0;
        height: 212.8vw
    }

    footer {
        padding: 16vw 0 9.33333vw
    }

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

    .f_top .logo img {
        width: 59.69333vw
    }

    footer .h_contacts {
        margin-top: 10.66667vw;
        width: 77.33333vw
    }

    .f_top .h_tel {
        height: auto
    }

    .h_tel {
        font-size: 5.33333vw
    }

    .f_top .h_graffic {
        margin-top: 4.26667vw
    }

    .h_graffic {
        grid-gap: unset;
        gap: unset;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 2.66667vw
    }

    .h_graffic a {
        margin: 0 5.33333vw
    }

    .f_socials {
        margin-top: 10.66667vw;
        grid-gap: 8.53333vw;
        gap: 8.53333vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .f_socials .-vk {
        width: 7.83467vw;
        height: 4.376vw
    }

    .f_socials .-tg {
        width: 6.4vw;
        height: 6.4vw
    }

    .f_socials .-yt {
        width: 6.51733vw;
        height: 4.592vw
    }

    .f_bottom,.f_middle {
        font-size: 3.73333vw;
        grid-gap: 5.33333vw;
        gap: 5.33333vw;
        margin-top: 16vw;
        -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;
        text-align: center
    }

    .f_bottom {
        padding: 0 6.93333vw
    }

    .popup-images__pagination .swiper-pagination-bullet {
        width: 2vw;
        height: 2vw;
        margin: 0 1vw!important;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .popup-images__pagination .swiper-pagination-bullet,.popup-images__pagination .swiper-pagination-bullet:focus {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .popup-images__pagination .swiper-pagination-bullet:focus {
        outline: 0!important;
        -webkit-box-shadow: 0 0 0 0 transparent!important;
        box-shadow: 0 0 0 0 transparent!important
    }

    .popup-images {
        z-index: 100
    }

    .popup-images[data-type=gallery] .popup-images__title {
        top: 7vw
    }

    .popup-images[data-type=gallery] .popup-images__close {
        right: 5.2vw;
        top: 11.8vw;
        width: 7vw;
        height: 7vw
    }

    .popup-images__title {
        font-size: 8vw;
        padding: 0 13vw;
        line-height: 1;
        height: 16vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .menu__close {
        width: 18.66667vw;
        height: 18.66667vw;
        left: 0;
        top: 0;
        padding: 5.33333vw;
        margin: 0
    }

    .menu {
        overflow-x: hidden;
        overflow-y: auto;
        display: block
    }

    .menu__in {
        padding: 17.9vw 0 45vw;
        text-align: center;
        display: block
    }

    .menu__list {
        font-size: 5.33333vw;
        padding: 0 10vw
    }

    .menu__logo {
        margin: 21.33333vw auto 12vw;
        width: 70%
    }

    .menu__phone {
        font-size: 6.4vw;
        margin: 0 0 5.33333vw
    }

    .menu__addr {
        font-size: 2.8vw;
        margin: 0 0 10.66667vw
    }

    .menu .f_socials {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fancybox-container .popup__img {
        display: none
    }

    .popup__flex .popup__in {
        padding: 5.33333vw
    }

    .popup__title {
        font-size: 11.73333vw;
        line-height: 1;
        margin-top: 8vw
    }

    .popup_close {
        right: 0;
        top: 0;
        width: 16vw;
        height: 16vw
    }

    .popup.p_request {
        height: auto
    }

    .popup__title>div {
        margin-top: 8vw
    }

    .form__block,.form__block input,.popup__title>div {
        font-size: 4.26667vw
    }

    .form__block input {
        margin-top: 5.33333vw;
        padding-bottom: 3.46667vw;
        width: 100%
    }

    .form-error-message {
        padding-top: 5.33333vw
    }

    .popup .form-error-message+.form__button .btn {
        margin-top: 5.33333vw
    }

    .popup .btn {
        width: 100%
    }

    .form__text {
        max-width: unset;
        font-size: 3.2vw;
        margin-top: 5.33333vw
    }

    .ui-selectmenu-menu {
        width: 75.3vw
    }

    .ui-selectmenu-menu.progress-select {
        width: calc(50vw - 24px)
    }

    .ui-selectmenu-menu ul {
        max-width: 100%
    }

    .calc__select select {
        color: inherit;
        border: none
    }

    #smooth-wrapper {
        max-width: 100vw;
        overflow-x: hidden;
        overflow-y: auto
    }

    .popup-images[data-type=adv] .popup-images__close {
        right: 4.26667vw;
        top: 4.66667vw
    }

    .popup-images__close {
        width: 8vw;
        height: 8vw
    }

    .popup-images[data-type=adv] .slick-inner {
        top: 21.46667vw;
        left: 4.26667vw;
        width: 91.46667vw;
        height: auto
    }

    .popup-images__adv-inner-slide {
        width: 91.46667vw;
        height: 114.66667vw;
        height: 45vh;
        background-size: cover
    }

    .popup-images__adv-block {
        position: relative;
        width: 100%;
        bottom: auto;
        right: auto;
        /*padding: 159.46667vw 4.26667vw 0*/
        padding: 62vh 4.26667vw 0
    }

    .popup-images {
        overflow-x: hidden;
        overflow-y: auto
    }

    .popup-images__adv-outer-slide {
        position: relative;
        height: auto
    }

    .popup-images[data-type=adv] .popup-images__title {
        /*font-size: 12vw;*/
        font-size: 8vw;
        padding: 0;
        /*margin-bottom: 13.33333vw;*/
        margin-bottom: 8.33333vw;
        height: auto
    }

    .popup-images__arrows {
        font-size: 8.53333vw
    }

    .popup-images[data-type=adv] .swiper-outer {
        position: relative;
        height: auto
    }

    .popup-images[data-type=adv] .popup-images__arrows {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 4.26667vw;
        margin: 10.66667vw 0 37.33333vw
    }

    .popup-images[data-type=gallery] .popup-images__arrows {
        bottom: 6vh;
        bottom: calc(var(--vh, 1vh)*6)
    }

    .popup-images__arrows span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .popup-images .slick-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 0;
        margin-top: 3.2vw
    }

    .popup-images .slick-dots li {
        min-width: 2.66667vw;
        min-height: 2.66667vw;
        width: 2.66667vw;
        height: 2.66667vw;
        margin: 0 1.6vw!important
    }

    .popup-images .swiper-slide {
        height: auto
    }

    .popup-images[data-type=progress] {
        padding: 2.66667vw 4.26667vw 8.53333vw
    }

    .popup-images[data-type=progress] .popup-images__header {
        position: relative;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 6.4vw;
        gap: 6.4vw
    }

    .popup-images[data-type=progress] .popup-images__title {
        height: unset;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        padding: unset;
        font-size: 9.6vw;
        line-height: 1
    }

    .popup-images[data-type=progress] .popup-images__arrows,.popup-images[data-type=progress] .popup-images__close,.popup-images[data-type=progress] .popup-images__nav,.popup-images[data-type=progress] .popup-images__title {
        position: static
    }

    .popup-images[data-type=progress] .popup-images__close {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .popup-images[data-type=progress] .popup-images__nav {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-column-gap: 6.4vw;
        -webkit-column-gap: 6.4vw;
        -moz-column-gap: 6.4vw;
        column-gap: 6.4vw
    }

    .popup-images[data-type=progress] .popup-images__nav .popup-images__select {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: unset
    }

    .popup-images[data-type=progress] .popup-images__nav .ui-selectmenu-button {
        padding: 5.86667vw 0
    }

    .popup-images[data-type=progress] .popup-images__arrows {
        grid-column-gap: 6.4vw;
        -webkit-column-gap: 6.4vw;
        -moz-column-gap: 6.4vw;
        column-gap: 6.4vw
    }

    .popup-images[data-type=progress] .popup-images__arrows span {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: auto
    }

    .popup-images[data-type=progress] .swiper {
        margin: 10.66667vw -4.26667vw;
        padding-left: 4.26667vw;
        padding-right: 4.26667vw
    }

    .popup-images[data-type=gallery] .popup-images__pagination {
        bottom: 13.5vh;
        bottom: calc(var(--vh, 1vh)*13.5);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0
    }

    .popup-images[data-type=gallery] .swiper {
        top: 14.67vh;
        top: calc(var(--vh, 1vh)*14.67)
    }

    .sec12-flat-table-num span:first-child {
        margin-right: 1.6vw
    }

    .section2 .sec4-wrap-item>div:last-child {
        width: 100vw
    }

    .ui-selectmenu-button .ui-selectmenu-text {
        font-size: 18px
    }

    .form__checkbox {
        margin-top: 2.66667vw
    }

    .form__checkbox .checkbox {
        width: 100%
    }

    .form__checkbox .checkbox__text {
        font-size: 3.2vw;
        padding-left: 5.33333vw
    }

    .form__checkbox .checkbox .checkmark {
        height: 5.33333vw;
        width: 5.33333vw
    }

    .form__checkbox .checkbox input:checked~.checkmark {
        background-size: 4.8vw
    }

    .checkbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding-left: 1.5625vw;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 60%
    }

    .checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

    .checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 1.0416666667vw;
        width: 1.0416666667vw;
        border: .1041666667vw solid #000;
        -webkit-transition: border-color .2s;
        transition: border-color .2s;
        display: block
    }

    .checkbox input:checked~.checkmark {
        background: url(../img/checkbox.svg) 50% no-repeat;
        background-size: .625vw
    }

    .checkbox:hover {
        cursor: pointer
    }

    .checkbox:hover .checkmark {
        border-color: #444
    }

    .checkbox__text {
        font-size: .625vw;
        line-height: 1.4
    }

    .checkbox__text a {
        text-decoration: underline
    }

    .checkbox__text a:hover {
        text-decoration: none
    }
}