/* 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/triangle/style.css?163047566471367*/

.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 rgba(113, 124, 137, 0.2);
}

.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="%235E748D" stroke-width="2" stroke-linecap="round"/> </svg>');
}

.fancybox-bg {
    background: rgba(113, 124, 137, 0.85) !important;
}

.apartments-item__price-value-q {
    display: none;
}

.apartments-item__price-value {
    margin-bottom: 26px;
}

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

    .building-item__nav:hover .building-item__nav-inner__btn {
        border-color: transparent;
        background: #FFD700;
        -webkit-box-shadow: 0px 15px 45px rgba(255, 215, 0, 0.35);
        box-shadow: 0px 15px 45px rgba(255, 215, 0, 0.35);
    }

    .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>');
    }

    .fb-s::before {
        content: '';
        background-image: url('data:image/svg+xml;utf8, <svg width="130" height="60" viewBox="0 0 130 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 60L10 50L0 60H20Z" fill="%23DDE7F1"/> <path d="M40 60L30 50L20 60H40Z" fill="%23DDE7F1"/> <path d="M60 60L50 50L40 60H60Z" fill="%23DDE7F1"/> <path d="M70 50L60 40L50 50H70Z" fill="%23DDE7F1"/> <path d="M40 40L30 30L20 40H40Z" fill="%23DDE7F1"/> <path d="M50 50L40 40L30 50H50Z" fill="%23DDE7F1"/> <path d="M90 50L80 40L70 50H90Z" fill="%23DDE7F1"/> <path d="M80 40L70 30L60 40H80Z" fill="%23DDE7F1"/> <path d="M100 60L90 50L80 60H100Z" fill="%23DDE7F1"/> <path d="M110 50L100 40L90 50H110Z" fill="%23DDE7F1"/> <path d="M120 40L110 30L100 40H120Z" fill="%23DDE7F1"/> <path d="M110 30L100 20L90 30H110Z" fill="%23DDE7F1"/> <path d="M130 30L120 20L110 30H130Z" fill="%23DDE7F1"/> <path d="M100 20L90 10L80 20H100Z" fill="%23DDE7F1"/> <path d="M50 30L40 20L30 30H50Z" fill="%23DDE7F1"/> <path d="M40 20L30 10L20 20H40Z" fill="%23DDE7F1"/> <path d="M80 20L70 10L60 20H80Z" fill="%23DDE7F1"/> <path d="M90 10L80 0L70 10H90Z" fill="%23DDE7F1"/> </svg>');
        width: 130px;
        height: 60px;
        position: absolute;
        top: -30px;
        left: -50px;
    }

    .fb-s::after {
        content: '';
        background-image: url('data:image/svg+xml;utf8, <svg width="130" height="60" viewBox="0 0 130 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 60L10 50L0 60H20Z" fill="%23DDE7F1"/> <path d="M40 60L30 50L20 60H40Z" fill="%23DDE7F1"/> <path d="M60 60L50 50L40 60H60Z" fill="%23DDE7F1"/> <path d="M70 50L60 40L50 50H70Z" fill="%23DDE7F1"/> <path d="M40 40L30 30L20 40H40Z" fill="%23DDE7F1"/> <path d="M50 50L40 40L30 50H50Z" fill="%23DDE7F1"/> <path d="M90 50L80 40L70 50H90Z" fill="%23DDE7F1"/> <path d="M80 40L70 30L60 40H80Z" fill="%23DDE7F1"/> <path d="M100 60L90 50L80 60H100Z" fill="%23DDE7F1"/> <path d="M110 50L100 40L90 50H110Z" fill="%23DDE7F1"/> <path d="M120 40L110 30L100 40H120Z" fill="%23DDE7F1"/> <path d="M110 30L100 20L90 30H110Z" fill="%23DDE7F1"/> <path d="M130 30L120 20L110 30H130Z" fill="%23DDE7F1"/> <path d="M100 20L90 10L80 20H100Z" fill="%23DDE7F1"/> <path d="M50 30L40 20L30 30H50Z" fill="%23DDE7F1"/> <path d="M40 20L30 10L20 20H40Z" fill="%23DDE7F1"/> <path d="M80 20L70 10L60 20H80Z" fill="%23DDE7F1"/> <path d="M90 10L80 0L70 10H90Z" fill="%23DDE7F1"/> </svg>');
        width: 130px;
        height: 60px;
        position: absolute;
        bottom: -30px;
        right: -50px;
    }

    .fb-b::before {
        content: '';
        background-image: url('data:image/svg+xml;utf8, <svg width="130" height="60" viewBox="0 0 130 60" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 60L10 50L0 60H20Z" fill="%23DDE7F1"/> <path d="M40 60L30 50L20 60H40Z" fill="%23DDE7F1"/> <path d="M60 60L50 50L40 60H60Z" fill="%23DDE7F1"/> <path d="M70 50L60 40L50 50H70Z" fill="%23DDE7F1"/> <path d="M40 40L30 30L20 40H40Z" fill="%23DDE7F1"/> <path d="M50 50L40 40L30 50H50Z" fill="%23DDE7F1"/> <path d="M90 50L80 40L70 50H90Z" fill="%23DDE7F1"/> <path d="M80 40L70 30L60 40H80Z" fill="%23DDE7F1"/> <path d="M100 60L90 50L80 60H100Z" fill="%23DDE7F1"/> <path d="M110 50L100 40L90 50H110Z" fill="%23DDE7F1"/> <path d="M120 40L110 30L100 40H120Z" fill="%23DDE7F1"/> <path d="M110 30L100 20L90 30H110Z" fill="%23DDE7F1"/> <path d="M130 30L120 20L110 30H130Z" fill="%23DDE7F1"/> <path d="M100 20L90 10L80 20H100Z" fill="%23DDE7F1"/> <path d="M50 30L40 20L30 30H50Z" fill="%23DDE7F1"/> <path d="M40 20L30 10L20 20H40Z" fill="%23DDE7F1"/> <path d="M80 20L70 10L60 20H80Z" fill="%23DDE7F1"/> <path d="M90 10L80 0L70 10H90Z" fill="%23DDE7F1"/> </svg>');
        width: 130px;
        height: 60px;
        position: absolute;
        top: -30px;
        left: -60px;
    }

}

/* site */

.building-item__nav {
    background: #F5F7F9;
}

.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="aparts"]::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"><path d="M9.95679 20.3889L20.3889 9.95679C20.7802 9.56551 21 9.03482 21 8.48147V3.08642C21 1.93412 20.0659 1 18.9136 1H13.5185C12.9652 1 12.4345 1.21982 12.0432 1.6111L1.6111 12.0432C0.796301 12.858 0.7963 14.1791 1.6111 14.9939L7.00614 20.3889C7.82094 21.2037 9.14199 21.2037 9.95679 20.3889Z" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M21 8V17C21 18.1046 20.1046 19 19 19H11" stroke="white" stroke-width="2" stroke-linejoin="round"/><circle cx="17" cy="5" r="1.5" fill="white"/><path d="M7 13L8.5 14.5L13 10" 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="%23282828"/> <circle cx="7" cy="2" r="1.25" fill="%23282828"/> <circle cx="12" cy="2" r="1.25" fill="%23282828"/> </svg>');
    width: 14px;
    height: 4px;
}

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

/* site */

/* first-block */

.pgs-first-block {
    background: #F9F9F9;
}

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

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

/* first-block */

/* sliders */

.hypothec-swiper-counter {
    height: 80px;
    width: 90px;
    z-index: 5;
    background: #FFD700;
}

.hypothec-swiper-counter::before {
    content: '';
    position: absolute;
    left: 100%;
    border-top: 55px solid transparent;
    border-left: 55px solid #FFD700;
    border-bottom: 55px solid transparent;
}

.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="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 6L8 0V12L0 6Z" fill="white"/> </svg>');
    width: 8px;
    height: 12px;
    left: 50%;
}

.swiper-button-next::after {
    background-image: url('data:image/svg+xml;charset=utf-8,  <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M8 6L0 0V12L8 6Z" fill="white"/>  </svg>');
    width: 8px;
    height: 12px;
    left: 50%;
}

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

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

.hypothec-item::before {
    content: '';
    position: absolute;
    right: 0;
    border-top: 180px solid #F9F9F9;
    border-left: 180px solid transparent;
    border-bottom: 180px solid #F9F9F9;
}

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

    .building-item__nav:hover {
        background: #FFFFFF;
        -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);
    }

    .hypothec-item::after {
        content: '';
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 0L50 50L0 0H100Z" fill="%23FFD700"/></svg>');
        position: absolute;
        width: 100px;
        height: 50px;
        top: 0;
        right: 80px;
    }
    .swiper-button-next:not(.swiper-button-disabled):hover,
    .swiper-button-prev:not(.swiper-button-disabled):hover {
        background: #FFD700;
        -webkit-box-shadow: 0px 10px 30px -5px #FFD700;
        box-shadow: 0px 10px 30px -5px #FFD700;
    }
}

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

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

    .hypothec-swiper-counter {
        height: 95px;
        width: 95px;
    }

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

}

@media all and (max-width: 767px) {
    .hypothec-swiper-counter::before {
        border-top: 48px solid transparent;
        border-left: 48px solid #FFD700;
        border-bottom: 48px solid transparent;
    }

    .hypothec-swiper-counter {
        top: 175px;
    }

}

/* sliders */

/* teasers */

.teaser-item__name {
    color: #282828;
}

.teaser-item__text {
    color: #5E748D;
}

/* teasers */


/* price */

.section-price {
    background: #5E748D;
}

/* price */

.section-commerce {
    background: #5E748D;
}

/* price */


/* price */

/* rc-slider */

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

.rc-slider svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#polyMask {
    points: path('0 0, 350 0, 250 150, 380 250, 0 250, 0 0') !important;
}

/*.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: 220px;
}

.rc-swiper-counter {
    position: absolute;
    top: -40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 60px;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
    border-top: 200px solid #FFD700;
}

.rc-swiper-counter .swiper-counter__container {
    top: -165px;
}


.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: 1600px) {
    .rc-swiper-counter {
        right: 30px;
    }
}

@media all and (max-width: 767px) {
    .rc-swiper-counter {
        top: -20px;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-top: 100px solid #FFD700;
        z-index: 5;
    }

    .rc-swiper-counter .swiper-counter__container {
        top: -80px;
        bottom: unset;
        left: 0;
    }
}

/* rc-slider */

/* territory */

.section-territory__item {
    border: 1px dashed transparent;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    width: 27px;
    height: 27px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-territory__item::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    background: #FFD700;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section-territory__item-container {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.section-territory__item-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 20px solid #FFD700;
    border-right: 20px solid transparent;
}

.section-territory__item-text {
    padding: 16px 20px;
}

/* territory */

/* technologies */

.technologies-item {
    border-radius: 3px;
}

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

.technologies-item__hover {
    position: absolute;
    right: 14px;
    top: 14px;
    opacity: 0;
    width: 0;
    height: 0;
    background: #FFD700;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

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

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

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

}

/* technologies */

/* apartments */

.section-apartments {
    background: #F9F9F9;
    padding-top: 90px;
    padding-bottom: 70px;
}

.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--0 .apartments-item__num {
    border-right: 60px solid #F6E8EA;
}

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

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

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

.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(113, 124, 137, 0.5);
}

.apartments-item__price-value-q {

    color: #5E748D;
}

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

/* apartments */

/* map */

.map__wrapper {
}

/* map */


/* finish */

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

.finish-text {
    color: #5E748D;
}

.sub-title {
    color: #5E748D;
}

.finish-item__title {
    color: #FFFFFF;
}

/* finish */

/* projects */

.projects-item__class {
    border-radius: 3px;
}

/* projects */

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

.document-tabs__link.active {
    color: #282828;
}

/* map */

.map-controls__item-control::before {
    content: '';
    position: absolute;
    right: -26px;
    top: -26px;
    width: 0;
    height: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 26px solid transparent;
    border-bottom: 26px solid #FFD700;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

.map-controls__item-control.active::before {
    opacity: 1;
}

.map-controls {
    background-color: #FFF;
}

/* map */

.section-hypothec,
.hypothec-block {
    position: relative;
}

.section-spaces {
    border-bottom: 1px solid #E5E5E5;
}


.section-documents {
    background: #F5F7F9 !important;
}

.section-purchase {
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(38.9%, #fff), color-stop(0%, #F5F7F9));
    background: -o-linear-gradient(bottom, #fff, #fff 38.9%, #F5F7F9 0%);
    background: linear-gradient(to top, #fff, #fff 38.9%, #F5F7F9 0%);
}

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

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



    .pgs-first-block::before {
        content: '';
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="290" height="490" viewBox="0 0 290 490" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-199.293 200L0 0.707099L289.293 290L90 489.293L-199.293 200Z" stroke="%23DDE7F1"/> <path d="M250 436L220 406L190 436L160 406L130 436" stroke="%23FFD700" stroke-width="20" stroke-miterlimit="10" stroke-linecap="square"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M80 216.333L146.667 283L280 149.667L213.333 83L80 216.333Z" fill="%23F6E8EA"/> </svg>');
        position: absolute;
        width: 290px;
        height: 490px;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .section-hypothec::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="250" viewBox="0 0 200 250" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 50L50 0L100 50H0Z" fill="%23FFD700"/> <path d="M-50 100L0 50L50 100H-50Z" fill="%23F9F9F9"/> <path d="M100 150L150 100L200 150H100Z" fill="%23F6E8EA"/> <path d="M198.793 249.5H1.20709L100 150.707L198.793 249.5Z" stroke="%23F6E8EA"/> </svg>');
        width: 200px;
        height: 250px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        z-index: -1;
    }

    .section-hypothec::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="234" height="646" viewBox="0 0 234 646" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7071 273L139 145.707L510.742 517.449L383.449 644.742L11.7071 273Z" stroke="%23DDE7F1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M67 173L114 220L207 127L160 80L67 173Z" fill="%23FFD700"/> <path d="M40 80L20 60L0 80H40Z" fill="%23DDE7F1"/> <path d="M80 80L60 60L40 80H80Z" fill="%23DDE7F1"/> <path d="M120 80L100 60L80 80H120Z" fill="%23DDE7F1"/> <path d="M100 60L80 40L60 60H100Z" fill="%23DDE7F1"/> <path d="M120 40L100 20L80 40H120Z" fill="%23DDE7F1"/> <path d="M80 40L60 20L40 40H80Z" fill="%23DDE7F1"/> <path d="M140 60L120 40L100 60H140Z" fill="%23DDE7F1"/> <path d="M160 40L140 20L120 40H160Z" fill="%23DDE7F1"/> <path d="M200 40L180 20L160 40H200Z" fill="%23DDE7F1"/> <path d="M180 20L160 0L140 20H180Z" fill="%23DDE7F1"/> </svg>');
        width: 234px;
        height: 646px;
        right: 0;
        top: 40px;
        z-index: -1;
    }

    .hypothec-block::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="233" height="228" viewBox="0 0 233 228" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M148 228L98 178L48 228H148Z" fill="%23717C89"/> <path d="M0.707107 127.551L127.551 0.707107L499.293 372.449L372.449 499.293L0.707107 127.551Z" stroke="%23DDE7F1"/> <path d="M218 164L188 134L158 164L128 134L98 164" stroke="%23F6E8EA" stroke-width="20" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        right: 0;
        bottom: 0;
        width: 233px;
        height: 228px;
        z-index: 0;
    }

    .section-teasers::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="290" height="490" viewBox="0 0 290 490" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-199.293 200L0 0.707099L289.293 290L90 489.293L-199.293 200Z" stroke="%23F6E8EA"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M67 136.667L100.333 170L167 103.333L133.667 70L67 136.667Z" fill="%23DDE7F1"/> <path d="M167.707 103.667L233.667 37.7071L266.293 70.3333L200.333 136.293L167.707 103.667Z" stroke="%23FFD700"/> </svg>');
        width: 290px;
        height: 490px;
        left: 0;
        top: 50px;
        z-index: -1;
    }

    .section-teasers::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="152" viewBox="0 0 200 152" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 152L100 52L200 152H0Z" fill="%23F6E8EA"/> <path d="M47 45L77 15L107 45" stroke="%23DDE7F1" stroke-width="20"/> </svg>');
        width: 200px;
        height: 152px;
        right: 0;
        bottom: 0;
        z-index: 5;
    }

    .section-price::before,
    .section-commerce::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="1920" height="550" viewBox="0 0 1920 550" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1799.71 260L1999 60.7071L2288.29 350L2089 549.293L1799.71 260Z" stroke="white"/> <path d="M1760 180L1740 160L1720 180H1760Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1800 180L1780 160L1760 180H1800Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1800 220L1780 200L1760 220H1800Z" fill="%23DDE7F1"/> <path d="M1840 180L1820 160L1800 180H1840Z" fill="%23DDE7F1"/> <path d="M1899 200L1879 180L1859 200H1899Z" fill="%23DDE7F1"/> <path d="M1920 220L1900 200L1880 220H1920Z" fill="%23DDE7F1"/> <path d="M1900 240L1880 220L1860 240H1900Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1879 260L1859 240L1839 260H1879Z" fill="%23DDE7F1"/> <path d="M1820 160L1800 140L1780 160H1820Z" fill="%23DDE7F1"/> <path d="M1780 200L1760 180L1740 200H1780Z" fill="%23DDE7F1"/> <path d="M1740 240L1720 220L1700 240H1740Z" fill="%23DDE7F1"/> <path d="M1720 220L1700 200L1680 220H1720Z" fill="%23DDE7F1"/> <path d="M1840 220L1820 200L1800 220H1840Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1860 200L1840 180L1820 200H1860Z" fill="%23DDE7F1"/> <path d="M1840 140L1820 120L1800 140H1840Z" fill="%23DDE7F1"/> <path d="M1820 120L1800 100L1780 120H1820Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1780 120L1760 100L1740 120H1780Z" fill="%23DDE7F1"/> <path d="M1760 100L1740 80L1720 100H1760Z" fill="%23DDE7F1"/> <path d="M1800 100L1780 80L1760 100H1800Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1840 100L1820 80L1800 100H1840Z" fill="%23DDE7F1"/> <path d="M1860 80L1840 60L1820 80H1860Z" fill="%23DDE7F1"/> <path d="M1760 140L1740 120L1720 140H1760Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1720 140L1700 120L1680 140H1720Z" fill="%23DDE7F1"/> <path d="M1700 120L1680 100L1660 120H1700Z" fill="%23DDE7F1"/> <path d="M1680 140L1660 120L1640 140H1680Z" fill="%23DDE7F1"/> <path d="M1700 160L1680 140L1660 160H1700Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1680 180L1660 160L1640 180H1680Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1760 220L1740 200L1720 220H1760Z" fill="%23DDE7F1"/> <path d="M1640 180L1620 160L1600 180H1640Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1800 140L1780 120L1760 140H1800Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1860 160L1840 140L1820 160H1860Z" fill="%23DDE7F1"/> <path d="M1880 140L1860 120L1840 140H1880Z" fill="%23DDE7F1"/> <path d="M1920 140L1900 120L1880 140H1920Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1900 120L1880 100L1860 120H1900Z" fill="%23DDE7F1"/> <path d="M1940 120L1920 100L1900 120H1940Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M1920 100L1900 80L1880 100H1920Z" fill="%23DDE7F1"/> <path d="M1690 301L1670 281L1650 301L1630 281L1610 301" stroke="%23F6E8EA" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path d="M1960 31L1940 11L1920 31L1900 11L1880 31" stroke="%23FFD700" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path d="M50 300L150 200L250 300H50Z" fill="%23DDE7F1"/> <path d="M217.293 203.333L24.6667 10.7071L-41.2929 76.6667L151.333 269.293L217.293 203.333Z" stroke="%23F6E8EA"/> <path d="M149 85L129 65L109 85L89 65L69 85" stroke="%23FFD700" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 100%;
        height: 550px;
        background-repeat: no-repeat;
        bottom: -170px;
        left: 0;
        z-index: 5;
    }

    .slider-rc__wrapper::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="320" height="80" viewBox="0 0 320 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M160 60L140 40L120 60H160Z" fill="%23F6E8EA"/> <path d="M200 60L180 40L160 60H200Z" fill="%23F6E8EA"/> <path d="M240 60L220 40L200 60H240Z" fill="%23F6E8EA"/> <path d="M220 40L200 20L180 40H220Z" fill="%23F6E8EA"/> <path d="M240 20L220 0L200 20H240Z" fill="%23F6E8EA"/> <path d="M160 20L140 0L120 20H160Z" fill="%23F6E8EA"/> <path d="M120 20L100 0L80 20H120Z" fill="%23F6E8EA"/> <path d="M80 20L60 0L40 20H80Z" fill="%23F6E8EA"/> <path d="M100 40L80 20L60 40H100Z" fill="%23F6E8EA"/> <path d="M80 60L60 40L40 60H80Z" fill="%23F6E8EA"/> <path d="M100 80L80 60L60 80H100Z" fill="%23F6E8EA"/> <path d="M140 80L120 60L100 80H140Z" fill="%23F6E8EA"/> <path d="M220 80L200 60L180 80H220Z" fill="%23F6E8EA"/> <path d="M260 80L240 60L220 80H260Z" fill="%23F6E8EA"/> <path d="M300 40L280 20L260 40H300Z" fill="%23F6E8EA"/> <path d="M40 60L20 40L0 60H40Z" fill="%23F6E8EA"/> <path d="M280 60L260 40L240 60H280Z" fill="%23F6E8EA"/> <path d="M320 20L300 0L280 20H320Z" fill="%23F6E8EA"/> </svg>');
        width: 320px;
        height: 80px;
        bottom: -40px;
        left: 80px;
        z-index: 15;
    }

    .section-rc::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="1415" height="620" viewBox="0 0 1415 620" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 620L200 420L400 620H0Z" fill="%23DDE7F1"/> <path d="M1638.79 619.5H401.207L1020 0.707153L1638.79 619.5Z" stroke="%23F6E8EA"/> <path d="M1375 483L1395 463L1415 483H1375Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M1335 483L1355 463L1375 483H1335Z" fill="%23F6E8EA"/> <path d="M1255 483L1275 463L1295 483H1255Z" fill="%23F6E8EA"/> <path d="M1215 483L1235 463L1255 483H1215Z" fill="%23F6E8EA"/> <path d="M1195 463L1215 443L1235 463H1195Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M1235 423L1255 403L1275 423H1235Z" fill="%23F6E8EA"/> <path d="M1175 443L1195 423L1215 443H1175Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M1175 483L1195 463L1215 483H1175Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M1355 463L1375 443L1395 463H1355Z" fill="%23F6E8EA"/> <path d="M1335 443L1355 423L1375 443H1335Z" fill="%23F6E8EA"/> <path d="M1375 443L1395 423L1415 443H1375Z" fill="%23F6E8EA"/> <path d="M1315 463L1335 443L1355 463H1315Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M1235 463L1255 443L1275 463H1235Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M1295 443L1315 423L1335 443H1295Z" fill="%23F6E8EA"/> <path d="M1255 443L1275 423L1295 443H1255Z" fill="%23F6E8EA"/> <path d="M1275 423L1295 403L1315 423H1275Z" fill="%23F6E8EA"/> <path d="M1199 110L1179 90L1159 110L1139 90L1119 110" stroke="%23DDE7F1" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 1415px;
        height: 620px;
        right: 0;
        top: 0;
        z-index: -1;
    }

    .section-territory__top::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="266" height="177" viewBox="0 0 266 177" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 50C10.5217 50 10.5217 56 20.0435 56C29.5652 56 29.5652 50 39.087 50C48.6087 50 48.6087 56 58.1304 56C67.6522 56 67.6522 50 77.1739 50C86.6956 50 86.6956 56 96.2174 56C105.739 56 105.739 50 115.261 50C124.783 50 124.783 56 134.304 56C143.826 56 143.826 50 153.348 50C162.87 50 162.87 56 172.391 56C181.913 56 181.913 50 191.435 50C200.957 50 200.957 56 210.478 56C220 56 220 50 229.522 50C239.043 50 239.043 56 248.565 56C258.087 56 258.087 50 267.609 50C277.13 50 277.13 56 286.652 56C296.174 56 296.174 50 305.696 50C315.217 50 315.217 56 324.739 56C334.261 56 334.261 50 343.783 50C353.304 50 353.304 56 362.826 56C372.348 56 372.348 50 381.87 50C391.391 50 391.391 56 400.913 56C410.435 56 410.435 50 419.957 50C429.478 50 429.478 56 439 56" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 60C10.5217 60 10.5217 66 20.0435 66C29.5652 66 29.5652 60 39.087 60C48.6087 60 48.6087 66 58.1304 66C67.6522 66 67.6522 60 77.1739 60C86.6956 60 86.6956 66 96.2174 66C105.739 66 105.739 60 115.261 60C124.783 60 124.783 66 134.304 66C143.826 66 143.826 60 153.348 60C162.87 60 162.87 66 172.391 66C181.913 66 181.913 60 191.435 60C200.957 60 200.957 66 210.478 66C220 66 220 60 229.522 60C239.043 60 239.043 66 248.565 66C258.087 66 258.087 60 267.609 60C277.13 60 277.13 66 286.652 66C296.174 66 296.174 60 305.696 60C315.217 60 315.217 66 324.739 66C334.261 66 334.261 60 343.783 60C353.304 60 353.304 66 362.826 66C372.348 66 372.348 60 381.87 60C391.391 60 391.391 66 400.913 66C410.435 66 410.435 60 419.957 60C429.478 60 429.478 66 439 66" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 70C10.5217 70 10.5217 76 20.0435 76C29.5652 76 29.5652 70 39.087 70C48.6087 70 48.6087 76 58.1304 76C67.6522 76 67.6522 70 77.1739 70C86.6956 70 86.6956 76 96.2174 76C105.739 76 105.739 70 115.261 70C124.783 70 124.783 76 134.304 76C143.826 76 143.826 70 153.348 70C162.87 70 162.87 76 172.391 76C181.913 76 181.913 70 191.435 70C200.957 70 200.957 76 210.478 76C220 76 220 70 229.522 70C239.043 70 239.043 76 248.565 76C258.087 76 258.087 70 267.609 70C277.13 70 277.13 76 286.652 76C296.174 76 296.174 70 305.696 70C315.217 70 315.217 76 324.739 76C334.261 76 334.261 70 343.783 70C353.304 70 353.304 76 362.826 76C372.348 76 372.348 70 381.87 70C391.391 70 391.391 76 400.913 76C410.435 76 410.435 70 419.957 70C429.478 70 429.478 76 439 76" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M266 60V120H131L71 60H266Z" fill="%235E748D"/> <path d="M213 60V20H153L113 60H213Z" fill="%23FFD700"/> <rect width="10" height="20" transform="matrix(-1 0 0 1 178 0)" fill="%23DDE7F1"/> <rect width="10" height="20" transform="matrix(-1 0 0 1 198 0)" fill="%23DDE7F1"/> <path d="M41 100C50.5217 100 50.5217 106 60.0435 106C69.5652 106 69.5652 100 79.087 100C88.6087 100 88.6087 106 98.1304 106C107.652 106 107.652 100 117.174 100C126.696 100 126.696 106 136.217 106C145.739 106 145.739 100 155.261 100C164.783 100 164.783 106 174.304 106C183.826 106 183.826 100 193.348 100C202.87 100 202.87 106 212.391 106C221.913 106 221.913 100 231.435 100C240.957 100 240.957 106 250.478 106C260 106 260 100 269.522 100C279.043 100 279.043 106 288.565 106C298.087 106 298.087 100 307.609 100C317.13 100 317.13 106 326.652 106C336.174 106 336.174 100 345.696 100C355.217 100 355.217 106 364.739 106C374.261 106 374.261 100 383.783 100C393.304 100 393.304 106 402.826 106C412.348 106 412.348 100 421.87 100C431.391 100 431.391 106 440.913 106C450.435 106 450.435 100 459.957 100C469.478 100 469.478 106 479 106" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M41 110C50.5217 110 50.5217 116 60.0435 116C69.5652 116 69.5652 110 79.087 110C88.6087 110 88.6087 116 98.1304 116C107.652 116 107.652 110 117.174 110C126.696 110 126.696 116 136.217 116C145.739 116 145.739 110 155.261 110C164.783 110 164.783 116 174.304 116C183.826 116 183.826 110 193.348 110C202.87 110 202.87 116 212.391 116C221.913 116 221.913 110 231.435 110C240.957 110 240.957 116 250.478 116C260 116 260 110 269.522 110C279.043 110 279.043 116 288.565 116C298.087 116 298.087 110 307.609 110C317.13 110 317.13 116 326.652 116C336.174 116 336.174 110 345.696 110C355.217 110 355.217 116 364.739 116C374.261 116 374.261 110 383.783 110C393.304 110 393.304 116 402.826 116C412.348 116 412.348 110 421.87 110C431.391 110 431.391 116 440.913 116C450.435 116 450.435 110 459.957 110C469.478 110 469.478 116 479 116" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M41 120C50.5217 120 50.5217 126 60.0435 126C69.5652 126 69.5652 120 79.087 120C88.6087 120 88.6087 126 98.1304 126C107.652 126 107.652 120 117.174 120C126.696 120 126.696 126 136.217 126C145.739 126 145.739 120 155.261 120C164.783 120 164.783 126 174.304 126C183.826 126 183.826 120 193.348 120C202.87 120 202.87 126 212.391 126C221.913 126 221.913 120 231.435 120C240.957 120 240.957 126 250.478 126C260 126 260 120 269.522 120C279.043 120 279.043 126 288.565 126C298.087 126 298.087 120 307.609 120C317.13 120 317.13 126 326.652 126C336.174 126 336.174 120 345.696 120C355.217 120 355.217 126 364.739 126C374.261 126 374.261 120 383.783 120C393.304 120 393.304 126 402.826 126C412.348 126 412.348 120 421.87 120C431.391 120 431.391 126 440.913 126C450.435 126 450.435 120 459.957 120C469.478 120 469.478 126 479 126" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M81 150C90.5217 150 90.5217 156 100.043 156C109.565 156 109.565 150 119.087 150C128.609 150 128.609 156 138.13 156C147.652 156 147.652 150 157.174 150C166.696 150 166.696 156 176.217 156C185.739 156 185.739 150 195.261 150C204.783 150 204.783 156 214.304 156C223.826 156 223.826 150 233.348 150C242.87 150 242.87 156 252.391 156C261.913 156 261.913 150 271.435 150C280.957 150 280.957 156 290.478 156C300 156 300 150 309.522 150C319.043 150 319.043 156 328.565 156C338.087 156 338.087 150 347.609 150C357.13 150 357.13 156 366.652 156C376.174 156 376.174 150 385.696 150C395.217 150 395.217 156 404.739 156C414.261 156 414.261 150 423.783 150C433.304 150 433.304 156 442.826 156C452.348 156 452.348 150 461.87 150C471.391 150 471.391 156 480.913 156C490.435 156 490.435 150 499.957 150C509.478 150 509.478 156 519 156" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M81 160C90.5217 160 90.5217 166 100.043 166C109.565 166 109.565 160 119.087 160C128.609 160 128.609 166 138.13 166C147.652 166 147.652 160 157.174 160C166.696 160 166.696 166 176.217 166C185.739 166 185.739 160 195.261 160C204.783 160 204.783 166 214.304 166C223.826 166 223.826 160 233.348 160C242.87 160 242.87 166 252.391 166C261.913 166 261.913 160 271.435 160C280.957 160 280.957 166 290.478 166C300 166 300 160 309.522 160C319.043 160 319.043 166 328.565 166C338.087 166 338.087 160 347.609 160C357.13 160 357.13 166 366.652 166C376.174 166 376.174 160 385.696 160C395.217 160 395.217 166 404.739 166C414.261 166 414.261 160 423.783 160C433.304 160 433.304 166 442.826 166C452.348 166 452.348 160 461.87 160C471.391 160 471.391 166 480.913 166C490.435 166 490.435 160 499.957 160C509.478 160 509.478 166 519 166" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M81 170C90.5217 170 90.5217 176 100.043 176C109.565 176 109.565 170 119.087 170C128.609 170 128.609 176 138.13 176C147.652 176 147.652 170 157.174 170C166.696 170 166.696 176 176.217 176C185.739 176 185.739 170 195.261 170C204.783 170 204.783 176 214.304 176C223.826 176 223.826 170 233.348 170C242.87 170 242.87 176 252.391 176C261.913 176 261.913 170 271.435 170C280.957 170 280.957 176 290.478 176C300 176 300 170 309.522 170C319.043 170 319.043 176 328.565 176C338.087 176 338.087 170 347.609 170C357.13 170 357.13 176 366.652 176C376.174 176 376.174 170 385.696 170C395.217 170 395.217 176 404.739 176C414.261 176 414.261 170 423.783 170C433.304 170 433.304 176 442.826 176C452.348 176 452.348 170 461.87 170C471.391 170 471.391 176 480.913 176C490.435 176 490.435 170 499.957 170C509.478 170 509.478 176 519 176" stroke="%23DDE7F1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
        width: 266px;
        height: 177px;
        right: 0;
        bottom: 30px;
        z-index: 5;
    }

    .section-territory::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="280" height="80" viewBox="0 0 280 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M240 80L260 60L280 80H240Z" fill="%23F6E8EA"/> <path d="M200 80L220 60L240 80H200Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M160 80L180 60L200 80H160Z" fill="%23F6E8EA"/> <path d="M80 80L100 60L120 80H80Z" fill="%23F6E8EA"/> <path d="M40 80L60 60L80 80H40Z" fill="%23F6E8EA"/> <path d="M20 60L40 40L60 60H20Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M60 20L80 0L100 20H60Z" fill="%23F6E8EA"/> <path d="M0 40L20 20L40 40H0Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M0 80L20 60L40 80H0Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M180 60L200 40L220 60H180Z" fill="%23F6E8EA"/> <path d="M160 40L180 20L200 40H160Z" fill="%23F6E8EA"/> <path d="M200 40L220 20L240 40H200Z" fill="%23F6E8EA"/> <path d="M140 60L160 40L180 60H140Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M60 60L80 40L100 60H60Z" fill="%23F6E8EA"/> <path opacity="0.5" d="M120 40L140 20L160 40H120Z" fill="%23F6E8EA"/> <path d="M80 40L100 20L120 40H80Z" fill="%23F6E8EA"/> <path d="M100 20L120 0L140 20H100Z" fill="%23F6E8EA"/> </svg>');
        width: 280px;
        height: 80px;
        left: calc(100% - (1170px / 2));
        bottom: -40px;
        z-index: 5;
    }

    .section-technologies::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="290" height="790" viewBox="0 0 290 790" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-199.293 200L0 0.707099L289.293 290L90 489.293L-199.293 200Z" stroke="%23DDE7F1"/> <path d="M250 436L220 406L190 436L160 406L130 436" stroke="%23FFD700" stroke-width="20" stroke-miterlimit="10" stroke-linecap="square"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M80 216.333L146.667 283L280 149.667L213.333 83L80 216.333Z" fill="%23F6E8EA"/> <path d="M-92.2929 723.333L90.3333 540.707L156.293 606.667L-26.3333 789.293L-92.2929 723.333Z" stroke="%23F6E8EA"/> </svg>');
        width: 290px;
        height: 790px;
        left: 0;
        top: 0;
        z-index: 5;
    }

    .section-technologies::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="234" height="646" viewBox="0 0 234 646" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7071 273L139 145.707L510.742 517.449L383.449 644.742L11.7071 273Z" stroke="%23DDE7F1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M67 173L114 220L207 127L160 80L67 173Z" fill="%23FFD700"/> <path d="M40 80L20 60L0 80H40Z" fill="%23DDE7F1"/> <path d="M80 80L60 60L40 80H80Z" fill="%23DDE7F1"/> <path d="M120 80L100 60L80 80H120Z" fill="%23DDE7F1"/> <path d="M100 60L80 40L60 60H100Z" fill="%23DDE7F1"/> <path d="M120 40L100 20L80 40H120Z" fill="%23DDE7F1"/> <path d="M80 40L60 20L40 40H80Z" fill="%23DDE7F1"/> <path d="M140 60L120 40L100 60H140Z" fill="%23DDE7F1"/> <path d="M160 40L140 20L120 40H160Z" fill="%23DDE7F1"/> <path d="M200 40L180 20L160 40H200Z" fill="%23DDE7F1"/> <path d="M180 20L160 0L140 20H180Z" fill="%23DDE7F1"/> </svg>');
        width: 234px;
        height: 646px;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

    .section-apartments::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="347" height="703" viewBox="0 0 347 703" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.38498e-06 503L100 603L0 703L2.38498e-06 503Z" fill="%23F6E8EA"/> <path d="M-95.2855 236.674L100.341 432.3L346.286 196.326L150.659 0.699862L-95.2855 236.674Z" stroke="%23DDE7F1"/> <path d="M98 248L78 228L58 248L38 228L18 248" stroke="%23FFD700" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path d="M269 158L289 138L309 158H269Z" fill="white"/> <path d="M229 158L249 138L269 158H229Z" fill="white"/> <path opacity="0.5" d="M189 158L209 138L229 158H189Z" fill="white"/> <path d="M109 158L129 138L149 158H109Z" fill="white"/> <path d="M69 158L89 138L109 158H69Z" fill="white"/> <path d="M49 138L69 118L89 138H49Z" fill="white"/> <path opacity="0.5" d="M89 98L109 78L129 98H89Z" fill="white"/> <path d="M29 118L49 98L69 118H29Z" fill="white"/> <path opacity="0.5" d="M29 158L49 138L69 158H29Z" fill="white"/> <path opacity="0.5" d="M209 138L229 118L249 138H209Z" fill="white"/> <path d="M189 118L209 98L229 118H189Z" fill="white"/> <path d="M229 118L249 98L269 118H229Z" fill="white"/> <path d="M169 138L189 118L209 138H169Z" fill="white"/> <path opacity="0.5" d="M89 138L109 118L129 138H89Z" fill="white"/> <path opacity="0.5" d="M149 118L169 98L189 118H149Z" fill="white"/> <path d="M109 118L129 98L149 118H109Z" fill="white"/> <path d="M129 98L149 78L169 98H129Z" fill="white"/> </svg>');
        width: 347px;
        height: 703px;
        left: 0;
        bottom: 0;
        z-index: 5;
    }

    .section-apartments::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="239" height="666" viewBox="0 0 239 666" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 100L100 0L200 100H0Z" fill="%23F6E8EA"/> <path d="M239 89L219 69L199 89L179 69L159 89" stroke="white" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path opacity="0.2" d="M528.293 376L329 176.707L39.7071 466L239 665.293L528.293 376Z" stroke="%23717C89"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M272 299.667L238.667 333L172 266.333L205.333 233L272 299.667Z" fill="%23F6E8EA"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M172 266.667L138.667 300L72 233.333L105.333 200L172 266.667Z" fill="%23FFD700"/> </svg>');
        width: 239px;
        height: 666px;
        right: 0;
        bottom: 0;
        z-index: 5;
    }

    .section-spaces::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="180" height="573" viewBox="0 0 180 573" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M160 513L140 493L120 513H160Z" fill="%23DDE7F1"/> <path d="M180 493L160 473L140 493H180Z" fill="%23DDE7F1"/> <path d="M139 372L119 352L99 372H139Z" fill="%23DDE7F1"/> <path d="M160 392L140 372L120 392H160Z" fill="%23DDE7F1"/> <path d="M140 412L120 392L100 412H140Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M119 432L99 412L79 432H119Z" fill="%23DDE7F1"/> <path d="M180 533L160 513L140 533H180Z" fill="%23DDE7F1"/> <path d="M140 573L120 553L100 573H140Z" fill="%23DDE7F1"/> <path d="M120 553L100 533L80 553H120Z" fill="%23DDE7F1"/> <path d="M80 392L60 372L40 392H80Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M100 372L80 352L60 372H100Z" fill="%23DDE7F1"/> <path d="M160 433L140 413L120 433H160Z" fill="%23DDE7F1"/> <path d="M160 473L140 453L120 473H160Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M120 473L100 453L80 473H120Z" fill="%23DDE7F1"/> <path d="M100 453L80 433L60 453H100Z" fill="%23DDE7F1"/> <path d="M80 473L60 453L40 473H80Z" fill="%23DDE7F1"/> <path d="M100 493L80 473L60 493H100Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M80 513L60 493L40 513H80Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M160 553L140 533L120 553H160Z" fill="%23DDE7F1"/> <path d="M40 513L20 493L0 513H40Z" fill="%23DDE7F1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M133 166.667L99.6667 200L33 133.333L66.3333 100L133 166.667Z" fill="%23F6E8EA"/> <path d="M99.2929 66.6667L33.3333 0.707107L0.707108 33.3333L66.6667 99.2929L99.2929 66.6667Z" stroke="%23FFD700"/> </svg>');
        width: 180px;
        height: 573px;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .section-spaces::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="300" viewBox="0 0 200 300" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M200 50L150 0L100 50H200Z" fill="%23FFD700"/> <path d="M250 100L200 50L150 100H250Z" fill="%23F9F9F9"/> <path d="M100 200L50 150L0 200H100Z" fill="%23F6E8EA"/> <path d="M1.20711 299.5H398.793L200 100.707L1.20711 299.5Z" stroke="%23F6E8EA"/> </svg>');
        width: 200px;
        height: 300px;
        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="315" height="650" viewBox="0 0 315 650" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M167 378L217 328L267 378H167Z" fill="%23717C89"/> <path d="M314.293 277.551L187.449 150.707L-184.293 522.449L-57.449 649.293L314.293 277.551Z" stroke="%23DDE7F1"/> <path d="M186 150L136 100L86 150H186Z" fill="%23F6E8EA"/> <path d="M136 100L36 0L-64 100H136Z" fill="%23FFD700"/> <path d="M97 314L127 284L157 314L187 284L217 314" stroke="%23F6E8EA" stroke-width="20" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 315px;
        height: 650px;
        left: 0;
        bottom: -170px;
        z-index: -1;
    }

    .section-finish::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="612" height="941" viewBox="0 0 612 941" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.2" d="M752.293 495.347L445.653 188.707L0.707092 633.653L307.347 940.293L752.293 495.347Z" stroke="%23717C89"/> <path d="M449 65L821.449 437.449L693.449 565.449L321 193L449 65Z" fill="%23F5F7F9"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M377 93L424 140L517 47L470 0L377 93Z" fill="%23FFD700"/> </svg>');
        width: 612px;
        height: 941px;
        right: 0;
        bottom: -310px;
        z-index: -1;
    }

    .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="213" height="160" viewBox="0 0 213 160" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M213 0L373 160L213 320L53 160L213 0Z" fill="%23FFD700"/> <path d="M20 133L10 123L0 133H20Z" fill="white"/> <path d="M40 133L30 123L20 133H40Z" fill="white"/> <path d="M60 133L50 123L40 133H60Z" fill="white"/> <path d="M70 123L60 113L50 123H70Z" fill="white"/> <path d="M40 113L30 103L20 113H40Z" fill="white"/> <path d="M50 123L40 113L30 123H50Z" fill="white"/> <path d="M90 123L80 113L70 123H90Z" fill="white"/> <path d="M80 113L70 103L60 113H80Z" fill="white"/> <path d="M100 133L90 123L80 133H100Z" fill="white"/> <path d="M110 123L100 113L90 123H110Z" fill="white"/> <path d="M120 113L110 103L100 113H120Z" fill="white"/> <path d="M110 103L100 93L90 103H110Z" fill="white"/> <path d="M100 93L90 83L80 93H100Z" fill="white"/> <path d="M120 93L110 83L100 93H120Z" fill="white"/> <path d="M140 93L130 83L120 93H140Z" fill="white"/> <path d="M50 103L40 93L30 103H50Z" fill="white"/> <path d="M40 93L30 83L20 93H40Z" fill="white"/> </svg>');
        width: 213px;
        height: 160px;
        right: 0;
        bottom: 0;
        z-index: 5;
    }

    .section-security::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="294" height="731" viewBox="0 0 294 731" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-310.293 200L-111 0.707099L178.293 290L-21 489.293L-310.293 200Z" stroke="%23F6E8EA"/> <path d="M294 446L194 546L94 446L294 446Z" fill="%23FFD700"/> <path d="M0 731L50 681L100 731H0Z" fill="%23DDE7F1"/> <path d="M148.793 680.5H51.2071L100 631.707L148.793 680.5Z" stroke="%23F6E8EA"/> <rect x="94" y="246" width="200" height="200" fill="%23F5F7F9"/> <path d="M134 338L114 318L94 338L74 318L54 338" stroke="%23F6E8EA" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path d="M194.707 279.667L260.667 213.707L293.293 246.333L227.333 312.293L194.707 279.667Z" stroke="%23FFD700"/> </svg>');
        width: 294px;
        height: 731px;
        left: 0;
        top: -110px;
        z-index: -1;
    }

    .section-map::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="358" height="1112" viewBox="0 0 358 1112" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M278 1032L258 1012L238 1032H278Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M318 1032L298 1012L278 1032H318Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M318 1072L298 1052L278 1072H318Z" fill="%23DDE7F1"/> <path d="M358 1032L338 1012L318 1032H358Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M397 1112L377 1092L357 1112H397Z" fill="%23DDE7F1"/> <path d="M338 1012L318 1025L298 1012H338Z" fill="%23DDE7F1"/> <path d="M298 1052L278 1032L258 1052H298Z" fill="%23DDE7F1"/> <path d="M258 1092L238 1072L218 1092H258Z" fill="%23DDE7F1"/> <path d="M238 1072L218 1052L198 1072H238Z" fill="%23DDE7F1"/> <path d="M358 1072L338 1052L318 1072H358Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M378 1052L358 1032L338 1052H378Z" fill="%23DDE7F1"/> <path d="M358 1025L338 972L318 1025H358Z" fill="%23DDE7F1"/> <path d="M338 972L318 952L298 972H338Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M298 972L278 952L258 972H298Z" fill="%23DDE7F1"/> <path d="M278 952L258 932L238 952H278Z" fill="%23DDE7F1"/> <path d="M318 952L298 932L278 952H318Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M358 952L338 932L318 952H358Z" fill="%23DDE7F1"/> <path d="M378 932L358 912L338 932H378Z" fill="%23DDE7F1"/> <path d="M278 1025L258 972L238 1025H278Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M238 1025L218 972L198 1025H238Z" fill="%23DDE7F1"/> <path d="M218 972L198 952L178 972H218Z" fill="%23DDE7F1"/> <path d="M198 1025L178 972L158 1025H198Z" fill="%23DDE7F1"/> <path d="M218 1012L198 1025L178 1012H218Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M198 1032L178 1012L158 1032H198Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M278 1072L258 1052L238 1072H278Z" fill="%23DDE7F1"/> <path d="M158 1032L138 1012L118 1032H158Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M318 1025L298 972L278 1025H318Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M378 1012L358 1025L338 1012H378Z" fill="%23DDE7F1"/> <path d="M0.7071 450L450 0.7071L609.293 160L160 609.293L0.7071 450Z" stroke="%23F6E8EA"/> <path d="M110 660L160 610L210 660H110Z" fill="%23DDE7F1"/> <path d="M110 760L210 660L310 760H110Z" fill="%23FFD700"/> <path d="M213 926L193 906L173 926L153 906L133 926" stroke="%23F6E8EA" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path d="M323 856L303 836L283 856L263 836L243 856" stroke="%23F5F7F9" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 358px;
        height: 1112px;
        right: 0;
        top: -352px;
        z-index: -1;
    }

    .section-purchase::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="298" height="267" viewBox="0 0 298 267" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-144.286 307.674L51.3406 503.3L297.286 267.326L101.659 71.6999L-144.286 307.674Z" stroke="%23DDE7F1"/> <path d="M172.066 0.355963L101.355 0.355957L101.355 71.0666L172.066 0.355963Z" fill="%23FFD700"/> <path d="M220 229L240 209L260 229H220Z" fill="white"/> <path d="M180 229L200 209L220 229H180Z" fill="white"/> <path opacity="0.5" d="M140 229L160 209L180 229H140Z" fill="white"/> <path d="M60 229L80 209L100 229H60Z" fill="white"/> <path d="M20 229L40 209L60 229H20Z" fill="white"/> <path d="M0 209L20 189L40 209H0Z" fill="white"/> <path opacity="0.5" d="M40 169L60 149L80 169H40Z" fill="white"/> <path d="M-20 189L0 169L20 189H-20Z" fill="white"/> <path opacity="0.5" d="M-20 229L0 209L20 229H-20Z" fill="white"/> <path opacity="0.5" d="M160 209L180 189L200 209H160Z" fill="white"/> <path d="M140 189L160 169L180 189H140Z" fill="white"/> <path d="M180 189L200 169L220 189H180Z" fill="white"/> <path d="M120 209L140 189L160 209H120Z" fill="white"/> <path opacity="0.5" d="M40 209L60 189L80 209H40Z" fill="white"/> <path opacity="0.5" d="M100 189L120 169L140 189H100Z" fill="white"/> <path d="M60 189L80 169L100 189H60Z" fill="white"/> <path d="M80 169L100 149L120 169H80Z" fill="white"/> </svg>');
        width: 298px;
        height: 267px;
        left: 0;
        top: 60px;
        z-index: 2;
    }

    .section-purchase::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="290" viewBox="0 0 200 290" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M200 290L100 190L0 290H200Z" fill="%23DDE7F1"/> <path d="M32.7071 193.333L225.333 0.707099L291.293 66.6667L98.6667 259.293L32.7071 193.333Z" stroke="%23F6E8EA"/> <path d="M101 75L121 55L141 75L161 55L181 75" stroke="%23FFD700" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 200px;
        height: 290px;
        right: 0;
        top: 40px;
        z-index: 2;
    }

    .section-commerce-rooms::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="348" height="703" viewBox="0 0 348 703" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.38498e-06 503L100 603L0 703L2.38498e-06 503Z" fill="%23F6E8EA"/> <path d="M98 248L78 228L58 248L38 228L18 248" stroke="%23FFD700" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path d="M-94.2855 236.674L101.341 432.3L347.286 196.326L151.659 0.699862L-94.2855 236.674Z" stroke="%23DDE7F1"/> <path d="M269 158L289 138L309 158H269Z" fill="white"/> <path d="M229 158L249 138L269 158H229Z" fill="white"/> <path opacity="0.5" d="M189 158L209 138L229 158H189Z" fill="white"/> <path d="M109 158L129 138L149 158H109Z" fill="white"/> <path d="M69 158L89 138L109 158H69Z" fill="white"/> <path d="M49 138L69 118L89 138H49Z" fill="white"/> <path opacity="0.5" d="M89 98L109 78L129 98H89Z" fill="white"/> <path d="M29 118L49 98L69 118H29Z" fill="white"/> <path opacity="0.5" d="M29 158L49 138L69 158H29Z" fill="white"/> <path opacity="0.5" d="M209 138L229 118L249 138H209Z" fill="white"/> <path d="M189 118L209 98L229 118H189Z" fill="white"/> <path d="M229 118L249 98L269 118H229Z" fill="white"/> <path d="M169 138L189 118L209 138H169Z" fill="white"/> <path opacity="0.5" d="M89 138L109 118L129 138H89Z" fill="white"/> <path opacity="0.5" d="M149 118L169 98L189 118H149Z" fill="white"/> <path d="M109 118L129 98L149 118H109Z" fill="white"/> <path d="M129 98L149 78L169 98H129Z" fill="white"/> </svg>');
        width: 348px;
        height: 703px;
        left: 0;
        top: 80px;
        z-index: 2;
    }

    .section-commerce-rooms::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="239" height="666" viewBox="0 0 239 666" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 100L100 0L200 100H0Z" fill="%23F6E8EA"/> <path d="M239 89L219 69L199 89L179 69L159 89" stroke="white" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> <path opacity="0.2" d="M528.293 376L329 176.707L39.7071 466L239 665.293L528.293 376Z" stroke="%23717C89"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M272 299.667L238.667 333L172 266.333L205.333 233L272 299.667Z" fill="%23F6E8EA"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M172 266.667L138.667 300L72 233.333L105.333 200L172 266.667Z" fill="%23FFD700"/> </svg>');
        width: 239px;
        height: 666px;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .section-documents::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="298" height="267" viewBox="0 0 298 267" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-144.286 307.674L51.3406 503.3L297.286 267.326L101.659 71.6999L-144.286 307.674Z" stroke="%23DDE7F1"/> <path d="M172.066 0.355475L101.355 0.355469L101.355 71.0661L172.066 0.355475Z" fill="%23FFD700"/> <path d="M220 229L240 209L260 229H220Z" fill="white"/> <path d="M180 229L200 209L220 229H180Z" fill="white"/> <path opacity="0.5" d="M140 229L160 209L180 229H140Z" fill="white"/> <path d="M60 229L80 209L100 229H60Z" fill="white"/> <path d="M20 229L40 209L60 229H20Z" fill="white"/> <path d="M0 209L20 189L40 209H0Z" fill="white"/> <path opacity="0.5" d="M40 169L60 149L80 169H40Z" fill="white"/> <path d="M-20 189L0 169L20 189H-20Z" fill="white"/> <path opacity="0.5" d="M-20 229L0 209L20 229H-20Z" fill="white"/> <path opacity="0.5" d="M160 209L180 189L200 209H160Z" fill="white"/> <path d="M140 189L160 169L180 189H140Z" fill="white"/> <path d="M180 189L200 169L220 189H180Z" fill="white"/> <path d="M120 209L140 189L160 209H120Z" fill="white"/> <path opacity="0.5" d="M40 209L60 189L80 209H40Z" fill="white"/> <path opacity="0.5" d="M100 189L120 169L140 189H100Z" fill="white"/> <path d="M60 189L80 169L100 189H60Z" fill="white"/> <path d="M80 169L100 149L120 169H80Z" fill="white"/> </svg>');
        width: 298px;
        height: 267px;
        bottom: 0;
        left: 0;
        z-index: 5;
    }

    .section-documents::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="279" height="589" viewBox="0 0 279 589" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M160 570L140 550L120 570H160Z" fill="white"/> <path opacity="0.35" d="M200 570L180 550L160 570H200Z" fill="white"/> <path d="M240 570L220 550L200 570H240Z" fill="white"/> <path d="M299 590L279 570L259 590H299Z" fill="white"/> <path d="M220 550L200 530L180 550H220Z" fill="white"/> <path d="M180 590L160 570L140 590H180Z" fill="white"/> <path opacity="0.35" d="M260 590L240 570L220 590H260Z" fill="white"/> <path d="M240 530L220 510L200 530H240Z" fill="white"/> <path d="M220 510L200 490L180 510H220Z" fill="white"/> <path opacity="0.35" d="M180 510L160 490L140 510H180Z" fill="white"/> <path d="M160 490L140 470L120 490H160Z" fill="white"/> <path d="M200 490L180 470L160 490H200Z" fill="white"/> <path opacity="0.35" d="M240 490L220 470L200 490H240Z" fill="white"/> <path d="M260 470L240 450L220 470H260Z" fill="white"/> <path d="M160 530L140 510L120 530H160Z" fill="white"/> <path opacity="0.35" d="M120 530L100 510L80 530H120Z" fill="white"/> <path d="M100 510L80 490L60 510H100Z" fill="white"/> <path d="M80 530L60 510L40 530H80Z" fill="white"/> <path d="M100 550L80 530L60 550H100Z" fill="white"/> <path opacity="0.35" d="M80 570L60 550L40 570H80Z" fill="white"/> <path d="M40 570L20 550L0 570H40Z" fill="white"/> <path opacity="0.35" d="M200 530L180 510L160 530H200Z" fill="white"/> <path opacity="0.35" d="M260 550L240 530L220 550H260Z" fill="white"/> <path d="M280 530L260 510L240 530H280Z" fill="white"/> <path opacity="0.35" d="M300 510L280 490L260 510H300Z" fill="white"/> <path d="M279 0L179 100L79 0H279Z" fill="%23DDE7F1"/> <path d="M111.707 96.6667L304.333 289.293L370.293 223.333L177.667 30.7071L111.707 96.6667Z" stroke="%23F6E8EA"/> <path d="M180 195L200 175L220 195L240 175L260 195" stroke="%23FFD700" stroke-width="15" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 279px;
        height: 589px;
        top: 0;
        right: 0;
        z-index: 5;
    }

    .section-projects::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="298" height="883" viewBox="0 0 298 883" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M120 823L100 803L80 823H120Z" fill="%23DDE7F1"/> <path d="M140 803L120 783L100 803H140Z" fill="%23DDE7F1"/> <path d="M99 682L79 662L59 682H99Z" fill="%23DDE7F1"/> <path d="M120 702L100 682L80 702H120Z" fill="%23DDE7F1"/> <path d="M100 722L80 702L60 722H100Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M79 742L59 722L39 742H79Z" fill="%23DDE7F1"/> <path d="M140 843L120 823L100 843H140Z" fill="%23DDE7F1"/> <path d="M100 883L80 863L60 883H100Z" fill="%23DDE7F1"/> <path d="M80 863L60 843L40 863H80Z" fill="%23DDE7F1"/> <path d="M40 702L20 682L0 702H40Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M60 682L40 662L20 682H60Z" fill="%23DDE7F1"/> <path d="M120 743L100 723L80 743H120Z" fill="%23DDE7F1"/> <path d="M120 783L100 763L80 783H120Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M80 783L60 763L40 783H80Z" fill="%23DDE7F1"/> <path d="M60 763L40 743L20 763H60Z" fill="%23DDE7F1"/> <path d="M40 783L20 763L0 783H40Z" fill="%23DDE7F1"/> <path d="M60 803L40 783L20 803H60Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M40 823L20 803L0 823H40Z" fill="%23DDE7F1"/> <path opacity="0.35" d="M120 863L100 843L80 863H120Z" fill="%23DDE7F1"/> <path d="M-191.293 290L8 489.293L297.293 200L98 0.707092L-191.293 290Z" stroke="%23F6E8EA"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M75 353.333L108.333 320L175 386.667L141.667 420L75 353.333Z" fill="%23DDE7F1"/> <path d="M175.707 386.333L241.667 452.293L274.293 419.667L208.333 353.707L175.707 386.333Z" stroke="%23FFD700"/> </svg>');
        width: 298px;
        height: 883px;
        left: 0;
        top: -200px;
        z-index: -1;
    }

    .section-projects::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="200" height="300" viewBox="0 0 200 300" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M200 50L150 0L100 50H200Z" fill="%23FFD700"/> <path d="M250 100L200 50L150 100H250Z" fill="%23F9F9F9"/> <path d="M100 200L50 150L0 200H100Z" fill="%23F6E8EA"/> <path d="M1.20711 299.5H398.793L200 100.707L1.20711 299.5Z" stroke="%23F6E8EA"/> </svg>');
        width: 200px;
        height: 300px;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .section-building::before {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="279" height="650" viewBox="0 0 279 650" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M278.293 277.551L151.449 150.707L-220.293 522.449L-93.449 649.293L278.293 277.551Z" stroke="%23DDE7F1"/> <path d="M150 150L100 100L50 150H150Z" fill="%23F6E8EA"/> <path d="M100 100L0 0L-100 100H100Z" fill="%23FFD700"/> <path d="M61 314L91 284L121 314L151 284L181 314" stroke="%23F6E8EA" stroke-width="20" stroke-miterlimit="10" stroke-linecap="square"/> </svg>');
        width: 279px;
        height: 650px;
        left: 0;
        bottom: -80px;
        z-index: 5;
    }

    .section-building::after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml;charset=utf-8, <svg width="290" height="490" viewBox="0 0 290 490" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M489.293 200L290 0.707099L0.707092 290L200 489.293L489.293 200Z" stroke="%23DDE7F1"/> <path d="M40 436L70 406L100 436L130 406L160 436" stroke="%23FFD700" stroke-width="20" stroke-miterlimit="10" stroke-linecap="square"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M210 216.333L143.333 283L10 149.667L76.6667 83L210 216.333Z" fill="%23F6E8EA"/> </svg>');
        width: 290px;
        height: 490px;
        right: 0;
        bottom: 100px;
        z-index: 5;
    }

}



.free_aparts {
    position: absolute;
    left: 31px;
    bottom: 83px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 179px;
    height: 179px;
    user-select: none;
}

.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: #282828;
    position: relative;
    z-index: 2;
    padding-top: 2px;
}

.free_aparts-text > span {
    font-size: 50px;
    line-height: 1;
    letter-spacing: 0;
}

.free_aparts:after {
    content: "";
    width: 128px;
    height: 128px;
    transform: rotate(45deg);
    position: absolute; 
    left: 25px; 
    top: 25px;
    background: #FFD700;
    pointer-events: none;
    z-index: 1;
}

.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;
    }
    .free_aparts-text > span {
        font-size: 36px;
    }
    .free_aparts {
        width: 136px;
        height: 136px;
        left: -69px;
        bottom: 0;
    }
    .free_aparts:after {
        width: 96px;
        height: 96px;
        left: 21px;
        top: 21px;
    }
    .pgs-first-block__tablet-img {
        position: relative;
        height: 270px;
        background-position: left center;
    }
    .pgs-first-block-middle {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media all and (max-width:767px) {
    .free_aparts {
        width: 100px;
        height: 100px;
        left: 17px;
    }
    .free_aparts:after {
        width: 70px;
        height: 70px;
        left: 15px;
        top: 15px;
    }
    .free_aparts-text {
        font-size: 10px;
    }
    .free_aparts-text > span {
        font-size: 24px;
    }
    .pgs-first-block__mobile-img {
        position: relative;
        height: 234px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        right: -15px;
        width: calc(100% + 15px);
    }
}


/*.pgs-char-desc {
    padding: 40px 0 10px;
    border-bottom: 1px solid #E5E5E5; 
}
*/
/*.pgs-first-block__desc-item {
    position: relative;
    margin-bottom: 45px;
    text-align: left;
    padding-left: 75px;
}*/

.znajok {
    background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/triangle/dom-rf.png);
    position: absolute;
    width: 300px;
    height: 72px;
    left: 15%;
    bottom: 40%;
    top: 40%;
    background-repeat: no-repeat;
    transition: .3s;
    box-shadow: 0px 20px 60px -30px rgb(40 40 40 / 15%);
    z-index: 99;
}

.znajok:hover {
    filter: drop-shadow(0px 10px 15px rgba(40, 40, 40, .25));
}

@media all and (max-width: 767px) {
    .znajok {
        bottom: 30%;
        top: 30%;
    }
}
/* 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/triangle/style.css?163047566471367 */