ЖК «Ручьи» | Официальный сайт застройщика ЛСР. Недвижимость

<!DOCTYPE html> <html lang="ru" translate="no" class=""> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" /> <meta name="cmsmagazine" content="f2d72d3408f63252b7c735ac5b026ced"> <link type="text/plain" rel="author" href="/humans.txt"> <meta name="format-detection" content="telephone=no" /> <meta name="format-detection" content="address=no" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="index, follow" /> <meta name="description" content="Официальный сайт компании ЛСР. Недвижимость - Северо Запад, застройщика жилого комплекса «Ручьи» в Санкт-Петербурге. " /> <link href="/bitrix/cache/css/s1/lsr/template_d745c899a8023b02e5cac6c4699f4977/template_d745c899a8023b02e5cac6c4699f4977_v1.css?1732755617990547" type="text/css" data-template-style="true" rel="stylesheet" /> <script src="/bitrix/js/main/jquery/jquery-1.12.4.min.js?169714595497163"></script> <title>ЖК «Ручьи» | Официальный сайт застройщика ЛСР. Недвижимость - Северо Запад</title> <link type="image/ico" rel="shortcut icon" href="/favicons/favicon.ico" /> <link rel="manifest" href="/frontend/build/assets/json/manifest.json" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link as="script" rel="preload" href="/frontend/build/js/bundle.js?version=4.4.13" /> <link href="/frontend/build/js/bundle.js?version=4.4.13" rel="preload" as="script"> <link rel="canonical" href="https://www.lsr.ru/spb/zhilye-kompleksy/ruchi/" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NM5GJ96M');</script>  <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Главная","item":"https://www.lsr.ru/spb/"},{"@type":"ListItem","position":2,"name":"Объекты","item":"https://www.lsr.ru/spb/zhilye-kompleksy/"},{"@type":"ListItem","position":3,"name":"ЖК Ручьи","item":"https://www.lsr.ru/spb/zhilye-kompleksy/ruchi/"}]}</script></head> <body data-js-App='{"lang":"ru","isAuth":false,"tplPath":"\/local\/templates\/lsr","googleCaptchaKey":null,"yandexMapsKey":"de3743b5-31ca-4bca-9ae4-2aa3e5358eb1","svgSpriteRevision":null,"routerUrls":{"parkingCard":"ajax\/selector_parking.php","qualityModal":"ajax\/quality_modal.php"}}' > <div id="panel" style="position:absolute;width:100%"></div> <div class="pageLayout pageLayout--isColorWildSandBg pageLayout--isOnDesktopHasFixedMenu pageLayout--isCustomHeader pageLayout--isCustomSections"> <div class="pageLayout__header"> <header class="header" data-js-Header=""> <div class="header__container container"> <div class="header__logoWrapper"> <a class="logo logo--isPrimary" rel="home" href="/spb/"> <img class="logo__img" src="/frontend/build/assets/images/logos/lsr.svg" alt="Логотип" width="87" height="28" loading="lazy" decoding="async" /> </a> <div id="headerCityLinkWrapper" class="header__cityLinkWrapper"> <div class="popover popover--isMinWidth200" data-js-Popover='{"placement":"bottom-start","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isLink btn--isSizeAuto" data-js-PopoverToggleBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-navigation"></use> </svg> </span> </span> <span class="btn__label">Санкт-Петербург</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="cityList"> <ul class="cityList__list"> <li class="cityList__item"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium isDisabled" data-js-PopoverCloseEl="true"> <span class="btn__label">Санкт-Петербург</span> </a> </li> <li class="cityList__item"> <a href="/msk/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Москва</span> </a> </li> <li class="cityList__item"> <a href="/ekb/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Екатеринбург</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="header__menuBtnWrapper"> <div class="menuBtn"> <button draggable="false" type="button" class="btn btn--isDark btn--isWithIcon btn--isSizeMedium" title="Показать" data-js-HeaderToggleBtn="true"> <div class="menuBtn__iconContainer"> <span class="icon icon--isSize14 icon--isOpen icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-building"></use> </svg> </span> <span class="icon icon--isSize14 icon--isClose icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-close"></use> </svg> </span> </div> <div class="menuBtn__labelContainer"> <span class="menuBtn__label menuBtn__label--isOpen">Объекты</span> <span class="menuBtn__label menuBtn__label--isClose">Закрыть</span> </div> </button> </div> </div> <div class="header__menuWrapper " data-js-HeaderMenu=""> <div class="header__mobilePopoverWrapper"> <div class="popover popover--isFullWidth" data-js-Popover='{"placement":"bottom","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px"}'> <button draggable="false" type="button" class="btn btn--isFullWidth btn--isOutline btn--isSizeLarge" data-js-PopoverToggleBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-user"></use> </svg> </span> </span> <span class="btn__label">Войти</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="accountList"> <p class="accountList__heading">Вход в личный кабинет</p> <ol class="accountList__list"> <li class="accountList__item"> <a href="#agentEntry" class="btn btn--isSecondaryLink btn--isAccount btn--isSizeMedium " data-js-PopoverCloseEl="true" data-js-modal-open=""> <span class="btn__label">Я агент</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-briefcase"></use> </svg> </span> </span> </a> </li> <li class="accountList__item"> <a href="#userEntryForm" class="btn btn--isSecondaryLink btn--isAccount btn--isSizeMedium" data-js-PopoverCloseEl="true" data-js-modal-open=""> <span class="btn__label">Я пользователь</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-emotion-happy"></use> </svg> </span> </span> </a> </li> </ol> </div> </div> </div> <div id="mobileHeaderCityLinkWrapper" class="header__mobileHeaderCityLinkWrapper"> <div class="popover popover--isFullWidth popover--isActiveRotateIcon popover--isTertiary" data-js-Popover="{"placement":"bottom-start","events":["click"],"offset":{"mainAxis":8,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":true}"> <button draggable="false" type="button" class="btn btn--isFullWidth btn--isOpenBtn btn--isOutline btn--isOnlyIcon btn--isSizeLarge" data-js-PopoverToggleBtn="true"> <span> <span class="isColorSilverChalice">Регион: </span> <span class="btn__label">Санкт-Петербург</span> </span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="cityList cityList--isPrimary"> <ul class="cityList__list"> <li class="cityList__item"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium isDisabled" data-js-PopoverCloseEl="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-checkmark"></use> </svg> </span> </span> <span class="btn__label">Санкт-Петербург</span> </a> </li> <li class="cityList__item"> <a href="/msk/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-checkmark"></use> </svg> </span> </span> <span class="btn__label">Москва</span> </a> </li> <li class="cityList__item"> <a href="/ekb/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-checkmark"></use> </svg> </span> </span> <span class="btn__label">Екатеринбург</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="header__navWrapper"> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a href="/spb/o_kompanii/" class="btn btn--isLink btn--isSizeMedium " title="О нас"> <span class="btn__label">О нас</span> </a> </li> <li class="nav__item"> <a href="/spb/novosti/" class="btn btn--isLink btn--isSizeMedium " title="Новости"> <span class="btn__label">Новости</span> </a> </li> <li class="nav__item"> <a href="/spb/usloviya-pokupki/" class="btn btn--isLink btn--isSizeMedium " title="Как купить"> <span class="btn__label">Как купить</span> </a> </li> <li class="nav__item"> <a href="/spb/kachestvo/" class="btn btn--isLink btn--isSizeMedium " title="Квартирономика"> <span class="btn__label">Квартирономика</span> </a> </li> <li class="nav__item"> <a href="/spb/offers/" class="btn btn--isLink btn--isSizeMedium btn--isCustomPrimaryLink" title="Акции"> <span class="btn__label">Акции</span> </a> </li> <li class="nav__item"> <a href="/spb/kontakty/" class="btn btn--isLink btn--isSizeMedium " title="Контакты"> <span class="btn__label">Контакты</span> </a> </li> <li class="nav__item"> <a href="/spb/online/" class="btn btn--isLink btn--isSizeMedium btn--isOnline " title="Онлайн"> <span class="btn__label">Онлайн</span> </a> </li> <li class="nav__item"> <a href="/spb/dolshchikam/" class="btn btn--isLink btn--isSizeMedium " title="Дольщикам"> <span class="btn__label">Дольщикам</span> </a> </li> </ul> </nav> </div> <div class="header__sectionWrapper" data-js-HeaderSectionWrapper=""> <div class="header__sectionInnerWrapper container"> <div class="menu" data-js-Tabs='{"activeTabName":"tab-1","onPointerOverEvent":true}'> <div id="accordionGroup1" class="menu__contentWrapper " data-js-TabsContentList=""> <div class="menu__contentSection menu__contentSection--isFirst" data-js-TabsContent="tab-1"> <div class="accordion accordion--isPrimary" data-js-Accordion='{"accordionGroupSelector":"#accordionGroup1","isWholeSummaryClickable":true,"transitionDuration":500,"mq":"tablet","isOpen":false}'> <div class="accordion__summary" data-js-AccordionSummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Жилые комплексы</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-AccordionBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-AccordionContent=""> <div class="accordion__contentInner"> <div class="menu__sectionLinkWrapper "> <span class="menu__sectionLinkHeading">Комфорт</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Пейзажный квартал"> <span class="btn__label">Пейзажный квартал</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/pulkovo-lake/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Пулково Lake"> <span class="btn__label">Пулково Lake</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/lsr-rzhevskij-park/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="ЛСР. Ржевский парк"> <span class="btn__label">ЛСР. Ржевский парк</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/morskaya-milya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская миля"> <span class="btn__label">Морская миля</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/tsvetnoy-gorod/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цветной город"> <span class="btn__label">Цветной город</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/ruchi/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Ручьи"> <span class="btn__label">Ручьи</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Октябрьская набережная"> <span class="btn__label">Октябрьская набережная</span> </a> </li> </ol> </div> <div class="menu__sectionLinkWrapper "> <span class="menu__sectionLinkHeading">Бизнес-класс</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/tsivilizatsiya-na-neve/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цивилизация на Неве"> <span class="btn__label">Цивилизация на Неве</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/lsr-bolshaya-ohta/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="ЛСР. Большая Охта"> <span class="btn__label">ЛСР. Большая Охта</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/izmajlovskij/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Измайловский"> <span class="btn__label">Измайловский</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/morskaya-naberezhnaya-main/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская набережная"> <span class="btn__label">Морская набережная</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/neopark/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="NEOPARK"> <span class="btn__label">NEOPARK</span> </a> </li> </ol> </div> <div class="menu__sectionLinkWrapper "> <span class="menu__sectionLinkHeading">Элитные</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/zhilye-kompleksy/neva-haus/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="NEVA HAUS"> <span class="btn__label">NEVA HAUS</span> </a> </li> </ol> </div> <div class="menu__contentSectionLinkWrapper"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isProjectFilter btn--isOutline btn--isSizeLarge " title="Фильтр проектов"> <span class="btn__label">Фильтр проектов</span> </a> <a class="mapLink" href="/spb/map/"> <span class="mapLink__label">Искать на карте</span> </a> </div> </div> </div> </div> </div> <div class="menu__contentSection menu__contentSection--isSecond" data-js-TabsContent="tab-2"> <div class="accordion accordion--isPrimary" data-js-Accordion='{"accordionGroupSelector":"#accordionGroup1","isWholeSummaryClickable":true,"transitionDuration":500,"mq":"tablet","isOpen":false}'> <div class="accordion__summary" data-js-AccordionSummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Квартиры и апартаменты</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-AccordionBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-AccordionContent=""> <div class="accordion__contentInner"> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Квартиры</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/studii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Студии"> <span class="btn__label">Студии</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/evroplanirovki/1-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="1-комнатные евро"> <span class="btn__label">1-комнатные евро</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/1-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="1-комнатные"> <span class="btn__label">1-комнатные</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/evroplanirovki/2-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="2-комнатные евро"> <span class="btn__label">2-комнатные евро</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/2-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="2-комнатные"> <span class="btn__label">2-комнатные</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/evroplanirovki/3-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="3-комнатные евро"> <span class="btn__label">3-комнатные евро</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/3-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="3-комнатные"> <span class="btn__label">3-комнатные</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/evroplanirovki/4-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="4-комнатные евро"> <span class="btn__label">4-комнатные евро</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/4-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="4-комнатные"> <span class="btn__label">4-комнатные</span> </a> </li> </ol> </div> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Апартаменты</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/apartamenty/evroplanirovki/2-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="2-комнатные евро"> <span class="btn__label">2-комнатные евро</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/apartamenty/2-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="2-комнатные"> <span class="btn__label">2-комнатные</span> </a> </li> </ol> </div> <div class="menu__contentSectionLinkWrapper"> <a href="/spb/kvartiry-v-novostroikah/" class="btn btn--isProjectFilter btn--isOutline btn--isSizeLarge " title="Фильтр квартир"> <span class="btn__label">Фильтр квартир</span> </a> </div> </div> </div> </div> </div> <div class="menu__contentSection menu__contentSection--isThird" data-js-TabsContent="tab-3"> <div class="accordion accordion--isPrimary" data-js-Accordion='{"accordionGroupSelector":"#accordionGroup1","isWholeSummaryClickable":true,"transitionDuration":500,"mq":"tablet","isOpen":false}'> <div class="accordion__summary" data-js-AccordionSummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Коммерция</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-AccordionBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-AccordionContent=""> <div class="accordion__contentInner"> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Комфорт</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/tsivilizatsiya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цивилизация"> <span class="btn__label">Цивилизация</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/novaya-okhta/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Новая Охта"> <span class="btn__label">Новая Охта</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/tsvetnoy-gorod-kvartal-26/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цветной город, квартал 26"> <span class="btn__label">Цветной город, квартал 26</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/tsvetnoy-gorod-pejzazhnyj-kvartal/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Пейзажный квартал"> <span class="btn__label">Пейзажный квартал</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/tsvetnoy-gorod-kvartal-29/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цветной город, квартал 29"> <span class="btn__label">Цветной город, квартал 29</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/tsvetnoy-gorod-duopark/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цветной город, DUOPARK"> <span class="btn__label">Цветной город, DUOPARK</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/ruchi-ochered-1/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Ручьи, очередь 1"> <span class="btn__label">Ручьи, очередь 1</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/zapovednyj-park/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Заповедный парк"> <span class="btn__label">Заповедный парк</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/morskaya-milya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская миля"> <span class="btn__label">Морская миля</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/ruchi-ochered-2/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Ручьи, очередь 2"> <span class="btn__label">Ручьи, очередь 2</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/lsr-rzhevskij-park/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="ЛСР. Ржевский парк"> <span class="btn__label">ЛСР. Ржевский парк</span> </a> </li> </ol> </div> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Бизнес-класс</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/riviere-noire/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="RIVIERE NOIRE"> <span class="btn__label">RIVIERE NOIRE</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/morskaya-naberezhnaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская набережная. Бульвар, очередь 1"> <span class="btn__label">Морская набережная. Бульвар, очередь 1</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/kommercheskaya-nedvizhimost/morskaya-naberezhnaya-seaview-ochered-2/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская набережная. SeaView, очередь 2"> <span class="btn__label">Морская набережная. SeaView, очередь 2</span> </a> </li> </ol> </div> <div class="menu__contentSectionLinkWrapper"> <a href="/spb/kommercheskaya-nedvizhimost/" class="btn btn--isProjectFilter btn--isOutline btn--isSizeLarge " title="Фильтр помещений"> <span class="btn__label">Фильтр помещений</span> </a> </div> </div> </div> </div> </div> <div class="menu__contentSection menu__contentSection--isFourth" data-js-TabsContent="tab-4"> <div class="accordion accordion--isPrimary" data-js-Accordion='{"accordionGroupSelector":"#accordionGroup1","isWholeSummaryClickable":true,"transitionDuration":500,"mq":"tablet","isOpen":false}'> <div class="accordion__summary" data-js-AccordionSummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Машино-место</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-AccordionBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-AccordionContent=""> <div class="accordion__contentInner"> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Комфорт</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/parking/shuvalovskiy/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Шуваловский"> <span class="btn__label">Шуваловский</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/kalina-park-2/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Калина-парк 2"> <span class="btn__label">Калина-парк 2</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/yuzhnaya-akvatoriya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Южная акватория"> <span class="btn__label">Южная акватория</span> </a> </li> </ol> </div> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Бизнес-класс</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/parking/tri-vetra/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Три ветра"> <span class="btn__label">Три ветра</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/tsivilizatsiya-na-neve/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Цивилизация на Неве"> <span class="btn__label">Цивилизация на Неве</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/morskaya-naberezhnaya-seaview-ochered-2/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская набережная. SeaView, очередь 2"> <span class="btn__label">Морская набережная. SeaView, очередь 2</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/lsr-bolshaya-ohta/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="ЛСР. Большая Охта"> <span class="btn__label">ЛСР. Большая Охта</span> </a> </li> </ol> </div> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Элитные</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/parking/smolnyy-park-2-ochered/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Смольный парк II очередь"> <span class="btn__label">Смольный парк II очередь</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/neva-haus/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="NEVA HAUS"> <span class="btn__label">NEVA HAUS</span> </a> </li> <li class="menu__sectionItem"> <a href="/spb/parking/zoologicheskii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Зоологический, 2-4"> <span class="btn__label">Зоологический, 2-4</span> </a> </li> </ol> </div> </div> </div> </div> </div> <div class="menu__contentSection menu__contentSection--isFifth" data-js-TabsContent="tab-5"> <div class="accordion accordion--isPrimary" data-js-Accordion='{"accordionGroupSelector":"#accordionGroup1","isWholeSummaryClickable":true,"transitionDuration":500,"mq":"tablet","isOpen":false}'> <div class="accordion__summary" data-js-AccordionSummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Кладовые</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-AccordionBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-AccordionContent=""> <div class="accordion__contentInner"> <div class="menu__sectionLinkWrapper menu__sectionLinkWrapper--isRowSpan2"> <span class="menu__sectionLinkHeading">Комфорт</span> <ol class="menu__sectionLinkList"> <li class="menu__sectionItem"> <a href="/spb/kladovki/morskaya-milya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Морская миля"> <span class="btn__label">Морская миля</span> </a> </li> </ol> </div> </div> </div> </div> </div> </div> <div class="menu__sectionWrapper" data-js-TabsList=""> <span class="menu__sectionWrapperHeading">Ключевые разделы</span> <ol class="menu__sectionWrapperList"> <li class="menu__sectionWrapperItem"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isTertiaryLink btn--isSectionWrapperLink btn--isSizeMedium btn--isRedHover" data-js-TabsItem="tab-1"> <span class="btn__label">Жилые комплексы</span> </a> </li> <li class="menu__sectionWrapperItem"> <a href="/spb/kvartiry-v-novostroikah/" class="btn btn--isTertiaryLink btn--isSectionWrapperLink btn--isSizeMedium btn--isRedHover" data-js-TabsItem="tab-2"> <span class="btn__label">Квартиры и апартаменты</span> </a> </li> <li class="menu__sectionWrapperItem"> <a href="/spb/kommercheskaya-nedvizhimost/" class="btn btn--isTertiaryLink btn--isSectionWrapperLink btn--isSizeMedium btn--isRedHover" data-js-TabsItem="tab-3"> <span class="btn__label">Коммерция</span> </a> </li> <li class="menu__sectionWrapperItem"> <a href="/spb/parking/" class="btn btn--isTertiaryLink btn--isSectionWrapperLink btn--isSizeMedium btn--isRedHover" data-js-TabsItem="tab-4"> <span class="btn__label">Машино-места</span> </a> </li> <li class="menu__sectionWrapperItem"> <a href="/spb/kladovki/" class="btn btn--isTertiaryLink btn--isSectionWrapperLink btn--isSizeMedium btn--isRedHover" data-js-TabsItem="tab-5"> <span class="btn__label">Кладовые</span> </a> </li> </ol> </div> <div class="menu__feedbackBtnWrapper" data-js-HeaderElToHide=""> <a href="#message" class="btn btn--isOutline btn--isSizeLarge" data-js-modal-open=""> <span class="btn__label">Связаться с нами</span> </a> </div> <div class="menu__informationWrapper" data-js-HeaderElToHide=""> <p class="menu__information"> <span class="menu__informationText">Проектные декларации и подлежащая раскрытию информация о застройщике и проектах строительства размещены на сайте ЕИСЖС</span> <a href="https://xn--80az8a.xn--d1aqf.xn--p1ai/" class="btn btn--isSecondaryLink btn--isInformationLink btn--isSizeMedium "> <span class="btn__label"> наш.дом.рф.</span> </a> </p> </div> <div class="menu__socialLinkListWrapper" data-js-HeaderElToHide=""> <ul class="socialLinkList"> <li class="socialLinkList__item" title="Вк Сбп"> <a href="https://vk.com/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/a06/u8is0wr36j9gz6nc2kw9cycuvwi2mfd4/VK.com-logo 1.svg" alt="Вк Сбп" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Youtube Спб"> <a href="https://www.youtube.com/user/lsrestate" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/770/z894l2pru375x5dvuj4tkw4a24h5o8z9/YouTube_Logo_2017 1.svg" alt="Youtube Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Телеграм Спб"> <a href="https://t.me/lsr_spb" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/9e1/z0br8clx9maqhqdhy8lbh9m156t9hu0v/telega-round.svg" alt="Телеграм Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Дзен СПБ"> <a href="https://dzen.ru/lsrspb " target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/2c7/46gogd8r1dd81hu6x44oe5hy9bjzihuv/Yandex_Zen_logo_icon_Good.svg" alt="Дзен СПБ" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Одноклассники СПб"> <a href="https://ok.ru/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/853/jcbfdllxa8l3l2m9vbbk33qjg8ffxzg9/Odnoklassniki.svg" alt="Одноклассники СПб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> </ul> </div> <div class="menu__primaryCardLinkSliderWrapper" data-js-HeaderElToHide=""> <div class="primaryCardLinkSlider"> <div class="slider"> <div class="slider__container swiper primaryCardLinkSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper">  </div> </div> </div> </div> </div> </div> </div> </div> <div class="header__menuWrapperBar"></div> </div> <div class="header__telWrapper"> <a href="tel:88003250101" class="btn btn--isPrimaryLink btn--isSizeMedium"> <span class="btn__label">8 (800) 325-01-01</span> </a> </div> <ol class="header__userList"> <li class="header__userItem header__userItem--isWithTip"> <a class="faveLink " data-js-FavouriteFaveLink="" href="/spb/favorites/" title="Избранное" aria-label="Избранное"> <div class="faveLink__iconContainer"> <span class="icon icon--isActive icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-heart-fill"></use> </svg> </span> <span class="icon icon--isInactive icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-heart-stroke"></use> </svg> </span> </div> <span class="faveLink__counter" data-js-FavouriteFaveLinkCounter=""></span> </a> <div class="tip tip--isArrowTop"> <span class="label l3">Избранное</span> </div> </li> <li class="header__userItem header__userItem--isAccountBtn header__userItem--isWithTip"> <div class="popover" data-js-Popover="{"placement":"bottom-end","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px"}"> <button draggable="false" type="button" class="btn btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-PopoverToggleBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-user"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="accountList"> <p class="accountList__heading">Вход в личный кабинет</p> <ol class="accountList__list"> <li class="accountList__item"> <a href="#agentEntry" class="btn btn--isSecondaryLink btn--isAccount btn--isSizeMedium " data-js-PopoverCloseEl="true" data-js-modal-open=""> <span class="btn__label">Я агент</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-briefcase"></use> </svg> </span> </span> </a> </li> <li class="accountList__item"> <a href="#userEntryForm" class="btn btn--isSecondaryLink btn--isAccount btn--isSizeMedium" data-js-PopoverCloseEl="true" data-js-modal-open=""> <span class="btn__label">Я пользователь</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-emotion-happy"></use> </svg> </span> </span> </a> </li> </ol> </div> </div> </div> <div class="tip tip--isArrowTop"> <span class="label l3">Личный кабинет</span> </div> </li> <li class="header__userItem header__userItem--isBurgerBtn"> <button class="burgerBtn" data-js-HeaderToggleBtn="true" title="Показать"> <div class="burgerBtn__lines"> <span class="burgerBtn__line"></span> <span class="burgerBtn__line"></span> <span class="burgerBtn__line"></span> </div> </button> </li> </ol> </div> </header> </div> <main class="pageLayout__main"> <div class="pageLayout__sections"> <section class="section section--isMb16 section--isCustomBreadcrumbs isOnMobileSmallOrderNegative2"> <div class="section__wrap container"> <header class="section__header"> <div class="breadcrumbs "> <ul class="breadcrumbs__list"> <li class="breadcrumbs__list-item"> <a href="/spb/" class="btn btn--isSizeMedium "> <span class="btn__label">Главная</span> </a> </li> <li class="breadcrumbs__list-item"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isSizeMedium "> <span class="btn__label">Объекты</span> </a> </li> <li class="breadcrumbs__list-item"> <a href="/spb/zhilye-kompleksy/ruchi/" class="btn btn--isSizeMedium "> <span class="btn__label">ЖК Ручьи</span> </a> </li> </ul> </div> </header> <div class="section__content"> <div class="primaryProjectSlider"> <div class="primaryProjectSlider__header"> <ul class="primaryProjectSlider__transportationAccessibilityList"> <ul class="primaryProjectSlider__transportationAccessibilityList"> <li class="primaryProjectSlider__transportationAccessibilityItem" style="--nameIconColor:#df1e42"> <span class="primaryProjectSlider__transportationAccessibilityName"> <span class="icon icon--isSize14 icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span>Академическая </span> <span class="primaryProjectSlider__transportationAccessibilityTime"> <span class="icon icon--isSize14 icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </span> </li> </ul> </ul> <div class="primaryProjectSlider__heading"> <h1> Жилой комплекс Ручьи </h1> <div class="h4 isOnMobileSmallFontSize13 isColorWhiteTransparent80"> Квартиры от 3 721 330 руб. </div> </div> </div> <div class="primaryProjectSlider__auxWrapper"> <div class="tag tag--isBlackTransparent32 tag--isPeriod tag--isSmall"> <span>Срок сдачи: IV кв. 2024 - IV кв. 2025 </span> </div> <a href="#onlineTranslation" class="btn btn--isDark btn--isOnline btn--isSizeSmall " data-js-modal-open> <span class="btn__label">Онлайн</span> </a> </div> <ul class="primaryProjectSlider__tagList"> <li class="primaryProjectSlider__tagItem"> <div class="tag tag--isSmall" style="--tagBg: #df1e42"> <img class="tag__img" src="/upload/kelnik.estate/d34/5ull8yl1rjuk53mbc5kruiwi2xhedxw8/30. Fire.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="--tagColor: #ffffff">Скидка на квартиры 15%</span> </div> </li> </ul> <div class="slider"> <div class="slider__container swiper projectSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/710/laweovuejl55f3asydvf6d03pr50egd2/2560х1440 (1).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/710/laweovuejl55f3asydvf6d03pr50egd2/2560х1440 (1).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/4c6/l3tmiuhbi83pkx2w0r5je5mu2u92u18z/2560х1440 (2).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/4c6/l3tmiuhbi83pkx2w0r5je5mu2u92u18z/2560х1440 (2).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/1e1/ajoztc7cmj8dnspqu6zetqm3vvo5ym0s/2560х1440 (3).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/1e1/ajoztc7cmj8dnspqu6zetqm3vvo5ym0s/2560х1440 (3).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/6db/769r4b6cxis4zto8w6prfckwgc2aro5c/2560х1440 (4).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/6db/769r4b6cxis4zto8w6prfckwgc2aro5c/2560х1440 (4).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/9c1/kbbvtj1ve7vy9h6psehs5iecvxg6j461/2560х1440 (5).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/9c1/kbbvtj1ve7vy9h6psehs5iecvxg6j461/2560х1440 (5).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/5da/xk9gxpgrgjh94vqf0p4oyh0jds9q3acj/2560х1440 (6).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/5da/xk9gxpgrgjh94vqf0p4oyh0jds9q3acj/2560х1440 (6).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/6c3/0phhkbknc1sz2bqyrwr76qcimtk9s2q5/2560х1440 (7).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/6c3/0phhkbknc1sz2bqyrwr76qcimtk9s2q5/2560х1440 (7).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/caf/1zmtjwvuzh7uqoqdkvcud3yyud54foo3/2560х1440 (8).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/caf/1zmtjwvuzh7uqoqdkvcud3yyud54foo3/2560х1440 (8).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/1ff/bm1tvlk78yqx0qoccon460qf7eb93nuy/2560х1440 (9).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/1ff/bm1tvlk78yqx0qoccon460qf7eb93nuy/2560х1440 (9).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/8c4/lqwyiqjparmmp2er204bchn8sj7urpcz/2560х1440 (10).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/8c4/lqwyiqjparmmp2er204bchn8sj7urpcz/2560х1440 (10).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/cc8/gbfhnt9472puod4trrt0uhskzvutet6k/2560х1440 (11).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/cc8/gbfhnt9472puod4trrt0uhskzvutet6k/2560х1440 (11).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="primaryProjectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/730/pwnbrjcqjmgei2bvrc0pym4eco41ppi0/2560х1440 (12).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/730/pwnbrjcqjmgei2bvrc0pym4eco41ppi0/2560х1440 (12).jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"></use> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> </div> </section> <section class="section section--isMb16"> <div class="section__wrap container"> <div class="section__content"> <div data-js-ParamSearch=""><form data-js-ParamSearch class="paramSearch paramSearch--isMarginTop0 paramSearch--isPaddingD24-32T24M20" data-action="/ajax/search/spb/"><div class="paramSearch__selector paramSearch__selector--isExtended isMb0">Выберите <div data-js-ParamSearch-trigger="" id="paramSearch-selector" data-js-select='{ "id":"paramSearch-selector", "extraClasses":{"isBigFirstType":true}, "name":"paramSearch-selector", "options":[ {"label":"квартиру","value":"living"},{"label":"помещение","value":"commerce"} ], "value":"living", "placeholder":"жилую недвижимость"}'> </div> </div> <div class="paramSearch__selector paramSearch__selector--isShort isMb0">Выберите <div data-js-ParamSearch-trigger="" id="paramSearch-selector" data-js-select='{ "id":"paramSearch-selector", "extraClasses":{"isBigFirstType":true}, "name":"paramSearch-selector", "options":[ {"label":"квартиру","value":"living"},{"label":"помещение","value":"commerce"} ], "value":"living", "placeholder":"жилую недвижимость"}'> </div> </div> <div id="living" data-count="922 квартиры" data-js-paramsearch-block class="paramSearch__params isActive" data-action="/ajax/search/spb/" data-url="/spb/kvartiry-v-novostroikah/" data-redirect="/spb/kvartiry-v-novostroikah/" > <div> <p class="label l3">Комнатность</p> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type6" name="type[6]" value="6" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">С</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type7" name="type[7]" value="7" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">1</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type8" name="type[8]" value="8" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type9" name="type[9]" value="9" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">3</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type10" name="type[10]" value="10" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">4+</span> </label> </li> <input class="checkbox__input" type="checkbox" id="type11" name="type[11]" value="11" disabled style="display: none;" /> </ul> </fieldset> </div> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[3.7,12.4], "range":{"min":3.1,"max":97.3}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-living-price" > <p class="label l3">Стоимость, млн ₽</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="price_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="3.1" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="97.3" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div> <p class="label l3">Срок сдачи</p> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery13" name="delivery[13]" value="13" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Сдан</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery28" name="delivery[28]" value="28" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2024</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery31" name="delivery[31]" value="31" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2025</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery30" name="delivery[30]" value="30" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2026+</span> </label> </li> </ul> </fieldset> </div> <div class="paramSearch__group paramSearch__group--isCancelAutoHide"> <div class="paramSearch__selectWrapper" id="select-opt"> <p class="label l3">Отделка</p> <div data-js-select='{"id":"opt","name":"opt","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":false,"options":[{"label":"White box","value":"13"},{"label":"\u0411\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u043a\u0438","value":"3"},{"label":"\u0421 \u043e\u0442\u0434\u0435\u043b\u043a\u043e\u0439","value":4}]}' id="fs-living-opt" > </div> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Меблировка</p> <div data-js-select='{"id":"furniture","name":"furniture","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":false,"options":[{"label":"\u0421 \u043a\u0443\u0445\u043d\u0435\u0439","value":"kitchen"}]}' id="fs-living-furniture"> </div> </div> </div> </div> <div id="commerce" data-count="7 помещений" data-js-ParamSearch-block="" class="paramSearch__params " data-action="/ajax/search/spb/" data-url="/spb/kommercheskaya-nedvizhimost/" data-redirect="/spb/kommercheskaya-nedvizhimost/" > <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[12.2,21.7], "range":{"min":12.2,"max":42.3}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-commerce-price" > <p class="label l3">Стоимость, млн ₽</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="price_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="12.2" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="42.3" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div> <p class="label l3">Срок сдачи</p> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery13" name="delivery[13]" value="13" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Сдан</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery28" name="delivery[28]" value="28" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2024</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery31" name="delivery[31]" value="31" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2025</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery30" name="delivery[30]" value="30" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2026+</span> </label> </li> </ul> </fieldset> </div> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{"step":0.1,"margin":1,"connect":true,"valueType":"oneDecimal","isPercent":false,"range":{"min":48,"max":183},"start":[48,120]}' id="rs-commerce-area" > <p class="label l3">Площадь, м<sup>2</sup></p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="area_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="48" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="area_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="183" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div class="paramSearch__group paramSearch__group--isContentsOnTablet"> <div class="paramSearch__selectWrapper"> <p class="label l3">Жилые комплексы</p> <div data-js-select='{"id":"obj[]","name":"obj[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u041f\u0435\u0439\u0437\u0430\u0436\u043d\u044b\u0439 \u043a\u0432\u0430\u0440\u0442\u0430\u043b","value":"118"},{"label":"\u041b\u0421\u0420. \u0420\u0436\u0435\u0432\u0441\u043a\u0438\u0439 \u043f\u0430\u0440\u043a","value":"210"},{"label":"\u0420\u0443\u0447\u044c\u0438, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"199"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, \u043a\u0432\u0430\u0440\u0442\u0430\u043b 29","value":"119"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, \u043a\u0432\u0430\u0440\u0442\u0430\u043b 26","value":"116"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, DUOPARK","value":"120"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043c\u0438\u043b\u044f","value":"198"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. SeaView, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"195"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. \u0411\u0443\u043b\u044c\u0432\u0430\u0440, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 1","value":"140"},{"label":"\u0420\u0443\u0447\u044c\u0438, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 1","value":"121"},{"label":"\u0426\u0438\u0432\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f","value":"36"},{"label":"RIVIERE NOIRE","value":"98"},{"label":"\u0417\u0430\u043f\u043e\u0432\u0435\u0434\u043d\u044b\u0439 \u043f\u0430\u0440\u043a","value":"142"},{"label":"\u041d\u043e\u0432\u0430\u044f \u041e\u0445\u0442\u0430","value":"60"}],"value":["199","121"]}' id="fs-commerce-obj" > </div> </div> <input id="obj[]" name="obj[]" type="hidden" tabindex="-1" data-js-input-validation-bubble="true" value="199"> <input id="obj[]" name="obj[]" type="hidden" tabindex="-1" data-js-input-validation-bubble="true" value="121"> <div class="paramSearch__selectWrapper"> <p class="label l3">Метро</p> <div data-js-select='{"id":"subway[]","name":"subway[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u0410\u0432\u0442\u043e\u0432\u043e","value":"1"},{"label":"\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f","value":"3"},{"label":"\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"12"},{"label":"\u041a\u0438\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0417\u0430\u0432\u043e\u0434","value":"18"},{"label":"\u041b\u0430\u0434\u043e\u0436\u0441\u043a\u0430\u044f","value":"22"},{"label":"\u041b\u0435\u043d\u0438\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"23"},{"label":"\u041b\u043e\u043c\u043e\u043d\u043e\u0441\u043e\u0432\u0441\u043a\u0430\u044f","value":"26"},{"label":"\u041d\u043e\u0432\u043e\u0447\u0435\u0440\u043a\u0430\u0441\u0441\u043a\u0430\u044f","value":"33"},{"label":"\u041e\u0437\u0435\u0440\u043a\u0438","value":"36"},{"label":"\u041f\u0435\u0442\u0440\u043e\u0433\u0440\u0430\u0434\u0441\u043a\u0430\u044f","value":"39"},{"label":"\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u041b\u0435\u043d\u0438\u043d\u0430","value":"43"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0430\u044f","value":"46"},{"label":"\u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0411\u043e\u043b\u044c\u0448\u0435\u0432\u0438\u043a\u043e\u0432","value":"48"},{"label":"\u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u041f\u0440\u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u044f","value":"50"},{"label":"\u0423\u043b\u0438\u0446\u0430 \u0414\u044b\u0431\u0435\u043d\u043a\u043e","value":"60"},{"label":"\u0427\u0451\u0440\u043d\u0430\u044f \u0420\u0435\u0447\u043a\u0430","value":"62"}]}' id="fs-commerce-subway" > </div> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Районы</p> <div data-js-select='{"id":"location[]","name":"location[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0436\u0441\u043a\u0438\u0439","value":"43"},{"label":"\u0412\u0430\u0441\u0438\u043b\u0435\u043e\u0441\u0442\u0440\u043e\u0432\u0441\u043a\u0438\u0439","value":"2"},{"label":"\u041a\u0440\u0430\u0441\u043d\u043e\u0433\u0432\u0430\u0440\u0434\u0435\u0439\u0441\u043a\u0438\u0439","value":"7"},{"label":"\u041a\u0440\u0430\u0441\u043d\u043e\u0441\u0435\u043b\u044c\u0441\u043a\u0438\u0439","value":"8"},{"label":"\u041d\u0435\u0432\u0441\u043a\u0438\u0439","value":"12"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0438\u0439","value":"15"}]}' id="fs-commerce-location" > </div> </div> </div> </div> <div class="paramSearch__buttonsWrapper"> <a class="mapLink mapLink--isIconOnlyOnMobile" href="/spb/map/"> <span class="mapLink__label">Искать на карте</span> <div class="tip tip--isArrowRight isVisibleTablet" data-js-tip=""> <label class="label l3">Нажмите, чтобы искать на карте</label> </div> </a> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge btn--isHideInShortPV" href="#mw-paramSearch" data-js-modal-open="" id="allFiltersButton" > <span class="btn__label">Все фильтры</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-equalizer"></use> </svg> </span> </span> </button> <button draggable="false" type="button" class="btn btn--isSizeLarge btn--isShowInShortPV" href="#mw-paramSearch" data-js-modal-open="" > <span class="btn__label">Все фильтры</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-equalizer"></use> </svg> </span> </span> </button> <button draggable="false" type="button" class="btn btn--isSizeLarge btn--isHideInShortPV " data-domain="spb" data-action="/ajax/search/spb/" data-redirect="/spb/kvartiry-v-novostroikah/" id="searchButton" > <span class="btn__label"> 922 квартиры </span> </button> </div> <div id="mw-paramSearch" class="modal modal--isPV modal--isCard2 isDisplayNone" data-js-modal data-js-groupselect > <header class="modal__header"> <div class="modal__headerItem modal__headerItem--clearBtn"> <div class="isVisibleTablet"> <button id="resetButtonPopupMobile" draggable="false" type="button" class="btn btn--isBright btn--isFitContent btn--isSizeMedium"> <span class="btn__label">Сброс</span> </button> </div> </div> <div class="h4 modal__title isMb0">Все параметры</div> <div class="modal__headerItem modal__headerItem--closeBtn"> <div class="isHiddenTablet"> <button draggable="false" type="button" class="btn btn--isRound btn--isOutline btn--isOnlyIcon btn--isSizeLarge" data-fancybox-close="true" title="Закрыть"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-close"></use> </svg> </span> </span> </button> </div> <div class="isVisibleTablet"> <button draggable="false" type="button" class="btn btn--isRound btn--isOutline btn--isOnlyIcon btn--isSizeLarge" data-fancybox-close="true" title="Закрыть"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-arrow-left"></use> </svg> </span> </span> </button> </div> </div> </header> <div class="modalShowFilters" data-js-Tabs='{"activeTabName":"living","onPointerOverEvent":false}'> <div class="modalShowFilters__item modalShowFilters__item--isRow modalShowFilters__heading"> <ul class="modalShowFilters__menu" data-js-TabsList="" style="overflow-x: auto"> <li class="modalShowFilters__menu-item isActive" data-js-TabsItem="living"> <span>Жилая</span> </li> <li class="modalShowFilters__menu-item" data-js-TabsItem="commerce"> <span>Коммерческая</span> </li> </ul> </div> <div data-js-TabsContentList="" class="modalShowFilters__tabsContainer"> <div data-js-TabsContent="living" class="modalShowFilters__tab isActive"> <input type="hidden" name="last_delivery" value="30"> <div class="modalShowFilters__grid"> <div> <p class="label l3">Комнатность</p> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type6" name="type[6]" value="6" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">С</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type7" name="type[7]" value="7" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">1</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type8" name="type[8]" value="8" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type9" name="type[9]" value="9" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">3</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="type10" name="type[10]" value="10" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">4+</span> </label> </li> <input class="checkbox__input" type="checkbox" id="type11" name="type[11]" value="11" disabled style="display: none;" /> </ul> </fieldset> </div> <input name="price[min]" value="3.7" type="text" style="display: none"> <input name="price[max]" value="12.4" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[3.7,12.4], "range":{"min":3.1,"max":97.3}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-living-price-popup" > <p class="label l3">Стоимость, млн ₽</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="price_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="3.1" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="97.3" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div> <p class="label l3">Срок сдачи</p> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery13" name="delivery[13]" value="13" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Сдан</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery28" name="delivery[28]" value="28" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2024</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery31" name="delivery[31]" value="31" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2025</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery30" name="delivery[30]" value="30" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2026+</span> </label> </li> </ul> </fieldset> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Районы</p> <div data-js-select='{"id":"location[]","name":"location[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u0410\u0434\u043c\u0438\u0440\u0430\u043b\u0442\u0435\u0439\u0441\u043a\u0438\u0439","value":"1"},{"label":"\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0436\u0441\u043a\u0438\u0439","value":"43"},{"label":"\u0412\u0430\u0441\u0438\u043b\u0435\u043e\u0441\u0442\u0440\u043e\u0432\u0441\u043a\u0438\u0439","value":"2"},{"label":"\u041a\u0440\u0430\u0441\u043d\u043e\u0433\u0432\u0430\u0440\u0434\u0435\u0439\u0441\u043a\u0438\u0439","value":"7"},{"label":"\u041a\u0440\u0430\u0441\u043d\u043e\u0441\u0435\u043b\u044c\u0441\u043a\u0438\u0439","value":"8"},{"label":"\u041c\u043e\u0441\u043a\u043e\u0432\u0441\u043a\u0438\u0439","value":"11"},{"label":"\u041d\u0435\u0432\u0441\u043a\u0438\u0439","value":"12"},{"label":"\u041f\u0435\u0442\u0440\u043e\u0433\u0440\u0430\u0434\u0441\u043a\u0438\u0439","value":"13"},{"label":"\u041f\u0443\u0448\u043a\u0438\u043d\u0441\u043a\u0438\u0439","value":"16"}]}' id="fs-living-location-popup" > </div> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Метро</p> <div data-js-select='{"id":"subway[]","name":"subway[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u0410\u0432\u0442\u043e\u0432\u043e","value":"1"},{"label":"\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f","value":"3"},{"label":"\u0411\u0430\u043b\u0442\u0438\u0439\u0441\u043a\u0430\u044f","value":"4"},{"label":"\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"12"},{"label":"\u0417\u0432\u0451\u0437\u0434\u043d\u0430\u044f","value":"16"},{"label":"\u041a\u0438\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0417\u0430\u0432\u043e\u0434","value":"18"},{"label":"\u041a\u0440\u0435\u0441\u0442\u043e\u0432\u0441\u043a\u0438\u0439 \u043e\u0441\u0442\u0440\u043e\u0432","value":"20"},{"label":"\u041b\u0430\u0434\u043e\u0436\u0441\u043a\u0430\u044f","value":"22"},{"label":"\u041b\u0435\u043d\u0438\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"23"},{"label":"\u041b\u043e\u043c\u043e\u043d\u043e\u0441\u043e\u0432\u0441\u043a\u0430\u044f","value":"26"},{"label":"\u041c\u043e\u0441\u043a\u043e\u0432\u0441\u043a\u0430\u044f","value":"29"},{"label":"\u041d\u043e\u0432\u043e\u0447\u0435\u0440\u043a\u0430\u0441\u0441\u043a\u0430\u044f","value":"33"},{"label":"\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u041b\u0435\u043d\u0438\u043d\u0430","value":"43"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0430\u044f","value":"46"},{"label":"\u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0411\u043e\u043b\u044c\u0448\u0435\u0432\u0438\u043a\u043e\u0432","value":"48"},{"label":"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u0430\u044f","value":"56"},{"label":"\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0438\u043d\u0441\u0442\u0438\u0442\u0443\u0442","value":"58"},{"label":"\u0423\u043b\u0438\u0446\u0430 \u0414\u044b\u0431\u0435\u043d\u043a\u043e","value":"60"},{"label":"\u0424\u0440\u0443\u043d\u0437\u0435\u043d\u0441\u043a\u0430\u044f","value":"61"}]}' id="fs-living-subway-popup" > </div> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Жилые комплексы</p> <div data-js-select='{"id":"obj[]","name":"obj[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u041f\u0435\u0439\u0437\u0430\u0436\u043d\u044b\u0439 \u043a\u0432\u0430\u0440\u0442\u0430\u043b","value":"118"},{"label":"\u041f\u0443\u043b\u043a\u043e\u0432\u043e Lake","value":"221"},{"label":"\u041b\u0421\u0420. \u0420\u0436\u0435\u0432\u0441\u043a\u0438\u0439 \u043f\u0430\u0440\u043a","value":"210"},{"label":"\u0420\u0443\u0447\u044c\u0438, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"199"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, \u043a\u0432\u0430\u0440\u0442\u0430\u043b 29","value":"119"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, \u043a\u0432\u0430\u0440\u0442\u0430\u043b 26","value":"116"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043c\u0438\u043b\u044f","value":"198"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. SeaView, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"195"},{"label":"\u0426\u0438\u0432\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 \u041d\u0435\u0432\u0435","value":"88"},{"label":"\u0418\u0437\u043c\u0430\u0439\u043b\u043e\u0432\u0441\u043a\u0438\u0439","value":"208"},{"label":"\u041b\u0421\u0420. \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u041e\u0445\u0442\u0430","value":"209"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. \u0411\u0443\u043b\u044c\u0432\u0430\u0440, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"194"},{"label":"NEVA HAUS","value":"83"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. \u0411\u0443\u043b\u044c\u0432\u0430\u0440, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 1","value":"140"},{"label":"\u041e\u043a\u0442\u044f\u0431\u0440\u044c\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f","value":"145"},{"label":"NEOPARK","value":"113"}],"value":["199"]}' id="fs-living-obj-popup" > </div> </div> <input id="obj[]" name="obj[]" type="hidden" tabindex="-1" data-js-input-validation-bubble="true" value="199"> <input name="area[min]" value="19" type="text" style="display: none"> <input name="area[max]" value="65" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{"step":0.1,"margin":1,"connect":true,"valueType":"oneDecimal","isPercent":false,"range":{"min":18,"max":204},"start":[19,65]}' id="rs-living-area-popup" > <p class="label l3">Площадь, м<sup>2</sup></p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="area_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="18" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="area_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="204" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div class="paramSearch__selectWrapper" id="select-opt"> <p class="label l3">Отделка</p> <input id="opt3" name="opt[3]" value="3" type="checkbox" style="display: none"> <input id="opt4" name="opt[4]" value="4" type="checkbox" style="display: none"> <input id="opt13" name="opt[13]" value="13" type="checkbox" style="display: none"> <div data-js-select='{"id":"opt","name":"opt","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":false,"options":[{"label":"White box","value":"13"},{"label":"\u0411\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u043a\u0438","value":"3"},{"label":"\u0421 \u043e\u0442\u0434\u0435\u043b\u043a\u043e\u0439","value":4}]}' id="fs-living-opt-popup" > </div> </div> <input name="floor[min]" value="1" type="text" style="display: none"> <input name="floor[max]" value="25" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{"step":1,"margin":1,"connect":true,"valueType":"wholeNumber","range":{"min":1,"max":25},"start":[1,25]}' id="rs-living-floor-popup" > <p class="label l3">Этаж</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="floor_range[min]" type="text" data-js-rangeSliderLowerValue="" value="1" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="floor_range[max]" type="text" data-js-rangeSliderHigherValue="" value="25" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div> <p class="label l3">Дополнительно</p> <fieldset class="checkerGroup checkerGroup--isSmall"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="floor[nfirst]" name="floor[nfirst]" type="checkbox" value="1" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Не первый этаж</span> </label> </li> <li class="checkerGroup__item"><label class="checkbox"> <input class="checkbox__input" id="floor[nlast]" name="floor[nlast]" type="checkbox" value="1" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Не последний этаж</span></label> </li> </ul> </fieldset> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Меблировка</p> <input id="furnish" name="furnish" value="furnish" type="checkbox" style="display: none"> <input id="nofurnish" name="nofurnish" value="nofurnish" type="checkbox" style="display: none"> <input id="kitchen" name="kitchen" value="kitchen" type="checkbox" style="display: none"> <div data-js-select='{"id":"furniture","name":"furniture","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":false,"options":[{"label":"\u0421 \u043a\u0443\u0445\u043d\u0435\u0439","value":"kitchen"}]}' id="fs-living-furniture-popup"> </div> </div> </div> <div class="isMtD52T40M20"> <p class="label l3">Дополнительные параметры</p> <div class="modalShowFilters__item modalShowFilters__item--isRow modalShowFilters__tagsList"> <label class="checkbox checkbox--isButton" style="border-color: var(--colorAlizarinCrimson)"> <input class="checkbox__input" id="isspecialprice" name="isspecialprice" type="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Спецпредложение</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="euroflat" name="euroflat" type="checkbox" value="1" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Европланировка</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="species" name="species" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Видовая</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="separatebathroom" name="separatebathroom" type="checkbox" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Раздельный санузел</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="masterbedroom" name="masterbedroom" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Мастер-спальня</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="severalbathrooms" name="severalbathrooms" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2+ санузла</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="wardrobe" name="wardrobe" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Гардеробная</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="largewindows" name="largewindows" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Увеличенные окна</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="highceiling" name="highceiling" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Высокие потолки</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="balcony" name="balcony" type="checkbox" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Балкон</span> </label><label class="checkbox checkbox--isButton checkbox--isWithIcon"> <input class="checkbox__input" id="elite" name="elite" type="checkbox" value="1" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-star"></use> </svg> </span> <span>Элит</span> </span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="issauna" name="issauna" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Сауна</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="isfireplace" name="isfireplace" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Камин</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="ispatio" name="ispatio" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Патио</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="istwolevel" name="istwolevel" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Двухуровневая</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="ismezzaninefloor" name="ismezzaninefloor" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Антресольный этаж</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="iscornerglazing" name="iscornerglazing" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Угловое остекление</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="isbathroomwindow" name="isbathroomwindow" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Окна в ванной</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="terrace" name="terrace" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Терраса</span> </label><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="ispenthouse" name="ispenthouse" type="checkbox" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Пентхауз</span> </label> </div> </div> </div> <div data-js-TabsContent="commerce" class="modalShowFilters__tab "> <div class="modalShowFilters__grid"> <input type="hidden" name="premiseType" value="2"> <input type="hidden" name="last_delivery" value="30"> <input name="price[min]" value="12.2" type="text" style="display: none"> <input name="price[max]" value="21.7" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[12.2,21.7], "range":{"min":12.2,"max":42.3}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-commerce-price-popup" > <p class="label l3">Стоимость, млн ₽</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="price_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="12.2" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="42.3" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div> <p class="label l3">Срок сдачи</p> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery13" name="delivery[13]" value="13" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Сдан</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery28" name="delivery[28]" value="28" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2024</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery31" name="delivery[31]" value="31" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2025</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" type="checkbox" id="delivery30" name="delivery[30]" value="30" disabled /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2026+</span> </label> </li> </ul> </fieldset> </div> <input name="area[min]" value="48" type="text" style="display: none"> <input name="area[max]" value="120" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{"step":0.1,"margin":1,"connect":true,"valueType":"oneDecimal","isPercent":false,"range":{"min":48,"max":183},"start":[48,120]}' id="rs-commerce-area-popup" > <p class="label l3">Площадь, м<sup>2</sup></p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" name="area_range[min]" type="text" autoComplete="off" data-js-rangeSliderLowerValue="" value="48" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="area_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="183" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Жилые комплексы</p> <div data-js-select='{"id":"obj[]","name":"obj[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u041f\u0435\u0439\u0437\u0430\u0436\u043d\u044b\u0439 \u043a\u0432\u0430\u0440\u0442\u0430\u043b","value":"118"},{"label":"\u041b\u0421\u0420. \u0420\u0436\u0435\u0432\u0441\u043a\u0438\u0439 \u043f\u0430\u0440\u043a","value":"210"},{"label":"\u0420\u0443\u0447\u044c\u0438, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"199"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, \u043a\u0432\u0430\u0440\u0442\u0430\u043b 29","value":"119"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, \u043a\u0432\u0430\u0440\u0442\u0430\u043b 26","value":"116"},{"label":"\u0426\u0432\u0435\u0442\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434, DUOPARK","value":"120"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043c\u0438\u043b\u044f","value":"198"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. SeaView, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 2","value":"195"},{"label":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u0430\u044f. \u0411\u0443\u043b\u044c\u0432\u0430\u0440, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 1","value":"140"},{"label":"\u0420\u0443\u0447\u044c\u0438, \u043e\u0447\u0435\u0440\u0435\u0434\u044c 1","value":"121"},{"label":"\u0426\u0438\u0432\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f","value":"36"},{"label":"RIVIERE NOIRE","value":"98"},{"label":"\u0417\u0430\u043f\u043e\u0432\u0435\u0434\u043d\u044b\u0439 \u043f\u0430\u0440\u043a","value":"142"},{"label":"\u041d\u043e\u0432\u0430\u044f \u041e\u0445\u0442\u0430","value":"60"}],"value":["199","121"]}' id="fs-commerce-obj-popup" > </div> </div> <input id="obj[]" name="obj[]" type="hidden" tabindex="-1" data-js-input-validation-bubble="true" value="199"> <input id="obj[]" name="obj[]" type="hidden" tabindex="-1" data-js-input-validation-bubble="true" value="121"> <div class="paramSearch__selectWrapper"> <p class="label l3">Метро</p> <div data-js-select='{"id":"subway[]","name":"subway[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u0410\u0432\u0442\u043e\u0432\u043e","value":"1"},{"label":"\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f","value":"3"},{"label":"\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"12"},{"label":"\u041a\u0438\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0417\u0430\u0432\u043e\u0434","value":"18"},{"label":"\u041b\u0430\u0434\u043e\u0436\u0441\u043a\u0430\u044f","value":"22"},{"label":"\u041b\u0435\u043d\u0438\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"23"},{"label":"\u041b\u043e\u043c\u043e\u043d\u043e\u0441\u043e\u0432\u0441\u043a\u0430\u044f","value":"26"},{"label":"\u041d\u043e\u0432\u043e\u0447\u0435\u0440\u043a\u0430\u0441\u0441\u043a\u0430\u044f","value":"33"},{"label":"\u041e\u0437\u0435\u0440\u043a\u0438","value":"36"},{"label":"\u041f\u0435\u0442\u0440\u043e\u0433\u0440\u0430\u0434\u0441\u043a\u0430\u044f","value":"39"},{"label":"\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u041b\u0435\u043d\u0438\u043d\u0430","value":"43"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0430\u044f","value":"46"},{"label":"\u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0411\u043e\u043b\u044c\u0448\u0435\u0432\u0438\u043a\u043e\u0432","value":"48"},{"label":"\u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u041f\u0440\u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u044f","value":"50"},{"label":"\u0423\u043b\u0438\u0446\u0430 \u0414\u044b\u0431\u0435\u043d\u043a\u043e","value":"60"},{"label":"\u0427\u0451\u0440\u043d\u0430\u044f \u0420\u0435\u0447\u043a\u0430","value":"62"}]}' id="fs-commerce-subway-popup" > </div> </div> <div class="paramSearch__selectWrapper"> <p class="label l3">Районы</p> <div data-js-select='{"id":"location[]","name":"location[]","placeholder":"\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043e","extraClasses":{"isSmall":true},"isMulti":true,"isSearchable":true,"options":[{"label":"\u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0436\u0441\u043a\u0438\u0439","value":"43"},{"label":"\u0412\u0430\u0441\u0438\u043b\u0435\u043e\u0441\u0442\u0440\u043e\u0432\u0441\u043a\u0438\u0439","value":"2"},{"label":"\u041a\u0440\u0430\u0441\u043d\u043e\u0433\u0432\u0430\u0440\u0434\u0435\u0439\u0441\u043a\u0438\u0439","value":"7"},{"label":"\u041a\u0440\u0430\u0441\u043d\u043e\u0441\u0435\u043b\u044c\u0441\u043a\u0438\u0439","value":"8"},{"label":"\u041d\u0435\u0432\u0441\u043a\u0438\u0439","value":"12"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0438\u0439","value":"15"}]}' id="fs-commerce-location-popup" > </div> </div> </div> </div> </div> <div class="modalShowFilters__item modalShowFilters__item--isRow modalShowFilters__footer"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge" id="resetButtonPopup"> <span class="btn__label">Сбросить фильтр</span> </button> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-domain="spb" data-action="/ajax/search/spb/" data-redirect="/spb/kvartiry-v-novostroikah/" id="searchButtonPopup"> <span class="btn__label isHiddenMobile"> 922 квартиры </span> <span class="btn__label isVisibleMobile"> 922 кв. </span> </button> <a class="mapLink" data-js-ParamSearchSlave='{"hideEvent": "pv::visibility:mapLink"}' href="/spb/map/"> <span class="mapLink__label">Искать на карте</span> </a> </div> </div> </div> </form></div> </div> </div> </section>  <section class="section section--isMb16"> <div class="section__wrap container"> <div class="section__content"> <div class="projectMultiObjectLinks" data-js-ProjectMultiObjectLinks='{"url":"/ajax/multiobject.php","currentObjData":{"object":"ruchi","domainPath":"/spb","obj":"177"}}'> <ul class="projectMultiObjectLinks__list"> <li class="projectMultiObjectLinks__item"> <div class="popover popover--isWithArrow popover--isCustomDark2 popover--isSmallArrow" data-js-Popover='{"placement":"top","events":["hover"],"offset":{"mainAxis":15,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"16px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isProjectMultiObjectLink btn--isOutline btn--isSizeLarge isDisabled" data-js-PopoverToggleBtn="true" data-js-ProjectMultiObjectLinksLink='{"object":"ruchi","domainPath":"/spb","obj":"177"}'> <span class="btn__label">Все очереди</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <dl class="projectMultiObjectLinks__descriptionList"> <div class="projectMultiObjectLinks__descriptionListItem"> <dt class="projectMultiObjectLinks__descriptionTerm">Цены от:</dt> <dd class="projectMultiObjectLinks__descriptionDetail isFontWeight700">3 721 330 руб</dd> </div> </dl> </div> </div> </li> <li class="projectMultiObjectLinks__item"> <div class="popover popover--isWithArrow popover--isCustomDark2 popover--isSmallArrow" data-js-Popover='{"placement":"top","events":["hover"],"offset":{"mainAxis":15,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"16px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isProjectMultiObjectLink btn--isOutline btn--isSizeLarge " data-js-PopoverToggleBtn="true" data-js-ProjectMultiObjectLinksLink='{"object":"ruchi-ochered-2","domainPath":"/spb","obj":"199"}'> <span class="btn__label">Очередь 2</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <dl class="projectMultiObjectLinks__descriptionList"> <div class="projectMultiObjectLinks__descriptionListItem"> <dt class="projectMultiObjectLinks__descriptionTerm">Срок сдачи:</dt> <dd class="projectMultiObjectLinks__descriptionDetail isFontWeight700">IV кв. 2025</dd> </div> <div class="projectMultiObjectLinks__descriptionListItem"> <dt class="projectMultiObjectLinks__descriptionTerm">Цены от:</dt> <dd class="projectMultiObjectLinks__descriptionDetail isFontWeight700">3 721 330 руб</dd> </div> </dl> </div> </div> </li> <li class="projectMultiObjectLinks__item"> <div class="popover popover--isWithArrow popover--isCustomDark2 popover--isSmallArrow" data-js-Popover='{"placement":"top","events":["hover"],"offset":{"mainAxis":15,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"16px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isProjectMultiObjectLink btn--isOutline btn--isSizeLarge " data-js-PopoverToggleBtn="true" data-js-ProjectMultiObjectLinksLink='{"object":"ruchi-ochered-1","domainPath":"/spb","obj":"121"}'> <span class="btn__label">Очередь 1</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <dl class="projectMultiObjectLinks__descriptionList"> <div class="projectMultiObjectLinks__descriptionListItem"> <dt class="projectMultiObjectLinks__descriptionTerm">Срок сдачи:</dt> <dd class="projectMultiObjectLinks__descriptionDetail isFontWeight700">Сдан</dd> </div> </dl> </div> </div> </li> </ul> </div> </div> </div> </section> <section class="section section--isMb16 isOnMobileSmallOrderNegative1" id="description"> <div class="section__wrap container"> <div class="section__content"> <div class="projectDescription"> <h2 class="projectDescription__heading">Описание проекта</h2> <dl class="projectDescription__descriptionList"> <div class="projectDescription__descriptionItem"> <dt class="projectDescription__descriptionTerm">Расположение</dt> <dd class="projectDescription__descriptionDetails"> <div class="projectDescription__featureList"> <li class="projectDescription__featureItem"> <span class="projectDescription__featureSubItem"> <span class="icon icon--isSize14 icon--isSizeAuto" style="--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span>Академическая</span> </span> </li> </div> </dd> </div> <div class="projectDescription__descriptionItem"> <dt class="projectDescription__descriptionTerm">Срок сдачи</dt> <dd class="projectDescription__descriptionDetails"> <span> IV кв. 2024 - IV кв. 2025 </span> </dd> </div> </dl> <div class="projectDescription__leading"> <span class="isColorAlizarinCrimson">О проекте</span> <p> <b>«Ручьи» — жилой квартал в Красногвардейском районе с собственной инфраструктурой: школой, детскими садами, поликлиникой и магазинами.</b> Рядом – КАД, ж/д станция и остановки всех видов наземного транспорта – можно легко доехать до центра или отправиться с семьей на отдых за город.<br> </p> </div> <div id="projectDescription" class="projectDescription__textWrapper"> <p> </p> <p> Реализация проекта ведется в две очереди. Первая состоит из 18 домов и уже сдана. Вторая включает в себя 27 корпусов, которые выводятся в продажу постепенно.  </p> <p> <br> </p> <p> В рамках второй очереди ЛСР построит школу и два детских сада. Также здесь уже работают два дошкольных учреждения.  </p> <p> <br> </p> <p> На первых этажах домов разместятся магазины, кафе и объекты сервиса. Во дворе — детские и спортивные площадки.  </p> <p> <br> </p> <p> Все квартиры передаются с чистовой отделкой. Также можно сразу и приобрести кухню с гарнитуром, техникой и аксессуарами — её цена уже будет включена в стоимость сделки. Переехать вы сможете сразу после получения ключей.  </p> <p> </p> </div> <div data-js-ReadMore="{"targetElSelector":"#projectDescription","collapsedHeight":0,"btnProps":{"extraClasses":{"isProjectDescription":true},"isOutline":true,"size":"large"}}"> </div> </div> </div> </div> </section> <section class="section section--isMbD52T52M32"> <div class="section__wrap container"> <div class="section__content"> <div class="cardLinkList"> <div class="gridFlow gridFlow--isProjectLinkList gridFlow--isColumns-5 gridFlow--isTabletColumns-4 gridFlow--isMobileColumns-2 gridFlow--isGapXs"> <div class="gridFlow__item"> <a class="cardLink cardLink--isQuaternary" download="" target="_blank" href="https://cdn.static.lsr.ru/upload/kelnik.estate/696/uapsu53o2wfhscgybougazxtqrl2o5j8/prezentaciya-ruchi-may-2024.pdf"> <div class="cardLink__heading"> <span>Презентация</span> </div> <button draggable="false" type="button" class="btn btn--isRound btn--isOutline btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-download"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>проекта</span> </div> </a> </div> </div> </div> </div> </div> </section> <section class="section section--isCustomMb80"> <div class="section__wrap container"> <div class="section__content"> <div class="projectTabs" data-js-Tabs="{"activeTabName":"tab-features"}"> <div class="projectTabs__wrapper" data-js-TabsContentList=""> <header class="projectTabs__header"> <h2>Кратко о проекте</h2> <span class="isColorScorpion isNotOnMobileSmallFontWeight600">Пискаревский проспект</span> </header> <div class="projectTabs__tabContentOnDesktopWrapper"> <div class="projectTabs__tabContent" data-js-TabsContent="tab-offers"> <a href="#subscribeAction" class="btn btn--isOutline btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Подписаться на акции</span> </a> </div> <div class="projectTabs__tabContent" data-js-TabsContent="tab-news"> <a href="#subscribeNews" class="btn btn--isOutline btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Подписаться на новости</span> </a> </div> </div> <div class="projectTabs__onDesktopWrapper"> <div class="projectTabs__tabListWrapper" data-js-TabsList=""> <div class="adaptiveBtnList"> <div class="adaptiveBtnList__contentWrapper"> <div class="popover popover--isAdaptiveBtnList" data-js-Popover="{"placement":"top-start","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"9px","isToggleBtnLabelChange":true}"> <button draggable="false" type="button" class="btn btn--isFullWidth btn--isOpenBtn btn--isOutline btn--isSizeLarge" data-js-PopoverToggleBtn="true"> <span class="btn__label">Особенности</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-chevron-arrow-down"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="adaptiveBtnList__popoverMenuList"> <button draggable="false" type="button" class="btn btn--isBright btn--isSizeMedium" id="tab-features" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-features"> <span class="btn__label">Особенности</span> </button> <a href="/spb/zhilye-kompleksy/ruchi/hod-stroitelstva/#tab-progress" class="btn btn--isBright btn--isSizeMedium " id="tab-progress" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-progress"> <span class="btn__label">Ход строительства</span> </a> <button draggable="false" type="button" class="btn btn--isBright btn--isSizeMedium" id="tab-map" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-map"> <span class="btn__label">Инфраструктура</span> </button> <button draggable="false" type="button" class="btn btn--isBright btn--isSizeMedium" id="tab-gallery" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-gallery"> <span class="btn__label">Галерея</span> </button> <button draggable="false" type="button" class="btn btn--isBright btn--isSizeMedium" id="tab-offers" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-offers"> <span class="btn__label">Акции</span> </button> <button draggable="false" type="button" class="btn btn--isBright btn--isSizeMedium" id="tab-news" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-news"> <span class="btn__label">Новости</span> </button> <a href="/spb/zhilye-kompleksy/ruchi/documents/#tab-docs" class="btn btn--isBright btn--isSizeMedium " id="tab-docs" data-js-PopoverCloseEl="true" data-js-TabsItem="tab-docs"> <span class="btn__label">Буклеты и документы</span> </a> </div> </div> </div> </div> </div> </div> <div class="projectTabs__onlineLinkWrapper"> <a href="#onlineTranslation" class="btn btn--isSpecialLink btn--isOutline btn--isSizeLarge " data-js-modal-open=""> <span class="isVisibleMobile">Трансляция</span> <span class="isHiddenMobile">Онлайн-трансляция</span> </a> <div id="onlineTranslation" class="projectTabs__onlineTranslationWrapper modal modal--isCustomPadding" data-js-modal='{"resetHashAfterClose": true}'> <div class="projectMediaContainer"> <div class="projectMediaContainer__header"> <div class="projectMediaContainer__heading h1">Онлайн-трансляция</div> </div> <ul class="projectMediaContainer__body"> <li class="projectMediaContainer__tabContentItem"> <div class="projectMedia" data-js-Tabs="{"activeTabName":"tab-643-1"}"> <ul class="projectMedia__tabItemList" data-js-TabsList=""> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-643-1"> <span class="btn__label">очередь 2, дом 1</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-777-1"> <span class="btn__label">очередь 2, дом 17</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-665-1"> <span class="btn__label">очередь 2, дом 5</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-665-2"> <span class="btn__label">очередь 2, общая</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-778-1"> <span class="btn__label">очередь 2, дом 18</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-677-1"> <span class="btn__label">очередь 2, дом 4</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-729-1"> <span class="btn__label">очередь 2, дом 8</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-730-1"> <span class="btn__label">очередь 2, дом 9</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-734-1"> <span class="btn__label">очередь 2, дом 6</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-684-1"> <span class="btn__label">очередь 2, дом 2</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-735-1"> <span class="btn__label">очередь 2, дом 7</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-685-1"> <span class="btn__label">очередь 2, дом 3</span> </button> </li> <li class="projectMedia__tabItem"> <button draggable="false" type="button" class="btn btn--isShadowBright btn--isSizeMedium" data-js-TabsItem="tab-736-1"> <span class="btn__label">очередь 2, дом 10</span> </button> </li> </ul> <ul class="projectMedia__tabContentList" data-js-TabsContentList=""> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-643-1"> <iframe src="https://webcam.exdesign.ru/ruchi-32/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-777-1"> <iframe src="https://webcam.exdesign.ru/ruchi-36/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-665-1"> <iframe src="https://webcam.exdesign.ru/ruchi-33/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-665-2"> <iframe src="https://webcam.exdesign.ru/ruchi-24/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-778-1"> <iframe src="https://webcam.exdesign.ru/ruchi-37/" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-677-1"> <iframe src="https://webcam.exdesign.ru/ruchi-34" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-729-1"> <iframe src="https://webcam.exdesign.ru/ruchi-30/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-730-1"> <iframe src="https://webcam.exdesign.ru/ruchi-31/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-734-1"> <iframe src="https://webcam.exdesign.ru/ruchi-28/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-684-1"> <iframe src="https://webcam.exdesign.ru/ruchi-27/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-735-1"> <iframe src="https://webcam.exdesign.ru/ruchi-29/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-685-1"> <iframe src="https://webcam.exdesign.ru/ruchi-26/?fluid" allow="fullscreen" loading="lazy"></iframe> </li> <li class="projectMedia__tabContentItem projectMedia__tabContentItem--isTab" data-js-TabsContent="tab-736-1"> <iframe src="https://webcam.exdesign.ru/ruchi-35?fluid" allow="fullscreen" loading="lazy"></iframe> </li> </ul> </div> </li> </ul> <div class="projectMediaContainer__caption"> <span>* съемка ряда корпусов ведется одной камерой</span> </div> </div> </div> </div> </div> <div class="projectTabs__tabContentOnTabletWrapper"> </div> <div class="projectTabs__tabContentMainWrapper"> <div class="projectTabs__tabContent" data-js-TabsContent="tab-features"> <div class="gridFlow gridFlow--isGapD16M20 gridFlow--isMobileColumns-1 "> <div class="gridFlow__item gridFlow__item--isMobileProjectSlider"> <div class="projectSlider projectSlider--isOnMobileProjectTabFeature"> <div class="slider"> <div class="slider__container swiper mobileProjectSliderContainer" data-js-slider="" id="mobileProjectSliderContainer"> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <a class="projectSlider__link" > <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeMedium" data-js-modal-open="{"src":"#featureSlider56"}"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"></use> </svg> </span> </span> </button> </div> <div class="projectSlider__heading"> <span>Акцент на семью</span> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.pages/dde/f8ka1cmog7tfpo3gol3qobu95eb94ux4/1920х1080 (1).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.pages/dde/f8ka1cmog7tfpo3gol3qobu95eb94ux4/1920х1080 (1).jpg 2x" width="359" height="320" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </a> </div> <div class="slider__slide swiper-slide"> <a class="projectSlider__link" > <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeMedium" data-js-modal-open="{"src":"#featureSlider176"}"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"></use> </svg> </span> </span> </button> </div> <div class="projectSlider__heading"> <span>Район для жизни</span> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.pages/df1/zeh1fsd279nkl7fieb90ngz5bnc8jnp8/1920х1080 (2).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.pages/df1/zeh1fsd279nkl7fieb90ngz5bnc8jnp8/1920х1080 (2).jpg 2x" width="359" height="320" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </a> </div> <div class="slider__slide swiper-slide"> <a class="projectSlider__link" > <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeMedium" data-js-modal-open="{"src":"#featureSlider67"}"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"></use> </svg> </span> </span> </button> </div> <div class="projectSlider__heading"> <span>Удобное расположение</span> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.pages/b0e/249yy6zjwgih6i8593scob149whtbabk/1920х1080 (3).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.pages/b0e/249yy6zjwgih6i8593scob149whtbabk/1920х1080 (3).jpg 2x" width="359" height="320" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </a> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"></use> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> </div> <div class="gridFlow__item "> <div class="cardLinkList "> <div class="gridFlow gridFlow--isImageFeatures3 gridFlow--isGapD16T12M8 gridFlow--isColumns-2 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1" id="loadMoreContentContainer"> <div class="gridFlow__item gridFlow__item--isOnTabletOrder-3"> <a class="cardLink cardLink--isPrimeImage" data-js-modal-open="{"src":"#featureSlider56"}"> <div class="cardLink__heading"> <p> В проекте предусмотрены 7 детских садов и 5 школ в шаговой доступности. </p> </div> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open="{"src":"#featureSlider56"}"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>Акцент на семью</span> </div> <img class="cardLink__image" src="https://cdn.static.lsr.ru/upload/kelnik.pages/dde/f8ka1cmog7tfpo3gol3qobu95eb94ux4/1920х1080 (1).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.pages/dde/f8ka1cmog7tfpo3gol3qobu95eb94ux4/1920х1080 (1).jpg 2x" width="366" height="252" loading="lazy" decoding="async" alt="Акцент на семью" /> </a> <div id="featureSlider56" class="featureSliderWrapper modal modal--isMedia modal--isShadowBtn isDisplayNone" data-js-modal=""> <div class="projectSlider projectSlider--isProjectTabFeature"> <div class="slider"> <div class="slider__container swiper projectFeatureSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <div class="projectSlider__heading"> <span> Акцент на семью</span> </div> <div class="projectSlider__text"> <p> В проекте предусмотрены 7 детских садов и 5 школ в шаговой доступности. </p> </div> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.gallery/9a3/wf226okpk0ebxmoglh8y0l492ay0mwc2/1920х1080 (1).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.gallery/9a3/wf226okpk0ebxmoglh8y0l492ay0mwc2/1920х1080 (1).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"></use> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> </div> </div> <div class="gridFlow__item gridFlow__item--isOnTabletOrder-3"> <a class="cardLink cardLink--isPrimeImage" data-js-modal-open="{"src":"#featureSlider176"}"> <div class="cardLink__heading"> <p> В пешей доступности есть все необходимое: магазины, кофейни, аптеки и другие сервисы.  </p> </div> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open="{"src":"#featureSlider176"}"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>Район для жизни</span> </div> <img class="cardLink__image" src="https://cdn.static.lsr.ru/upload/kelnik.pages/df1/zeh1fsd279nkl7fieb90ngz5bnc8jnp8/1920х1080 (2).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.pages/df1/zeh1fsd279nkl7fieb90ngz5bnc8jnp8/1920х1080 (2).jpg 2x" width="366" height="252" loading="lazy" decoding="async" alt="Район для жизни" /> </a> <div id="featureSlider176" class="featureSliderWrapper modal modal--isMedia modal--isShadowBtn isDisplayNone" data-js-modal=""> <div class="projectSlider projectSlider--isProjectTabFeature"> <div class="slider"> <div class="slider__container swiper projectFeatureSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <div class="projectSlider__heading"> <span> Район для жизни</span> </div> <div class="projectSlider__text"> <p> В пешей доступности есть все необходимое: магазины, кофейни, аптеки и другие сервисы.  </p> </div> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.gallery/a8f/ttnfra5k9f2hyi2yisrt0kdxx44vyrbh/1920х1080 (2).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.gallery/a8f/ttnfra5k9f2hyi2yisrt0kdxx44vyrbh/1920х1080 (2).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"></use> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> </div> </div> <div class="gridFlow__item gridFlow__item--isOnTabletOrder-3"> <a class="cardLink cardLink--isPrimeImage" data-js-modal-open="{"src":"#featureSlider67"}"> <div class="cardLink__heading"> <p> Рядом выезд на Пискаревский проспект. </p> </div> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open="{"src":"#featureSlider67"}"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>Удобное расположение</span> </div> <img class="cardLink__image" src="https://cdn.static.lsr.ru/upload/kelnik.pages/b0e/249yy6zjwgih6i8593scob149whtbabk/1920х1080 (3).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.pages/b0e/249yy6zjwgih6i8593scob149whtbabk/1920х1080 (3).jpg 2x" width="366" height="252" loading="lazy" decoding="async" alt="Удобное расположение" /> </a> <div id="featureSlider67" class="featureSliderWrapper modal modal--isMedia modal--isShadowBtn isDisplayNone" data-js-modal=""> <div class="projectSlider projectSlider--isProjectTabFeature"> <div class="slider"> <div class="slider__container swiper projectFeatureSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <div class="projectSlider__heading"> <span> Удобное расположение</span> </div> <div class="projectSlider__text"> <p> Рядом выезд на Пискаревский проспект. </p> </div> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.gallery/607/8o04yxfdqq54apo5azh6fc3a96mkg7kq/1920х1080 (3).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.gallery/607/8o04yxfdqq54apo5azh6fc3a96mkg7kq/1920х1080 (3).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"></use> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="projectTabs__tabContent" data-js-TabsContent="tab-map"> <div class="projectTabs__mapCardLinkWrapper"> <a class="cardLink cardLink--isCustomQuaternary6" data-js-modal-open="" href="#projectMap-1"> <div class="cardLink__heading"> <div class="label isAdaptiveOnMobileSmallL2 isColorSilverChalice isMbD16M4">Окружение ЖК</div> <div class="isOnMobileMinimumCustomH2 isOnMobileSmallFontWeight600">Карта инфраструктуры</div> </div> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeMedium"> <span class="btn__label">Смотреть объекты</span> </button> <div class="cardLink__icon"> <span class="icon icon--isColorGallery icon--isSize64 icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-map-pin"></use> </svg> </span> </div> </a> </div> <div id="projectMap-1" class="projectTabs__projectMapWrapper modal modal--isNoPadding modal--isShadowBtn" data-js-modal=""> <a target="_blank" href="https://yandex.ru/maps/?rtext=~60.001757%2C30.452484" class="btn btn--isRoute btn--isShadowBright btn--isSizeMedium "> <span class="btn__label">Проложить маршрут</span> </a> <div class="infrastructureMapFilter"> <a href="#infrastructureMapFilter" class="btn btn--isOpenBtn btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Объекты инфраструктуры</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-equalizer"></use> </svg> </span> </span> </a> <div id="infrastructureMapFilter" class="infrastructureMapFilter__contentWrapper modal" data-js-modal="" data-js-InfrastructureMapFilter='{"mapId":"projectMap-1"}'> <div class="infrastructureMapFilter__contentInnerWrapper"> <fieldset class="checkerGroup"> <ul class="checkerGroup__list"> <li class="checkerGroup__item"> <p class="checkerGroup__label">Объекты инфраструктуры</p> <ul class="checkerGroup__list checkerGroup__list--isInner"> <li class="checkerGroup__item"> <label class="checkbox checkbox--isChecked"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" checked="" value="all" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Все объекты</span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" value="2" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <img src="/upload/kelnik.area/dd3/child.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span>Детям</span> </span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" value="3" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <img src="/upload/kelnik.area/1a8/entertaiment.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span>Развлечения</span> </span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" value="7" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <img src="/upload/kelnik.area/ded/shops.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span>Магазин</span> </span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" value="9" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <img src="/upload/kelnik.area/f14/sport.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span>Спорт</span> </span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" value="4" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <img src="/upload/kelnik.area/c75/medicine.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span>Медицина</span> </span> </label> </li> <li class="checkerGroup__item"> <label class="checkbox"> <input class="checkbox__input" id="type" name="type" type="checkbox" tabindex="-1" autoComplete="off" value="11" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <img src="/upload/kelnik.area/2b3/school.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span>Школа</span> </span> </label> </li> </ul> </li> </ul> </fieldset> <button draggable="false" type="button" class="btn btn--isApplyBtn btn--isSizeLarge" data-js-InfrastructureMapFilterApplyBtn=""> <span class="infrastructureMapFilter__btnLabel">Применить</span> <span class="infrastructureMapFilter__btnCounter" data-js-InfrastructureMapFilterCounter=""></span> </button> </div> </div> </div> <div class="infrastructureYandexMap"> <div class="staticContainer" data-js-InfrastructureYandexMap='{"mapId":"projectMap-1","center":["60.001757","30.452484"],"zoom":13,"minZoom":0,"maxZoom":23,"zoomStep":1,"isCustomZoomControl":true,"type":"yandex#map","controls":[],"markerHintOffset":[-90,-70],"markerTouchHintOffset":[-90,-70],"markers":[{"coords":["60.006633","30.428419"],"object":"\u0414\u0435\u0442\u044f\u043c","objectId":"object[1928]","objectType":"2","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/a51\/child.svg","hintContent":"\u0414\u0435\u0442\u0441\u043a\u0438\u0439 \u0441\u0430\u0434 \u2116 46"},{"coords":["60.000307","30.430459"],"object":"\u0414\u0435\u0442\u044f\u043c","objectId":"object[1927]","objectType":"2","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/a51\/child.svg","hintContent":"\u0414\u0435\u0442\u0441\u043a\u0438\u0439 \u0441\u0430\u0434 \u2116 44"},{"coords":["60.005985","30.450462"],"object":"\u0414\u0435\u0442\u044f\u043c","objectId":"object[1802]","objectType":"2","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/a51\/child.svg","hintContent":"\u0414\u0435\u0442\u0441\u043a\u0438\u0439 \u0441\u0430\u0434 \u211623"},{"coords":["60.003283","30.452130"],"object":"\u0414\u0435\u0442\u044f\u043c","objectId":"object[1772]","objectType":"2","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/a51\/child.svg","hintContent":"\u0414\u0435\u0442\u0441\u043a\u0438\u0439 \u0441\u0430\u0434 (\u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f)"},{"coords":["60.008209","30.432230"],"object":"\u0414\u0435\u0442\u044f\u043c","objectId":"object[1929]","objectType":"2","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/a51\/child.svg","hintContent":"\u041c\u043e\u043d\u0442\u0435\u0441\u0441\u043e\u0440\u0438-\u0448\u043a\u043e\u043b\u0430 \u041c\u0438\u0445\u0430\u0439\u043b\u043e\u0432\u043e\u0439"},{"coords":["60.004797","30.420017"],"object":"\u0420\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f","objectId":"object[1461]","objectType":"3","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/eaa\/entertaiment.svg","hintContent":"\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d \u0422\u0430\u0432\u0435\u0440\u043d\u0430"},{"coords":["60.000325","30.435286"],"object":"\u0420\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f","objectId":"object[1926]","objectType":"3","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/eaa\/entertaiment.svg","hintContent":"\u0421\u0430\u043c\u0430\u0440\u043a\u0430\u043d\u0434\u0441\u043a\u043e\u0435 \u043a\u0430\u0444\u0435"},{"coords":["60.014432","30.454791"],"object":"\u0420\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f","objectId":"object[1463]","objectType":"3","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/eaa\/entertaiment.svg","hintContent":"\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d \u0423\u0441\u0430\u0434\u044c\u0431\u0430"},{"coords":["60.018132","30.467421"],"object":"\u0420\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f","objectId":"object[1464]","objectType":"3","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/eaa\/entertaiment.svg","hintContent":"\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d Ferma"},{"coords":["60.013032","30.429345"],"object":"\u0420\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f","objectId":"object[1462]","objectType":"3","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/eaa\/entertaiment.svg","hintContent":"\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d Saltan"},{"coords":["60.007729","30.420548"],"object":"\u0420\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f","objectId":"object[1460]","objectType":"3","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/eaa\/entertaiment.svg","hintContent":"\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d Vs\u0451\u0445\u043e\u0440\u043e\u0448\u043e"},{"coords":["60.004948","30.419639"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1451]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u041d\u0430\u0440\u043e\u0434\u043d\u0430\u044f 7\u042f \u0441\u0435\u043c\u044c\u042f"},{"coords":["60.006918","30.424224"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1449]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043c \u041c\u0430\u0433\u043d\u0438\u0442"},{"coords":["60.009063","30.41511"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1450]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0443\u043a\u0441\u043a\u0438\u0439 \u043c\u044f\u0441\u043e\u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0442"},{"coords":["60.017162","30.434536"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1445]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c"},{"coords":["59.994341","30.430971"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1446]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u0414\u0438\u043a\u0441\u0438"},{"coords":["60.018109","30.435795"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1835]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u0413\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u0439 \u0440\u044b\u043d\u043e\u043a "},{"coords":["60.003391","30.438120"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1925]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u044b"},{"coords":["60.002919 ","30.447610"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1832]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u041f\u044f\u0442\u0435\u0440\u043e\u0447\u043a\u0430"},{"coords":["60.003165","30.446409"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1924]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u041d\u0430\u0442\u0443\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b"},{"coords":["60.010451","30.418083"],"object":"\u041c\u0430\u0433\u0430\u0437\u0438\u043d","objectId":"object[1447]","objectType":"7","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/20c\/shops.svg","hintContent":"\u041f\u044f\u0442\u0451\u0440\u043e\u0447\u043a\u0430"},{"coords":["60.023554","30.434851"],"object":"\u0421\u043f\u043e\u0440\u0442","objectId":"object[1834]","objectType":"9","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/793\/sport.svg","hintContent":"\u0421\u041a \u0413\u0430\u0437\u043f\u0440\u043e\u043c "},{"coords":["59.989135","30.414593"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1396]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0413\u0411\u0423\u0417 \u041b\u0435\u043d\u0438\u043d\u0433\u0440\u0430\u0434\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0446\u0435\u043d\u0442\u0440 \u043f\u0440\u043e\u0444\u043f\u0430\u0442\u043e\u043b\u043e\u0433\u0438\u0438"},{"coords":["60.004087","30.424762"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[798]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0414\u0435\u0442\u0441\u043a\u0430\u044f \u043f\u043e\u043b\u0438\u043a\u043b\u0438\u043d\u0438\u043a\u0430 \u2116 10"},{"coords":["59.985873","30.424451"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1455]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0414\u0435\u0442\u0441\u043a\u0430\u044f \u0421\u0442\u043e\u043c\u0430\u0442\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u043b\u0438\u043a\u043b\u0438\u043d\u0438\u043a\u0430 \u2116 3"},{"coords":["60.004483","30.425481"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1426]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u041f\u043e\u043b\u0438\u043a\u043b\u0438\u043d\u0438\u043a\u0430 \u2116 41"},{"coords":["60.005711","30.428521"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1456]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0410\u043f\u0442\u0435\u043a\u0430 \u041e\u0437\u0435\u0440\u043a\u0438"},{"coords":["59.987172","30.427286"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1458]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0410\u043f\u0442\u0435\u043a\u0430 \u041d\u0435\u0432\u0438\u0441"},{"coords":["60.005786","30.429593"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1453]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0421\u0442\u043e\u043c\u0430\u0442\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u043b\u0438\u043a\u043b\u0438\u043d\u0438\u043a\u0430 \u2116 30"},{"coords":["59.985539","30.432963"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[818]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u041a\u043b\u0438\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0438\u043d\u0444\u0435\u043a\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0438\u043c. \u0421. \u041f. \u0411\u043e\u0442\u043a\u0438\u043d\u0430"},{"coords":["60.007717","30.421088"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[808]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0421\u043e\u043b\u043e\u0414\u0435\u043d\u0442"},{"coords":["60.008371","30.420156"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[142]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433\u0441\u043a\u0438\u0435 \u0430\u043f\u0442\u0435\u043a\u0438 "},{"coords":["60.008476","30.41723"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1457]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0410\u043f\u0442\u0435\u043a\u0430 \u041f\u0435\u0440\u0432\u0430\u044f \u041f\u043e\u043c\u043e\u0449\u044c"},{"coords":["60.004942","30.45384"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1452]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0413\u043e\u0440\u043e\u0434\u0441\u043a\u0430\u044f \u043f\u043e\u043b\u0438\u043a\u043b\u0438\u043d\u0438\u043a\u0430 \u2116 17 \u041f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u2116 18 \u043a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438"},{"coords":["60.01722","30.434549"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1459]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0420\u0430\u0434\u0443\u0433\u0430"},{"coords":["60.002622","30.438133"],"object":"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0430","objectId":"object[1454]","objectType":"4","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/e53\/medicine.svg","hintContent":"\u0426\u0435\u043d\u0442\u0440 \u0440\u0435\u043c\u043e\u043d\u0442\u0430 \u0437\u0443\u0431\u043d\u044b\u0445 \u043f\u0440\u043e\u0442\u0435\u0437\u043e\u0432 \u0432 \u0421\u041f\u0431"},{"coords":["60.008138","30.432167"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[786]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u041c\u043e\u043d\u0442\u0435\u0441\u0441\u043e\u0440\u0438-\u0448\u043a\u043e\u043b\u0430 \u041c\u0438\u0445\u0430\u0439\u043b\u043e\u0432\u043e\u0439"},{"coords":["60.006026","30.415716"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[760]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0428\u043a\u043e\u043b\u0430 \u2116 473"},{"coords":["60.010497","30.415123"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[763]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0426\u0435\u043d\u0442\u0440 \u041e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u2116 633"},{"coords":["60.009526","30.418289"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[1443]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0413\u0411\u041e\u0423 \u0421\u041e\u0428 \u2116 88 \u041a\u0430\u043b\u0438\u043d\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0439\u043e\u043d\u0430"},{"coords":["60.01456","30.423925"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[1442]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0413\u0411\u041e\u0423 \u0448\u043a\u043e\u043b\u0430 \u2116 561 \u041a\u0430\u043b\u0438\u043d\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0439\u043e\u043d\u0430"},{"coords":["60.006271","30.453868"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[1825]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0428\u043a\u043e\u043b\u0430 (\u043f\u0440\u043e\u0435\u043a\u0442)"},{"coords":["60.01567","30.420489"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[1441]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0421\u0440\u0435\u0434\u043d\u044f\u044f \u043e\u0431\u0449\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0448\u043a\u043e\u043b\u0430 \u2116 535"},{"coords":["59.984674","30.418671"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[756]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0428\u043a\u043e\u043b\u0430 \u2116 156"},{"coords":["60.008514","30.431695"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[758]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0413\u0411\u041e\u0423 \u0421\u0440\u0435\u0434\u043d\u044f\u044f \u043e\u0431\u0449\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0448\u043a\u043e\u043b\u0430 \u2116 184"},{"coords":["60.002908","30.426082"],"object":"\u0428\u043a\u043e\u043b\u0430","objectId":"object[757]","objectType":"11","isPublicPlace":true,"iconSrc":"\/upload\/kelnik.area\/018\/school.svg","hintContent":"\u0413\u0411\u041e\u0423 \u0421\u041e\u0428 \u2116 184 \u041a\u0430\u043b\u0438\u043d\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0439\u043e\u043d\u0430 "}]}'></div> </div> </div> </div> <div class="projectTabs__tabContent" data-js-TabsContent="tab-gallery"> <div class="projectSlider projectSlider--isProjectTabGallery"> <div class="slider"> <div class="slider__container swiper projectSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/710/laweovuejl55f3asydvf6d03pr50egd2/2560х1440 (1).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/710/laweovuejl55f3asydvf6d03pr50egd2/2560х1440 (1).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/4c6/l3tmiuhbi83pkx2w0r5je5mu2u92u18z/2560х1440 (2).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/4c6/l3tmiuhbi83pkx2w0r5je5mu2u92u18z/2560х1440 (2).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/1e1/ajoztc7cmj8dnspqu6zetqm3vvo5ym0s/2560х1440 (3).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/1e1/ajoztc7cmj8dnspqu6zetqm3vvo5ym0s/2560х1440 (3).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/6db/769r4b6cxis4zto8w6prfckwgc2aro5c/2560х1440 (4).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/6db/769r4b6cxis4zto8w6prfckwgc2aro5c/2560х1440 (4).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/9c1/kbbvtj1ve7vy9h6psehs5iecvxg6j461/2560х1440 (5).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/9c1/kbbvtj1ve7vy9h6psehs5iecvxg6j461/2560х1440 (5).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/5da/xk9gxpgrgjh94vqf0p4oyh0jds9q3acj/2560х1440 (6).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/5da/xk9gxpgrgjh94vqf0p4oyh0jds9q3acj/2560х1440 (6).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/6c3/0phhkbknc1sz2bqyrwr76qcimtk9s2q5/2560х1440 (7).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/6c3/0phhkbknc1sz2bqyrwr76qcimtk9s2q5/2560х1440 (7).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/caf/1zmtjwvuzh7uqoqdkvcud3yyud54foo3/2560х1440 (8).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/caf/1zmtjwvuzh7uqoqdkvcud3yyud54foo3/2560х1440 (8).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/1ff/bm1tvlk78yqx0qoccon460qf7eb93nuy/2560х1440 (9).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/1ff/bm1tvlk78yqx0qoccon460qf7eb93nuy/2560х1440 (9).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/8c4/lqwyiqjparmmp2er204bchn8sj7urpcz/2560х1440 (10).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/8c4/lqwyiqjparmmp2er204bchn8sj7urpcz/2560х1440 (10).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/cc8/gbfhnt9472puod4trrt0uhskzvutet6k/2560х1440 (11).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/cc8/gbfhnt9472puod4trrt0uhskzvutet6k/2560х1440 (11).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> <div class="slider__slide swiper-slide"> <div class="projectSlider__modalOpenBtnWrapper"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isModalOpenBtn btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open='{"src":"#tabGallerySlider"}'> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-fullscreen"/> </svg> </span> </span> </button> </div> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/730/pwnbrjcqjmgei2bvrc0pym4eco41ppi0/2560х1440 (12).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/730/pwnbrjcqjmgei2bvrc0pym4eco41ppi0/2560х1440 (12).jpg 2x" width="2816" height="1540" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"></use> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> <div id="tabGallerySlider" class="modal modal--isMedia modal--isShadowBtn isDisplayNone" data-js-modal=""> <div class="projectSlider projectSlider--isProjectModalTabGallery"> <div class="slider"> <div class="slider__container swiper projectFeatureSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/710/laweovuejl55f3asydvf6d03pr50egd2/2560х1440 (1).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/710/laweovuejl55f3asydvf6d03pr50egd2/2560х1440 (1).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/4c6/l3tmiuhbi83pkx2w0r5je5mu2u92u18z/2560х1440 (2).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/4c6/l3tmiuhbi83pkx2w0r5je5mu2u92u18z/2560х1440 (2).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/1e1/ajoztc7cmj8dnspqu6zetqm3vvo5ym0s/2560х1440 (3).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/1e1/ajoztc7cmj8dnspqu6zetqm3vvo5ym0s/2560х1440 (3).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/6db/769r4b6cxis4zto8w6prfckwgc2aro5c/2560х1440 (4).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/6db/769r4b6cxis4zto8w6prfckwgc2aro5c/2560х1440 (4).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/9c1/kbbvtj1ve7vy9h6psehs5iecvxg6j461/2560х1440 (5).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/9c1/kbbvtj1ve7vy9h6psehs5iecvxg6j461/2560х1440 (5).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/5da/xk9gxpgrgjh94vqf0p4oyh0jds9q3acj/2560х1440 (6).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/5da/xk9gxpgrgjh94vqf0p4oyh0jds9q3acj/2560х1440 (6).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/6c3/0phhkbknc1sz2bqyrwr76qcimtk9s2q5/2560х1440 (7).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/6c3/0phhkbknc1sz2bqyrwr76qcimtk9s2q5/2560х1440 (7).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/caf/1zmtjwvuzh7uqoqdkvcud3yyud54foo3/2560х1440 (8).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/caf/1zmtjwvuzh7uqoqdkvcud3yyud54foo3/2560х1440 (8).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/1ff/bm1tvlk78yqx0qoccon460qf7eb93nuy/2560х1440 (9).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/1ff/bm1tvlk78yqx0qoccon460qf7eb93nuy/2560х1440 (9).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/8c4/lqwyiqjparmmp2er204bchn8sj7urpcz/2560х1440 (10).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/8c4/lqwyiqjparmmp2er204bchn8sj7urpcz/2560х1440 (10).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/cc8/gbfhnt9472puod4trrt0uhskzvutet6k/2560х1440 (11).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/cc8/gbfhnt9472puod4trrt0uhskzvutet6k/2560х1440 (11).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> <div class="slider__slide swiper-slide"> <div class="swiper-zoom-container"> <div class="projectSlider__imgContainer"> <picture class="responsiveImage"> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/730/pwnbrjcqjmgei2bvrc0pym4eco41ppi0/2560х1440 (12).jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.estate/730/pwnbrjcqjmgei2bvrc0pym4eco41ppi0/2560х1440 (12).jpg 2x" width="1408" height="725" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </div> </div> <div class="slider__controls"> <ul class="slider__navigation"> <li class="slider__navigationItem slider__navigationItem--isPrev"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationPrevBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-prev"/> </svg> </span> </span> </button> </li> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isBright btn--isRound btn--isNavigationBtn btn--isNavigationNextBtn btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"/> </svg> </span> </span> </button> </li> </ul> <div class="slider__pagination"></div> </div> </div> </div> </div> </div> <div class="projectTabs__tabContent" data-js-TabsContent="tab-offers"> <div class="projectTabs__tabContentWrapper"> <div class="cardLinkList"> <div class="gridFlow gridFlow--isProjectArticleList gridFlow--isGapD16T12M8 gridFlow--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1"> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary5" data-js-modal-open="" href="#action20581"> <div class="cardLink__heading"> <span>Скидка 15% на все квартиры</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>до 30.11.2024</span> </div> <div class="cardLink__icon"> <span class="icon icon--isColorGallery icon--isSizeMax"> <svg class="icon__src"> <use href="#icon-timer-flash"></use> </svg> </span> </div> </a> <div id="action20581" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">до 30.11.2024</span> </div> <div class="article__header"> <div class="h1">Скидка 15% на все квартиры</div> </div> <div class="article__body"> <p> </p> <p> Дарим скидку на любую квартиру в строящихся или готовых домах. Успейте забронировать в ноябре! </p> <p> Вы можете выбрать от студии до трехкомнатной. На севере или на юге. С видом на лес или же, наоборот, поближе к центру. С камином, мастер-спальней или даже собственным патио. С отделкой или без. Выбор за вами! </p> <p> Предложение действует при единовременной оплате, ипотеке (семейной, военной и субсидированной). Суммируется с одной из скидок: иногородним, за повторную покупку, платное бронирование, промокод, а также картой привилегий. Можно применить материнский капитал и другие субсидии </p> <p> Не действует при рассрочке, ипотеке траншами, ипотеке в рассрочку. </p> <p> </p> </div> <div class="article__footer"> <div class="isFontWeight600"> <span class="isFontWeight600 isColorScorpion">Подробности вы можете узнать по телефону </span> <a href="tel:8 (812) 325-01-01" class="btn btn--isCustomPrimaryLink btn--isSizeAuto "> <span class="btn__label">8 (812) 325-01-01</span> </a> </div> <div class="isColorSilverChalice isFontWeight600">Срок действия предложения — до 30.11.2024</div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary5" data-js-modal-open="" href="#action20654"> <div class="cardLink__heading"> <span>20/80: Простые условия, очевидные преимущества</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>до 30.11.2024</span> </div> <div class="cardLink__icon"> <span class="icon icon--isColorGallery icon--isSizeMax"> <svg class="icon__src"> <use href="#icon-timer-flash"></use> </svg> </span> </div> </a> <div id="action20654" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">до 30.11.2024</span> </div> <div class="article__header"> <div class="h1">20/80: Простые условия, очевидные преимущества</div> </div> <div class="article__body"> <p> Мы сделали для вас новую рассрочку на строящиеся объекты. </p> <p> ● Первоначальный взнос 20%. </p> <p> ● Остаток нужно будет внести через шесть месяцев. </p> <p> ● Применяется скидка 15%. </p> <p> ●Действует на объекты со сроком ввода 2025-2027*. </p> <p> Эта программа отлично подойдет в двух случаях – если вы предполагаете получить остаток суммы в течение полугода, а также в том случае, если у вас есть полная сумма и вы хотите ее максимально выгодно инвестировать. </p> <p> Лимиты по программе ограничены. Успейте забронировать! </p> <p> <span style="font-size: 10pt;">*кроме второй очереди «Морской набережной. SeaView», дома 1-7.</span> </p> </div> <div class="article__footer"> <div class="isFontWeight600"> <span class="isFontWeight600 isColorScorpion">Подробности вы можете узнать по телефону </span> <a href="tel:8 (812) 325-01-01" class="btn btn--isCustomPrimaryLink btn--isSizeAuto "> <span class="btn__label">8 (812) 325-01-01</span> </a> </div> <div class="isColorSilverChalice isFontWeight600">Срок действия предложения — до 30.11.2024</div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary5" data-js-modal-open="" href="#action20655"> <div class="cardLink__heading"> <span>Поддержка от ЛСР</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>до 30.11.2024</span> </div> <div class="cardLink__icon"> <span class="icon icon--isColorGallery icon--isSizeMax"> <svg class="icon__src"> <use href="#icon-timer-flash"></use> </svg> </span> </div> </a> <div id="action20655" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">до 30.11.2024</span> </div> <div class="article__header"> <div class="h1">Поддержка от ЛСР</div> </div> <div class="article__body"> <p> Мы сделали рассрочку на строящиеся проекты*, которая является отличной альтернативой льготной ипотеке. Оцените условия сами: </p> <p> ● Первоначальный взнос – 30%; </p> <p> ● Платежи вносятся ежемесячно равными суммами; </p> <p> ● Можно использовать материнский капитал и другие субсидии. </p> <p> На этапе ввода объекта в эксплуатацию у вас есть возможность либо внести весь остаток по рассрочке, либо оформить на него ипотечный кредит на комфортных условиях. </p> <p> Лимиты рассрочки ограничены. Успейте забронировать в ноябре! </p> <p> <span style="font-size: 10pt;">*для всех строящихся проектов со сроками ввода 2025-2027 кроме второй очереди «Морской набережной. SeaView», дома 1-7.</span> </p> </div> <div class="article__footer"> <div class="isFontWeight600"> <span class="isFontWeight600 isColorScorpion">Подробности вы можете узнать по телефону </span> <a href="tel:8 (812) 325-01-01" class="btn btn--isCustomPrimaryLink btn--isSizeAuto "> <span class="btn__label">8 (812) 325-01-01</span> </a> </div> <div class="isColorSilverChalice isFontWeight600">Срок действия предложения — до 30.11.2024</div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary5" data-js-modal-open="" href="#action20677"> <div class="cardLink__heading"> <span>Дополнительная скидка 5% на квартиры ЛСР!</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>до 31.12.2024</span> </div> <div class="cardLink__icon"> <span class="icon icon--isColorGallery icon--isSizeMax"> <svg class="icon__src"> <use href="#icon-timer-flash"></use> </svg> </span> </div> </a> <div id="action20677" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">до 31.12.2024</span> </div> <div class="article__header"> <div class="h1">Дополнительная скидка 5% на квартиры ЛСР!</div> </div> <div class="article__body"> <p> </p> <p> Предлагаем дополнительную скидку от красной цены на квартиры в наших строящихся или готовых проектах*. Успейте забронировать по самым выгодным ценам! </p> <p> Студия или просторная евротрешка, камин или патио, виды на залив или живописный лес – у нас вы найдете множество эксклюзивных решений на любой вкус. </p> <p> Скидка 5% действует при: </p> <p> <b>·</b> Единовременной оплате; </p> <p> <b>·</b> Ипотеке (в т.ч. семейной и военной); </p> <p> <b>·</b> Ипотеке траншами. </p> <p> Можно применить материнский капитал и другие субсидии. </p> <p> Не распространяется на ипотеку в рассрочку. Возможность суммирования со скидками ограничена. За дополнительной информацией просьба обращаться в отдел продаж. </p> <p> <span style="font-size: 10pt;">*кроме «NEVA HAUS» и «NEVA RESIDENCE».</span> </p> <p> </p> </div> <div class="article__footer"> <div class="isFontWeight600"> <span class="isFontWeight600 isColorScorpion">Подробности вы можете узнать по телефону </span> <a href="tel:8 (812) 325-01-01" class="btn btn--isCustomPrimaryLink btn--isSizeAuto "> <span class="btn__label">8 (812) 325-01-01</span> </a> </div> <div class="isColorSilverChalice isFontWeight600">Срок действия предложения — до 31.12.2024</div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary5" data-js-modal-open="" href="#action20614"> <div class="cardLink__heading"> <span>Рассрочка: 8 лет</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>до 30.11.2024</span> </div> <div class="cardLink__icon"> <span class="icon icon--isColorGallery icon--isSizeMax"> <svg class="icon__src"> <use href="#icon-timer-flash"></use> </svg> </span> </div> </a> <div id="action20614" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">до 30.11.2024</span> </div> <div class="article__header"> <div class="h1">Рассрочка: 8 лет</div> </div> <div class="article__body"> <p> </p> <p> Предлагаем альтернативу ипотеке – осеннюю рассрочку на восемь лет. Лимиты ограничены – успейте воспользоваться предложением!»<br> </p> <p> ● Первоначальный взнос – от 20%. </p> <p> ● Платежи вносятся равными суммами ежемесячно. </p> <p> Рассрочка действует на ряд проектов. </p> <p> </p> <p> Условия зависят от даты ввода объекта в эксплуатацию. </p> <p> </p> </div> <div class="article__footer"> <div class="isFontWeight600"> <span class="isFontWeight600 isColorScorpion">Подробности вы можете узнать по телефону </span> <a href="tel:8 (812) 325-01-01" class="btn btn--isCustomPrimaryLink btn--isSizeAuto "> <span class="btn__label">8 (812) 325-01-01</span> </a> </div> <div class="isColorSilverChalice isFontWeight600">Срок действия предложения — до 30.11.2024</div> </div> </div> </div> </div> </div> </div> </div> <div class="projectTabs__tabBtnWrapper"> <a href="#subscribeAction" class="btn btn--isSubscribe btn--isShadowBright btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Подписаться</span> </a> </div> </div> <div class="projectTabs__tabContent" data-js-TabsContent="tab-news"> <div class="projectTabs__tabContentWrapper"> <div class="cardLinkList"> <div class="gridFlow gridFlow--isProjectNewsList gridFlow--isGapD16T12M8 gridFlow--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1"> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary2" data-js-modal-open="" href="#news20657"> <div class="cardLink__heading"> <span>График работы в праздничные дни</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>02.11.2024</span> </div> </a> <div id="news20657" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">02.11.2024</span> </div> <div class="article__header"> <div class="h1">График работы в праздничные дни</div> </div> <div class="article__body"> <p> <b>Делимся графиком работы, чтобы вы смогли записаться на просмотры и встречи в удобное время.</b> </p> <p> <u>Офисы продаж на Невском 68 и Кирочной 39</u>: </p> <p> 02.11.2024 с 9:00 до 19:00 </p> <p> 03-04.11.2024 с 12:00 до 18:00. </p> <p> <u>Офисы продаж на объектах</u>: </p> <p> 02.11.2024 с 9:00 до 18:00 </p> <p> 03-04.11.2024 с 12:00 до 18:00. </p> <p> Пожалуйста, учитывайте эту информацию при планировании визита. <b>С 5 ноября возвращаемся к привычному режиму работы</b>. </p> <p> Чтобы узнать подробнее, звоните по номеру: 8 (812) 325-01-01. </p> <p> Бесплатный федеральный номер: 8 (800) 325-01-01. </p> <p> Наши новости в «<a href="https://vk.com/lsr.petersburg">ВКонтакте</a>», «<a href="https://ok.ru/lsr.petersburg">Одноклассники</a>» и <a href="https://t.me/lsr_spb">Telegram</a>. </p> </div> <div class="article__footer"> <div class="isMb24 isColorSilverChalice isFontWeight600">Поделиться новостью</div> <div class="yandexShareWrapper" data-js-YandexShareWrapper="true"> <div class="yandexShare" data-js-YandexShare="{"copyLink":{"title":"Ссылка"},"content":{"url":"https://www.lsr.ru/spb/novosti/grafik-raboty-v-prazdnichnye-dni-20241102/"},"theme":{"services":"vkontakte,telegram,whatsapp,odnoklassniki","bare":true,"limit":4,"popupDirection":"auto","direction":"horizontal","copy":"extraItem"}}"> </div> <div data-js-YandexShareSuccessMsg="true" class="popover">Ссылка скопирована</div> </div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary2" data-js-modal-open="" href="#news20648"> <div class="cardLink__heading"> <span>Скидка 15% на все квартиры</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>31.10.2024</span> </div> </a> <div id="news20648" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">31.10.2024</span> </div> <div class="article__header"> <div class="h1">Скидка 15% на все квартиры</div> </div> <div class="article__body"> <p> <b>Дарим скидку на любую квартиру в строящихся или готовых домах. Успейте забронировать в ноябре!</b> </p> <p> Вы можете выбрать от студии до трехкомнатной. На севере или на юге. С видом на лес или же, наоборот, поближе к центру. С камином, мастер-спальней или даже собственным патио. С отделкой или без. Выбор за вами! </p> <p> Предложение действует при единовременной оплате, ипотеке (семейной, военной и субсидированной). Суммируется с одной из скидок: иногородним, за повторную покупку, платное бронирование, промокод, а также картой привилегий. Можно применить материнский капитал и другие субсидии. </p> <p> Не действует при рассрочке, ипотеке траншами, ипотеке в рассрочку. </p> <p> Чтобы узнать подробнее, звоните по номеру: 8 (812) 325-01-01. </p> <p> Бесплатный федеральный номер: 8 (800) 325-01-01. </p> <p> Наши новости в «<a href="https://vk.com/lsr.petersburg">ВКонтакте</a>», «<a href="https://ok.ru/lsr.petersburg">Одноклассники</a>» и <a href="https://t.me/lsr_spb">Telegram</a>. </p> </div> <div class="article__footer"> <div class="isMb24 isColorSilverChalice isFontWeight600">Поделиться новостью</div> <div class="yandexShareWrapper" data-js-YandexShareWrapper="true"> <div class="yandexShare" data-js-YandexShare="{"copyLink":{"title":"Ссылка"},"content":{"url":"https://www.lsr.ru/spb/novosti/skidka-15-na-vse-kvartiry-20241031/"},"theme":{"services":"vkontakte,telegram,whatsapp,odnoklassniki","bare":true,"limit":4,"popupDirection":"auto","direction":"horizontal","copy":"extraItem"}}"> </div> <div data-js-YandexShareSuccessMsg="true" class="popover">Ссылка скопирована</div> </div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary2" data-js-modal-open="" href="#news20634"> <div class="cardLink__heading"> <span>Семейная ипотека продолжается!</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>07.10.2024</span> </div> </a> <div id="news20634" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">07.10.2024</span> </div> <div class="article__header"> <div class="h1">Семейная ипотека продолжается!</div> </div> <div class="article__body"> <p> В октябре мы предлагаем клиентам льготную семейную ипотеку по ставке от 3,5% годовых. Успейте воспользоваться предложением. Лимиты ограничены. </p> <p> На ваш выбор две ставки: 3,5% или 6%. В первом случае стоимость квартиры будет выше, во втором – без удорожания. Например, вы можете приобрести эту «евродвушку» в «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/lsr-rzhevskij-park/">Ржевском парке</a>»: </p> <p> ● По ставке 3,5% </p> <p> Cтоимость квартиры составит 7 378 075 ₽. Первоначальный взнос – 1 482 994 ₽. Ежемесячный платёж вполне комфортный – 26 472 ₽. Срок кредита – 30 лет </p> <p> ● Или по ставке 6% </p> <p> Cтоимость квартиры при выборе этой программы – 6 664 770 ₽. Дешевле, чем при ставке 3,5%. Первоначальный взнос – 1 339 619 ₽. Ежемесячный платёж – 31 927 ₽. Срок кредита – также 30 лет. </p> <p> Квартира передаётся с полной чистовой отделкой. </p> <p> <img src="/upload/Semeyka_news_oct_2024_01.jpg"><br> </p> <p> «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/lsr-rzhevskij-park/">Ржевский парк</a>» – проект во Всеволожском районе, который объединяет в себе красоту природы и преимущества городской жизни. </p> <p> На первых этажах домов откроются магазины, кафе, пекарни и другие объекты сервиса. Свои детские сады и школы, в том числе одна с инженерным уклоном. Внутренняя территория закрыта от машин и создана для отдыха и созидания. Детские и спортивные площадки разделены по возрастам, а один уровень дорожек и входов в парадные позволит комфортно гулять жителям квартала, в том числе с колясками. </p> <p> Чтобы узнать подробнее, звоните по номеру: 8 (812) 325-01-01. </p> <p> Бесплатный федеральный номер: 8 (800) 325-01-01. </p> <p> Наши новости в «<a href="https://vk.com/lsr.petersburg">ВКонтакте</a>», «<a href="https://ok.ru/lsr.petersburg">Одноклассники</a>» и <a href="https://t.me/lsr_spb">Telegram</a>. </p> </div> <div class="article__footer"> <div class="isMb24 isColorSilverChalice isFontWeight600">Поделиться новостью</div> <div class="yandexShareWrapper" data-js-YandexShareWrapper="true"> <div class="yandexShare" data-js-YandexShare="{"copyLink":{"title":"Ссылка"},"content":{"url":"https://www.lsr.ru/spb/novosti/semejnaya-ipoteka-prodolzhaetsya/"},"theme":{"services":"vkontakte,telegram,whatsapp,odnoklassniki","bare":true,"limit":4,"popupDirection":"auto","direction":"horizontal","copy":"extraItem"}}"> </div> <div data-js-YandexShareSuccessMsg="true" class="popover">Ссылка скопирована</div> </div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary2" data-js-modal-open="" href="#news20631"> <div class="cardLink__heading"> <span>Скидка 15% и даже больше!</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>04.10.2024</span> </div> </a> <div id="news20631" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">04.10.2024</span> </div> <div class="article__header"> <div class="h1">Скидка 15% и даже больше!</div> </div> <div class="article__body"> <p> <b>В октябре дарим скидку от 15% на все квартиры в строящихся или готовых домах. На ряд объектов дополнительно даём еще плюс 3%.</b> </p> <p> Вы можете выбрать от студии до трехкомнатной. На севере или на юге. С видом на лес или же, наоборот, поближе к центру. С камином, сауной, мастер-спальней или даже собственным патио. С отделкой или без. Выбор за вами! </p> <p> <img src="/upload/15_procentov_news_oct_2024_02.jpg"><br> </p> <p> Можно применить материнский капитал или трейд-ин. </p> <p> Чтобы узнать подробнее, звоните по номеру: 8 (812) 325-01-01. </p> <p> Бесплатный федеральный номер: 8 (800) 325-01-01. </p> <p> Наши новости в «<a href="https://vk.com/lsr.petersburg">ВКонтакте</a>», «<a href="https://ok.ru/lsr.petersburg">Одноклассники</a>» и <a href="https://t.me/lsr_spb">Telegram</a>. </p> </div> <div class="article__footer"> <div class="isMb24 isColorSilverChalice isFontWeight600">Поделиться новостью</div> <div class="yandexShareWrapper" data-js-YandexShareWrapper="true"> <div class="yandexShare" data-js-YandexShare="{"copyLink":{"title":"Ссылка"},"content":{"url":"https://www.lsr.ru/spb/novosti/skidka-15-i-dazhe-bolshe/"},"theme":{"services":"vkontakte,telegram,whatsapp,odnoklassniki","bare":true,"limit":4,"popupDirection":"auto","direction":"horizontal","copy":"extraItem"}}"> </div> <div data-js-YandexShareSuccessMsg="true" class="popover">Ссылка скопирована</div> </div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary2" data-js-modal-open="" href="#news20627"> <div class="cardLink__heading"> <span>Ипотека в рассрочку</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>02.10.2024</span> </div> </a> <div id="news20627" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">02.10.2024</span> </div> <div class="article__header"> <div class="h1">Ипотека в рассрочку</div> </div> <div class="article__body"> <p> Даже после завершения льготной ипотеки мы сохраняем для наших клиентов гибкие и разнообразные программы, с помощью которых ещё можно приобрести недвижимость выгодно. </p> <p> Например, вы можете оформить ипотеку в рассрочку. </p> <p> Кредит в таком случае выдаётся двумя траншами, и сначала проценты начисляются только на первую (меньшую) часть кредита. Программа позволяет значительно снизить ежемесячный платёж. </p> <p> Так, приобрести эту студию в «Октябрьской набережной» стоимостью 5 127 680 ₽ вы можете на следующих условиях. </p> <p> Минимальный первоначальный взнос – 15,1% или 774 800 ₽. Первые 28 месяцев ежемесячный платёж составит 43 777 ₽ по ставке 11,7%. Далее – 78 299 ₽. Срок кредита – 30 лет. </p> <p> <img src="/upload/IPO_RASSR_news_oct_2024_02.jpg"><br> </p> <p> Предложение действует на квартиры в «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/">Октябрьской набережной</a>», 2 оч., д. 2-4; <a href="https://www.lsr.ru/spb/zhilye-kompleksy/pulkovo-lake/">Пулково Lake</a>, 1 оч., д. 1; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/ruchi-ochered-2/">Ручьях</a>», 2 оч., д. 17, 18; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/tsvetnoy-gorod/">Цветном городе</a>», <a href="https://www.lsr.ru/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/">квартале 18</a>, д. 1, 2, 5, 5а, 6; <a href="https://www.lsr.ru/spb/zhilye-kompleksy/tsvetnoy-gorod-kvartal-29/">квартале 29</a>, д. 8, 9; «Б<a href="https://www.lsr.ru/spb/zhilye-kompleksy/lsr-bolshaya-ohta/">ольшой Охте</a>», 1 оч., д. 3а, 3б; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/lsr-bolshaya-ohta/">Цивилизация на Неве</a>», д. 7, а также «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/izmajlovskij/">Измайловском</a>». </p> <p> Чтобы узнать подробнее, звоните по номеру: 8 (812) 325-01-01. </p> <p> Бесплатный федеральный номер: 8 (800) 325-01-01. </p> <p> Наши новости в «<a href="https://vk.com/lsr.petersburg">ВКонтакте</a>», «<a href="https://ok.ru/lsr.petersburg">Одноклассники</a>» и <a href="https://t.me/lsr_spb">Telegram</a>. </p> </div> <div class="article__footer"> <div class="isMb24 isColorSilverChalice isFontWeight600">Поделиться новостью</div> <div class="yandexShareWrapper" data-js-YandexShareWrapper="true"> <div class="yandexShare" data-js-YandexShare="{"copyLink":{"title":"Ссылка"},"content":{"url":"https://www.lsr.ru/spb/novosti/ipoteka-v-rassrochku-20241002/"},"theme":{"services":"vkontakte,telegram,whatsapp,odnoklassniki","bare":true,"limit":4,"popupDirection":"auto","direction":"horizontal","copy":"extraItem"}}"> </div> <div data-js-YandexShareSuccessMsg="true" class="popover">Ссылка скопирована</div> </div> </div> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isCustomQuaternary2" data-js-modal-open="" href="#news20594"> <div class="cardLink__heading"> <span>Как в старые добрые. Ипотека 8,9%</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>06.09.2024</span> </div> </a> <div id="news20594" class="article article--isModal modal" data-js-overlayscrollbars data-js-modal="{"isContentShadow":true}"> <div class="article__wrapper"> <div class="article__date"> <span class="label l2">06.09.2024</span> </div> <div class="article__header"> <div class="h1">Как в старые добрые. Ипотека 8,9%</div> </div> <div class="article__body"> <p> <b>В сентябре совместно с банком-партнёром мы вернули прежние ставки! Приобрести квартиру можно под 8,9% и без удорожания.</b> </p> <p> Вы можете выбрать планировку с мастер-спальней, двухуровневую или с собственным патио, с отделкой или без, компактную студию или большую семейную «трёшку». </p> <p> Коротко об условиях: </p> <p> <b>· </b>Минимальный первоначальный взнос — 15,1%. </p> <p> <b>· </b>Сниженная ставка 8,9% действует до 8 лет, в зависимости от выбранного проекта. Далее она изменится в зависимости от ключевой ставки ЦБ. </p> <p> <b>· </b>Срок кредита — до 30 лет. </p> <p> Так, по ставке 8,9% вы можете приобрести эту студию в «Пейзажном квартале» с полной чистовой отделкой. Первоначальный взнос — всего 478 079 тыс. руб. Ежемесячный платёж первые 2,5 года составит всего 21 500 руб. </p> <p> <img src="/upload/Ipoteka_8,9_news_sept_2024_01.jpg"><br> </p> <p> Сейчас или никогда! </p> <p> Предложение действует в «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/lsr-rzhevskij-park/">Ржевском парке</a>», д. 2-4; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/">Октябрьской набережной</a>», 2 оч., д. 2-6; <a href="https://www.lsr.ru/spb/zhilye-kompleksy/pulkovo-lake/">Пулково Lake</a>, 1 оч., д. 1; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/ruchi-ochered-2/">Ручьях</a>», 2 оч., д. 17, 18; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/tsvetnoy-gorod/">Цветном городе</a>», <a href="https://www.lsr.ru/spb/zhilye-kompleksy/tsvetnoy-gorod-kvartal-29/">квартале 29</a>, дома 8, 9; «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/">Пейзажном квартале</a>», а также кварталах бизнес-класса: «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/izmajlovskij/">Измайловском</a>» и «<a href="https://www.lsr.ru/spb/zhilye-kompleksy/lsr-bolshaya-ohta/">Большой Охте</a>», 1 оч., д. 1-4 и 3а, 3б. </p> <p> Суммируется со скидкой 15% на все квартиры, иногородним покупателям, а также специальным промокодом, который можно найти в социальных сетях ЛСР. </p> <p> Скидка родителям и по партнерским программам не действует. </p> <p> Чтобы узнать подробнее, звоните по номеру: 8 (812) 325-01-01. </p> <p> Бесплатный федеральный номер: 8 (800) 325-01-01. </p> <p> Наши новости в «<a href="https://vk.com/lsr.petersburg">ВКонтакте</a>», «<a href="https://ok.ru/lsr.petersburg">Одноклассники</a>» и <a href="https://t.me/lsr_spb">Telegram</a>. </p> </div> <div class="article__footer"> <div class="isMb24 isColorSilverChalice isFontWeight600">Поделиться новостью</div> <div class="yandexShareWrapper" data-js-YandexShareWrapper="true"> <div class="yandexShare" data-js-YandexShare="{"copyLink":{"title":"Ссылка"},"content":{"url":"https://www.lsr.ru/spb/novosti/kak-v-starye-dobrye-ipoteka-8-9/"},"theme":{"services":"vkontakte,telegram,whatsapp,odnoklassniki","bare":true,"limit":4,"popupDirection":"auto","direction":"horizontal","copy":"extraItem"}}"> </div> <div data-js-YandexShareSuccessMsg="true" class="popover">Ссылка скопирована</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="projectTabs__tabBtnWrapper"> <a href="/spb/novosti/?objects=177" class="btn btn--isMoreContent btn--isOutline btn--isSizeLarge "> <span class="btn__label">Все новости</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right-up"></use> </svg> </span> </span> </a> <a href="#subscribeNews" class="btn btn--isSubscribe btn--isShadowBright btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Подписаться</span> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section id="complex-plan" class="section section--isMb16 section--isPrimaryHeader2 section--isPanY"> <div class="section__wrap container"> <header class="section__header"> <h2 class="isOnMobileMinimumCustomH1">Выберите дом на генплане</h2> </header> <div class="section__content"> <div class="objectDetailCard" data-js-ObjectDetailCard='{"basePathname":"\/spb\/zhilye-kompleksy\/ruchi\/","url":"\/spb\/ajax\/selector.php","shareConfig":{"theme":{"services":"vkontakte,odnoklassniki,telegram,whatsapp","bare":true,"limit":0,"popupDirection":"auto","direction":"horizontal","copy":"last"}},"favouriteConfig":{"type":"flat","url":"\/ajax\/favorite.php"},"reservationBtnData":{"extraAttrs":{"data-js-modal-open":""},"href":"#reservation"}}'> <div class="interactiveMap" data-js-interactiveMap="" data-js-chooseblock='{"url":"/ajax/multiobject.php", "currentObjData":{"object":"ruchi","domainPath":"/spb","obj":"177"}}'> <div class="f-panzoom" data-js-panzoom-container=""> <div class="f-panzoom__customToolbar"> <button draggable="false" type="button" class="btn btn--isBright btn--isOnlyIcon btn--isSizeLarge" data-panzoom-action="zoomIn"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-plus"></use> </svg> </span> </span> </button> <button draggable="false" type="button" class="btn btn--isBright btn--isOnlyIcon btn--isSizeLarge" data-panzoom-action="zoomOut"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-minus"></use> </svg> </span> </span> </button> </div> <div class="f-panzoom__viewport"> <div class="f-panzoom__pin" data-panzoom-pin="" data-js-pin="b199"> <div class="popover popover--isWithArrow popover--isDark" data-js-Popover="{"placement":"top","events":["hover-only-desktop"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"flip":{},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false,"mq":""}"> <button draggable="false" type="button" class="btn btn--isWithPolygon btn--isOutline btn--isSizeMedium" data-js-PopoverToggleBtn="" data-js-ChooseBlockLink='{"object":"ruchi-ochered-2","domainPath":"/spb","obj":"199"}'> <span class="btn__label">Очередь 2</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="label isCustomL2 isFontWeight600">Очередь 2</div> <div class="label isCustomL3">Срок сдачи: IV кв. 2025</div> <div class="label isCustomL3">922 квартиры</div> </div> </div> </div> <div class="f-panzoom__pin" data-panzoom-pin="" data-js-pin="b121"> <div class="popover popover--isWithArrow popover--isDark" data-js-Popover="{"placement":"top","events":["hover-only-desktop"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"flip":{},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false,"mq":""}"> <button draggable="false" type="button" class="btn btn--isWithPolygon btn--isOutline btn--isSizeMedium" data-js-PopoverToggleBtn="" data-js-ChooseBlockLink='{"object":"ruchi-ochered-1","domainPath":"/spb","obj":"121"}'> <span class="btn__label">Очередь 1</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="label isCustomL2 isFontWeight600">Очередь 1</div> <div class="label isCustomL3">Сдан</div> <div class="label isCustomL3">6 помещений</div> </div> </div> </div>  <div class="f-panzoom__content"> <img class="interactiveMap__image" src="https://cdn.static.lsr.ru/upload/kelnik.estate/759/psgyucwy5cmgmpllucapjc0jr88qusdc/Genplan_Rushi_jul_2024.jpg" width="1280" height="720" loading="lazy" alt="генеральный план жилого комплекса" data-js-interactivemap-img /> <div class="interactiveMap__basisSvgWrapper"> <svg class="interactiveMap__basisSvg" viewBox="0 0 1280 720" xmlns="http://www.w3.org/2000/svg" data-js-interactive-svg=""> <path id="b199" class="interactiveMap__polygon" d="M1218.94 308.308C1225.51 319.69 1213.43 332.357 1213.43 332.357C1212.75 333.02 1212.38 333.772 1212.34 334.612C1212.26 334.93 1202.62 378.977 1196.88 401.258C1196.56 402.531 1196.15 404.122 1195.82 405.395C1190.04 428.516 1182.25 460.115 1140.41 502.696C1096.82 546.835 1019.92 545.705 1019.28 545.529C1019.28 545.529 1019.28 545.529 1019.08 545.644C1016.39 545.575 750.022 547.6 724.709 548.393C693.921 549.366 654.502 568.06 650.082 570.07C645.265 572.309 642.216 571.63 639.869 567.565C639.283 566.549 639.012 565.621 638.778 565.215C637.763 553.334 617.205 334.581 616.709 327.279C616.532 324.671 620.541 324.253 621.057 324.226C634.751 323.096 957.148 298.477 993.21 292.833C1016.36 289.221 1061.6 263.106 1127.59 214.976C1129.07 213.853 1130.35 212.844 1131.34 212.269C1138.84 206.854 1144.16 211.917 1145.06 213.021L1218.12 306.886C1218.27 307.61 1218.7 307.902 1218.94 308.308Z" data-js-polygon="" data-js-ChooseBlockLinkPolygon='{"object":"ruchi-ochered-2","domainPath":"/spb","obj":"199"}'> </path> <path class="interactiveMap__pinPolygon" d="M1218.94 308.308C1225.51 319.69 1213.43 332.357 1213.43 332.357C1212.75 333.02 1212.38 333.772 1212.34 334.612C1212.26 334.93 1202.62 378.977 1196.88 401.258C1196.56 402.531 1196.15 404.122 1195.82 405.395C1190.04 428.516 1182.25 460.115 1140.41 502.696C1096.82 546.835 1019.92 545.705 1019.28 545.529C1019.28 545.529 1019.28 545.529 1019.08 545.644C1016.39 545.575 750.022 547.6 724.709 548.393C693.921 549.366 654.502 568.06 650.082 570.07C645.265 572.309 642.216 571.63 639.869 567.565C639.283 566.549 639.012 565.621 638.778 565.215C637.763 553.334 617.205 334.581 616.709 327.279C616.532 324.671 620.541 324.253 621.057 324.226C634.751 323.096 957.148 298.477 993.21 292.833C1016.36 289.221 1061.6 263.106 1127.59 214.976C1129.07 213.853 1130.35 212.844 1131.34 212.269C1138.84 206.854 1144.16 211.917 1145.06 213.021L1218.12 306.886C1218.27 307.61 1218.7 307.902 1218.94 308.308Z" data-js-polygon-for-pin="b199"></path> <path id="b121" class="interactiveMap__polygon" d="M44.9876 13.4161C44.9876 13.4161 22.0033 11.9325 21.9803 31.9686C22.0715 52.2022 78.9789 693.272 78.9789 693.272L525.459 686.835C525.459 686.835 549.681 686.813 539.392 670.36C529.3 653.793 193.702 103.546 193.702 103.546C193.702 103.546 159.881 45.8792 123.521 27.6163C87.7539 9.0113 44.9876 13.4161 44.9876 13.4161Z" data-js-polygon="" data-js-ChooseBlockLinkPolygon='{"object":"ruchi-ochered-1","domainPath":"/spb","obj":"121"}'> </path> <path class="interactiveMap__pinPolygon" d="M44.9876 13.4161C44.9876 13.4161 22.0033 11.9325 21.9803 31.9686C22.0715 52.2022 78.9789 693.272 78.9789 693.272L525.459 686.835C525.459 686.835 549.681 686.813 539.392 670.36C529.3 653.793 193.702 103.546 193.702 103.546C193.702 103.546 159.881 45.8792 123.521 27.6163C87.7539 9.0113 44.9876 13.4161 44.9876 13.4161Z" data-js-polygon-for-pin="b121"></path>  </svg> </div> </div> </div> <div class="f-panzoom__compasWrapper"> <img class="f-panzoom__compass" src="/upload/kelnik.estate/359/a4v5dh09ee1ngj0uk85gmhxdf5x0r874/rotation=wnw.svg" width="80" height="80" loading="lazy" alt="" /> </div> </div> </div> </div> </div> </div> </section> <section class="section section--isCustomMb80"> <div class="section__wrap container"> <div class="section__content"> <div class="flexFlow flexFlow--isGap16 flexFlow--isOnTabletFlexDirectionColumn flexFlow--isOnMobileSmallFlexDirectionColumnReverse flexFlow--isAlignItemsNormal"> <div class="flexFlow__item flexFlow__item--isFlexGrow"> <div class="contactBlock"> <div class="contactBlock__heading h4">Контакты</div> <div class="contactBlock__linkWrapper"> <ul class="contactBlock__contactLinkList"> <li class="contactBlock__contactLinkItem"> <span class="contactBlock__contactLinkItemCaption label isAdaptiveOnMobileSmallL2 isColorScorpion"> Бесплатно по России</span> <a href="tel:8 (800) 325-01-01" class="btn btn--isLink btn--isContactBlockLink btn--isSizeMedium "> <span class="btn__label">8 (812) 325-01-01</span> </a> </li> <li class="contactBlock__contactLinkItem"> <span class="contactBlock__contactLinkItemCaption label isAdaptiveOnMobileSmallL2 isColorScorpion"> Санкт-Петербург</span> <a href="tel:8 (812) 325-01-01" class="btn btn--isLink btn--isContactBlockLink btn--isSizeMedium "> <span class="btn__label">8 (812) 325-01-01</span> </a> </li> </ul> <ul class="socialLinkList"> <li class="socialLinkList__item" title="Вк Сбп"> <a href="https://vk.com/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/126/pmlj9a5sdjfhd30kpmztls6x94f6kuss/VK.com-logo 1.svg" alt="Вк Сбп" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Youtube Спб"> <a href="https://www.youtube.com/user/lsrestate" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/bad/8fmqugwc2obnux5bvrlawg8htsr2bl60/YouTube_Logo_2017 1.svg" alt="Youtube Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Телеграм Спб"> <a href="https://t.me/lsr_spb" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/9c5/2jxk4osym7w82ym3zs9odil33ypknpm8/telega-round.svg" alt="Телеграм Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Дзен СПБ"> <a href="https://dzen.ru/lsrspb " target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/700/z06yn8jpesvb82p6ry3nvz1t3wn6yny4/Yandex_Zen_logo_icon_Good.svg" alt="Дзен СПБ" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Одноклассники СПб"> <a href="https://ok.ru/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/bbe/k73czm2hnv63lpqgubevderuxk5zphkk/Odnoklassniki.svg" alt="Одноклассники СПб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> </ul> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow2"> <div class="callbackForm" data-js-CallbackForm='{"csrfUrl":"/ajax/csrf.php"}'> <form id="call_consult" autoComplete="off" class="form" data-js-form='{"url":"/ajax/requests/call.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/requests/call.php"> <div class="form__body"> <div class="callbackForm__formContent"> <div class="form__row form__row--isFirstRow form__row--isColumns-2"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="callbackForm__heading h4"> <span>Оставьте заявку</span> <br /> <span>и мы с вами свяжемся</span> </div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Имя" class="formLabel" for="name"> <span class="formLabel__label">Имя</span> </label> <input class="formInput formInput--isHeight40" id="name" name="name" type="text" placeholder="Введите имя" required="" autoComplete="name" data-js-input-required="true" title="Введите имя" inputMode="text" data-js-inputmask="name" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isSecondRow form__row--isColumns-1"> <div class="form__col form__col--isPhoneCol"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel" for="phone"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput formInput--isHeight40" id="phone" name="phone" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div data-js-Captcha='{"autoInit":true}'> <div class="form__row form__row--isCaptchaRow form__row--isColumns-1"> <div class="form__col form__col--isCaptchaCol"> <div data-js-form-block="" class="form__block form__block--isWithCaptcha"> <label title="Код с картинки" class="formLabel" for="captchaText"> <span class="formLabel__label">Код с картинки</span> </label> <input id="captchaKey" name="captchaKey" type="hidden" tabindex="-1" data-js-CaptchaKey="" value="123456" /> <input class="formInput formInput--isHeight40" id="captchaText" name="captchaText" type="text" placeholder="0 0 0 0" required="" autoComplete="off" data-js-input-required="true" title="Введите капчу с изображения" inputMode="text" data-js-InputMask="captcha" data-js-CaptchaText="" value="" /> <img class="isCaptchaImg" src="" width="80" height="40" loading="lazy" decoding="async" alt="Код с картинки" data-js-CaptchaImg="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> </div> <div class="form__row form__row--isThirdRow form__row--isColumns-2"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden isVisuallyHidden--isRequired" for="personal-processing_call"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных</span> </label> <label class="checkbox checkbox--isPrivatePolicy checkbox--isRequired"> <input class="checkbox__input" id="checker0" name="personal-processing_call" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> Я даю <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/soglasie" target="_blank">согласие на обработку моих персональных данных</a> и подтверждаю, что ознакомился с <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/privacy" target="_blank">Политикой в отношении обработки персональных данных в «ЛСР. Недвижимость-Северо-Запад, ООО» </a> и <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/sved" target="_blank">сведениями о реализуемых требованиях к защите персональных данных</a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge" data-js-CallbackFormSubmitBtn="true"> <span class="btn__label">Отправить</span> </button> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input type="hidden" id="csrf" name="csrf" value="6645b03545e4a883c197955ef6c99ee5" tabindex="-1"> <input type="hidden" id="type_card" name="type_card" value="объект" tabindex="-1"> <input type="hidden" id="card_name" name="card_name" value="ЖК «Ручьи»" tabindex="-1"> <input type="hidden" id="object_id" name="object_id" value="177" tabindex="-1"> <input type="hidden" id="site" name="site" value="/spb" tabindex="-1"> <input type="hidden" id="link" name="link" value="/spb/zhilye-kompleksy/ruchi/" tabindex="-1"> <input type="hidden" id="selected_initial_item_menu" name="selected_initial_item_menu" value="" tabindex="-1"> </div> </div> </div> </div> <div class="callbackForm__successFormContent"> <div class="callbackForm__heading callbackForm__heading--isSuccess h4"> <span>Спасибо! Заявка принята.</span> <br /> <span>Мы свяжемся с вами</span> <br /> <span>в ближайшее время</span> </div> <button draggable="false" type="button" class="btn btn--isRetryBtn btn--isSizeLarge" data-js-CallbackFormRetryBtn="true"> <span class="btn__label">Заполнить ещё раз</span> </button> <span class="icon icon--isSize80 icon--isColorGallery icon--isHiddenMobileSmall icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-checkbox-circle"></use> </svg> </span> <span class="icon icon--isSize64 icon--isColorAlizarinCrimson icon--isVisibleMobileSmall icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-checkbox-circle-2"></use> </svg> </span> </div> <div class="callbackForm__errorFormContent"> <div class="callbackForm__heading callbackForm__heading--isError h4" data-js-CallbackFormErrorMessage=""> <span>Что-то пошло не так...</span> <br /> <span>Попробуйте отправить</span> <br /> <span>данные ещё раз</span> </div> <button draggable="false" type="button" class="btn btn--isRetryBtn btn--isSizeLarge" data-js-CallbackFormRetryBtn="true"> <span class="btn__label">Отправить ещё раз</span> </button> <span class="icon icon--isSize80 icon--isColorGallery icon--isHiddenMobileSmall icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-alert"></use> </svg> </span> <span class="icon icon--isSize64 icon--isColorAlizarinCrimson icon--isVisibleMobileSmall icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-error-warning"></use> </svg> </span> </div> </div> </form> </div> </div> </div> </div> </div> </section> <section class="section section--isCustomHeader2 section--isHeaderCustomMb32 clauseSection" id="conditions-purchase"> <div class="section__wrap container"> <header class="section__header"> <h2 class="h1 isMb32T24M0">Условия покупки</h2> <div class="isHiddenMobile isFlexRow isJustifyContentCenter"> <a href="/spb/usloviya-pokupki/" draggable="false" type="button" class="btn btn--isFitContent btn--isOutline btn--isSizeLarge"> <span class="btn__label">Все условия</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-arrow-right-up"></use> </svg> </span> </span> </a> </div> </header> <div class="section__content"> <div class="gridFlow gridFlow--isLastChildWideOnTablet gridFlow--isGap16T12M8 gridFlow--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-2"> <div class="gridFlow__item"> <a class="cardLink cardLink--isClause" href="/spb/usloviya-pokupki/ipoteka/"> <div class="cardLink__heading"> <span class="h4">Ипотека. Ипотечный калькулятор</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <p class="label l2 isColorScorpion">Более 20 банков, свой ипотечный отдел</p> </div> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isClause" href="/spb/usloviya-pokupki/semeynaya-ipoteka/"> <div class="cardLink__heading"> <span class="h4">Семейная ипотека</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <p class="label l2 isColorScorpion">Для семей с детьми</p> </div> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isClause" href="/spb/usloviya-pokupki/ipoteka-po-dvum-dokumentam/"> <div class="cardLink__heading"> <span class="h4">Ипотека по двум документам</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <p class="label l2 isColorScorpion">Удобный вариант без заморочек<br> с документами</p> </div> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isClause" href="/spb/usloviya-pokupki/100-oplata/"> <div class="cardLink__heading"> <span class="h4">100% оплата</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <p class="label l2 isColorScorpion">Преимущества этого варианта сделают покупку вашей квартиры ЛСР легкой и максимально комфортной</p> </div> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isClause" href="/spb/usloviya-pokupki/oformlenie-sdelki-s-pomoshchyu-ehskrou-scheta/"> <div class="cardLink__heading"> <span class="h4">Оформление сделки с помощью эскроу-счета</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <p class="label l2 isColorScorpion">Как оформить покупку квартиры ЛСР с использованием<br> эскроу-счета</p> </div> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isClause" href="/spb/usloviya-pokupki/rassrochka-na-gotovye-kvartiry/"> <div class="cardLink__heading"> <span class="h4">Рассрочка на готовые квартиры</span> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <p class="label l2 isColorScorpion">Первый взнос от 20%, удобный график платежей</p> </div> </a> </div> </div>  <div class="isVisibleMobile isMt12"> <a href="/spb/usloviya-pokupki/" draggable="false" class="btn btn--isTransparent btn--isOutline btn--isSizeLarge"> <span class="btn__label">Все условия</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right-up"></use> </svg> </span> </span> </a> </div> </div> </div> </section> <section class="section section--isCustomMb80" id="take-with-apartment"> <div class="section__wrap container"> <div class="section__content"> <div class="projectTakeItWithApartment"> <div class="gridFlow gridFlow--isGapD16T12M8 gridFlow--isProjectTakeItWithApartment1 gridFlow--isColumns-4 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-2"> <div class="gridFlow__item gridFlow__item--isOnTabletWide"> <div class="flexFlow flexFlow--isProjectTakeItWithApartment"> <div class="flexFlow__item"> <div> <span>Возьмите вместе</span> <br /> <span class="isColorAlizarinCrimson">с квартирой</span> </div> </div> <div class="flexFlow__item"> <p class="projectTakeItWithApartment__text text isAdaptiveOnTabletT1 isColorScorpion isHiddenMobileSmall"> <span>Предлагаем рассмотреть машино-места,</span> <br /> <span>кладовые и коммерческие помещения</span> </p> </div> </div> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isSpecialPrimary" href="/spb/kommercheskaya-nedvizhimost/ruchi/"> <div class="cardLink__heading"> <div> <div>Коммерция</div> <div class="isColorSilverChalice">от 12.2 млн ₽</div> </div> </div> <button draggable="false" type="button" class="btn btn--isRound btn--isOutline btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>7 помещений</span> </div> <div class="cardLink__icon"> <span class="icon icon--isColorAlizarinCrimson icon--isSizeLarge"> <svg class="icon__src"> <use href="#icon-building-2"></use> </svg> </span> </div> </a> </div> </div> </div> </div> </div> </section> <section id="similar-objects" class="section section--isHeaderMb52 lifeComplexSection isBgWildSandOnTablet customSection"> <div class="section__wrap container"> <header class="section__header"> <div class="h1 customSection__h1"> <span>Похожие объекты</span> </div> </header> <div class="section__content"> <div class="isBgWildSandOnMobile isBorderRadius16"> <div class="flexFlow flexFlow--isJustifyContentCenter flexFlow--isFlexDirectionColumn" id="main_cards" data-js-sticky=""> <div class="projectList"> <div class="projectCard is-active"> <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/"> <div class="projectCard__title"> <span class="h3">Пейзажный квартал</span> <div class="projectCard__price"> <div class="tag"> <span>от 3.3 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#df1e42;--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <label class="metro__label">Академическая</label> <div class="metro__wayIcon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <label class="metro__distanceTime"></label> </div> <div class="metro__hintWrapper"> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#df1e42;--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span">Ещё 1</span> </button> <div class="metro__hint"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#df1e42;--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <label class="metro__label">Гражданский проспект</label> <div class="metro__wayIcon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <label class="metro__distanceTime"></label> </div> </div> </div> </div> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> <div class="tag tag--isSmall" style="background-color: #df1e42"> <img class="tag__img" src="/upload/kelnik.estate/d34/5ull8yl1rjuk53mbc5kruiwi2xhedxw8/30. Fire.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #ffffff">Скидка на квартиры 15%</span> </div> <div class="tag tag--isSmall" style="background-color: #F6F6F6"> <span style="color: #000">Новый дом в продаже!</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <a href="/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/hod-stroitelstva/" target="_blank" class="tag tag--isDark tag--isSmall tag--isOnline tag--isWithTip"> <span>Онлайн</span> <div class="tip tip--isArrowTop"> <label class="label l3">Следите за ходом<br/>строительства онлайн</label> </div> </a> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/"> <div class="projectCardSlider isHiddenTablet" data-js-projectCardSlider=""> <div class="projectCardSlider__controls" data-js-projectCardSlider-part="controls"></div> <div class="projectCardSlider__slides"> <div class="projectCardSlider__slide isActive" data-js-projectCardSlider-part="slide"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/dfa/u804ooae9snmsj5ah2kbzfng9zhwjoz9/2500х2000 - пейзж (1).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> <div class="projectCardSlider__slide false" data-js-projectCardSlider-part="slide"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/25b/nx2f86y2qgh9go715yrlxgbz2f0qncz4/2500х2000 - пейзж (3).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> </div> <div class="projectCardSlider__paginationWrapper"> <div class="projectCardSlider__pagination"> <span data-currentPage="">1</span> <span>из</span> <span data-limitPage="">2</span> </div> </div> </div> <div class="slider isVisibleTablet"> <div class="slider__container swiper projectCardSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide projectCard__sliderImage"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/dfa/u804ooae9snmsj5ah2kbzfng9zhwjoz9/2500х2000 - пейзж (1).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> <div class="slider__slide swiper-slide projectCard__sliderImage"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/25b/nx2f86y2qgh9go715yrlxgbz2f0qncz4/2500х2000 - пейзж (3).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> </div> </div> <div class="slider__controls"> <div class="slider__pagination"></div> </div> </div> </a> <div class="projectCard__buttonsWrapper"> <div class="projectCard__buttons"> <a href="/spb/zhilye-kompleksy/tsvetnoy-gorod-pejzazhnyj-kvartal/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=118" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active"> <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/"> <div class="projectCard__title"> <span class="h3">Октябрьская набережная</span> <div class="projectCard__price"> <div class="tag"> <span>от 4.5 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1b9958;--iconColor:#1b9958"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <label class="metro__label">Ломоносовская</label> <div class="metro__wayIcon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <label class="metro__distanceTime"></label> </div> <div class="metro__hintWrapper"> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#dd700c;--iconColor:#dd700c"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span">Ещё 1</span> </button> <div class="metro__hint"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#dd700c;--iconColor:#dd700c"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <label class="metro__label">Улица Дыбенко</label> <div class="metro__wayIcon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <label class="metro__distanceTime"></label> </div> </div> </div> </div> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> <div class="tag tag--isSmall" style="background-color: #df1e42"> <img class="tag__img" src="/upload/kelnik.estate/d34/5ull8yl1rjuk53mbc5kruiwi2xhedxw8/30. Fire.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #ffffff">Скидка на квартиры 15%</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <a href="/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/hod-stroitelstva/" target="_blank" class="tag tag--isDark tag--isSmall tag--isOnline tag--isWithTip"> <span>Онлайн</span> <div class="tip tip--isArrowTop"> <label class="label l3">Следите за ходом<br/>строительства онлайн</label> </div> </a> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/"> <div class="projectCardSlider isHiddenTablet" data-js-projectCardSlider=""> <div class="projectCardSlider__controls" data-js-projectCardSlider-part="controls"></div> <div class="projectCardSlider__slides"> <div class="projectCardSlider__slide isActive" data-js-projectCardSlider-part="slide"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/6ca/otrmu0b87cn2ktl7h9u37iw2o3ibbkt3/2500х2000 - окт наб (1).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> <div class="projectCardSlider__slide false" data-js-projectCardSlider-part="slide"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/969/be9hcwqs1huxr3h93ny5tnldqg1xyra3/2500х2000 - окт наб (2).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> </div> <div class="projectCardSlider__paginationWrapper"> <div class="projectCardSlider__pagination"> <span data-currentPage="">1</span> <span>из</span> <span data-limitPage="">2</span> </div> </div> </div> <div class="slider isVisibleTablet"> <div class="slider__container swiper projectCardSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide projectCard__sliderImage"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/6ca/otrmu0b87cn2ktl7h9u37iw2o3ibbkt3/2500х2000 - окт наб (1).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> <div class="slider__slide swiper-slide projectCard__sliderImage"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/969/be9hcwqs1huxr3h93ny5tnldqg1xyra3/2500х2000 - окт наб (2).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> </div> </div> <div class="slider__controls"> <div class="slider__pagination"></div> </div> </div> </a> <div class="projectCard__buttonsWrapper"> <div class="projectCard__buttons"> <a href="/spb/zhilye-kompleksy/oktyabrskaya-naberezhnaya/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=145" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active"> <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/tsvetnoy-gorod/"> <div class="projectCard__title"> <span class="h3">Цветной город</span> <div class="projectCard__price"> <div class="tag"> <span>от 3.4 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#df1e42;--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <label class="metro__label">Гражданский проспект</label> <div class="metro__wayIcon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <label class="metro__distanceTime"></label> </div> <div class="metro__hintWrapper"> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#df1e42;--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span">Ещё 1</span> </button> <div class="metro__hint"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#df1e42;--iconColor:#df1e42"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <label class="metro__label">Академическая</label> <div class="metro__wayIcon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <label class="metro__distanceTime"></label> </div> </div> </div> </div> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> <div class="tag tag--isSmall" style="background-color: #df1e42"> <img class="tag__img" src="/upload/kelnik.estate/d34/5ull8yl1rjuk53mbc5kruiwi2xhedxw8/30. Fire.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #ffffff">Скидка на квартиры 15%</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/tsvetnoy-gorod/"> <div class="projectCardSlider isHiddenTablet" data-js-projectCardSlider=""> <div class="projectCardSlider__controls" data-js-projectCardSlider-part="controls"></div> <div class="projectCardSlider__slides"> <div class="projectCardSlider__slide isActive" data-js-projectCardSlider-part="slide"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/dcf/j380h3rexjvp6j8ieewgh3zvo4pgnz6k/2500х2000 - цветн город (1).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> <div class="projectCardSlider__slide false" data-js-projectCardSlider-part="slide"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/06b/538eumhwovgq8j8o2vvgce1v244e9ak8/2500х2000 - цветн город (2).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> </div> <div class="projectCardSlider__paginationWrapper"> <div class="projectCardSlider__pagination"> <span data-currentPage="">1</span> <span>из</span> <span data-limitPage="">2</span> </div> </div> </div> <div class="slider isVisibleTablet"> <div class="slider__container swiper projectCardSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide projectCard__sliderImage"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/dcf/j380h3rexjvp6j8ieewgh3zvo4pgnz6k/2500х2000 - цветн город (1).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> <div class="slider__slide swiper-slide projectCard__sliderImage"> <img src="https://cdn.static.lsr.ru/upload/kelnik.estate/06b/538eumhwovgq8j8o2vvgce1v244e9ak8/2500х2000 - цветн город (2).jpg" class="projectCard__image" alt="" decoding="async" loading="lazy" /> </div> </div> </div> <div class="slider__controls"> <div class="slider__pagination"></div> </div> </div> </a> <div class="projectCard__buttonsWrapper"> <div class="projectCard__buttons"> <a href="/spb/zhilye-kompleksy/tsvetnoy-gorod/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=55" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section section--isMb32 section--isPrimaryHeader"> <div class="section__wrap container"> <header class="section__header"> <h2 class="isOnMobileMinimumCustomH1">Выберите квартиру</h2> </header> <div class="section__content"> <div class="projectSeo"> <div class="gridFlow gridFlow--isPrimary gridFlow--isColumns-4 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1 gridFlow--isRowGapL gridFlow--isColumnGapSm"> <div class="gridFlow__item"> <h3 class="projectSeo__blockHeading label l2">По комнатности</h3> <div class="gridFlow gridFlow--isSecondary gridFlow--isColumns-1 gridFlow--isTabletColumns-1 gridFlow--isMobileColumns-2 gridFlow--isGapXs"> <div class="gridFlow__item "> <a class="cardLink cardLink--isCustomQuaternary" href="/spb/kvartiry-v-novostroikah/ruchi/studii/"> <div class="cardLink__heading"> <span>Студии</span> </div> <button draggable="false" type="button" class="btn btn--isCustomBright btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>от 3,7 млн руб.</span> </div> </a> </div> <div class="gridFlow__item "> <a class="cardLink cardLink--isCustomQuaternary" href="/spb/kvartiry-v-novostroikah/ruchi/1-komnatnye/"> <div class="cardLink__heading"> <span>Однокомнатные</span> </div> <button draggable="false" type="button" class="btn btn--isCustomBright btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>от 5,6 млн руб.</span> </div> </a> </div> <div class="gridFlow__item "> <a class="cardLink cardLink--isCustomQuaternary" href="/spb/kvartiry-v-novostroikah/ruchi/2-komnatnye/"> <div class="cardLink__heading"> <span>Двухкомнатные</span> </div> <button draggable="false" type="button" class="btn btn--isCustomBright btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>от 10,6 млн руб.</span> </div> </a> </div> <div class="gridFlow__item "> <a class="cardLink cardLink--isCustomQuaternary" href="/spb/kvartiry-v-novostroikah/ruchi/3-komnatnye/"> <div class="cardLink__heading"> <span>Трехкомнатные</span> </div> <button draggable="false" type="button" class="btn btn--isCustomBright btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__label"> <span>от 11 млн руб.</span> </div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <div class="pageMenu pageMenu--isDesktopVisible pageMenu--isAuxSlot" data-js-pageMenu="{"enableModel":true,"isCustomScroll":true}"> <div class="pageMenu__container"> <div class="flexFlow flexFlow--isWrap"> <div class="flexFlow__item flexFlow__item--isAuxSlot"> <div class="projectMultiObjectAuxLinks" data-js-ProjectMultiObjectAuxLinks="{"url":"/ajax/multiobject.php","mq":"tabletMedium","currentObjData":{"object":"ruchi","domainPath":"/spb","obj":"177"}}"> <div class="popover popover--isActiveRotateIcon" data-js-Popover="{"placement":"top-start","events":["click"],"offset":{"mainAxis":28,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false}"> <button draggable="false" type="button" class="btn btn--isOpen btn--isIconSize8 btn--isSizeLarge" data-js-PopoverToggleBtn="true" data-js-ProjectMultiObjectAuxLinksToggleBtn=""> <span class="btn__label">Все очереди</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-dropdown"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="projectMultiObjectAuxLinks__wrapper"> <div class="projectMultiObjectAuxLinks__header"> <button draggable="false" type="button" class="btn btn--isRound btn--isClose btn--isBack btn--isOutline btn--isOnlyIcon btn--isSizeLarge" data-js-ProjectMultiObjectAuxLinksCloseBtn="" data-js-PopoverCloseEl="true" title="Закрыть"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-left"></use> </svg> </span> </span> </button> <h3 class="projectMultiObjectAuxLinks__heading h4"> <span class="isHiddenMobile">Дома</span> <span class="isVisibleMobile">Выбор дома</span> </h3> <button draggable="false" type="button" class="btn btn--isRound btn--isClose btn--isOutline btn--isOnlyIcon btn--isSizeLarge" data-js-ProjectMultiObjectAuxLinksCloseBtn="" data-js-PopoverCloseEl="true" title="Закрыть"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-close"></use> </svg> </span> </span> </button> </div> <div class="projectMultiObjectAuxLinks__list" data-js-ProjectMultiObjectAuxLinksList="" data-js-OverlayScrollbars="{"options":{"scrollbars":{"theme":"isOsThemeDark"}}}"> <div class="projectMultiObjectAuxLinks__listItem"> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium isDisabled" data-js-PopoverCloseEl="" data-js-ProjectMultiObjectAuxLinksLink="{"object":"ruchi","domainPath":"/spb","obj":"177"}"> <span class="btn__label">Все очереди</span> </button> </div> <div class="projectMultiObjectAuxLinks__listItem"> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium " data-js-PopoverCloseEl="" data-js-ProjectMultiObjectAuxLinksLink="{"object":"ruchi-ochered-2","domainPath":"/spb","obj":"199"}"> <span class="btn__label">Очередь 2</span> </button> </div> <div class="projectMultiObjectAuxLinks__listItem"> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium " data-js-PopoverCloseEl="" data-js-ProjectMultiObjectAuxLinksLink="{"object":"ruchi-ochered-1","domainPath":"/spb","obj":"121"}"> <span class="btn__label">Очередь 1</span> </button> </div> </div> <div class="projectMultiObjectAuxLinks__footer"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-ProjectMultiObjectAuxLinksApplyBtn="" data-js-PopoverCloseEl="true" title="Применить"> <span class="btn__label">Применить</span> </button> </div> </div> </div> </div> </div> </div> <div class="flexFlow pageMenu__pagesList"> <a href="#description" class="btn btn--isSizeMedium "> <span class="btn__label">О проекте</span> </a> <a href="#complex-plan" class="btn btn--isSizeMedium "> <span class="btn__label">Генплан</span> </a> <a href="#conditions-purchase" class="btn btn--isSizeMedium "> <span class="btn__label">Условия покупки</span> </a> <a href="#take-with-apartment" class="btn btn--isSizeMedium "> <span class="btn__label">Коммерция, паркинг, кладовые</span> </a> <a href="#onlineTranslation" class="btn btn--isOnline btn--isSizeMedium " data-js-modal-open> <span class="btn__label">Онлайн</span> </a> <a href="#similar-objects" class="btn btn--isSizeMedium "> <span class="btn__label">Похожие ЖК</span> </a> </div> <div class="flexFlow pageMenu__buttonsList"> <div class="popover popover--isActiveRotateIcon" data-js-Popover="{"placement":"top-start","events":["click"],"offset":{"mainAxis":24,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"9px","isToggleBtnLabelChange":true}"> <button draggable="false" type="button" class="btn btn--isFullWidth btn--isOpenBtn btn--isOutline btn--isSizeLarge" data-js-PopoverToggleBtn="true"> <span class="btn__label">О проекте</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-dropdown"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <ul class="pageMenu__dropdownMenuList"> <li class="pageMenu__dropdownMenuItem"> <a href="#description" class="btn btn--isBright btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">О проекте</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="#complex-plan" class="btn btn--isBright btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Генплан</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="#conditions-purchase" class="btn btn--isBright btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Условия покупки</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="#take-with-apartment" class="btn btn--isBright btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Коммерция, паркинг, кладовые</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="#onlineTranslation" class="btn btn--isOnline btn--isSizeMedium " data-js-PopoverCloseEl="true" data-js-modal-open> <span class="btn__label">Онлайн</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="#similar-objects" class="btn btn--isBright btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Похожие ЖК</span> </a> </li> </ul> </div> </div> <a role="button" href="#callConsult" class="btn btn--isConsult btn--isHiddenTablet btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Консультация</span> </a> <a role="button" href="/spb/kvartiry-v-novostroikah/ruchi/" class="btn btn--isShadowBright btn--isChooseFlat btn--isHiddenMobileSmall btn--isSizeLarge"> <span class="btn__label"> <span class="isHiddenTablet">Квартиры</span> <span class="isVisibleTablet">Выбрать квартиру</span> </span> </a> <a href="#callConsult" class="btn btn--isRound btn--isHiddenTablet btn--isOnlyIcon btn--isSizeLarge" data-js-modal-open=""> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-phone"></use> </svg> </span> </span> </a> <a role="button" href="tel:8 (800) 325-01-01" class="btn btn--isRound btn--isVisibleTablet btn--isOnlyIcon btn--isSizeLarge "> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-phone"></use> </svg> </span> </span> </a> <div class="isDisplayNone"> <div id="callConsult" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form id="call_consult" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/requests/call.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/requests/call.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","hash":"call","activeStep":"0","steps":{"0":{"id":"0","successId":"1","errorId":"2"},"1":{"id":"1","dataLayerCase":"flatSuccessTransaction","closeReset":"form","timer":{"time":3,"action":"close"}},"2":{"id":"2","closeReset":"form"}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered">Заявка на звонок</div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="ФИО полностью" class="formLabel" for="name"> <span class="formLabel__label">ФИО полностью</span> </label> <input class="formInput" id="name" name="name" type="text" placeholder="Введите ФИО" required="" autoComplete="name" data-js-input-required="true" title="Введите ФИО" inputMode="text" data-js-InputMask="fullName" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel" for="phone"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput" id="phone" name="phone" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="type_card" name="type_card" type="hidden" tabindex="-1" value="объект" /> <input id="card_name" name="card_name" type="hidden" tabindex="-1" value="Ручьи" /> <input id="object_id" name="object_id" type="hidden" tabindex="-1" value="177" /> <input id="site" name="site" type="hidden" tabindex="-1" value="/spb" /> <input id="link" name="link" type="hidden" tabindex="-1" value="/spb/zhilye-kompleksy/ruchi/" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Данные отправлены. <br /> <span>Мы перезвоним </span> <br class="isHiddenMobile" />и поможем </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb24 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden" for="extra[3]"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных </span> </label> <label class="checkbox checkbox--isALignItemsCenter checkbox--isRequired"> <input class="checkbox__input" id="extra[3]" name="extra[3]" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> Я даю <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/soglasie" target="_blank">согласие на обработку моих персональных данных</a> и подтверждаю, что ознакомился с <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/privacy" target="_blank">Политикой в отношении обработки персональных данных в «ЛСР. Недвижимость-Северо-Запад, ООО» </a> и <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/sved" target="_blank">сведениями о реализуемых требованиях к защите персональных данных</a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Отправить</span> </button> </div> </div> </div> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="1"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson"> через <span data-js-DynamicFormTimer="1"></span>...</span> </span> </div> <div class="isInvisible" data-js-DynamicFormStep="2"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div id="subscribeAction" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form id="subscribeActionForm" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/subscribe.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/subscribe.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","activeStep":"0","steps":{"0":{"id":"0","successId":"1","errorId":"2"},"2":{"id":"2","closeReset":"form"},"1":{"id":"1","closeReset":"form","timer":{"time":3,"action":"close"}}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16"> <div class="form__row form__row--isMb16 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered">Подписка на акции</div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <p class="isWidthD300T440M300 isMinlineAuto isTextCentered text t2 isColorScorpion"> Не упустите выгодные предложения, получайте уведомления об акциях в ЖК Ручьи</p> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Электронная почта" class="formLabel formLabel--isFontSize13" for="email"> <span class="formLabel__label">Электронная почта</span> </label> <input class="formInput" id="email" name="email" type="email" placeholder="mail@example.com" required="" autoComplete="email" data-js-input-required="email" title="Введите адрес электронной почты" inputMode="email" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""></div> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormMessageTextEl=""></div> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="action" name="action" type="hidden" tabindex="-1" value="SUBSCRIBE" /> <input id="event" name="event" type="hidden" tabindex="-1" value="news" /> <input id="type" type="hidden" name="type" tabindex="-1" value="offers"> <input id="objectId" name="objectId" type="hidden" tabindex="-1" value="177" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Данные отправлены. <br />Первое письмо уже <br />ждёт на почте </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb24 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden" for="extra3"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных</span> </label> <label class="checkbox checkbox--isALignItemsCenter checkbox--isRequired"> <input class="checkbox__input" id="extra3" name="extra[3]" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <span>Я согласен(-на) c </span> <a href="/upload/kelnik.estate/8c2/processing-of-personal-data.pdf" target="_blank" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto "> <span> <span>условиями </span> <br class="isHiddenOnlyTablet" /> <span>обработки персональных данных</span> </span> </a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""></div> </div> </div> </div> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Подписаться</span> </button> </div> </div> </div> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="1"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson">через <span data-js-DynamicFormTimer="1"></span>...</span> </span> </div> <div class="isInvisible" data-js-DynamicFormStep="2"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> <div id="subscribeNews" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form id="subscribeNewsForm" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/subscribe.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/subscribe.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","activeStep":"0","steps":{"0":{"id":"0","successId":"1","errorId":"2"},"2":{"id":"2","closeReset":"form"},"1":{"id":"1","closeReset":"form","timer":{"time":3,"action":"close"}}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16"> <div class="form__row form__row--isMb16 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered"> <span>Подписка на </span> <br class="isVisibleMobile" />новости </div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <p class="isWidthD300T440M300 isMinlineAuto isTextCentered text t2 isColorScorpion"> Следите за новостями в ЖК Ручьи. Вы будете получать только обновления ЛСР, никакой рекламы</p> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Электронная почта" class="formLabel formLabel--isFontSize13" for="email"> <span class="formLabel__label">Электронная почта</span> </label> <input class="formInput" id="email" name="email" type="email" placeholder="mail@example.com" required="" autoComplete="email" data-js-input-required="email" title="Введите адрес электронной почты" inputMode="email" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""></div> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormMessageTextEl=""></div> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="action" name="action" type="hidden" tabindex="-1" value="SUBSCRIBE" /> <input id="event" name="event" type="hidden" tabindex="-1" value="news" /> <input id="type" type="hidden" name="type" tabindex="-1" value="object"> <input id="objectId" name="objectId" type="hidden" tabindex="-1" value="177" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Данные отправлены. <br />Первое письмо уже <br />ждёт на почте </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb24 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden" for="extra3"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных</span> </label> <label class="checkbox checkbox--isALignItemsCenter checkbox--isRequired"> <input class="checkbox__input" id="extra3" name="extra[3]" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <span>Я согласен(-на) c </span> <a href="/upload/kelnik.estate/8c2/processing-of-personal-data.pdf" target="_blank" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto "> <span> <span>условиями </span><br class="isHiddenOnlyTablet" /> <span>обработки персональных данных</span> </span> </a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""></div> </div> </div> </div> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Подписаться</span> </button> </div> </div> </div> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="1"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson">через <span data-js-DynamicFormTimer="1"></span>...</span> </span> </div> <div class="isInvisible" data-js-DynamicFormStep="2"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> </div> </main> <div class="pageLayout__footer"> <footer class="footer"> <div class="container"> <div class="footer__container"> <div class="footer__topRow"> </div> <div class="footer__middleRow"> <div class="footer__middleRowNav"> <div class="footer__logoLsrWrapper"> <a class="logo logo--isSecondary" rel="home" href="/spb/"> <img class="logo__img" src="/frontend/build/assets/images/logos/lsr.svg" alt="Логотип" width="87" height="28" loading="lazy" decoding="async" /> </a> </div> <div class="footer__menuBtnWrapper"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isDark btn--isSizeMedium " title="Объекты"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-building"></use> </svg> </span> </span> <span class="btn__label">Объекты</span> </a> </div> <div class="footer__navWrapper"> <nav class="nav nav--isPrimary"> <ul class="nav__list"> <li class="nav__item"> <a href="/spb/o_kompanii/" class="btn btn--isLink btn--isSizeMedium " title="О нас"> <span class="btn__label">О нас</span> </a> </li> <li class="nav__item"> <a href="/spb/novosti/" class="btn btn--isLink btn--isSizeMedium " title="Новости"> <span class="btn__label">Новости</span> </a> </li> <li class="nav__item"> <a href="/spb/usloviya-pokupki/" class="btn btn--isLink btn--isSizeMedium " title="Как купить"> <span class="btn__label">Как купить</span> </a> </li> <li class="nav__item"> <a href="/spb/kachestvo/" class="btn btn--isLink btn--isSizeMedium " title="Квартирономика"> <span class="btn__label">Квартирономика</span> </a> </li> <li class="nav__item"> <a href="/spb/offers/" class="btn btn--isLink btn--isSizeMedium " title="Акции"> <span class="btn__label">Акции</span> </a> </li> <li class="nav__item"> <a href="/spb/kontakty/" class="btn btn--isLink btn--isSizeMedium " title="Контакты"> <span class="btn__label">Контакты</span> </a> </li> <li class="nav__item"> <a href="/spb/online/" class="btn btn--isLink btn--isSizeMedium btn--isOnline " title="Онлайн"> <span class="btn__label">Онлайн</span> </a> </li> <li class="nav__item"> <a href="/spb/dolshchikam/" class="btn btn--isLink btn--isSizeMedium " title="Дольщикам"> <span class="btn__label">Дольщикам</span> </a> </li> </ul> </nav> </div> <div class="footer__telWrapper"> <a href="tel:88003250101" class="btn btn--isPrimaryLink btn--isSizeMedium"> <span class="btn__label">8 (800) 325-01-01</span> </a> </div> <div class="footer__feedbackBtnWrapper"> <a href="#message_form" class="btn btn--isSizeLarge" data-js-modal-open=""> <span class="btn__label">Напишите нам</span> </a> </div> </div> <div class="footer__middleRowMenu"> <div class="footer__middleRowMenuLinks"> <div id="footerCityLinkWrapper" class="footer__cityLinkWrapper"> <div class="popover popover--isMinWidth200" data-js-Popover='{"placement":"bottom-start","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isLink btn--isSizeAuto" data-js-PopoverToggleBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-navigation"></use> </svg> </span> </span> <span class="btn__label">Санкт-Петербург</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="cityList"> <ul class="cityList__list"> <li class="cityList__item"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium isDisabled" data-js-PopoverCloseEl="true"> <span class="btn__label">Санкт-Петербург</span> </a> </li> <li class="cityList__item"> <a href="/msk/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Москва</span> </a> </li> <li class="cityList__item"> <a href="/ekb/zhilye-kompleksy/" class="btn btn--isSecondaryLink btn--isCityLink btn--isSizeMedium " data-js-PopoverCloseEl="true"> <span class="btn__label">Екатеринбург</span> </a> </li> </ul> </div> </div> </div> </div> <p class="footer__information"> <span class="footer__informationText">Проектные декларации и подлежащая раскрытию информация о застройщике и проектах строительства размещены на сайте ЕИСЖС</span> <a href="https://xn--80az8a.xn--d1aqf.xn--p1ai/" rel="nofollow" target="_blank" class="btn btn--isSecondaryLink btn--isInformationLink btn--isSizeMedium "> <span class="btn__label"> наш.дом.рф.</span> </a> </p> <div class="footer__copyrightWrapper"> <span class="footer__copyright">© 2024, Группа ЛСР. <br />Все права защищены. </span> </div> <div class="footer__logoIdaWrapper"> <div class="logo logo--isTertiary"> <img class="logo__img" src="/frontend/build/assets/images/logos/ida-project.svg" alt="Логотип" width="100" height="28" loading="lazy" decoding="async" /> </div> <span class="footer__logoIdaMotto">Лучшие цифровые <br />продукты для недвижимости </span> </div> </div> <div id="accordionGroup0" class="footer__middleRowMenuSections"> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Условия покупки</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/usloviya-pokupki/ipoteka/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Рассрочка"> <span class="btn__label">Ипотека</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/usloviya-pokupki/rassrochka-na-gotovye-kvartiry/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Рассрочка"> <span class="btn__label">Рассрочка</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/usloviya-pokupki/100-oplata/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="100% оплата"> <span class="btn__label">100% оплата</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/usloviya-pokupki/materinskii-kapital/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Материнский капитал"> <span class="btn__label">Материнский капитал</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/usloviya-pokupki/voennaya-ipoteka/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Военная ипотека"> <span class="btn__label">Военная ипотека</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/usloviya-pokupki/subsidii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Субсидии"> <span class="btn__label">Субсидии</span> </a> </li> </ol> </div> </div> </div> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Район</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/admiraltejskij/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Адмиралтейский"> <span class="btn__label">Адмиралтейский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/vasileostrovskiy/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Василеостровский"> <span class="btn__label">Василеостровский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/vsevolozhskij/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Всеволожский"> <span class="btn__label">Всеволожский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/krasnogvardeiskii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Красногвардейский"> <span class="btn__label">Красногвардейский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/krasnoselskii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Красносельский"> <span class="btn__label">Красносельский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/moskovskii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Московский"> <span class="btn__label">Московский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/nevskii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Невский"> <span class="btn__label">Невский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/petrogradskii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Петроградский"> <span class="btn__label">Петроградский</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/pushkinskiy/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Пушкинский"> <span class="btn__label">Пушкинский</span> </a> </li> </ol> </div> </div> </div> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Метро</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-avtovo/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Автово"> <span class="btn__label">Автово</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-akademicheskaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Академическая"> <span class="btn__label">Академическая</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-baltijskaja/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Балтийская"> <span class="btn__label">Балтийская</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-grazhdanskiy-prospekt/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Гражданский проспект"> <span class="btn__label">Гражданский проспект</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-zvezdnaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Звездная"> <span class="btn__label">Звездная</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-krestovskij-ostrov/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Крестовский остров"> <span class="btn__label">Крестовский остров</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-leninskij-prospekt/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Ленинский проспект"> <span class="btn__label">Ленинский проспект</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-moskovskaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Московская"> <span class="btn__label">Московская</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-primorskaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Приморская"> <span class="btn__label">Приморская</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-sportivnaya/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Спортивная"> <span class="btn__label">Спортивная</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-ulica-dybenko/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Улица Дыбенко"> <span class="btn__label">Улица Дыбенко</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/metro-tekhnologicheskij-institut/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Технологический институт"> <span class="btn__label">Технологический институт</span> </a> </li> </ol> </div> </div> </div> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Комнатность</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/studii/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Студии"> <span class="btn__label">Студии</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/1-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="1-комнатные"> <span class="btn__label">1-комнатные</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/2-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="2-комнатные"> <span class="btn__label">2-комнатные</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/3-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="3-комнатные"> <span class="btn__label">3-комнатные</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/4-komnatnye/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="4-комнатные"> <span class="btn__label">4-комнатные</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Все квартиры"> <span class="btn__label">Все квартиры</span> </a> </li> </ol> </div> </div> </div> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Готовность</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/sdannye-doma/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Готовые"> <span class="btn__label">Готовые</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/stroyaschiesya-doma/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Строящиеся"> <span class="btn__label">Строящиеся</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/2024/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Сдаются в 2024"> <span class="btn__label">Сдаются в 2024</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/2025/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Сдаются в 2025"> <span class="btn__label">Сдаются в 2025</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/2026plus/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Сдаются в 2026 и позже"> <span class="btn__label">Сдаются в 2026 и позже</span> </a> </li> </ol> </div> </div> </div> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Отделка</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/s-otdelkoi/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Квартиры с отделкой"> <span class="btn__label">Квартиры с отделкой</span> </a> </li> </ol> </div> </div> </div> <div class="accordion accordion--isSecondary" data-js-accordion="{"> <div class="accordion__summary" data-js-accordionsummary=""> <span class="accordion__summaryInner"> <span class="accordion__title">Класс</span> <button draggable="false" type="button" class="btn btn--isAccordion btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-accordionbtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </button> </span> </div> <div class="accordion__content" data-js-accordioncontent=""> <div class="accordion__contentInner"> <ol class="footer__sectionLinkList"> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/komfort-class/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="ЖК комфорт-класса"> <span class="btn__label">ЖК комфорт-класса</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/biznes-class/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="ЖК бизнес-класса"> <span class="btn__label">ЖК бизнес-класса</span> </a> </li> <li class="footer__sectionItem"> <a href="/spb/kvartiry-v-novostroikah/elitnye-doma/" class="btn btn--isSecondaryLink btn--isSectionLink btn--isSizeMedium " title="Элитная недвижимость"> <span class="btn__label">Элитная недвижимость</span> </a> </li> </ol> </div> </div> </div> </div> <br> </div> </div> <div class="footer__bottomRow"> <div class="socialLinkSlider"> <div class="slider"> <div class="slider__container swiper socialLinkSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide socialLinkSlider__apps"> <p class="socialLinkSlider__heading">Скачайте приложение по ссылке или QR</p> <ol class="socialLinkSlider__linkList"> <li class="socialLinkSlider__linkItem"> <div class="appLink"> <div class="popover popover--isSquare" data-js-Popover="{"placement":"left","events":["click"],"offset":{"mainAxis":-75,"crossAxis":-30,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false,"mq":"min-width:641px"}"> <a class="btn btn--isHollow btn--isSizeAuto" href="https://play.google.com/store/apps/details?id=ru.lsr.android" data-js-PopoverToggleBtn="true" title="Доступно в Google Play"> <div class="appLink__btnContainer"> <div class="appLink__btnImgContainer"> <img class="appLink__storeImg" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/logos/google-play.svg" width="18" height="22" /> <img class="appLink__StoreLabel" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/google-play-link.svg" width="60" height="18" /> </div> <img class="appLink__storeQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code.jpg" width="36" height="40" /> </div> </a> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <img class="appLink__storeFullQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code-full.jpg" width="144" height="144" /> </div> </div> </div> </li> <li class="socialLinkSlider__linkItem"> <div class="appLink"> <div class="popover popover--isSquare" data-js-Popover="{"placement":"left","events":["click"],"offset":{"mainAxis":-75,"crossAxis":-30,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false,"mq":"min-width:641px"}"> <a class="btn btn--isHollow btn--isSizeAuto" href="https://apps.apple.com/ru/app/%D0%BB%D1%81%D1%80/id1474955418" data-js-PopoverToggleBtn="true" title="Доступно в App Store"> <div class="appLink__btnContainer"> <div class="appLink__btnImgContainer appLink__btnImgContainer--isLinkSlider"> <img class="appLink__storeImg" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/logos/appstore.svg" width="18" height="22" /> <img class="appLink__StoreLabel" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/appstore-link.svg" width="60" height="18" /> </div> <img class="appLink__storeQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code.jpg" width="36" height="40" /> </div> </a> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <img class="appLink__storeFullQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code-full.jpg" width="144" height="144" /> </div> </div> </div> </li> <li class="socialLinkSlider__linkItem"> <div class="appLink"> <div class="popover popover--isSquare" data-js-Popover="{"placement":"left","events":["click"],"offset":{"mainAxis":12,"crossAxis":-30,"alignmentAxis":0},"flip":{"fallbackAxisSideDirection":"start"},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false,"mq":"min-width:641px"}"> <a class="btn btn--isHollow btn--isSizeAuto" href="https://www.rustore.ru/catalog/app/ru.lsr.android" data-js-PopoverToggleBtn="true" title="Доступно в RuStore"> <div class="appLink__btnContainer"> <div class="appLink__btnImgContainer appLink__btnImgContainer--isLinkSlider"> <img class="appLink__storeImg" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/logos/rustor.svg" width="18" height="18" /> <img class="appLink__StoreLabel" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/rustore-link.svg" width="76" height="18" /> </div> <img class="appLink__storeQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code.jpg" width="36" height="40" /> </div> </a> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <img class="appLink__storeFullQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code-full.jpg" width="144" height="144" /> </div> </div> </div> </li> </ol> </div> <div class="slider__slide swiper-slide"> <div class="applicationLinkForm" data-js-ApplicationLinkForm='{"csrfUrl":"/ajax/csrf.php"}'> <form autoComplete="off" class="form" id="appForm" data-js-form='{"url":"/ajax/app.php","method":"POST","isLiveValidation":true,"isOpenErrorModal":true}' novalidate="" action="/ajax/app.php"> <div class="form__header"> <p class="applicationLinkForm__heading"> <span class="applicationLinkForm__headingText applicationLinkForm__headingText--isInactive"> Получите ссылку на приложение в СМС</span> <span class="applicationLinkForm__headingText applicationLinkForm__headingText--isActive"> Ссылка отправлена! Проверьте сообщения</span> </p> </div> <div class="form__body"> <div class="form__row form__row--isFirstRow form__row--isColumns-2"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isHidden"> <input class="formInput" id="field0" name="message_bot" type="email" autoComplete="off" inputMode="email" data-js-ApplicationLinkFormEmailInput="true" value="" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> </div> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel formLabel--isHidden formLabel--isRequired"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput formInput--isHeight40" id="field1" name="phone" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isCustomPrimary btn--isRound btn--isSubmitBtn btn--isOnlyIcon btn--isSizeLarge" data-js-ApplicationLinkFormSubmitBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </div> </div> </div> <div class="form__row form__row--isSecondRow form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="button" class="btn btn--isCustomPrimary btn--isFullWidth btn--isRetryBtn btn--isSizeLarge" data-js-ApplicationLinkFormRetryBtn="true"> <span class="btn__label">Ввести номер заново</span> </button> </div> </div> </div> </div> </form> </div> </div> <div class="slider__slide slider__slide--isPrimary swiper-slide"> <p class="socialLinkSlider__heading"> <span class="socialLinkSlider isColorAlizarinCrimson">Подписывайтесь </span> <span>на нас в социальных сетях</span> </p> <div class="socialLinkSlider__sliderContainer"> <ul class="socialLinkList"> <li class="socialLinkList__item" title="Вк Сбп"> <a href="https://vk.com/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/126/pmlj9a5sdjfhd30kpmztls6x94f6kuss/VK.com-logo 1.svg" alt="Вк Сбп" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Youtube Спб"> <a href="https://www.youtube.com/user/lsrestate" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/bad/8fmqugwc2obnux5bvrlawg8htsr2bl60/YouTube_Logo_2017 1.svg" alt="Youtube Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Телеграм Спб"> <a href="https://t.me/lsr_spb" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/9c5/2jxk4osym7w82ym3zs9odil33ypknpm8/telega-round.svg" alt="Телеграм Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Дзен СПБ"> <a href="https://dzen.ru/lsrspb " target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/700/z06yn8jpesvb82p6ry3nvz1t3wn6yny4/Yandex_Zen_logo_icon_Good.svg" alt="Дзен СПБ" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Одноклассники СПб"> <a href="https://ok.ru/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/bbe/k73czm2hnv63lpqgubevderuxk5zphkk/Odnoklassniki.svg" alt="Одноклассники СПб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> </ul> <span class="icon icon--isColorAlizarinCrimson icon--isSizeMax"> <svg class="icon__src"> <use href="#icon-message"></use> </svg> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="appPopup" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal=""> <div class="isCustomH4 isHiddenMobile isMb16 isTextCentered">Больше возможностей <br />в мобильном приложении </div> <div class="isCustomH4 isVisibleMobile isMb24 isTextCentered">Больше <br />возможностей <br />в приложении </div> <ul class="isTextCentered ul"> <li>удобный поиск</li> <li>запись к менеджеру на консультацию</li> <li>запись на экскурсию на объект</li> </ul> <div class="isColorWildSandBg isBorderRadius16 isP24 isMb16 isMtAuto"> <p class="label l2 isMb32 bold isHiddenMobile">Скачивайте приложение по ссылке или QR</p> <p class="label l2 isMb32 bold isVisibleMobile">Скачивайте приложение по ссылке</p> <div class="flexFlow flexFlow--isGap8"> <div class="flexFlow__item flexFlow__item--isOnTabletFlexGrow"> <div class="appLink appLink--isPopup"> <div class="popover popover--isSquare" data-js-Popover='{"placement":"left","events":["click"],"offset":{"mainAxis":0,"crossAxis":-30,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isHollow btn--isSizeAuto" data-js-PopoverToggleBtn="true"> <div class="appLink__btnContainer"> <div class="appLink__btnImgContainer"> <img class="appLink__storeImg" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/logos/google-play.svg" width="18" height="22" /> <img class="appLink__StoreLabel" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/google-play-link.svg" width="60" height="18" /> </div> <img class="appLink__storeQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code.jpg" width="36" height="40" /> </div> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <img class="appLink__storeFullQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code-full.jpg" width="144" height="144" /> </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isOnTabletFlexGrow"> <div class="appLink appLink--isPopup"> <div class="popover popover--isSquare" data-js-Popover='{"placement":"left","events":["click"],"offset":{"mainAxis":0,"crossAxis":-30,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isHollow btn--isSizeAuto" data-js-PopoverToggleBtn="true"> <div class="appLink__btnContainer"> <div class="appLink__btnImgContainer appLink__btnImgContainer--isLinkSlider"> <img class="appLink__storeImg" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/logos/appstore.svg" width="18" height="22" /> <img class="appLink__StoreLabel" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/appstore-link.svg" width="60" height="18" /> </div> <img class="appLink__storeQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code.jpg" width="36" height="40" /> </div> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <img class="appLink__storeFullQr" loading="lazy" decoding="async" alt="" src="/frontend/build/assets/images/social-links/qr-code-full.jpg" width="144" height="144" /> </div> </div> </div> </div> </div> </div> <div class="isColorWildSandBg isBorderRadius16 isP24"> <div class="applicationLinkForm" data-js-ApplicationLinkForm=""> <form autoComplete="off" class="form" id="appForm" data-js-form='{"url":"/ajax/app.php","method":"POST","isLiveValidation":true,"isOpenErrorModal":true}' novalidate="" action="/ajax/app.php"> <input type="hidden" name="csrf" value="6645b03545e4a883c197955ef6c99ee5"> <div class="form__header"> <p class="applicationLinkForm__heading"> <span class="applicationLinkForm__headingText applicationLinkForm__headingText--isInactive"> Получите ссылку на приложение в СМС</span> <span class="applicationLinkForm__headingText applicationLinkForm__headingText--isActive"> Ссылка отправлена! Проверьте сообщения</span> </p> </div> <div class="form__body"> <div class="form__row form__row--isFirstRow form__row--isColumns-2"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isHidden"> <input class="formInput" id="field0" name="message_bot" type="email" autoComplete="off" inputMode="email" data-js-ApplicationLinkFormEmailInput="true" value="" /> </div> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel formLabel--isHidden formLabel--isRequired" for="field1"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput formInput--isHeight40" id="field1" name="phone" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isCustomPrimary btn--isRound btn--isSubmitBtn btn--isOnlyIcon btn--isSizeLarge" data-js-ApplicationLinkFormSubmitBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> </div> </div> </div> <div class="form__row form__row--isSecondRow form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="button" class="btn btn--isCustomPrimary btn--isFullWidth btn--isRetryBtn btn--isSizeLarge" data-js-ApplicationLinkFormRetryBtn="true"> <span class="btn__label">Ввести номер заново</span> </button> </div> </div> </div> </div> </form> </div> </div> </div> <div id="cmcallckform" class="comagicCallbackForm" data-js-comagiccallbackform='{"dataLayer":{"successSubmit":"flatSuccessTransaction"}}'></div> </footer> </div> <div class="overlay" role="presentation" data-js-Overlay=""></div> <div class="cookieConsent" data-js-cookieConsent='{}'> <p class="cookieConsent__text label isAdaptiveOnTabletL1">Мы используем файлы cookie, чтобы улучшить работу сайта и его удобство. <br />Продолжая использовать сайт lsr.ru, вы соглашаетесь на использование файлов cookie </p> <button draggable="false" type="button" class="btn btn--isDark btn--isWidthFitContent3 btn--isCookieConsentCloseBtn btn--isSizeLarge" data-js-cookieConsentCloseBtn=""> <span class="btn__label">Хорошо</span> </button> </div> </div> <div id="message_form" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form autoComplete="off" class="form form--isFullHeight form--isPositionRelative" id="messageForm" data-js-form='{"url":"/ajax/requests/message.php","method":"post","isLiveValidation":true}' novalidate="" action="/ajax/requests/message.php" data-js-DynamicForm='{"hash":"message","csrfUrl":"/ajax/csrf.php","activeStep":"0","steps":{"0":{"id":"0","successId":"2","errorId":"1"},"1":{"id":"1","closeReset":"form"},"2":{"id":"2","dataLayerCase":"flatSuccessTransaction","closeReset":"form","timer":{"time":3,"action":"close"}}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered">Напишите нам</div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="ФИО полностью" class="formLabel formLabel--isFontSize13" for="name"> <span class="formLabel__label">ФИО полностью</span> </label> <input class="formInput" id="name" name="name" type="text" placeholder="Введите ФИО" required="" autoComplete="name" data-js-input-required="true" title="Введите ФИО" inputMode="text" data-js-InputMask="fullName" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel formLabel--isFontSize13" for="tel"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput" id="tel" name="phone" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="off" data-js-input-required="phone" title="Телефон" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Электронная почта" class="formLabel formLabel--isFontSize13" for="email"> <span class="formLabel__label">Электронная почта</span> </label> <input class="formInput" id="email" name="email" type="email" placeholder="mail@example.com" required="" autoComplete="email" data-js-input-required="email" title="Введите адрес электронной почты" inputMode="email" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Сообщение (необязательно)" class="formLabel formLabel--isFontSize13" for="msg"> <span class="formLabel__label">Сообщение (необязательно)</span> </label> <textarea class="formInput" id="msg" name="message" placeholder="Сообщение (необязательно)" autoComplete="off" title="Сообщение (необязательно)"></textarea> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div data-js-Captcha=""> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isWithCaptcha"> <label title="Код с картинки" class="formLabel" for="captchaText"> <span class="formLabel__label">Код с картинки</span> </label> <input id="captchaKey" name="captchaKey" type="hidden" tabindex="-1" data-js-CaptchaKey="" value="123456" /> <input class="formInput" id="captchaText" name="captchaText" type="text" placeholder="0 0 0 0" required="" autoComplete="off" data-js-input-required="true" title="Введите капчу с изображения" inputMode="text" data-js-InputMask="captcha" data-js-CaptchaText="" value="" /> <img class="isCaptchaImg" src="" width="80" height="48" loading="lazy" decoding="async" alt="Код с картинки" data-js-CaptchaImg="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="site" name="site" type="hidden" tabindex="-1" value="/spb" /> <input id="link" name="link" type="hidden" tabindex="-1" value="/spb/zhilye-kompleksy/ruchi/" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered h2">Заявка отправлена. <br />Мы скоро свяжемся <br />с вами </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb24 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden" for="extra[3]"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных </span> </label> <label class="checkbox checkbox--isALignItemsCenter checkbox--isRequired"> <input class="checkbox__input" id="extra[3]" name="extra[3]" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> Я даю <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/soglasie" target="_blank">согласие на обработку моих персональных данных</a> и подтверждаю, что ознакомился с <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/privacy" target="_blank">Политикой в отношении обработки персональных данных в «ЛСР. Недвижимость-Северо-Запад, ООО» </a> и <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/sved" target="_blank">сведениями о реализуемых требованиях к защите персональных данных</a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Отправить</span> </button> </div> </div> </div> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="2"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson"> через <span data-js-DynamicFormTimer="2"></span>...</span> </span> </div> <div class="isInvisible" data-js-DynamicFormStep="1"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> <noscript> <div class="noScriptWarning">Please turn on JavaScript.</div> </noscript> <div id="userEntryForm" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/lk.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/lk.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","hash":"authorization_client","activeStep":"0","steps":{"0":{"id":"0","closeReset":"form","isValidateBeforeNextStep":true,"errorId":"1","dataLayerCaseSuccess":"authorizationClientFormSuccess","successId":"0","timer":{"time":0,"action":"redirect"}},"1":{"id":"1","closeReset":"form"}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered">Войти</div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel" for="phone"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput" id="login" name="login" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" data-js-DynamicFormInput="login" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb16 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Пароль" class="formLabel" for="password"> <span class="formLabel__label">Пароль</span> </label> <input class="formInput" id="password" name="password" type="password" placeholder="XXXXXXXX" required="" autoComplete="password" data-js-input-required="password" title="Введите свой пароль" inputMode="password" data-js-InputMask="password" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <a href="#recoveryPassword" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto " data-js-modal-open='{"closeAll":true}'> <span>Забыли пароль?</span> </a> <p data-js-DynamicFormErrorTextEl="true"></p> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="checkbox checkbox--isALignItemsCenter checkbox--isChecked"> <input class="checkbox__input" id="remember" name="rememberMe" type="checkbox" tabindex="-1" autoComplete="off" checked="" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">Запомнить меня</span> </label> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="action" name="action" type="hidden" tabindex="-1" value="authorization" /> <input id="__s" name="__s" type="hidden" tabindex="-1" value="" /> <input id="site" name="site" type="hidden" tabindex="-1" value="/spb" /> <input type="hidden" name="csrf" value="6645b03545e4a883c197955ef6c99ee5"> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Не удалось войти <br />что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isGap8 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Войти</span> </button> </div> </div> </div> <div class="isTextCentered"> <span>Нет аккаунта? </span> <a role="button" href="#register" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto" data-js-modal-open='{"closeAll":true}'> <span>Зарегистрируйтесь</span> </a> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="1"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> <div id="recoveryPassword" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form id="recoveryPasswordForm" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/lk.php","method":"post","isLiveValidation":true,"validateOnlySelector":"[data-js-DynamicFormStep].isVisible"}' novalidate="" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","activeStep":"0","steps":{"0":{"id":"0","closeReset":"form","isValidateBeforeNextStep":true,"successId":"1","errorInputId":"login","errorId":"4"},"1":{"id":"1","successId":"2","errorId":"4","closeReset":"form"},"2":{"id":"2","successId":"3","errorId":"4","closeReset":"form"},"3":{"dataLayerCase":"recoveryPasswordFormSuccess","id":"3","closeReset":"form","timer":{"time":3,"action":"close"}},"4":{"id":"4","closeReset":"form"}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustom2H4 isTextCentered">Восстановление пароля</div> </div> </div> </div> <div class="isVisible isFlexGrow" data-js-DynamicFormStep="0"> <div class="isPlaceCenter isMtNegative20 isMb52 isTextCentered isPdline30"> <span>Укажите телефон или e-mail, на который зарегистрирован ваш аккаунт — мы вышлем ссылку на восстановление пароля.</span> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон или email" class="formLabel" for="login"> <span class="formLabel__label">Телефон или email</span> </label> <input class="formInput" id="login" name="login" type="text" placeholder="+7 (000) 000-00-00 / mail@example.com" required="" autoComplete="tel" data-js-input-required="text" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="text" data-js-DynamicFormInput="login" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason="default"> <span title="Вам придёт код для восстановления пароля" class="form__msgText">Вам придёт код для восстановления пароля</span> </div> <p class="dynamicFormError" data-js-DynamicFormErrorTextEl="true"></p> <div class="isColorAlizarinCrimson label l3 isDisplayNone" data-js-DynamicFormLimitTimerTextEl="">Следующий запрос можно отправить через:</div> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input type="hidden" name="action" value="resetPassword" /> <input type="hidden" name="csrf" value="6645b03545e4a883c197955ef6c99ee5" /> <input type="hidden" name="step" value="0" tabindex="-1" data-js-DynamicFormStepInput /> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="form__row form__row--isMb32 form__row--isMtNegative20 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isMinlineAuto isPlaceCenter isTextCentered text t2 isColorScorpion"> <div> <span>Код выслан на</span> <span data-js-DynamicFormPhoneTextEl="">+ 7 (900) 000-00-00</span> </div> <button draggable="false" type="button" class="btn btn--isPrimaryLink btn--isSizeAuto" title="Изменить номер" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Изменить номер</span> </button> </div> </div> </div> </div> <div class="isFlexGrow"> <div class="verificationCode" data-js-verificationCode='{"inputsQty":5,"formId":"recoveryPasswordForm"}'> <p class="verificationCode__label label l3">Введите код</p> <div class="verificationCode__inputsWrapper"> <input class="formInput formInput--isForNumbers" type="text" placeholder="1" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="2" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="3" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="4" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="5" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput" id="code" name="code" type="text" autoComplete="off" data-js-mainInput="" value="" /> </div> <p class="verificationCode__timerWrapper isInvisible">Новый код будет доступен <span class="verificationCode__timer" data-js-timer="">через 3...</span></p> <p class="verificationCode__error isInvisible" data-js-error="">Неверно введен код, запросите новый код</p> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormErrorTextEl=""></div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isPlaceCenter isMtNegative20 isMb32"> <span>Ваш <span data-js-DynamicFormPhoneTextEl="" data-js-DynamicFormEmailTextEl=""> </span> подтвержден</span> <button draggable="false" type="button" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto" data-js-DynamicFormStepSelectionBtn="0">Изменить <span data-js-DynamicFormLabelTextEl="">номер</span> </button> </div> <div class="form__row form__row--isMb16 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Придумайте новый пароль" class="formLabel" for="password"> <span class="formLabel__label">Придумайте новый пароль</span> </label> <input class="formInput" id="password1" name="password" type="password" placeholder="XXXXXXXX" required="" autoComplete="off" data-js-input-required="password" title="Придумайте новый пароль" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason="default"> <span title="Пароль должен быть больше 6 символов, содержать буквы и цифры" class="form__msgText">Пароль должен быть больше 6 символов, содержать буквы и цифры</span> </div> </div> </div> </div> <div class="form__row form__row--isMb16 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Повторите пароль" class="formLabel" for="password"> <span class="formLabel__label">Повторите пароль</span> </label> <input class="formInput" id="password2" name="password_confirm" type="password" placeholder="XXXXXXXX" required="" autoComplete="off" data-js-input-required="passwordCompare" title="Повторите пароль" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormErrorTextEl=""></div> </div> </div> </div> <input type="hidden" name="__s" value="" /> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="3"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Пароль успешно<br/>Восстановлен</div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="4"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так...<br/>Попробуйте отправить<br/>форму ещё раз</div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div class="isVisible" data-js-DynamicFormStep="0"> <div class="form__row form__row--isGap8 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Отправить</span> </button> </div> </div> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="1"> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge" data-js-newCodeBtn=""> <span class="btn__label">Запросить новый код</span> </button> </div> </div> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="2"> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isOutline btn--isSizeLarge"> <span class="btn__label">Подтвердить</span> </button> </div> </div> </div> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="3"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson"> через <span data-js-DynamicFormTimer="3"></span>...</span> </span> </div> <div class="isInvisible" data-js-DynamicFormStep="4"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> <div id="agentEntry" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form id="agentEntryForm" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/lk_agency.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/lk_agency.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","hash":"authorization_client-agents","activeStep":"0","steps":{"0":{"id":"0","successId":"1","errorId":"2"},"1":{"id":"1","closeReset":"step","successId":"1","errorId":"2","dataLayerCaseSuccess":"authorizationAgentFormSuccessEntry","timer":{"time":0,"action":"redirect"}},"2":{"id":"2","closeReset":"form"}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered">Войти</div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel" for="login"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput" id="login" name="login" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" data-js-DynamicFormPhoneInput="" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason="info"> <span title="Вам придёт СМС с кодом для авторизации" class="form__msgText"> Вам придёт СМС с кодом для авторизации</span> </div> <p data-js-DynamicFormErrorTextEl="true"></p> </div> </div> </div> <input id="step" name="step" type="hidden" tabindex="-1" data-js-DynamicFormStepInput="" value="0" /> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="form__row form__row--isMb32 form__row--isMtNegative20 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isMinlineAuto isPlaceCenter isTextCentered text t2 isColorScorpion"> <div> <span>Код выслан на</span> <span data-js-DynamicFormLoginTextEl="">+ 7 (900) 000-00-00</span> </div> <button draggable="false" type="button" class="btn btn--isPrimaryLink btn--isSizeAuto" title="Изменить номер" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Изменить номер</span> </button> </div> </div> </div> </div> <div class="isFlexGrow"> <div class="verificationCode" data-js-verificationCode='{"inputsQty":5,"formId":"agentEntryForm"}'> <p class="verificationCode__label label l3">Введите код</p> <div class="verificationCode__inputsWrapper"> <input class="formInput formInput--isForNumbers" type="text" placeholder="1" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="2" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="3" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="4" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="5" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput" id="code" name="code" type="text" autoComplete="off" data-js-mainInput="" value="" /> </div> <p class="verificationCode__timerWrapper isInvisible">Новый код будет доступен <span class="verificationCode__timer" data-js-timer="">через 3...</span> </p> <p class="verificationCode__error isInvisible" data-js-error="">Неверно введен код, запросите новый код</p> </div> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormErrorTextEl=""></div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="action" name="action" type="hidden" tabindex="-1" value="authorization" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> <input id="site" name="site" type="hidden" tabindex="-1" value="/spb"> <input js-cookie-input-hidden type="hidden" name="hash" value=""> </div> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Не удалось войти <br />что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isGap8 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Запросить код для входа</span> </button> </div> </div> </div> <div class="isTextCentered"> <span>Нет аккаунта? </span> <a href="https://partner.lsr.ru/" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto "> <span>Узнайте, как стать партнером</span> </a> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="1"> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge" data-js-newCodeBtn=""> <span class="btn__label">Запросить новый код</span> </button> </div> </div> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="2"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> <div id="register" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open","closeAll":true}'> <form id="registerForm" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/lk.php","method":"POST","isLiveValidation":false,"validateOnlySelector":"[data-js-DynamicFormStep].isVisible"}' novalidate="" action="/ajax/lk.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","hash":"authorization_client","activeStep":"0","steps":{"0":{"id":"0","dataLayerCase":"registerFormOpen","successId":"5","errorId":"4","isValidateBeforeNextStep":true},"1":{"id":"1","dataLayerCase":"registerFormPhoneSend","successId":"5","errorId":"4","closeReset":"form"},"3":{"id":"3","dataLayerCase":"registerFormPhoneConfirmed","successId":"5","errorId":"4","closeReset":"form"},"4":{"id":"4","closeReset":"form"},"5":{"id":"5","closeReset":"form","dataLayerCase":"registerFormSuccess","timer":{"time":3,"action":"close"}}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isVisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isCentered"> <div class="isMb16"> <div class="tag"> <span>Шаг 1 из 2</span> </div> </div> <div class="isCustomH4 isTextCentered">Регистрация</div> </div> </div> </div> <div class="isFlexGrow"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel formLabel--isFontSize13" for="tel"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput" id="tel" name="phone" type="tel" placeholder="+7 (000) 000-0000" required="" autoComplete="off" data-js-input-required="phone" title="Телефон" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-DynamicFormErrorTextEl="true" data-js-form-input-msg="" data-css-reason="info"> <span title="Вам придёт СМС с кодом для регистрации" class="form__msgText"> Вам придёт СМС с кодом для регистрации</span> </div> <p class="dynamicFormError" data-js-DynamicFormErrorTextEl="true"></p> <div class="isColorAlizarinCrimson label l3 isDisplayNone" data-js-DynamicFormLimitTimerTextEl="">Следующую заявку можно отправить через:</div> </div> </div> </div> <div class="form__row form__row--isHidden form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <input id="action" name="action" type="hidden" tabindex="-1" value="registration" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="6645b03545e4a883c197955ef6c99ee5" /> <input id="region" name="region" type="hidden" tabindex="-1" value="/spb" /> <input id="step" name="step" type="hidden" tabindex="-1" data-js-DynamicFormStepInput="true" value="0" /> </div> </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16" data-js-DynamicFormStep="5"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isCentered"> <div class="isMb16"> <div class="tag"> <span>Успешно</span> </div> </div> <div class="isCustomH4 isTextCentered">Регистрация</div> </div> </div> </div> <div class="isFlexGrow"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Профиль успешно <br /> зарегистрирован </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16" data-js-DynamicFormStep="4"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isCentered"> <div class="isMb16"> <div class="tag"> <span>Ошибка</span> </div> </div> <div class="isCustomH4 isTextCentered">Регистрация</div> </div> </div> </div> <div class="isFlexGrow"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16" data-js-DynamicFormStep="1"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isCentered"> <div class="isMb16"> <div class="tag"> <span>Шаг 1 из 2</span> </div> </div> <div class="isCustomH4 isTextCentered">Регистрация</div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isMinlineAuto isPlaceCenter isTextCentered text t2 isColorScorpion"> <div> <span>Код выслан на</span> <span data-js-DynamicFormPhoneTextEl="">+ 7 (900) 000-00-00</span> </div> <button draggable="false" type="button" class="btn btn--isPrimaryLink btn--isSizeAuto" title="Изменить номер" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Изменить номер</span> </button> </div> </div> </div> </div> <div class="isFlexGrow"> <div class="verificationCode" data-js-verificationCode='{"inputsQty":5,"formId":"registerForm"}'> <p class="verificationCode__label label l3">Введите код</p> <div class="verificationCode__inputsWrapper"> <input class="formInput formInput--isForNumbers" type="text" placeholder="1" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="2" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="3" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="4" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="5" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" inputmode="numeric" value="" /> <input class="formInput" id="sms-code" name="sms-code" type="text" autoComplete="off" data-js-mainInput="" value="" /> </div> <p class="verificationCode__timerWrapper isInvisible">Новый код будет доступен <span class="verificationCode__timer" data-js-timer="">через 3...</span> </p> <p class="verificationCode__error isInvisible" data-js-error="">Неверно введен код, запросите новый код</p> </div> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormErrorTextEl=""></div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16" data-js-DynamicFormStep="3"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isCentered"> <div class="isMb16"> <div class="tag"> <span>Шаг 2 из 2</span> </div> </div> <div class="isCustomH4 isTextCentered">Регистрация</div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isMinlineAuto isPlaceCenter isTextCentered text t2 isColorScorpion"> <div> <span>Ваш номер </span> <span data-js-DynamicFormPhoneTextEl="">+ 7 (900) 000-00-00</span> <span> подтвержден</span> </div> <button draggable="false" type="button" class="btn btn--isPrimaryLink btn--isSizeAuto" title="Изменить номер" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Изменить номер</span> </button> </div> </div> </div> </div> <div class="isFlexGrow"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Фамилия" class="formLabel formLabel--isFontSize13" for="secondName"> <span class="formLabel__label">Фамилия</span> </label> <input class="formInput" id="secondName" name="lastname" type="text" placeholder="Введите фамилию" required="" autoComplete="off" data-js-input-required="true" title="Введите фамилию" data-js-InputMask="name" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> <span title="Допустимо использовать только буквы" class="form__msgText">Допустимо использовать только буквы</span> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Имя" class="formLabel formLabel--isFontSize13" for="name"> <span class="formLabel__label">Имя</span> </label> <input class="formInput" id="name" name="name" type="text" placeholder="Введите имя" required="" autoComplete="off" data-js-input-required="true" title="Введите имя" data-js-InputMask="name" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> <span title="Допустимо использовать только буквы" class="form__msgText">Допустимо использовать только буквы</span> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Отчество (необязательно)" class="formLabel formLabel--isFontSize13" for="name"> <span class="formLabel__label">Отчество <span class="isColorSilverChalice"> (необязательно)</span> </span> </label> <input class="formInput" id="name" name="patronymic" type="text" placeholder="Введите отчество" autoComplete="off" title="Введите отчество" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Придумайте пароль" class="formLabel formLabel--isFontSize13" for="password"> <span class="formLabel__label">Придумайте пароль</span> </label> <input class="formInput" id="password" name="password" type="password" placeholder="ХХХХХХХХ" required="" autoComplete="off" data-js-input-required="password" title="Придумайте пароль" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason="default"> <span title="Пароль должен быть больше 6 символов, содержать буквы и цифры" class="form__msgText">Пароль должен быть больше 6 символов, содержать буквы и цифры</span> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Повторите пароль" class="formLabel formLabel--isFontSize13" for="password1"> <span class="formLabel__label">Повторите пароль</span> </label> <input class="formInput" id="password1" name="password_confirm" type="password" placeholder="ХХХХХХХХ" required="" autoComplete="off" data-js-input-required="passwordCompare" title="Повторите пароль" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="isColorAlizarinCrimson label l3 isMt16 isOnlyEmptyDisplayNone" data-js-DynamicFormErrorTextEl=""></div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isGap8 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Запросить код</span> </button> <div class="flexFlow flexFlow--isJustifyContentCenter isMt24"> <p class="isMb0">Уже есть аккаунт?</p> <a role="button" href="#userEntryForm" class="btn btn--isPrimaryLink btn--isSizeMedium" data-js-modal-open='{"closeAll":true}'> <span class="btn__label">Войти</span> </a> </div> </div> </div> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="1"> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="button" class="btn btn--isNewCodeBtn btn--isOutline btn--isSizeLarge" data-js-newCodeBtn=""> <span class="btn__label">Запросить новый код</span> </button> </div> </div> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="3"> <div class="form__row form__row--isMb24 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden" for="agree-reg-success"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных </span> </label> <label class="checkbox checkbox--isALignItemsCenter checkbox--isRequired"> <input class="checkbox__input" id="agree-reg-success" name="reg-success" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> <span>Я согласен(-на) c </span> <a href="/upload/kelnik.estate/8c2/processing-of-personal-data.pdf" target="_blank" class="btn btn--isCustomPrimaryLink btn--isFontWeight500 btn--isSizeAuto "> <span> <span>условиями </span> <br class="isHiddenOnlyTablet" /> <span>обработки персональных данных</span> </span> </a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Отправить</span> </button> </div> </div> </div> </div> <div class="isInvisible" data-js-DynamicFormStep="4"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="5"> <span class="label l2">Вы будете перенаправлены в личный кабинет <span class="isColorAlizarinCrimson">через <span data-js-DynamicFormTimer="5"></span>... </span> </span> </div> </div> </div> </div> </form> </div> <script src="/frontend/build/js/bundle.js?version=4.4.13"></script> </body> </html> <script> $(document).ready(function() { (function(){ const $tabs = $('#main_tabs').find('li'); let $activeTab = $('#main_tabs').find('li.isActive'); let textBtn = $activeTab.data('text-btn'); let urlBtn = $activeTab.data('url-btn'); const CLASSES = { isActive: "is-active", isHiddenMobile: "is-hidden-mob", isHiddenDesktop: "is-hidden-desk", isDisplayNone: "isDisplayNone" } // скрываемые карточки let hideableCards = Array.from($('.projectList .projectCard.is-active')); let hideableCardsMob = Array.from($('.projectList .projectCard.is-active')); // кнопка Показать/Скрыть все const $buttonDropdown = $('#main_cards #showObjectMore'); // флаг состояния списка (открыт / закрыт) let isDropdownOpened = false; // количество видимых карточек - берётся из активного таба let limitDesktop = parseInt($activeTab.data('max-visible-desktop')); let limitMobile = parseInt($activeTab.data('max-visible-mobile')); // проверка на мобильное устройство, флаг мобильности const mobileMaxWidth = 669; let isMobile = false; $buttonDropdown.on('click', (evt) => { evt.preventDefault(); checkMobile(); let limitDesktop = parseInt($activeTab.data('max-visible-desktop')); let limitMobile = parseInt($activeTab.data('max-visible-mobile')); if (isDropdownOpened) { isDropdownOpened = false; $buttonDropdown.find('span').text('Смотреть ещё'); if (isMobile) { hideableCardsMob.slice(limitMobile, hideableCardsMob.length).forEach((item) => { item.classList.add(CLASSES.isHiddenMobile); }); } else { hideableCards.slice(limitDesktop, hideableCards.length).forEach((item) => { item.classList.add(CLASSES.isHiddenDesktop); }); } setTimeout(function(){ $('html, body').animate({ scrollTop: $($buttonDropdown).offset().top - 300 }, 200); }, 200); } else { isDropdownOpened = true; $buttonDropdown.find('span').text('Скрыть'); if (isMobile) { hideableCardsMob.slice(limitMobile, hideableCardsMob.length).forEach((item) => { item.classList.remove(CLASSES.isHiddenMobile); }); } else { hideableCards.slice(limitDesktop, hideableCards.length).forEach((item) => { item.classList.remove(CLASSES.isHiddenDesktop); }); } } }); const operateDropdown = () => { checkMobile(); if (!isMobile) { if (limitDesktop > 0 && hideableCards.length > limitDesktop) { $buttonDropdown.show(); $buttonDropdown.find('span').text('Смотреть ещё'); isDropdownOpened = false; hideableCards.slice(limitDesktop, hideableCards.length).forEach((item) => { item.classList.add(CLASSES.isHiddenDesktop); }); } } else { if (limitMobile > 0 && hideableCardsMob.length > limitMobile) { $buttonDropdown.show(); $buttonDropdown.find('span').text('Смотреть ещё'); isDropdownOpened = false; hideableCardsMob.slice(limitMobile, hideableCardsMob.length).forEach((item) => { item.classList.add(CLASSES.isHiddenMobile); }); } } $('.btnSelectON > span').text(textBtn); Array.from($('.projectList .projectCard')).forEach((item) => { let id = $(item).data('id'); $(item).find('.btnSelectON').attr('href', '/spb' + urlBtn + '?obj%5B%5D=' + id); }); let pinned = $('.projectList__fixedColumn').find('.projectCard'); if (pinned.length) { if (pinned.hasClass('is-active')) { $('.projectList__fixedColumn').removeClass(CLASSES.isDisplayNone); } else { $('.projectList__fixedColumn').addClass(CLASSES.isDisplayNone); } } }; const cancelDropdown = () => { $buttonDropdown.hide(); hideableCardsMob.forEach((item) => { item.classList.remove(CLASSES.isHiddenMobile); }); hideableCards.forEach((item) => { item.classList.remove('is-hidden-desk'); }); }; const hideCardsByLimit = (evt) => { cancelDropdown(); limitDesktop = parseInt(evt.target.getAttribute('data-max-visible-desktop')); limitMobile = parseInt(evt.target.getAttribute('data-max-visible-mobile')); hideableCards = Array.from($('.projectList .projectCard')); hideableCardsMob = Array.from($('.projectList .projectCard')); textBtn = evt.target.getAttribute('data-text-btn'); urlBtn = evt.target.getAttribute('data-url-btn'); operateDropdown(); if (evt.target.getAttribute('data-tab')) { let arrId = []; let tabId = parseInt(evt.target.getAttribute('data-tab')); if (evt.target.getAttribute('data-tab') !== 'all') { arrId.push(tabId); } $activeTab = $(evt.target); $tabs.removeClass('isActive'); $activeTab.addClass('isActive'); limitDesktop = parseInt($activeTab.data('max-visible-desktop')); limitMobile = parseInt($activeTab.data('max-visible-mobile')); textBtn = $activeTab.data('text-btn'); urlBtn = $activeTab.data('url-btn'); hideableCards.forEach((item) => { let arTabId = $(item).data('tab-content'); let key; $(item).removeClass('is-active'); if (arrId.length) { for (key in arTabId) { if ($.inArray(arTabId[key], arrId) !== -1) { $(item).addClass('is-active'); } } } else { $(item).addClass('is-active'); } let price = $(item).data('living-price'); if (tabId === 40000) { price = $(item).data('commerce-price'); } else if (tabId === 20000) { price = $(item).data('parking-price'); } else if (tabId === 3000) { price = $(item).data('pantry-price'); } $(item).find('.projectCard__price span').html('от ' + price + ' млн ₽'); }); cancelDropdown(); hideableCards = Array.from($('.projectList .projectCard.is-active')); hideableCardsMob = Array.from($('.projectList .projectCard.is-active')); operateDropdown(); } }; $tabs.on('click', (evt) => { hideCardsByLimit(evt); }); const checkMobile = () => { isMobile = window.matchMedia(`(max-width: ${mobileMaxWidth}px)`).matches; }; const checkHasHidden = () => { checkMobile(); let hideable = isMobile ? hideableCardsMob : hideableCards; if (hideable.length < 1) { $buttonDropdown.hide(); } else { $buttonDropdown.show(); } }; const initObject = () => { let arrId = []; arrId.push(parseInt($activeTab.data('tab'))); limitDesktop = parseInt($activeTab.data('max-visible-desktop')); limitMobile = parseInt($activeTab.data('max-visible-mobile')); hideableCards.forEach((item) => { let arTabId = $(item).data('tab-content'); let key; $(item).removeClass('is-active'); if (arrId.length) { for (key in arTabId) { if ($.inArray(arTabId[key], arrId) !== -1) { $(item).addClass('is-active'); } } } else { $(item).addClass('is-active'); } }); cancelDropdown(); hideableCards = Array.from($('.projectList .projectCard.is-active')); hideableCardsMob = Array.from($('.projectList .projectCard.is-active')); operateDropdown(); } checkHasHidden(); if ($('.main-section-object').length) { initObject(); } $('#selectTypeObjectMobile').on('click', (e) => { setTimeout(function () { let valueSelect = App.SelectCollection.collection.find(x => x.instance.id === "selectTypeObjectMobile").ref.current.ref.current.props.value.value; $('#main_tabs li[data-tab="'+valueSelect+'"]').click(); }, 200); }); //todo yura очень плохое решение. исправить // _lsrtodo[front]: 368#J2 $('#citySelectorH').on('click', (e) => { setTimeout(function () { let valueSelect = App.SelectCollection.collection.find(x => x.instance.id === "citySelectorH").ref.current.ref.current.props.value.value; if (valueSelect != undefined) { window.location.href = 'https://' + window.location.host + valueSelect; } }, 200); }); }()); }) let pvTypes = { 'living': 'жилую недвижимость', 'commerce': 'коммерческую недвижимость', 'parking': 'паркинг', 'pantry': 'кладовые' }; let pvTypesMobile = { 'living': 'квартиру', 'commerce': 'помещение', 'parking': 'паркинг', 'pantry': 'кладовую' }; let desktop = $(window).width() > 767; $(window).resize(function() { if ($(window).width() > 767 && desktop) { desktop = true; } else if ($(window).width() <= 767 && !desktop) { desktop = false; } }); // _lsrtodo[front]: 368#J5 const setButtonText = (text) => { if (typeof text == 'undefined') { return; } if (text === 'Нет вариантов') { $('#searchButton').addClass('btn--isDisabled'); $('#searchButtonPopup').addClass('btn--isDisabled'); } else if ($('#searchButton').addClass('btn--isDisabled')) { $('#searchButton').removeClass('btn--isDisabled'); $('#searchButtonPopup').removeClass('btn--isDisabled'); } $('#searchButton').find('span').text(text); $('#searchButtonPopup').find('.isHiddenMobile').text(text); let split = text.split(' '); let short; if (split[1][2] === 'а') { short = split[1].slice(0, 2) + '.'; } else { short = split[1].slice(0, 3) + '.'; } if (split[1] === 'вариантов') { short = 'кв.'; text = text.replace(split[1], short); } //text = text.replace(split[1], short); $('#searchButtonPopup').find('.isVisibleMobile').text(text); } // lsrtodo: sdelat krasivo // _lsrtodo[front]: 368#J3 $(document).on('click', '.formSelect__menu', (e) => { let target = $(e.target); if (!target.hasClass('formSelect__optionContent') && !target.hasClass('formSelect__option')) { return; } if ($(window).width() > 767 && desktop) { desktop = true; } else if ($(window).width() <= 767 && !desktop) { desktop = false; } desktop = false; let tabtxt = target.text(); let currentActiveTab = $('div[data-js-paramsearch-block].isActive'); let activeTab = false; let activeTypes = desktop ? pvTypes : pvTypesMobile; $.each(activeTypes, function( i, l ){ if (l === tabtxt) { activeTab = i; } }); if (!activeTab) return; if (desktop) { App.SelectCollection.collection.find(x => x.instance.id === "paramSearch-selector-mobile").ref.current.ref.current.setValue({ value: activeTab, label: pvTypesMobile[activeTab] }, "set-value"); } else { App.SelectCollection.collection.find(x => x.instance.id === "paramSearch-selector").ref.current.ref.current.setValue({ value: activeTab, label: pvTypesMobile[activeTab] }, "set-value"); } currentActiveTab.removeClass('isActive'); $('#' + activeTab).addClass('isActive'); $('.modalShowFilters__menu-item[data-js-tabsitem=' + activeTab + ']').trigger('click'); $('#redirect span').text($('#' + activeTab).data('count')); $('#searchButton').data('redirect', $('#' + activeTab).data('redirect')); $('#searchButtonPopup').data('redirect', $('#' + activeTab).data('redirect')); $('.breadcrumbs__list-item').eq(1).text(); if (typeof $('#living').data('redirect') == 'undefined') { window.history.pushState(null, null, $('div[data-js-paramsearch-block].isActive').data('url') + '?' + inputsSerialized()); } switcherTypes(); setButtonText($('#' + activeTab).data('count')); searchButtonClick(e); }); // _lsrtodo[front]: 368#6 $('.modalShowFilters__menu-item').on('click', function(e) { let target = $(e.target); if (target.prop('tagName') == 'SPAN') { target = target.parent(); } let id = target.data('js-tabsitem'); $('div[data-js-paramsearch-block].isActive').removeClass('isActive'); $('#' + id).addClass('isActive'); // let values = {'commerce': 'коммерческую недвижимость', 'living': 'жилую недвижимость', 'pantry': 'кладовые', 'parking': 'паркинг'}; const values = {'commerce': 'помещение', 'living': 'квартиру', 'pantry': 'кладовые', 'parking': 'паркинг'}; App.SelectCollection.collection.find(x => x.instance.id === 'paramSearch-selector').ref.current.ref.current.setValue({ value: id, label: values[id] }, "set-value"); // App.SelectCollection.collection.find(x => x.instance.id === 'paramSearch-selector-mobile').ref.current.ref.current.setValue({ value: id, label: values[id] }, "set-value"); setButtonText($('#' + id).data('count')); switcherTypes(); $('#searchButton').data('redirect', $('#' + id).data('redirect')); $('#searchButtonPopup').data('redirect', $('#' + id).data('redirect')); }); // _lsrtodo[front]: 368#J4 const switcherTypes = () => { const pv = document.querySelector("[data-js-ParamSearch]"); /** * Toggle view switch or grouping checkbox visibility * @param type{"view"|"grouping"|"map"|"filters"} * @param isVisible{boolean} */ function $toggleVisibility(type, isVisible) { const events = { view: "pv::visibility:viewSwitch", grouping: "pv::visibility:useGroup", map: "pv::visibility:mapLink", } if (!events[type]) console.error("[footer] unexpected event type: "+type); const event = new CustomEvent(events[type], { detail: { isVisible } }) pv.dispatchEvent(event) } const SELECTORS = { viewSwitch: "#searchResultsHeader__viewToggle", } if (typeof $('#living').data('redirect') == 'undefined') { resetInputs(false); window.history.pushState(null, null, $('div[data-js-paramsearch-block].isActive').data('url') + '?' + inputsSerialized()); } $toggleVisibility("view", false) $toggleVisibility("grouping", false) $toggleVisibility("map", false); $('#grouprequired').prop('checked', false); $(SELECTORS.viewSwitch).find('[value=line]').prop('checked', true); if (window.location.href.toString().includes('kvartiry-v-novostroikah')) { $toggleVisibility("view", true) $toggleVisibility("grouping", true) $toggleVisibility("map", true); } if (window.location.href.toString().includes('kommercheskaya-nedvizhimost')) { $toggleVisibility("view", true) } } // _lsrtodo[front]: 368#D1 $('input[name=view]').on('change', function() { if (this.value === 'line') { $toggleVisibility("grouping", true) } else { $toggleVisibility("grouping", false) } $('#mw-uniq-genplan').remove(); $('.lifeComplexList').empty(); $('.j-search-result-similar').empty(); send(e, false); }); // _lsrtodo[front]: 368#J7 $('#grouprequired').on('change', function() { setTimeout(function () { window.history.pushState(null, null, window.location.href.split('?')[0] + '?' + inputsSerialized()); $('.lifeComplexList').empty(); $('.j-search-result-similar').empty(); send(e, false); }, 300); }); // _lsrtodo[front]: 368#J8 let sortvalue = false; $('#sortSelect').on('click', (e) => { if ($(e.target).hasClass('formSelect__optionContent') || ($(e.target).hasClass('formSelect__option'))) { setTimeout(function () { sortvalue = App.SelectCollection.collection.find(x => x.instance.id === "sortSelect").ref.current.ref.current.props.value.value; window.history.pushState(null, null, window.location.href.split('?')[0] + '?' + inputsSerialized() + '&sort=' + sortvalue); sendTimeout(e, sortvalue); }, 100); } }); $('body').on('click', '#searchButton', (e) => { e.preventDefault(); searchButtonClick(e); }); $('#searchButtonPopup').on('click', (e) => { e.preventDefault(); searchButtonClick(e); }); $('#resetButtonPopup').on('click', (e) => { e.preventDefault(); resetInputs(); }); $('#resetButtonPopupMobile').on('click', (e) => { e.preventDefault(); resetInputs(); }); // _lsrtodo[front]: 368#J9 const searchButtonClick = (e) => { let redirectButton = $(e.target).data('redirect'); let redirectDiv = $('div[data-js-paramsearch-block]').data('redirect'); let reqData = inputsSerialized(); const pvModal = $('#mw-paramSearch'); if (pvModal.hasClass('fancybox__content')) { pvModal.children('button[data-fancybox-close="true"]').trigger('click'); } if (redirectButton) { // открываем url в отдельном окне reqData = reqData.replace('mappage=true&', ''); // Настя: в сафари может не прокатить window.open(redirectButton + '?' + reqData, '_self'); } else if (!redirectButton && !redirectDiv) { setTimeout(function () { window.history.pushState(null, null, $('div[data-js-paramsearch-block].isActive').data('url') + '?' + reqData); $('#mw-uniq-genplan').remove(); $('.lifeComplexList').empty(); $('.j-search-result-similar').empty(); send(e, false); }, 300); } } // _lsrtodo[front]: 368#D1 $(document).on('click', '.j-search-switch', function(e) { //$switch($(e.currentTarget)); }); // _lsrtodo[front]: 368#J11 const inputsSerialized = (modal = false) => { let form = $('div.modalShowFilters__tab.isActive'); let id = $('div[data-js-paramsearch-block].isActive').attr('id'); let inputs = form.find('input'); //return; $('#opt3').prop('checked', false); $('#opt4').prop('checked', false); $('#opt13').prop('checked', false); $('#furnish').prop('checked', false); $('#nofurnish').prop('checked', false); $('#kitchen').prop('checked', false); inputs.each((i, item) => { let el = $(item); if (!el.val().length) { delete inputs[i]; return; } if (el.attr('name') === 'opt' && el.val()) { $('#opt' + el.val()).prop('checked', true); delete inputs[i]; } if (el.attr('name') === 'furniture' && el.val()) { $('#' + el.val()).prop('checked', true); delete inputs[i]; } if (el.attr('name') === 'furniture' && el.val()) { $('#' + el.val()).prop('checked', true); delete inputs[i]; } if (el.attr('name') === 'obj[]' && el.attr('id') !== 'obj[]') { delete inputs[i]; } if (id === 'parking' && el.attr('name') === 'build[]' && el.attr('id') !== 'build[]') { delete inputs[i]; } if (modal && (el.attr('name') === 'obj[]' || el.attr('id') !== 'obj[]' || el.attr('name') === 'build[]' || el.attr('id') !== 'build[]')) { delete inputs[i]; } if (el.attr('name') === 'subway[]' && el.attr('id') !== 'subway[]') { delete inputs[i]; } if (el.attr('name') === 'location[]' && el.attr('id') !== 'location[]') { delete inputs[i]; } }); inputs = inputs.slice(); inputs = inputs.serialize(); if ($('#grouprequired').is(':checked')) { inputs += '&grouprequired=1'; } return inputs; }; // _lsrtodo[front]: 368#J12 const openModalMap = (e) => { const GENPLAN_ID = "#mw-uniq-genplan"; let $target = $(e.target); let id = $target.data('object-id'); let type = $target.data('object-type'); $(GENPLAN_ID).html(''); $.ajax({ url : '/ajax/get_minimap.php', type : 'post', dataType : 'json', data : 'object=' + id + '&type=' + type, beforeSend: function() { window.App.LoaderModel.show(); }, success: function(data) { $('#mw-uniq-genplan').html(data.html); // add active buildings let builds = $('.modalShowFilters__tab.isActive').find('input[name="build[]"]'); builds.each((i, item) => { let id = $(item).attr('value'); $('.f-panzoom__pin[data-js-pin=' + id + ']').toggleClass('isActivePopup'); $('.interactiveMap__polygon[id=' + id + ']').toggleClass('isActivePopup'); }); $('.f-panzoom__pin').on('click', function(e) { let pin = $(e.target).parent().parent(); pin.toggleClass('isActivePopup'); let id = pin.data('js-pin'); $('.interactiveMap__polygon[id=' + id + ']').toggleClass('isActivePopup'); }); $('.interactiveMap__polygon').on('click', function(e) { let polygon = $(e.target); polygon.toggleClass('isActivePopup'); let id = polygon.attr('id'); $('.f-panzoom__pin[data-js-pin=' + id + ']').toggleClass('isActivePopup'); }); $('.minimap-search').on('click', function(e) { $('button[data-js-modalwindow-trigger="close"]').trigger('click'); let url = $('div[data-js-paramsearch-block].isActive').data('url') + '?' + inputsSerialized(true); url += '&obj[]=' + id; $('.f-panzoom__pin.isActivePopup').each((i, item) => { url += '&build[]=' + $(item).data('js-pin'); }); window.open(url, '_blank'); }); //bindMiniMap(); }, complete: function() { window.App.LoaderModel.hide(); const map = window.App.InteractiveMapModelCollection.find(el => el.instance.id === GENPLAN_ID); if (map) { map.init() } } }); }; // _lsrtodo[front]: 368#J13 $('button[data-js-modalwindow-trigger]').on('click', function(e) { openModalMap(e); }); // _lsrtodo[front]: 368#J14 const send = (e, form = true) => { console.log('function SEND'); let requestData = form ? inputsSerialized() : ((window.location.href).split('?')[1] || ''); if (sortvalue) { requestData += '&sort=' + sortvalue; } let divAppend = $('.lifeComplexList'); let target = $(e.target); if (typeof target.data('action') == 'undefined') { target = $('form[data-js-paramsearch]'); } if (typeof $('#living').data('redirect') == 'undefined') { form = false; } let url = target.data('action') + (form ? 'form/' : ''); $.ajax({ url : url, type : 'post', dataType : 'json', data : requestData, beforeSend: function() { window.App.LoaderModel.show(); if (form) { disabledInputs(); } else { $('.h2').html(''); } }, success: function(data) { if (1) { let button_text; if (parseInt(data.data.count) > 0) { button_text = data.data.count; if (!$('input[name=mappage]').length) { //button_text += ' в ' + data.data.cnt_obj + ' ЖК'; } } else { button_text = data.data.count; } setButtonText(button_text); if (requestData.includes('premiseType=3')) { let select = App.SelectCollection.collection.find(el => el.instance.id === "fs-parking-build"); let selectPopup = App.SelectCollection.collection.find(el => el.instance.id === "fs-parking-build-popup"); if (select == 'undefined') { if (data.data.buildings) { select.ref.current.stateActions.setSelectDisabled(false); selectPopup.ref.current.stateActions.setSelectDisabled(false); let buildings = data.data.buildings; let currentOptions = select.ref.current.ref.current.props.value; select.ref.current.data.selectOptions.length = 0; selectPopup.ref.current.data.selectOptions.length = 0; Object.keys(buildings).forEach((item) => { select.ref.current.data.selectOptions.push({value: buildings[item]['ID'], label: buildings[item]['NAME']}); selectPopup.ref.current.data.selectOptions.push({value: buildings[item]['ID'], label: buildings[item]['NAME']}); }); if (currentOptions !== '') { select.ref.current.ref.current.setState({selectValue: currentOptions}); selectPopup.ref.current.ref.current.setState({selectValue: currentOptions}); } else { select.ref.current.ref.current.clearValue(); selectPopup.ref.current.ref.current.clearValue(); } } else { // lsrtodo doesnt work select.ref.current.ref.current.clearValue(); selectPopup.ref.current.ref.current.clearValue(); select.ref.current.data.selectOptions.length = 0; selectPopup.ref.current.data.selectOptions.length = 0; select.ref.current.stateActions.setSelectDisabled(true); selectPopup.ref.current.stateActions.setSelectDisabled(true); } } } unDisabledInputs(data); if ($('input[name=mappage]').length) { App.InteractiveYandexMapModelCollection.collection[0].reInitMarkers(data.data.objectIds); return; } } if (!form) { let button_text; if (parseInt(data.cnt) > 0) { button_text = data.cnt + ' ' + data.cnt_word; if (!$('input[name=mappage]').length) { //button_text += ' в ' + data.cnt_obj + ' ЖК'; } } else { button_text = data.count; } setButtonText(button_text); if (data.cnt) { data.object_link = data.object_link || ''; $('.h2').html(data.cnt_preword + ' ' + data.cnt + ' ' + data.cnt_suffword + ' ' + data.object_link); } else { $('.h2').html('Квартиры не найдены'); } $('.breadcrumbs').html(data.breadcrumb); } if (data.html) { divAppend.empty(); divAppend.append(data.html); $('button[data-js-lifecomplex-part="trigger"]').on('click', function(e) { appendTimeout(e); }); $('button[data-js-group-part="trigger"]').on('click', function(e) { appendTimeout(e); }); $('button[data-js-modalwindow-trigger]').on('click', function(e) { openModalMap(e); }); $('[data-js-listinggroupsummary]').on('click', function(e) { appendTimeout(e); }); } $('.listPagination__item').on('click', function(e) { appendTimeout(e); }); $('a.sortLink').unbind(); $('a.sortLink').on('click', function(e) { sortInObject(e); }); }, complete: function() { window.App.LoaderModel.hide(); } }); // _lsrtodo[front]: 368#J17 if (typeof $('#living').data('redirect') == 'undefined' && $('input[name=mappage]').length == 0) { $.ajax({ url : url + 'similar/', type : 'post', dataType: 'json', data : requestData, success : function(data) { const resultBlock = document.querySelector('.j-search-result-similar'); resultBlock.innerHTML = data.html; //that.init($('.j-search-result')); $('button[data-js-lifecomplex-part="trigger"]').on('click', function(e) { appendTimeout(e); }); $('button[data-js-group-part="trigger"]').on('click', function(e) { appendTimeout(e); }); $('button[data-js-modalwindow-trigger]').on('click', function(e) { openModalMap(e); }); } }); } } // _lsrtodo[front]: 368#D1 & 368#W1 $.fn.onAny = function(cb){ for(var k in this[0]) if(k.search('on') === 0) this.on(k.slice(2), function(e){ cb.apply(this,[e]); }); return this; }; // _lsrtodo[front]: 368#J18 setTimeout(function () { $('div[data-js-paramsearch-block]').find('.checkbox__input').on('click', (evt) => { if ($(evt.target).parent().find('input').is(':disabled')) { return; } sendTimeout(evt); }); $('div[data-js-paramsearch-block]').find('.formSelect').on('click', (evt) => { if ($(evt.target).hasClass('formSelect__option') || $(evt.target).hasClass('formSelect__optionContent')) { sendTimeout(evt); } }); $('div[data-js-paramsearch-block]').find('.rangeSlider--isSmall').find('input').on('change', (evt) => { rangeSliderUpdate(evt, false); sendTimeout(evt); }); $('.modalShowFilters').find('.checkbox__input').on('click', (evt) => { if ($(evt.target).parent().find('input').is(':disabled')) { return; } sendTimeout(evt); }); let popupselect = setInterval(function(){ if ($('.modalShowFilters').find('.formSelect').length) { clearInterval(popupselect); $('.modalShowFilters').find('.formSelect').on('click', (evt) => { if ($(evt.target).hasClass('formSelect__option') || $(evt.target).hasClass('formSelect__optionContent')) { sendTimeout(evt); } }); } }, 500); $('.modalShowFilters').find('.rangeSlider--isSmall').find('input').on('change', (evt) => { rangeSliderUpdate(evt, true); sendTimeout(evt); }); $('a.sortLink').on('click', function(e) { sortInObject(e); }); }, 2300); const sendTimeout = (e, sort = false) => { setTimeout(function () { if (!sort) { duplicateChangedValue(e); } setTimeout(function () { $('#mw-uniq-genplan').remove(); $('.lifeComplexList').empty(); $('.j-search-result-similar').empty(); send(e, !sort); }, 200); }, 100); } const rangeSliderUpdate = (e, popup = false) => { let target = $(e.target); let current = target.closest('.rangeSlider'); let id = '#' + current.attr('id'); let currentrange = App.RangeSliderCollection.findByQuerySelector(id); if (!popup) { id += '-popup'; } let explode = id.split('-'); let name = explode[2]; let inputMin = $(id).parent().find('input[name="' + name + '[min]"]'); let inputMax = $(id).parent().find('input[name="' + name + '[max]"]'); inputMin.val(currentrange.sliderValues[0]); inputMax.val(currentrange.sliderValues[1]); } // _lsrtodo[front]: 368#J6 const duplicateChangedValue = (e) => { let target = $(e.target); if ($('#mw-paramSearch').hasClass('fancybox__content')) { if (target.attr('type') === 'checkbox') { $('.paramSearch__params.isActive').find('input[id="' + target.attr('id') + '"]').prop('checked', target.is(':checked')); } else if (target.attr('type') === 'text') { let current = target.closest('.rangeSlider'); let currentrange = App.RangeSliderCollection.findByQuerySelector('#' + current.attr('id')); let range = App.RangeSliderCollection.findByQuerySelector('#' + (current.attr('id')).slice(0, -6)); if (typeof range === 'undefined') { return; } range.updateState(range.cfg.range.min, currentrange.sliderValues[0]); range.updateState(range.cfg.range.max, currentrange.sliderValues[1]); } else { let selectid = (target.closest('.formSelect')).parent().attr('id'); if (typeof selectid === 'undefined') { return; } let newid = selectid.slice(0, -6); let currentfsoptions = App.SelectCollection.collection.find(x => x.instance.id === selectid).ref.current.ref.current.props.value; let newfs = App.SelectCollection.collection.find(x => x.instance.id === newid); if (typeof newfs === 'undefined') { return; } newfs.ref.current.ref.current.setState({ selectValue: currentfsoptions }) } } else { if (target.attr('type') === 'checkbox') { let form = $('.modalShowFilters__tab.isActive'); form.find('input[id="' + target.attr('id') + '"]').prop('checked', target.is(':checked')); } else if (target.attr('type') === 'text') { let current = target.closest('.rangeSlider'); let currentrange = App.RangeSliderCollection.findByQuerySelector('#' + current.attr('id')); let range = App.RangeSliderCollection.findByQuerySelector('#' + current.attr('id') + '-popup'); if (typeof range === 'undefined') { return; } range.updateState(range.cfg.range.min, currentrange.sliderValues[0]); range.updateState(range.cfg.range.max, currentrange.sliderValues[1]); } else { let selectid = (target.closest('.formSelect')).parent().attr('id'); if (typeof selectid === 'undefined') { return; } let newid = selectid + '-popup'; let currentfsoptions = App.SelectCollection.collection.find(x => x.instance.id === selectid).ref.current.ref.current.props.value; let newfs = App.SelectCollection.collection.find(x => x.instance.id === newid).ref.current.ref.current; newfs.setState({ selectValue: currentfsoptions }) } } } let formParamSearch = $('form[data-js-paramsearch]'); // _lsrtodo[front]: 368#J19 $('.btn[data-js-lifecomplex-part="trigger"]').on('click', function(e) { appendTimeout(e); }); // _lsrtodo[front]: 368#J20 $('.listPagination__item').on('click', function(e) { appendTimeout(e); }); // _lsrtodo[front]: 368#J21 $('[data-js-listingGroupSummary]').on("click", function(e) { appendTimeout(e); }); const appendTimeout = (e, sorting = false) => { const SELECTORS = { paramSearch: { form: "form[data-js-paramsearch]" }, lifeComplex: { instance: "[data-js-lifecomplex]" }, flat: { instance: "[data-js-listingCard]", group: "[data-js-listingGroup]", resultsContainerOld: ".buildObjectList--isFlat", resultsContainer: "[data-js-listingResults=\"flats\"]", groupResults: "[data-js-listingGroupResults]" }, commerce: { resultsContainerOld: ".buildObjectList--isCommerce", resultsContainer: "[data-js-listingResults=\"commerce\"]" }, parking: { resultsContainerOld: ".buildObjectList--isParking", resultsContainer: "[data-js-listingResults=\"parking\"]" }, pantries: { resultsContainerOld: ".buildObjectList--isPantries", resultsContainer: "[data-js-listingResults=\"pantries\"]" }, common: { listingCard: "[data-js-listingCard]", resultsContainer: "[data-js-listingResults]", resultsContainerOld: ".buildObjectList", groupSummary: "[data-js-listingGroupSummary]" } } function getGroupAccordionModel(e) { const accordion = $(e.target).closest(SELECTORS.flat.group); if (!accordion.is(SELECTORS.flat.group)) return null; const groupId = accordion.data("js-listinggroup"); if (!groupId) return null; return window.App.AccordionModelCollection.collection.find(el => { const elId = $(el.instance).data("js-listinggroup") return groupId === elId; }) } setTimeout(function () { let target = $(e.target); let main = target; let divAppend; let type = 0; if (target.data('js-group-part') !== 'trigger') { let parent = target.parent(); if (parent.data('js-group-part') === 'trigger') { target = parent; } } if (target.data('js-group-part') === 'trigger') { divAppend = $('div[data-js="list"][data-id="' + target.data('id') + '"]'); if (typeof target.data('ids') !== 'undefined' && target.data('ids')) { if (target.hasClass('opened')) { target.removeClass('opened'); divAppend.empty(); return; } else { target.addClass('opened'); } } } else { main = target.closest('.lifeComplex'); // divAppend = main.find('.buildObjectList--isFlat').first(); divAppend = main.find(SELECTORS.flat.resultsContainer).first(); if (!divAppend.length) { divAppend = main.find(SELECTORS.flat.resultsContainerOld).first(); } type = 1; if (divAppend.length === 0) { divAppend = main.find(SELECTORS.commerce.resultsContainer); if (divAppend.length === 0) { divAppend = main.find(SELECTORS.parking.resultsContainerOld); } type = 2; } if (divAppend.length === 0) { divAppend = main.find(SELECTORS.parking.resultsContainer); if (divAppend.length === 0) { divAppend = main.find(SELECTORS.parking.resultsContainerOld); } type = 3; } if (divAppend.length === 0) { divAppend = main.find(SELECTORS.pantries.resultsContainer); if (divAppend.length === 0) { divAppend = main.find(SELECTORS.pantries.resultsContainerOld); } type = 4; } } let action = main.data('action'); if (!action) { action = target.data('action'); } if (!action) { action = $(SELECTORS.paramSearch.form).data('action'); } let objID = main.data('obj-id'); if (typeof objID === 'undefined') { objID = target.data('obj-id'); } let requestData = inputsSerialized(); let a = 'types'; let requestDataString = requestData; let obj = target.closest(SELECTORS.lifeComplex.instance); let sort = obj.find('.sortLink--isActive'); let obsort = sort.data('sort'); let oborder = sort.data('direction'); let page = 1; if (target.data('page')) { page = target.data('page'); } else if (target.parent().data('page')) { page = target.parent().data('page'); } requestDataString += '&ob[page]=' + page; if (!sorting) { requestDataString += '&ob[sort]=' + obsort + '&ob[order]=' + oborder; } else { requestDataString += '&' + sorting; } requestDataString += '&group[t]=false' + '&ob[id]=' + objID + '&object=' + objID; if (target.data('js-group-part') === 'trigger') { a = 'flats'; requestDataString += '&a=flats&ot[id]=' + target.data('id'); let otpage = 1; if (target.data('page')) { otpage = target.data('page'); } else if (target.parent().data('page')) { otpage = target.parent().data('page'); } requestDataString += '&ot[page]=' + otpage; } if (type === 3) { a = 'flats'; requestDataString += '&premiseType=3&a=flats'; } if (type === 4) { a = 'flats'; requestDataString += '&premiseType=4&a=flats'; } if (a === 'types') { requestDataString += '&a=types'; } if (sortvalue && a !== 'flats' && a !== 'types') { requestDataString += '&sort=' + sortvalue; } if ($('input[name=view]:checked').val() === 'grid') { requestDataString += '&limit=12'; } const model = getGroupAccordionModel(e); function updateContentHeight() { if (model && model.states.isOpen) { const contentWrapper = model.contentElement; contentWrapper.style.setProperty("--contentHeight", `auto`); contentWrapper.style.setProperty("--contentHeight", `${contentWrapper.offsetHeight}px`) } } $.ajax({ url : action, type : 'post', dataType : 'json', data : requestDataString, beforeSend: function() { window.App.LoaderModel.show(); }, success: function(res) { // CLEAR ALL CONTENT divAppend.find(SELECTORS.common.listingCard).remove(); divAppend.find('[data-js-flat]').remove(); divAppend.find('.buildObject__wrapper').remove(); divAppend.find('script').remove(); divAppend.find('.listPagination').remove(); if (a === 'types') { divAppend.find(SELECTORS.flat.group).remove(); divAppend.find('.buildObjectList--isFlat[data-js=list]').remove(); } if (target.data('js-group-part') === 'trigger') { divAppend.find(SELECTORS.flat.groupResults).remove(); divAppend.empty(); } // INSERT HTML if (res.html) { if (target.data('js-group-part') === 'trigger') { divAppend.html(res.html); if (res.pagination) { divAppend.append(res.pagination); $('.listPagination__item').on('click', function(e) { // closeGroup(); appendTimeout(e); }); divAppend.find('.listPagination__item').attr('data-id', target.data('id')); divAppend.find('.listPagination__item').attr('data-obj-id', target.data('obj-id')); } } else { divAppend.append(res.html); if (res.pagination) { divAppend.append(res.pagination); $('.listPagination__item').on('click', function(e) { appendTimeout(e); }); } } $('.btn[data-js-group-part="trigger"]').unbind(); $('.btn[data-js-group-part="trigger"]').on('click', function(e) { appendTimeout(e); }); $('[data-js-listingGroupSummary]').unbind(); $('[data-js-listingGroupSummary]').on("click", function(e) { appendTimeout(e); }); $('html, body').animate({ scrollTop: divAppend.offset().top - $('header').height() }, 600); } $('a.sortLink').unbind(); $('a.sortLink').on('click', function(e) { sortInObject(e); }); }, complete: function() { window.App.LoaderModel.hide(); updateContentHeight(); } }) }, 300); } // Клик по кнопки сброса фильтра //this.$reset.on('click', this.bindClickReset.bind(this)); // _lsrtodo[front]: 368#J15 const disabledInputs = () => { let form = $('div[data-js-paramsearch-block].isActive'); let id = form.attr('id'); let inputs = form.find('input'); inputs.each((i, item) => { let el = $(item); if (el.attr('name') && (el.attr('name')).includes('opt')) { return; } if (el.attr('type') === 'checkbox') { el.prop('disabled', true); } }); let selects = form.find('.formSelect'); selects.each((i, item) => { $(item).addClass('formSelect--isDisabled'); }); let sliders = form.find('.rangeSlider'); sliders.each((i, item) => { $(item).addClass('rangeSlider--isDisabled'); }); // form = $('div.modalShowFilters__tab[data-js-tabscontent="' + id + '"]'); inputs = form.find('input'); inputs.each((i, item) => { let el = $(item); if (el.attr('name') && (el.attr('name')).includes('opt')) { return; } if (el.attr('type') === 'checkbox') { el.prop('disabled', true); } }); selects = form.find('.formSelect'); selects.each((i, item) => { $(item).addClass('formSelect--isDisabled'); }); sliders = form.find('.rangeSlider'); sliders.each((i, item) => { $(item).addClass('rangeSlider--isDisabled'); }); } // _lsrtodo[front]: 368#J10 const resetInputs = (send = true) => { let sliders = ['rs-living-price', 'rs-living-price-popup', 'rs-living-area-popup', 'rs-living-floor-popup']; let formPopup = $('.modalShowFilters__tab[data-js-tabscontent="living"]'); if ($('#commerce').hasClass('isActive')) { sliders = ['rs-premise-price', 'rs-commerce-area', 'rs-premise-price-popup', 'rs-commerce-area-popup']; formPopup = $('.modalShowFilters__tab[data-js-tabscontent="commerce"]'); } else if ($('#parking').hasClass('isActive')) { sliders = ['rs-parking-price', 'rs-parking-price-popup', 'rs-parking-floor-popup']; formPopup = $('.modalShowFilters__tab[data-js-tabscontent="parking"]'); } else if ($('#pantry').hasClass('isActive')) { sliders = ['rs-pantry-price', 'rs-pantry-price-popup']; formPopup = $('.modalShowFilters__tab[data-js-tabscontent="pantry"]'); } sliders.forEach((item) => { let range = App.RangeSliderCollection.findByQuerySelector('#' + item); if (typeof range === 'undefined') { return; } range.updateState(range.cfg.range.min, 0); range.updateState(range.cfg.range.max, 1); let name = item.split('-'); name = name[2]; $('div[data-js-paramsearch-block].isActive').find('input[name="' + name + '[min]"]').val(range.cfg.range.min); $('div[data-js-paramsearch-block].isActive').find('input[name="' + name + '[max]"]').val(range.cfg.range.max); formPopup.find('input[name="' + name + '[min]"]').val(range.cfg.range.min); formPopup.find('input[name="' + name + '[max]"]').val(range.cfg.range.max); }); formPopup.find('input[name="build[]"]').remove(); let form = $('div[data-js-paramsearch-block].isActive'); let inputs = form.find('input[type=checkbox]'); inputs.each((i, item) => { let el = $(item); el.prop('disabled', false); el.removeAttr('checked'); }); let selects = form.find('div[data-js-select]'); selects.each((i, item) => { let itemId = $(item).attr('id'); App.SelectCollection.collection.find(x => x.instance.id === itemId).ref.current.ref.current.clearValue(); }); inputs = formPopup.find('input[type=checkbox]'); inputs.each((i, item) => { let el = $(item); el.prop('disabled', false); el.removeAttr('checked'); }); selects = formPopup.find('div[data-js-select]'); selects.each((i, item) => { let itemId = $(item).attr('id'); App.SelectCollection.collection.find(x => x.instance.id === itemId).ref.current.ref.current.clearValue(); }); if (send) { sendTimeout(e, false); } } // _lsrtodo[front]: 368#J15 const unDisabledInputs = (data) => { let type = 1; let sliderForm = ['rs-living-price', 'rs-living-price-popup', 'rs-living-area-popup', 'rs-living-floor-popup']; if ($('#commerce').hasClass('isActive')) { $type = 2; sliderForm = ['rs-premise-price', 'rs-commerce-area', 'rs-premise-price-popup', 'rs-commerce-area-popup']; } else if ($('#parking').hasClass('isActive')) { $type = 3; sliderForm = ['rs-parking-price', 'rs-parking-price-popup', 'rs-parking-floor-popup']; } else if ($('#pantry').hasClass('isActive')) { $type = 4; sliderForm = ['rs-pantry-price', 'rs-pantry-price-popup']; } let form = $('div[data-js-paramsearch-block].isActive'); let id = form.attr('id'); let selects = form.find('.formSelect'); selects.each((i, item) => { $(item).removeClass('formSelect--isDisabled'); }); let sliders = form.find('.rangeSlider'); sliders.each((i, item) => { $(item).removeClass('rangeSlider--isDisabled'); }); let checkboxes = form.find('input[type=checkbox]'); if (data.data.visible) { (data.data.visible).forEach((vis) => { checkboxes.each((i, item) => { let el = $(item); if ((el.attr('name')) === vis) { el.prop('disabled', false); } }); }); } form = $('div.modalShowFilters__tab[data-js-tabscontent="' + id + '"]'); selects = form.find('.formSelect'); selects.each((i, item) => { $(item).removeClass('formSelect--isDisabled'); }); sliders = form.find('.rangeSlider'); sliders.each((i, item) => { $(item).removeClass('rangeSlider--isDisabled'); }); let sliderTypes = ['price', 'area', 'floor']; sliderForm.forEach((item) => { let range = App.RangeSliderCollection.findByQuerySelector('#' + item); if (typeof range === 'undefined') { return; } sliderTypes.forEach((type) => { if (item.includes(type)) { let min = form.find('input[name="' + type + '[min]"]').val(); if (min < data.data[type].min) { range.updateState(data.data[type].min, 0); } else { range.updateState(min, 0); } let max = form.find('input[name="' + type + '[max]"]').val(); if (max > data.data[type].max) { range.updateState(data.data[type].max, 1); } else { range.updateState(max, 1); } } }); }); checkboxes = form.find('input[type=checkbox]'); if (data.data.visible) { (data.data.visible).forEach((vis) => { checkboxes.each((i, item) => { let el = $(item); if ((el.attr('name')) === vis) { el.prop('disabled', false); } }); }); } form.find('input[name="floor[nfirst]"]').prop('disabled', false); form.find('input[name="floor[nlast]"]').prop('disabled', false); } // _lsrtodo[front]: 368#J16 const sortInObject = (e) => { e.preventDefault(); let $target = $(e.target); let sort = $target.data('sort'); if (sort === undefined) { $target = $target.parent(); sort = $target.data('sort'); } let direction = $target.data('direction'); if (direction === undefined) { direction = 'desc'; } let ascClass = 'sortLink--asc'; let descClass = 'sortLink--desc'; let activeClass = 'sortLink--isActive'; let $allSorts = $target.parents().find('a.sortLink'); $allSorts.each(function() { $(this) .removeClass(activeClass) .removeClass(ascClass) .addClass(descClass); }); $target.addClass(activeClass); if (direction === 'asc') { $target.data('direction', 'desc'); $target.removeClass(ascClass); $target.addClass(descClass); direction = 'desc'; } else { $target.data('direction', 'asc'); $target.removeClass(descClass); $target.addClass(ascClass); direction = 'asc'; } let string = 'ob[sort]=' + sort + '&ob[order]=' + direction + '&ob[page]=1'; appendTimeout(e, string); } </script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NM5GJ96M" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  </body> </html>

CINXE.COM

ЖК «Ручьи» | Официальный сайт застройщика ЛСР. Недвижимость - Северо Запад