Недвижимость в Санкт-Петербурге - новостройки от застройщика ЛСР Недвижимость СЗ

<!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/"/>  <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>  </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 "> <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/" 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/" 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/" 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/" 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/" 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/" 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">  <script type='text/javascript'> var dataLayer = dataLayer || []; dataLayer.push({ 'event': 'crto_homepage', crto: { 'email': '' // может быть пустой строкой } }); </script>  <section class="section section--isMb16"> <div class="section__wrap container"> <div class="section__content"> <div class="heroSlider"> <div class="slider"> <div class="slider__container swiper heroSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <a class="slider__slide swiper-slide" href="https://www.lsr.ru/spb/novosti/start-prodazh-v-civilizacii-na-neve-novyj-dom-u-vody/"> <div class="heroSlider__imgContainer"> <picture class="responsiveImage"> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/cff/k5wzqy23kqzby0hpkroq2so9eah9rjgi/CNN6_banner_mobile_nov_2024_02.jpg 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/cff/k5wzqy23kqzby0hpkroq2so9eah9rjgi/CNN6_banner_mobile_nov_2024_02.jpg 1x" media="(max-width: 640px)"/> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/d9e/kj6zcxh6ks4z0i5hrpnrlewci3dhf2ip/CNN6_banner_desktop_nov_2024_02.jpg 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/d9e/kj6zcxh6ks4z0i5hrpnrlewci3dhf2ip/CNN6_banner_desktop_nov_2024_02.jpg 1x" media="(max-width: 920px)"/> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/790/rdy8zxy6rfs7b725643miv5zdpmdpski/CNN6_banner_desktop_nov_2024_02.jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/790/rdy8zxy6rfs7b725643miv5zdpmdpski/CNN6_banner_desktop_nov_2024_02.jpg 2x" width="1600" height="520" loading="lazy" decoding="async" alt="Цивилизация на Неве, дом 6" aria-describedby=""/> </picture> </div> <div class="heroSlider__body"> <div class="countdown"> <div class="countdown__header"> <div class="countdown__aux"> </div> <div class="countdown__heading h0"></div> </div> </div> </div> <div class="heroSlider__footer"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge"> <span class="btn__label">Подробнее</span> </button> </div> </a> <a class="slider__slide swiper-slide" href="https://www.lsr.ru/spb/novosti/pulkovo-lake-novyj-dom-v-prodazhe/"> <div class="heroSlider__imgContainer"> <picture class="responsiveImage"> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/697/ov785wpjan5nmxto7pukz4k6rikgp269/PL2_banner_mobile_nov_2024_01.jpg 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/697/ov785wpjan5nmxto7pukz4k6rikgp269/PL2_banner_mobile_nov_2024_01.jpg 1x" media="(max-width: 640px)"/> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/eac/0we02ri6rlbtwencg758q4674s26xod7/PL2_banner_desktop_nov_2024_01.jpg 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/eac/0we02ri6rlbtwencg758q4674s26xod7/PL2_banner_desktop_nov_2024_01.jpg 1x" media="(max-width: 920px)"/> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/a02/9l2wkcyo4q122g4cca896h8vxbsi1bwh/PL2_banner_desktop_nov_2024_01.jpg" srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/a02/9l2wkcyo4q122g4cca896h8vxbsi1bwh/PL2_banner_desktop_nov_2024_01.jpg 2x" width="1600" height="520" loading="lazy" decoding="async" alt="PL2" aria-describedby=""/> </picture> </div> <div class="heroSlider__body"> <div class="countdown"> <div class="countdown__header"> <div class="countdown__aux"> </div> <div class="countdown__heading h0"></div> </div> </div> </div> <div class="heroSlider__footer"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge"> <span class="btn__label">Подробнее</span> </button> </div> </a> <a class="slider__slide swiper-slide" href="https://www.lsr.ru/spb/novosti/zapuskaem-programmu-podderzhka-ot-lsr/"> <div class="heroSlider__imgContainer"> <picture class="responsiveImage"> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/6e0/hq9t39g2n7xocklmcjpygz1hwd4vvld7/Sup_banner_mobile_oct_2024_01.png 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/6e0/hq9t39g2n7xocklmcjpygz1hwd4vvld7/Sup_banner_mobile_oct_2024_01.png 1x" media="(max-width: 640px)"/> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/f41/bizwcfd02qazded6mizak2p0lr3fj2ul/Sup_banner_desktop_oct_2024_01.png 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/f41/bizwcfd02qazded6mizak2p0lr3fj2ul/Sup_banner_desktop_oct_2024_01.png 1x" media="(max-width: 920px)"/> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/0c2/azdz79sjiv8ngch1xkd9ueqt3bap95vc/Sup_banner_desktop_oct_2024_01.png" srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/0c2/azdz79sjiv8ngch1xkd9ueqt3bap95vc/Sup_banner_desktop_oct_2024_01.png 2x" width="1600" height="520" loading="lazy" decoding="async" alt="Поддержка ЛСР" aria-describedby=""/> </picture> </div> <div class="heroSlider__body"> <div class="countdown"> <div class="countdown__header"> <div class="countdown__aux"> </div> <div class="countdown__heading h0"></div> </div> </div> </div> <div class="heroSlider__footer"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge"> <span class="btn__label">Подробнее</span> </button> </div> </a> <a class="slider__slide swiper-slide" href="https://www.lsr.ru/spb/novosti/20-80-rasskazyvaem-obo-vsekh-preimushchestvah-programmy/"> <div class="heroSlider__imgContainer"> <picture class="responsiveImage"> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/739/tmkuvs4br8hur4lwyxot900toso32kev/RASSR20-80_banner_mobile_nov_2024_01.png 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/739/tmkuvs4br8hur4lwyxot900toso32kev/RASSR20-80_banner_mobile_nov_2024_01.png 1x" media="(max-width: 640px)"/> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/d04/2oq00z74hln9ylxkjr70xmt3pjr2zxr0/RASSR20-80_banner_desktop_nov_2024_01.png 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/d04/2oq00z74hln9ylxkjr70xmt3pjr2zxr0/RASSR20-80_banner_desktop_nov_2024_01.png 1x" media="(max-width: 920px)"/> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/6ba/ebt3hkvi4zusuntr1fmo1e4n2g1bklrg/RASSR20-80_banner_desktop_nov_2024_01.png" srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/6ba/ebt3hkvi4zusuntr1fmo1e4n2g1bklrg/RASSR20-80_banner_desktop_nov_2024_01.png 2x" width="1600" height="520" loading="lazy" decoding="async" alt="Рассрочка 20/80" aria-describedby=""/> </picture> </div> <div class="heroSlider__body"> <div class="countdown"> <div class="countdown__header"> <div class="countdown__aux"> </div> <div class="countdown__heading h0"></div> </div> </div> </div> <div class="heroSlider__footer"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge"> <span class="btn__label">Подробнее</span> </button> </div> </a> <a class="slider__slide swiper-slide" href="https://www.lsr.ru/spb/novosti/rassrochka-na-8-let/"> <div class="heroSlider__imgContainer"> <picture class="responsiveImage"> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/d90/k6untw1bq5qtyrd033z20o7uugqs8ka3/8_let_banner_mobile_sept_2024_01.png 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/d90/k6untw1bq5qtyrd033z20o7uugqs8ka3/8_let_banner_mobile_sept_2024_01.png 1x" media="(max-width: 640px)"/> <source srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/9a6/ib57ggwv81nq81uyqw7w00u9cgv2216q/8_let_banner_desktop_sept_2024_01.png 2x, https://cdn.static.lsr.ru/upload/kelnik.slidermulti/9a6/ib57ggwv81nq81uyqw7w00u9cgv2216q/8_let_banner_desktop_sept_2024_01.png 1x" media="(max-width: 920px)"/> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/163/scillt65g716jne6yul5sas31fpqzldl/8_let_banner_desktop_sept_2024_01.png" srcSet="https://cdn.static.lsr.ru/upload/kelnik.slidermulti/163/scillt65g716jne6yul5sas31fpqzldl/8_let_banner_desktop_sept_2024_01.png 2x" width="1600" height="520" loading="lazy" decoding="async" alt="Старая добрая ипотека" aria-describedby=""/> </picture> </div> <div class="heroSlider__body"> <div class="countdown"> <div class="countdown__header"> <div class="countdown__aux"> </div> <div class="countdown__heading h0"></div> </div> </div> </div> <div class="heroSlider__footer"> <button draggable="false" type="button" class="btn btn--isOutline btn--isSizeLarge"> <span class="btn__label">Подробнее</span> </button> </div> </a> </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 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> </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"},{"label":"паркинг","value":"parking"},{"label":"кладовую","value":"pantry"} ], "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"},{"label":"паркинг","value":"parking"},{"label":"кладовую","value":"pantry"} ], "value":"living", "placeholder":"жилую недвижимость"}'> </div> </div> <div id="living" data-count="6884 варианта" 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" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">4+</span> </label> </li> </ul> </fieldset> </div> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[3.1,97.3], "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" /> <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" /> <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":"\u0411\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u043a\u0438","value":"3"},{"label":"\u0421 \u043e\u0442\u0434\u0435\u043b\u043a\u043e\u0439","value":"4"},{"label":"White box","value":"13"}]}' 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="99 помещений" 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":[11.4,42.3], "range":{"min":11.4,"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="11.4" /> <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" /> <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" /> <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":37,"max":183},"start":[37,184]}' 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="37" /> <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"}]}' id="fs-commerce-obj" > </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":"\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 id="parking" data-count="362 машино-места" data-js-ParamSearch-block="" class="paramSearch__params" data-action="/ajax/search/spb/" data-url="/spb/parking/" data-redirect="/spb/parking/" > <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[0.2,4.4], "range":{"min":0.2,"max":4.4}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-parking-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="0.2" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="4.4" /> </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" /> <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> </ul> </fieldset> </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":"\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":"\u041b\u0421\u0420. \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u041e\u0445\u0442\u0430","value":"209"},{"label":"NEVA HAUS","value":"83"},{"label":"\u0422\u0440\u0438 \u0432\u0435\u0442\u0440\u0430","value":"76"},{"label":"\u0428\u0443\u0432\u0430\u043b\u043e\u0432\u0441\u043a\u0438\u0439","value":"61"},{"label":"\u0421\u043c\u043e\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u043a II \u043e\u0447\u0435\u0440\u0435\u0434\u044c","value":"37"},{"label":"\u042e\u0436\u043d\u0430\u044f \u0430\u043a\u0432\u0430\u0442\u043e\u0440\u0438\u044f","value":"95"},{"label":"\u0417\u043e\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439, 2-4","value":"175"},{"label":"\u041a\u0430\u043b\u0438\u043d\u0430-\u043f\u0430\u0440\u043a 2","value":"64"}]}' id="fs-parking-obj" > </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":"\u0411\u0435\u0433\u043e\u0432\u0430\u044f","value":"73"},{"label":"\u041a\u043e\u043c\u0435\u043d\u0434\u0430\u043d\u0442\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"19"},{"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\u0435\u0441\u043d\u0430\u044f","value":"24"},{"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":"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u0430\u044f","value":"56"},{"label":"\u0421\u0442\u0430\u0440\u0430\u044f \u0414\u0435\u0440\u0435\u0432\u043d\u044f","value":"57"},{"label":"\u0423\u043b\u0438\u0446\u0430 \u0414\u044b\u0431\u0435\u043d\u043a\u043e","value":"60"},{"label":"\u0427\u0435\u0440\u043d\u044b\u0448\u0435\u0432\u0441\u043a\u0430\u044f","value":"63"}]}' id="fs-parking-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\u0430\u0441\u0438\u043b\u0435\u043e\u0441\u0442\u0440\u043e\u0432\u0441\u043a\u0438\u0439","value":"2"},{"label":"\u041a\u0430\u043b\u0438\u043d\u0438\u043d\u0441\u043a\u0438\u0439","value":"4"},{"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\u0435\u0442\u0440\u043e\u0433\u0440\u0430\u0434\u0441\u043a\u0438\u0439","value":"13"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0438\u0439","value":"15"},{"label":"\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0439","value":"18"}]}' id="fs-parking-location" > </div> </div> </div> </div> <div id="pantry" data-count="7 кладовых" data-js-ParamSearch-block="" class="paramSearch__params" data-action="/ajax/search/spb/" data-url="/spb/kladovki/" data-redirect="/spb/kladovki/" > <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[0.6,1], "range":{"min":0.6,"max":1}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-pantry-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="0.6" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="1" /> </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="delivery31" name="delivery[31]" value="31" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2025</span> </label> </li> </ul> </fieldset> </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":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043c\u0438\u043b\u044f","value":"198"}]}' id="fs-pantry-obj" > </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":"\u041a\u0438\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0417\u0430\u0432\u043e\u0434","value":"18"},{"label":"\u041b\u0435\u043d\u0438\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"23"}]}' id="fs-pantry-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":"\u041a\u0440\u0430\u0441\u043d\u043e\u0441\u0435\u043b\u044c\u0441\u043a\u0438\u0439","value":"8"}]}' id="fs-pantry-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"> 6884 варианта </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> <li class="modalShowFilters__menu-item" data-js-TabsItem="parking"> <span>Паркинги</span> </li> <li class="modalShowFilters__menu-item" data-js-TabsItem="pantry"> <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" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">4+</span> </label> </li> </ul> </fieldset> </div> <input name="price[min]" value="3.1" type="text" style="display: none"> <input name="price[max]" value="97.3" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[3.1,97.3], "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" /> <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" /> <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"}]}' id="fs-living-obj-popup" > </div> </div> <input name="area[min]" value="18" type="text" style="display: none"> <input name="area[max]" value="204" 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":[18,204]}' 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":"\u0411\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u043a\u0438","value":"3"},{"label":"\u0421 \u043e\u0442\u0434\u0435\u043b\u043a\u043e\u0439","value":"4"},{"label":"White box","value":"13"}]}' 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" /> <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" /> <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" /> <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" /> <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" /> <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" /> <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" /> <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" /> <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" /> <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" /> <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" /> <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><label class="checkbox checkbox--isButton"> <input class="checkbox__input" id="apart" name="apart" type="checkbox" value="Y" /> <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="11.4" type="text" style="display: none"> <input name="price[max]" value="42.3" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[11.4,42.3], "range":{"min":11.4,"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="11.4" /> <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" /> <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" /> <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="37" type="text" style="display: none"> <input name="area[max]" value="184" 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":37,"max":183},"start":[37,184]}' 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="37" /> <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"}]}' id="fs-commerce-obj-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":"\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 data-js-TabsContent="parking" class="modalShowFilters__tab "> <div class="modalShowFilters__grid"> <input type="hidden" name="premiseType" value="3"> <input name="price[min]" value="0.2" type="text" style="display: none"> <input name="price[max]" value="4.4" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[0.2,4.4], "range":{"min":0.2,"max":4.4}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-parking-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="0.2" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="4.4" /> </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" /> <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> </ul> </fieldset> </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":"\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":"\u041b\u0421\u0420. \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u041e\u0445\u0442\u0430","value":"209"},{"label":"NEVA HAUS","value":"83"},{"label":"\u0422\u0440\u0438 \u0432\u0435\u0442\u0440\u0430","value":"76"},{"label":"\u0428\u0443\u0432\u0430\u043b\u043e\u0432\u0441\u043a\u0438\u0439","value":"61"},{"label":"\u0421\u043c\u043e\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u043a II \u043e\u0447\u0435\u0440\u0435\u0434\u044c","value":"37"},{"label":"\u042e\u0436\u043d\u0430\u044f \u0430\u043a\u0432\u0430\u0442\u043e\u0440\u0438\u044f","value":"95"},{"label":"\u0417\u043e\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439, 2-4","value":"175"},{"label":"\u041a\u0430\u043b\u0438\u043d\u0430-\u043f\u0430\u0440\u043a 2","value":"64"}]}' id="fs-parking-obj-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":"\u0411\u0435\u0433\u043e\u0432\u0430\u044f","value":"73"},{"label":"\u041a\u043e\u043c\u0435\u043d\u0434\u0430\u043d\u0442\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"19"},{"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\u0435\u0441\u043d\u0430\u044f","value":"24"},{"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":"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u0430\u044f","value":"56"},{"label":"\u0421\u0442\u0430\u0440\u0430\u044f \u0414\u0435\u0440\u0435\u0432\u043d\u044f","value":"57"},{"label":"\u0423\u043b\u0438\u0446\u0430 \u0414\u044b\u0431\u0435\u043d\u043a\u043e","value":"60"},{"label":"\u0427\u0435\u0440\u043d\u044b\u0448\u0435\u0432\u0441\u043a\u0430\u044f","value":"63"}]}' id="fs-parking-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\u0430\u0441\u0438\u043b\u0435\u043e\u0441\u0442\u0440\u043e\u0432\u0441\u043a\u0438\u0439","value":"2"},{"label":"\u041a\u0430\u043b\u0438\u043d\u0438\u043d\u0441\u043a\u0438\u0439","value":"4"},{"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\u0435\u0442\u0440\u043e\u0433\u0440\u0430\u0434\u0441\u043a\u0438\u0439","value":"13"},{"label":"\u041f\u0440\u0438\u043c\u043e\u0440\u0441\u043a\u0438\u0439","value":"15"},{"label":"\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0439","value":"18"}]}' id="fs-parking-location-popup" > </div> </div> <input name="floor[min]" value="-3" type="text" style="display: none"> <input name="floor[max]" value="6" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{"step":1,"margin":1,"connect":true,"valueType":"wholeNumber","range":{"min":-3,"max":6},"start":[-3,6]}' id="rs-parking-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="-3" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="floor_range[max]" type="text" data-js-rangeSliderHigherValue="" value="6" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> </div> <div class="isMtD52T40M20"> <div class="modalShowFilters__item modalShowFilters__item--isRow modalShowFilters__tagsList"> <label class="checkbox checkbox--isButton checkbox--isWithIcon"> <input class="checkbox__input" id="elite" name="elite" type="checkbox" value="1" /> <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 checkbox--isWithIcon"> <input class="checkbox__input" id="rent" name="rent" type="checkbox" value="on" /> <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> </div> </div> </div> <div data-js-TabsContent="pantry" class="modalShowFilters__tab "> <div class="modalShowFilters__grid"> <input type="hidden" name="premiseType" value="4"> <input name="price[min]" value="0.6" type="text" style="display: none"> <input name="price[max]" value="1" type="text" style="display: none"> <div class="rangeSlider rangeSlider--isSmall" data-js-rangeSlider='{ "start":[0.6,1], "range":{"min":0.6,"max":1}, "step":0.1, "margin":0.1, "connect":true, "valueType":"oneDecimal", "isPercent":false}' id="rs-pantry-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="0.6" /> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputHigher" name="price_range[max]" type="text" autoComplete="off" data-js-rangeSliderHigherValue="" value="1" /> </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="delivery31" name="delivery[31]" value="31" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label">2025</span> </label> </li> </ul> </fieldset> </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":"\u041c\u043e\u0440\u0441\u043a\u0430\u044f \u043c\u0438\u043b\u044f","value":"198"}]}' id="fs-pantry-obj-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":"\u041a\u0438\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0417\u0430\u0432\u043e\u0434","value":"18"},{"label":"\u041b\u0435\u043d\u0438\u043d\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0441\u043f\u0435\u043a\u0442","value":"23"}]}' id="fs-pantry-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":"\u041a\u0440\u0430\u0441\u043d\u043e\u0441\u0435\u043b\u044c\u0441\u043a\u0438\u0439","value":"8"}]}' id="fs-pantry-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"> 6884 варианта </span> <span class="btn__label isVisibleMobile"> 6884 кв. </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--isHeaderMb24 lifeComplexSection isBgWildSandOnTablet main-section-object section--isPadTD64T32M48"> <div class="section__wrap container"> <header class="section__header"> <div class="flexFlow flexFlow--isJustifyContentCenter flexFlow--isFlexDirectionColumn flexFlow--isPadX20 flexFlow--isGap0"> <h1 class="h1 isMb32 isTextAlignCenter">Недвижимость в Санкт-Петербурге</h1> <div class="isHiddenMobile"> <ul class="tabCheckerGroup" id="main_tabs"> <li class="tabCheckerGroup__item" data-js-TabsItem="all" value="all" data-tab="all" data-city="1" data-text-btn="Выбрать квартиру" data-url-btn="/kvartiry-v-novostroikah/" data-max-visible-desktop="30" data-max-visible-mobile="30" > <span class="isHiddenMobile">Все</span> <span class="isVisibleMobile"></span> </li> <li class="tabCheckerGroup__item isActive" data-js-TabsItem="100" value="100" data-tab="100" data-city="1" data-text-btn="Выбрать квартиру" data-url-btn="/kvartiry-v-novostroikah/" data-max-visible-desktop="9" data-max-visible-mobile="9" > <span class="isHiddenMobile">Жилая</span> <span class="isVisibleMobile"></span> </li> <li class="tabCheckerGroup__item" data-js-TabsItem="40000" value="40000" data-tab="40000" data-city="1" data-text-btn="Выбрать помещение" data-url-btn="/kommercheskaya-nedvizhimost/" data-max-visible-desktop="30" data-max-visible-mobile="30" > <span class="isHiddenMobile">Коммерческая</span> <span class="isVisibleMobile"></span> </li> <li class="tabCheckerGroup__item" data-js-TabsItem="20000" value="20000" data-tab="20000" data-city="1" data-text-btn="Выбрать машино-место" data-url-btn="/parking/" data-max-visible-desktop="30" data-max-visible-mobile="30" > <span class="isHiddenMobile">Паркинги</span> <span class="isVisibleMobile"></span> </li> <li class="tabCheckerGroup__item" data-js-TabsItem="3000" value="3000" data-tab="3000" data-city="1" data-text-btn="Выбрать кладовую" data-url-btn="/kladovki/" data-max-visible-desktop="30" data-max-visible-mobile="30" > <span class="isHiddenMobile">Кладовые</span> <span class="isVisibleMobile"></span> </li> </ul> </div> <div class="isVisibleMobile isFullWidth"> <p class="label l3">Тип недвижимости</p> <div class="droplist"> <p class="label l3"></p> <div id='selectTypeObjectMobile' data-js-select=' {"id":"selectTypeObjectMobile", "name":"selectTypeObjectMobile", "options":[ {"isChecked":false,"label":"Все","name":"lifecomplex","value":"all","href":"all"},{"isChecked":true,"label":"Жилая","name":"lifecomplex","value":"100","href":"100"},{"isChecked":false,"label":"Коммерческая","name":"lifecomplex","value":"40000","href":"40000"},{"isChecked":false,"label":"Паркинги","name":"lifecomplex","value":"20000","href":"20000"},{"isChecked":false,"label":"Кладовые","name":"lifecomplex","value":"3000","href":"3000"} ], "isSearchable":false, "isMulti":false, "extraClasses":{}, "value":{"isChecked":true,"label":"Жилая","name":"lifecomplex","href":"100"} }'></div> </div> </div> </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" data-id="118" data-tab-content="[40000, 100]" data-living-price="3.3" data-commerce-price="13.3" data-parking-price="0" data-pantry-price="0" > <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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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/#onlineTranslation" 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" data-id="221" data-tab-content="[100]" data-living-price="4.6" data-commerce-price="0" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/pulkovo-lake/"> <div class="projectCard__title"> <span class="h3">Пулково Lake</span> <div class="projectCard__price"> <div class="tag"> <span>от 4.6 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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> </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/pulkovo-lake/hod-stroitelstva/#onlineTranslation" 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/pulkovo-lake/"> <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/479/3ibjb11ttayrh7q5mxin6c2fep2nr4p9/2500х2000 - 2.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/af2/p156446w0za9kb5q9tbbnbc1sgrt3fox/2500х2000 - 1.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/479/3ibjb11ttayrh7q5mxin6c2fep2nr4p9/2500х2000 - 2.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/af2/p156446w0za9kb5q9tbbnbc1sgrt3fox/2500х2000 - 1.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/pulkovo-lake/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=221" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="210" data-tab-content="[40000, 100]" data-living-price="3.1" data-commerce-price="25.2" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/lsr-rzhevskij-park/"> <div class="projectCard__title"> <span class="h3">ЛСР. Ржевский парк</span> <div class="projectCard__price"> <div class="tag"> <span>от 3.1 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <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 class="metro__hintWrapper" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 2</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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__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/lsr-rzhevskij-park/hod-stroitelstva/#onlineTranslation" 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/lsr-rzhevskij-park/"> <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/29e/1mismdp8lojc04mzu10fb0bnv4c3e3oc/2500х2000 - рж парк (2).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/d70/dlxjlej9heujop74ja0ifz2ainj8irh9/2500х2000 - рж парк (1).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/29e/1mismdp8lojc04mzu10fb0bnv4c3e3oc/2500х2000 - рж парк (2).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/d70/dlxjlej9heujop74ja0ifz2ainj8irh9/2500х2000 - рж парк (1).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/lsr-rzhevskij-park/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=210" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="88" data-tab-content="[100, 20000]" data-living-price="5.7" data-commerce-price="0" data-parking-price="0.4" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/tsivilizatsiya-na-neve/"> <div class="projectCard__title"> <span class="h3">Цивилизация на Неве</span> <div class="projectCard__price"> <div class="tag"> <span>от 5.7 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <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> </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"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> <a href="/spb/zhilye-kompleksy/tsivilizatsiya-na-neve/hod-stroitelstva/#onlineTranslation" 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/tsivilizatsiya-na-neve/"> <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/d90/aok2uktjjfuxn0j1aiy1y89z16ns6jcm/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/348/6w6y6j6mzn78kft3z7jcu7n66mj1cpya/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/d90/aok2uktjjfuxn0j1aiy1y89z16ns6jcm/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/348/6w6y6j6mzn78kft3z7jcu7n66mj1cpya/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/tsivilizatsiya-na-neve/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=88" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="198" data-tab-content="[40000, 100, 3000]" data-living-price="5.5" data-commerce-price="21.4" data-parking-price="0" data-pantry-price="0.6" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/morskaya-milya/"> <div class="projectCard__title"> <span class="h3">Морская миля</span> <div class="projectCard__price"> <div class="tag"> <span>от 5.5 млн ₽</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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 2</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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__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/ab2/8yxlw1e8yoteaeo5im33lfc77x1r3i73/30. Fire.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #ffffff">Рассрочка на 8 лет</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/morskaya-milya/hod-stroitelstva/#onlineTranslation" 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/morskaya-milya/"> <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/736/5i83nccd3j7jdaqkll452ctcouhnehzp/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/f27/aprficvvvbp3vl8rxg6zwbujfxv5esvc/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/736/5i83nccd3j7jdaqkll452ctcouhnehzp/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/f27/aprficvvvbp3vl8rxg6zwbujfxv5esvc/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/morskaya-milya/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=198" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="55" data-tab-content="[40000, 100]" data-living-price="3.4" data-commerce-price="12.7" data-parking-price="0" data-pantry-price="0" > <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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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 class="projectCard is-active" data-id="208" data-tab-content="[100]" data-living-price="8.1" data-commerce-price="0" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/izmajlovskij/"> <div class="projectCard__title"> <span class="h3">Измайловский</span> <div class="projectCard__price"> <div class="tag"> <span>от 8.1 млн ₽</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" data-js-MetroHintWrapper=""> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span" data-js-MetroHintMoreBtn="">Ещё 2</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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"> <img class="tag__img" src="/upload/kelnik.estate/c9e/ui0crysgui5opmsm4chmawaaz29nh6nr/tel.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #000">Видовые квартиры в центре!</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> <a href="/spb/zhilye-kompleksy/izmajlovskij/hod-stroitelstva/#onlineTranslation" 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/izmajlovskij/"> <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/e31/abf44k53i731w0d5f9y2pknew5cf7jq6/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/ce5/9mxptogsdm8kvux915r2wc3po6dx40hc/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/e31/abf44k53i731w0d5f9y2pknew5cf7jq6/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/ce5/9mxptogsdm8kvux915r2wc3po6dx40hc/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/izmajlovskij/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=208" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="209" data-tab-content="[100, 20000]" data-living-price="7" data-commerce-price="0" data-parking-price="1.6" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/lsr-bolshaya-ohta/"> <div class="projectCard__title"> <span class="h3">ЛСР. Большая Охта</span> <div class="projectCard__price"> <div class="tag"> <span>от 7 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <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 class="metro__hintWrapper" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 2</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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 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 class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> <a href="/spb/zhilye-kompleksy/lsr-bolshaya-ohta/hod-stroitelstva/#onlineTranslation" 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/lsr-bolshaya-ohta/"> <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/9e5/1y0k57k0iin2v07vg1dronvc60qsf9rs/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/bbe/uf3rf03bpu8jnsus03uy81e9tz7kfc6f/2500х2000 - бо (2).webp" 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/9e5/1y0k57k0iin2v07vg1dronvc60qsf9rs/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/bbe/uf3rf03bpu8jnsus03uy81e9tz7kfc6f/2500х2000 - бо (2).webp" 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/lsr-bolshaya-ohta/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=209" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="177" data-tab-content="[40000, 100]" data-living-price="3.7" data-commerce-price="11.4" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/ruchi/"> <div class="projectCard__title"> <span class="h3">Ручьи</span> <div class="projectCard__price"> <div class="tag"> <span>от 3.7 млн ₽</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> </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/ruchi/"> <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/f2a/pdzb6at5urh0vieolq3nmpjktg4ikkqt/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/ee5/hxwjel2l0jkx04o01p15eurecnmd9lfj/2500х2000 - ручьи (2).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/e19/199nzje80bkx3pfvh218205r3zyajuzo/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="">3</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/f2a/pdzb6at5urh0vieolq3nmpjktg4ikkqt/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/ee5/hxwjel2l0jkx04o01p15eurecnmd9lfj/2500х2000 - ручьи (2).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/e19/199nzje80bkx3pfvh218205r3zyajuzo/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/ruchi/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=177" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="206" data-tab-content="[40000, 100, 20000]" data-living-price="7.1" data-commerce-price="17.5" data-parking-price="1.2" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/morskaya-naberezhnaya-main/"> <div class="projectCard__title"> <span class="h3">Морская набережная</span> <div class="projectCard__price"> <div class="tag"> <span>от 11.1 млн ₽</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> </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: #ffffff"> <img class="tag__img" src="/upload/kelnik.estate/17b/5ul9kkyn126w6oe4x4ihasgcfipbued3/telescope.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #000">Видовые квартиры</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/morskaya-naberezhnaya-main/"> <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/656/783rgyw4vo1losjttc5bzof4c10h9p9u/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/1fd/b0ibp437sizf2b8klyvginh9vlw7uahl/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/656/783rgyw4vo1losjttc5bzof4c10h9p9u/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/1fd/b0ibp437sizf2b8klyvginh9vlw7uahl/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/morskaya-naberezhnaya-main/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=206" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="83" data-tab-content="[100, 20000]" data-living-price="11.8" data-commerce-price="0" data-parking-price="2" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/neva-haus/"> <div class="projectCard__title"> <span class="h3">NEVA HAUS</span> <div class="projectCard__price"> <div class="tag"> <span>от 11.8 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <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" data-js-MetroHintWrapper=""> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <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: #C9A56C"> <img class="tag__img" src="/upload/kelnik.estate/8f0/xhasbnd0qyd4cb4t2w26bndwh40cqee1/telescope.svg" width="14" height="14" loading="lazy" decoding="async" alt="" /> <span style="color: #ffffff">Видовые квартиры</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isMetal tag--isSmall"> <span class="icon icon--isSize14 icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-star"></use> </svg> </span> <span>Элит</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/neva-haus/"> <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/83b/m1fd8u94vmdffl5llj6qpja04244hmrn/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/517/na3bp212qge0nsjbr22vu1ug2z220t4j/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/83b/m1fd8u94vmdffl5llj6qpja04244hmrn/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/517/na3bp212qge0nsjbr22vu1ug2z220t4j/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/neva-haus/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=83" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="145" data-tab-content="[100]" data-living-price="4.5" data-commerce-price="0" data-parking-price="0" data-pantry-price="0" > <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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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/#onlineTranslation" 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" data-id="36" data-tab-content="[40000]" data-living-price="23.2" data-commerce-price="23.2" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/tsivilizatsiya/"> <div class="projectCard__title"> <span class="h3">Цивилизация</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 2</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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 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> <div class="projectCard__tags projectCard__tags--isSecondary"> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/tsivilizatsiya/"> <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/77f/xmws22loz3wq2g776sy121kkri7n62w3/Цивилизация - 01.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="">1</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/77f/xmws22loz3wq2g776sy121kkri7n62w3/Цивилизация - 01.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/tsivilizatsiya/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=36" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard is-active" data-id="113" data-tab-content="[100]" data-living-price="18" data-commerce-price="0" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/kompleksy-apartamentov/neopark/"> <div class="projectCard__title"> <span class="h3">NEOPARK</span> <div class="projectCard__price"> <div class="tag"> <span>от 18 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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" data-js-MetroHintWrapper=""> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/kompleksy-apartamentov/neopark/"> <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/62e/5sym1cp2j3jg6p0md3vinxl6fhf1xs4g/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/a01/5vv27fw5eqg2tueu4lmvsjffbpob67tg/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/62e/5sym1cp2j3jg6p0md3vinxl6fhf1xs4g/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/a01/5vv27fw5eqg2tueu4lmvsjffbpob67tg/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/kompleksy-apartamentov/neopark/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=113" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="98" data-tab-content="[40000]" data-living-price="19.6" data-commerce-price="19.6" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/riviere-noire/"> <div class="projectCard__title"> <span class="h3">RIVIERE NOIRE</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/riviere-noire/"> <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/950/rp9011itm17t54e52jj2xzdcsjholw9f/RN - 01.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/6bb/jlnxm312zs2vk7jc1vbbjruy03b52jal/RN - 06.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/950/rp9011itm17t54e52jj2xzdcsjholw9f/RN - 01.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/6bb/jlnxm312zs2vk7jc1vbbjruy03b52jal/RN - 06.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/riviere-noire/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=98" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="142" data-tab-content="[40000]" data-living-price="13.4" data-commerce-price="13.4" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/zapovednyj-park/"> <div class="projectCard__title"> <span class="h3">Заповедный парк</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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" data-js-MetroHintWrapper=""> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#1a7dce;--iconColor:#1a7dce"> <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> <div class="projectCard__tags projectCard__tags--isSecondary"> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/zapovednyj-park/"> <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/bc0/l17jc1hcnaw9l0xfv6vz1h78kqlf7qvu/ZP - 01.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/0b8/pm6hs3n6vssyp24kujdrqh83dpfyfhgy/ZP - 03.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/bc0/l17jc1hcnaw9l0xfv6vz1h78kqlf7qvu/ZP - 01.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/0b8/pm6hs3n6vssyp24kujdrqh83dpfyfhgy/ZP - 03.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/zapovednyj-park/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=142" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="61" data-tab-content="[20000]" data-living-price="0.5" data-commerce-price="0" data-parking-price="0.5" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/shuvalovskiy/"> <div class="projectCard__title"> <span class="h3">Шуваловский</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <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> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Комфорт</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/shuvalovskiy/"> <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/445/gwhhyr7xi5q1y94wrnlynyvl07xo11l5/shu.webp" 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="">1</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/445/gwhhyr7xi5q1y94wrnlynyvl07xo11l5/shu.webp" 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/shuvalovskiy/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=61" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="76" data-tab-content="[20000]" data-living-price="0.9" data-commerce-price="0" data-parking-price="0.4" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/tri-vetra/"> <div class="projectCard__title"> <span class="h3">Три ветра</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</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" data-js-MetroHintWrapper=""> <button draggable="false" type="button" class="btn btn--isSecondaryLink btn--isSizeMedium"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <svg class="icon__src"> <use href="#icon-saint-petersburg-metro"></use> </svg> </span> <span class="btn__span" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <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"> <span style="color: #ffffff">Заплати 20% и заселяйся!</span> </div> <div class="tag tag--isSmall" style="background-color: #1b8a09"> <span style="color: #ffffff">Паркинг в рассрочку без удорожания!</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Бизнес</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/tri-vetra/"> <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/d86/8zn0agrr8ahr5pfqse7pz4bj3q6wo66i/3v.webp" 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="">1</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/d86/8zn0agrr8ahr5pfqse7pz4bj3q6wo66i/3v.webp" 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/tri-vetra/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=76" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="60" data-tab-content="[40000]" data-living-price="31.8" data-commerce-price="31.8" data-parking-price="0" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/novaya-okhta/"> <div class="projectCard__title"> <span class="h3">Новая Охта</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</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" data-js-MetroHintWrapper=""> <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" data-js-MetroHintMoreBtn="">Ещё 1</span> </button> <div class="metro__hint" data-js-MetroHint="true"> <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> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Комфорт</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/novaya-okhta/"> <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/9f7/hnuv47k9hw49juco0cm14jao7tsk4vli/NO.webp" 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="">1</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/9f7/hnuv47k9hw49juco0cm14jao7tsk4vli/NO.webp" 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/novaya-okhta/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=60" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="37" data-tab-content="[20000]" data-living-price="0.7" data-commerce-price="0" data-parking-price="0.7" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/smolnyy-park-2-ochered/"> <div class="projectCard__title"> <span class="h3">Смольный парк II очередь</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</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> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isMetal tag--isSmall"> <span class="icon icon--isSize14 icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-star"></use> </svg> </span> <span>Элит</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/smolnyy-park-2-ochered/"> <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/c55/wtepgd8oo884u1weyo1x1nu9wa74vc0y/sm.webp" 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="">1</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/c55/wtepgd8oo884u1weyo1x1nu9wa74vc0y/sm.webp" 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/smolnyy-park-2-ochered/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=37" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="95" data-tab-content="[20000]" data-living-price="0.3" data-commerce-price="0" data-parking-price="0.3" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/yuzhnaya-akvatoriya/"> <div class="projectCard__title"> <span class="h3">Южная акватория</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</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> </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"> <span style="color: #ffffff">СКИДКИ на паркинг!</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Комфорт</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/yuzhnaya-akvatoriya/"> <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/ade/s378w8rjuogjvoafel50a18wfhthnmzt/YA.webp" 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="">1</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/ade/s378w8rjuogjvoafel50a18wfhthnmzt/YA.webp" 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/yuzhnaya-akvatoriya/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=95" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="175" data-tab-content="[20000]" data-living-price="2.7" data-commerce-price="0" data-parking-price="2.7" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/zoologicheskii/"> <div class="projectCard__title"> <span class="h3">Зоологический, 2-4</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</span> </div> </div> </div> <div class="metro projectCard__metro"> <div class="metro__item"> <span class="icon icon--isMetro icon--isSizeAuto" style="--iconBg:#6c1678;--iconColor:#6c1678"> <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> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> <div class="tag tag--isSmall" style="background-color: #C9A56C"> <span style="color: #ffffff">Паркинг в продаже!</span> </div> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isMetal tag--isSmall"> <span class="icon icon--isSize14 icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-star"></use> </svg> </span> <span>Элит</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/zoologicheskii/"> <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/9cf/ubra6xgw6elqmkaqc9m825b0t4g4ibjo/2500х2000 - зоо.webp" 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="">1</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/9cf/ubra6xgw6elqmkaqc9m825b0t4g4ibjo/2500х2000 - зоо.webp" 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/zoologicheskii/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=175" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> <div class="projectCard" data-id="64" data-tab-content="[20000]" data-living-price="0.8" data-commerce-price="0" data-parking-price="0.8" data-pantry-price="0" > <div class="projectCard__wrapper"> <a class="projectCard__header" href="/spb/zhilye-kompleksy/kalina-park-2/"> <div class="projectCard__title"> <span class="h3">Калина-парк 2</span> <div class="projectCard__price"> <div class="tag"> <span>от 0 млн ₽</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> </a> <div class="projectCard__cover"> <div class="projectCard__tagsPlace"> <div class="projectCard__tags projectCard__tags--isPrimary"> </div> <div class="projectCard__tags projectCard__tags--isSecondary"> <div class="tag tag--isBlackTransparent32 tag--isSmall"> <span>Комфорт</span> </div> </div> </div> </div> <div class="projectCard__gallery"> <a class="isDisplayContents" href="/spb/zhilye-kompleksy/kalina-park-2/"> <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/63f/sghyew5ywohfohvs6srww5b8hc7k201j/Калина Парк.webp" 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="">1</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/63f/sghyew5ywohfohvs6srww5b8hc7k201j/Калина Парк.webp" 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/kalina-park-2/" class="btn btn--isBright btn--isSizeMedium "> <span class="btn__label">Подробнее</span> </a> <a href="/spb/kvartiry-v-novostroikah/?obj%5B%5D=64" class="btn btn--isSizeMedium btnSelectON"> <span class="btn__label">Выбрать квартиру</span> </a> </div> </div> </div> </div> </div> </div> <div class="isFlexRow isFullWidth isJustifyContentCenter isP8X"> <button draggable="false" type="button" class="btn btn--isTransparent btn--isOnMobileFullWidth btn--isM8X btn--isOutline btn--isSizeLarge" id="showObjectMore"> <span class="btn__label">Смотреть ещё</span> </button> </div> <button draggable="false" type="button" class="btn btn--isDark btn--isFitContent btn--isFilterAbsolute btn--isSizeLarge" data-js-stickyElement="" 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> </div> </div> </div> </section> <section class="section section--isHeaderCentered section--isHeaderCustomMb32 section--isHeaderWidth80"> <div class="section__wrap container"> <header class="section__header"> <h2 class="h1"> Калькулятор ипотеки </h2> </header> <div class="section__content"> <div class="mortgageCalculator" data-js-Tabs='{"activeTabName":"tab-1","onPointerOverEvent":false}'> <ul class="mortgageCalculator__menu " data-js-TabsList="" style="display: none;"> <li class="mortgageCalculator__menu-item" data-js-TabsItem="tab-1"> <span class="isVisibleDesktop">По первому взносу</span> <span class="isVisibleTablet">По взносу</span> </li> </ul> <div class="mortgageCalculator__contentWrapper " data-js-TabsContentList=""> <div class="mortgageCalculator__contentSection " data-js-TabsContent="tab-1" data-js-mortgageCalculator='{"3":{"minPrice":3116880,"maxPrice":97215250,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":626493,"maxPayment":87493725},"6":{"minPrice":3116880,"maxPrice":8293750,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":626493,"maxPayment":7464375},"1":{"minPrice":3116880,"maxPrice":97215250,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":470649,"maxPayment":87493725},"4":{"minPrice":3116880,"maxPrice":41098431,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":155844,"maxPayment":36988588},"7":{"minPrice":3116880,"maxPrice":97215250,"minPeriod":1,"maxPeriod":30,"defaultPayment":0,"minPayment":470649,"maxPayment":87493725},"url":"\/spb\/ajax\/mortgage\/calculate.php","applicationFormId":"mortgageApplication"}'> <form autoComplete="off" class="form" data-js-form='{"url":"/spb/ajax/mortgage/calculate.php","method":"POST"}' novalidate=""> <div class="form__body"> <div class="form__row form__row--isMb52 form__row--isColumns-4"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label for="type" class="mortgageCalculator__formLabel">Вид ипотеки</label> <div data-js-select="{"id":"type","name":"type","placeholder":"Выберите тип ипотеки","value":"3","options":[{"label":"Семейная ипотека","value":"3"},{"label":"Ипотека для IT-специалистов","value":"6"},{"label":"Стандартная ипотека","value":"1"},{"label":"Военная ипотека","value":"4"},{"label":"Субсидированная ипотека","value":"7"}]}"></div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="rangeSlider rangeSlider--isOneValue " id="range-slider-price" data-js-rangeSlider="{"start":[4000000],"range":{"min":3116880,"max":97215250},"step":1,"margin":1,"disabled":false,"connect":[true,false],"valueType":"wholeNumber","isPercent":false}"> <p class="label l3">Стоимость квартиры, млн ₽</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" id="price" name="price" type="text" maxLength="11" autoComplete="off" data-js-rangeSliderLowerValue="" value="4000000" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isPositionRelative"> <div class="rangeSlider rangeSlider--isOneValue" id="range-slider-payment" data-js-rangeSlider="{"start":[1200000],"range":{"min":626493,"max":87493725},"step":1,"margin":1,"connect":[true,false],"valueType":"wholeNumber","isPercent":false}"> <p class="label l3">Первый взнос, ₽</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" id="payment" name="payment" type="text" maxLength="11" autoComplete="off" data-js-rangeSliderLowerValue="" value="1200000" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> <span data-js-percent="" class="mortgageCalculator__percent">30,0%</span> </div> </div> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="rangeSlider rangeSlider--isOneValue" id="range-slider-period" data-js-rangeSlider="{"start":[30],"range":{"min":1,"max":30},"step":1,"margin":1,"connect":[true,false],"valueType":"wholeNumber","isPercent":false}"> <p class="label l3">Срок, лет</p> <div class="rangeSlider__inner"> <div class="rangeSlider__values"> <input class="rangeSliderInput rangeSliderInput--isRangeSliderInputLower" id="period" name="period" type="text" maxLength="11" autoComplete="off" data-js-rangeSliderLowerValue="" value="30" /> </div> <div class="rangeSlider__wrapper" data-js-rangeSliderContainer=""></div> </div> </div> </div> </div> </div> <div class="form__row form__row--isMb52 form__row--isColumns-1 isNoResultsHidden "> <div class="form__col"> <div data-js-form-block="" class="form__block form__block--isMainInfo"> <div data-js-mortgageStats=""> <p class="mortgageCalculator__text"> Вам подходят <span class="isColorAlizarinCrimson"> 860 </span>квартир в <span class="isColorAlizarinCrimson">3 </span>комплексах. </p> </div> <a href="/spb/kvartiry-v-novostroikah/?mortgage=1&mortgage_type=3&mortgage_payment=1.2&mortgage_time=30&price[min]=3.6&price[max]=4.4" class="btn btn--isTransparent btn--isPosAbsolute btn--isSizeMedium " data-js-MortgageCalculatorLink="true"> <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> <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--isMainInfo isTabletColumnReverse"> <div class="mortgageCalculator__noResults" data-js-noResultsBlock=""> <p>Нет подходящих программ. <br>Оставьте заявку, и мы поможем подобрать программу</p> </div> <div data-js-mortgageTotalBanks=""> <p class="mortgageCalculator__text"> Вам подходят 7 предложений от 7 банков. <br class="isHiddenMobileSmall" />Ставка <span class="isColorAlizarinCrimson">от 6,00 %</span>, ежемесячный платёж <span class="isColorAlizarinCrimson"> от 16 804 ₽/мес. </span> </p> </div> <div class="mortgageCalculator__banksLogos" data-js-mortgageBanksLogos=""> <div class="mortgageCalculator__bankLogo"> <span data-js-banksCount="">+2</span> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/ad4/PSB_logo_round_png.png" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/4b2/sber-new-logo.png" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/a11/SNGB.png" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/6cb/Логотип Банка ДОМ.РФ_32x32.jpg" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/b13/akb-bars.png" /> </div> </div> </div> </div> </div> </div> </form> <div class="gridFlow gridFlow--isLastChildWideOnTablet gridFlow--isNoGapOnMobile gridFlow--isCards gridFlow--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1"> <div class="gridFlow__item gridFlow__item--isColumnStart-1 gridFlow__item--isColumnSpan-2 isNoResultsHidden"> <div class="mortgageCalculator__banksCards" data-js-mortgageBanksCards=""> <div class="cardLink cardLink--isAltTemplate2 isHiddenMobile" style="cursor: default"> <div class="cardLink__heading">6,00% Строящееся жилье</div> <div class="cardLink__label"> <span class="infoWithTitle"> <span class="infoWithTitle__title">Ставка</span> <span class="infoWithTitle__text">6,00%</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title isVisibleTablet">Ежемесячный платёж</span> <span class="infoWithTitle__title">Ежемесячный платёж</span> <span class="infoWithTitle__text">16 804 ₽</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title">Переплата</span> <span class="infoWithTitle__text">3 249 440 ₽</span> </span> </div> <div class="cardLink__icon"> <span class="icon icon--isSizeMedium"> <img src="/upload/kelnik.mortgagecalculator/ad4/PSB_logo_round_png.png"/> </span> </div> </div> <div class="cardLink cardLink--isAltTemplate2 isHiddenMobile" style="cursor: default"> <div class="cardLink__heading">6,00% Строящееся жилье</div> <div class="cardLink__label"> <span class="infoWithTitle"> <span class="infoWithTitle__title">Ставка</span> <span class="infoWithTitle__text">6,00%</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title isVisibleTablet">Ежемесячный платёж</span> <span class="infoWithTitle__title">Ежемесячный платёж</span> <span class="infoWithTitle__text">16 804 ₽</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title">Переплата</span> <span class="infoWithTitle__text">3 249 440 ₽</span> </span> </div> <div class="cardLink__icon"> <span class="icon icon--isSizeMedium"> <img src="/upload/kelnik.mortgagecalculator/4b2/sber-new-logo.png"/> </span> </div> </div> </div> </div> <div class="gridFlow__item"> <div class="infoCard infoCard--isPrimary"> <span class="infoCard__heading ">Специалист ЛСР подберет наиболее выгодное предложение</span> <div class="infoCard__icon"> <span class="icon icon--isSizeMedium"> <svg class="icon__src"> <use href="#icon-question-answer"></use> </svg> </span> </div> <span class="infoCard__label "> <span class="infoCard__label-top">Поможем определиться с банком, подобрать наименьший платеж и поможем с одобрением</span> <span class="infoCard__label-bottom"> <ul class="socialLinkList"> <li class="socialLinkList__item" title="WhatsApp"> <a href="https://api.whatsapp.com/send?phone=79313250101" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/frontend/build/assets/images/logos/whatsapp.svg" alt="" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> </ul> <a href="#mortgageApplication" class="btn btn--isSizeLarge " data-js-modal-open=""> <span class="btn__label">Получить консультацию</span> </a> </span> </div> </div> </div> </div> <div class="mortgageCalculator__contentSection" data-js-TabsContent="tab-2"></div> </div> <p class="mortgageCalculator__disclaimer">Данные не разглашаются сотрудникам банков, только отделу ипотеки ЛСР. Приведённый расчет не является публичной офертой.</p> </div> </div> </div> </section> <div id="mortgageApplication" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}' data-js-ToggleFieldStateForm='{"rules":[{"field":"online","dynamicAttr":{"attr":["value","true"],"toggleWhen":{"key":"onlineBtn","rule":"click"}}}]}'> <form id="mortgage_bank" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/mortgage/request.php","method":"POST","isLiveValidation":true, "validateOnlySelector": "[data-js-DynamicFormStep].isVisible"}' novalidate="" action="/ajax/mortgage/request.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","activeStep":"0","hash":"mortgage_request","steps":{"0":{"id":"0","successId":"3","errorId":"2"},"1":{"id":"1","successId":"5","errorId":"4","closeReset":"form"},"2":{"id":"2","closeReset":"form"},"3":{"id":"3","closeReset":"form","dataLayerCase":["mortgageFormSuccess","flatSuccessTransaction"],"timer":{"time":300,"action":"close"}},"4":{"id":"4","closeReset":"form"},"5":{"id":"5","closeReset":"form","dataLayerCase":"mortgageFormSuccess","timer":{"time":3,"action":"redirect"}}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="isVisible flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto" 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"> <div class="isCustomH4 isTextCentered h2">Заявка на ипотеку</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="name"> <span class="formLabel__label">Фамилия</span> </label> <input class="formInput" id="surname" name="surname" type="text" placeholder="Введите фамилию" required="" autoComplete="off" data-js-input-required="true" title="Фамилию полностью" 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="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="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 role="tooltip" class="form__msg form__msg--isHuy" data-js-form-input-msg="" data-css-reason="default"> <span title="Вам придёт СМС с кодом для подтверждения" class="form__msgText"> Вам придёт СМС с кодом для подтверждения</span> </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="step" name="step" type="hidden" tabindex="-1" data-js-DynamicFormStepInput="" value="0" /> <input id="type" name="type" type="hidden" tabindex="-1" value="3" /> <input id="domain" name="domain" type="hidden" tabindex="-1" value="1" /> <input id="site" name="site" type="hidden" tabindex="-1" value="/spb" /> <input id="link" name="link" type="hidden" tabindex="-1" value="/spb/" /> <input id="price" name="price" type="hidden" tabindex="-1" value="" /> <input id="payment" name="payment" type="hidden" tabindex="-1" value="" /> <input id="period" name="period" type="hidden" tabindex="-1" value="" /> <input id="program" name="program" type="hidden" tabindex="-1" value="" /> <input id="object" name="object" type="hidden" tabindex="-1" value="" /> <input id="house" name="house" type="hidden" tabindex="-1" value="" /> <input id="online" name="online" type="hidden" tabindex="-1" value="" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="698821ba079aa08d8e127e43c3efecd6" /> <input type="hidden" name="object_id" tabindex="-1" value=""> <input id="client" name="client" type="hidden" tabindex="-1" value="" /> </div> </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto" data-js-DynamicFormStep="3"> <div class="isFlexColumn isFlexGrow isFullHeight"> <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 h2">Заявка на ипотеку</div> </div> </div> </div> <div class="isFlexGrow"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered h2">Заявка отправлена. <br />Мы скоро свяжемся <br />с вами </div> </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto" data-js-DynamicFormStep="2"> <div class="isFlexColumn isFlexGrow isFullHeight"> <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 h2">Заявка на ипотеку</div> </div> </div> </div> <div class="isFlexGrow"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered h2">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto" 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"> <div class="isCustomH4 isTextCentered h2">Онлайн заявка</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":6,"formId":"mortgage_bank"}'> <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" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="2" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="3" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="4" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="5" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" value="" /> <input class="formInput formInput--isForNumbers" type="text" placeholder="6" autoComplete="off" data-js-input="" data-js-InputMask="number" maxlength="1" 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" data-js-DynamicFormStep="5"> <div class="isFlexColumn isFlexGrow isFullHeight"> <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 h2">Онлайн заявка</div> </div> </div> </div> <div class="isFlexGrow"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered h2">Сейчас вы будете перенаправлены в сервис подачи онлайн-заявки </div> </div> </div> </div> </div> <div class="flexFlow__item flexFlow__item--isFlexGrow isInvisible isFlexColumn isFlexGrow isMbAuto isOverflowXauto" data-js-DynamicFormStep="4"> <div class="isFlexColumn isFlexGrow isFullHeight"> <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 h2">Онлайн заявка</div> </div> </div> </div> <div class="isFlexGrow"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered h2">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div class="" 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]" 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--isGap8 form__row--isColumns-2"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isOutline btn--isSizeLarge" name="onlineBtn"> <span class="btn__label">Онлайн-анкета</span> </button> </div> </div> <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--isNewCodeBtn btn--isOutline btn--isSizeLarge" data-js-newCodeBtn=""> <span class="btn__label">Запросить новый код</span> </button> </div> </div> </div> </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 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="3"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson"> через <span data-js-DynamicFormTimer="3"></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> <section class="section section--isCustomHeader2 section--isHeaderCentered section--isHeader24"> <div class="section__wrap container"> <header class="section__header"> <h2 class="h1 isMinWidthOnSmallMobile">Подборки предложений</h2> <span class="text t2">Смотрите квартиры из специальных подборок от специалистов ЛСР:<br />по акциям, составу семьи или особым форматам</span> </header> <div class="section__content"> <div class="suggestCardSlider"> <div class="slider"> <div class="slider__container swiper suggestsSectionSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper">  <div class="slider__slide swiper-slide"> <div class="suggestCardSlider__slide"> <a href="/spb/kvartiry-v-novostroikah/osobennosti/semeynye-kvartiry/" class="suggestCardSlider__linkWrapper"> <div class="suggestCardSlider__heading"> <h3 class="suggestCardSlider__title h3">Семейные</h3> <button draggable="false" type="button" class="btn btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right"></use> </svg> </span> </span> </button> <div class="suggestCardSlider__tagList"> </div> </div> <div class="suggestCardSlider__image" style="background-image:url('https://cdn.static.lsr.ru/upload/kelnik.structure/2d5/pj4xftvhnvpmkzeqamvpwchfl7b8u6cy/1920х1200 - семейная.jpg')"></div> </a> </div> </div>  <div class="slider__slide swiper-slide"> <div class="suggestCardSlider__slide"> <a href="/spb/kvartiry-v-novostroikah/osobennosti/kvartiry-s-gotovoy-kukhney/" class="suggestCardSlider__linkWrapper"> <div class="suggestCardSlider__heading"> <h3 class="suggestCardSlider__title h3">С готовой кухней</h3> <button draggable="false" type="button" class="btn btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right"></use> </svg> </span> </span> </button> <div class="suggestCardSlider__tagList"> </div> </div> <div class="suggestCardSlider__image" style="background-image:url('https://cdn.static.lsr.ru/upload/kelnik.structure/066/2t6mgbhgpry5h4sgebzdei7kwxz1jikq/1920х1200 - с кухней.jpg')"></div> </a> </div> </div>  <div class="slider__slide swiper-slide"> <div class="suggestCardSlider__slide"> <a href="/spb/kvartiry-v-novostroikah/semeynye-kvartiry-s-vidom-na-finskiy-zaliv/" class="suggestCardSlider__linkWrapper"> <div class="suggestCardSlider__heading"> <h3 class="suggestCardSlider__title h3">Семейные с видом на Финский залив</h3> <button draggable="false" type="button" class="btn btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right"></use> </svg> </span> </span> </button> <div class="suggestCardSlider__tagList"> </div> </div> <div class="suggestCardSlider__image" style="background-image:url('https://cdn.static.lsr.ru/upload/kelnik.structure/b42/ep5gju3jll5bsw32h70ypvwxat8c6z8s/1920х1200 - с видом на финский залив.jpg')"></div> </a> </div> </div>  <div class="slider__slide swiper-slide"> <div class="suggestCardSlider__slide"> <a href="/spb/kvartiry-v-novostroikah/kvartiry-s-vidom-na-istoricheskiy-tsentr/" class="suggestCardSlider__linkWrapper"> <div class="suggestCardSlider__heading"> <h3 class="suggestCardSlider__title h3">С видом на исторический центр</h3> <button draggable="false" type="button" class="btn btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right"></use> </svg> </span> </span> </button> <div class="suggestCardSlider__tagList"> </div> </div> <div class="suggestCardSlider__image" style="background-image:url('https://cdn.static.lsr.ru/upload/kelnik.structure/7ee/zk4fkbvm9u5py3jnyt900fwla9asfhuu/1920х1200 - с видом на истор центр.jpg')"></div> </a> </div> </div>  <div class="slider__slide swiper-slide"> <div class="suggestCardSlider__slide"> <a href="/spb/kvartiry-v-novostroikah/osobennosti/master-spalnya/" class="suggestCardSlider__linkWrapper"> <div class="suggestCardSlider__heading"> <h3 class="suggestCardSlider__title h3">С мастер-спальней</h3> <button draggable="false" type="button" class="btn btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right"></use> </svg> </span> </span> </button> <div class="suggestCardSlider__tagList"> </div> </div> <div class="suggestCardSlider__image" style="background-image:url('https://cdn.static.lsr.ru/upload/kelnik.structure/6a9/medq4qx43s0t3mo1mdajiw9acmz2apoc/1920х1200 - мастер спальня.jpg')"></div> </a> </div> </div>  <div class="slider__slide swiper-slide"> <div class="suggestCardSlider__slide"> <a href="/spb/kvartiry-v-novostroikah/osobennosti/terrasa/" class="suggestCardSlider__linkWrapper"> <div class="suggestCardSlider__heading"> <h3 class="suggestCardSlider__title h3">С террасой</h3> <button draggable="false" type="button" class="btn btn--isRound btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-arrow-right"></use> </svg> </span> </span> </button> <div class="suggestCardSlider__tagList"> </div> </div> <div class="suggestCardSlider__image" style="background-image:url('https://cdn.static.lsr.ru/upload/kelnik.structure/560/f9k5tuu7gcd3mk7xisphdejywi5vb95g/1920х1200 - с террасами.jpg')"></div> </a> </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--isOutline 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> <div class="slider__pagination"></div> <li class="slider__navigationItem slider__navigationItem--isNext"> <button draggable="false" type="button" class="btn btn--isOutline 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> </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/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>  <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--isHeaderCustomD32T24M12 section--isHeaderCentered benefitsSection" data-js-Tabs="{"activeTabName":"tab-stocks"}"> <div class="section__wrap container"> <header class="section__header"> <h2 class="h1 isTextCenter">Больше выгоды</h2> </header> <div class="section__content"> <div data-js-TabsContentList="" data-js-TabsList=""> <div data-js-TabsContent="tab-stocks" class="isDisplayNone">  <div class="flexFlow flexFlow--isGap8 flexFlow--isJustifyContentCenter isMbD52T48M20"> <ul class="tabCheckerGroup tabCheckerGroup--isSizeLarge"> <li class="tabCheckerGroup__item isActive"> <span>Акции</span> </li> <li class="tabCheckerGroup__item " data-js-TabsItem="tab-news"> <span>Новости</span> </li> </ul> <div class="isInvisibleMobile"> <a href="/spb/offers/" draggable="false" type="button" class="btn btn--isTransparent btn--isFitContent 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 class="gridFlow gridFlow--isMobileMinimumGapXs gridFlow--isHideMore3Desktop gridFlow--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1 isHiddenMobile"> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/skidka-5-na-vse-kvartiry-lsr-20241126/"> <div class="cardLink__heading"> <div>Дополнительная скидка 5% на квартиры ЛСР!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 31.12.2024 </li> </ol> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/podderzhka-ot-lsr/"> <div class="cardLink__heading"> <div>Поддержка от ЛСР</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 30.11.2024 </li> </ol> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/skidka-15-na-vse-kvartiry/"> <div class="cardLink__heading"> <div>Скидка 15% на все квартиры</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 30.11.2024 </li> </ol> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/rassrochka-8-let-20241014/"> <div class="cardLink__heading"> <div>Рассрочка: 8 лет</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 30.11.2024 </li> </ol> </a> </div> </div>  <div class="slider isVisibleMobile isMb20"> <div class="slider__container swiper BenefitsSliderContainer"> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/skidka-5-na-vse-kvartiry-lsr-20241126/"> <div class="cardLink__heading"> <div>Дополнительная скидка 5% на квартиры ЛСР!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 31.12.2024 </li> </ol> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/podderzhka-ot-lsr/"> <div class="cardLink__heading"> <div>Поддержка от ЛСР</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 30.11.2024 </li> </ol> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/skidka-15-na-vse-kvartiry/"> <div class="cardLink__heading"> <div>Скидка 15% на все квартиры</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 30.11.2024 </li> </ol> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitPrimary" href="/spb/offers/rassrochka-8-let-20241014/"> <div class="cardLink__heading"> <div>Рассрочка: 8 лет</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <div class="cardLink__icon"> <span class="icon icon--isSizeMax icon--isWithCustomSrc"> </span> </div> <ol class="cardLink__tagList"> <li class="cardLink__tagItem"> до 30.11.2024 </li> </ol> </a> </div> </div> </div> </div>  <div class="isVisibleMobile"> <a href="/spb/offers/" draggable="false" type="button" 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 data-js-TabsContent="tab-news" class="isDisplayNone">  <div class="flexFlow flexFlow--isGap8 flexFlow--isJustifyContentCenter isMbD52T48M20"> <ul class="tabCheckerGroup tabCheckerGroup--isSizeLarge"> <li class="tabCheckerGroup__item " data-js-TabsItem="tab-stocks"> <span>Акции</span> </li> <li class="tabCheckerGroup__item isActive"> <span>Новости</span> </li> </ul> <div class="isInvisibleMobile"> <a href="/spb/novosti/" draggable="false" type="button" class="btn btn--isTransparent btn--isFitContent 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 class="gridFlow gridFlow--isMobileMinimumGapXs gridFlow--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1 isHiddenMobile"> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/skidka-5-na-vse-kvartiry-lsr/"> <div class="cardLink__heading"> <div>Дополнительная скидка 5% на все квартиры ЛСР!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">26.11.2024</li> </ol> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/pulkovo-lake-novyj-dom-v-prodazhe/"> <div class="cardLink__heading"> <div>Пулково Lake: новый дом в продаже!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">18.11.2024</li> </ol> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/pejzazhnyj-kvartal-start-prodazh-doma-4/"> <div class="cardLink__heading"> <div>«Пейзажный квартал» – старт продаж дома 4</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">15.11.2024</li> </ol> </a> </div> <div class="gridFlow__item"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/start-prodazh-v-civilizacii-na-neve-novyj-dom-u-vody/"> <div class="cardLink__heading"> <div>Старт продаж в Цивилизации на Неве — новый дом у воды!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">14.11.2024</li> </ol> </a> </div> </div>  <div class="slider isVisibleMobile isMb20"> <div class="slider__container swiper BenefitsSliderContainer"> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/skidka-5-na-vse-kvartiry-lsr/"> <div class="cardLink__heading"> <div>Дополнительная скидка 5% на все квартиры ЛСР!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">26.11.2024</li> </ol> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/pulkovo-lake-novyj-dom-v-prodazhe/"> <div class="cardLink__heading"> <div>Пулково Lake: новый дом в продаже!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">18.11.2024</li> </ol> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/pejzazhnyj-kvartal-start-prodazh-doma-4/"> <div class="cardLink__heading"> <div>«Пейзажный квартал» – старт продаж дома 4</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">15.11.2024</li> </ol> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isBenefitSecondary" href="/spb/novosti/start-prodazh-v-civilizacii-na-neve-novyj-dom-u-vody/"> <div class="cardLink__heading"> <div>Старт продаж в Цивилизации на Неве — новый дом у воды!</div> </div> <button draggable="false" type="button" class="btn btn--isCustomOutline btn--isRound btn--isIconSize14 btn--isOnlyIcon btn--isSizeLarge"> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <ol class="cardLink__tagList"> <li class="cardLink__tagItem">14.11.2024</li> </ol> </a> </div> </div> </div> </div>  <div class="isVisibleMobile"> <a href="/spb/novosti/" draggable="false" type="button" 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> </div> </div> </section>  <section class="section"> <div class="section__wrap container"> <div class="section__content"> <div class="reliabilitySection"> <div class="reliabilitySection__wrapper"> <div class="h1"> Группа ЛСР: <br> <span class="isColorAlizarinCrimson">с нами надёжно</span> </div> <a href="/spb/o_kompanii/" class="btn btn--isTransparent btn--isOutline btn--isSizeLarge" draggable="false"> <span class="btn__label">О компании</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> </span> </span> </a> <div class="reliabilitySection__list"> <a class="cardLink cardLink--isRely" > <div class="cardLink__heading"> <div class="h4">Более 30 лет опыта <br> <span class="isColorAlto">на рынке жилья</span> </div> </div> <button draggable="false" type="button" class="btn btn--isSizeLarge"> <span class="btn__label">Кнопка</span> </button> <div class="cardLink__label"> <p class="text t2">Наш строительный холдинг — крупнейший на Северо-Западе, финансово устойчивая компания с публичной биржевой отчетностью и земельным банком стоимостью 521,3 млрд руб.</p> </div> <div class="cardLink__icon"> <span class="icon icon--isColorAlizarinCrimson icon--isSizeAuto"> </span> </div> </a> <a class="cardLink cardLink--isRely" > <div class="cardLink__heading"> <div class="h4">Оформляем <br> <span class="isColorAlto">страховку</span> </div> </div> <button draggable="false" type="button" class="btn btn--isSizeLarge"> <span class="btn__label">Кнопка</span> </button> <div class="cardLink__label"> <p class="text t2">Оформляем страховой полис за свой счёт, согласно федеральному закону об обязательном страховании ответственного застройщика</p> </div> <div class="cardLink__icon"> <span class="icon icon--isColorAlizarinCrimson icon--isSizeAuto"> </span> </div> </a> <a class="cardLink cardLink--isRely" > <div class="cardLink__heading"> <div class="h4">Работаем <br> <span class="isColorAlto">с 20+ банками</span> </div> </div> <button draggable="false" type="button" class="btn btn--isSizeLarge"> <span class="btn__label">Кнопка</span> </button> <div class="cardLink__label"> <p class="text t2">Все новые объекты группы ЛСР получаются аккредитацию в банках в кратчайшие сроки, поэтому вы сможете пользоваться ипотекой с первых дней запуска в продажу</p> </div> <div class="cardLink__icon"> <span class="icon icon--isColorAlizarinCrimson icon--isSizeAuto"> </span> </div> </a> </div> </div> </div> </div> </div> </section> <section class="section section--isCustomHeader2 section--isHeaderM52T48M20 officesSection"> <div class="section__wrap container"> <header class="section__header"> <h2 class="h1">Офисы продаж</h2> <div class="isHiddenMobile"> <a href="/spb/kontakty/" target="_self" 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--isColumns-3 gridFlow--isTabletColumns-2 gridFlow--isMobileColumns-1"> <div class="gridFlow__item"> <div class="infoCard infoCard--isCustomQuaternary"> <div class="infoCard__imageWrapper"> <img class="infoCard__image" src="https://cdn.static.lsr.ru/upload/kelnik.lsrcontacts/cd7/zlruc5o29c6roqm88y12t37s8g97cagk/Ofis CNN (new).jpg" alt="Офис продаж Цивилизация на Неве" /> </div> <span class="infoCard__heading"> <a href="/spb/kontakty/ofisy-prodazh/12/"><span>Офис продаж Цивилизация на Неве</span></a> </span> <div class="infoCard__icon"> <span role="presentation" class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <span class="infoCard__label"> <p>Пн–Пт: 10:00-19:00</p> <p>Сб-Вс: 12:00-18:00</p> </span> <div class="infoCard__link"> <a role="button" href="https://yandex.ru/maps/?rtext=~59.899007%2C30.444116" class="btn btn--isSizeLarge"> <span class="btn__label">Построить маршрут</span> </a> </div> <a role="button" href="/spb/kontakty/ofisy-prodazh/12/" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge "> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </a> </div> </div> <div class="gridFlow__item"> <div class="infoCard infoCard--isCustomQuaternary"> <div class="infoCard__imageWrapper"> <img class="infoCard__image" src="https://cdn.static.lsr.ru/upload/kelnik.lsrcontacts/a0b/i8dm9v1gvzt8s0uei6cjs35wy60dvg4q/1200х800 - кироч (1).jpg" alt="Офис продаж Кирочная, 39" /> </div> <span class="infoCard__heading"> <a href="/spb/kontakty/ofisy-prodazh/5/"><span>Офис продаж Кирочная, 39</span></a> </span> <div class="infoCard__icon"> <span role="presentation" class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <span class="infoCard__label"> <p>Пн–Чт: 9:00-20:00</p> <p>Пт: 9:00-19:00</p> <p>Сб–Вс 12:00-18:00</p> </span> <div class="infoCard__link"> <a role="button" href="https://yandex.ru/maps/?rtext=~59.9433345792%2C30.3704171806" class="btn btn--isSizeLarge"> <span class="btn__label">Построить маршрут</span> </a> </div> <a role="button" href="/spb/kontakty/ofisy-prodazh/5/" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge "> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </a> </div> </div> <div class="gridFlow__item"> <div class="infoCard infoCard--isCustomQuaternary"> <div class="infoCard__imageWrapper"> <img class="infoCard__image" src="https://cdn.static.lsr.ru/upload/kelnik.lsrcontacts/026/pmkoyckh3wr1jtleivvqiuzbzjj78nhe/1200х800 - невский.jpg" alt="Офис продаж Невский, 68" /> </div> <span class="infoCard__heading"> <a href="/spb/kontakty/ofisy-prodazh/7/"><span>Офис продаж Невский, 68</span></a> </span> <div class="infoCard__icon"> <span role="presentation" class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-"></use> </svg> </span> </div> <span class="infoCard__label"> <p>Пн–Чт: 9:00-20:00</p> <p>Пт: 9:00-19:00</p> <p>Сб–Вс 12:00-18:00</p> </span> <div class="infoCard__link"> <a role="button" href="https://yandex.ru/maps/?rtext=~59.9334%2C30.345" class="btn btn--isSizeLarge"> <span class="btn__label">Построить маршрут</span> </a> </div> <a role="button" href="/spb/kontakty/ofisy-prodazh/7/" class="btn btn--isCustomOutline btn--isRound btn--isOnlyIcon btn--isSizeLarge "> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </a> </div> </div> </div> <div class="isVisibleMobile isMt12"> <a href="/spb/kontakty/" target="_self" draggable="false" type="button" 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> </div> </main> <div class="pageLayout__footer"> <footer class="footer"> <div class="container"> <div class="footer__container"> <div class="footer__topRow"> <div class="externalCardLinkSlider"> <div class="externalCardLinkSlider--isThreeCards "> <div class="slider"> <div class="slider__container swiper externalCardLinkSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper"> <div class="slider__slide swiper-slide"> <a class="cardLink" href="http://sm.lsr.ru/" target="_blank" rel="nofollow"> <span class="cardLink__heading"> <span>Строительные<br />материалы</span> </span> <button draggable="false" type="button" class="btn btn--isCustomPrimary btn--isRound btn--isOnlyIcon btn--isSizeMedium"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <span class="cardLink__label">Интернет-магазин</span> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink" href="http://zakupki.lsr.ru/" target="_blank" rel="nofollow"> <span class="cardLink__heading"> <span>Электронная<br />торговля </span> </span> <button draggable="false" type="button" class="btn btn--isCustomPrimary btn--isRound btn--isOnlyIcon btn--isSizeMedium"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-page-next"></use> </svg> </span> </span> </button> <span class="cardLink__label">площадка группы ЛСР</span> </a> </div> <div class="slider__slide swiper-slide"> <a class="cardLink cardLink--isSecondary" href="https://redirect.appmetrica.yandex.com/serve/1107302680734235266" target="_blank" rel="nofollow" data-js-ConditionLink='{"appleStoreUrl":"https://apps.apple.com/ru/app/%D0%BB%D1%81%D1%80/id1474955418","googlePlayStore":"https://play.google.com/store/apps/details?id=ru.lsr.android"}'> <span class="cardLink__heading"> <span>Приложение<br />ЛСР </span> </span> <span class="cardLink__label">Стало ещё удобнее</span> <img class="cardLink__image" src="/frontend/build/assets/images/card-links/photo-1.png" srcSet="/frontend/build/assets/images/card-links/photo-1.png 2x" width="111" height="225" loading="lazy" decoding="async" alt="" /> </a> </div> </div> </div> </div> </div> </div> </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/" 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/" 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/" 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="698821ba079aa08d8e127e43c3efecd6" /> </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="698821ba079aa08d8e127e43c3efecd6"> <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/" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="698821ba079aa08d8e127e43c3efecd6" /> </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="698821ba079aa08d8e127e43c3efecd6"> </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="698821ba079aa08d8e127e43c3efecd6" /> <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="698821ba079aa08d8e127e43c3efecd6" /> <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="698821ba079aa08d8e127e43c3efecd6" /> <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

Недвижимость в Санкт-Петербурге - новостройки от застройщика ЛСР Недвижимость СЗ