/* Start:/local/templates/main/assets/css/swiper-bundle.min.css?175795171115561*/ /** * Swiper 7.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/components/bitrix/highloadblock.view/promo/style.css?17575837112606*/ .popup-promo { position: fixed; display: none; z-index: 1002; top: 0; background-repeat: no-repeat; } .closePromoPopup { position: absolute; top: 15px; right: 50px; width: 15px; height: 15px; cursor: pointer; transform: rotate(-45deg); z-index: 99; transition: 0.3s; } .closePromoPopup:before, .closePromoPopup:after { content: ""; position: absolute; background-color: #ffffff99; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; transition: 0.3s; } .closePromoPopup:before { width: 15px; height: 2px; } .closePromoPopup:after { width: 2px; height: 15px; } .popup-promo__btn { width: 168px; height: 43px; opacity: 1; border-radius: 46px; display: flex; background: #754abc; border: none; align-items: center; justify-content: center; font-weight: 400; font-size: 15px; color: white; cursor: pointer; text-decoration: none; } .popup-promo_first { background-size: 100%; width: 577px; height: 347px; top: calc(50% - 174px); left: calc(50% - 289px); } .popup-promo_first .popup-promo__btn { position: absolute; bottom: 33px; left: 10px; width: 195px; } .popup-promo_second { background-size: 100%; width: 577px; height: 347px; top: calc(50% - 174px); left: calc(50% - 289px); } .popup-promo_second .popup-promo__btn { position: absolute; bottom: 33px; left: 10px; width: 195px; } .mask-overlay { z-index: 1001; width: 100%; height: 100%; background: black; opacity: 0.3; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } @media (max-width: 666px) { .popup-promo__btn { width: 84px; height: 22px; opacity: 1; border-radius: 23px; font-size: 8px; } .popup-promo_first { width: 333px; height: 192px; top: calc(50% - 128px); left: calc(50% - 167px); } .popup-promo_first .popup-promo__btn { position: absolute; bottom: 16px; right: 55px; width: 100px; } .popup-promo_second { background-image: url('/local/templates/main/components/bitrix/highloadblock.view/promo/../images/popup2.png'); background-size: 100%; width: 282px; height: 172px; top: calc(50% - 86px); left: calc(50% - 141px); } .popup-promo_second .popup-promo__btn { position: absolute; bottom: 17px; left: 5px; width: 98px; } .closePromoPopup { right: 20px; } } /* End */ /* Start:/local/templates/main/styles.css?1757953424147720*/ @font-face { font-family: 'TT Travels'; src: url('/local/templates/main/assets/font/TTTravels-Medium.eot'); src: local('TT Travels Medium'), local('TTTravels-Medium'), url('/local/templates/main/assets/font/TTTravels-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/TTTravels-Medium.woff2') format('woff2'), url('/local/templates/main/assets/font/TTTravels-Medium.woff') format('woff'), url('/local/templates/main/assets/font/TTTravels-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'TT Travels'; src: url('/local/templates/main/assets/font/TTTravels-Regular.eot'); src: local('TT Travels Regular'), local('TTTravels-Regular'), url('/local/templates/main/assets/font/TTTravels-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/TTTravels-Regular.woff2') format('woff2'), url('/local/templates/main/assets/font/TTTravels-Regular.woff') format('woff'), url('/local/templates/main/assets/font/TTTravels-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TT Travels'; src: url('/local/templates/main/assets/font/TTTravels-Bold.eot'); src: local('TT Travels Bold'), local('TTTravels-Bold'), url('/local/templates/main/assets/font/TTTravels-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/TTTravels-Bold.woff2') format('woff2'), url('/local/templates/main/assets/font/TTTravels-Bold.woff') format('woff'), url('/local/templates/main/assets/font/TTTravels-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/assets/font/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/main/assets/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/main/assets/font/Montserrat-Regular.woff') format('woff'), url('/local/templates/main/assets/font/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/assets/font/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/main/assets/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/main/assets/font/Montserrat-Bold.woff') format('woff'), url('/local/templates/main/assets/font/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/assets/font/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/main/assets/font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/main/assets/font/Montserrat-Medium.woff') format('woff'), url('/local/templates/main/assets/font/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/main/assets/font/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/main/assets/font/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/main/assets/font/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/main/assets/font/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-Light.eot'); src: url('/local/templates/main/assets/font/Bounded-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-Light.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-Light.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-Light.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-Light.svg#Bounded-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-ExtraLight.eot'); src: url('/local/templates/main/assets/font/Bounded-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-ExtraLight.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-ExtraLight.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-ExtraLight.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-ExtraLight.svg#Bounded-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-ExtraBold.eot'); src: url('/local/templates/main/assets/font/Bounded-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-ExtraBold.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-ExtraBold.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-ExtraBold.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-ExtraBold.svg#Bounded-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-Black.eot'); src: url('/local/templates/main/assets/font/Bounded-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-Black.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-Black.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-Black.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-Black.svg#Bounded-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-Bold.eot'); src: url('/local/templates/main/assets/font/Bounded-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-Bold.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-Bold.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-Bold.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-Bold.svg#Bounded-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-Regular.eot'); src: url('/local/templates/main/assets/font/Bounded-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-Regular.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-Regular.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-Regular.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-Regular.svg#Bounded-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-Medium.eot'); src: url('/local/templates/main/assets/font/Bounded-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-Medium.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-Medium.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-Medium.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-Medium.svg#Bounded-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-SemiBold.eot'); src: url('/local/templates/main/assets/font/Bounded-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-SemiBold.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-SemiBold.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-SemiBold.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-SemiBold.svg#Bounded-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Bounded'; src: url('/local/templates/main/assets/font/Bounded-ExtraLight_1.eot'); src: url('/local/templates/main/assets/font/Bounded-ExtraLight_1.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/font/Bounded-ExtraLight_1.woff2') format('woff2'), url('/local/templates/main/assets/font/Bounded-ExtraLight_1.woff') format('woff'), url('/local/templates/main/assets/font/Bounded-ExtraLight_1.ttf') format('truetype'), url('/local/templates/main/assets/font/Bounded-ExtraLight_1.svg#Bounded-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } html, body, div, span, h1, h2, h3, h4, h5, h6, p, iframe, ol, ul, li, form, label, i, footer, header, menu, nav, a, table, thead, tbody, tfoot, tr, th, td, video, canvas, section, /*commonly used tags*/ applet, object, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, hgroup, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, dl, dt, dd, fieldset, legend, article, aside, details, embed, figure, figcaption, output, section, summary, time, mark, audio, center, ruby { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; } ol, ul { list-style: none; padding: 0; margin: 0; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } * { outline: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; } a { display: inline-block; text-decoration: none; } button { cursor: pointer; } input, button, select { display: inline-block; padding: 0; border: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } img { max-width: 100%; } body { font-family: 'Bounded'; } .container{ max-width: 1660px; width: 100%; margin: 0 auto; padding: 0 10px; } button, a, input, textarea{ font-family: 'Bounded'; } i{ transition: 0.3s; } .icon-walk{ width: 20px; height: 20px; content: url("/local/templates/main/assets/img/icons/walk.svg"); } .icon-drive{ width: 20px; height: 20px; content: url("/local/templates/main/assets/img/icons/drive.svg"); } .icon-slaq{ content: url("/local/templates/main/assets/img/icons/slaq.svg"); width: 20px; height: 20px; } .sun-light{ content: url("/local/templates/main/assets/img/icons/sun-light.svg"); } .hugeicons-floor{ content: url("/local/templates/main/assets/img/icons/hugeicons-floor.svg"); } .oir-balcony{ content: url("/local/templates/main/assets/img/icons/oir-balcony.svg"); } .guidance-elevator{ content: url("/local/templates/main/assets/img/icons/guidance-elevator.svg"); } .air-conditioner{ content: url("/local/templates/main/assets/img/icons/air-conditioner.svg"); } .healthicons-walki{ content: url("/local/templates/main/assets/img/icons/healthicons-walki.svg"); } .dive-two{ content: url("/local/templates/main/assets/img/icons/dive-two.svg"); } .icon-food{ content: url("/local/templates/main/assets/img/icons/food.svg"); } .icon-retail{ content: url("/local/templates/main/assets/img/icons/retail.svg"); } .icon-helth{ content: url("/local/templates/main/assets/img/icons/helth.svg"); } .icon-education{ content: url("/local/templates/main/assets/img/icons/education.svg"); } .icon-fitness{ content: url("/local/templates/main/assets/img/icons/fitness.svg"); } .icon-finance{ content: url("/local/templates/main/assets/img/icons/finance.svg"); } .icon-event{ content: url("/local/templates/main/assets/img/icons/event.svg"); } .icon-services{ content: url("/local/templates/main/assets/img/icons/services.svg"); } .icon-arrow-down{ content: url("/local/templates/main/assets/img/icons/arrow-down.svg"); width: 20px; height: 20px; } .icon-search{ content: url("/local/templates/main/assets/img/icons/search.svg"); width: 24px; height: 24px; } .icon-heart{ content: url("/local/templates/main/assets/img/icons/heart.svg"); width: 28px; height: 24px; } .icon-info{ width: 18px; height: 18px; content: url("/local/templates/main/assets/img/icons/info.svg"); } .icon-arrow-top{ width: 20px; height: 22px; content: url("/local/templates/main/assets/img/icons/arrow-top.svg"); } .light-camera{ content: url("/local/templates/main/assets/img/icons/light-camera.svg"); width: 24px; height: 24px; } .moscow-metro{ content: url("/local/templates/main/assets/img/icons/moscow-metro.svg"); } .icon-time{ content: url("/local/templates/main/assets/img/icons/time-half-pass.svg"); width: 24px; height: 24px; } .icon-camera{ content: url("/local/templates/main/assets/img/icons/video-01.svg"); width: 24px; height: 24px; } .icon-strollers{ content: url("/local/templates/main/assets/img/icons/strollers.svg"); width: 24px; height: 24px; } .icon-bicycle{ content: url("/local/templates/main/assets/img/icons/bicycle.svg"); width: 24px; height: 24px; } .icon-wheelchair{ content: url("/local/templates/main/assets/img/icons/wheelchair.svg"); width: 24px; height: 24px; } .icon-fast-wind{ content: url("/local/templates/main/assets/img/icons/fast-wind.svg"); } .icon-child{ content: url("/local/templates/main/assets/img/icons/child.svg"); } .icon-beach{ content: url("/local/templates/main/assets/img/icons/beach.svg"); } .G-flex { display: flex; } .G-inline-flex { display: inline-flex; } .G-center { justify-content: center; align-items: center; display: flex; } .G-justify-center { justify-content: center; display: flex; } .G-justify-between { justify-content: space-between; display: flex; } .G-justify-around { justify-content: space-around; display: flex; } .G-justify-end { justify-content: flex-end; display: flex; } .G-align-center { align-items: center; display: flex; } .G-align-start { align-items: flex-start; display: flex; } .G-align-end { align-items: flex-end; display: flex; } .G-flex-column { flex-direction: column; display: flex; } .G-flex-wrap { flex-wrap: wrap; display: flex; } .modal { display: none; position: fixed; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; background: #1A1A1A66; backdrop-filter: blur(13px); } .body-hidd{ overflow: hidden; } #modal-thanks.out { -webkit-animation: opacity-anim 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: opacity-anim 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .modal-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-animation: zoomIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: zoomIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; padding: 0 10px; } #gallery .modal-content{ padding: 0; } #modal-thanks .modal-content { -webkit-animation: opaIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: opaIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .close{ position: absolute; top: 45px; right: 40px; width: 22px; height: 22px; cursor: pointer; transform: rotate(-45deg); z-index: 99; transition: 0.3s; } .close:before, .close:after{ content: ""; position: absolute; background-color: #1A1A1A99; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; transition: 0.3s; } .close:before{ width: 22px; height: 2px; } .close:after{ width: 2px; height: 22px; } .modal-registration{ background: #F8F8F8; max-width: 1022px; width: 100%; position: relative; border-radius: 36px; padding: 40px; } .modal-registration h3{ text-align: center; color: #754ABC; font-weight: 600; font-size: 28px; line-height: 105%; text-transform: uppercase; } .booking-request-flex{ margin-top: 48px; gap: 32px; } .booking-request-info{ max-width: 392px; width: 100%; } .modal-form{ max-width: 518px; width: 100%; } .modal-form-cnt{ gap: 8px; } .modal-form-inp{ width: 100%; } .modal-form-inp label{ width: 100%; display: flex; } .modal-form-inp input{ width: 100%; border: 1px solid #754ABC; gap: 8px; border-radius: 32px; padding: 12px 32px; background: #FFFFFF; font-weight: 400; font-size: 16px; line-height: 100%; color: #5E4D6D; } .modal-form-inp input::placeholder{ color: #5E4D6D66; } .time-call{ position: relative; } .time-call-click{ color: #5E4D6D66; width: 100%; border: 1px solid #754ABC; gap: 8px; border-radius: 32px; padding: 12px 32px; background: #FFFFFF; font-weight: 400; font-size: 15px; line-height: 100%; display: flex; cursor: pointer; transition: 0.3s; } .time-call-click:before{ content: ''; position: absolute; right: 32px; top: 14px; border-top: 2px solid #9F9DBA; border-right: 2px solid #9F9DBA; width: 9px; height: 9px; transform: rotate(135deg); transition: 0.3s; } .time-call-drop{ position: absolute; top: 52px; left: 0; width: 100%; border: 1px solid #754ABC; background: #FFFFFF; border-radius: 16px; z-index: 5; padding: 6px 8px; display: none; } .time-call-act .time-call-drop { display: block; } .time-call-drop ul{ gap: 4px; } .time-call-drop ul li{ color: #5E4D6D; width: 100%; font-weight: 500; font-size: 14px; line-height: 100%; padding: 7px 24px; transition: 0.3s; cursor: pointer; border-radius: 16px; } .time-call-drop ul li:hover{ background: #5E4D6D66; } .check-form{ margin-top: 16px; } .check-form label { display: block; position: relative; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check-form label input { position: absolute; opacity: 0; cursor: pointer; } .check-form label small { font-weight: 400; font-size: 14px; line-height: 20px; color: #1A1A1A; } .check-form label small a{ color: #1A1A1A; text-decoration: underline; } .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: unset; border: 1px solid #1A1A1A99; border-radius: 2px; } .check-form label input:checked ~ .checkmark { background-color: #754ABC; } .check-form label .checkmark:after { content: ""; position: absolute; display: none; left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .check-form label input:checked ~ .checkmark:after { display: block; } .modal .btn{ margin-top: 16px; width: 100%; } #apartment .btn{ margin-top: 65px; } .booking-request-floor img{ max-width: 240px; width: 100%; } .booking-request-flex{ width: 100%; } .booking-request-flex form{ width: 100%; } .booking-request-flex .commercial-price del { font-size: 20px; line-height: 23.83px; } .booking-request-flex .commercial-item { margin-top: 12px; } .booking-request-flex .comme-line-info p { font-size: 16px; line-height: 100%; } .booking-request-flex .comme-line-info span { font-size: 16px; line-height: 100%; } .request-viewing{ max-width: 536px; width: 100%; } .application-mod-fl{ gap: 12px; margin-bottom: 12px; } .application-mod-box{ border: 1px solid #FFFFFF; background: #754ABC; padding: 12px 12px; gap: 6px; height: 48px; border-radius: 32px; width: calc(42.5% - 6px); } .application-mod-wid{ width: calc(57.4% - 6px); } .application-mod-box p, .application-mod-box span{ color: #FFFFFF; font-weight: 300; font-size: 11px; line-height: 105%; } .application-mod-box span{ font-weight: 700; } .application-mod-box div{ gap: 4px; } .application-mod-box img{ margin-right: 4px; width: 18px; } .application-text-mob{ display: none; } .consultation-form-fl{ gap: 20px; } .consultation-check{ max-width: 360px; width: 100%; } .consultation-form{ max-width: 536px; width: 100%; } .modal-thanks-info { padding: 74px 0 70px; gap: 48px; } .modal-thanks-info p{ font-weight: 700; font-size: 22px; line-height: 120%; text-align: center; color: #1A1A1A; max-width: 680px; width: 100%; } .modal-thanks-info .btn{ margin-top: 74px; width: max-content; } #all-map .modal-content{ padding: 0; } .modal-map-box{ width: 100%; background: #FFFFFF; position: relative; padding: 60px 0 0; height: 100%; } #modal-map{ width: 100%; height: 100%; } #all-map .close { top: 20px; right: 20px; } .modal-map-rel{ position: relative; width: 100%; height: 100%; } .modal-map-rel .infrast-map-cnt{ position: absolute; top: 24px; left: 24px; } @media (max-width: 1200px){ .modal-registration { max-width: 900px; border-radius: 16px; padding: 30px; } .check-form label small { font-size: 14px; } .modal-registration { max-width: 700px; padding: 60px 18px 40px; } .consultation-form-fl { gap: 48px; flex-direction: column; align-items: center; } .consultation-check { max-width: 536px; } } @media (max-width: 1020px){ .booking-request-flex { flex-direction: column; align-items: center; } .close { top: 20px; right: 20px; } .booking-request-floor img { max-width: 170px; } .modal .commercial-price { gap: 7px; justify-content: space-between; flex-direction: row; align-items: center; } #apartment .btn { margin-top: 16px; } .check-form label small { font-size: 12px; } .modal-form-inp input { padding: 10px 24px; font-size: 16px; } .modal .commercial-price strong { font-size: 26px; line-height: 28.79px; } .time-call-click { padding: 10px 24px; } .time-call-click:before { right: 24px; top: 12px; width: 8px; height: 8px; } .time-call-drop { top: 43px; } .time-call-drop ul li { font-size: 14px; padding: 6px 15px; } .modal .btn { width: 100%; gap: 8px; padding: 14px 24px; font-size: 18px; } .consultation-check .check-form label small { font-size: 12px; } .modal-map-rel .infrast-map-cnt { position: absolute; top: 10px; left: 5px; width: 244px; } .modal-form-inp input { padding: 12px 24px; font-size: 13px; } } @media (max-width: 575px){ .application-mod-box { flex-wrap: wrap; gap: 4px; padding: 6px 2px; } .application-mod-box div { gap: 4px; flex-direction: column; align-items: flex-start; } .application-text-desc{ display: none; } .application-text-mob{ display: block; } .application-mod-box p, .application-mod-box span { font-size: 11px; } .application-mod-box:nth-child(3){ width: calc(49.4% - 6px); align-items: flex-start; padding: 6px 9px; } .application-mod-box:nth-child(4){ width: calc(50.5% - 6px); } .consultation-form-fl { gap: 30px; } .check-form { margin-top: 10px; } .booking-request-flex { margin-top: 25px; } .modal .btn { padding: 12px 24px; font-size: 16px; } .modal-registration h3 { font-size: 22px; } } header { width: 100%; z-index: 999; padding-top: 55px; position: sticky; top: 0; background: #fff; padding-bottom: 20px; } .header-main{ width: 100%; } .open-menu{ cursor: pointer; } .open-menu .icon-menu{ width: 26px; height: 26px; content: url("/local/templates/main/assets/img/icons/menu.svg"); } .header-main-flex{ gap: 16px; } .header-main-fave{ gap: 16px; } .header-btn{ gap: 16px; } .header-main-fave .btn{ padding: 12px 24px 10px; font-weight: 300; font-size: 18px; } .header-phone{ color: #1A1A1A; font-weight: 500; font-size: 20px; line-height: 100%; text-align: left; margin-right: 10px; white-space: nowrap; transition: 0.3s; } .btn-select{ white-space: nowrap; transition: 0.3s; border: 1px solid #754ABC; border-radius: 32px; gap: 8px; padding: 12px 32px; background: unset; color: #754ABC; font-weight: 500; font-size: 16px; line-height: 100%; } .btn-select:hover{ background: #754ABC; color: #fff; } .btn-sign-up{ white-space: nowrap; transition: 0.3s; background: #B497E1; border-radius: 32px; gap: 8px; padding: 12px 32px; color: #1A1A1A; font-weight: 300; font-size: 18px; line-height: 100%; border: 1px solid #B497E1; } .btn-sign-up:hover{ color: #754ABC; background: unset; } .close-menu{ width: 34px; height: 34px; cursor: pointer; } .icon-close { content: url('/local/templates/main/assets/img/icons/close.svg'); width: 100%; display: block; } .body_fix { overflow: hidden; } .body_fix:before{ content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; transition: 0.3s; backdrop-filter: blur(8px); background: rgba(0,0,0,.6); } .menu-content { width: 100%; position: fixed; z-index: 99999; top: 0; left: 0; transition: 0.5s; height: 0; overflow: hidden; background: #754ABC; } .transition-menu { height: 740px; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .menu-content-main{ padding: 88px 140px; } .logo{ color: #FFFFFF; max-width: 360px; width: 100%; font-weight: 800; font-size: 40px; line-height: 98%; text-transform: uppercase; } .head-menu-main{ margin-top: 75px; gap: 30px; } .header-menu ul{ gap: 24px; } .header-menu a{ color: #FFFFFF; font-weight: 500; font-size: 18px; line-height: 100%; transition: 0.3s; white-space: nowrap; border-bottom: 1px solid transparent; } .header-menu a:hover{ border-bottom: 1px solid #FFFFFF; } .documents-column{ gap: 24px; } .documents-column h3{ color: #FFFFFF; } .documents-column h3 a{ color: #FFFFFF; border-bottom: 2px solid transparent; transition: 0.3s; } .documents-column h3 a:hover{ border-bottom: 2px solid #FFFFFF; } .documents-name{ gap: 6px; } .documents-box{ gap: 6px; } .documents-box ul{ gap: 6px; } .documents-box ul li a{ color: #FFFFFF; font-weight: 400; font-size: 16px; line-height: 100%; transition: 0.3s; border-bottom: 1px solid transparent; } .documents-box ul li a:hover{ border-bottom: 1px solid #FFFFFF; } .sales-office-center{ margin-top: 64px; } .sales-office-time{ max-width: 290px; width: 100%; } .sales-office-time span{ color: #FFFFFF; font-weight: 500; font-size: 17px; line-height: 100%; } .sales-office-time p{ margin-top: 16px; font-weight: 500; color: #FFFFFF; } .header-btn-white{ gap: 16px; } .header-btn-white .header-phone{ color: #FFFFFF; } .header-btn-white .btn-select{ color: #FFFFFF; border: 1px solid #FFFFFF; } .header-btn-white .btn-select:hover{ background: #FFFFFF; color: #1A1A1A; } .header-btn-white .btn-sign-up{ background: #FFFFFF; color: #1A1A1A; border: 1px solid #FFFFFF; } .header-btn-white .btn-sign-up:hover{ background: unset; color: #FFFFFF; } .card-favorite{ display: flex; transition: 0.3s; width: 40px; } .card-favorite svg{ width: 100%; height: 34px; } .card-favorite:hover svg path{ stroke: #754ABC; } /*.card-favorite svg path {*/ /* stroke: #754ABC;*/ /* fill: #754ABC;*/ /* transition: 0.3s;*/ /*}*/ @media (max-width: 1699px){ header { padding-top: 30px; } .menu-content-main { padding: 68px 70px; } } @media (max-width: 1599px){ .menu-content-main { padding: 61px 30px; } .close-menu { width: 26px; height: 26px; } .transition-menu { height: 654px; } .header-menu a { font-size: 20px; } .logo { max-width: 360px; font-size: 40px; } } @media (max-width: 1199px){ .header-menu a { font-size: 16px; } .header-menu ul { gap: 8px; } .documents-box ul li a { font-size: 12px; } .documents-column h3 { font-size: 16px; } .documents-name i{ display: none; } .documents-column { gap: 8px; } .btn-sign-up { padding: 10px 26px; font-size: 16px; } .btn-select { padding: 10px 26px; font-size: 16px; } .menu-content-title{ align-items: start; } .menu-content-main { padding: 50px 20px; } .header-phone { font-size: 16px; } } @media (max-width: 1020px){ .open-menu .icon-menu { width: 24px; height: 24px; } .open-menu strong { padding-top: 4px; } .header-main .header-phone{ display: none; } header { padding-top: 20px; } .close-menu { width: 22px; height: 22px; } .menu-content-main { padding: 20px 10px; } .logo { max-width: 234px; font-size: 33px; } .head-menu-main { margin-top: 64px; gap: 32px 16px; flex-wrap: wrap; } .header-menu{ width: 48%; } .documents-column{ width: 48%; } .sales-office-center { margin-top: 64px; flex-direction: column; align-items: flex-start; gap: 32px; } .transition-menu { height: 100%; } .header-btn-white { gap: 8px; flex-direction: column; align-items: flex-start; width: 100%; } .header-phone { font-size: 20px; } header .btn-select { order: 2; max-width: 380px; width: 100%; } header .btn-sign-up{ order: 3; max-width: 380px; width: 100%; } .sales-office-time span { font-size: 16px; } .sales-office-time p { margin-top: 8px; font-size: 12px; } .header-main-fave .btn { padding: 10px 24px 9px; font-size: 16px; } .card-favorite { width: 30px; } .card-favorite svg { height: 28px; } } @media (max-width: 767px){ .header-btn .btn-sign-up{ display: none; } .header-btn { gap: 20px; flex-direction: row-reverse; } .header-main-flex { gap: 16px; width: 100%; justify-content: space-between; } .open-menu .icon-menu { width: 31px; height: 31px; } .header-main-fave { gap: 16px; flex-direction: row-reverse; } } @media (max-width: 575px){ .documents-column { width: 47%; } .header-menu { width: 47%; } .close-menu { width: 16px; height: 16px; } .btn-select { font-size: 14px; } .btn-select { padding: 10px 20px; } .header-menu a { font-size: 14px; } .documents-column h3 { font-size: 15px; } .btn-select { font-size: 12px; } .header-main-fave .btn { font-size: 15px; } } @media (max-width: 370px){ .header-menu a { font-size: 14px; } .documents-column h3 { font-size: 14px; } } h1 { font-weight: 700; font-size: 56px; line-height: 90%; text-transform: uppercase; color: #754ABC; text-align: left; } h2 { font-weight: 600; font-size: 32px; line-height: 120%; text-transform: uppercase; color: #1A1A1A; text-align: left; } h3 { font-weight: 600; font-size: 20px; line-height: 120%; color: #1A1A1A; } h4 { font-weight: 400; font-size: 18px; line-height: 120%; color: #1A1A1A; } p { font-weight: 300; font-size: 15px; line-height: 120%; color: #1A1A1A; } .btn { background: #754ABC; border-radius: 24px; gap: 8px; padding: 12px 24px; white-space: nowrap; color: #FBF9ED; font-weight: 400; font-size: 16px; line-height: 100%; transition: 0.3s; border: 1px solid #754ABC; display: flex; align-items: center; justify-content: center; } .btn:hover { background: unset; color: #754ABC; } .lilac-park { margin-top: 48px; } .lilac-park-cnt { background-size: cover; background-repeat: no-repeat; width: 100%; border-radius: 36px; padding: 165px 48px 165px; display: flex; flex-direction: column; justify-content: center; } .lilac-park-items { gap: 8px; } .lilac-boulevard { backdrop-filter: blur(31px); background: #FFFFFF61; border-radius: 1203px; padding: 10px 14px; gap: 4px; text-align: center; vertical-align: middle; } .lilac-boulevard p { color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 100%; } .moscow-metro { margin-right: 4px; } .lilac-park-title { margin-top: 28px; max-width: 910px; width: 100%; } .lilac-park-title h1 { color: #FFFFFF; font-weight: 700; font-size: 80px; line-height: 90%; text-transform: uppercase; } .lilac-park-title h1 span { color: #FFFFFF; font-weight: 300; font-size: 20px; line-height: 120%; text-transform: uppercase; max-width: 340px; width: 100%; display: inline-block; } .lilac-park-btn { margin-top: 50px; gap: 8px; } .btn-white { background: #FFFFFF; border-radius: 54px; gap: 10px; padding: 15px 30px; transition: 0.3s; white-space: nowrap; color: #1A1A1A; font-weight: 500; font-size: 15px; line-height: 100%; width: 100%; max-width: 389px; border: 1.24px solid #FFFFFF; } .btn-liners { width: 100%; max-width: 389px; transition: 0.3s; white-space: nowrap; border: 1.24px solid #FFFFFF; padding: 14px 29px; border-radius: 54px; background: unset; color: #FFFFFF; font-weight: 500; font-size: 15px; line-height: 100%; } .lilac-park-rel { margin-top: 24px; position: relative; } .lilac-park-photo { width: 100%; border-radius: 32px; background-size: cover; background-repeat: no-repeat; padding: 48px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 259px; } .lilac-park-photo h3 { color: #FFFFFF; max-width: 400px; width: 100%; } .lilac-park-photo h3 span { display: block; } .lilac-park-photo p { color: #FFFFFF; max-width: 270px; width: 100%; margin-top: 16px; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .swiper-button-next, .swiper-button-prev { width: 88px; height: 88px; border-radius: 50%; transition: 0.3s; backdrop-filter: blur(45px); background: #1A1A1A40; top: 36%; margin: 0; } .swiper-button-next:hover, .swiper-button-prev:hover { background: #5E4D6D; } .swiper-button-prev { left: -44px; } .swiper-button-next { right: -44px; } .swiper-pagination { display: none; } .swiper-button-next:before, .swiper-button-prev:before { content: ""; position: absolute; width: 44px; height: 44px; transition: 0.3s; background-repeat: no-repeat; background-size: cover; } .swiper-button-prev:before { margin-right: 5px; background-image: url("/local/templates/main/assets/img/icons/chevron-left.svg");; } .swiper-button-next:before { margin-left: 5px; background-image: url("/local/templates/main/assets/img/icons/chevron-right.svg");; } .master-plan-menu { overflow: hidden; margin-right: -130px; padding-right: 20px; } .master-plan-menu ul { display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth; cursor: grab; user-select: none; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ padding-right: 120px; } .master-plan-menu ul::-webkit-scrollbar { display: none; /* Chrome */ } .master-plan-click { display: none; } .master-plan-menu ul li a { border: 1px solid #686868; padding: 12px 11px; flex: 0 0 auto; width: 198px; color: #686868; font-weight: 400; font-size: 14px; line-height: 100%; transition: 0.3s; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 24px; cursor: pointer; } .master-plan-menu ul li a:hover { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .master-plan-menu ul li .master-active { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .master-plan-info { margin-top: 64px; } .master-plan-cnt { margin-top: 64px; position: relative; } .master-plan-cnt ul { position: absolute; top: 32px; left: 32px; gap: 8px; } .master-plan-cnt ul li { background: #FFFFFF; border: 1px solid #686868; padding: 12px 24px; border-radius: 24px; transition: 0.3s; color: #686868; font-weight: 400; font-size: 16px; line-height: 100%; width: 198px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .master-plan-cnt ul li.queue-floor-act { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .genplan-map-corpus { fill: #754abc; transition: fill 0.5s ease; cursor: pointer; fill-opacity: 0; } .genplan-map-stage-act { stroke: #754abc; } .href-box-map { position: absolute; top: 40px; right: 40px; gap: 8px; } .href-box { width: 48px; height: 48px; border-radius: 50%; padding: 12px; background: #1A1A1A80; backdrop-filter: blur(25px); } .compass { position: absolute; bottom: 40px; left: 40px; width: 48px; } .corps-queue { position: absolute; width: max-content; white-space: nowrap; border-radius: 50px; backdrop-filter: blur(25px); background: #9F9DBA; padding: 9px 12px; gap: 4px; display: flex; align-items: center; cursor: pointer; transition: 0.3s; color: #1A1A1A; } .corps-queue p { color: #1A1A1A; font-weight: 400; font-size: 14px; line-height: 100%; } .corps-queue.active { background: #754ABC; color: #FFFFFF; } .corps-queue.active p { color: #FFFFFF; } .circle-clip { max-width: 40px; min-width: 40px; width: 100%; height: 40px; border-radius: 50%; padding: 8px; background: #BBAED1; display: flex; position: absolute; left: -9px; transition: 0.3s; } .corps-queue.active .circle-clip { background: #B498E3; } .corps-queue-one { top: 26.7%; left: 23.2%; } .corps-queue-two { top: 44%; left: 30%; } .corps-queue-three { top: 17.7%; left: 51.2%; } .corps-queue-four { top: 39.5%; left: 50.5%; } .corps-queue-three, .corps-queue-four { width: 125px; justify-content: flex-end; } .corps-queue-five { top: 39.742%; right: 15%; } .corps-queue-six { top: 13.5%; right: 19.4%; } .clip-group { content: url("/local/templates/main/assets/img/icons/clip-group.svg"); } .genplan-corps-queue { background: #FFFFFF; width: 235px; padding: 26px 18px; position: absolute; top: 0; left: 100%; transform-origin: 0 0; transition: transform .3s, opacity .3s; border-radius: 12px; transform: scale(0); opacity: 0; border: 0.1px solid #000; } .corps-queue.active { z-index: 2; } .corps-queue.active .genplan-corps-queue { transform: scale(1); opacity: 1; } .genplan-corps-info { margin-bottom: 12px; } .genplan-corps-info:before { content: ""; order: 2; flex-grow: 2; border-top: 1px dashed #D6D6D6; } .genplan-corps-info span { color: #686868; font-weight: 300; font-size: 14px; line-height: 100%; } .genplan-corps-info span:first-child { order: 1 } .genplan-corps-info span:nth-child(2) { order: 3; } .corps-discounts { margin-top: 23px; width: 100%; border-radius: 50px; backdrop-filter: blur(25px); background: #754ABC; color: #FFFFFF; font-weight: 400; font-size: 14px; height: 34px; line-height: 100%; } .padding-section { padding: 74px 0; } .about-resid-marg { margin-top: 64px; } .about-resid { margin-top: 64px; gap: 23px; } .about-resid-img { max-width: 713px; width: 100%; } .about-resid-img img { width: 100%; border-radius: 36px; } .about-resid-info { max-width: 904px; width: 100%; flex-direction: column; gap: 23px; } .about-resid-title { gap: 23px; max-width: 700px; width: 100%; } .about-resid-title h3 { max-width: 520px; width: 100%; } .about-resid-title span { font-weight: 600; font-size: 17px; line-height: 100%; } .bright-apartments { gap: 18px; } .bright-icons { gap: 10px; } .bright-icons i { width: 24px; height: 24px; } .elk-island { background: #754ABC; padding: 12px 24px; border-radius: 24px; width: max-content; } .elk-island p { color: #FFFFFF; } .about-resid-info > p { max-width: 760px; width: 100%; } .on-foot-car { gap: 24px; } .foot-car-box { backdrop-filter: blur(20px); background: #F8F8F8; gap: 16px; padding: 16px 40px; border-radius: 24px; max-width: 440px; width: 100%; } .foot-car-box h3 { color: #754ABC; } .healthicons-walki { width: 34px; height: 34px; } .metro-station { gap: 16px; } .metro-station-text { width: 48%; } .metro-station-min { gap: 8px; } .metro-station-min strong { color: #1A1A1A; font-weight: 500; font-size: 34px; line-height: 100%; } .metro-station-min span { font-weight: 500; font-size: 16px; line-height: 100%; color: #1A1A1A; } .metro-station-text p { margin-top: 8px; } .infrastructure-wrap { margin-top: 64px; gap: 24px; } .infrastructure-info { border: 1.07px solid #D9D9D9; background: #FFFFFF; gap: 24px; border-radius: 17px; padding: 40px; width: calc(40% - 16px); } .infrastructure-info h3 { max-width: 440px; width: 100%; } .infrastructure-box { padding: 28px; height: 262px; display: flex; flex-direction: column; justify-content: end; border-radius: 16px; width: calc(30% - 16px); transition: 0.3s; position: relative; overflow: hidden; } .infrastructure-box img { border-radius: 16px; width: 100%; transition: 0.3s; position: absolute; top: 0; left: 0; z-index: 0; height: 100%; object-fit: cover; } .infrastructure-box:hover img { transform: scale(1.1); } .infrastructure-box h3 { color: #FFFFFF; position: relative; z-index: 1; } .infrastructure-box p { color: #FFFFFF; max-width: 366px; width: 100%; position: relative; z-index: 1; } .infrastructure-box:last-child { width: calc(40% - 16px); } .infrastructure-map { margin-top: 40px; position: relative; } .map { position: relative; } .infrast-map-cnt { position: absolute; top: 36px; left: 24px; box-shadow: 0px 2px 8px 0px #16161614; background: #FFFFFF; width: 288px; border-radius: 24px; padding: 24px; z-index: 11; } .infrast-map-cnt ul { gap: 12px; } .infrast-map-cnt li { gap: 12px; transition: 0.3s; display: flex; align-items: center; cursor: pointer; } .zoom-map { background: #1A1A1A80; backdrop-filter: blur(25px); width: 48px; height: 48px; border-radius: 50%; padding: 12px; position: absolute; top: 24px; right: 24px; z-index: 2; cursor: pointer; } .icon-zoom-map { content: url("/local/templates/main/assets/img/icons/zoom-map.svg"); display: block; width: 24px; height: 24px; } .map-icons { position: absolute; top: 334px; right: 24px; gap: 8px; z-index: 2; } .map-location { backdrop-filter: blur(25px); background: #1A1A1A80; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; padding-right: 3px; padding-top: 3px; } .icon-location { content: url("/local/templates/main/assets/img/icons/location.svg"); width: 21px; height: 21px; } .zoom-map-plus { background: #1A1A1A80; backdrop-filter: blur(25px); width: 48px; height: 48px; padding: 12px; border-radius: 50% 50% 0 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } .zoom-map-minus { border-top: 1px solid #FFFFFF1F; background: #1A1A1A80; backdrop-filter: blur(25px); width: 48px; height: 48px; padding: 12px; border-radius: 0 0 50% 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .icon-plus { content: url("/local/templates/main/assets/img/icons/plus.svg"); width: 24px; height: 24px; } .icon-minus { content: url("/local/templates/main/assets/img/icons/minus.svg"); width: 24px; height: 24px; } /* map design*/ .ymaps-2-1-79-copyrights-pane{ display: none!important; } .map-icon { backdrop-filter: blur(25px); background: #5E4D6D33; max-width: 32px; width: 100%; height: 32px; border-radius: 50%; transition: 0.3s; display: flex; align-items: center; justify-content: center; } .map-icon img { width: 16px; height: 16px; } .map-cnt-info { width: 100%; } .infrast-map-cnt li span { color: #A1A1A1; font-weight: 400; font-size: 13px; line-height: 20px; } .infrast-map-cnt .map-act .map-icon { background: #754ABC; } .infrast-map-cnt .map-act span { color: #1A1A1A; } #map { width: 100%; height: 688px; border: 1px solid #1A1A1A1A; border-radius: 36px; overflow: hidden; } .bs-point-custom { border-radius: 50px; background: #754ABC; backdrop-filter: blur(25px); padding: 4px; height: 40px; min-width: 40px; width: max-content; display: flex; align-items: center; justify-content: center; gap: 5px; } .bs-point-custom img { max-width: 20px; width: 100%; height: 20px; border-radius: 50%; object-fit: contain; } .bs-point-custom .cover { object-fit: cover; height: 32px; max-width: 32px; } .bs-point-custom p { display: none; white-space: none; font-weight: 500; font-size: 16px; line-height: 100%; color: #FFFFFF; } .bs-point-custom.hover{ padding: 4px 12px; } .bs-point-custom.hover, .bs-point-custom.main{ padding-right: 12px; } .bs-point-custom.hover p, .bs-point-custom.main p { display: block; } .bs-point-custom.hover img { display: none; } .spaces-children-title { gap: 25px; } .spaces-children-title p { max-width: 810px; width: 100%; } .spaces-children { margin-top: 64px; position: relative; } .spaces-photo { width: 100%; } .spaces-children .swiper-button-next, .spaces-children .swiper-button-prev { top: 43%; } .apartments-cnt { margin-top: 64px; } .apartments-cnt h3 { max-width: 532px; width: 100%; } .apartments-items { gap: 24px; margin-top: 24px; } .apartments-flex { gap: 24px; margin-top: 24px; } .apartments-btn-mob { display: none; } .apartments-box { width: 25%; backdrop-filter: blur(20px); background: #F8F8F8; padding: 16px; border-radius: 24px; height: 206px; } .apartments-box span { color: #1A1A1A; font-weight: 600; font-size: 32px; line-height: 100%; text-align: left; } .apartments-photo { max-width: 808px; width: 100%; } .apartments-photo img { border-radius: 36px; width: 100%; } .apartments-photo-two{ gap: 24px; } .apartments-photo-select{ position: relative; width: 100%; max-width: 391px; } .apartments-photo-fav{ position: absolute; bottom: 23px; left: 50%; transform: translateX(-50%); background: #FFFFFF; width: 244px; gap: 8px; border-radius: 24px; padding: 12px 24px 12px 12px; } .apartments-photo-span{ gap: 8px; } .bg-circ{ display: flex; width: 32px; height: 32px; border-radius: 50%; } .apartments-photo-fav strong{ color: #1A1A1A; font-weight: 600; font-size: 18px; line-height: 100%; text-transform: uppercase; } .col-silver-one{ background: #C6BFB7; } .col-silver-two{ background: #D8D8D0; } .col-silver-three{ background: #ADACAA; } .col-silver-four{ background: #8C8B89; } .apartments-info { max-width: 808px; width: 100%; } .apartments-info-btn { max-width: 392px; width: 100%; display: flex; align-items: center; justify-content: center; height: 48px; gap: 8px; border-radius: 24px; background: #754ABC; color: #FBF9ED; font-weight: 500; font-size: 16px; line-height: 100%; } .apartments-text { margin-top: 32px; } .apartments-text ul { gap: 36px 24px; } .apartments-text li { width: 45%; gap: 20px; } .apartments-text li span { color: #1A1A1AAB; font-weight: 500; font-size: 30px; line-height: 100%; text-transform: uppercase; display: flex; align-items: center; gap: 8px; } .apartments-text li span small { font-weight: 400; } .apartments-text li p { max-width: 247px; width: 100%; } .apartments-flex:nth-child(even) { flex-direction: row-reverse; } .gallery-menu { margin-top: 64px; } .gallery-menu ul { gap: 8px; } .gallery-menu ul li { border: 1px solid #686868; padding: 12px 11px; width: 198px; color: #686868; font-weight: 400; font-size: 15px; line-height: 100%; transition: 0.3s; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 24px; cursor: pointer; } .gallery-menu ul li:hover { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .gallery-menu ul .gallery-menu-act { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .gallery-rel { position: relative; margin-top: 32px; } .gallery-rel .swiper-button-next, .gallery-rel .swiper-button-prev { top: 42%; } .future-home { margin-top: 64px; gap: 24px; } .future-home-photo { background-size: cover; background-repeat: no-repeat; width: 33.333333%; height: 813px; border-radius: 36px; padding: 32px; } .future-home-photo h3 { color: #FFFFFF; font-weight: 600; font-size: 28px; line-height: 100%; } .price-ascending { margin-left: auto; margin-top: 64px; position: relative; max-width: 380px; width: 100%; } .price-ascending-click { gap: 24px; cursor: pointer; transition: 0.3s; margin-left: auto; width: max-content; } .price-ascending-click span { color: #1A1A1A; font-weight: 500; font-size: 16px; line-height: 100%; } .price-ascending-act .price-ascending-click .icon-arrow-down { transform: rotate(-180deg); } .price-ascending-down { top: 37px; left: 0; position: absolute; background: #5E4D6D; border: 1.24px solid #4F4F4F; width: auto; padding: 14px 24px; border-radius: 20px; display: none; z-index: 11; } .price-ascending-act .price-ascending-down { display: block; } .price-ascending-down ul { gap: 9px; } .price-ascending-down li { width: 100%; padding: 8px 10px; border-radius: 16px; color: #FFFFFF; font-weight: 500; font-size: 15px; line-height: 100%; transition: 0.3s; white-space: nowrap; cursor: pointer; } .price-ascending-down li:hover { background: #FFFFFF7D; } .commercial-title h2 span { color: #754ABC; } .commercial-title h2 + h2 { margin-left: 10px; } .commercial-title h2 + h2 a { color: #C2C2C2; } .commercial-title h2 a { margin-left: 10px; } .commercial-flex { margin-top: 24px; gap: 40px; } .commercial-filter { max-width: 343px; width: 100%; } .filter-main { width: 100%; } .filter-search { position: relative; } .param-filter-field{ gap: 20px; margin-top: 20px; } .param-filter-label{ font-weight: 400; font-size: 15px; line-height: 100%; color: #1A1A1A; } .param-filter-rooms{ gap: 5px; } .filter-param-count{ background-color: #fff; display: flex; justify-content: center; align-items: center; width: 38px; height: 36px; cursor: pointer; transition: 0.3s; font-weight: 600; font-size: 24px; color: #754ABC; border-radius: 10px; } .filter-param-count-act{ background: #754ABC; color: #FFFFFF; } .filter-search-btn { display: flex; background: unset; position: absolute; top: 12px; left: 32px; } .filter-search label { width: 100%; display: flex; } .filter-search label input { border: 1px solid #5E4D6D; background: unset; width: 100%; height: 48px; padding: 12px 12px 12px 64px; border-radius: 32px; color: #5E4D6D; font-weight: 500; font-size: 18px; line-height: 100%; } .filter-search label input::placeholder { color: #5E4D6D66; } .filter-range { margin-top: 32px; } .filter-block { margin-bottom: 24px; } .label { font-weight: 400; font-size: 15px; line-height: 100%; color: #1A1A1A; margin-bottom: 7px; display: flex; justify-content: space-between; align-items: center; } .values { font-weight: 600; font-size: 23px; line-height: 29.79px; text-align: center; color: #754ABC; white-space: nowrap; } .slider-container { position: relative; height: 30px; } input[type=range] { -webkit-appearance: none; width: 100%; height: 4px; background: #AEAEAE; position: absolute; top: 14px; border-radius: 24px; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 32px; width: 32px; border-radius: 50%; background: #fff; border: 1px solid #754ABC; cursor: pointer; margin-top: -1px; z-index: 99; position: relative; } .track { position: absolute; height: 4px; background: #754ABC; top: 16px; z-index: 1; border-radius: 24px; } .accordion { gap: 24px; margin-top: 32px; } .accordion-click { cursor: pointer; transition: 0.3s; width: 100%; display: flex; justify-content: space-between; } .accordion-click .icon-arrow-down { transition: 0.3s; } .open .icon-arrow-down { transform: rotate(-180deg); } .accordion-click span { color: #1A1A1A; font-weight: 500; font-size: 16px; line-height: 100%; } .filter-mobile-name { display: none; } .filter-checked { margin-top: 17px; gap: 12px; display: flex; flex-direction: column; } .check-radio { display: block; position: relative; padding-left: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check-radio small { color: #1A1A1A; font-weight: 400; font-size: 15px; line-height: 100%; padding-top: 4px; display: block; } .radiobtn { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #FFFFFF; border-radius: 50%; border: 2px solid #1A1A1A; } .check-radio input { position: absolute; opacity: 0; cursor: pointer; top: 0; left: 0; } .check-radio .radiobtn:after { content: ""; position: absolute; display: none; background: white; left: 6px; top: 3px; width: 4px; height: 8px; border: solid #1A1A1A; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .check-radio input:checked ~ .radiobtn:after { display: block; } .submenu { display: none; } .filter-btn { margin-top: 40px; gap: 16px; } .filter-btn button { width: 100%; } .commercial-rel { display: none; } .commercial-scr { max-width: 1224px; width: 100%; overflow-y: scroll; margin-right: -24px; padding-right: 24px; } .commercial-scr::-webkit-scrollbar { width: 2px; height: 2px; background: #B2B2B2; border-radius: 24px; } .commercial-scr::-webkit-scrollbar-thumb { width: 2px; height: 2px; background: #754ABC; border-radius: 24px; } .commercial-height { width: 100%; height: 870px; } .catalog-cards{ width: 100%; } .commercial-wrap { gap: 32px 24px; } .commercial-box { width: calc(33.333333% - 16px); display: flex; flex-direction: column; gap: 24px; } .commercial-photo { background: #F6F6F6; width: 100%; padding: 45px 57px; border-radius: 36px; position: relative; } .commercial-photo img { width: 100%; } .favorite-heart { position: absolute; top: 22px; right: 22px; cursor: pointer; transition: 0.3s; display: flex; } .favorite-heart svg path { transition: 0.3s; } .favorite-heart-act svg path { stroke: #754ABC; fill: #754ABC; } .commercial-info .btn { padding: 9px 24px; font-size: 14px; width: max-content; } .not-hover:hover { background: #754ABC; color: #FBF9ED; } .commercial-price { margin-top: 16px; gap: 10px; } .valid-payment-info { position: relative; cursor: pointer; } .valid-payment-text { background: #EEEDED; width: 280px; border-radius: 8px; position: absolute; bottom: 50px; z-index: 1; padding: 28px 26px 55px; left: 50%; transform: translateX(-50%); display: none; } .valid-payment-text:after { content: ""; position: absolute; left: 44.5%; bottom: -12px; width: 30px; height: 30px; border-radius: 8px; background: #EEEDED; transform: rotate(45deg); } .valid-payment-info:hover .valid-payment-text { display: block; } .valid-payment-text p { color: #616161CC; font-weight: 400; font-size: 15px; line-height: 24px; } .commercial-price strong { color: #754ABC; font-weight: 600; font-size: 23px; line-height: 26px; text-align: left; white-space: nowrap; } .commercial-price del { color: #4F4F4F; font-weight: 400; font-size: 18px; line-height: 23px; text-align: right; display: block; margin-right: 6px; opacity: 0.50; white-space: nowrap; } .commercial-item { margin-top: 24px; gap: 12px; } .commercial-line { padding-bottom: 12px; border-bottom: 1px solid #E9E9E9; gap: 12px; } .commercial-line:last-child { border: unset; } .comme-line-info { width: 200px; } .comme-line-info.right{width: 160px;} .comme-line-info p { color: #4F4F4F; font-size: 14px; } .comme-line-info span { font-weight: 400; font-size: 14px; line-height: 12.35px; text-align: right; color: #4F4F4F; } .comme-line-info span b { font-weight: 500; } .calculate-mortgage { margin-top: 64px; gap: 23px; } .calculate-box { border: 1px solid #754ABC; max-width: 693px; width: 100%; border-radius: 36px; padding: 48px 36px; } .calculate-menu { gap: 16px 8px; } .calculate-click { border: 1px solid #686868; padding: 12px 11px; width: 198px; color: #686868; font-weight: 400; font-size: 15px; line-height: 100%; transition: 0.3s; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 24px; cursor: pointer; } .calculate-click:hover { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .calculate-act { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .mortgage-block { width: 100%; display: flex; flex-direction: column; gap: 32px; margin-top: 48px; } .mortgage-item { display: flex; flex-direction: column; } .mortgage-label h4 { font-size: 16px; font-weight: 400; color: #1A1A1A; } .mortgage-label span { font-weight: 600; font-size: 26px; line-height: 25px; text-align: right; color: #754ABC; } .mortgage-slider { margin-top: 12px; } .mortgage-slider input[type="range"] { position: relative; top: 0; } .view-options { margin-top: 53px; } .view-options .btn { font-weight: 400; color: #FFFFFF; } .view-options .btn:hover { color: #754ABC; } .mortgage-slider input[type="range"] { -webkit-appearance: none; width: 100%; height: 4px; border-radius: 2px; background: linear-gradient(to right, #7c3aed var(--progress, 0%), #ccc var(--progress, 0%)); outline: none; } .view-options-text { margin-top: 70px; } .view-options-text p { font-weight: 200; font-size: 14px; line-height: 110%; } .calculate-mort-block { max-width: 924px; width: 100%; } .calculate-mort-main { width: 100%; display: flex; flex-direction: column; gap: 24px; } .calculate-mort-none { display: none; } .view-options-act .view-options-btn { display: none; } .view-options-act .compare-btn { display: flex; } .calculate-standard { display: none; overflow-y: auto; margin-right: -24px; padding-right: 24px; height: 705px; } .calculate-standard::-webkit-scrollbar { width: 4px; height: 4px; background: #B2B2B2; border-radius: 24px; } .calculate-standard::-webkit-scrollbar-thumb { width: 4px; height: 4px; background: #754ABC; border-radius: 24px; } .calculate-standard-open { display: block; } .calculate-standard-wrap { width: 100%; gap: 30px 18px; align-items: flex-start; } .calculate-standard-rel { display: none; } .calculate-standard-box { width: calc(33.333333% - 12px); transition: 0.3s; background: #F6F6F6; border-radius: 36px; padding: 14px 17px 18px; gap: 11px; display: flex; flex-direction: column; } .calculate-standard-name { gap: 8px; } .calculate-standard-name img { max-width: 48px; width: 100%; } .calculate-standard-name h4 { color: #1A1A1A; font-weight: 600; font-size: 16px; line-height: 100%; text-align: left; } .nothing-was-found{ width: 100%; display: none; height: 100%; } .nothing-was-found-tit{ background-color: #eeeef0; width: 100%; height: 100%; padding: 30px; } .nothing-was-found-tit h3{ text-align: center; font-weight: 500; max-width: 500px; width: 100%; } .nothing-was-found-open{ display: block; } .standard-bid { gap: 8px; padding-bottom: 6px; justify-content: space-between; } .standard-bid-name { gap: 6px; } .standard-bid-name p, .monthly-payment-min p { color: #686868; font-weight: 400; font-size: 13px; line-height: 100%; } .standard-bid-name span { color: #754ABC; font-weight: 600; font-size: 17px; line-height: 100%; white-space: nowrap; } .monthly-payment-min { border-top: 1px solid #D3D3D3; padding-top: 11px; } .monthly-payment-pric { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; } .monthly-payment-pric strong { color: #754ABC; font-weight: 700; font-size: 20px; line-height: 100%; white-space: nowrap; } .monthly-payment-pric .btn { border-radius: 24px; padding: 8px 22px; font-size: 14px; } .family-mortgage { width: 100%; gap: 35px; border-radius: 36px; padding: 48px; background: #F6F6F6; cursor: pointer; transition: 0.3s; } .family-mortgage-cnt { gap: 20px; } .mortgage-price { gap: 12px; } .mortgage-price p { color: #686868; font-weight: 400; font-size: 20px; line-height: 100%; transition: 0.3s; } .mortgage-price strong { color: #754ABC; font-weight: 600; font-size: 40px; line-height: 100%; text-align: left; transition: 0.3s; } .family-mortgage-flex { gap: 20px; } .family-mortgage-logos { gap: 17px; } .family-mortgage-photo { width: 48px; } .family-mortgage-photo img { border-radius: 11px; width: 100%; } .mortgage-count { width: 48px; height: 48px; border-radius: 11px; background: #FFFFFF; } .mortgage-count span { color: #686868; font-weight: 700; font-size: 24px; line-height: 100%; } .family-mortgage-price { gap: 18px; } .family-mortgage-price span { color: #686868; font-weight: 400; font-size: 18px; line-height: 100%; text-align: left; } .standard-arr i { transform: rotate(180deg); } .standard-opacity h2 { color: #B2B2B2; } .standard-opacity .mortgage-price p { color: #B2B2B2; } .standard-opacity .mortgage-price strong { color: #B2B2B2; } .standard-opacity .mortgage-count span { color: #B2B2B2; } .standard-opacity .standard-arr { opacity: 0.5; } .standard-opacity .family-mortgage-photo img { filter: grayscale(1); } .mount-box-mob { display: none; } .afi-development { gap: 24px; } .afi-development-info { max-width: 1085px; width: 100%; } .afi-development-text { margin-top: 64px; gap: 24px; max-width: 670px; width: 100%; } .afi-development-text .btn { width: 100%; max-width: 384px; } .afi-development-text .btn:hover i { filter: invert(1); } .afi-development-flex { margin-top: 129px; gap: 24px; } .afi-dev-cnt { display: flex; flex-direction: column; gap: 24px; max-width: 353px; width: 100%; } .afi-dev-count { gap: 4px; } .afi-dev-count strong { color: #754ABC; font-weight: 700; font-size: 40px; line-height: 78%; text-transform: uppercase; } .afi-dev-count small { color: #754ABC; font-weight: 400; font-size: 15px; line-height: 90%; text-transform: uppercase; } .afi-development-photo { max-width: 531px; width: 100%; } .afi-development-photo img { width: 100%; border-radius: 36px; } .favorable-cond { margin-top: 64px; margin-bottom: 40px; } .favorable-box { max-width: 531px; width: 100%; display: flex; flex-direction: column; gap: 20px; cursor: pointer; } .favorable-photo { position: relative; width: 100%; display: flex; } .favorable-photo img { width: 100%; border-radius: 36px; } .favorable-desc{ gap: 8px; display: flex; flex-direction: column; } .favorable-data { position: absolute; top: 16px; right: 16px; backdrop-filter: blur(5px); background: #4949494D; border-radius: 32px; padding: 9px 16px 8px; width: max-content; color: #FFFFFF; font-weight: 300; font-size: 13px; line-height: 100%; } .favorable-desc h4 { font-weight: 500; font-size: 16px; line-height: 120%; margin-bottom: 8px; } .favorable-desc p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .favorable-modal-cnt { margin-top: 40px; gap: 20px; } .favorable-modal-cnt .favorable-photo { max-width: 461px; width: 100%; } .favorable-modal-cnt .favorable-photo img{ height: 293px; } .favorable-modal-text { max-width: 461px; width: 100%; display: flex; flex-direction: column; } .favorable-modal-text span{ margin-bottom: 8px; color: #686868; font-weight: 500; font-size: 18px; line-height: 100%; display: block; } .favorable-modal-text h4 { font-weight: 600; margin-bottom: 8px; } .construction-cnt { margin-top: 64px; gap: 20px; } .construction-menu ul { gap: 21px; } .construction-menu ul li { border: 1px solid #686868; padding: 13px 26px; color: #686868; font-weight: 400; font-size: 15px; line-height: 100%; transition: 0.3s; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 24px; cursor: pointer; } .construction-menu ul li:hover { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .construction-menu ul .construction-act { background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .online-camera { background: #754ABC; max-width: 253px; width: 100%; height: 52px; gap: 8.61px; border-radius: 32px; padding: 12px 25px; color: #FFFFFF; font-weight: 400; font-size: 16px; line-height: 100%; } .construction-rel { margin-top: 32px; position: relative; } .construction-photo { display: flex; flex-direction: column; justify-content: space-between; padding: 24px; width: 100%; height: 535px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 24px; cursor: pointer; } .construction-photo .favorable-data { position: relative; top: 0; right: 0; } .construction-photo p { color: #FFFFFF; font-weight: 400; } .construction-rel .swiper-button-next, .construction-rel .swiper-button-prev { top: 42%; } .news-rel { margin-top: 64px; position: relative; margin-bottom: 40px; } .news-rel .swiper-button-next, .news-rel .swiper-button-prev { top: 28%; } .news-box { gap: 8px; max-width: 531px; width: 100%; } .news-box .favorable-photo span{ display: none; } .modal-news .favorable-photo span{ display: none; } .news-box img { width: 100%; border-radius: 36px; } .news-box span { color: #686868; font-weight: 400; font-size: 16px; line-height: 100%; margin-top: 5px; } .news-box h4 { font-weight: 400; font-size: 18px; line-height: 120%; color: #1A1A1A; text-align: left; margin-top: 4px; } .news-box p { font-weight: 400; } #news .btn, .favorable-cond-btn .btn { padding: 13px 32px; } .modal-gallery { width: 100%; background: #FFFFFF; padding: 90px 90px; position: relative; } .modal-gallery-rel { position: relative; padding-bottom: 20px; } .modal-gallery-rel .swiper-button-next, .modal-gallery-rel .swiper-button-prev { top: 44%; background: #1A1A1A40; backdrop-filter: blur(25px) } .gallery-pic { width: 100%; height: 100%; } .gallery-pic img { width: 100%; } .filter-mobile { display: none; } .cookie { display: none; box-sizing: border-box; margin: 0; padding: 16px; /*display: flex;*/ align-items: center; justify-content: space-between; flex-direction: column; gap: 16px; box-shadow: 0px 2px 8px rgba(22, 22, 22, 0.08), 0px 1px 2px rgba(22, 22, 22, 0.04); background-color: #fff; border-radius: 8px; width: calc(100% - 32px); position: fixed; left: 16px; bottom: 50px; z-index: 111; } .cookie__text { box-sizing: border-box; margin: 0; padding: 0; font-style: normal; font-weight: 300; font-size: 11px; line-height: 18px; color: #000000; max-width: 495px; width: 100%; } .cookieButtons { display: flex; flex-direction: column; gap: 8px; width: 260px; } .cookie__link { box-sizing: border-box; margin: 0; padding: 0; font-weight: 400; font-size: 13px; line-height: 18px; text-decoration-line: underline; color: #000000; } .cookie__btn { box-sizing: border-box; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 14px; font-weight: 300; font-size: 13px; line-height: 20px; color: #ffffff; width: 100%; background: #754ABC; border-radius: 9px; transition: 0.3s; width: 100%; } .cookie__btn:hover { background: #4F3080; } .master-plan{ padding-bottom: 0; overflow: hidden; padding-top: 74px; } @media (min-width: 768px) { .cookie { flex-direction: row; left: initial; right: 50px; max-width: 648px; width: 100%; } .cookie__btn { width: 100%; } } @media (max-width: 1869px) { .master-plan-menu { margin-right: -130px; padding-right: 60px; } } @media (max-width: 1799px) { .container { max-width: 1600px; } .master-plan-menu { margin-right: -80px; padding-right: 40px; } } @media (max-width: 1699px) { .container { max-width: 1520px; } .commercial-price del { margin-right: 5px; } .values { font-size: 24px; line-height: 24px; } .lilac-park-title { max-width: 820px; } .swiper-button-next, .swiper-button-prev { width: 60px; height: 60px; top: 41%; } .swiper-button-prev { left: -28px; } .swiper-button-next { right: -28px; } h2 { font-size: 28px; } .calculate-box { max-width: 640px; padding: 40px 30px; } .calculate-click { padding: 11px 9px; width: 186px; font-size: 13px; } .view-options { margin-top: 40px; } .view-options-text { margin-top: 50px; } .mortgage-price strong { font-size: 40px; } .construction-photo { height: 500px; } .padding-section { padding: 60px 0; } .master-plan { padding-top: 60px; } .lilac-park { margin-top: 32px; } .lilac-park-cnt { padding: 140px 40px 140px; } .lilac-park-photo { padding: 36px; } .master-plan-menu ul { padding-right: 20px; } .standard-bid-name span { font-size: 13px; } .standard-bid-name p, .monthly-payment-min p { font-size: 11px; } .monthly-payment-pric .btn { padding: 8px 15px; font-size: 12px; } .mortgage-label h4 { font-size: 14px; } } @media (max-width: 1599px) { .container { max-width: 1400px; padding: 0 20px; } .master-plan-info { margin-top: 32px; } .master-plan-menu ul { padding-right: 90px; } .master-plan-cnt { margin-top: 32px; } .about-resid { margin-top: 32px; } .metro-station-min strong { font-size: 30px; } .foot-car-box { padding: 16px 20px; } .infrastructure-wrap { margin-top: 32px; } .infrastructure-info { padding: 30px; } .spaces-children { margin-top: 32px; } .apartments-cnt { margin-top: 32px; } .apartments-text li span { font-size: 28px; } .apartments-text li { width: 47%; gap: 20px; } .padding-section { padding: 48px 0; } .master-plan { padding-top: 48px; } .future-home { margin-top: 32px; } .future-home-photo { height: 650px; border-radius: 32px; } .commercial-photo { padding: 35px 45px; border-radius: 32px; } .favorite-heart { top: 16px; right: 16px; } .calculate-box { max-width: 550px; padding: 32px 24px; } .mortgage-label span { font-size: 24px; line-height: 24.79px; } .family-mortgage-logos { gap: 10px; } .family-mortgage { gap: 26px; padding: 47px 30px; } .view-options-text { margin-top: 40px; } .mortgage-block { gap: 25px; margin-top: 38px; } .calculate-click { padding: 8px 13px; width: 48%; font-size: 12px; } .mortgage-price strong { font-size: 38px; } .family-mortgage h2 { font-size: 26px; } .family-mortgage-price span { font-size: 16px; } .calculate-standard-wrap { gap: 16px 18px; } .afi-dev-count strong { font-size: 36px; } .favorable-cond { margin-top: 32px; margin-bottom: 36px; } .construction-cnt { margin-top: 32px; } .footer-office-center .header-phone { font-size: 32px; } .commercial-price strong { font-size: 20px; line-height: 23px; } .lilac-park-title { margin-top: 50px; } .lilac-park-title h1 { font-size: 70px; line-height: 89%; } .lilac-park-title { max-width: 680px; } .lilac-park-title h1 span { font-size: 20px; } .lilac-park-btn { margin-top: 32px; } .gallery-menu { margin-top: 32px; } .price-ascending { margin-top: 32px; } .commercial-scr { margin-right: -6px; padding-right: 14px; } .modal-gallery { padding: 80px 40px 40px; } .master-plan-menu { margin-right: -130px; padding-right: 40px; } .commercial-price del { font-size: 15px; line-height: 20px; } .calculate-standard { height: 632px; } .commercial-price strong { font-size: 18px; line-height: 22px; } .comme-line-info span { font-size: 13px; } p{ font-size: 14px; } .future-home-photo h3 { font-size: 24px; } } @media (max-width: 1499px) { .master-plan-menu { margin-right: -70px; padding-right: 40px; } } @media (max-width: 1399px) { .swiper-button-next, .swiper-button-prev { width: 46px; height: 46px; } .master-plan-menu { margin-right: -16px; padding-right: 0; } .swiper-button-prev { left: -16px; } .swiper-button-next { right: -16px; } .master-plan-menu ul { padding-right: 20px; } h3 { font-size: 20px; } .metro-station-min strong { font-size: 28px; } .bright-icons p { font-size: 14px; } .infrastructure-box { padding: 22px; height: 212px; } .infrast-map-cnt { top: 16px; left: 16px; padding: 20px; } .spaces-children-title p { max-width: 630px; } .apartments-box span { font-size: 28px; } .apartments-flex { gap: 16px; margin-top: 16px; } .apartments-box { height: 180px; } .apartments-text li span { font-size: 26px; } .apartments-text li p { font-size: 14px; } .gallery-menu ul li { padding: 8px 11px; width: 170px; } .swiper-button-next:before, .swiper-button-prev:before { width: 32px; height: 32px; } h2 { font-size: 30px; } .future-home-photo { height: 605px; border-radius: 22px; padding: 20px; } .future-home-photo h3 { font-size: 22px; } .commercial-box { width: calc(50% - 16px); } .calculate-mortgage { margin-top: 32px; } .calculate-box { max-width: 450px; } .mortgage-label h4 { font-size: 14px; } .mortgage-label span { font-size: 21px; line-height: 23px; } .view-options-text { margin-top: 32px; } .construction-photo { height: 450px; } .lilac-park-cnt { padding: 130px 20px 130px; } .lilac-park-photo { padding: 28px; height: 210px; border-radius: 20px; } .news-rel { margin-top: 32px; margin-bottom: 32px; } .calculate-mortgage { flex-direction: column; } .calculate-box { max-width: 700px; border-radius: 16px; padding: 32px 24px; } .calculate-mort-block { max-width: 100%; } .calculate-standard { height: auto } .calculate-standard { overflow-y: unset; margin-right: 0; padding-right: 0; } } @media (max-width: 1299px) { .about-resid { margin-top: 32px; flex-direction: column-reverse; } .infrastructure-box h3 { font-size: 18px; } .infrastructure-box p { font-size: 13px; } .infrastructure-info { padding: 22px; } .infrastructure-wrap { gap: 12px; } .infrastructure-box { width: calc(30% - 4px); } .price-ascending { display: none; } .filter-mobile { display: flex; align-items: center; justify-content: space-between; margin-top: 32px; } .filter-mobile span { font-weight: 600; font-size: 16px; line-height: 100%; color: #2F2E2E; } .open-filter { width: 24px; height: 24px; cursor: pointer; } .icon-filter { content: url("/local/templates/main/assets/img/icons/filter.svg"); width: 24px; height: 24px; } .commercial-filter { position: fixed; top: 0; left: 0; width: 100%; background: #FFFFFF; padding: 35px 20px; z-index: 999; max-width: 100%; overflow-y: scroll; height: 100vh; opacity: 0; visibility: hidden; transition: 0.3s; } .commercial-filter-open { opacity: 1; visibility: visible; } .body-hidden { overflow: hidden; } .filter-mobile-name { position: relative; display: flex; justify-content: center; } .filter-mobile-name h3 { font-weight: 600; font-size: 22px; line-height: 90%; text-transform: uppercase; color: #754ABC; } .close-filter { position: absolute; right: 0; top: 0; width: 20px; height: 20px; } .close-filter .icon-close { filter: invert(1); } .filter-main { max-width: 600px; width: 100%; margin: 48px auto 0; } .commercial-box { width: calc(33.333333% - 16px); } .commercial-height { height: 500px; } .afi-development-text { margin-top: 32px; gap: 16px; } .afi-development-flex { margin-top: 30px; gap: 24px 16px; flex-wrap: wrap; } .afi-dev-cnt { gap: 14px; max-width: 48%; } .favorable-photo img { border-radius: 16px; } .calculate-click { padding: 10px 13px; width: 32%; font-size: 16px; } .master-plan-main { display: none; } } @media (max-width: 1199px) { .lilac-park-cnt { padding: 120px 20px 130px; border-radius: 16px; } .lilac-park-title h1 { font-size: 50px; line-height: 95% } .lilac-park-title { max-width: 560px; } .lilac-park-title h1 span { font-size: 16px; } .infrast-map-cnt li span { font-size: 13px; line-height: 17px; } .map-icon { max-width: 24px; height: 24px; } .spaces-children-title { gap: 31px; flex-direction: column; } .apartments-box span { font-size: 22px; } .apartments-box p { font-size: 14px; } .apartments-text li span { font-size: 20px; } .apartments-text li { width: 47%; gap: 12px; } .apartments-text li p { font-size: 12px; } .apartments-text ul { gap: 20px 14px; } .future-home { gap: 16px; } .future-home-photo { height: 500px; } h2 { font-size: 26px; } .commercial-photo { border-radius: 16px; } .comme-line-info p { font-size: 13px; } .comme-line-info span { font-size: 14px; } .commercial-info .btn { padding: 8px 24px; font-size: 12px; } .family-mortgage { gap: 24px; padding: 16px; border-radius: 16px; } .calculate-standard-box { padding: 14px 16px 16px; } .afi-development-photo img { border-radius: 16px; } .news-box img { border-radius: 16px; } .news-box h4 { font-size: 16px; } .news-box span { font-size: 12px; } .news-box p { font-size: 12px; } h1 { font-size: 52px; } .master-plan-info { display: none; } .favorable-modal-cnt { margin-top: 30px; gap: 20px; flex-direction: column; align-items: center; } .apartments-photo-fav { width: 200px; border-radius: 16px; padding: 10px 20px 10px 10px; } } @media (max-width: 1020px) { .swiper-button-next, .swiper-button-prev { display: none; } .lilac-park-photo { padding: 16px; height: 148px; border-radius: 16px; } h3 { font-size: 18px; } p { font-size: 14px; } .lilac-park-photo p { margin-top: 12px; } .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: 0 !important; } .lilac-park-rel { padding-bottom: 18px; } .swiper-pagination-bullet { background: #16161640; backdrop-filter: blur(45.833335876464844px); transition: 0.3s; opacity: 1; } .swiper-pagination-bullet-active { background: #754ABC; } .master-plan-min { position: relative; } .master-plan-menu { overflow-x: unset; margin-right: 0; position: absolute; left: 0; top: 40px; z-index: 91; width: 100%; background: #ffffff; padding: 20px 0; display: none; } .master-plan-menu-act .master-plan-menu { display: block; } .master-plan-click { border-radius: 24px; padding: 11px 24px; background: #754ABC; position: relative; display: flex; align-items: center; } .master-plan-click span { font-weight: 500; font-size: 14px; line-height: 100%; color: #ffffff; display: block; } .master-plan-click:after { content: ""; position: absolute; right: 26px; top: 9px; width: 10px; height: 10px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(135deg); transition: 0.3s; } .master-plan-menu ul { gap: 10px; width: 100%; padding-right: 0; flex-direction: column; align-items: center; } .master-plan-menu ul li { width: 100%; } .master-plan-menu ul li a { padding: 8px 11px; width: 100%; } .master-plan { overflow: unset; } .bright-apartments { flex-wrap: wrap; } .bright-icons { max-width: 176px; width: 100%; } .bright-icons p { font-size: 12px; } .elk-island { display: none; } .about-resid-img img { border-radius: 16px; } .infrastructure-info { border-radius: 17px; width: calc(50% - 8px); } .infrastructure-info { padding: 16px; } .infrastructure-box { width: calc(50% - 8px); } .infrastructure-box:last-child { width: calc(50% - 8px); } .infrastructure-box { padding: 16px; height: 150px; } h1 { font-size: 48px; } .infrast-map-cnt { top: 0; left: 0; padding: 20px; position: relative; width: 100%; border-radius: 16px; } .infrastructure-map { margin-top: 24px; flex-direction: column; gap: 16px; } .spaces-children { padding-bottom: 18px; } .apartments-cnt h3 { font-size: 16px; } .apartments-items { gap: 12px; margin-top: 17px; flex-wrap: wrap; } .apartments-box { height: 118px; width: 49%; border-radius: 16px; } .apartments-flex { flex-direction: column; } .apartments-flex:nth-child(even) { flex-direction: column; margin-top: 20px; } .apartments-btn-mob { display: flex; width: 100%; justify-content: center; } .apartments-info .apartments-info-btn { display: none; } .apartments-cnt { margin-top: 20px; } .apartments-info-btn { width: 100%; font-size: 14px; height: 36px; } .apartments-text { margin-top: 4px; } .apartments-photo img { border-radius: 16px; } .gallery-menu ul li { font-size: 14px; } .gallery-rel { margin-top: 24px; padding-bottom: 18px; } .future-home { flex-wrap: wrap; } .future-home-photo { width: 48%; height: 477px; border-radius: 16px; } .future-home-photo h3 { font-size: 20px; } .commercial-title h2 + h2 { display: none; } .commercial-scr { display: none; } .commercial-rel { display: block; position: relative; padding-bottom: 18px; width: 100%; } .commercial-box { width: 100%; } .family-mortgage h2 { font-size: 18px; } h2 { font-size: 24px; } .mortgage-price strong { font-size: 32px; } .mortgage-price p { font-size: 14px; } .family-mortgage-price span { font-size: 14px; } .icon-arrow-top { width: 20px; height: 20px; } .family-mortgage-price { gap: 10px; } .family-mortgage-photo { width: 38px; } .mortgage-count { width: 38px; height: 38px; } .mortgage-count span { font-size: 18px; } .calculate-standard-rel { display: block; position: relative; padding-bottom: 18px; width: 100%; } .calculate-standard-wrap { display: none; } .calculate-standard-box { width: 100%; } .calculate-standard-box { border-radius: 16px; } .afi-development { gap: 15px; flex-direction: column; } .favorable-cond { margin-top: 24px; margin-bottom: 22px; position: relative; padding-bottom: 26px; } .construction-cnt { margin-top: 24px; flex-direction: column; align-items: self-start; } .construction-menu ul li { padding: 9px 25px; font-size: 14px; } .online-camera { display: none; } .news-rel { margin-top: 24px; margin-bottom: 26px; padding-bottom: 24px; } .mount-box-mob { display: block; position: relative; margin-top: 8px; } .click-mount { border: 1px solid #686868; width: 100%; height: 32px; gap: 6px; border-radius: 24px; padding: 8px 24px; color: #686868; font-weight: 400; font-size: 12px; line-height: 16px; position: relative; transition: 0.3s; } .click-mount span { position: relative; transition: 0.3s; padding-right: 27px; } .click-mount span:after { content: ""; position: absolute; top: 1px; right: 3px; width: 7px; height: 7px; border-top: 2px solid #C3C3C3; border-right: 2px solid #C3C3C3; transition: 0.3s; transform: rotate(135deg); } .click-mount .mount-circle { display: none; } .mount-box-drop { background: #F6F6F6; border-radius: 16px; padding: 24px; position: absolute; top: 40px; z-index: 22; width: 100%; display: none; } .mount-box-mob-act .mount-box-drop { display: block; } .mount-box-drop ul { gap: 8px; } .mount-box-drop ul li { border-bottom: 1px solid #D9D9D933; padding-bottom: 8px; gap: 8px; color: #1A1A1A; font-weight: 400; font-size: 12px; line-height: 100%; cursor: pointer; transition: 0.3s; } .mount-box-drop ul li.plan-menu-active { color: #754ABC; } .mount-circle { width: 18px; height: 18px; border-radius: 50%; border: 1px solid #1A1A1A; transition: 0.3s; position: relative; } .mount-circle:before { content: ""; position: absolute; display: none; background: white; left: 6px; top: 4px; width: 3px; height: 6px; border: solid #754ABC; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .plan-menu-active .mount-circle:before { display: block; } .plan-menu-active .mount-circle { border: 1px solid #754ABC; } .lilac-boulevard p { font-size: 14px; } .lilac-boulevard { padding: 6px 16px; } .btn-white { padding: 10px 30px; font-size: 14px; } .btn-liners { padding: 10px 29px; font-size: 14px; } h3 { font-size: 16px; } .on-foot-car { gap: 8px; } .foot-car-box { padding: 16px 16px; border-radius: 16px; } .metro-station-min strong { font-size: 24px; } .commercial-title h2 span { color: #2F2E2E; } .valid-payment-text { width: 200px; padding: 20px 20px 30px; } .valid-payment-text p { font-size: 12px; line-height: 18px; } .commercial-info .btn { max-width: 177px; width: 100%; } .spaces-children { margin-top: 16px; } .container { padding: 0 10px; } .calculate-box { max-width: 800px; } .construction-rel { margin-top: 16px; padding-bottom: 16px; } .favorite-heart { display: none; } .btn { padding: 10px 24px; font-size: 16px; } #map { height: 436px; border-radius: 16px; } .map{ margin-top: 16px; } .icon-zoom-map { width: 20px; height: 20px; } .zoom-map { width: 32px; height: 32px; padding: 6px; top: 16px; right: 16px; } .bs-point-custom { height: 32px; min-width: 32px; } .bs-point-custom img { max-width: 16px; height: 16px; } .bs-point-custom .cover { height: 24px; max-width: 24px; } .bs-point-custom p { font-size: 12px; } .map-location { width: 32px; height: 32px; } .icon-location { width: 18px; height: 17px; } .zoom-map-plus { width: 32px; height: 32px; padding: 7px; } .zoom-map-minus { width: 32px; height: 32px; padding: 7px; } .icon-minus { width: 20px; height: 20px; } .icon-plus { width: 20px; height: 20px; } .map-icons { top: 300px; right: 16px; gap: 8px; z-index: 2; } } @media (max-width: 767px) { h1 { font-size: 32px; } .gallery-menu ul li { width: 155px; } .lilac-park-items { flex-direction: column; align-items: flex-start; } .lilac-park-title { margin-top: 65px; } .lilac-park-photo { background-position: center; } .on-foot-car { flex-direction: column; } .foot-car-box { max-width: 100%; } .metro-station-min strong { font-size: 20px; } .foot-car-box i { display: none; } .metro-station-text { width: 48%; } .label { font-size: 16px; } .values { font-size: 22px; line-height: 22px; } .infrastructure-info { width: 100%; gap: 16px; } .btn { gap: 8px; padding: 10px 24px; font-size: 14px; } .infrastructure-box { width: 100%; background-position: center; } .infrastructure-box:last-child { width: 100%; } .future-home-photo { background-position: center; max-width: 400px; width: 100%; margin: 0 auto; } .family-mortgage-flex { gap: 10px; flex-direction: column; } .favorable-box { max-width: 631px; } .news-box { max-width: 631px; } .calculate-click { font-size: 12px; } .calculate-standard-name img { max-width: 32px; } .calculate-standard-name h4 { font-size: 16px; } .standard-bid-name p, .monthly-payment-min p { font-size: 12px; } .afi-dev-count strong { font-size: 32px; } .family-mortgage-flex { gap: 15px; } .filter-search { display: none; } .modal-gallery { padding: 60px 15px 20px; } } @media (max-width: 575px) { .lilac-park-cnt { padding: 110px 16px 134px; background-position: -14px; } .lilac-park-title h1 { font-size: 38px; line-height: 100%; } .lilac-park-title h1 span { font-size: 11px; } .lilac-park-photo { justify-content: flex-start; } .about-resid-title span { font-weight: 500; font-size: 16px; line-height: 108%; } .lilac-park-photo h3 { font-size: 18px; } .lilac-park-photo p { font-size: 12px; } .lilac-park-rel { margin-top: 12px; } .master-plan { padding-top: 32px; } .about-resid-info > p { font-size: 12px; } .metro-station-min span { font-size: 14px; } p { font-size: 12px; } .about-resid-img img { height: 248px; object-fit: cover; } .commercial-price { gap: 16px; justify-content: flex-start; } .commercial-price del { font-size: 12px; line-height: 14px; } .icon-info { width: 12px; height: 12px; } .valid-payment-text { width: 171px; padding: 15px 14px 20px; bottom: 37px; } .valid-payment-text:after { left: 44.1%; bottom: -9px; width: 20px; height: 20px; border-radius: 4px; } .comme-line-info p { font-size: 12px; } .comme-line-info span { font-size: 12px; } .infrast-map-cnt ul { gap: 8px; } .infrast-map-cnt { padding: 16px; } .apartments-box { width: 100%; } .apartments-box span { font-size: 20px; } .apartments-box p { font-size: 12px; max-width: 285px; width: 100%; } .apartments-btn-mob .btn { font-size: 14px; } .apartments-text li { width: 100%; } .apartments-text li p { max-width: 347px; } .gallery-menu { overflow-x: scroll; padding-bottom: 7px; } .gallery-menu::-webkit-scrollbar { width: 0; height: 0; } .gallery-menu::-webkit-scrollbar-thumb { width: 0; height: 0; } .gallery-menu ul li { font-size: 12px; padding: 9px 16px; } .gallery-menu ul { width: max-content; } .calculate-click { padding: 9px 13px; width: 48%; } .calculate-box { padding: 16px; } .mortgage-label h4 { font-size: 12px; } .mortgage-label span { font-size: 14px; line-height: 17px; } .btn { width: 100%; } .monthly-payment-pric { flex-wrap: wrap; gap: 8px; } .family-mortgage-cnt { gap: 24px; flex-direction: column; } .icon-arrow-top { width: 14px; height: 14px; } .family-mortgage-photo { width: 32px; } .mortgage-count { width: 32px; height: 32px; } .afi-dev-cnt { gap: 10px; max-width: 47%; } .favorable-data { font-size: 14px; } .favorable-desc p { font-size: 14px; } .construction-cnt { overflow-x: scroll; padding-bottom: 7px; } .construction-cnt::-webkit-scrollbar { width: 0; height: 0; } .construction-cnt::-webkit-scrollbar-thumb { width: 0; height: 0; } .construction-menu { width: max-content; } .construction-menu ul { gap: 8px; } .construction-menu ul li { font-size: 12px; } .check-radio small { font-size: 16px; } .icon-arrow-down { width: 20px; height: 20px; } .accordion-click span { font-size: 16px; } .apartments-photo-two { gap: 16px; } .apartments-photo-fav strong { font-size: 16px; } .bg-circ { width: 24px; height: 24px; } .apartments-photo-fav { width: 90%; padding: 8px 16px 8px 8px; } .close-filter { width: 15px; height: 15px; } .lilac-boulevard p { font-size: 12px; } h2 { line-height: 100%; } .about-resid-marg { margin-top: 48px; } .favorable-modal-cnt { margin-top: 10px; } .favorable-modal-text h4 { font-size: 16px; } .comme-line-info { width: 140px; } .comme-line-info { width: 158px; } .afi-dev-count small { font-size: 13px; } } @media (max-width: 410px){ .apartments-photo-fav strong { font-size: 14px; } .apartments-photo-span { gap: 5px; } } @media (max-width: 370px) { .lilac-park-title h1 { font-size: 36px; } .favorable-desc p { font-size: 13px; } .btn-white { font-size: 13px; } .btn-liners { font-size: 13px; } } footer{ margin-top: 74px; background: #754ABC; padding: 29px 0 24px; } .logo-foot{ font-weight: 800; font-size: 48px; line-height: 90%; text-transform: uppercase; color: #FFFFFF; text-align: left; max-width: 410px; width: 100%; } .footer-contact{ gap: 24px; } .footer-title .sales-office-time{ margin-top: 60px; } .footer-office-center .header-phone { font-weight: 600; font-size: 28px; text-align: right; margin-right: 0; color: #FFFFFF; } footer .head-menu-main { margin-top: 62px; } .footer-policy{ margin-top: 58px; } .footer-policy a{ border-bottom: 1px solid transparent; transition: 0.3s; } .footer-policy a, .footer-policy p{ color: #FFFFFFCC; font-weight: 400; font-size: 15px; line-height: 100%; } .footer-policy a:hover{ border-bottom: 1px solid #FFFFFF; } .compare-btn{ display: none; } .office-time-mobile{ display: none; } @media (max-width: 1199px){ .footer-office-center .header-phone { font-size: 30px; } .logo-foot { font-size: 32px; max-width: 245px; } .footer-policy a, .footer-policy p { font-size: 14px; } } @media (max-width: 1020px){ .footer-office-center .header-phone { font-size: 20px; } .footer-policy { margin-top: 24px; flex-direction: column; align-items: flex-start; gap: 7px; } footer .head-menu-main { margin-top: 48px; } .footer-contact { gap: 12px; } .footer-title .sales-office-time{ display: none; } .office-time-mobile{ display: block; margin-top: 32px; max-width: 200px; width: 100%; } footer .btn-select { width: 100%; } } @media (max-width: 575px){ .logo-foot { font-size: 26px; max-width: 184px; } .footer-office-center{ flex-direction: column; align-items: flex-start; gap: 20px; } .footer-contact { align-items: flex-start; width: 100%; } footer .header-btn-white{ flex-direction: column-reverse; } footer .btn-select { width: 100%; } footer .btn-sign-up { width: 100%; } } .catalog-main{ margin-top: 76px; } .catalog-title{ flex-wrap: wrap; gap: 48px; } .catalog-title h1{ max-width: 600px; width: 100%; } .catalog-btn{ gap: 8px; } .btn-lin{ transition: 0.3s; border: 1px solid #686868; border-radius: 24px; padding: 12px 24px; color: #686868; font-weight: 400; font-size: 15px; line-height: 100%; background: unset; width: 198px; display: flex; align-items: center; justify-content: center; text-align: center; } .btn-lin-act{ background: #754ABC; border: 1px solid #754ABC; color: #FBF9ED; } .catalog-btn .btn-sign-up{ font-weight: 400; width: 198px; font-size: 15px; } .see-more-catalog{ margin-top: 100px; } .catalog-main .price-ascending { max-width: 442px; } .price-ascending-number{ gap: 8px; max-width: 143px; width: 100%; } .price-ascending-number span{ font-weight: 500; font-size: 16px; line-height: 100%; color: #1A1A1A; } .price-ascending-number input{ width: 99px; border-bottom: 1px solid #1A1A1A; font-weight: 600; font-size: 18px; line-height: 100%; color: #1A1A1A; } @media (max-width: 1499px){ .catalog-title h1 { max-width: 400px; } } @media (max-width: 1199px){ .catalog-main { margin-top: 52px; } .btn-lin { padding: 9px 24px; font-size: 14px; width: auto; } .catalog-btn .btn-sign-up { padding: 8px 24px; font-size: 14px; width: auto; } } @media (max-width: 1020px){ .catalog-cards .commercial-box { width: calc(50% - 16px); gap: 12px; } .catalog-cards .commercial-info .btn{ display: none; } .catalog-cards .commercial-photo { padding: 35px 20px; } .commercial-price { gap: 7px; justify-content: flex-start; flex-direction: column; align-items: flex-start; } .commercial-wrap { gap: 16px 16px; } .catalog-cards .commercial-box { width: calc(50% - 8px); } .see-more-catalog { margin-top: 62px; } } @media (max-width: 575px){ .btn-lin { font-size: 12px; } .catalog-cards .comme-line-info { width: auto; flex-direction: column; align-items: flex-start; gap: 8px; } .see-more-catalog { margin-top: 32px; } .btn-lin { padding: 9px 20px; } } @media (max-width: 370px){ .catalog-cards .commercial-box { width: 100%; } .catalog-cards .comme-line-info { width: 100%; flex-direction: row; align-items: center; gap: 0; } } .terms-purchase-title{ max-width: 450px; width: 100%; } .terms-purchase-flex{ margin-top: 64px; margin-bottom: 96px; gap: 24px; } .terms-purchase-main{ margin-top: 64px; } .terms-purchase-flex .apartments-text li { width: 100%; } .terms-purchase-flex .apartments-text li p { max-width: 100%; } .terms-purchase-flex .apartments-text { margin-top: 24px; } .terms-purchase-flex .apartments-text ul { gap: 24px 24px; } .terms-purchase-btn{ gap: 8px; } .terms-purchase-btn .btn-lin{ width: 305px; } .terms-purchase-flex .apartments-info .btn{ display: none; } .calculate-mortgage-min{ margin-top: 185px; margin-bottom: 90px; } .purchasing-main{ margin-top: 164px; } .purchasing-flex{ gap: 24px; } .purchasing-cnt{ max-width: 808px; width: 100%; } .purchasing-cnt .btn{ margin-top: 20px; } .down-payment-flex{ margin-top: 48px; gap: 24px; } .down-payment{ max-width: 255px; width: 100%; position: relative; } .down-payment + .down-payment:before{ content: ""; position: absolute; bottom: 32px; left: -90px; background: #9F9DBA; width: 157px; height: 4px; border-radius: 6px; } .down-payment strong{ display: block; color: #754ABC; font-weight: 600; font-size: 40px; line-height: 100%; text-align: center; white-space: nowrap; } .down-payment p{ text-align: center; margin-top: 8px; } .down-payment-circle{ background-image: url("/local/templates/main/assets/img/circle.svg"); background-size: cover; background-repeat: no-repeat; max-width: 64px; width: 100%; height: 64px; border-radius: 50%; margin-top: 16px; display: flex; } .installment-plan{ margin-top: 48px; max-width: 267px; width: 100%; } .installment-plan p{ color: #1A1A1A99; } .additional-terms{ margin-top: 60px; } .additional-terms h3{ color: #754ABC; } .additional-terms-desc{ margin-top: 22px; backdrop-filter: blur(20px); background: #F8F8F8; padding: 16px; border-radius: 24px; } .additional-terms-desc ul{ gap: 16px; margin-left: 20px; list-style-type: disc; } .additional-terms-desc ul li{ color: #1A1A1A; font-weight: 400; font-size: 14px; line-height: 18px; max-width: 650px; width: 100%; } .purchasing-photo{ max-width: 808px; width: 100%; } @media (max-width: 1799px){ .apartments-info { max-width: 650px; } .terms-purchase-flex .apartments-text ul { gap: 16px 24px; } .terms-purchase-flex .apartments-text li p { font-size: 16px; } .terms-purchase-flex h3 { font-size: 20px; } .apartments-info { max-width: 600px; } } @media (max-width: 1499px){ .down-payment strong { font-size: 36px; } .down-payment + .down-payment:before { left: -83px; width: 140px; } } @media (max-width: 1399px){ .down-payment-flex { margin-top: 32px; gap: 12px; } .down-payment strong { font-size: 30px; } .down-payment p { font-size: 14px; } .down-payment-circle { max-width: 52px; height: 52px; margin-top: 14px; } .down-payment + .down-payment:before { left: -68px; width: 120px; bottom: 24px; } .additional-terms { margin-top: 42px; } .installment-plan { margin-top: 30px; } .purchasing-main { margin-top: 94px; } } @media (max-width: 1299px){ .calculate-mortgage-min { margin-top: 120px; margin-bottom: 54px; } .terms-purchase-flex { margin-top: 32px; gap: 16px; margin-bottom: 32px; } .terms-purchase-flex .apartments-text li p { font-size: 14px; } } @media (max-width: 1199px){ .terms-purchase-flex { flex-direction: column-reverse; } .apartments-info { max-width: 900px; } .terms-purchase-flex .apartments-info .btn { display: flex; margin-top: 16px; } .consultation-btn { display: none; } .terms-purchase-flex h3 { font-size: 16px; } .purchasing-flex { flex-direction: column; } .down-payment-circle { max-width: 32px; height: 32px; } } @media (max-width: 1020px){ .terms-purchase-flex .apartments-text li p { font-size: 12px; } .terms-purchase-btn .btn-lin { width: auto; } .terms-purchase-main { margin-top: 32px; } .purchasing-main { margin-top: 64px; } } @media (max-width: 767px){ .catalog-title h1 { max-width: 249px; width: 100%; } .additional-terms { margin-top: 32px; } } @media (max-width: 575px){ .down-payment + .down-payment:before{ display: none; } .down-payment strong { font-size: 32px; } .down-payment-flex { flex-direction: column; align-items: center; gap: 24px; } .purchasing-main { margin-top: 32px; } .additional-terms-desc ul li { font-size: 12px; line-height: 16px; } .additional-terms-desc ul { gap: 12px; margin-left: 14px; } } .page-news-wrap{ margin-top: 64px; gap: 32px 24px; } .page-news-wrap .news-box{ max-width: calc(33.333333% - 16px); } .page-news-wrap .news-box:nth-child(4){ max-width: calc(66.666666% - 16px); } .page-news-wrap .news-box:nth-child(10){ max-width: calc(66.666666% - 16px); } .page-news-wrap .news-box img { height: 338px; object-fit: cover; } .see-more-news{ margin-top: 40px; } .page-news-wrap .favorable-box img { height: 338px; object-fit: cover; } .page-news-wrap .favorable-box{ max-width: calc(33.333333% - 16px); } .page-news-wrap .favorable-box:nth-child(4){ max-width: calc(66.666666% - 16px); } .page-news-wrap .favorable-box:nth-child(10){ max-width: calc(66.666666% - 16px); } .page-news-wrap .favorable-box:nth-child(14){ max-width: calc(66.666666% - 16px); } .page-news-wrap .favorable-box:nth-child(20){ max-width: calc(66.666666% - 16px); } .error-sec{ margin: 164px 0 150px; } .error-info h2{ margin-top: 45px; } .error-pic{ max-width: 932px; width: 100%; } .error-info .btn{ margin-top: 99px; } .gallery-min{ margin: 96px 0 40px; } .page-gallery-wrap{ margin-top: 40px; gap: 32px 24px; } .page-gallery-wrap .gallery-photo{ max-width: calc(33.333333% - 16px); } .news-title{ flex-wrap: wrap; gap: 48px; } @media (max-width: 1299px){ .page-gallery-wrap { margin-top: 32px; gap: 16px 16px; } .page-gallery-wrap .gallery-photo { max-width: calc(33.333333% - 11px); } .page-news-wrap .news-box img { height: 290px; } .page-news-wrap .favorable-box{ max-width: calc(33.333333% - 11px); } .page-news-wrap .favorable-box:nth-child(4){ max-width: calc(66.666666% - 11px); } .page-news-wrap .favorable-box:nth-child(10){ max-width: calc(66.666666% - 11px); } .page-news-wrap .favorable-box:nth-child(14){ max-width: calc(66.666666% - 11px); } .page-news-wrap .favorable-box:nth-child(20){ max-width: calc(66.666666% - 11px); } .page-news-wrap .favorable-box img { height: 290px; } } @media (max-width: 1199px){ .page-news-wrap { margin-top: 32px; gap: 24px 24px; } .error-pic { max-width: 700px; } } @media (max-width: 1020px){ .gallery-min { margin: 72px 0 40px; } .page-gallery-wrap .gallery-photo { max-width: calc(50% - 11px); } .page-news-wrap .news-box{ max-width: calc(50% - 16px); } .page-news-wrap .news-box:nth-child(4) { max-width: calc(50% - 16px); } .page-news-wrap .news-box:nth-child(10) { max-width: calc(50% - 16px); } .page-news-wrap .favorable-box{ max-width: calc(50% - 16px); } .page-news-wrap .favorable-box:nth-child(4){ max-width: calc(50% - 16px); } .page-news-wrap .favorable-box:nth-child(10){ max-width: calc(50% - 16px); } .page-news-wrap .favorable-box:nth-child(14){ max-width: calc(66.666666% - 16px); } .page-news-wrap .favorable-box:nth-child(20){ max-width: calc(66.666666% - 16px); } .error-pic { max-width: 600px; } .error-info h2 { margin-top: 0; } .error-info .btn { margin-top: 40px; } } @media (max-width: 767px){ .page-news-wrap .news-box img { height: 248px; } .page-news-wrap .favorable-box img { height: 248px; } } @media (max-width: 575px){ .page-gallery-wrap .gallery-photo { max-width: 100%; } .page-news-wrap .news-box{ max-width: 100%; } .page-news-wrap .news-box:nth-child(4) { max-width: 100%; } .page-news-wrap .news-box:nth-child(10) { max-width: 100%; } .page-news-wrap .favorable-box{ max-width: 100%; } .page-news-wrap .favorable-box:nth-child(4){ max-width: 100%; } .page-news-wrap .favorable-box:nth-child(10){ max-width: 100%; } .page-news-wrap .favorable-box:nth-child(14) { max-width: 100%; } .page-news-wrap .favorable-box:nth-child(20) { max-width: 100%; } .error-info h2 { font-size: 20px; } .error-sec { margin: 180px 0 180px; } } .page-apartment-min{ margin-top: 56px; } .go-back-apart{ color: #1A1A1A; font-weight: 600; font-size: 18px; line-height: 100%; padding-left: 26px; position: relative; } .go-back-apart:before{ content: ""; position: absolute; top: 5px; left: 7px; width: 6px; height: 6px; border-top: 2px solid #1A1A1A; border-left: 2px solid #1A1A1A; transform: rotate(-45deg); } .page-apartment-title h1{ margin-top: 18px; } .bread-caps{ margin-top: 10px; gap: 4px; } .bread-caps li{ color: #754ABC; font-weight: 400; font-size: 16px; line-height: 100%; } .download-layout-href{ margin-top: 62px; } .download-layout{ max-width: 300px; width: 100%; gap: 10px; border-radius: 32px; padding: 13px 26px; border: 1px solid #754ABC; color: #1A1A1A; font-weight: 400; font-size: 16px; line-height: 100%; } .icon-pdf{ content: url("/local/templates/main/assets/img/icons/pdf.svg"); } .page-apartment-cnt{ margin-top: 32px; gap: 24px; } .page-apartment-plan{ max-width: 309px; width: 100%; gap: 24px; } .page-apartment-plan svg{ width: 100%; } .page-apartment-floor{ max-width: 500px; width: 100%; } .page-apartment-info{ max-width: 531px; width: 100%; gap: 32px; border-radius: 36px; padding: 32px; background: #F6F6F6; } .page-apartment-info .comme-line-info p { color: #1A1A1A; font-weight: 500; } .page-apartment-info .commercial-item{ margin-top: 0; } .page-apartment-info .commercial-line { border-bottom: 1px solid #2F2E2E66; gap: 24px; } .page-apartment-info .commercial-line:last-child { border-bottom: 1px solid #2F2E2E66; } .page-apartment-info .comme-line-info { width: 100%; max-width: 217px; } .page-apartment-price strong{ font-weight: 600; font-size: 40px; line-height: 100%; text-align: left; color: #754ABC; } .page-apartment-price{ gap: 8px; } .page-apartment-price del { font-weight: 400; font-size: 26px; line-height: 100%; text-decoration: line-through; color: #754ABC; opacity: 0.5; } .apartment-mortgage{ gap: 24px; } .apartment-mortgage img{ width: 60px; } .page-apartment-info .filter-btn{ margin-top: 0; } .apartment-mortgage-href{ color: #686868; font-weight: 500; font-size: 18px; line-height: 100%; gap: 12px; } .apartment-mortgage-href b{ font-weight: 700; } .arrow-right{ content: url("/local/templates/main/assets/img/icons/arrow-right.svg"); } @media (max-width: 1399px){ .page-apartment-info { max-width: 420px; padding: 24px; } .page-apartment-price strong { font-size: 32px; } .page-apartment-price del { font-size: 22px; } .page-apartment-info { gap: 16px; } } @media (max-width: 1199px){ .page-apartment-plan{ display: none; } .download-layout-href { margin-top: 40px; } } @media (max-width: 1020px){ .page-apartment-price strong { font-size: 32px; } .page-apartment-price del { font-size: 20px; } .page-apartment-info { border-radius: 16px; } .apartment-mortgage-href { font-size: 15px; } .download-layout { max-width: 270px; padding: 11px 24px; font-size: 16px; } .page-apartment-cnt { flex-direction: column; align-items: center; } .page-apartment-info { max-width: 530px; } .go-back-apart { font-size: 14px; padding-left: 22px; } .go-back-apart:before { top: 3px; left: 6px; } .bread-caps li { font-size: 14px; white-space: nowrap; } .download-layout-href{ display: none; } .page-apartment-cnt { margin-top: 48px; } } @media (max-width: 575px){ .apartment-mortgage { gap: 20px; } .modal .comme-line-info { width: 152px; } } .business-light-min{ margin-top: 98px; margin-bottom: 100px; } .business-light-flex{ gap: 24px; } .business-light-info{ max-width: 760px; width: 100%; } .business-light-info h3{ font-weight: 300; font-size: 30px; text-transform: uppercase; margin-top: 24px; max-width: 490px; width: 100%; } .business-light-info p{ margin-top: 64px; max-width: 670px; width: 100%; } .quarter-located-flex{ margin-top: 148px; gap: 24px; } .quarter-located-photo{ max-width: 808px; width: 100%; } .quarter-located-photo img{ border-radius: 36px; width: 100%; } .quarter-located{ max-width: 765px; width: 100%; padding-right: 43px; } .located-pic{ max-width: 393px; width: 100%; margin-left: auto; } .located-pic img{ border-radius: 36px; } .two-stylistic h2 { max-width: 844px; width: 100%; } .two-stylistic .apartments-text { margin-top: 0; max-width: 808px; width: 100%; } .two-stylistic .apartments-text ul li{ width: 100%; } .two-stylistic .apartments-text li p { max-width: 100%; } .two-stylistic-cnt{ margin-top: 48px; } .two-stylistic-cnt .apartments-flex{ margin-top: 48px; } .monolithic-const-min{ margin-top: 112px; margin-bottom: 50px; } .monolithic-const-min h2{ max-width: 944px; width: 100%; } .monolithic-const-flex{ margin-top: 64px; gap: 24px; } .monolithic-const-photo{ max-width: 808px; width: 100%; } .monolithic-const-photo img{ border-radius: 36px; } .monolithic-const-text{ max-width: 808px; width: 100%; } .monolithic-const-text ul{ gap: 36px; } .monolithic-const-text ul li{ gap: 30px; color: #1A1A1A; font-weight: 300; font-size: 16px; line-height: 22px; display: flex; align-items: center; } .monolithic-const-text ul li .down-payment-circle{ margin: 0; } .every-detail-min .apartments-box{ width: calc(25% - 18px); } .apartments-detail{ width: calc(25% - 18px); backdrop-filter: blur(20px); border-radius: 24px; } .apartments-detail img{ border-radius: 24px; width: 100%; } @media (max-width: 1399px){ .business-light-info { max-width: 600px; } .business-light-info h3 { font-size: 30px; max-width: 411px; } .quarter-located { padding-right: 0; } .quarter-located-flex { margin-top: 90px; } .monolithic-const-text ul li { gap: 16px; font-size: 16px; line-height: 20px; } .monolithic-const-text ul { gap: 20px; } .apartments-items { gap: 12px; } .every-detail-min .apartments-box { width: calc(25% - 9px); } .apartments-detail { width: calc(25% - 9px); } } @media (max-width: 1299px){ .business-light-info h3 { font-size: 26px; max-width: 360px; } .business-light-min { margin-top: 72px; margin-bottom: 50px; } .monolithic-const-min { margin-top: 48px; margin-bottom: 46px; } .monolithic-const-flex { margin-top: 34px; } .monolithic-const-text ul { gap: 12px; } .every-detail-min .apartments-box { width: calc(33.333333% - 9px); } .apartments-detail { width: calc(33.333333% - 9px); height: 180px; } } @media (max-width: 1199px){ .business-light-info { max-width: 430px; } .business-light-info h3 { font-size: 22px; max-width: 300px; } .located-pic { max-width: 290px; } .two-stylistic-cnt .apartments-flex { margin-top: 26px; } .monolithic-const-text ul li { font-size: 14px; line-height: 18px; } .quarter-located { max-width: 420px; } .quarter-located h3{ font-size: 18px; } } @media (max-width: 1020px){ .business-light-flex { flex-direction: column; } .business-light-info h3 { font-size: 18px; margin-top: 48px; } .quarter-located-flex { flex-direction: column; } .quarter-located { max-width: 100%; } .located-pic { max-width: 100%; margin-top: 16px; } .located-pic img { border-radius: 16px; } .quarter-located-photo img { border-radius: 16px; } .two-stylistic-cnt { margin-top: 0; } .monolithic-const-flex { margin-top: 32px; flex-direction: column-reverse; } .monolithic-const-photo img { border-radius: 16px; } .every-detail-min .apartments-box { width: calc(50% - 9px); height: 133px; } .apartments-detail { width: calc(50% - 9px); height: 133px; } .apartments-detail img { border-radius: 16px; } .business-light-photo{ width: 100%; } .business-light-photo img{ width: 100%; border-radius: 16px; } } @media (max-width: 575px){ .every-detail-min .apartments-box { width: 100%; } .apartments-detail { width: 100%; } } .page-contact-fl{ margin-top: 64px; gap: 24px; } .page-contact-box{ max-width: 392px; width: 100%; } .page-contact-box h3{ margin-bottom: 12px; } .page-contact-numb{ margin-bottom: 16px; } .page-contact-numb p{ color: #1A1A1A99; font-weight: 400; font-size: 16px; line-height: 100%; text-align: left; } .page-contact-numb span{ display: block; color: #1A1A1A; font-weight: 500; font-size: 16px; line-height: 24px; margin-top: 8px; } .page-contact-box .btn{ width: 100%; } .page-contact-box:first-child .btn{ margin-top: 40px; } .page-contact-map{ margin-top: 32px; position: relative; } .page-contact-map .btn{ position: absolute; right: 36px; top: 36px; z-index: 2; } .page-contact-map .map{ width: 100%; height: 656px; } .page-contact-map .map .ymaps{ width: 100%; height: 100%; } #map-contact{ height: 600px; width: 100%; border-radius: 36px; overflow: hidden; } .in-park{ backdrop-filter: blur(25px); background: #9F9DBA; border-radius: 6px; padding: 7px 12px; height: auto; position: relative; } .in-park:after{ content: ""; position: absolute; bottom: -6px; left: 9px; background: #9F9DBA; width: 14px; height: 14px; transform: rotate(45deg); } .in-park img{ display: none; } .in-park p{ color: #fff; font-weight: 500; font-size: 20px; line-height: 100%; } @media (max-width: 1599px){ .page-contact-numb span { font-size: 16px; line-height: 23px; } } @media (max-width: 1399px){ .page-contact-numb p { font-size: 14px; } .page-contact-numb span { font-size: 14px; line-height: 18px; } .page-contact-box .btn { padding: 10px 24px; font-size: 14px; } .page-contact-map .btn { right: 24px; top: 24px; } .page-contact-box:first-child .btn { margin-top: 33px; } } @media (max-width: 1020px){ .page-contact-fl { margin-top: 48px; gap: 16px; flex-wrap: wrap; } .page-contact-box { max-width: 340px; } .page-contact-numb { margin-bottom: 8px; } .page-contact-map .btn { right: 0; top: 0; position: relative; margin-bottom: 16px; } .page-contact-map{ flex-direction: column; } #map-contact { height: 310px; border-radius: 16px; } .in-park p{ font-size: 14px; line-height: 100%; } .in-park:after{ bottom: -5px; left: 9px; width: 10px; height: 10px; } .page-contact-box:first-child .btn { margin-top: 24px; } } @media (max-width: 767px){ .page-contact-box:first-child .btn { margin-top: 0; } } .frame-hidden{ overflow: hidden; } .frame-content{ margin-top: 64px; position: relative; margin-bottom: 148px; } .frame-content-map{ position: absolute; top: 12px; left: 12px; max-width: max-content; width: 100%; z-index: 2; background: #FFFFFF; border-radius: 32px; overflow: hidden; } .frame-box{ background: #754ABC; max-width: 456px; width: 100%; gap: 30px; padding: 32px; border-radius: 24px 24px 24px 0; position: absolute; z-index: 2; pointer-events: none; display: none; } .active-floor{ margin-right: 8px; display: block; } .frame-box-info{ gap: 12px; } .frame-box-name{ gap: 23px; } .frame-box-name span{ color: #FFFFFF; font-weight: 400; font-size: 16px; line-height: 100%; } .frame-box-name strong{ color: #FFFFFF; font-weight: 600; font-size: 18px; line-height: 100%; text-align: right; white-space: nowrap; } .frame-liner{ background: #FFFFFF66; width: 60px; height: 1px; } .icon-remont{ content: url("/local/templates/main/assets/img/icons/remont.svg"); } .frame-box-name span:first-child{ width: 26px; display: block; } .frame-box-price{ margin-top: 30px; } .frame-box-price strong{ color: #FFFFFF; font-weight: 600; font-size: 26px; line-height: 29.79px; text-align: left; } .page-floor-main{ margin-top: 14px; } .page-floor{ gap: 40px; position: relative; } .page-floor .compass { bottom: 0; left: 0; width: 87px; } .page-floor .compass img{ width: 100%; } .page-floor-map{ max-width: 400px; width: 100%; margin-top: 62px; border-radius: 22px; } .page-floor-map img{ border-radius: 22px; } .floor-plan-rel{ max-width: 677px; width: 100%; margin: 39px auto 0; } .floor-plan-photo{ display: flex; position: relative; } .floor-plan-photo img{ width: 100%; } .floor-plan-arrow{ width: 114px; position: relative; gap: 38px; margin-left: auto; } .floor-plan-arrow .floor-button-prev{ position: relative; top: 0; left: 0; transform: rotate(90deg); } .floor-plan-arrow .floor-button-next{ position: relative; top: 0; right: 0; left: 0; transform: rotate(90deg); } .count-slid-floor{ display: flex; align-items: center; justify-content: center; transition: 0.3s; color: #8F8F8F; font-weight: 500; font-size: 30px; line-height: 90%; text-align: center; height: 100%; } .swiper-slide-active .count-slid-floor{ color: #754ABC; font-weight: 600; font-size: 52px; } .count-slid{ width: 100%; height: 502px; } .floor-plan-svg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .floor-plan-svg svg{ width: 100%; height: 100%; } .floor-plan-mod{ background: #754ABC; max-width: 456px; padding: 32px; border-radius: 24px 24px 24px 0; position: absolute; z-index: 2; display: none; } .floor-plan-mod-act{ display: block; } .floor-plan-mod .commercial-item{ margin-top: 0; } .floor-plan-mod .comme-line-info p { color: #FFFFFF; } .floor-plan-mod .comme-line-info span{ color: #FFFFFF; } .floor-plan-price{ margin-top: 25px; gap: 8px; } .floor-plan-price strong{ color: #FFFFFF; font-weight: 600; font-size: 26px; line-height: 26px; text-align: left; } .floor-plan-price del{ font-weight: 400; font-size: 20px; line-height: 23.83px; text-align: left; color: #FFFFFF; opacity: 0.50; } .genplan-map { width: 100%; } .genplan-map svg{ width: 100%; height: 100%; border-radius: 36px; overflow: hidden; } .genplan-map-img{ width: 100%; border-radius: 36px; } .genplan-map-svg { width: 100% } .genplan-map-svg path { transition: stroke-opacity .3s,fill-opacity .3s } .genplan-map-floor { fill: #9F9DBA; fill-opacity: .6; cursor: pointer } .genplan-map-floor:hover { fill-opacity: 0.8; } .favorite-empty{ margin-top: 100px; } .favorite-empty h3{ font-weight: 500; text-align: center; } .genplan-filter-scheme-corpuses path { fill: #754abc } .genplan-filter-scheme-corpuses path[data-active=false] { fill-opacity: .2 } @media (max-width: 1399px){ .frame-content-map { max-width: 330px; } .frame-box { max-width: 390px; padding: 20px; } .frame-box-name { gap: 11px; } .frame-box-name strong { font-size: 18px; } .frame-box-price strong { font-size: 24px; line-height: 23.79px; } .frame-box-price { margin-top: 20px; } .page-floor-map { max-width: 360px; margin-top: 40px; } .page-floor { gap: 30px; } .floor-plan-arrow { width: 90px; gap: 20px; } .page-floor .compass { width: 60px; } .floor-plan-mod { max-width: 360px; padding: 20px; } .floor-plan-rel { max-width: 560px; margin-top: 30px; } .floor-plan-price strong { font-size: 26px; line-height: 24.79px; } .floor-plan-price del { font-size: 20px; } .floor-plan-price { margin-top: 20px; } } @media (max-width: 1199px){ .page-none-mob{ display: none; } } .page-favorite{ margin-top: 96px; margin-bottom: 130px; } .page-favorite-cnt{ margin-top: 80px; gap: 34px 24px; display: flex; flex-wrap: wrap; } .page-favorite-cnt .commercial-box{ width: calc(25% - 18px); } .selected-fav svg path{ stroke: #4F4F4F; fill: #4F4F4F; } .page-favorite-btn{ display: none; margin-top: 20px; } @media (max-width: 1399px){ .page-favorite-cnt .commercial-box { width: calc(33.333333% - 16px); } } @media (max-width: 1299px){ .page-favorite-cnt { margin-top: 50px; gap: 30px 24px; } .page-favorite { margin-top: 70px; margin-bottom: 71px; } } @media (max-width: 1020px){ .page-favorite-cnt .commercial-box { width: calc(50% - 16px); } .page-favorite-btn{ display: flex; justify-content: center; } } @media (max-width: 767px){ .page-favorite-cnt { margin-top: 34px; gap: 16px 16px; } .page-favorite-cnt .commercial-box { width: calc(50% - 8px); } } .parking-rooms{ margin-top: 60px; } .parking-rooms .container{ position: relative; } .parking-rooms-flex{ gap: 30px; } .parking-rooms-frame{ max-width: 450px; width: 100%; border-radius: 36px; padding: 32px; background: #F6F6F6; z-index: 911; } .rooms-frame-cnt{ gap: 20px; margin-bottom: 25px; } .rooms-frame-box{ position: relative; max-width: 300px; width: 100%; } .rooms-frame-click{ cursor: pointer; width: 100%; border-bottom: 1px solid rgba(26,26,26,0.2); padding-bottom: 1px; } .rooms-frame-click span { color: #1A1A1A; font-weight: 400; font-size: 16px; line-height: 100%; } .rooms-frame-click .icon-arrow-down { width: 20px; height: 20px; } .rooms-frame-box-act .rooms-frame-click .icon-arrow-down { transform: rotate(-180deg); } .rooms-frame-down { top: 27px; right: 0; position: absolute; background: #F6F6F6; border: 1.24px solid rgba(26,26,26,0.2); width: 100%; border-radius: 10px; display: none; z-index: 911; } .rooms-frame-box-act .rooms-frame-down { display: block; } .rooms-frame-down ul li{ border-bottom: 1px solid rgba(26,26,26,0.2); width: 100%; padding: 10px; cursor: pointer; color: #1A1A1A; font-weight: 400; font-size: 14px; transition: 0.3s; } .rooms-frame-down ul li:hover{ background: rgba(26,26,26,0.2); } .rooms-frame-down ul li:first-child{ border-radius: 10px 10px 0 0 ; } .rooms-frame-down ul li:last-child{ border-bottom: unset; border-radius: 0 0 10px 10px; } .parking-filter-field{ margin-top: 30px; } .parking-filter-types{ gap: 4px; max-width: 250px; width: 100%; } .parking-filter-types span{ cursor: pointer; transition: 0.3s; font-size: 16px; display: inline-block; padding: 5px; border-radius: 5px; line-height: 18px; } .parking-types-act { background: #754ABC; color: #FFFFFF; } .parking-filter-btn{ margin-top: 25px; gap: 50px; } .update-filters{ cursor: pointer; width: 23px; height: 23px; } .update-filters svg{ width: 100%; height: 100%; } .update-filters svg path { fill: #4f4f4f; } .parking-cards{ max-width: 1180px; width: 100%; gap: 20px; display: none; } .parking-cards-act{ display: flex; } .parking-cards-pic{ max-width: 800px; width: 100%; position: relative; overflow: hidden; } .zoom-picture{ position: absolute; right: 0; top: 0; z-index: 2; } .zoom-picture span{ padding: 10px; width: 45px; height: 45px; color: #fcf9ee; background: #754abc; font-size: 30px; font-style: normal; font-weight: 200; line-height: 120%; cursor: pointer; text-align: center; } .zoom-pic-plus{ } .zoom-pic-minus.disabled{ opacity: 0.5; } .zoom-picture .zoom-pic-minus{ font-size: 40px; } .parking-photo{ position: relative; /* width: 173%; margin: 0 -32vh; */ width: 100%; margin: 0 auto; transition: transform 0.3s ease; transform-origin: center; /*cursor: grab;*/ } .parking-photo.dragging { cursor: grabbing; } .storerooms-pics .parking-photo{ width: 100%; max-width: 380px; margin: 0 auto; } .value-price-marg{ margin-bottom: 30px; } .parking-results-info{ background: #754ABC; max-width: 300px; width: 100%; padding: 24px; border-radius: 24px 24px; position: absolute; z-index: 91; display: none; } .value-price{ color: #FFFFFF; font-size: 24px; } .parking-results-count{ margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 20px; } .parking-results-count div{ justify-content: center; gap: 6px; } .parking-results-count p{ color: #FFFFFF; font-size: 14px; } .parking-results-count span{ color: #FFFFFF; font-size: 16px; font-weight: 500; } .parking-results-info .btn-white{ margin-top: 15px; } .parking-results-info .btn-white:hover{ background: unset; color: #FFFFFF; } .flat-buttons{ margin-top: 15px; } .flat-buttons a{ display: flex; align-items: center; gap: 10px; color: #FFFFFF; font-size: 15px; } .fill path{ fill: #FFFFFF; } .parking-photo img{ width: 100%; } .parking-photo svg{ position: absolute; width: 100%; top: 0; left: 0; } .parking-photo svg path { fill: #754abc; fill-opacity: .5; cursor: pointer; } .parking-photo svg path:hover{ fill-opacity: 1; } .parking-floor-svg{ max-width: 300px; width: 100%; } .parking-storage{ position: absolute; right: 0; top: 0; gap: 15px; z-index: 2; } .parking-storage span{ cursor: pointer; display: flex; width: 1.2em; transition: opacity .3s; opacity: 0.3; } .parking-storage span svg path { stroke: #1A1A1A; } .parking-storage span:hover{ opacity: 1; } .parking-storage .parking-storage-act{ opacity: 1; } .parking-cards-tab{ display: none; width: 100%; } .parking-cards-tab-act{ display: block; } .parking-cards-tab .price-ascending{ margin-left: 0; margin-top: 0; } .parking-cards-sort{ gap: 25px; } .sort-ascending{ position: relative; width: 100%; max-width: 200px; } .sort-ascending-click{ cursor: pointer; width: 100%; gap: 7px; } .sort-ascending-click span { color: #1A1A1A; font-weight: 400; font-size: 16px; line-height: 100%; } .sort-ascending-act .sort-ascending-click .icon-arrow-down { transform: rotate(-180deg); } .sort-ascending-down { top: 27px; right: 0; position: absolute; background: #F6F6F6; border: 1.24px solid rgba(26,26,26,0.2); width: 100%; border-radius: 10px; display: none; z-index: 911; } .sort-ascending-act .sort-ascending-down { display: block; } .sort-ascending-down ul li{ border-bottom: 1px solid rgba(26,26,26,0.2); width: 100%; padding: 10px; cursor: pointer; color: #1A1A1A; font-weight: 400; font-size: 14px; transition: 0.3s; } .sort-ascending-down ul li:hover{ background: rgba(26,26,26,0.2); } .sort-ascending-down ul li:first-child{ border-radius: 10px 10px 0 0 ; } .sort-ascending-down ul li:last-child{ border-bottom: unset; border-radius: 0 0 10px 10px; } .parking-table{ margin-top: 40px; } .parking-table-head { padding: 1.2rem; text-align: center; line-height: 1; border-bottom: 1px solid #E1E1E1; } .parking-table-head ul li{ white-space: nowrap; font-size: 13px; color: #1A1A1A; font-weight: 300; } .parking-table-head ul li:first-child{ max-width: 148px; width: 100%; } .parking-table-head ul li:last-child{ width: 17rem; } .parking-table-body{ margin-bottom: 20px; } .parking-results-item{ padding: 1.2rem; text-align: center; line-height: 1; border-bottom: 1px solid #E1E1E1; } .parking-results-box:first-child{ max-width: 148px; width: 100%; } .parking-results-box span{ color: #1A1A1A; font-weight: 400; font-size: 15px; } .parking-results-box p{ display: none; } .table-btn{ gap: 15px; } .flat-pdf{ color: #1A1A1A; font-weight: 400; font-size: 15px; gap: 8px; } .parking-rooms .filter-mobile{ width: max-content; gap: 15px; } @media (max-width: 1599px){ .parking-rooms-frame { max-width: 400px; border-radius: 24px; padding: 24px; } .parking-photo { margin-top: 50px; } .parking-storage { right: 13px; } } @media (max-width: 1399px){ .parking-floor-svg { max-width: 260px; } .zoom-picture span { padding: 6px; width: 35px; height: 35px; font-size: 22px; line-height: 110%; } } @media (max-width: 1299px){ .parking-rooms-frame { max-width: 100%; border-radius: initial; padding: 35px 20px; background: #fff; } .parking-cards-tab-act { margin-top: 25px; } } @media (max-width: 1020px){ .parking-cards{ display: none; } .parking-storage{ display: none; } .parking-cards-tab{ display: block; } .parking-cards-sort .price-ascending-number{ display: none; } .parking-cards-sort { width: max-content; margin-left: auto; margin-top: -18px; } .parking-table-head{ display: none; } .parking-results-box:first-child { max-width: max-content; width: auto; } .parking-results-item { flex-wrap: wrap; } .parking-results-box p { display: block; font-size: 12px; } .parking-results-box{ display: flex; align-items: center; gap: 10px; } .parking-results-box:nth-child(5) { width: 100%; order: -1; margin-bottom: 15px; } .parking-results-box:nth-child(5) span{ font-weight: 500; font-size: 18px; } .table-btn { gap: 15px; width: 100%; margin-top: 14px; flex-direction: row; } .table-btn .btn { font-size: 13px; } .parking-results-box span { font-size: 13px; } .flat-pdf { font-size: 13px; } .catalog-btn { width: 100%; } .parking-results-item { flex-wrap: wrap; justify-content: flex-start; gap: 0 15px; } .parking-table { margin-top: 30px; } } @media (max-width: 767px){ .parking-results-box p { font-size: 10px; } .parking-results-box span { font-size: 11px; } .parking-results-item { padding: 12px 8px; } .table-btn .btn { font-size: 11px; width: max-content; padding: 7px 17px; } .table-btn .btn .icon-pdf { width: 20px; height: 20px; } .flat-pdf { font-size: 12px; } .parking-results-box:nth-child(5) span { font-size: 16px; } .parking-rooms { margin-top: 45px; } .parking-results-box:first-child{ display: none; } .table-btn { gap: 9px; } .sort-ascending-click span { font-size: 14px; } .parking-filter-types span { font-size: 14px; } } @media (max-width: 420px){ .flat-pdf { font-size: 10px; } .sort-ascending-down ul li { padding: 7px; font-size: 13px; } } @media screen and (max-width: 1600px) and (min-width: 1200px) { .rooms-frame-click span { font-size: 14px; } .parking-rooms .label { font-size: 13px; } .parking-rooms .values { font-size: 22px; line-height: 22px; } .parking-rooms p { font-size: 12px; } .parking-rooms .parking-filter-types span { font-size: 16px; line-height: 18px; } .parking-rooms .btn { font-size: 14px; } } /* End */ /* Start:/local/templates/main/template_styles.css?17573117619641*/ *{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-favorite.active svg path{ stroke: #754ABC; fill: #754ABC; } .favoriteProducts { width: 100%; } .floor-plan-svg { text-align: center; display: flex; } .floor-plan-photo .floor-plan-svg svg { width: auto; height: auto; } .floor-plan-svg .floor-path:hover path{ fill-opacity: 0.8; } .page-contact-box { display: flex; flex-direction: column; justify-content: space-between; height: auto; } .master-plan-cnt ul li.disabledFloor { background: #C2C2C2; border: 1px solid #C2C2C2; color: #434343; cursor: default; } .check-form label input.error-check ~ .checkmark { background-color: #f0c2e8; } .check-form label input.error-check:checked ~ .checkmark { background-color: #754ABC; } .input-control.lardin-error-field{ background-color: #f0c2e8; } .lardin-form-notice{ display: none; color: green; } .lardin-form-error{ color: red; } .floor-button-prev.swiper-button-lock { display: flex; cursor: default; } .floor-button-next.swiper-button-lock { display: flex; cursor: default; } .modal-registration.promoModal { background: transparent; padding: 0px; } .newPromo .modal-registration.promoModal { max-width: fit-content; } .modal-registration.promoModal .oldImg, .modal-registration.promoModal .oldLink { display: none; } .modal-registration.promoModal .promoLink.oldLink { position: absolute; bottom: 11px; left: 0; cursor: pointer; right: unset; width: 250px; height: 65px; display: flex; align-items: center; justify-content: center; background: #754abc; font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: 0; border-radius: 32px; padding: 0; z-index: 20; border: none; } .modal-registration.promoModal .promoLink.newLink{ position: absolute; bottom: 11px; left: 0; cursor: pointer; right: unset; width: 250px; height: 65px; display: flex; align-items: center; justify-content: center; background: #754abc; font-weight: 500; font-size: 20px; line-height: 100%; letter-spacing: 0; border-radius: 32px; padding: 0; z-index: 20; border: none; } .modal-registration.promoModal .promoLink.newLink:hover { color: #fff; } .close.promoClose { top: 0px; right: 0px; } .floor-plan-mod, .parking-results-info { border: 0.1px solid #fff; } .bookingRequestImg.booking-request-floor { padding-bottom: 50px; } .bookingRequestImg img { max-width: 150px; max-height: 150px; opacity: 0.5; } .commercial-photo { transition: all 0.5s ease 0s; } .commercial-box:hover .commercial-photo { box-shadow: 0px 7px 7px 0px #1F004D17; } .nothing-was-found-tit { border-radius: 36px; } .favorable-modal-text.breakTextWrap { display: block; } .input-submit:disabled { opacity: 0.5; pointer-events:none; } .time-call-click.selectedTime { color: #1A1A1A; } .floorLoader { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; left: 0; top: 0; background: rgba(255,255,255,0.8); z-index: 1; display: none; } .floorLoader svg { width: 200px; height: 200px; } .footer-policy { margin-top: 58px; justify-content: flex-start; gap: 36px; } .mainParkWrap{margin-top: 64px;} .mortgage-label .mortageRangeControl { font-weight: 600; font-size: 26px; text-align: right; color: #754ABC; width: min-content; display: flex; max-width: 50%; border: 1px solid transparent; transition: all 0.25s ease 0s; padding: 10px 0; border-radius: 24px; } .mortgage-label .mortageRangeControl:focus { border: 1px solid #754ABC; padding-right: 15px; } .check-radio.disabledInput{ opacity: 0.2; cursor: default; } .check-radio.activeInput:after { position: absolute; right: 0; top: 50%; content: ""; color:red; display: block; font-weight: 500; background: url('/local/templates/main/images/delete.svg') center center no-repeat; width: 22px; height: 22px; margin-top: -11px; background-size: contain; } .catalog-title h1 { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; position: relative; max-width: 750px; } .catalog-title h1 span { display: inline-flex; flex-direction: column; } .catalog-title h1 b { color: #000; font-weight: 700; } .catalog-title h1 svg { display: inline-block; margin-top: -5px; opacity: .3; transition: all 0.25s ease 0s; } .catalog-title h1 span:hover + svg, .catalog-title h1 svg:hover { opacity: 1; } .catalog-title .catalogTitleDropdown { position: absolute; left: 0; top: calc(100% + 24px); padding: 48px; background: #fff; border-radius: 36px; border: 1px solid #AEAEAE; z-index: 1001; display: none; } .catalog-title .catalogTitleDropdown a { display: block; white-space: nowrap; text-transform: uppercase; font-weight: 700; text-decoration: none; font-size: 48px; line-height: 1; color: #AEAEAE; } .catalog-title .catalogTitleDropdown a:first-child { margin-bottom: 10px; } .catalog-title .catalogTitleDropdown a:hover { color: #754ABC; } .afi-dev-count { flex-direction: column; align-items: flex-start; } #svg-taxi { position: fixed; right: 50px; bottom: 50px; z-index: 10000000; } .calculate-mortgage .calculate-mort-main { height: 100%; justify-content: space-between; } .calculate-mortgage .calculate-mort-main .family-mortgage { height: 50%; justify-content: center; } .calculate-mortgage .calculate-mort-main .family-mortgage .family-mortgage-photo { background: #fff; border-radius: 100%; } @media (max-width: 1705px) { .mainNature .mainNatureWrap .mainNatureInfo{max-width: 680px;} .mainNature .mainNatureWrap .mainNatureInfo .mainNatureInfoTitle span{font-size:32px;} .mainNature .mainNatureWrap .mainNatureInfo .mainNatureInfoTitle span:last-child{padding-left:90px;} } @media (max-width: 1599px) { .mainParkWrap { margin-top: 30px; } .mainNature .mainNatureWrap .mainNatureInfo{max-width: 580px;} .mainNature .mainNatureWrap .mainNatureInfo .mainNatureInfoTitle span{font-size:28px;} .mainNature .mainNatureWrap .mainNatureInfo .mainNatureInfoTitle span:last-child{padding-left:20px;} } @media (max-width: 1320px) {mainNature .mainNatureWrap .mainNatureInfo{display:none;}} @media (max-width: 1320px) { .catalog-title h1 { max-width: 500px; } .catalogTopPanel { justify-content: flex-end; } } @media (max-width: 1020px) { .commercial-wrap .container{overflow-x:hidden;} .padding-section { overflow: hidden; } .swiper-pagination-bullet { min-width: 5px; min-height: 5px; display: block; max-height: 5px; max-width: 5px; } .commercial-slider .commercial-box { padding-bottom: 30px; } .footer-policy { gap: 16px; } } @media (max-width: 480px) { .quarter-located { order: 1; } .quarter-located-photo { order: 2; } .lilac-park-cnt { background-position: center center; box-sizing: content-box; max-width: calc(100% - 32px); } .lilac-park-cnt .videoPlayBtn { left: 16px; } .afi-dev-count { gap: 4px; flex-direction: column; align-items: flex-start; } .booking-request-flex form { max-height: 500px; overflow-y: scroll; } .catalog-title { gap: 16px; } .catalog-title .catalog-btn { display: none; } .catalog-title .catalog-btn .btn-lin { font-size: 14px; } #apartment .apartment-book-mod { max-width: 100%; width: 100%; } #apartment.modal .comme-line-info { width: 100%; } #apartment.modal .commercial-line { flex-direction: column; align-items: flex-start; padding: 0 10px; gap: 8px; } .booking-request-flex { max-height: 500px; overflow-y: scroll; } .modal .commercial-price { flex-direction: column; align-items: flex-start; padding: 0 10px; } .modal .request-viewing { padding: 0 10px; } li.linkgenplan { display: none !important; } .parking-rooms-frame { z-index: 1001; } .filter-mobile { justify-content: space-between; gap: 8px; margin-top: 10px; } .price-ascending-down { left: 0; right: 0; width: calc(100vw - 15px); padding: 10px; } .price-ascending-down ul { gap: 4px; } .price-ascending-down li a { font-size: 13px; } .page-news-wrap .news-box.longItem { max-width: 100%; width: 100%; } .commercial-slider .commercial-info{ display: flex; align-items: center; justify-content: space-between; } .commercial-slider .commercial-item { margin-top: 0px; } .commercial-slider .commercial-price { margin-top: 0; } .menu-content-main { overflow-y: scroll; max-height: calc(100vh - 66px); } .discountWrap .discountPercent { font-size: 20px; } .apartment-mortgage { gap: 8px; flex-direction: column; align-items: flex-start; } .mortgage-label .mortageRangeControl { font-size: 18px; } .catalog-title h1 { gap: 4px; } .catalog-title h1 svg { width: 32px; } .catalog-title .catalogTitleDropdown { padding: 24px; top: 100%; } .catalog-title .catalogTitleDropdown a { font-size: 24px; } .catalogTopPanel { padding-top: 16px; padding-bottom: 0px; justify-content: space-between; } .catalogTopPanel .price-ascending-click { gap: 8px; } #svg-taxi { width: 75px; height: 75px; right: 20px; bottom: 20px; } .catalog-title h1 svg { margin-top: 0; height: 32px; } } /* End */ /* /local/templates/main/assets/css/swiper-bundle.min.css?175795171115561 */ /* /local/templates/main/components/bitrix/highloadblock.view/promo/style.css?17575837112606 */ /* /local/templates/main/styles.css?1757953424147720 */ /* /local/templates/main/template_styles.css?17573117619641 */