/* Start:/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/style.css?16252102022246*/
/* site-breadcrumb */

.site-breadcrumbs {
    position: relative;
    z-index: 25;
    padding-top: 40px;
}

.bx_breadcrumbs ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bx_breadcrumbs ul li::before {
    content: unset;
}

.bx_breadcrumbs ul li a {
    position: relative;
    transition: all .3s ease-in-out !important;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #717C89;
    color: rgba(92, 91, 91, .35);
    display: block;
    /*background: url(/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/img/rec.svg) no-repeat center right;*/
    margin-left: 15px;
    margin-right: 20px;
    border-bottom: 1px solid rgba(113, 124, 137, 0.35) !important;
}

.bx_breadcrumbs ul li a::before {
    content: '';
    position: absolute;
    background: url(/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/img/rec.svg);
    height: 4px;
    width: 4px;
    top: 50%;
    transform: translateY(-50%);
    right: -19px;
}

.bx_breadcrumbs ul li:first-child a {
    margin-left: 0;
    height: 16px;
    width: 16px;
    border-bottom: unset !important;
}

.bx_breadcrumbs ul li:first-child a::after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M7 5L1 7V15H7M7 1L15 3V15H7V1Z" stroke="%23717C89" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bx_breadcrumbs ul li span {
    margin: 0 15px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #282828;
}

.bx_breadcrumbs ul li a:hover {
    color: #282828;
    border-color: transparent !important;
}

@media (min-width: 992px) and (max-width: 1600px)  {
    .site-breadcrumbs {
        padding-top: 15px;
    }
}

/* site-breadcrumb */
/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1481100176666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/style.css?177883228275358*/

.finish-swiper-counter {
    position: relative;
}

.swiper-counter__container {
    z-index: 20;
    left: 38px;
    bottom: 35px;
}

.finish-swiper-counter .swiper-counter__current,
.finish-swiper-counter .swiper-counter__dash,
.finish-swiper-counter .swiper-counter__count {
    color: #FFFFFF;
}

/* form */

.site-form__item {
    margin-bottom: 15px;
    position: relative;
    z-index: 15;
}

#fb-flat .site-form__item {
    margin-bottom: 10px;
}

.site-form__item input[type="text"],
.site-form__item input[type="email"] {
    font-family: 'Roboto Slab', serif;
    background-color: transparent;
    width: 100%;
    outline: none;
    height: 60px;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 14px 25px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: #282828;
    border: 1px solid rgba(113, 124, 137, 0.35);
    position: relative;
}

#fb-flat .site-form__item input[type="text"],
#fb-flat .site-form__item input[type="email"] {
    height: 50px;
    padding: 16px 25px;
}

.site-form__item input[type="text"]::-webkit-input-placeholder,
.site-form__item input[type="email"]::-webkit-input-placeholder,
.site-form__item input[type="text"]::-moz-placeholder,
.site-form__item input[type="email"]::-moz-placeholder,
.site-form__item input[type="text"]:-ms-input-placeholder,
.site-form__item input[type="email"]:-ms-input-placeholder,
.site-form__item input[type="text"]::-ms-input-placeholder,
.site-form__item input[type="email"]::-ms-input-placeholder,
.site-form__item input[type="text"]::placeholder,
.site-form__item input[type="email"]::placeholder {
    font-size: 16px;
    line-height: 1;
    color: #717C89;
}

.site-form__item input[type="text"] + label,
.site-form__item input[type="email"] + label {
    position: absolute;
    top: 21px;
    left: 25px;
    right: 25px;
    z-index: 1;
    font-size: 16px;
    line-height: 1;
    color: #717C89;
    opacity: 1;
    visibility: visible;
}

#fb-flat .site-form__item input[type="text"] + label,
#fb-flat .site-form__item input[type="email"] + label {
    top: 17px;
    white-space: nowrap;
}

.site-form__item input[type="text"]:focus + label,
.site-form__item input[type="email"]:focus + label,
.site-form__item input[type="text"]:valid + label,
.site-form__item input[type="email"]:valid + label,
.site-form__item input[type="email"].not-empty + label {
    opacity: 0;
    visibility: hidden;
}


@media all and (max-width: 767px) {
    .site-form__item input[type="text"],
    .site-form__item input[type="email"] {
        font-size: 16px;
        padding: 14px 15px;
    }

    .site-form__item input[type="text"] + label,
    .site-form__item input[type="email"] + label {
        left: 15px;
        right: 15px;
        white-space: nowrap;
        font-size: 15px;
    }
}

.form-submit-btn {
    position: relative;
    z-index: 5;
}

.form-submit-btn input[type=submit] {
    height: 60px;
}

.form-submit-btn::before {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1L1 5L4 9M16 1L11 15L7 12M16 1L4 9M4 9L3.5 12.5L7 12M7 12L9.5 9" stroke="%23282828" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 17px;
    height: 16px;
    left: calc(50% - 90px);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}

/* form */

/* modals */

.fancybox-slide > * {
    overflow: visible !important;
}

.fancybox-slide--html {
    padding: 0 !important;
}

.fancybox-bg {
    background: rgba(40, 40, 40, 0.5) !important;
    opacity: 1 !important;
}

.fb {
    position: relative;
    -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
    box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
    background: #FFFFFF;
    padding: 0px;
    overflow: visible;
    /*margin: 0px 5px;*/
    min-width: 320px;
}

.fb-s {
    width: auto;
    max-width: 570px;
}

.fb-m {
    width: auto;
    max-width: 880px;
}

.fb-b {
    width: auto;
    max-width: 1170px;
    border-radius: 3px;
}

.fb-w {
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
}

.form-modal-bot {
    padding-top: 25px;
}

.form-policy-modal {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.16;
    color: #717C89;
    padding-left: 42px;
    margin: 20px auto 0 auto;
    max-width: 370px;
}

.form-policy-modal::before {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="16" cy="16" r="15.5" stroke="%23FFD700"/> <path d="M16 9V18" stroke="%23FFD700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="16" cy="22" r="1.25" fill="%23FFD700"/> </svg>');
    left: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-policy-modal a {
    color: #282828;
    border-bottom: 1px solid rgba(40, 40, 40, 0.2) !important;
}

.form-policy-modal a span {
    border-bottom: 1px solid rgba(40, 40, 40, 0.2) !important;
}

.cross {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 50px;
    width: 50px;
    border: none;
    background-image: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">  <path opacity="0.5" d="M15 1L1 15M1 1L15 15" stroke="%23717C89" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cross span {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #282828;
}

.fb__head {
    padding: 40px 50px 15px 50px;
}

.fb__body {
    padding: 0 50px 50px 50px;
}

#fb-flat .fb__head {
    padding: 40px 25px 15px;
}

#fb-flat .fb__body {
    padding: 0 25px 50px;
}

.fb__head h2,
.fb__head .h2 {
    line-height: 1.2 !important;
    margin-bottom: 17px;
}

.fb__head p {
    font-size: 16px;
    line-height: 1.5;
    color: #717C89;
    margin: 15px 0;
}

.hint {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    height: 20px;
    width: 20px;
    z-index: 10;
}

.hint::before {
    content: '';
    background-image: url('data:image/svg+xml;utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle opacity="0.35" cx="10" cy="10" r="9.5" stroke="%23717C89"/> <path d="M9.59026 11.593L10.6354 11.2558C10.481 11.1279 10.3741 10.9186 10.3741 10.7326C10.3741 9.68605 12.5 9.54651 12.5 7.82558C12.5 6.77907 11.5855 6 10.0891 6C9.02019 6 8.1057 6.43023 7.5 7.15116L8.29572 8.02326C8.69952 7.53488 9.22209 7.2093 9.94656 7.2093C10.7185 7.2093 11.0748 7.59302 11.0748 8.04651C11.0748 9.03488 9.16271 9.18605 9.16271 10.6047C9.16271 10.9884 9.30523 11.3256 9.59026 11.593ZM10.0178 14C10.4691 14 10.8492 13.6279 10.8492 13.186C10.8492 12.7442 10.4691 12.3721 10.0178 12.3721C9.56651 12.3721 9.18646 12.7442 9.18646 13.186C9.18646 13.6279 9.56651 14 10.0178 14Z" fill="%23717C89"/> </svg>');
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-position: center;
    background-repeat: no-repeat;
}

.hint__inner {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0px 15px 45px rgb(40 40 40 / 5%), 0px 10px 30px -10px rgb(40 40 40 / 15%);
    box-shadow: 0px 15px 45px rgb(40 40 40 / 5%), 0px 10px 30px -10px rgb(40 40 40 / 15%);
    width: 200px;
    padding: 16px 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #717C89;
    z-index: 90;
    background-color: #FFF;
    top: 0;
    left: 100%;
    margin-left: 9px;
}

.hint:hover .hint__inner {
    opacity: 1;
    visibility: visible;
}

.hint:hover::before {
    background-image: url('data:image/svg+xml;utf8, <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(%23filter0_dd)"> <circle cx="18" cy="15" r="10" fill="white"/> </g> <path d="M17.5903 16.593L18.6354 16.2558C18.481 16.1279 18.3741 15.9186 18.3741 15.7326C18.3741 14.686 20.5 14.5465 20.5 12.8256C20.5 11.7791 19.5855 11 18.0891 11C17.0202 11 16.1057 11.4302 15.5 12.1512L16.2957 13.0233C16.6995 12.5349 17.2221 12.2093 17.9466 12.2093C18.7185 12.2093 19.0748 12.593 19.0748 13.0465C19.0748 14.0349 17.1627 14.186 17.1627 15.6047C17.1627 15.9884 17.3052 16.3256 17.5903 16.593ZM18.0178 19C18.4691 19 18.8492 18.6279 18.8492 18.186C18.8492 17.7442 18.4691 17.3721 18.0178 17.3721C17.5665 17.3721 17.1865 17.7442 17.1865 18.186C17.1865 18.6279 17.5665 19 18.0178 19Z" fill="%23FFD700"/> <defs> <filter id="filter0_dd" x="0" y="0" width="36" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="2"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0.15 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="4"/> <feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0.05 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> </defs> </svg>');
}

@media all and (max-width: 1024px) {
    .hint__inner {
        right: 0;
        left: unset;
    }

    .hint--fog {
        content: "";
        position: absolute;
        z-index: 2;
        top: 1px;
        right: 1px;
        bottom: 1px;
        background: #fff;
        width: 60px;
    }
}

/*#fb-flat .fb__head,
#fb-flat .fb__body {
    background: #F5F7F9;
}*/

.fb__modal__gray {
    background: #F5F7F9;
}

@media all and (max-width: 767px) {
    .fb__head {
        padding: 40px 20px 15px;
    }

    .fb__body {
        padding: 0 20px 50px;
    }
}

/*@media all and (min-width: 1025px) {
    .fb__modal__gray {
        height: 100%;
    }
}*/

.modal-slider {
    border: 1px solid #E5E5E5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    height: 370px;
}

.modal-slider .swiper-container {
    height: 100%;
}

.modal-slider__item-img {
    max-width: 300px;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.modal-slider .swiper-button-prev::after {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="15" height="26" viewBox="0 0 15 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 1L2 13L14 25" stroke="%23717C89" stroke-width="2" stroke-linecap="round"/> </svg>') !important;
    width: 15px;
    height: 26px;
    opacity: .35 !important;
}

.modal-slider .swiper-button-next::after {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="15" height="26" viewBox="0 0 15 26" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M1 1L13 13L1 25" stroke="%23717C89" stroke-width="2" stroke-linecap="round"/>  </svg>') !important;
    width: 15px;
    height: 26px;
    opacity: .35 !important;
}

.modal-slider .swiper-button-next:hover,
.modal-slider .swiper-button-prev:hover {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.modal-slider .swiper-button-next:hover::after,
.modal-slider .swiper-button-prev:hover::after {
    opacity: 1 !important;
}

.modal-slider .swiper-button-prev,
.modal-slider .swiper-button-next {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


.fb-flat {
    padding: 40px 15px 50px 35px;
}

.fb-flat .h3 {
    margin-bottom: 45px;
}

.fb-flat__item--border {
    border-bottom: 1px solid #E5E5E5;
}

.fb-flat__item--border.lg,
.fb-flat__item--border.md {
    padding-bottom: 20px;
}


.fb-flat__item--border.sm {
    padding-bottom: 15px;
}

.fb-flat__item-name {
    font-weight: 600;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #717C89;
}

.fb-flat__item-val {
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
    color: #282828;
}

.fb-flat__item.lg,
.fb-flat__item.md {
    margin-bottom: 14px;
}

.fb-flat__item.sm {
    margin-bottom: 9px;
}

.fb-flat__item.lg .fb-flat__item-val {
    font-size: 26px;
    line-height: 1;
}

.fb-flat__item.md .fb-flat__item-val {
    font-size: 24px;
    line-height: 1;
}

.fb-flat__item.sm .fb-flat__item-val {
    font-size: 16px;
    line-height: 20px;
}

@media all and (min-width: 1025px) {


    .cross:hover {
        background-image: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M15 1L1 15M1 1L15 15" stroke="%23FFD700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
    }

    .cross:hover span {
        opacity: 1;
    }

    .site-form__item input:hover {
        border-color: rgba(113, 124, 137, 0.75) !important;
    }

    .site-form__item input:focus {
        -webkit-box-shadow: 0px 10px 30px -10px rgba(40, 40, 40, 0.25) !important;
        box-shadow: 0px 10px 30px -10px rgba(40, 40, 40, 0.25) !important;
        border-color: transparent !important;
    }

    .site-form__item input:focus::-webkit-input-placeholder {
        color: transparent !important;
    }

    .site-form__item input:focus::-moz-placeholder {
        color: transparent !important;
    }

    .site-form__item input:focus:-ms-input-placeholder {
        color: transparent !important;
    }

    .site-form__item input:focus::-ms-input-placeholder {
        color: transparent !important;
    }

    .site-form__item input:focus::placeholder {
        color: transparent !important;
    }

    .form-policy-modal a:hover span {
        border-color: transparent !important;
    }
}

@media all and (max-width: 1024px) {
    .fb {
        width: auto;
        max-width: 100%;
    }

    .fb-flat__info {
        margin-top: 25px;
    }

    .fb-flat {
        padding: 40px 15px 15px 15px;
    }

}

@media all and (max-width: 767px) {


}

/* modals */

/* site */

#offer_button,
#offer_form,
#callback_button {
    display: none !important;
}

a {
    -webkit-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
    /*border-bottom: none !important;*/
}


.site-section {
    padding: 100px 0;
}

.h2 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
}

.h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3;
}

p {
    font-size: 16px;
}

.hypothec-text {
    padding-left: 20px;
    padding-right: 60px;
}

.hypothec-text .h3 {
    margin-bottom: 12px;
}

.hypothec-text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.3;
    margin: 12px 0;
}

.hypothec-btn {
    margin-top: 19px;
}

.pgs-first-block-back {
    width: 50%;
    position: absolute;
    height: 100%;
    margin-left: 50%;
    z-index: 15;
}

.pgs-first-block-back img {
    position: absolute;
    right: 0;
    height: 100% !important;
}

.pgs-first-block__wrapper h1,
.pgs-first-block__wrapper .title-part {
    font-size: 54px;
    line-height: 1;
    margin-bottom: 17px;
}
.pgs-first-block__wrapper .title-part {
    color: #282828; 
    margin-top: -17px;
    margin-bottom: 25px;
    font: 700 47px/60px 'Roboto Slab',serif;
}

.pgs-first-block__sub-title {
    font-size: 18px;
    line-height: 1.4;
    color: #717C89;
}

.pgs-first-block__sub-title span {
    font-weight: 600;
    font-family: Roboto Slab, serif;
    font-style: normal;
    line-height: 1.2;
    color: #282828;
}

.pgs-first-block__sub-title a {
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

.pgs-first-block__sub-title a > span {
    font-weight: normal;
}

.pgs-first-block__sub-title a:not(.proj-phone) {
    border-bottom: 1px solid currentColor;
}

.pgs-first-block__btn {
    margin-top: 30px;
}

.pgs-first-block__info-item {
    position: relative;
    padding-left: 75px;
}

.pgs-first-block__info-item-title {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    color: #282828;
    margin-bottom: 4px;
}

.pgs-first-block__info-item-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(113, 124, 137, 0.85);
}

.section-hypothec {
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
}

.text-white {
    color: #FFFFFF;
}

.pgs-first-block__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pgs-first-block__bot {
    padding-bottom: 5px;
}

.pgs-first-block {
    position: relative;
    z-index: 15;
}

@media all and (min-width: 1025px) {

    .pgs-first-block {
        min-height: 590px;
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
        margin-top: -72px;
    }

    .pgs-first-block > .container,
    .pgs-first-block__wrapper > .row {
        height: 100%;
    }

    .pgs-first-block__wrapper {
        padding-top: 120px;
        height: calc(100% - 120px);
    }

    .pgs-first-block__container {
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
    }

}

@media all and (min-width: 768px) {
    .pgs-first-block__info-item {
        width: 50%;
    }
}

@media all and (max-width: 1024px) {

    .section-hypothec {
        padding-bottom: 80px;
    }

    .site-section {
        padding: 60px 0;
    }

    .pgs-first-block {
        background-image: none !important;
    }

    .pgs-first-block__container {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .pgs-first-block__tablet-img {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        right: 0;
    }

    .pgs-first-block__wrapper h1,
    .pgs-first-block__wrapper .title-part {
        font-size: 36px;
    }

    .pgs-first-block__sub-title {
        font-size: 15px;
    }

    .pgs-first-block__bot {
        border-top: 1px solid #E5E5E5;
        padding-top: 40px;
    }

    .pgs-first-block__info-item:last-of-type {
        margin-right: 100px;
    }

}

@media all and (max-width: 767px) {

    .pgs-first-block__info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .pgs-first-block__wrapper h1,
    .pgs-first-block__wrapper .title-part {
        font-size: 28px;
    }

    .pgs-first-block__sub-title {
        font-size: 14px;
    }

    .h2 {
        font-size: 24px !important;
    }

    .h3 {
        font-size: 20px !important;
    }

    .pgs-first-block__bot {
        padding-top: 30px;
    }

    .pgs-first-block__mobile-img {
        margin: 0 auto;
        margin-top: 30px;
        max-width: 100%;
    }

    .pgs-first-block__container {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .pgs-first-block__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pgs-first-block__info-item:last-of-type {
        margin-right: 0;
        margin-top: 25px;
    }

    .site-section {
        padding: 50px 0;
    }
}

@media (min-width: 1025px) and (max-width: 1600px) {
    .pgs-first-block {
        min-height: 490px;
        margin-top: -50px;
    }

    .pgs-first-block__wrapper {
        padding-top: 60px;
        height: calc(100% - 60px);
    }
}

.hypothec-block {
    position: relative;
    z-index: 15;
}

/* site */

/* sliders */

.hypothec-swiper-counter {
    position: absolute;
    bottom: 0;
    left: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

.swiper-arrows__container {
    position: absolute;
    bottom: 30px;
    width: 100px;
    height: 50px;
}

.swiper-button-prev,
.swiper-button-next {
    height: 50px !important;
    width: 50px !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0 !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '' !important;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: none !important;
}

.hypothec-item {
    height: 270px !important;
}

.hypothec-item__img {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.swiper-arrows__container::before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, .1);
    width: 1px;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media all and (min-width: 1025px) {
    .swiper-arrows__container:hover::before {
        opacity: 0;
    }
}

@media all and (max-width: 1024px) {
    .hypothec-text {
        padding-right: 20px;
    }
}

@media all and (max-width: 767px) {
    .hypothec-item {
        margin-bottom: 30px;
    }

    .hypothec-swiper-counter {
        top: 145px;
        bottom: unset;
    }

    .hypothec-slider .swiper-arrows__container {
        top: 205px;
        bottom: unset;
    }

    .hypothec-text {
        padding-bottom: 30px;
    }

    .hypothec-item__img {
        background-position: left center;
    }
}

/* sliders */

/* buttons */

.btn {
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid transparent;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: bold;
    border-radius: 3px;
    margin: 0;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: transparent;
    outline: none;
    text-decoration: none !important;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    z-index: 50;
}

.btn-wide {
    width: 100%;
}

.btn-xs {
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
}


.btn-sm {
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
}

.btn-md {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}

.btn-rad.btn-xs {
    padding: 13px 55px;
    border-radius: 20px;
}

.btn-rad.btn-sm {
    padding: 18px 30px;
    border-radius: 25px;
}

.btn-rad.btn-md {
    padding: 22px 35px;
    border-radius: 30px;
}

.btn-quad.btn-xs {
    border-radius: 3px;
    padding: 12px 30px;
}

.btn-quad.btn-sm {
    border-radius: 3px;
    padding: 18px 30px;
}

.btn-quad.btn-md {
    border-radius: 3px;
    padding: 22px 35px;
}

.btn-yellow {
    background: #FFD700;
    color: #282828;
}

.btn-aqua {
    background: #399EB3;
    color: #FFFFFF;
}

.btn-black {
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    color: #FFFFFF;
}

.btn-white {
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    color: #282828;
}

[data-icon="check-mark"] span {
    position: relative;
    padding-left: 22px;
}

[data-icon="check-mark"] span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 7L3 9L11 1" stroke="%23282828" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 12px;
    height: 10px;
}

.btn-black[data-icon="check-mark"] span::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 7L3 9L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
}

.btn-white[data-icon="dots"] span::before {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="14" height="4" viewBox="0 0 14 4" fill="none" xmlns="http://www.w3.org/2000/svg">  <circle cx="2" cy="2" r="1.25" fill="%23282828"/>  <circle cx="7" cy="2" r="1.25" fill="%23282828"/>  <circle cx="12" cy="2" r="1.25" fill="%23282828"/>  </svg>');
}

@media all and (min-width: 1025px) {
    .btn-yellow:active {
        background: #FFE660;
    }

    .btn-black:active {
        border-color: #C99C47;
        color: #C99C47;
    }

    .btn-black:hover {
        border-color: #E7BE68;
        color: #E7BE68;
    }

    .btn-xs.btn-yellow:hover {
        color: #282828 !important;
        -webkit-box-shadow: 0px 5px 15px rgba(255, 215, 0, 0.35);
        box-shadow: 0px 5px 15px rgba(255, 215, 0, 0.35);
    }

    .btn-sm.btn-yellow:hover {
        color: #282828 !important;
        -webkit-box-shadow: 0px 10px 30px -10px rgba(255, 215, 0, 0.35), 0px 5px 15px -5px rgba(255, 215, 0, 0.35);
        box-shadow: 0px 10px 30px -10px rgba(255, 215, 0, 0.35), 0px 5px 15px -5px rgba(255, 215, 0, 0.35);
    }

    .btn-md.btn-yellow:hover {
        color: #282828 !important;
        -webkit-box-shadow: 0px 15px 45px -15px rgba(255, 215, 0, 0.35), 0px 10px 30px -10px rgba(255, 215, 0, 0.35);
        box-shadow: 0px 15px 45px -15px rgba(255, 215, 0, 0.35), 0px 10px 30px -10px rgba(255, 215, 0, 0.35);
    }

    .btn-aqua:hover {
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
        color: #fff!important;
    }
}

@media all and (max-width: 1024px) {
    .btn-md {
        font-size: 14px;
    }
}

/* buttons */

/* building progress */

.section-building {
    position: relative;
    padding-bottom: 70px;
}

.building-title {
    margin-bottom: 35px;
    position: relative;
    z-index: 15;
}

.building-item,
.building-item__nav {
    height: 345px !important;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.building-item__nav-inner {
    padding: 30px;
    position: relative;
}

.building-item__nav-inner__btn {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.building-item__nav-inner__btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 9px;
    height: 14px;
}

.building-item__img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.building-item__nav-img {
    width: 100%;
    height: 230px;
    background-position: center;
    background-size: cover;
}

.building-item__year {
    position: absolute;
    right: 40px;
    top: 30px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.3;
    color: #FFFFFF;
}

.building-item__month {
    position: absolute;
    left: 40px;
    bottom: 55px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.building-slider .swiper-arrows__container {
    right: 30px;
}

.building-slider {
    z-index: 20;
}

.building-slider-nav {
    margin-top: -345px;
    z-index: 15;
}

.building-item__nav-inner-year {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.3;
    color: #282828;
}

.building-item__nav-inner-month {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #717C89;
}

/* building progress */

/* commerce-rooms */

.section-commerce-rooms {
    position: relative;
    background: #F9F9F9;
    padding-top: 100px;
    padding-bottom: 70px;
}

.commerce-rooms__title {
    position: relative;
    z-index: 15;
    margin-bottom: 50px;
}

.commerce-rooms__item {
    z-index: 15;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    text-align: left;
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
    box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
    padding: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.commerce-rooms__img-wrap {
    height: 154px;
    width: 100%;
    margin-bottom: 25px;
}

.commerce-rooms__img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.commerce-rooms__name {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #282828;
    margin-bottom: 10px;
}

.commerce-rooms__text {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #717C89;
    margin-bottom: 22px;
}

.commerce-rooms__price-title {
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(113, 124, 137, 0.5);
}

.commerce-rooms__price-value {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.3;
    color: #282828;
}

.commerce-rooms__price-value-q {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 26px;
    color: #717C89;
}

@media all and (min-width: 1025px) {
    .commerce-rooms__item:hover {
        color: inherit !important;
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
    }
}

/* commerce-rooms */

/* spaces */

.section-spaces {
    position: relative;
    padding-top: 100px;
    padding-bottom: 70px;
}

.space-item {
    position: relative;
    z-index: 15;
    border: 1px solid #E5E5E5 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.space-item__inner {
    padding: 40px 0;
    padding-right: 80px;
}

.space-item__name {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #282828;
    margin-bottom: 5px;
}

.space-item__price {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.3;
    color: #717C89;
    margin-bottom: 20px;
}

.space-item__img {
    display: block !important;
    margin-right: 25px;
    width: auto !important;
    height: 100%;
}

@media all and (min-width: 1025px) {
    .space-item:hover {
        color: inherit !important;
        border-color: transparent !important;
        -webkit-box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
        box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
    }
}

@media all and (max-width: 1024px) {

    .building-slider-nav {
        display: none;
    }

    .space-item__inner {
        padding-right: 10px;
    }
}

@media all and (max-width: 767px) {

    .space-item__inner {
        padding: 30px 15px;
    }

    .space-item__btn .btn {
        width: 100%;
    }

    .space-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

/* spaces */

/* teasers */

.section-teasers {
    position: relative;
    padding-bottom: 40px;
}

.teaser-item {
    position: relative;
    z-index: 15;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.teaser-item__img {
    margin-bottom: 35px;
}

.teaser-item__name {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 16px;
}

.teaser-item__text {
    font-weight: normal;
    font-size: 15px;
    line-height: 1.3;
}

@media all and (max-width: 1024px) {
    .teaser-item {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }
}

/* teasers */

/* price */

.section-price {
    padding: 100px 0;
    position: relative;
}

.section-commerce {
    position: relative;
    padding-top: 100px;
    padding-bottom: 80px;
}


@media all and (min-width: 1025px) {
    .price-img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -37px;
        z-index: 10;
    }

    .commerce-img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 15;
    }
}

@media all and (max-width: 1024px) {
    .price-img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .commerce-img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

/* price */

/* section-rc */

.section-rc {
    padding: 100px 0;
}

.slider-rc__wrapper {
    position: relative;
    width: 50%;
    z-index: 20;
}

.rc-slider {
    overflow: hidden;
}

.rc-item {
    height: 520px !important;
}

.rc-item__img {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

@media all and (min-width: 1025px) {
    .section-rc__wrapper {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        z-index: 15;
    }
}

@media all and (max-width: 1024px) {
    .section-rc {
        padding: 50px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .section-rc__wrapper p {
        margin-bottom: 50px;
    }

    .slider-rc__wrapper {
        width: 100%;
        margin-bottom: 30px;
    }
}

/* section-rc */

/* territory */

.section-territory {
    position: relative;
}

.section-territory-img {
    position: relative;
    /*margin-top: 50px;*/
    width: 100%;
    background-size: cover;
    background-position: center;
}

.section-territory__top {
    padding-bottom: 50px;
}

.section-territory-img-mobile {
    margin: 20px 0;
}

.territory-text {
    margin: 0 !important;
    z-index: 10;
    position: relative;
}

.section-territory__item,
.section-territory__item-text {
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.section-territory__item-text {
    background: #FFFFFF;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% + 15px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 200px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    line-height: 1.2;
    color: #282828;
    user-select: none;
    -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgb(40, 40, 40, 0.25);
    box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgb(40, 40, 40, 0.25);
}

.section-territory__item-text::before {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M0 0H12L6 8L0 0Z" fill="white"/>  </svg>');
    width: 12px;
    height: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -8px;
}

@media all and (min-width: 1025px) {
    .section-territory-img {
        height: 650px;
    }

    .section-territory__item:hover,
    .section-territory__item-text:hover {
        z-index: 10;
    }
}

@media all and (max-width: 1024px) {
    .section-territory .h2 {
        margin-bottom: 20px;
    }

    .section-territory-img {
        height: 260px;
        background-size: contain;
        background-repeat: no-repeat;
    }

}

/* territory */

/* technologies */

.section-technologies {
    position: relative;
    padding-top: 90px;
    padding-bottom: 100px;
}

.section-technologies .h2 {
    margin-bottom: 35px;
}

.technologies-item {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 15;
    padding: 33px 120px 33px 33px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    min-height: 250px;
    margin-bottom: 30px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.technologies-item__title {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    position: relative;
}

.technologies-item__text {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.75);
    opacity: 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.technologies-item--first {
    min-height: 530px;
    padding: 34px 40px;
}

.technologies-item--first .technologies-item__title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    color: #FFFFFF;
}

.technologies-item::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.technologies-item__hover::before {
    content: '';
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="32" height="14" viewBox="0 0 32 14" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M1 7H31M31 7L25 1M31 7L25 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
    width: 32px;
    height: 14px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media all and (min-width: 1025px) {
    .technologies-item:hover::before,
    .technologies-item:hover .technologies-item__text {
        opacity: 1;
    }
}

@media all and (max-width: 1024px) {

    .technologies-item {
        overflow: hidden !important;
    }

    .section-technologies {
        padding: 50px 0;
    }

    .technologies-item--first {
        min-height: 250px;
    }

    .technologies-item--first .technologies-item__title {
        font-size: 16px;
    }

}

/* technologies */

/* apartments */

.apartments-item {
    z-index: 15;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    text-align: left;
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
    box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
    padding: 60px 24px 30px 24px;
}

.section-apartments {
    position: relative;
}

.section-apartments .h2 {
    margin-bottom: 40px;
}

.apartments-item__num {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    user-select: none;
}

.apartments-item__num-inner {
    position: absolute;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    top: 15px;
    left: 15px;
}

.apartments-item__img {
    display: block;
    box-sizing: border-box;
    max-height: 172px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 25px;
}

.apartments-item__name {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.3;
    color: #282828;
    margin-bottom: 17px;
    min-height: 44px;
}

.apartments-item__price-title {
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.apartments-item__price-value {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.3;
    color: #282828;
}

.apartments-item__price-value-q {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 26px;
}

@media all and (min-width: 1025px) {
    .apartments-item:hover {
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
        color: inherit !important;
    }
}

@media all and (max-width: 1024px) {
    .section-apartments {
        padding: 50px 0;
    }

    .apartments-item {
        text-align: center;
        margin-bottom: 30px;
        overflow: hidden;
    }

}

/* apartments */

/* security */

.section-security {
    padding: 100px 0;
}

.section-security-img__wrapper {
    width: 50%;
    margin-left: 50%;
}

.section-security__wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 15;
}

.security-block {
    border: 1px solid #E5E5E5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.security-block__item {
    padding: 40px 30px;
}

.security-block__item:first-child {
    border-right: 1px solid #E5E5E5;
}

@media all and (max-width: 1024px) {
    .section-security-img__wrapper {
        width: 100%;
        margin-left: 0;
    }

    .section-security {
        padding: 50px 0;
    }

    .section-security__wrapper {
        position: relative;
        top: unset;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 30px;
    }

    .section-map__wrapper {
        margin-top: 30px;
        padding-bottom: 30px;
    }


}

@media all and (max-width: 767px) {
    .security-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
    }

    .security-block__item:first-child {
        border-right: none;
        border-bottom: 1px solid #E5E5E5;
    }

}

/* security */

/* map */

.section-map {
    position: relative;
}

.map__wrapper {
    width: 50%;
    height: 680px;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.section-map__wrapper {
    z-index: 15;
}

.placemark_layout_container {
    position: relative;
}

.circle_layout {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 10px 20px rgba(40, 40, 40, 0.1), 0px 5px 15px -5px rgba(40, 40, 40, 0.35);
    box-shadow: 0px 10px 20px rgba(40, 40, 40, 0.1), 0px 5px 15px -5px rgba(40, 40, 40, 0.35);
}

.circle_layout img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 50;
}

.ballon_layout_container {
    position: relative;
}

.ballon_layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #000;
    z-index: 50;
}

.map-controls {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 15;
}

.map-controls__item {
    width: 50%;
}

.map-controls__item-control {
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 64px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -1px 0;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.map-controls__item:last-child .map-controls__item-control {
    border-right: 1px solid #E5E5E5;
}

.map-controls__item-control img {
    padding-left: 22px;
}

.map-controls__item-control span {
    position: relative;
    padding-left: 42px;
    padding-right: 22px;
}

.map-controls__item-control span::before {
    content: '';
    position: absolute;
    left: 21px;
    height: 64px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1px solid #F5F5F5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.map-controls__item-control.active {
    color: #FFFFFF;
    background-color: #282828;
}

.map-controls__item-control.active span::before {
    border-color: rgba(255, 255, 255, 0.15);
}

@media (min-width: 1025px) {
    .section-map__wrapper {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .map-controls__item-control:not(.active):hover {
        border-color: #FFFFFF !important;
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
    }
}

@media all and (max-width: 1024px) {
    .map__wrapper {
        width: 100%;
    }
}

@media all and (max-width: 767px) {

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

    .map-controls__item:first-of-type .map-controls__item-control:last-child {
        border-bottom: unset;
    }

    .map-controls__item-control {
        border-right: 1px solid #E5E5E5;
    }

    .map-controls__item {
        width: 100%;
    }
}

/* map */

/* finish */

.section-finish {
    position: relative;
    padding-top: 90px;
    padding-bottom: 70px;
}

.finish-text {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
}

.section-finish .h2 {
    margin-bottom: 30px;
    font-size: 39px;
}

.section-finish .sub-title {
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.3;
}

.finish-slider .swiper-arrows__container {
    right: 30px;
}

.finish-item {
    background-position: center;
    background-size: cover;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 450px;
    position: relative;
    z-index: 15;
}

.finish-text b {
    font-family: 'Roboto Slab', serif;
    margin-bottom: 8px;
}

.finish-text ul,
.section-territory__list {
    margin: 0;
}

.finish-text li,
.section-territory__list li {
    list-style-type: none;
    display: table;
    font-size: 16px;
    line-height: 1.5;
    color: #717C89;
    padding-left: 20px;
    position: relative;
}

.finish-text li::before,
.section-territory__list li::before {
    color: #B0CB1F;
    content: '';
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="3" r="3" fill="%23FFD700"/> </svg>');
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 9px;
}

.finish-item__title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    position: absolute;
    bottom: 35px;
    left: 40px;
}

.finish-item__back {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#282828), to(rgba(40, 40, 40, 0)));
    background: -o-linear-gradient(bottom, #282828 0%, rgba(40, 40, 40, 0) 100%);
    background: linear-gradient(360deg, #282828 0%, rgba(40, 40, 40, 0) 100%);
    opacity: 0.5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media all and (max-width: 1024px) {

    .finish-text {
        margin-bottom: 30px;
    }

    .section-finish {
        padding: 50px 0;
    }

    .section-finish .h2 {
        margin-bottom: 10px;
    }

    .section-finish .sub-title {
        margin-bottom: 20px;
    }

}

/* finish */

/* section-documents */

.section-documents {
    position: relative;
    padding: 100px 0;
}

.documents-block {
    position: relative;
    z-index: 10;
    background: #FFFFFF;
}

.documents-block .h3 {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.1;
    color: #282828;
    margin-bottom: 25px;
}

.document-items {
    padding: 0 60px 60px 60px;
}

.document-top {
    padding: 60px 60px 0 60px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 40px;
}
.document-top h2 {
    margin-top: 0;
}

.document-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.document-tabs__link {
    display: block;
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
    cursor: pointer;
}

.document-tabs__link.active {
    border-color: #FFD700;
}

.document-tabs__link:first-of-type {
    margin-right: 70px;
}

.document-tabs__items {
    display: flex;
    position: relative;
    transform: translate3d(0px,0,0);
    overflow: hidden;
}

.document-tabs__item {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-out, visibility .3s ease-out;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}
.document-tabs__item.active {
    opacity: 1;
    visibility: visible;
}

.document-tabs__item:last-child {
    transform: translate(-100%, 0);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.document-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.document-tabs__item .document-item {
    width: 50%;
    flex-basis: 50%;
}

.document-item__icon {
    display: block;
    margin-right: 20px;
}

.document-item__name {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #282828;
}

.document-item__info {
    font-size: 16px;
    line-height: 1.25;
    color: #717C89;
}

.document-item__info span {
    color: rgba(113, 124, 137, 0.5);
}

@media all and (max-width: 1024px) {
    .section-documents {
        padding: 50px 0;
    }
}

@media (max-width: 767px) {
    .document-tabs__item .document-item {
        width: 100%;
        flex-basis: 100%;
    }
}

/* section-documents */


/* commerce */

.section-purchase {
    padding-top: 85px;
    padding-bottom: 60px;
}

.section-purchase .sub-title {
    margin-bottom: 30px;
    position: relative;
    z-index: 15;
}

.section-purchase .h2 {
    margin-bottom: 15px;
    position: relative;
    z-index: 5;
}

.purchase-item {
    position: relative;
    z-index: 15;
    display: block;
    text-align: left;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
    box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.purchase-item__img {
    width: 100%;
    height: 170px;
    background-position: center;
    background-size: cover;
}

.purchase-item__inner {
    padding: 35px 40px;
}

.purchase-item__name {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    color: #282828;
    margin-bottom: 5px;
}

.purchase-item__text {
    font-size: 16px;
    line-height: 1.2;
    color: #717C89;
}

@media all and (min-width: 1025px) {
    .purchase-item:hover {
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
    }
}

@media all and (max-width: 1024px) {

    .purchase-item {
        text-align: center;
    }

    .section-purchase {
        padding: 50px 0;
    }
}

/* commerce */

/* projects */

.section-projects {
    position: relative;
    padding-top: 90px;
    padding-bottom: 70px;
}

.section-projects .h2 {
    margin-bottom: 35px;
}

.projects-item {
    text-align: left;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    border: 1px solid #E5E5E5 !important;
    position: relative;
    z-index: 15;
}

.projects-item__img {
    width: calc(100% + 2px);
    margin: -1px;
    height: 270px;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.projects-item__img::before {
    content: '';
    position: absolute;
    right: -1px;
    top: -1px;
    width: 100px;
    height: 100px;
    border: 1px solid #F6E8EA;
    opacity: 0;
    z-index: 5;
    border-radius: 0 0 0 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.projects-item__class {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    padding: 10px 15px;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #717C89;
}

.projects-item__inner {
    padding: 35px 30px;
}

.projects-item__name {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.1;
    color: #282828;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.projects-item__address-block-name,
.projects-item__deadline-block-name {
    font-weight: 600;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #717C89;
}

.projects-item__address-block-val,
.projects-item__deadline-block-val {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #282828;
}

.projects-item__address-block {
    margin-bottom: 22px;
}

.projects-item__address-block,
.projects-item__deadline-block {
    position: relative;
    padding-left: 30px;
}

.projects-item__address-block::before,
.projects-item__deadline-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.projects-item__address-block::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="29" viewBox="0 0 22 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 11C21 19 11 27 11 27C11 27 1 19 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z" stroke="%23FFD700" stroke-width="2"/> <circle cx="11" cy="11" r="4.5" stroke="%23FFD700"/> </svg>');
    width: 22px;
    height: 29px;
}

.projects-item__deadline-block::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="28" viewBox="0 0 22 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 1H3C1.89543 1 1 1.89543 1 3V25C1 26.1046 1.89543 27 3 27H15C16.1046 27 17 26 17 25V24C18 24 20 23.5 21 22C19.6667 20.6667 17 18 17 7V3C17 1.89543 16.1046 1 15 1Z" stroke="%23FFD700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <rect x="1" y="7" width="16" height="1" fill="%23FFD700"/> <path d="M1.5 7.5C1.5 18.5 3 22 4.5 23.5C8 23.5 11.5 23.5 17 23.5" stroke="%23FFD700" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 15.5L9 17L12.5 13.5" stroke="%23FFD700" stroke-linecap="round"/> </svg>');
    width: 22px;
    height: 28px;
}

@media all and (min-width: 1025px) {
    .projects-item:hover {
        border-color: transparent !important;
        -webkit-box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
        box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
    }

    .projects-item:hover .projects-item__img::before {
        opacity: 1;
    }

    .projects-item:hover .projects-item__name {
        color: #FFD700;
    }
}

@media all and (max-width: 1024px) {

    .map-controls__item-control {
        overflow: hidden;
    }

    .swiper-counter__current {
        font-size: 25px !important;
    }

    .swiper-counter__dash,
    .swiper-counter__count {
        font-size: 12px !important;
    }

    .section-projects {
        padding: 50px 0;
    }

    .document-top {
        padding: 30px 30px 0 30px;
    }

    .document-items {
        padding: 0 30px 30px 30px;
    }

    .section-price,
    .section-commerce {
        padding: 50px 0;
    }

    .section-apartments {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-spaces {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .section-commerce-rooms {
        padding-top: 50px;
        padding-bottom: 20px;
    }
}

/* projects */


@media all and (max-width: 767px) {

    .rc-slider .swiper-arrows__container {
        right: unset !important;
        left: 30px;
    }

    .price-btn .btn {
        width: 100%;
    }

    .document-top {
        padding: 30px 15px 0 15px;
    }

    .document-items {
        padding: 0 15px 30px 15px;
    }

    .hypothec-btn .btn {
        width: 100%;
    }

    .documents-block .h3 {
        font-size: 20px;
    }

    .teaser-item__name {
        font-size: 22px;
    }

    .section-rc {
        padding-bottom: 100px;
    }

    .document-tabs__link:first-of-type {
        margin-right: 15px;
    }

    .document-tabs__link {
        font-size: 12px;
    }

}


.finish-slider--desc {
    font-size: 13px;
    line-height: 1.85;
    color: rgba(113, 124, 137, 0.7);
    padding-top: 13px;
}

.finish-slider--desc.finish-dark--desc {
    color: rgba(255, 255, 255, 0.7);
}


/*  flat filter  */

.apartments-filter {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 3px;
    margin-bottom: 40px;
}

.apart-filter__item {
    padding: 17px 30px;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5E748D;
    cursor: pointer;
    border: 1px solid rgba(94, 116, 141, 0.2);
    border-right: 0;
    user-select: none;
}

.apart-filter__item:first-child {
    border-radius: 3px 0 0 3px;
}

.apart-filter__item:last-child {
    border-radius: 0px 3px 3px 0px;
    border-right: 1px solid rgba(94, 116, 141, 0.2);
}

.apart-filter__item.active {
    background: #282828;
    color: #fff;
    border-color: transparent;
}

.apart-filter__item.apart-filter__all.active {
    cursor: default;
}

.apart-item {
    display: none;
}

.apart-item.apart-active {
    display: block;
}

/* semicircle theme */

.semicircle .apart-filter__item:first-child {
    border-radius: 50px 0 0 50px;
}

.semicircle .apart-filter__item:last-child {
    border-radius: 0px 50px 50px 0px;
    border-right: 1px solid rgba(94, 116, 141, 0.2);
}


/* dark theme */

.dark-theme .apart-filter__item {
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-theme .apart-filter__item:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-theme .apart-filter__item.active {
    background: #444444;
    border-color: transparent;
}

@media all and (max-width: 1024px) {
    .apartments-filter {
        display: flex;
        justify-content: center;
    }

    .apart-filter__item {
        font-size: 13px;
        margin-bottom: 15px;
        margin-right: 15px;
        padding: 14px 20px;
        border-radius: 3px;
        border: 1px solid rgba(94, 116, 141, 0.2);
    }

    .apart-filter__item:first-child,
    .apart-filter__item:last-child {
        border-radius: 3px;
    }

    .semicircle .apart-filter__item,
    .semicircle .apart-filter__item:first-child,
    .semicircle .apart-filter__item:last-child {
        border-radius: 50px;
    }

    .dark-theme .apart-filter__item {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media all and (min-width: 1025px) {
    .apart-filter__item.active + .apart-filter__item {
        border-left-color: transparent;
    }

    .dark-theme .apart-filter__item.active + .apart-filter__item {
        border-left-color: transparent;
    }

    .apart-filter__item:not(.active):not(.apart-filter__all.active):hover {
        background: #FFFFFF;
        border-color: transparent;
        color: #282828;
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
    }

    .apart-filter__item:not(.active):not(.apart-filter__all.active):hover + .apart-filter__item {
        border-left-color: transparent;
    }

    .dark-theme .apart-filter__item:not(.active):not(.apart-filter__all.active):hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47));
        background: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%);
        background: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%);
        border-color: transparent;
        color: #FFFFFF;
        -webkit-box-shadow: 0px 15px 45px rgba(201, 156, 71, 0.35), 0px 10px 30px -10px rgba(201, 156, 71, 0.35);
        box-shadow: 0px 15px 45px rgba(201, 156, 71, 0.35), 0px 10px 30px -10px rgba(201, 156, 71, 0.35);
    }
}


#modal__object {
    background-color: transparent;
}


/*  menu responsive  */

@media all and (max-width: 1024px) {
    .sub-menu-1 ul > li {
        margin: 0 14px;
    }

    .sub-menu-1 ul > li a {
        font-size: 16px;
    }
}


.pgs-char-desc {
    padding: 40px 0 10px;
    border-bottom: 1px solid #E5E5E5;
}

.pgs-first-block__desc-item {
    position: relative;
    margin-bottom: 32px;
    text-align: left;
    padding-left: 75px;
}

.pgs-start-disclaimer {
    padding: 0 0 14px;
}

.pgs-start-disclaimer p {
    margin: 0;
    font-size: 13px !important;
    line-height: 1.1;
    color: rgba(113, 124, 137, 0.7);
}

.territory-disclaimer {
    position: absolute;
    font-size: 13px;
    line-height: 1.1;
    color: rgba(255, 255, 255, 0.7);
    bottom: 32px;
    left: 0;
    right: 0;
    user-select: none;
}

.section-territory-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(40%, rgba(40, 40, 40, 0)));
    background: -o-linear-gradient(bottom, #282828 0%, rgba(40, 40, 40, 0) 40%);
    background: linear-gradient(360deg, #282828 0%, rgba(40, 40, 40, 0) 40%);
    opacity: 0.5;
    z-index: 0;
}

@media all and (max-width: 1024px) {
    .territory-disclaimer {
        position: unset;
        color: rgba(113, 124, 137, 0.7);
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.section-rc__disclaimer {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 110px;
    color: rgba(113, 124, 137, 0.7);
    font-size: 12px;
    line-height: 1.1;
}

@media all and (max-width: 1024px) {
    .section-rc__disclaimer {
        bottom: 30px;
    }
}

@media all and (max-width: 767px) {
    .section-rc__disclaimer {
        bottom: 15px;
    }
}

.map-text p {
    color: rgba(255, 255, 255, 0.7);
}

.info_dev .left_blc .h3 {
    font-size: 24px;
    line-height: 1.2;
}

.info_dev .left_blc span {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #717C89;
}

.info_dev .left_blc p {
    margin: 1px 0 21px;
    font-weight: 600;
    font-size: 20px !important;
    line-height: 20px;
    color: #282828;
}

.info_dev.drk .left_blc p {
    color: white;
}

.info_dev .left_blc {
    padding: 54px 30px 0 59px;
    border-right: 1px solid #E5E5E5;
}

.info_dev .right_blc {
    padding: 54px 30px 60px 59px;
}

.info_dev .right_blc .h3 {
    font-weight: 600;
    font-size: 24px;
    margin: 0 0 36px;
}

.info_dev .right_blc .document-items {
    padding: 0;
}



.proj-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}

@media all and (max-width: 991px) {
    .proj-flex {
        flex-wrap: wrap;
    }
    .proj-flex > div {
        width: 100%;
    }
}

.flats-navigation--wrap {
    margin-bottom: 60px;
    border-bottom: 1px solid rgb(40 40 40 / 10%);
}

.flats-navigation,
.flats-navigation-test {
    overflow: hidden;
}

.flats-navigation a,
.flats-navigation-test a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-bottom: 26px;
    display: inline-block;
    position: relative;
    border-bottom: none;
    cursor: pointer;
    white-space: nowrap;
}
.flats-navigation a::after,
.flats-navigation-test a::after {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px 2px 0px 0px;
    opacity: 0;
    transition: opacity .3s ease-out;
    bottom: 0;
    left: 0;
}
.flats-navigation .swiper-slide-thumb-active a::after,
.flats-navigation-test .swiper-slide-thumb-active a::after {
    opacity: 1;
}

.flats-content-wrap {

}

.flats-content,
.flats-content-test {
    overflow: hidden;
}

.flats-content--item {
    position: relative;
}

.flats-content--item .flats-content--plan {

}
.flats-content--item .flats-content--plan img {
    width: 100%;
}

.flats-content--item .flats-content--svg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.flats-content--item .flats-content--svg svg {
    width: 100%;
}
.flats-content--item .flats-content--svg .floor-hover {
    opacity: 0;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD700;
    transition: opacity .3s ease-out;
    cursor: pointer;
}
.flats-content--item .flats-content--svg .floor-hover.flat-soldout {
    fill: #F5F7F9;
    cursor: default;
    pointer-events: none;
}
.flats-content--item .flats-content--svg .floor-hover:hover,
.flats-content--item .flats-content--svg .floor-hover.flat-soldout {
    opacity:0.75;
}

.flats-display--switcher {
    display: flex;
    justify-content: flex-end;
    height: 100%;
    padding-top: 5px;
}

.ftals-display--switch {
    display: flex;
    margin-left: 40px;
    opacity: 0.75;
    cursor: pointer;
    transition: opacity .3s ease-out;
}
.ftals-display--switch.active {
    pointer-events: none;
}
.ftals-display--switch.active,
.ftals-display--switch:hover {
    opacity: 1;
}

.ftals-display--switch-icon {
    width: 14px;
    height: 14px;
    margin-right: 9px;
    background-repeat: no-repeat;
    background-position: left top;
    opacity: .5;
    transition: opacity .3s ease-out;
}
.ftals-display--switch-icon.ftals-display--switch-icon-floor {
    background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/img/floor.svg);
}
.ftals-display--switch-icon.ftals-display--switch-icon-flat {
    background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/img/list.svg);
}
.ftals-display--switch.active .ftals-display--switch-icon,
.ftals-display--switch:hover .ftals-display--switch-icon {
    opacity: 1;
}


.ftals-display--switch-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.8;
    color: #399EB3;
    transition: color .3s ease-out;
}
.ftals-display--switch.active .ftals-display--switch-text,
.ftals-display--switch:hover .ftals-display--switch-text {
    color: #282828;
}

.quiz-wrapper {
    background: #F5F7F9;
    padding-top: 90px;
    padding-bottom: 70px;
}

@media (max-width: 767px) {
    .matomba_iframe:not(.matomba_iframe_mobile) {
        margin: 0!important;
        padding: 0!important;
    }
}
/* End */


/* Start:/bitrix/templates/pgs/assets/plugins/swiper/swiper.min.css?162158488613885*/
/**
 * Swiper 6.5.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 23, 2021
 */

@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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* End */


/* Start:/bitrix/templates/pgs/assets/css/normalize.css?16215114902368*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
progress{vertical-align:baseline;}
template,
[hidden]{display:none;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,
a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight:inherit;}
b,
strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
button,
input,
select,
textarea{font:inherit;margin:0;}
optgroup{font-weight:bold;}
button,
input{overflow:visible;}
button,
select{text-transform:none;}
button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],
[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-input-placeholder{color:inherit;opacity:0.54;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
/* End */


/* Start:/bitrix/templates/pgs/assets/css/utils.css?16215114723266*/
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

[role="button"] {
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

small {
    font-size: 80%;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}

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

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* .clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
} */

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,{
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}


.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}

@media (max-width: 1024px) {
    .center-mobile {
        text-align: center;
    }
}

.vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.def-tr {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

[role="block"] {
    display: block;
}

@media screen and (min-width: 1024px )  {
    .text-center-md{
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }
}


@media screen and (min-width: 767px ) and (max-width: 1024px)  {
    .text-center-sm{
        text-align: center;
    }
    .text-right-sm{
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    .text-center-xs{
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-left-xs {
        text-align: left;
    }

}

.relative {
    position: relative;
}

.overflow__hidden {
    overflow: hidden;
}
/* End */


/* Start:/bitrix/templates/pgs/assets/css/grid.css?177884959321959*/
/* Uncomment and set these variables to customize the grid. */

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

}

.row.reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-1 {
    margin-left: 8.333%;
}

.col-xs-offset-2 {
    margin-left: 16.667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.333%;
}

.col-xs-offset-5 {
    margin-left: 41.667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.333%;
}

.col-xs-offset-8 {
    margin-left: 66.667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.333%;
}

.col-xs-offset-11 {
    margin-left: 91.667%;
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
}

@media only screen and (min-width: 768px) {
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.667%;
    }

    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-sm {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media only screen and (min-width: 1025px) {
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.333%;
    }

    .col-md-offset-2 {
        margin-left: 16.667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.333%;
    }

    .col-md-offset-5 {
        margin-left: 41.667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.333%;
    }

    .col-md-offset-8 {
        margin-left: 66.667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.333%;
    }

    .col-md-offset-11 {
        margin-left: 91.667%;
    }

    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        /*text-align: start;*/
        text-align: left;
    }

    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-md {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.667%;
    }

    .start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-lg {
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1;
    }

    .last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
}


@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important;
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}
/* End */


/* Start:/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/style.css?163039108196150*/

.building-item__nav-inner__btn {
    top: calc(50% - 25px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: transparent;
    border: 1px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
}

.building-item__nav-inner__btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L7 7L1 13" stroke="url(%23paint0_linear)" stroke-width="2" stroke-linecap="round"/> <defs> <linearGradient id="paint0_linear" x1="4" y1="1" x2="4" y2="13" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
}

.building-item__nav::before {
    content: '';
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    position: absolute;
    margin: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}

@media all and (min-width: 1025px) {

    .building-item__nav:hover::before {
        opacity: 1;
    }

    .building-item__nav:hover .building-item__nav-inner__btn {
        border-color: transparent;
        background: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47));
        background: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%);
        background: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%);
    }

    .building-item__nav:hover .building-item__nav-inner__btn::before {
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L7 7L1 13" stroke="white" stroke-width="2" stroke-linecap="round"/> </svg>');
    }
}

.pgs-first-block__sub-title {
    color: rgba(255, 255, 255, 0.7);
}

.fancybox-bg {
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png") !important;
}

.header {
    margin: 0 !important;
    padding-top: 23px !important;
    background: #444444;
}

.sub-menu-1 {
    background: #282828 !important;
}

.header a,
.sub-menu-1 a {
    color: #FFFFFF;
}

.header-menu .current,
.sub-menu-1 .current {
    border-color: #E7BE68 !important;
}


.header-menu .current a,
.sub-menu-1 .current a {
    color: #E7BE68;
    border-color: #E7BE68;
}

.department-phone {
    color: rgba(255, 255, 255, 0.5);
}

/* space */

.bx_breadcrumbs ul li span {
    color: #FFFFFF;
}

.bx_breadcrumbs ul li a {
    color: #E7BE68;
    border-color: rgba(231, 190, 104, 0.35);
}

.bx_breadcrumbs ul li a:hover {
    color: #FFFFFF;
}

.bx_breadcrumbs ul li a::before {
    background: url(/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/img/rec-gold.svg);
}

.bx_breadcrumbs ul li:first-child a::after {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 5L1 7V15H7M7 1L15 3V15H7V1Z" stroke="url(%23paint0_linear)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <defs> <linearGradient id="paint0_linear" x1="8" y1="1" x2="8" y2="15" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
}

.section-spaces {
    background: #202020;
    padding-bottom: 70px;
}

.space-item {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #FFFFFF;
    border: none !important;
}

.space-item::before {
    content: '';
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    position: absolute;
    margin: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}

.space-item__price {
    color: #C99C47;
}

@media all and (min-width: 1025px) {
    .space-item:hover::before {
        opacity: 1;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

/* space */

/* rooms */

.section-commerce-rooms {
    background: #444444;
}

.commerce-rooms__price-value {
    color: #C99C47;
}

.section-commerce-rooms .h2 {
    color: #FFFFFF;
}

/* rooms */

/* site */

.section-building {
    background: #282828;
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
    padding-top: 200px;
    margin-top: -212px;
}

.section-purchase {
    position: relative;
    background: #444444;
    color: #FFF;
}

.building-item__nav {
    background: #444444;
}

.building-item__nav-inner-year {
    color: #E7BE68;
}

.building-item__nav-inner-month {
    color: #FFFFFF;
}

.section-gray {
    background: #F5F7F9;
}

[data-icon="geo"]::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="28" viewBox="0 0 22 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21 10.9996C21 18.9996 11 26.9996 11 26.9996C11 26.9996 1 18.9996 1 10.9996C1 5.47679 5.47715 0.999634 11 0.999634C16.5228 0.999634 21 5.47679 21 10.9996Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="11" cy="10.9996" r="4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 22px;
    height: 28px;
}

[data-icon="calendar"]::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1" y="3" width="20" height="18" rx="2" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 1V5M9 1V5M13 1V5M17 1V5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 13.5L9.5 15L14 10.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 22px;
    height: 22px;
}

[data-icon="dots"] span {
    position: relative;
    padding-right: 23px;
}

[data-icon="dots"] span::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="14" height="4" viewBox="0 0 14 4" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="2" cy="2" r="1.25" fill="white"/> <circle cx="7" cy="2" r="1.25" fill="white"/> <circle cx="12" cy="2" r="1.25" fill="white"/> </svg>');
    width: 14px;
    height: 4px;
}

.hypothec-block {
    background: #202020;
    overflow: hidden;
}

/* site */

/* first-block */

.pgs-first-block__bot {
    padding-bottom: 50px;
    border: none;
}

.pgs-first-block__info-item-title {
    color: #FFF;
}

.pgs-first-block {
    background-color: #282828;
    color: #FFFFFF;
    position: relative;
}

.pgs-first-block__back {
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.pgs-first-block__info-item-icon {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    position: absolute;
    background: #202020;
    border-radius: 3px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pgs-first-block__info-item-icon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* first-block */

/* sliders */

.section-hypothec,
.section-teasers {
    background: #323232;
}

.hypothec-swiper-counter {
    height: 80px;
    width: 120px;
    z-index: 5;
    background: -o-linear-gradient(top, rgba(231, 190, 104, 0.35) 0%, rgba(201, 156, 71, 0.35) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 190, 104, 0.35)), to(rgba(201, 156, 71, 0.35)));
    background: linear-gradient(180deg, rgba(231, 190, 104, 0.35) 0%, rgba(201, 156, 71, 0.35) 100%);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.swiper-counter__container {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hypothec-slider .swiper-counter__container {
    bottom: 25px;
    left: 30px;
}

.swiper-counter__current {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 30px;
}

.swiper-counter__dash {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    margin: 0 5px;
}

.swiper-counter__count {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}

.hypothec-slider .swiper-counter__current,
.hypothec-slider .swiper-counter__dash,
.hypothec-slider .swiper-counter__count {
    color: #FFFFFF;
}

.swiper-button-prev,
.swiper-button-next {
    background: rgba(255, 255, 255, 0.35);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.swiper-button-prev {
    left: 0;
    border-radius: 3px 0px 0px 3px;
}

.swiper-button-next {
    right: 0;
    border-radius: 0px 3px 3px 0px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    width: 24px;
    height: 24px;
}

.swiper-button-prev::after {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 2L2 10L10 18" stroke="white" stroke-width="2" stroke-linecap="square"/> </svg>');
    width: 12px;
    height: 20px;
    left: 50%;
}

.swiper-button-next::after {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M2 2L10 10L2 18" stroke="white" stroke-width="2" stroke-linecap="square"/>  </svg>');
    width: 12px;
    height: 20px;
    left: 50%;
}

.hypothec-slider .swiper-arrows__container {
    left: 270px;
}

.hypothec-item {
    overflow: hidden;
    position: relative;
}

.hypothec-text {
    color: #FFFFFF;
}

@media all and (min-width: 1025px) {

    .hypothec-item {
        padding-right: 50px;
    }

    .swiper-button-next:not(.swiper-button-disabled):hover,
    .swiper-button-prev:not(.swiper-button-disabled):hover {
        background: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47));
        background: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%);
    }
}

@media all and (max-width: 1024px) {
    .hypothec-swiper-counter {
        height: 75px;
        width: 110px;
    }

    .hypothec-slider .swiper-arrows__container {
        left: 220px;
    }

}

/* sliders */

/* teasers */

.teaser-item__name {
    color: #FFFFFF;
}

.teaser-item__text {
    color: rgba(255, 255, 255, 0.7);

}

/* teasers */


/* price */

.section-price {
    background: #282828;
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
}

/* price */

.section-commerce {
    background: #282828;
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
}

.section-projects {
    background: #282828;
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
    color: #FFFFFF;
}

.section-documents {
    background: #202020;
}

.documents-block {
    background: #282828;
}

.documents-block .h3 {
    color: #FFF;
}

/* price */


/* price */

/* rc-slider */

.section-rc {
    background: #202020;
    color: #FFFFFF;
}

.rc-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}


/*.rc-slider::before {
    content: '';
    position: absolute;
    right: 0;
    border-top: 350px solid #FFFFFF;
    border-left: 350px solid transparent;
    border-bottom: 350px solid #FFFFFF;
    z-index: 5;
}*/

.rc-slider .swiper-arrows__container {
    right: 30px;
}

.rc-swiper-counter {
    position: absolute;
    top: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 30px;
    z-index: 5;
}

.rc-swiper-counter .swiper-counter__container {
    position: initial !important;
}


.rc-swiper-counter .swiper-counter__current,
.rc-swiper-counter .swiper-counter__dash,
.rc-swiper-counter .swiper-counter__count {
    color: #FFFFFF;
}

@media all and (max-width: 767px) {
    .rc-slider .swiper-arrows__container {
        right: 45%;
    }
}

/* rc-slider */

/* territory */

.section-territory {
    background: #202020;
    color: #FFFFFF;
}

.section-territory__item-img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    width: 24px;
    height: 36px;
    background-position: center;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}

.section-territory__item-text {
    padding: 16px 20px;
    background: #202020;
    color: #FFFFFF;
}

.section-territory__item-text::before {
    content: unset !important;
}

.section-territory__item-text::after {
    content: '';
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(
            linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(
            180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    position: absolute;
    margin: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media all and (max-width:1024px) {
    .section-territory {
        padding-bottom: 42px;
    }
}

/* territory */

/* technologies */

.section-technologies {
    background: #444444;
    color: #FFF;
}

.technologies-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
}

.technologies-item::before {
    background-color: #282828;
}

.technologies-item::after {
    content: '';
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    position: absolute;
    margin: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}

.technologies-item__hover {
    position: absolute;
    right: 14px;
    top: 14px;
    opacity: 0;
    width: 0;
    height: 0;
    background: transparent;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 5;
}

.technologies-item__hover::before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.technologies-item__svg {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="40" height="60" viewBox="0 0 40 60" fill="none" xmlns="http://www.w3.org/2000/svg">  <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="60">  <path d="M20 0L40 30L20 60L0 30L20 0Z" fill="%23282828"/>  </mask>  <g mask="url(%23mask0)">  <path d="M20 0L40 30L20 60L0 30L20 0Z" fill="%23323232"/>  <path d="M20 0V60L0 30L20 0Z" fill="%23444444"/>  <path d="M20 0L40 30L20 40L0 30L20 0Z" fill="url(%23paint0_linear)"/>  <path d="M20 0V40L0 30L20 0Z" fill="url(%23paint1_linear)"/>  </g>  <defs>  <linearGradient id="paint0_linear" x1="11.75" y1="1.75" x2="32.75" y2="33.75" gradientUnits="userSpaceOnUse">  <stop stop-color="%23444444"/>  <stop offset="1" stop-color="%23666666"/>  </linearGradient>  <linearGradient id="paint1_linear" x1="11.75" y1="1.75" x2="32.75" y2="33.75" gradientUnits="userSpaceOnUse">  <stop stop-color="%23666666"/>  <stop offset="1" stop-color="%23888888"/>  </linearGradient>  </defs>  </svg>');
    width: 40px;
    height: 60px;
    position: absolute;
    right: 50px;
    bottom: 70px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10;
}

.technologies-item__img {
    position: absolute;
    bottom: -20px;
    right: -28px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 120px;
    width: 80px;
    z-index: 10;
}

@media all and (min-width: 1025px) {
    .technologies-item:hover {
        border-radius: 0;
    }

    .technologies-item:hover .technologies-item__svg,
    .technologies-item:hover .technologies-item__img {
        opacity: 1;
    }

    .technologies-item:hover::after {
        opacity: 1;
    }

    .technologies-item:hover .technologies-item__hover {
        height: 71px;
        width: 71px;
        opacity: 1;
    }

}

/* technologies */

/* apartments */

.section-apartments {
    background: #282828;
    padding-top: 90px;
    padding-bottom: 70px;
    color: #FFFFFF;
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
}

.apartments-item__num {
    border: 60px solid transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -60px;
    top: -60px;
}

.apartments-item-svg {
    position: absolute;
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="40" height="60" viewBox="0 0 40 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="60"> <path d="M20 0L40 30L20 60L0 30L20 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M20 0L40 30L20 60L0 30L20 0Z" fill="url(%23paint0_linear)"/> <path d="M20 0V60L0 30L20 0Z" fill="url(%23paint1_linear)"/> <path d="M20 0L40 30L20 40L0 30L20 0Z" fill="url(%23paint2_linear)"/> <path d="M20 0V40L0 30L20 0Z" fill="url(%23paint3_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="20" y1="0" x2="20" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23A77921"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="10" y1="0" x2="10" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="10" y1="0" x2="10" y2="40" gradientUnits="userSpaceOnUse"> <stop stop-color="%23FCDFA3"/> <stop offset="1" stop-color="%23E7BE68"/> </linearGradient> </defs> </svg>');
    width: 40px;
    height: 60px;
    top: 20px;
    right: -20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 5;
}

.apartments-item-img {
    position: absolute;
    top: -5px;
    right: 10px;
    width: 20px;
    height: 30px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 5;
}

.apartments-item--0 .apartments-item__num {
    border-right: 60px solid #FCDFA3;
}

.apartments-item--1 .apartments-item__num {
    border-right: 60px solid #C99C47;
}

.apartments-item--2 .apartments-item__num {
    border-right: 60px solid #666666;
}

.apartments-item--3 .apartments-item__num {
    border-right: 60px solid #323232;
}

.apartments-item__num-inner {
    bottom: -5px;
    left: 25px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: unset;
}

.apartments-item__price-title {
    color: rgba(68, 68, 68, 0.5);
}

.apartments-item__price-value {
    color: #C99C47;
}

.apartments-item__price-value-q {
    color: #444444;
}

.section-security {
    background: #444444;
    color: #FFF;

}

.section-security-img__wrapper img {
    width: 100%;
}

.security-block {
    background: #323232;
    border-radius: 3px;
    border: none;
}

.security-block__item:first-child {
    border: none;
}

.security-block__item {
    position: relative;
}

.security-block__item:last-child::before {
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    border-left: 1px solid #444444;
    left: 0;
    position: absolute;
}

@media all and (min-width: 1025px) {
    .apartments-item:hover .apartments-item-img,
    .apartments-item:hover .apartments-item-svg {
        opacity: 1;
    }
}

/* apartments */

/* map */

.section-map {
    background: #282828;
    color: #FFF;
}

/* map */


/* finish */

.finish-item {
    border-radius: 3px;
    overflow: hidden;
}

.finish-text {
    color: rgba(255, 255, 255, 0.7);
}

.section-finish {
    background: #282828;
    color: #FFF;
}

.sub-title {
    color: rgba(255, 255, 255, 0.7);
}

.finish-item__title {
    color: #FFFFFF;
}

.finish-item__back::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-image-source: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%);
    margin: 10px;
    position: absolute;
}

.finish-text li,
.section-territory__list li {
    color: rgba(255, 255, 255, 0.7);
}

.finish-text li::before,
.section-territory__list li::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="3" r="3" fill="%23C99C47"/> </svg>');
}

/* finish */

/* projects */

.projects-item {
    border: none !important;
    background-color: #FFF;
}

.projects-item__class {
    background: rgba(40, 40, 40, 0.5);
    color: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.projects-item__address-block::before {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="29" viewBox="0 0 22 29" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M21 11C21 19 11 27 11 27C11 27 1 19 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z" stroke="url(%23paint0_linear)" stroke-width="2"/>  <circle cx="11" cy="11" r="4.5" stroke="url(%23paint1_linear)"/>  <defs>  <linearGradient id="paint0_linear" x1="11" y1="1" x2="11" y2="27" gradientUnits="userSpaceOnUse">  <stop stop-color="%23E7BE68"/>  <stop offset="1" stop-color="%23C99C47"/>  </linearGradient>  <linearGradient id="paint1_linear" x1="11" y1="6" x2="11" y2="16" gradientUnits="userSpaceOnUse">  <stop stop-color="%23E7BE68"/>  <stop offset="1" stop-color="%23C99C47"/>  </linearGradient>  </defs>  </svg>');
}

.projects-item__deadline-block::before {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="22" height="28" viewBox="0 0 22 28" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M15 1H3C1.89543 1 1 1.89543 1 3V25C1 26.1046 1.89543 27 3 27H15C16.1046 27 17 26 17 25V24C18 24 20 23.5 21 22C19.6667 20.6667 17 18 17 7V3C17 1.89543 16.1046 1 15 1Z" stroke="url(%23paint0_linear)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <rect x="1" y="7" width="16" height="1" fill="url(%23paint1_linear)"/>  <path d="M1.5 7.5C1.5 18.5 3 22 4.5 23.5C8 23.5 11.5 23.5 17 23.5" stroke="url(%23paint2_linear)" stroke-linecap="round" stroke-linejoin="round"/>  <path d="M7.5 15.5L9 17L12.5 13.5" stroke="url(%23paint3_linear)" stroke-linecap="round"/>  <defs>  <linearGradient id="paint0_linear" x1="11" y1="1" x2="11" y2="27" gradientUnits="userSpaceOnUse">  <stop stop-color="%23E7BE68"/>  <stop offset="1" stop-color="%23C99C47"/>  </linearGradient>  <linearGradient id="paint1_linear" x1="9" y1="7" x2="9" y2="8" gradientUnits="userSpaceOnUse">  <stop stop-color="%23E7BE68"/>  <stop offset="1" stop-color="%23C99C47"/>  </linearGradient>  <linearGradient id="paint2_linear" x1="9.25" y1="7.5" x2="9.25" y2="23.5" gradientUnits="userSpaceOnUse">  <stop stop-color="%23E7BE68"/>  <stop offset="1" stop-color="%23C99C47"/>  </linearGradient>  <linearGradient id="paint3_linear" x1="10" y1="13.5" x2="10" y2="17" gradientUnits="userSpaceOnUse">  <stop stop-color="%23E7BE68"/>  <stop offset="1" stop-color="%23C99C47"/>  </linearGradient>  </defs>  </svg>');
}

.projects-item::before {
    content: '';
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}

.projects-item__img::before {
    content: none;
}

@media all and (min-width: 1025px) {
    .projects-item:hover .projects-item__name {
        color: #C99C47;
    }

    .swiper-counter__current {
        font-size: 25px !important;
    }

    .swiper-counter__dash,
    .swiper-counter__count {
        font-size: 12px !important;
    }

    .projects-item:hover::before {
        opacity: 1;
    }
}

/* projects */

.document-tabs {
    border-bottom: 1px solid #444444;
}

.document-item__name {
    color: #FFFFFF;
}

.document-item__info {
    color: rgba(255, 255, 255, 0.7);
}

.document-item__info span {
    color: rgba(255, 255, 255, 0.5);
}

.document-tabs__link {
    color: #5E748D;
}

.document-tabs__link.active {
    color: #E7BE68;
    border-color: #E7BE68 !important;
}

.document-tabs__link {
    color: rgba(255, 255, 255, 0.7);
}

@media all and (min-width: 1025px) {
    .document-tabs__link:hover {
        color: #E7BE68;
    }
}

/* map */

.map-controls__item-control {
    background-color: #282828;
    border-top: 1px solid #444444;
    border-left: 1px solid #444444;
    border-bottom: 1px solid #444444;
}

.map-controls__item-control span::before {
    border-left: 1px solid #444444;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.map-controls__item:last-child .map-controls__item-control {
    border-right: 1px solid #444444;
}

.map-controls__item-control span {
    color: #FFFFFF;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.map-controls__item-control::before {
    content: '';
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 5px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}

.map-controls__item-control.active {
    background-color: #444444 !important;
}

.map-controls__item-control.active::before {
    opacity: 1;
}

@media all and (min-width: 1025px) {
    .map-controls__item-control:not(.active):hover {
        border-color: transparent !important;
        background: #FFFFFF;
        -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
        box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
    }


    .map-controls__item-control:not(.active):hover span::before {
        border-color: #E5E5E5;
    }

    .map-controls__item-control:not(.active):hover span {
        color: #282828;
    }

}

/* map */

.building-title {
    color: #FFF;
}

.purchase-item {
    background: #323232;
}

.purchase-item__name {
    color: #C99C47;
}

.purchase-item__text {
    color: rgba(255, 255, 255, 0.7);
}

/* map */

/* footer */

.footer {
    background: #282828 !important;
    border: none !important;
    padding-bottom: 40px !important;
}

.fm-item-1 > a {
    color: #FFFFFF !important;
    border-bottom: 1px solid #E7BE68 !important;
}


.fm-item-2 > a {
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 1px solid #E7BE68 !important;
}

.footer-contacts {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-contacts > a {
    color: #FFFFFF !important;
    border-bottom: 1px solid #E7BE68 !important;
}

.footer-description {
    color: rgba(255, 255, 255, 0.7) !important;
}

@media all and (min-width: 1025px) {
    .footer a:hover {
        border-color: transparent !important;
    }
}

/* form */

.fb__head .h3 {
    color: #E7BE68;
}

.fb__head p {
    color: rgba(255, 255, 255, 0.7);
}

.fb {
    -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
    box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
}

.fancybox-slide > * {
    background: #282828 !important;
}

.fancybox-slide > #modal__object .fb {
    background: #282828 !important;
}

.site-form__item input {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #E7BE68 !important;
}

.site-form__item input:focus {
    -webkit-box-shadow: 0px 10px 30px -10px rgba(40, 40, 40, 0.25) !important;
    box-shadow: 0px 10px 30px -10px rgba(40, 40, 40, 0.25) !important;
    background-color: #FFFFFF !important;
}
.form__success,
.form__success p {
    color: #fff;
}

.form-policy-modal a {
    color: #E7BE68;
}

.form-policy-modal::before {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">  <circle cx="16" cy="16" r="15.5" stroke="%23E7BE68"/>  <path d="M16 9V18" stroke="%23E7BE68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  <circle cx="16" cy="22" r="1.25" fill="%23E7BE68"/>  </svg>');
}

.form-submit-btn input[type=submit] {
    border: 2px solid !important;
    -o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
    border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
    color: #FFFFFF !important;
    background-color: transparent !important;
}

.form-submit-btn::before {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M16 1L1 5L4 9M16 1L11 15L7 12M16 1L4 9M4 9L3.5 12.5L7 12M7 12L9.5 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
}

.cross {
    background-image: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">  <path opacity="0.5" d="M15 1L1 15M1 1L15 15" stroke="%23C99C47" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>  </svg>');
}

.cross span {
    color: #E7BE68;
}

.hint__inner {
    background: #202020;
    -webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
    box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
    color: #FFFFFF;
}

#fb-flat .fb__head,
#fb-flat .fb__body,
#fb-flat .fb__modal__gray {
    background: #282828;
}

.fb__body p {
    color: #FFF;
}

.fb-flat .h3 {
    color: #E7BE68;
}

.fb-flat__item-name {
    color: #777777;
}

.fb-flat__item-val {
    color: #FFFFFF;
}

.fb-flat__item--border,
.modal-slider {
    border-color: #444444;
}

.fb-flat {
    position: relative;
}

.fb-flat::before {
    content: '';
    border-right: 1px solid #444444;
    position: absolute;
    top: 50%;
    height: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -20px;

}

@media (min-width: 1025px) {

    .section-spaces__svg {
        background-image: url('data:image/svg+xml;utf8, <svg width="60" height="90" viewBox="0 0 60 90" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="60" height="90"> <path d="M30 0L60 45L30 90L0 45L30 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M30 0L60 45L30 90L0 45L30 0Z" fill="%23282828"/> <path d="M30 0V90L0 45L30 0Z" fill="%23323232"/> <path opacity="0.25" d="M30 0L60 45L30 60L0 45L30 0Z" fill="url(%23paint0_linear)"/> <path opacity="0.15" d="M30 0V60L0 45L30 0Z" fill="url(%23paint1_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="17.625" y1="2.625" x2="49.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23444444"/> <stop offset="1" stop-color="%23666666"/> </linearGradient> <linearGradient id="paint1_linear" x1="17.625" y1="2.625" x2="49.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23666666"/> <stop offset="1" stop-color="%23888888"/> </linearGradient> </defs> </svg>');
        width: 60px;
        height: 90px;
        position: absolute;
        top: -45px;
        left: 290px;
        z-index: 5;
    }

    .hint:hover::before {
        background-image: url('data:image/svg+xml;utf8, <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(%23filter0_dd)"> <circle cx="18" cy="15" r="10" fill="%23E7BE68"/> </g> <path d="M17.5903 16.593L18.6354 16.2558C18.481 16.1279 18.3741 15.9186 18.3741 15.7326C18.3741 14.686 20.5 14.5465 20.5 12.8256C20.5 11.7791 19.5855 11 18.0891 11C17.0202 11 16.1057 11.4302 15.5 12.1512L16.2957 13.0233C16.6995 12.5349 17.2221 12.2093 17.9466 12.2093C18.7185 12.2093 19.0748 12.593 19.0748 13.0465C19.0748 14.0349 17.1627 14.186 17.1627 15.6047C17.1627 15.9884 17.3052 16.3256 17.5903 16.593ZM18.0178 19C18.4691 19 18.8492 18.6279 18.8492 18.186C18.8492 17.7442 18.4691 17.3721 18.0178 17.3721C17.5665 17.3721 17.1865 17.7442 17.1865 18.186C17.1865 18.6279 17.5665 19 18.0178 19Z" fill="white"/> <defs> <filter id="filter0_dd" x="0" y="0" width="36" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="2"/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0.905882 0 0 0 0 0.745098 0 0 0 0 0.407843 0 0 0 0.35 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset dy="3"/> <feGaussianBlur stdDeviation="4"/> <feColorMatrix type="matrix" values="0 0 0 0 0.905882 0 0 0 0 0.745098 0 0 0 0 0.407843 0 0 0 0.35 0"/> <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/> </filter> </defs> </svg>');
    }

    .cross:hover {
        background-image: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 1L1 15M1 1L15 15" stroke="%23E7BE68" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    }

    .form-submit-btn input[type=submit]:hover {
        color: #FFFFFF !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .site-form__item input:hover {
        border-color: rgba(231, 190, 104, 0.75) !important;
    }

    .site-form__item input:hover::-webkit-input-placeholder {
        color: #E7BE68 !important;
    }

    .site-form__item input:hover::-moz-placeholder {
        color: #E7BE68 !important;
    }

    .site-form__item input:hover:-ms-input-placeholder {
        color: #E7BE68 !important;
    }

    .site-form__item input:hover::-ms-input-placeholder {
        color: #E7BE68 !important;
    }

    .site-form__item input:hover::placeholder {
        color: #E7BE68 !important;
    }
}

.section-hypothec,
.hypothec-block {
    position: relative;
}

.hypothec-block {
    overflow: visible !important;
}

@media all and (min-width: 1025px) {
    .section-hypothec::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="240" height="480" viewBox="0 0 240 480" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.05" d="M-119.399 240L40 0.901396L199.399 240L40 479.099L-119.399 240Z" stroke="white"/> <path d="M81.2019 240L160 121.803L238.798 240L160 358.197L81.2019 240Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <path d="M150 345L160 360L150 375L140 360L150 345Z" fill="%23444444"/> <path d="M130 345L140 360L130 375L120 360L130 345Z" fill="%23202020"/> <path d="M130 315L140 330L130 345L120 330L130 315Z" fill="%23444444"/> <path d="M110 315L120 330L110 345L100 330L110 315Z" fill="%23444444"/> <path d="M90 315L100 330L90 345L80 330L90 315Z" fill="%23202020"/> <path d="M90 345L100 360L90 375L80 360L90 345Z" fill="url(%23paint1_linear)"/> <path d="M70 345L80 360L70 375L60 360L70 345Z" fill="%23444444"/> <path d="M70 375L80 390L70 405L60 390L70 375Z" fill="%23202020"/> <path d="M50 375L60 390L50 405L40 390L50 375Z" fill="url(%23paint2_linear)"/> <defs> <linearGradient id="paint0_linear" x1="160" y1="120" x2="160" y2="360" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="90" y1="345" x2="90" y2="375" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="50" y1="375" x2="50" y2="405" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 240px;
        height: 480px;
        top: -240px;
        left: 0;
        z-index: 2;
    }

    .hypothec-block__img {
        position: absolute;
        bottom: 30px;
        right: -40px;
        height: 120px;
        width: 80px;
    }

    .section-teasers::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="210" height="480" viewBox="0 0 210 480" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.05" d="M-159.399 240L0 0.901396L159.399 240L0 479.099L-159.399 240Z" stroke="white"/> <path d="M100 30L110 45L100 60L90 45L100 30Z" fill="url(%23paint0_linear)"/> <path d="M100 90L110 105L100 120L90 105L100 90Z" fill="%23202020"/> <path d="M80 90L90 105L80 120L70 105L80 90Z" fill="url(%23paint1_linear)"/> <path d="M60 90L70 105L60 120L50 105L60 90Z" fill="%23444444"/> <path d="M140 30L150 45L140 60L130 45L140 30Z" fill="%23444444"/> <path d="M140 0L150 15L140 30L130 15L140 0Z" fill="url(%23paint2_linear)"/> <path d="M160 0L170 15L160 30L150 15L160 0Z" fill="%23202020"/> <path d="M200 30L210 45L200 60L190 45L200 30Z" fill="%23444444"/> <path d="M180 30L190 45L180 60L170 45L180 30Z" fill="url(%23paint3_linear)"/> <path d="M120 30L130 45L120 60L110 45L120 30Z" fill="%23202020"/> <path d="M120 90L130 105L120 120L110 105L120 90Z" fill="%23444444"/> <path d="M160 30L170 45L160 60L150 45L160 30Z" fill="%23444444"/> <path d="M100 60L110 75L100 90L90 75L100 60Z" fill="%23444444"/> <path d="M80 60L90 75L80 90L70 75L80 60Z" fill="%23444444"/> <path d="M131.202 75L140 61.8028L148.798 75L140 88.1972L131.202 75Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M160 60L170 75L160 90L150 75L160 60Z" fill="%23444444"/> <defs> <linearGradient id="paint0_linear" x1="100" y1="30" x2="100" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="80" y1="90" x2="80" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="140" y1="0" x2="140" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="180" y1="30" x2="180" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="140" y1="60" x2="140" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 210px;
        height: 480px;
        bottom: -240px;
        left: 0;
        z-index: 0;
    }

    .section-teasers::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="595" viewBox="0 0 200 595" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.05" d="M40.6009 355L200 115.901L359.399 355L200 594.099L40.6009 355Z" stroke="white"/> <path d="M121.202 135L200 16.8028L278.798 135L200 253.197L121.202 135Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <path d="M80 75L120 135L80 195L40 135L80 75Z" fill="%23202020"/> <path d="M50 30L60 45L50 60L40 45L50 30Z" fill="url(%23paint1_linear)"/> <path d="M30 30L40 45L30 60L20 45L30 30Z" fill="%23444444"/> <path d="M30 0L40 15L30 30L20 15L30 0Z" fill="%23202020"/> <path d="M1.20185 15L10 1.80278L18.7981 15L10 28.1972L1.20185 15Z" stroke="url(%23paint2_linear)" stroke-width="2"/> <defs> <linearGradient id="paint0_linear" x1="200" y1="15" x2="200" y2="255" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="50" y1="30" x2="50" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="10" y1="0" x2="10" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 200px;
        height: 595px;
        right: 0;
        bottom: -240px;
        z-index: 0;
    }

    .section-price::before,
    .section-commerce::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="160" height="120" viewBox="0 0 160 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M110 90L100 75L110 60L120 75L110 90Z" fill="url(%23paint0_linear)"/> <path d="M110 30L100 15L110 0L120 15L110 30Z" fill="%23444444"/> <path d="M130 30L120 15L130 0L140 15L130 30Z" fill="url(%23paint1_linear)"/> <path d="M150 30L140 15L150 0L160 15L150 30Z" fill="%23444444"/> <path d="M70 90L60 75L70 60L80 75L70 90Z" fill="%23444444"/> <path d="M70 120L60 105L70 90L80 105L70 120Z" fill="url(%23paint2_linear)"/> <path d="M50 120L40 105L50 90L60 105L50 120Z" fill="%23444444"/> <path d="M10 90L0 75L10 60L20 75L10 90Z" fill="%23202020"/> <path d="M30 90L20 75L30 60L40 75L30 90Z" fill="url(%23paint3_linear)"/> <path d="M90 90L80 75L90 60L100 75L90 90Z" fill="%23444444"/> <path d="M90 30L80 15L90 0L100 15L90 30Z" fill="%23202020"/> <path d="M50 90L40 75L50 60L60 75L50 90Z" fill="%23202020"/> <path d="M110 60L100 45L110 30L120 45L110 60Z" fill="%23202020"/> <path d="M130 60L120 45L130 30L140 45L130 60Z" fill="%23444444"/> <path d="M78.7981 45L70 58.1972L61.2019 45L70 31.8028L78.7981 45Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M50 60L40 45L50 30L60 45L50 60Z" fill="%23444444"/> <defs> <linearGradient id="paint0_linear" x1="110" y1="90" x2="110" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="130" y1="30" x2="130" y2="0" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="120" x2="70" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="30" y1="90" x2="30" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="70" y1="60" x2="70" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 160px;
        height: 120px;
        top: -15px;
        right: 80px;
        z-index: 5;
    }

    .section-price__cone-black-left {
        position: absolute;
        top: -30px;
        left: 60px;
        height: 60px;
        width: 40px;
        z-index: 5;
    }

    .section-price__cone-gold-left {
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="80" height="120" viewBox="0 0 80 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="120"> <path d="M40 0L80 60L40 120L0 60L40 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M40 0L80 60L40 120L0 60L40 0Z" fill="url(%23paint0_linear)"/> <path d="M40 0V120L0 60L40 0Z" fill="url(%23paint1_linear)"/> <path d="M40 0L80 60L40 80L0 60L40 0Z" fill="url(%23paint2_linear)"/> <path d="M40 0V80L0 60L40 0Z" fill="url(%23paint3_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="40" y1="0" x2="40" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23A77921"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="20" y1="0" x2="20" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="20" y1="0" x2="20" y2="80" gradientUnits="userSpaceOnUse"> <stop stop-color="%23FCDFA3"/> <stop offset="1" stop-color="%23E7BE68"/> </linearGradient> </defs> </svg>');
        width: 80px;
        height: 120px;
        left: 80px;
        top: 40px;
    }

    .section-price__cone-black-right {
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="60" height="90" viewBox="0 0 60 90" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="60" height="90"> <path d="M30 0L60 45L30 90L0 45L30 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M30 0L60 45L30 90L0 45L30 0Z" fill="%23282828"/> <path d="M30 0V90L0 45L30 0Z" fill="%23444444"/> <path d="M30 0L60 45L30 60L0 45L30 0Z" fill="url(%23paint0_linear)"/> <path d="M30 0V60L0 45L30 0Z" fill="url(%23paint1_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="17.625" y1="2.625" x2="49.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23444444"/> <stop offset="1" stop-color="%23666666"/> </linearGradient> <linearGradient id="paint1_linear" x1="17.625" y1="2.625" x2="49.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23666666"/> <stop offset="1" stop-color="%23888888"/> </linearGradient> </defs> </svg>');
        width: 60px;
        height: 90px;
        bottom: 45px;
        right: 135px;
    }

    .section-price__cone-gold-right {
        position: absolute;
        bottom: -90px;
        right: 195px;
        width: 120px;
        height: 180px;
        z-index: 5;
    }

    .section-price--second .section-price__cone-black-right {
        bottom: -45px;
        z-index: 5;
    }

    .section-price--second .section-price__cone-gold-right {
        height: 120px;
        width: 80px;
        right: 235px;
        bottom: -15px;
    }

    .slider-rc__wrapper::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="140" height="90" viewBox="0 0 140 90" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M50 0L60 15L50 30L40 15L50 0Z" fill="%23E5E5E5"/> <path d="M30 60L40 75L30 90L20 75L30 60Z" fill="%23E5E5E5"/> <path d="M10 60L20 75L10 90L0 75L10 60Z" fill="url(%23paint0_linear)"/> <path d="M121.202 15L130 1.80278L138.798 15L130 28.1972L121.202 15Z" stroke="%23E5E5E5" stroke-width="2"/> <path d="M90 60L100 75L90 90L80 75L90 60Z" fill="url(%23paint1_linear)"/> <path d="M70 0L80 15L70 30L60 15L70 0Z" fill="%23444444"/> <path d="M70 60L80 75L70 90L60 75L70 60Z" fill="%23444444"/> <path d="M110 0L120 15L110 30L100 15L110 0Z" fill="%23444444"/> <path d="M50 30L60 45L50 60L40 45L50 30Z" fill="%23444444"/> <path d="M30 30L40 45L30 60L20 45L30 30Z" fill="%23444444"/> <path d="M90 30L100 45L90 60L80 45L90 30Z" fill="%23E5E5E5"/> <path d="M70 30L80 45L70 60L60 45L70 30Z" fill="url(%23paint2_linear)"/> <path d="M110 30L120 45L110 60L100 45L110 30Z" fill="%23444444"/> <defs> <linearGradient id="paint0_linear" x1="10" y1="60" x2="10" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="90" y1="60" x2="90" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="30" x2="70" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 140px;
        height: 90px;
        bottom: -45px;
        left: 80px;
        z-index: 15;
    }

    .section-territory__top::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="190" height="525" viewBox="0 0 190 525" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.15" d="M30.6009 285L190 45.9014L349.399 285L190 524.099L30.6009 285Z" stroke="white"/> <path d="M31.2019 165L110 46.8028L188.798 165L110 283.197L31.2019 165Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="60" height="90"> <path d="M30 0L60 45L30 90L0 45L30 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M30 0L60 45L30 90L0 45L30 0Z" fill="%23323232"/> <path d="M30 0V90L0 45L30 0Z" fill="%23444444"/> <path d="M30 0L60 45L30 60L0 45L30 0Z" fill="url(%23paint1_linear)"/> <path d="M30 0V60L0 45L30 0Z" fill="url(%23paint2_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="110" y1="45" x2="110" y2="285" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="17.625" y1="2.625" x2="49.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23444444"/> <stop offset="1" stop-color="%23666666"/> </linearGradient> <linearGradient id="paint2_linear" x1="17.625" y1="2.625" x2="49.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23666666"/> <stop offset="1" stop-color="%23888888"/> </linearGradient> </defs> </svg>');
        width: 190px;
        height: 525px;
        right: 0;
        bottom: -60px;
        z-index: 0;
    }

    .section-technologies::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="230" height="799" viewBox="0 0 230 799" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M170 30L180 45L170 60L160 45L170 30Z" fill="%23282828"/> <path d="M150 30L160 45L150 60L140 45L150 30Z" fill="%23282828"/> <path d="M150 0L160 15L150 30L140 15L150 0Z" fill="%23282828"/> <path d="M130 0L140 15L130 30L120 15L130 0Z" fill="%23282828"/> <path d="M110 0L120 15L110 30L100 15L110 0Z" fill="%23282828"/> <path d="M110 30L120 45L110 60L100 45L110 30Z" fill="url(%23paint0_linear)"/> <path d="M90 30L100 45L90 60L80 45L90 30Z" fill="%23282828"/> <path d="M90 60L100 75L90 90L80 75L90 60Z" fill="%23282828"/> <path d="M70 60L80 75L70 90L60 75L70 60Z" fill="url(%23paint1_linear)"/> <path opacity="0.15" d="M199.399 699L40 459.901L-119.399 699L40 938.099L199.399 699Z" stroke="white"/> <path d="M198.798 539L120 420.803L41.2018 539L120 657.197L198.798 539Z" stroke="url(%23paint2_linear)" stroke-width="2"/> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="170" y="374" width="60" height="90"> <path d="M200 374L230 419L200 464L170 419L200 374Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M200 374L230 419L200 464L170 419L200 374Z" fill="url(%23paint3_linear)"/> <path d="M200 374V464L170 419L200 374Z" fill="url(%23paint4_linear)"/> <path d="M200 374L230 419L200 434L170 419L200 374Z" fill="url(%23paint5_linear)"/> <path d="M200 374V434L170 419L200 374Z" fill="url(%23paint6_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="110" y1="30" x2="110" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="70" y1="60" x2="70" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="120" y1="419" x2="120" y2="659" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="200" y1="374" x2="200" y2="464" gradientUnits="userSpaceOnUse"> <stop stop-color="%23A77921"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="185" y1="374" x2="185" y2="464" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint5_linear" x1="200" y1="374" x2="200" y2="434" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint6_linear" x1="185" y1="374" x2="185" y2="434" gradientUnits="userSpaceOnUse"> <stop stop-color="%23FCDFA3"/> <stop offset="1" stop-color="%23E7BE68"/> </linearGradient> </defs> </svg>');
        width: 230px;
        height: 799px;
        bottom: 0;
        left: 0;
        z-index: 0;
    }

    .section-technologies::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="220" height="739" viewBox="0 0 220 739" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.20185 0L80 -118.197L158.798 0L80 118.197L1.20185 0Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <path opacity="0.05" d="M20.6009 98L180 337.099L339.399 98L180 -141.099L20.6009 98Z" stroke="white"/> <path d="M140 210L170 165L140 120L110 165L140 210Z" fill="%23282828"/> <path d="M140 649L150 664L140 679L130 664L140 649Z" fill="url(%23paint1_linear)"/> <path d="M140 709L150 724L140 739L130 724L140 709Z" fill="%23323232"/> <path d="M120 709L130 724L120 739L110 724L120 709Z" fill="url(%23paint2_linear)"/> <path d="M100 709L110 724L100 739L90 724L100 709Z" fill="%23323232"/> <path d="M180 649L190 664L180 679L170 664L180 649Z" fill="%23323232"/> <path d="M180 619L190 634L180 649L170 634L180 619Z" fill="url(%23paint3_linear)"/> <path d="M200 619L210 634L200 649L190 634L200 619Z" fill="%23323232"/> <path d="M220 649L230 664L220 679L210 664L220 649Z" fill="url(%23paint4_linear)"/> <path d="M160 649L170 664L160 679L150 664L160 649Z" fill="%23323232"/> <path d="M160 709L170 724L160 739L150 724L160 709Z" fill="%23323232"/> <path d="M200 649L210 664L200 679L190 664L200 649Z" fill="%23323232"/> <path d="M140 679L150 694L140 709L130 694L140 679Z" fill="%23323232"/> <path d="M120 679L130 694L120 709L110 694L120 679Z" fill="%23323232"/> <path d="M171.202 694L180 680.803L188.798 694L180 707.197L171.202 694Z" stroke="url(%23paint5_linear)" stroke-width="2"/> <path d="M200 679L210 694L200 709L190 694L200 679Z" fill="%23323232"/> <defs> <linearGradient id="paint0_linear" x1="80" y1="-120" x2="80" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="140" y1="649" x2="140" y2="679" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="120" y1="709" x2="120" y2="739" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="180" y1="619" x2="180" y2="649" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="220" y1="649" x2="220" y2="679" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint5_linear" x1="180" y1="679" x2="180" y2="709" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 220px;
        height: 739px;
        top: 0;
        right: 0;
        z-index: 0;
    }

    .section-spaces::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="320" height="240" viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.15" d="M319.399 0L160 -239.099L0.600922 0L160 239.099L319.399 0Z" stroke="white"/> <path d="M110 165L100 150L110 135L120 150L110 165Z" fill="url(%23paint0_linear)"/> <path d="M110 105L100 90L110 75L120 90L110 105Z" fill="%23282828"/> <path d="M130 105L120 90L130 75L140 90L130 105Z" fill="url(%23paint1_linear)"/> <path d="M150 105L140 90L150 75L160 90L150 105Z" fill="%23282828"/> <path d="M70 165L60 150L70 135L80 150L70 165Z" fill="%23282828"/> <path d="M70 195L60 180L70 165L80 180L70 195Z" fill="url(%23paint2_linear)"/> <path d="M50 195L40 180L50 165L60 180L50 195Z" fill="%23282828"/> <path d="M10 165L0 150L10 135L20 150L10 165Z" fill="%23282828"/> <path d="M30 165L20 150L30 135L40 150L30 165Z" fill="url(%23paint3_linear)"/> <path d="M90 165L80 150L90 135L100 150L90 165Z" fill="%23282828"/> <path d="M90 105L80 90L90 75L100 90L90 105Z" fill="%23282828"/> <path d="M50 165L40 150L50 135L60 150L50 165Z" fill="%23282828"/> <path d="M110 135L100 120L110 105L120 120L110 135Z" fill="%23282828"/> <path d="M130 135L120 120L130 105L140 120L130 135Z" fill="%23282828"/> <path d="M78.7981 120L70 133.197L61.2019 120L70 106.803L78.7981 120Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M50 135L40 120L50 105L60 120L50 135Z" fill="%23282828"/> <defs> <linearGradient id="paint0_linear" x1="110" y1="165" x2="110" y2="135" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="130" y1="105" x2="130" y2="75" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="195" x2="70" y2="165" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="30" y1="165" x2="30" y2="135" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="70" y1="135" x2="70" y2="105" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 320px;
        height: 240px;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .section-spaces::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="240" height="280" viewBox="0 0 240 280" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.15" d="M0.600921 0L160 239.099L319.399 0L160 -239.099L0.600921 0Z" stroke="white"/> <path d="M1.20185 160L80 278.197L158.798 160L80 41.8028L1.20185 160Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <defs> <linearGradient id="paint0_linear" x1="80" y1="280" x2="80" y2="40" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 240px;
        height: 280px;
        right: 0;
        top: 0;
        z-index: 5;
    }

    .section-finish::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="230" height="480" viewBox="0 0 230 480" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M50 165L60 150L50 135L40 150L50 165Z" fill="url(%23paint0_linear)"/> <path d="M50 105L60 90L50 75L40 90L50 105Z" fill="%23444444"/> <path d="M30 105L40 90L30 75L20 90L30 105Z" fill="url(%23paint1_linear)"/> <path d="M10 105L20 90L10 75L0 90L10 105Z" fill="%23444444"/> <path d="M90 165L100 150L90 135L80 150L90 165Z" fill="url(%23paint2_linear)"/> <path d="M150 165L160 150L150 135L140 150L150 165Z" fill="%23444444"/> <path d="M130 165L140 150L130 135L120 150L130 165Z" fill="url(%23paint3_linear)"/> <path d="M70 165L80 150L70 135L60 150L70 165Z" fill="%23444444"/> <path d="M61.2019 90L70 103.197L78.7981 90L70 76.8028L61.2019 90Z" stroke="%23444444" stroke-width="2"/> <path d="M101.202 150L110 163.197L118.798 150L110 136.803L101.202 150Z" stroke="%23444444" stroke-width="2"/> <path d="M50 135L60 120L50 105L40 120L50 135Z" fill="%23444444"/> <path d="M30 135L40 120L30 105L20 120L30 135Z" fill="%23444444"/> <path opacity="0.05" d="M339.399 240L180 0.901396L20.6009 240L180 479.099L339.399 240Z" stroke="white"/> <defs> <linearGradient id="paint0_linear" x1="50" y1="165" x2="50" y2="135" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="30" y1="105" x2="30" y2="75" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="90" y1="165" x2="90" y2="135" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="130" y1="165" x2="130" y2="135" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 230px;
        height: 480px;
        right: 0;
        top: calc(50% - 24px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .section-finish::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="280" height="595" viewBox="0 0 280 595" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.05" d="M239.399 355L80 115.901L-79.31024 355L80 594.099L239.399 355Z" stroke="white"/> <path d="M158.798 135L80 16.8028L1.20184 135L80 253.197L158.798 135Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <path d="M200 75L160 135L200 195L240 135L200 75Z" fill="%23202020"/> <path d="M230 30L220 45L230 60L240 45L230 30Z" fill="url(%23paint1_linear)"/> <path d="M250 30L240 45L250 60L260 45L250 30Z" fill="%23444444"/> <path d="M250 0L240 15L250 30L260 15L250 0Z" fill="%23202020"/> <path d="M278.798 15L270 1.80278L261.202 15L270 28.1972L278.798 15Z" stroke="url(%23paint2_linear)" stroke-width="2"/> <defs> <linearGradient id="paint0_linear" x1="80" y1="15" x2="80" y2="255" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="230" y1="30" x2="230" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="270" y1="0" x2="270" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 280px;
        height: 595px;
        left: 0;
        bottom: -250px;
    }

    .section-finish__img {
        position: absolute;
        height: 120px;
        width: 80px;
        top: -60px;
        right: 120px;
        z-index: 5;
    }

    .section-security-img__wrapper {
        position: relative;
        display: -ms-grid;
        display: grid;
    }

    .section-security-img__wrapper::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="160" height="120" viewBox="0 0 160 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M50 30L60 45L50 60L40 45L50 30Z" fill="url(%23paint0_linear)"/> <path d="M50 90L60 105L50 120L40 105L50 90Z" fill="%23323232"/> <path d="M30 90L40 105L30 120L20 105L30 90Z" fill="url(%23paint1_linear)"/> <path d="M10 90L20 105L10 120L0 105L10 90Z" fill="%23323232"/> <path d="M90 30L100 45L90 60L80 45L90 30Z" fill="%23323232"/> <path d="M90 0L100 15L90 30L80 15L90 0Z" fill="url(%23paint2_linear)"/> <path d="M110 0L120 15L110 30L100 15L110 0Z" fill="%23323232"/> <path d="M150 30L160 45L150 60L140 45L150 30Z" fill="%23323232"/> <path d="M130 30L140 45L130 60L120 45L130 30Z" fill="url(%23paint3_linear)"/> <path d="M70 30L80 45L70 60L60 45L70 30Z" fill="%23323232"/> <path d="M70 90L80 105L70 120L60 105L70 90Z" fill="%23323232"/> <path d="M110 30L120 45L110 60L100 45L110 30Z" fill="%23323232"/> <path d="M50 60L60 75L50 90L40 75L50 60Z" fill="%23323232"/> <path d="M30 60L40 75L30 90L20 75L30 60Z" fill="%23323232"/> <path d="M81.2019 75L90 61.8028L98.7981 75L90 88.1972L81.2019 75Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M110 60L120 75L110 90L100 75L110 60Z" fill="%23323232"/> <defs> <linearGradient id="paint0_linear" x1="50" y1="30" x2="50" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="30" y1="90" x2="30" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="90" y1="0" x2="90" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="130" y1="30" x2="130" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="90" y1="60" x2="90" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 160px;
        height: 120px;
        right: 0;
        bottom: -46px;
        z-index: 5;
    }

    .section-security::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="721" viewBox="0 0 200 721" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M170 30L180 45L170 60L160 45L170 30Z" fill="%23282828"/> <path d="M150 30L160 45L150 60L140 45L150 30Z" fill="%23282828"/> <path d="M150 0L160 15L150 30L140 15L150 0Z" fill="%23282828"/> <path d="M130 0L140 15L130 30L120 15L130 0Z" fill="%23282828"/> <path d="M110 0L120 15L110 30L100 15L110 0Z" fill="%23282828"/> <path d="M110 30L120 45L110 60L100 45L110 30Z" fill="url(%23paint0_linear)"/> <path d="M90 30L100 45L90 60L80 45L90 30Z" fill="%23282828"/> <path d="M90 60L100 75L90 90L80 75L90 60Z" fill="%23282828"/> <path d="M70 60L80 75L70 90L60 75L70 60Z" fill="url(%23paint1_linear)"/> <path opacity="0.15" d="M199.399 721L40 481.901L-119.399 721L40 960.099L199.399 721Z" stroke="white"/> <path d="M198.798 561L120 442.803L41.2018 561L120 679.197L198.798 561Z" stroke="url(%23paint2_linear)" stroke-width="2"/> <defs> <linearGradient id="paint0_linear" x1="110" y1="30" x2="110" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="70" y1="60" x2="70" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="120" y1="441" x2="120" y2="681" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 200px;
        height: 721px;
        left: 0;
        bottom: 0;
        z-index: 0;
    }

    .section-security__img {
        position: absolute;
        bottom: 280px;
        left: 140px;
        height: 60px;
        width: 40px;
    }

    .section-map::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="160" height="481" viewBox="0 0 160 481" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.15" d="M319.399 0L160 -239.099L0.600922 0L160 239.099L319.399 0Z" stroke="white"/> <path d="M238.798 241L160 122.803L81.2018 241L160 359.197L238.798 241Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <path d="M120 451L110 436L120 421L130 436L120 451Z" fill="url(%23paint1_linear)"/> <path d="M120 391L110 376L120 361L130 376L120 391Z" fill="%23444444"/> <path d="M140 391L130 376L140 361L150 376L140 391Z" fill="url(%23paint2_linear)"/> <path d="M160 391L150 376L160 361L170 376L160 391Z" fill="%23444444"/> <path d="M80 451L70 436L80 421L90 436L80 451Z" fill="%23444444"/> <path d="M80 481L70 466L80 451L90 466L80 481Z" fill="url(%23paint3_linear)"/> <path d="M60 481L50 466L60 451L70 466L60 481Z" fill="%23444444"/> <path d="M20 451L10 436L20 421L30 436L20 451Z" fill="%23444444"/> <path d="M40 451L30 436L40 421L50 436L40 451Z" fill="url(%23paint4_linear)"/> <path d="M100 451L90 436L100 421L110 436L100 451Z" fill="%23444444"/> <path d="M100 391L90 376L100 361L110 376L100 391Z" fill="%23444444"/> <path d="M60 451L50 436L60 421L70 436L60 451Z" fill="%23444444"/> <path d="M120 421L110 406L120 391L130 406L120 421Z" fill="%23444444"/> <path d="M140 421L130 406L140 391L150 406L140 421Z" fill="%23444444"/> <path d="M88.7981 406L80 419.197L71.2019 406L80 392.803L88.7981 406Z" stroke="url(%23paint5_linear)" stroke-width="2"/> <path d="M60 421L50 406L60 391L70 406L60 421Z" fill="%23444444"/> <defs> <linearGradient id="paint0_linear" x1="160" y1="121" x2="160" y2="361" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="120" y1="421" x2="120" y2="451" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="140" y1="361" x2="140" y2="391" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="80" y1="451" x2="80" y2="481" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="40" y1="421" x2="40" y2="451" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint5_linear" x1="80" y1="391" x2="80" y2="421" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 160px;
        height: 481px;
        right: 0;
        top: 0;
        z-index: 0;
    }

    .section-purchase::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="160" height="120" viewBox="0 0 160 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M110 90L100 75L110 60L120 75L110 90Z" fill="url(%23paint0_linear)"/> <path d="M110 30L100 15L110 0L120 15L110 30Z" fill="%23282828"/> <path d="M130 30L120 15L130 0L140 15L130 30Z" fill="url(%23paint1_linear)"/> <path d="M150 30L140 15L150 0L160 15L150 30Z" fill="%23444444"/> <path d="M70 90L60 75L70 60L80 75L70 90Z" fill="%23282828"/> <path d="M70 120L60 105L70 90L80 105L70 120Z" fill="url(%23paint2_linear)"/> <path d="M50 120L40 105L50 90L60 105L50 120Z" fill="white"/> <path d="M10 90L0 75L10 60L20 75L10 90Z" fill="white"/> <path d="M30 90L20 75L30 60L40 75L30 90Z" fill="url(%23paint3_linear)"/> <path d="M98.7981 75L90 88.1972L81.2019 75L90 61.8028L98.7981 75Z" stroke="white" stroke-width="2"/> <path d="M90 30L80 15L90 0L100 15L90 30Z" fill="%23444444"/> <path d="M50 90L40 75L50 60L60 75L50 90Z" fill="%23282828"/> <path d="M110 60L100 45L110 30L120 45L110 60Z" fill="%23282828"/> <path d="M130 60L120 45L130 30L140 45L130 60Z" fill="%23282828"/> <path d="M78.7981 45L70 58.1972L61.2019 45L70 31.8028L78.7981 45Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M50 60L40 45L50 30L60 45L50 60Z" fill="%23282828"/> <defs> <linearGradient id="paint0_linear" x1="110" y1="60" x2="110" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="130" y1="0" x2="130" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="90" x2="70" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="30" y1="60" x2="30" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="70" y1="30" x2="70" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 160px;
        height: 120px;
        left: 100px;
        top: -44px;
        z-index: 42;
    }

    .section-purchase::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="295" height="349" viewBox="0 0 295 349" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M373.798 120L295 1.80277L216.202 120L295 238.197L373.798 120Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="229" width="80" height="120"> <path d="M40 229L80 289L40 349L0 289L40 229Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M40 229L80 289L40 349L0 289L40 229Z" fill="url(%23paint1_linear)"/> <path d="M40 229V349L0 289L40 229Z" fill="url(%23paint2_linear)"/> <path d="M40 229L80 289L40 309L0 289L40 229Z" fill="url(%23paint3_linear)"/> <path d="M40 229V309L0 289L40 229Z" fill="url(%23paint4_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="295" y1="0" x2="295" y2="240" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="40" y1="229" x2="40" y2="349" gradientUnits="userSpaceOnUse"> <stop stop-color="%23A77921"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="20" y1="229" x2="20" y2="349" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="40" y1="229" x2="40" y2="309" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="20" y1="229" x2="20" y2="309" gradientUnits="userSpaceOnUse"> <stop stop-color="%23FCDFA3"/> <stop offset="1" stop-color="%23E7BE68"/> </linearGradient> </defs> </svg>');
        width: 295px;
        height: 349px;
        right: 0;
        top: 120px;
        z-index: 2;
    }

    .section-purchase__img {
        position: absolute;
        right: 195px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 60px;
        width: 40px;
    }

    .section-commerce-rooms::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="240" height="710" viewBox="0 0 240 710" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M110 680L100 665L110 650L120 665L110 680Z" fill="url(%23paint0_linear)"/> <path d="M110 620L100 605L110 590L120 605L110 620Z" fill="%23282828"/> <path d="M130 620L120 605L130 590L140 605L130 620Z" fill="url(%23paint1_linear)"/> <path d="M150 620L140 605L150 590L160 605L150 620Z" fill="%23282828"/> <path d="M70 680L60 665L70 650L80 665L70 680Z" fill="%23282828"/> <path d="M70 710L60 695L70 680L80 695L70 710Z" fill="url(%23paint2_linear)"/> <path d="M50 710L40 695L50 680L60 695L50 710Z" fill="%23282828"/> <path d="M10 680L0 665L10 650L20 665L10 680Z" fill="%23282828"/> <path d="M30 680L20 665L30 650L40 665L30 680Z" fill="url(%23paint3_linear)"/> <path d="M90 680L80 665L90 650L100 665L90 680Z" fill="%23282828"/> <path d="M90 620L80 605L90 590L100 605L90 620Z" fill="%23282828"/> <path d="M50 680L40 665L50 650L60 665L50 680Z" fill="%23282828"/> <path d="M110 650L100 635L110 620L120 635L110 650Z" fill="%23282828"/> <path d="M130 650L120 635L130 620L140 635L130 650Z" fill="%23282828"/> <path d="M78.7981 635L70 648.197L61.2019 635L70 621.803L78.7981 635Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M50 650L40 635L50 620L60 635L50 650Z" fill="%23282828"/> <path d="M218.798 316L140 434.197L61.2018 316L140 197.803L218.798 316Z" stroke="url(%23paint5_linear)" stroke-width="2"/> <path opacity="0.05" d="M219.399 148L60 -91.0986L-99.31024 148L60 387.099L219.399 148Z" stroke="white"/> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="180" y="0" width="60" height="90"> <path d="M210 0L240 45L210 90L180 45L210 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M210 0L240 45L210 90L180 45L210 0Z" fill="%23282828"/> <path opacity="0.5" d="M210 0V90L180 45L210 0Z" fill="%23444444"/> <path opacity="0.35" d="M210 0L240 45L210 60L180 45L210 0Z" fill="url(%23paint6_linear)"/> <path opacity="0.35" d="M210 0V60L180 45L210 0Z" fill="url(%23paint7_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="110" y1="650" x2="110" y2="680" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="130" y1="590" x2="130" y2="620" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="680" x2="70" y2="710" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="30" y1="650" x2="30" y2="680" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="70" y1="620" x2="70" y2="650" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint5_linear" x1="140" y1="436" x2="140" y2="196" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint6_linear" x1="197.625" y1="2.625" x2="229.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23444444"/> <stop offset="1" stop-color="%23666666"/> </linearGradient> <linearGradient id="paint7_linear" x1="197.625" y1="2.625" x2="229.125" y2="50.625" gradientUnits="userSpaceOnUse"> <stop stop-color="%23666666"/> <stop offset="1" stop-color="%23888888"/> </linearGradient> </defs> </svg>');
        width: 240px;
        height: 710px;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .section-commerce-rooms::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="230" height="338" viewBox="0 0 230 338" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.20185 0L80 -118.197L158.798 0L80 118.197L1.20185 0Z" stroke="url(%23paint0_linear)" stroke-width="2"/> <path opacity="0.05" d="M20.6009 98L180 337.099L339.399 98L180 -141.099L20.6009 98Z" stroke="white"/> <path d="M140 210L170 165L140 120L110 165L140 210Z" fill="%23282828"/> <defs> <linearGradient id="paint0_linear" x1="80" y1="-120" x2="80" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 230px;
        height: 338px;
        right: 0;
        top: 0;
        z-index: 2;
    }

    .section-commerce-rooms__img {
        position: absolute;
        left: 60px;
        top: -60px;
        height: 120px;
        width: 80px;
    }

    .section-commerce::before {
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="160" height="120" viewBox="0 0 160 120" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M110 90L100 75L110 60L120 75L110 90Z" fill="url(%23paint0_linear)"/> <path d="M110 30L100 15L110 0L120 15L110 30Z" fill="%23323232"/> <path d="M130 30L120 15L130 0L140 15L130 30Z" fill="url(%23paint1_linear)"/> <path d="M150 30L140 15L150 0L160 15L150 30Z" fill="%23323232"/> <path d="M70 90L60 75L70 60L80 75L70 90Z" fill="%23323232"/> <path d="M70 120L60 105L70 90L80 105L70 120Z" fill="url(%23paint2_linear)"/> <path d="M50 120L40 105L50 90L60 105L50 120Z" fill="%23323232"/> <path d="M10 90L0 75L10 60L20 75L10 90Z" fill="%23202020"/> <path d="M30 90L20 75L30 60L40 75L30 90Z" fill="url(%23paint3_linear)"/> <path d="M90 90L80 75L90 60L100 75L90 90Z" fill="%23323232"/> <path d="M90 30L80 15L90 0L100 15L90 30Z" fill="%23202020"/> <path d="M50 90L40 75L50 60L60 75L50 90Z" fill="%23202020"/> <path d="M110 60L100 45L110 30L120 45L110 60Z" fill="%23202020"/> <path d="M130 60L120 45L130 30L140 45L130 60Z" fill="%23323232"/> <path d="M78.7981 45L70 58.1972L61.2019 45L70 31.8028L78.7981 45Z" stroke="url(%23paint4_linear)" stroke-width="2"/> <path d="M50 60L40 45L50 30L60 45L50 60Z" fill="%23323232"/> <defs> <linearGradient id="paint0_linear" x1="110" y1="60" x2="110" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="130" y1="0" x2="130" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="90" x2="70" y2="120" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint3_linear" x1="30" y1="60" x2="30" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint4_linear" x1="70" y1="30" x2="70" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        top: -45px;
    }

    .documents-block::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="140" height="90" viewBox="0 0 140 90" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M50 0L60 15L50 30L40 15L50 0Z" fill="%23E5E5E5"/> <path d="M30 60L40 75L30 90L20 75L30 60Z" fill="%23E5E5E5"/> <path d="M10 60L20 75L10 90L0 75L10 60Z" fill="url(%23paint0_linear)"/> <path d="M121.202 15L130 1.80278L138.798 15L130 28.1972L121.202 15Z" stroke="%23E5E5E5" stroke-width="2"/> <path d="M90 60L100 75L90 90L80 75L90 60Z" fill="url(%23paint1_linear)"/> <path d="M70 0L80 15L70 30L60 15L70 0Z" fill="%23444444"/> <path d="M70 60L80 75L70 90L60 75L70 60Z" fill="%23444444"/> <path d="M110 0L120 15L110 30L100 15L110 0Z" fill="%23444444"/> <path d="M50 30L60 45L50 60L40 45L50 30Z" fill="%23444444"/> <path d="M30 30L40 45L30 60L20 45L30 30Z" fill="%23444444"/> <path d="M90 30L100 45L90 60L80 45L90 30Z" fill="%23E5E5E5"/> <path d="M70 30L80 45L70 60L60 45L70 30Z" fill="url(%23paint2_linear)"/> <path d="M110 30L120 45L110 60L100 45L110 30Z" fill="%23444444"/> <defs> <linearGradient id="paint0_linear" x1="10" y1="60" x2="10" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint1_linear" x1="90" y1="60" x2="90" y2="90" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> <linearGradient id="paint2_linear" x1="70" y1="30" x2="70" y2="60" gradientUnits="userSpaceOnUse"> <stop stop-color="%23E7BE68"/> <stop offset="1" stop-color="%23C99C47"/> </linearGradient> </defs> </svg>');
        width: 140px;
        height: 90px;
        top: -45px;
        right: 60px;
        z-index: 5;
    }

}

@media all and (min-width:1300px) {
    .hypothec-block::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="40" height="60" viewBox="0 0 40 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="40" height="60"> <path d="M20 0L40 30L20 60L0 30L20 0Z" fill="%23282828"/> </mask> <g mask="url(%23mask0)"> <path d="M20 0L40 30L20 60L0 30L20 0Z" fill="%23282828"/> <path d="M20 0V60L0 30L20 0Z" fill="%23444444"/> <path d="M20 0L40 30L20 40L0 30L20 0Z" fill="url(%23paint0_linear)"/> <path d="M20 0V40L0 30L20 0Z" fill="url(%23paint1_linear)"/> </g> <defs> <linearGradient id="paint0_linear" x1="11.75" y1="1.75" x2="32.75" y2="33.75" gradientUnits="userSpaceOnUse"> <stop stop-color="%23444444"/> <stop offset="1" stop-color="%23666666"/> </linearGradient> <linearGradient id="paint1_linear" x1="11.75" y1="1.75" x2="32.75" y2="33.75" gradientUnits="userSpaceOnUse"> <stop stop-color="%23666666"/> <stop offset="1" stop-color="%23888888"/> </linearGradient> </defs> </svg>');
        width: 40px;
        height: 60px;
        right: -80px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


.free_aparts {
    position: absolute;
    left: -60px;
    bottom: 51px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 150px;
    height: 150px;
    user-select: none;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47));
    background: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%);
    background: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%);
}

.free_aparts-text {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.14;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 2;
    padding-top: 2px;
}

.free_aparts-text > span {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0;
}

.pgs-first-block-image {
    /*height: 590px;*/
    height: 100%;
    max-width: 906px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media all and (max-width: 1024px) {
    .free_aparts-text {
        font-size: 12px;
        font-weight: 500;
    }
    .free_aparts-text > span {
        font-size: 36px;
        font-weight: 600;
    }
    .free_aparts {
        width: 110px;
        height: 110px;
        left: -30px;
        bottom: 41px;
    }
    .pgs-first-block__tablet-img {
        position: relative;
        height: 389px;
        max-width: 369px;
        background-position: left center;
        margin-left: auto;
        right: -15px;
    }
    .pgs-first-block-middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media all and (max-width:767px) {
    .free_aparts {
        width: 90px;
        height: 90px;
        top: 30px;
        left: 15px;
    }
    .free_aparts-text {
        font-size: 10px;
    }
    .free_aparts-text > span {
        font-size: 24px;
    }
    .pgs-first-block__mobile-img {
        position: relative;
        height: 248px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: calc(100% + 30px);
        left: -15px;
        right: -15px;
        max-width: unset;
        margin-top: 0;
    }
}



.section-3d {
    color: #fff;
    background: linear-gradient(to top, #282828, #282828 50%, #202020 50.1%);
    -webkit-background: linear-gradient(to top, #282828, #282828 50%, #202020 50.1%);
}

.block-3d {
    position: relative;
    background: #444444;
    border-radius: 3px;
}

.block-3d__content {
    padding: 41px 0 50px;
}

.block-3d img {
    height: 100%;
    width: auto;
}

.modal-3d__wrap {
    width: 100%;
    max-width: 1170px;
    border-radius: 3px;
}

.fancybox-slide .modal-3d__wrap {
    padding-top: 40px;
}

.modal-3d__wrap iframe {
    width: 100%
}

@media all and (max-width:1024px) {
    .block-3d__content {
        text-align: center;
        padding: 20px 20px 30px;
    }
}

@media all and (max-width:767px) {
    .block-3d img {
        max-width: 100%;
        height: auto;
    }
}

@media all and (min-width:1230px) {
    .block-3d:before {
        content: url('/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/img/3d-cone-1.svg');
        position: absolute;
        left: -30px;
        top: 124px;
    }
    
    .block-3d:after {
        content: url('/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/img/3d-cone-2.svg');
        position: absolute;
        left: -20px;
        top: 149px;
    }

    .pgs-first-block__top {
        margin-bottom: 20px;
    }
}


.pgs-char-desc {
    background-image: url("/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/../../img/pattern.png");
    border: 0;
}

.pgs-start-disclaimer p {
    color: rgba(255, 255, 255, 0.7);
}

.territory-disclaimer {
    bottom: 21px;
}

@media all and (max-width: 1024px) {
    .territory-disclaimer {
        color: rgba(255, 255, 255, 0.7);
    }  
}

.section-rc__disclaimer {
    color: rgba(255, 255, 255, 0.7);
}

.pgs-first-block__sub-title span {
    color: #FFFFFF;
}
/* End */
/* /bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/style.css?16252102022246 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1481100176666 */
/* /bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/style.css?177883228275358 */
/* /bitrix/templates/pgs/assets/plugins/swiper/swiper.min.css?162158488613885 */
/* /bitrix/templates/pgs/assets/css/normalize.css?16215114902368 */
/* /bitrix/templates/pgs/assets/css/utils.css?16215114723266 */
/* /bitrix/templates/pgs/assets/css/grid.css?177884959321959 */
/* /bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/dark/style.css?163039108196150 */