Купить квартиру в ипотеку в Санкт-Петербурге от застройщика ЛСР

<!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_8466eb285b1fb6eddbd8bf811cdb908c/template_8466eb285b1fb6eddbd8bf811cdb908c_v1.css?1732410045989200" 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.6" /> <link href="/frontend/build/js/bundle.js?version=4.4.6" rel="preload" as="script"> <link rel="canonical" href="https://www.lsr.ru/spb/usloviya-pokupki/ipoteka/" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NM5GJ96M');</script>  <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Главная","item":"https://www.lsr.ru/spb/"},{"@type":"ListItem","position":2,"name":"Условия покупки","item":"https://www.lsr.ru/spb/usloviya-pokupki/"},{"@type":"ListItem","position":3,"name":"Ипотека. Ипотечный калькулятор","item":"https://www.lsr.ru/spb/usloviya-pokupki/ipoteka/"}]}</script></head> <body data-js-App='{"lang":"ru","isAuth":false,"tplPath":"\/local\/templates\/lsr","googleCaptchaKey":null,"yandexMapsKey":"de3743b5-31ca-4bca-9ae4-2aa3e5358eb1","svgSpriteRevision":null,"routerUrls":{"parkingCard":"ajax\/selector_parking.php","qualityModal":"ajax\/quality_modal.php"}}' > <div id="panel" style="position:absolute;width:100%"></div> <div class="pageLayout pageLayout--isColorWildSandBg pageLayout--isHasFixedMenu pageLayout--isColorWildSandBg"> <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/usloviya-pokupki/" 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/usloviya-pokupki/" 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/usloviya-pokupki/" 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/usloviya-pokupki/" 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/usloviya-pokupki/" 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/usloviya-pokupki/" 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/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/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/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 " 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 " 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 " 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 " 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 " data-js-TabsItem="tab-5"> <span class="btn__label">Кладовые</span> </a> </li> </ol> </div> <div class="menu__feedbackBtnWrapper" data-js-HeaderElToHide=""> <a href="#message" class="btn btn--isOutline btn--isSizeLarge" data-js-modal-open=""> <span class="btn__label">Связаться с нами</span> </a> </div> <div class="menu__informationWrapper" data-js-HeaderElToHide=""> <p class="menu__information"> <span class="menu__informationText">Проектные декларации и подлежащая раскрытию информация о застройщике и проектах строительства размещены на сайте ЕИСЖС</span> <a href="https://xn--80az8a.xn--d1aqf.xn--p1ai/" class="btn btn--isSecondaryLink btn--isInformationLink btn--isSizeMedium "> <span class="btn__label"> наш.дом.рф.</span> </a> </p> </div> <div class="menu__socialLinkListWrapper" data-js-HeaderElToHide=""> <ul class="socialLinkList"> <li class="socialLinkList__item" title="Вк Сбп"> <a href="https://vk.com/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/a06/u8is0wr36j9gz6nc2kw9cycuvwi2mfd4/VK.com-logo 1.svg" alt="Вк Сбп" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Youtube Спб"> <a href="https://www.youtube.com/user/lsrestate" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/770/z894l2pru375x5dvuj4tkw4a24h5o8z9/YouTube_Logo_2017 1.svg" alt="Youtube Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Телеграм Спб"> <a href="https://t.me/lsr_spb" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/9e1/z0br8clx9maqhqdhy8lbh9m156t9hu0v/telega-round.svg" alt="Телеграм Спб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Дзен СПБ"> <a href="https://dzen.ru/lsrspb " target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/2c7/46gogd8r1dd81hu6x44oe5hy9bjzihuv/Yandex_Zen_logo_icon_Good.svg" alt="Дзен СПБ" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> <li class="socialLinkList__item" title="Одноклассники СПб"> <a href="https://ok.ru/lsr.petersburg" target="_blank" class="btn btn--isWidthIcon btn--isRound btn--isOutline btn--isSizeLarge "> <img class="socialLinkList__img" src="/upload/kelnik.icons/853/jcbfdllxa8l3l2m9vbbk33qjg8ffxzg9/Odnoklassniki.svg" alt="Одноклассники СПб" width="16" height="16" loading="lazy" decoding="async" /> </a> </li> </ul> </div> <div class="menu__primaryCardLinkSliderWrapper" data-js-HeaderElToHide=""> <div class="primaryCardLinkSlider"> <div class="slider"> <div class="slider__container swiper primaryCardLinkSliderContainer" data-js-slider=""> <div class="slider__wrapper swiper-wrapper">  </div> </div> </div> </div> </div> </div> </div> </div> <div class="header__menuWrapperBar"></div> </div> <div class="header__telWrapper"> <a href="tel:88003250101" class="btn btn--isPrimaryLink btn--isSizeMedium"> <span class="btn__label">8 (800) 325-01-01</span> </a> </div> <ol class="header__userList"> <li class="header__userItem header__userItem--isWithTip"> <a class="faveLink " data-js-FavouriteFaveLink="" href="/spb/favorites/" title="Избранное" aria-label="Избранное"> <div class="faveLink__iconContainer"> <span class="icon icon--isActive icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-heart-fill"></use> </svg> </span> <span class="icon icon--isInactive icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-heart-stroke"></use> </svg> </span> </div> <span class="faveLink__counter" data-js-FavouriteFaveLinkCounter=""></span> </a> <div class="tip tip--isArrowTop"> <span class="label l3">Избранное</span> </div> </li> <li class="header__userItem header__userItem--isAccountBtn header__userItem--isWithTip"> <div class="popover" data-js-Popover="{"placement":"bottom-end","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px"}"> <button draggable="false" type="button" class="btn btn--isBlank btn--isOnlyIcon btn--isSizeMedium" data-js-PopoverToggleBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-user"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="accountList"> <p class="accountList__heading">Вход в личный кабинет</p> <ol class="accountList__list"> <li class="accountList__item"> <a href="#agentEntry" class="btn btn--isSecondaryLink btn--isAccount btn--isSizeMedium " data-js-PopoverCloseEl="true" data-js-modal-open=""> <span class="btn__label">Я агент</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-briefcase"></use> </svg> </span> </span> </a> </li> <li class="accountList__item"> <a href="#userEntryForm" class="btn btn--isSecondaryLink btn--isAccount btn--isSizeMedium" data-js-PopoverCloseEl="true" data-js-modal-open=""> <span class="btn__label">Я пользователь</span> <span class="btn__icon"> <span class="icon icon--isSizeAuto"> <svg class="icon__src"> <use href="#icon-emotion-happy"></use> </svg> </span> </span> </a> </li> </ol> </div> </div> </div> <div class="tip tip--isArrowTop"> <span class="label l3">Личный кабинет</span> </div> </li> <li class="header__userItem header__userItem--isBurgerBtn"> <button class="burgerBtn" data-js-HeaderToggleBtn="true" title="Показать"> <div class="burgerBtn__lines"> <span class="burgerBtn__line"></span> <span class="burgerBtn__line"></span> <span class="burgerBtn__line"></span> </div> </button> </li> </ol> </div> </header> </div> <main class="pageLayout__main"> <div class="pageLayout__sections"> <section class="section section--isMb16 section--isCustomBreadcrumbs"> <div class="section__wrap container"> <header class="section__header"> <div class="breadcrumbs "> <ul class="breadcrumbs__list"> <li class="breadcrumbs__list-item"> <a href="/spb/" class="btn btn--isSizeMedium "> <span class="btn__label">Главная</span> </a> </li> <li class="breadcrumbs__list-item"> <a href="/spb/usloviya-pokupki/" class="btn btn--isSizeMedium "> <span class="btn__label">Условия покупки</span> </a> </li> <li class="breadcrumbs__list-item"> <a href="/spb/usloviya-pokupki/ipoteka/" class="btn btn--isSizeMedium "> <span class="btn__label">Ипотека. Ипотечный калькулятор</span> </a> </li> </ul> </div> </header> <div class="section__content"> <div class="pageBanner pageBanner--isLargeText"> <h1 class="pageBanner__title">Ипотека. Ипотечный калькулятор</h1> <p class="pageBanner__text">Более 20 банков, свой ипотечный отдел</p> <picture class="responsiveImage responsiveImage--isQualityPage"> <source srcSet="https://cdn.static.lsr.ru/upload/resize_cache/kelnik.buy/770/0pl6fgphsl39jtttcfbr0r6a9wn78rrk/1332_501_2/1920х1080 - ипотека. ипотечный калькулятор.jpg 2x, https://cdn.static.lsr.ru/upload/resize_cache/kelnik.buy/770/0pl6fgphsl39jtttcfbr0r6a9wn78rrk/1332_501_2/1920х1080 - ипотека. ипотечный калькулятор.jpg 1x" media="(max-width: 375px)" /> <source srcSet="https://cdn.static.lsr.ru/upload/resize_cache/kelnik.buy/770/0pl6fgphsl39jtttcfbr0r6a9wn78rrk/1332_501_2/1920х1080 - ипотека. ипотечный калькулятор.jpg 2x, https://cdn.static.lsr.ru/upload/resize_cache/kelnik.buy/770/0pl6fgphsl39jtttcfbr0r6a9wn78rrk/1332_501_2/1920х1080 - ипотека. ипотечный калькулятор.jpg 1x" media="(max-width: 768px)" /> <img class="responsiveImage__image" src="https://cdn.static.lsr.ru/upload/resize_cache/kelnik.buy/770/0pl6fgphsl39jtttcfbr0r6a9wn78rrk/1332_501_2/1920х1080 - ипотека. ипотечный калькулятор.jpg" srcSet="https://cdn.static.lsr.ru/upload/resize_cache/kelnik.buy/770/0pl6fgphsl39jtttcfbr0r6a9wn78rrk/1332_501_2/1920х1080 - ипотека. ипотечный калькулятор.jpg 2x" width="1408" height="530" loading="lazy" decoding="async" alt="" aria-describedby="" /> </picture> </div> </div> </div> </section> <section class="section section--isMb16 section--isQualityMenu" data-js-pageMenuSection=""> <div class="section__wrap container"> <div class="section__content"> <div class="pageMenu" data-js-pageMenu='{"enableModel":true,"isCustomScroll":false}'> <div class="pageMenu__container"> <div class="flexFlow flexFlow--isWrap"> <div class="flexFlow pageMenu__pagesList"> <a href="/spb/usloviya-pokupki/ipoteka/" class="btn btn--isSizeMedium btn--isActive"> <span class="btn__label">Ипотека. Ипотечный калькулятор</span> </a> <a href="/spb/usloviya-pokupki/voennaya-ipoteka/" class="btn btn--isSizeMedium "> <span class="btn__label">Военная ипотека</span> </a> <a href="/spb/usloviya-pokupki/semeynaya-ipoteka/" class="btn btn--isSizeMedium "> <span class="btn__label">Семейная ипотека</span> </a> </div> <div class="flexFlow pageMenu__buttonsList"> <div class="popover popover--isActiveRotateIcon" data-js-Popover="{"placement":"top-start","events":["click"],"offset":{"mainAxis":24,"crossAxis":0,"alignmentAxis":0},"flip":{},"shift":0,"arrowPadding":16,"arrowSize":"9px","isToggleBtnLabelChange":true}"> <button draggable="false" type="button" class="btn btn--isFullWidth btn--isOpenBtn btn--isSizeLarge btn--isOutline" data-js-PopoverToggleBtn="true"> <span class="btn__label">Ипотека. Ипотечный калькулятор</span> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-dropdown"></use> </svg> </span> </span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <ul class="pageMenu__dropdownMenuList"> <li class="pageMenu__dropdownMenuItem"> <a href="/spb/usloviya-pokupki/ipoteka/" class="btn btn--isBright btn--isSizeMedium btn--isActive?>" data-js-PopoverCloseEl="true"> <span class="btn__label">Ипотека. Ипотечный калькулятор</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="/spb/usloviya-pokupki/voennaya-ipoteka/" class="btn btn--isBright btn--isSizeMedium ?>" data-js-PopoverCloseEl="true"> <span class="btn__label">Военная ипотека</span> </a> </li> <li class="pageMenu__dropdownMenuItem"> <a href="/spb/usloviya-pokupki/semeynaya-ipoteka/" class="btn btn--isBright btn--isSizeMedium ?>" data-js-PopoverCloseEl="true"> <span class="btn__label">Семейная ипотека</span> </a> </li> </ul> </div> </div> <a href="#mortgageApplication" draggable="false" type="button" data-js-modal-open="" class="btn btn--isGetConsultationBtn btn--isBgTransparent btn--isSizeLarge"> <span class="btn__label">Получить консультацию</span> </a> <a href="/spb/kvartiry-v-novostroikah/" class="btn btn--isChooseApartmentBtn btn--isBright btn--isSizeLarge "> <span class="btn__label">Выбрать квартиру</span> </a> <a href="/spb/kvartiry-v-novostroikah/" class="btn btn--isChooseApartmentBtnAdditional btn--isBright btn--isSizeLarge "> <span class="btn__label">Квартиры</span> </a> <a role="button" href="#callConsult" class="btn btn--isRound btn--isHiddenTablet btn--isOnlyIcon btn--isSizeLarge " data-js-modal-open=""> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-phone"></use> </svg> </span> </span> </a> <div id="callConsult" class="modal modal--isCustomPadding3 modal--isForm isDisplayNone" data-js-modal='{"bubbleAfterClose":"popupForm::close","bubbleAfterDone":"popupForm::open"}'> <form id="call_consult" autoComplete="off" class="form form--isFullHeight form--isPositionRelative" data-js-form='{"url":"/ajax/requests/call.php","method":"POST","isLiveValidation":true}' novalidate="" action="/ajax/requests/call.php" data-js-DynamicForm='{"csrfUrl":"/ajax/csrf.php","hash":"call","activeStep":"0","steps":{"0":{"id":"0","successId":"1","errorId":"2"},"1":{"id":"1","dataLayerCase":"flatSuccessTransaction","closeReset":"form","timer":{"time":3,"action":"close"}},"2":{"id":"2","closeReset":"form"}}}'> <div class="form__body"> <div class="flexFlow flexFlow--isGap32 flexFlow--isFlexDirectionColumn flexFlow--isAlignItemsStretch flexFlow--isFullHeight"> <div class="flexFlow__item flexFlow__item--isFlexGrow isFlexColumn isFlexGrow isMbAuto isOverflowXauto isPrD24T12M16"> <div class="form__row form__row--isMb52 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <div class="isCustomH4 isTextCentered">Заявка на звонок</div> </div> </div> </div> <div class="isFlexGrow" data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="ФИО полностью" class="formLabel" for="name"> <span class="formLabel__label">ФИО полностью</span> </label> <input class="formInput" id="name" name="name" type="text" placeholder="Введите ФИО" required="" autoComplete="name" data-js-input-required="true" title="Введите ФИО" inputMode="text" data-js-InputMask="fullName" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isMb32 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label title="Телефон" class="formLabel" for="phone"> <span class="formLabel__label">Телефон</span> </label> <input class="formInput" id="phone" name="phone" type="tel" placeholder="+7 (000) 000-00-00" required="" autoComplete="tel" data-js-input-required="phone" title="Номер должен начинаться с +7 (9...) и содержать 10 цифр" inputMode="tel" data-js-InputMask="phone" value="" /> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div 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="type_card" name="type_card" type="hidden" tabindex="-1" value="Условия покупки" /> <input id="card_name" name="card_name" type="hidden" tabindex="-1" value="Ипотека. Ипотечный калькулятор" /> <input id="object_id" name="object_id" type="hidden" tabindex="-1" value="6" /> <input id="site" name="site" type="hidden" tabindex="-1" value="/spb" /> <input id="link" name="link" type="hidden" tabindex="-1" value="/spb/usloviya-pokupki/ipoteka/" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="c19628d0e5bdede79028e883cd26221c" /> </div> </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="1"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Данные отправлены. <br /> <span>Мы перезвоним </span> <br class="isHiddenMobile" />и поможем </div> </div> </div> <div class="isInvisible isFlexGrow" data-js-DynamicFormStep="2"> <div class="isFullHeight isPlaceCenter"> <div class="isTextCentered">Что-то пошло не так... <br />Попробуйте отправить <br />форму ещё раз </div> </div> </div> </div> <div class="flexFlow__item isPrD24T12M16 isOnMobileSmallMinlineNegative12"> <div data-js-DynamicFormStep="0"> <div class="form__row form__row--isMb24 form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <label class="isVisuallyHidden" for="extra[3]"> <span class="isVisuallyHidden__label">Согласие на обработку персональных данных </span> </label> <label class="checkbox checkbox--isALignItemsCenter checkbox--isRequired"> <input class="checkbox__input" id="extra[3]" name="extra[3]" type="checkbox" tabindex="-1" required="" autoComplete="off" data-js-input-required="checkbox" value="on" /> <span role="presentation" class="checkbox__emulator"></span> <span role="tooltip" class="checkbox__label"> Я даю <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/soglasie" target="_blank">согласие на обработку моих персональных данных</a> и подтверждаю, что ознакомился с <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/privacy" target="_blank">Политикой в отношении обработки персональных данных в «ЛСР. Недвижимость-Северо-Запад, ООО» </a> и <a class="btn btn--isCustomPrimaryLink btn--isPrivatePolicyLink btn--isWrap" href="https://privacy.lsr.ru/doc/000000004/sved" target="_blank">сведениями о реализуемых требованиях к защите персональных данных</a> </span> </label> <div role="tooltip" class="form__msg" data-js-form-input-msg="" data-css-reason=""> </div> </div> </div> </div> <div class="form__row form__row--isColumns-1"> <div class="form__col"> <div data-js-form-block="" class="form__block"> <button draggable="false" type="submit" class="btn btn--isSizeLarge"> <span class="btn__label">Отправить</span> </button> </div> </div> </div> </div> <div class="isInvisible isTextCentered" data-js-DynamicFormStep="1"> <span class="label l2">Форма автоматически закроется <span class="isColorAlizarinCrimson"> через <span data-js-DynamicFormTimer="1"></span>...</span> </span> </div> <div class="isInvisible" data-js-DynamicFormStep="2"> <button draggable="false" type="button" class="btn btn--isSizeLarge" data-js-DynamicFormStepSelectionBtn="0"> <span class="btn__label">Отправить ещё раз</span> </button> </div> </div> </div> </div> </form> </div> <a role="button" href="tel:8 (812) 325-01-01" class="btn btn--isRound btn--isVisibleTablet btn--isOnlyIcon btn--isSizeLarge "> <span class="btn__icon"> <span role="presentation" class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-phone"></use> </svg> </span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="section section--isMb80"> <div class="section__wrap container"> <div class="section__content"> <div class="blockAbout"> <span class="blockAbout__theme">О программе</span> <div class="blockAbout__heading isOnMobileMinimumCustomH1"> Более 20 банков, свой ипотечный отдел </div> <div class="blockAbout__text" id="text"> <p> <b>*В связи с изменениями кредитной политики банков условия по ипотеке могут быть скорректированы. За подробной информацией просим обращаться в отдел ипотеки </b><b>«</b><b>Группы ЛСР</b><b>»</b><b> по телефону 8 (812) 325-01-01.</b> </p> <p> <b><br> </b> </p> <p> Покупка квартиры в ипотеку – реальный способ уже сегодня стать владельцем недвижимости в Санкт-Петербурге. Для этого не нужно быть миллионером. Достаточно иметь стабильную зарплату и средства на первоначальный взнос. Целевой кредит на квартиру под залог приобретаемого жилья предоставляют партнеры «Группы ЛСР» – более двух десятков банков, в которых аккредитованы готовые и строящиеся объекты девелопера.<br> </p> Перед тем как взять ипотеку, следует выбрать квартиру в объектах ЛСР, ознакомиться с условиями кредитования, а также произвести расчет ежемесячных платежей. Это легко сделать прямо на сайте с помощью ипотечного калькулятора. Сервис рассчитает ипотеку в течение пяти секунд. Таким образом вы быстро подберете приемлемый вариант программы ипотечного кредитования <p> </p>  </div> <div class="blockAbout__readMore" data-js-ReadMore="{"targetElSelector":"#text","collapsedHeight":0,"collapsedLabel":"Читать подробнее","expandedLabel":"Свернуть текст","btnProps":{"extraClasses":{"isTransparent":true},"size":"large"}}"> </div> </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":98424180,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":626493,"maxPayment":88581762},"6":{"minPrice":3116880,"maxPrice":8293750,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":626493,"maxPayment":7464375},"1":{"minPrice":3116880,"maxPrice":98424180,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":470649,"maxPayment":88581762},"4":{"minPrice":3116880,"maxPrice":41098431,"minPeriod":1,"maxPeriod":30,"defaultPayment":1200000,"minPayment":155844,"maxPayment":36988588},"7":{"minPrice":3116880,"maxPrice":98424180,"minPeriod":1,"maxPeriod":30,"defaultPayment":0,"minPayment":470649,"maxPayment":88581762},"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":"1","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":98424180},"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":470649,"max":88581762},"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"> 880 </span>квартир в <span class="isColorAlizarinCrimson">3 </span>комплексах. </p> </div> <a href="/spb/kvartiry-v-novostroikah/?mortgage=1&mortgage_type=1&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"> Вам подходят 19 предложений от 12 банков. <br class="isHiddenMobileSmall" />Ставка <span class="isColorAlizarinCrimson">от 20,00 %</span>, ежемесячный платёж <span class="isColorAlizarinCrimson"> от 46 791 ₽/мес. </span> </p> </div> <div class="mortgageCalculator__banksLogos" data-js-mortgageBanksLogos=""> <div class="mortgageCalculator__bankLogo"> <span data-js-banksCount="">+7</span> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/b0a/logo_vbrr_mini.jpg" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/a11/SNGB.png" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/71f/mib-logo-300-1.jpg" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/b13/akb-bars.png" /> </div> <div class="mortgageCalculator__bankLogo"> <img src="/upload/kelnik.mortgagecalculator/fa8/mts-egg.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">23,80% Строящееся жилье</div> <div class="cardLink__label"> <span class="infoWithTitle"> <span class="infoWithTitle__title">Ставка</span> <span class="infoWithTitle__text">23,80%</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title isVisibleTablet">Ежемесячный платёж</span> <span class="infoWithTitle__title">Ежемесячный платёж</span> <span class="infoWithTitle__text">55 582 ₽</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title">Переплата</span> <span class="infoWithTitle__text">17 209 520 ₽</span> </span> </div> <div class="cardLink__icon"> <span class="icon icon--isSizeMedium"> <img src="/upload/kelnik.mortgagecalculator/b0a/logo_vbrr_mini.jpg"/> </span> </div> </div> <div class="cardLink cardLink--isAltTemplate2 isHiddenMobile" style="cursor: default"> <div class="cardLink__heading">29,15% Строящееся жилье</div> <div class="cardLink__label"> <span class="infoWithTitle"> <span class="infoWithTitle__title">Ставка</span> <span class="infoWithTitle__text">29,15%</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title isVisibleTablet">Ежемесячный платёж</span> <span class="infoWithTitle__title">Ежемесячный платёж</span> <span class="infoWithTitle__text">68 029 ₽</span> </span> <span class="infoWithTitle"> <span class="infoWithTitle__title">Переплата</span> <span class="infoWithTitle__text">21 690 440 ₽</span> </span> </div> <div class="cardLink__icon"> <span class="icon icon--isSizeMedium"> <img src="/upload/kelnik.mortgagecalculator/a11/SNGB.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="1" /> <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/usloviya-pokupki/ipoteka/" /> <input id="price" name="price" type="hidden" tabindex="-1" value="0" /> <input id="payment" name="payment" type="hidden" tabindex="-1" value="" /> <input id="period" name="period" type="hidden" tabindex="-1" value="0" /> <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="c19628d0e5bdede79028e883cd26221c" /> <input type="hidden" name="object_id" tabindex="-1" value="0"> <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> </div> </main> <div class="pageLayout__footer"> <footer class="footer"> <div class="container"> <div class="footer__container"> <div class="footer__topRow"> </div> <div class="footer__middleRow"> <div class="footer__middleRowNav"> <div class="footer__logoLsrWrapper"> <a class="logo logo--isSecondary" rel="home" href="/spb/"> <img class="logo__img" src="/frontend/build/assets/images/logos/lsr.svg" alt="Логотип" width="87" height="28" loading="lazy" decoding="async" /> </a> </div> <div class="footer__menuBtnWrapper"> <a href="/spb/zhilye-kompleksy/" class="btn btn--isDark btn--isSizeMedium " title="Объекты"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-building"></use> </svg> </span> </span> <span class="btn__label">Объекты</span> </a> </div> <div class="footer__navWrapper"> <nav class="nav nav--isPrimary"> <ul class="nav__list"> <li class="nav__item"> <a href="/spb/o_kompanii/" class="btn btn--isLink btn--isSizeMedium " title="О нас"> <span class="btn__label">О нас</span> </a> </li> <li class="nav__item"> <a href="/spb/novosti/" class="btn btn--isLink btn--isSizeMedium " title="Новости"> <span class="btn__label">Новости</span> </a> </li> <li class="nav__item"> <a href="/spb/usloviya-pokupki/" class="btn btn--isLink btn--isSizeMedium " title="Как купить"> <span class="btn__label">Как купить</span> </a> </li> <li class="nav__item"> <a href="/spb/kachestvo/" class="btn btn--isLink btn--isSizeMedium " title="Квартирономика"> <span class="btn__label">Квартирономика</span> </a> </li> <li class="nav__item"> <a href="/spb/offers/" class="btn btn--isLink btn--isSizeMedium " title="Акции"> <span class="btn__label">Акции</span> </a> </li> <li class="nav__item"> <a href="/spb/kontakty/" class="btn btn--isLink btn--isSizeMedium " title="Контакты"> <span class="btn__label">Контакты</span> </a> </li> <li class="nav__item"> <a href="/spb/online/" class="btn btn--isLink btn--isSizeMedium btn--isOnline " title="Онлайн"> <span class="btn__label">Онлайн</span> </a> </li> <li class="nav__item"> <a href="/spb/dolshchikam/" class="btn btn--isLink btn--isSizeMedium " title="Дольщикам"> <span class="btn__label">Дольщикам</span> </a> </li> </ul> </nav> </div> <div class="footer__telWrapper"> <a href="tel:88003250101" class="btn btn--isPrimaryLink btn--isSizeMedium"> <span class="btn__label">8 (800) 325-01-01</span> </a> </div> <div class="footer__feedbackBtnWrapper"> <a href="#message_form" class="btn btn--isSizeLarge" data-js-modal-open=""> <span class="btn__label">Напишите нам</span> </a> </div> </div> <div class="footer__middleRowMenu"> <div class="footer__middleRowMenuLinks"> <div id="footerCityLinkWrapper" class="footer__cityLinkWrapper"> <div class="popover popover--isMinWidth200" data-js-Popover='{"placement":"bottom-start","events":["click"],"offset":{"mainAxis":16,"crossAxis":0,"alignmentAxis":0},"arrowPadding":16,"arrowSize":"28px","isToggleBtnLabelChange":false}'> <button draggable="false" type="button" class="btn btn--isLink btn--isSizeAuto" data-js-PopoverToggleBtn="true"> <span class="btn__icon"> <span class="icon icon--isSizeSmall"> <svg class="icon__src"> <use href="#icon-navigation"></use> </svg> </span> </span> <span class="btn__label">Санкт-Петербург</span> </button> <div class="popover__container" data-js-PopoverContainer=""> <div class="popover__arrow" data-js-PopoverArrow=""></div> <div class="cityList"> <ul class="cityList__list"> <li class="cityList__item"> <a href="/spb/usloviya-pokupki/" 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/usloviya-pokupki/" 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/usloviya-pokupki/" 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="c19628d0e5bdede79028e883cd26221c" /> </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="c19628d0e5bdede79028e883cd26221c"> <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/usloviya-pokupki/ipoteka/" /> <input id="csrf" name="csrf" type="hidden" tabindex="-1" value="c19628d0e5bdede79028e883cd26221c" /> </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="c19628d0e5bdede79028e883cd26221c"> </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="c19628d0e5bdede79028e883cd26221c" /> <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="c19628d0e5bdede79028e883cd26221c" /> <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="c19628d0e5bdede79028e883cd26221c" /> <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.6"></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 openGroup() { if (model) { const contentElem = model.contentElement; contentElem.style.setProperty("--contentHeight", `auto`) model.open(); } } $.ajax({ url : action, type : 'post', dataType : 'json', data : requestDataString, beforeSend: function() { window.App.LoaderModel.show(); }, success: function(res) { 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(); // closeGroup() } 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(); setTimeout(() => { openGroup(); }, 200) } }) }, 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

Купить квартиру в ипотеку в Санкт-Петербурге от застройщика ЛСР