/* Start:/local/js/vendor/libs/swiper/swiper.css?174592442118453*/ /** * Swiper 11.2.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 3, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.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:var(--swiper-navigation-top-offset,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.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display: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;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);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-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/css/elements/v2024/swiper.simple.css?17781431702167*/ .swiper.swiper-simple{ --slide-padding: 24px; --slide-border-radius: 24px; --pagination-padding-x: 12px; --pagination-padding-y: 8px; --pagination-gutter: 8px; --swiper-pagination-color: white; --swiper-pagination-bottom: 16px; --swiper-pagination-bullet-size: 10px; --swiper-pagination-bullet-horizontal-gap: 0; overflow: visible; position: relative; } @media (min-width: 576px) { .swiper.swiper-simple { --swiper-pagination-bottom: 32px; --slide-border-radius: 32px; border-radius: var(--slide-border-radius); overflow: hidden; } } .swiper.swiper-simple .swiper-slide{ border-radius: var(--slide-border-radius); padding: var(--slide-padding); } .swiper.swiper-simple .swiper-pagination{ --dots-count: 5; --swiper-pagination-bullet-inactive-color: white; --swiper-pagination-bullet-inactive-opacity: 0.2; width: fit-content; left: unset; right: var(--slide-padding); padding: var(--pagination-padding-y) var(--pagination-padding-x); display: flex; flex-flow: row; gap: var(--pagination-gutter); border-radius: 999px; background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(6px); } .swiper.swiper-simple .swiper-pagination.centered{ right: unset; left: calc( 50% - (var(--swiper-pagination-bullet-size) * var(--dots-count))/2 - (var(--pagination-gutter) * (var(--dots-count) - 1))/2 - var(--pagination-padding-x) ); } .swiper.swiper-simple .swiper-pagination-bullet-active{ background-color: white; } .swiper-simple__nav-area{ position: absolute; top: 0; width: 50%; height: 100%; z-index: 2; } .swiper-simple__nav-area-prev{ left: 0; cursor: url(https://www.gwd.ru/upload/medialibrary/e11/e116bc8c36c9561a144817aa0a4d3415.svg) 20 20, w-resize; } .swiper-simple__nav-area-next{ right: 0; cursor: url(https://www.gwd.ru/upload/medialibrary/c76/c7603e9e33bc9a0fcfcce7f1d7666f2f.svg) 20 20, e-resize; } .swiper-simple__nav-area:focus, .swiper-simple__nav-area:active{ outline: none; box-shadow: none; } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/010-slider.css?17781431704474*/ .pd-top__slider-wrapper{ width: 100%; position: relative; } @media (max-width: 991px) { .pd-top__slider-wrapper{ margin-bottom: 20px } } @media (min-width: 992px) { .pd-top__slider-wrapper{ height: calc(100vh - 72px); } } .pd-top__slider.swiper-simple{ --slide-padding: unset; --slide-border-radius: 0; } @media (min-width: 992px) { .pd-top__slider{ height: 100%; } } .pd-top__slider.swiper-simple .swiper-pagination { --swiper-pagination-bullet-inactive-color: white; --swiper-pagination-bullet-inactive-opacity: 0.2; left: calc( 50% - (var(--swiper-pagination-bullet-size) * var(--dots-count))/2 - (var(--pagination-gutter) * (var(--dots-count) - 1))/2 - var(--pagination-padding-x) ); } .pd-top__slider .swiper-slide{ height: unset; } .pd-top__slider .swiper-slide::before{ position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 50vh; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0)); } .pd-top__slider .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } .pd-top__buttons-wrapper .container{ display: flex; flex-flow: row; align-items: center; } .pd-top__catalog, .pd-top__compare{ color: white; text-decoration: none; display: flex; align-items: center; width: fit-content; background: rgba(0, 0, 0, 0.40); backdrop-filter: blur(6px); line-height: 24px; border-radius: 999px; border: none; padding: 6px 12px; } .pd-top__catalog{ margin-right: auto; font-size: 14px; } .pd-top__compare{ padding: 6px; font-size: 12px; width: 28px; justify-content: center; line-height: normal; margin-right: 8px; } @media (min-width: 992px) { .pd-top__compare{ width: fit-content; } .pd-top__compare svg{ margin-right: 8px; } } .pd-top__catalog svg{ width: 12px; height: 12px; fill: white; transform: scaleX(-1); margin-right: 8px; } .pd-top__compare svg{ width: 16px; height: 16px; } @media (min-width: 992px) { .pd-top__catalog{ padding: 0; background: transparent; backdrop-filter: none; } } .pd-top__hone-wrapper{ position: absolute; width: 100%; top: 0; left: 0; color: white; z-index: 10; } @media (max-width: 991px) { .pd-top__hone-wrapper{ top: unset; bottom: 60px; } } .pd-top__hone{ display: flex; flex-flow: row; font-weight: 700; line-height: normal; flex-flow: column; gap: 4px; font-size: 44px; } .pd-top__hone-small{ font-size: 16px; font-weight: 500; } @media (min-width: 992px) { .pd-top__hone{ flex-flow: row; align-items: center; gap: 24px; padding-top: calc(var(--header-height) + 20px + 50px); } } .pd-top__buttons-wrapper{ position: absolute; width: 100%; top: 0; left: 0; z-index: 10; padding-top: calc(var(--header-height) + 20px); } .pd-top__buttons-wrapper .project-likes{ display: flex; align-items: center; padding: 6px 12px; background: rgba(0, 0, 0, 0.40); backdrop-filter: blur(6px); border-radius: 999px; } .pd-top__buttons-wrapper .project-likes__count{ font-size: 12px; top: 0; margin-left: 4px; line-height: normal; } .pd-top__buttons-wrapper .project-likes__contour, .pd-top__buttons-wrapper .project-likes__overlay{ width: 16px; height: 16px; } .pd-top__buttons-wrapper .project-likes__overlay{ left: 12px; top: 6px; } @media (min-width: 992px) { .pd-top__catalog svg{ width: 14px; height: 14px; } .pd-top__catalog, .pd-top__compare, .pd-top__buttons-wrapper .project-likes__count{ font-size: 16px; } .pd-top__compare svg, .pd-top__buttons-wrapper .project-likes__contour, .pd-top__buttons-wrapper .project-likes__overlay{ width: 24px; height: 24px; } .pd-top__buttons-wrapper .project-likes{ padding: 8px 16px; } .pd-top__buttons-wrapper .project-likes__overlay{ top: 8px; left: 16px; } } .pd-top__catalog:focus, .pd-top__compare:focus, .pd-top__buttons .project-likes:focus{ outline: none; box-shadow: none; } /* End */ /* Start:/local/assets/project-likes/style.css?17459244201499*/ .project-likes{ --main-color: white; --shadow-color: #000101; --hover-color: var(--main-color); --icon-filter: drop-shadow(0 0 5px var(--shadow-color)); --text-shadow: 0 0 5px var(--shadow-color); --contour-color: var(--main-color); --overlay-color: var(--main-color); --overlay-color-liked: var(--main-color); border: none; background: none; color: var(--main-color); padding: 0; vertical-align: sub; position: relative; } .project-likes:focus{ outline: none; } .project-likes svg{ width: 20px; height: 19px; vertical-align: initial; } .project-likes__contour{ fill: var(--contour-color); -webkit-filter: var(--icon-filter); filter: var(--icon-filter); opacity: 1; transition: opacity 0.3s ease-out; } .project-likes__overlay{ position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease-out; fill: var(--overlay-color); } .project-likes__count{ color: var(--main-color); text-shadow: var(--text-shadow); position: relative; top: -4px; } @media only screen and (min-width: 992px) { .project-likes:hover .project-likes__contour { fill: var(--hover-color); -webkit-filter: none; filter: none; } .project-likes:hover .project-likes__count { text-shadow: none; } } .project-likes.--liked .project-likes__overlay{ opacity: 1; } .project-likes.--liked .project-likes__contour{ opacity: 0; } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/alt.css?177814317014347*/ /*.pd-alt{*/ /* padding-top: 5.6rem;*/ /* padding-bottom: 5.6rem;*/ /*}*/ /*@media (min-width: 992px) {*/ /* .pd-alt{*/ /* padding-top: 7.9rem;*/ /* padding-bottom: 7.9rem;*/ /* }*/ /* .pd-alt__plans{*/ /* padding-bottom: 7.9rem;*/ /* }*/ /*}*/ /*.pd-alt h2{*/ /* margin-bottom: 1.6rem;*/ /*}*/ /*@media (min-width: 992px) {*/ /* .pd-alt h2{*/ /* margin-bottom: 2.4rem;*/ /* }*/ /*}*/ /*.pd-alt .row{*/ /* margin-left: -1.2rem;*/ /* margin-right: -1.2rem;*/ /*}*/ /*.pd-alt .row > [class*=col] {*/ /* padding-left: 1.2rem;*/ /* padding-right: 1.2rem;*/ /*}*/ /*.pd-alt__description{*/ /* line-height: normal;*/ /* text-align: center;*/ /* color: var(--neutral-800);*/ /* margin-bottom: 1.6rem;*/ /*}*/ /*@media (min-width: 992px){*/ /* .pd-alt__description{*/ /* font-size: 2rem;*/ /* line-height: 1.5;*/ /* margin-bottom: 4.8rem;*/ /* }*/ /*}*/ /*.pd-alt__card{*/ /* background-color: var(--accent-a5);*/ /* background-size: auto 80%;*/ /* background-position: right center;*/ /* background-repeat: no-repeat;*/ /* padding: 2.4rem;*/ /* height: 20.8rem;*/ /* display: flex;*/ /* flex-flow: column;*/ /* align-items: flex-start;*/ /* justify-content: space-between;*/ /* border-radius: 0.8rem;*/ /*}*/ /*@media (min-width: 992px) {*/ /* .pd-alt__card{*/ /* background-size: contain;*/ /* padding: 4.4rem;*/ /* height: 30.2rem;*/ /* }*/ /*}*/ /*@media (max-width: 991px) {*/ /* .pd-alt__plans .col-md-6:not(:last-child) {*/ /* margin-bottom: 1.6rem;*/ /* }*/ /*}*/ /*.pd-alt__card-title{*/ /* color: var(--color-brand-primary);*/ /*}*/ /*.pd-alt__timelapse{*/ /* --padding-x: 0;*/ /* --padding-y: 5.6rem;*/ /* --width: 100%;*/ /* padding:var(--padding-y) var(--padding-x) 0;*/ /* display: flex;*/ /* flex-flow: column;*/ /* align-items: flex-start;*/ /* position: relative;*/ /*}*/ /*@media (min-width: 992px) {*/ /* .pd-alt__timelapse {*/ /* --padding-x: 5.7rem;*/ /* --padding-y: 12.2rem;*/ /* --width: 36.1rem;*/ /* }*/ /*}*/ /*.pd-alt__timelapse > *{*/ /* width: var(--width);*/ /*}*/ /*.pd-alt__timelapse h2{*/ /* text-align: center;*/ /* margin-bottom: 1.6rem;*/ /* font-weight: 500;*/ /*}*/ /*.pd-alt__timelapse-description{*/ /* margin-bottom: 1.6rem;*/ /* text-align: center;*/ /*}*/ /*@media (min-width: 992px){*/ /* .pd-alt__timelapse h2{*/ /* text-align: left;*/ /* }*/ /* .pd-alt__timelapse-description{*/ /* font-size: 2rem;*/ /* margin-bottom: 4.8rem;*/ /* text-align: left;*/ /* }*/ /*}*/ /*.pd-alt__timelapse-instant{*/ /* display: block;*/ /* position: relative;*/ /* border-radius: 1.6rem;*/ /* margin-bottom: 1.6rem;*/ /* overflow: hidden;*/ /*}*/ /*@media (min-width: 992px) {*/ /* .pd-alt__timelapse-instant{*/ /* border-radius: 0.8rem;*/ /* margin-bottom: 0;*/ /* }*/ /*}*/ /*.pd-alt__timelapse-instant::before{*/ /* content: '';*/ /* width: 100%;*/ /* padding-top: 59%;*/ /* display: block;*/ /*}*/ /*.pd-alt__timelapse-image,*/ /*.pd-alt__timelapse-image-overlay{*/ /* display: block;*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /*}*/ /*.pd-alt__timelapse-instant::after {*/ /* --size: 6rem;*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* width: var(--size);*/ /* height: var(--size);*/ /* top: calc(50% - var(--size) / 2);*/ /* left: calc(50% - var(--size) / 2);*/ /* background-image: url(https://www.gwd.ru/upload/medialibrary/d25/d255f0dd205d2d261951d7f2d6414029.png);*/ /*}*/ /*@media (min-width: 992px) {*/ /* .pd-alt__timelapse-instant{*/ /* position: absolute;*/ /* top: var(--padding-y);*/ /* left: calc(var(--padding-x) + var(--width) + 11.2rem);*/ /* width: calc(100% - var(--padding-x) * 2 - var(--width) - 11.2rem);*/ /* }*/ /*}*/ body.project-alt-plans-open{ overflow: hidden!important; } body.project-alt-plans-open .mob_contact, body.project-alt-plans-open .scroll_up{ display: none!important; } .fancybox-alt-plans .fancybox-content{ padding: 0; } .fancybox-slt-plans .fancybox-close-small{ right: 2rem; } .alt-plans{ width: 95vw; } @media (min-width: 1280px) { .alt-plans { width: 125.8rem; } } @media(min-width: 1200px) { .alt-plans .container{ padding-left: 50px; padding-right: 50px; } } .alt-plans__scrollable{ overflow-y: auto; overflow-x: hidden; height: 80vh; } .alt-plans .img-responsive{ max-width: 100%; } @media (max-width: 991px) { .alt-plans__menu-wrapper{ padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .alt-plans__menu-wrapper{ position: relative; display: flex; align-items: center; flex-wrap: nowrap; } } .alt-plans__menu{ position: relative; background-color: var(--color-gray-light-medium); padding: 5rem 0 0; } @media (min-width: 992px) { .alt-plans__menu{ padding: 4.4rem 0 4rem; } } .alt-plans__modal-header{ background-color: var(--color-gray-light-medium); height: 16rem; } @media (min-width: 992px) { .alt-plans__modal-header{ padding: 0; height: 18rem; } } .alt-plans__modal-header-icon{ width: 5.2rem; height: 5.2rem; position: absolute; top: 0.4rem; left: 0; } @media (min-width: 992px) { .alt-plans__modal-header-icon { width: 14.5rem; height: 13.5rem; top: 0; right: 0; left: unset; } } .alt-plans__auth-button{ border: 1px solid #999; background: #f2f2f2; border-radius: 9999px; padding: 0; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 1rem; left: 1.2rem; } @media (min-width: 992px) { .alt-plans__auth-button{ border: none; width: 4rem; height: 4rem; position: static; margin-left: auto; } } .alt-plans__auth-button:focus, .alt-plans__auth-button:active{ outline: none; } .alt-plans__auth-button .icon{ width: 1.6rem; height: 1.6rem; fill: #999; } .nav-pills.alt-plans-nav{ background-color: white; } .nav-pills.alt-plans-nav .nav-link{ background-color: white; color: black; } .nav-pills.alt-plans-nav .nav-link.active{ background-color: var(--color-brand-primary); color: white; } @media(min-width: 992px) { .alt-plans__auth-button .icon{ width: 2rem; height: 2rem; } } @media (hover:hover) { .alt-plans__auth-button:hover{ background: #dcdcdc; } .alt-plans__auth-button:hover .icon{ fill: #333; } } @media (max-width: 991px) { .alt-plans__nav-wrapper{ overflow-x: scroll; width: 100%; padding-bottom: 1rem; } .nav.alt-plans-nav{ white-space: nowrap; flex-wrap: nowrap; width: fit-content; margin-left: 1.5rem; margin-right: 1.5rem; } } .alt-plans__modal-title-wrapper{ position: relative; } .alt-plans__modal-title{ color: var(--color-brand-primary); line-height: normal; margin-bottom: 1.8rem; } .alt-plans__modal-description{ font-size: 1.2rem; } @media (max-width: 991px) { .alt-plans__modal-title{ padding-left: 7.3rem; min-height: 5.2rem; font-size: 2.4rem; } } @media (min-width: 992px) { .alt-plans__modal-title { margin-bottom: 0; display: flex; flex-flow: row; justify-content: space-between; } .alt-plans__modal-description{ font-size: unset; width: 50rem; margin-top: 1.6rem; } } .alt-plans__view{ padding-top: 2rem; } @media (min-width: 992px) { .alt-plans__view{ padding-top: 2rem; } .alt-plans__view > .container{ /*padding-left: 2rem;*/ } } .alt-plans__project{ font-size: 2rem!important; font-weight: 700; display: flex; flex-flow: row wrap; align-items: center; padding-right: 0.5rem; } @media (min-width: 992px) { .alt-plans__project { margin-bottom: 3rem; } } .alt-plans__project-name{ font-size: 2rem; line-height: 4.7rem; display: flex; align-items: center; margin-bottom: 0; } .alt-plans__object-state{ display: inline-flex; height: 2.7rem; font-size: 1.6rem; font-weight: normal; padding-left: 0.8rem; padding-right: 0.8rem; margin-left: 0.8rem; margin-right: auto; align-items: center; color: var(--color-brand-primary); background-color: var(--accent-a10); border-radius: 0.6rem; } .alt-plans__object-state.--done{ background-color: var(--accent-a500); } .alt-plans__object-state svg{ width: 2rem; height: 2rem; margin-right: 0.8rem; } .alt-plans__project-code{ font-size: 1.6rem; font-weight: normal; } .alt-plans__project-code-separator{ width: 100%; height: 2px; background-color: var(--color-brand-primary); margin-bottom: 1rem; } @media (min-width: 992px) { .alt-plans__project-code-separator{ order: 1000; } } @media (max-width: 991px) { .alt-plans__code-wrapper{ display: flex; flex-flow: row; align-items: center; font-size: 1.4rem; height: 2.6rem; margin-top: 0.7rem; } } .alt-plans__project-code-button, .alt-plans__send-code{ font-size: 1.4rem; } .alt-plans__project-code-button{ position: relative; display: flex; align-items: center; width: 1.8rem; height: 1.8rem; overflow: hidden; border: 0.1rem solid var(--color-brand-primary); border-radius: 0.3rem; background-color: white; white-space: nowrap; margin-left: 0.8rem; padding: 0 0.3rem 0; transition: width 0.15s; } @media (min-width: 992px) { .alt-plans__project-code-button{ width: 2.7rem; height: 2.7rem; border-radius: 0.6rem; padding: 0 0.5rem 0; } } .alt-plans__send-code:focus, .alt-plans__send-code:active, .alt-plans__project-code-button:focus, .alt-plans__project-code-button:active{ outline: none; } @media (hover: hover) { .alt-plans__project-code-button:hover{ background-color: #f2f2f2; } } .alt-plans__project-code-button__icon{ width: 1rem; height: 1rem; fill: #333; flex-shrink: 0; margin-right: 0.4rem; } @media (min-width: 992px) { .alt-plans__project-code-button__icon { width: 1.5rem; height: 1.5rem; } } .alt-plans__project-code-copy-success{ text-align: center; opacity: 0; flex-shrink: 0; transition: opacity 0.2s; color: var(--color-brand-primary); } .alt-plans__send-code{ font-size: 1.2rem; border: 0.1rem solid var(--color-brand-primary); border-radius: 0.3rem; background-color: white; padding: 0 0.3rem 0; height: 1.8rem; margin-left: 0.8rem; } @media (min-width: 992px) { .alt-plans__send-code{ font-size: 1.4rem; border-radius: 0.6rem; padding: 0 1rem; height: 2.7rem; margin-left: 0.5rem; } } @media (max-width: 991px) { .row.alt-plans__images{ margin-left: -0.8rem; margin-right: -0.8rem; margin-top: 1.6rem; } .row.alt-plans__images > [class*=col] { padding-left: 0.8rem; padding-right: 0.8rem; } } .alt-plans__image-col{ margin-bottom: 1.6rem; padding-left: 1.5rem; padding-right: 1.5rem; flex: 1 1 50%; max-width: 50%; } @media (min-width: 992px) { .alt-plans__image-col{ margin-bottom: 3rem; flex-basis: 25%; max-width: 25%; } } @media (max-width: 991px) { .alt-plans__video-col{ width: 100%; margin-bottom: 1.2rem; } } .alt-plans__image-wrapper, .alt-plans__video-wrapper{ position: relative; display: block; } .alt-plans__image-wrapper::before, .alt-plans__video-wrapper::before{ content: ''; display: block; width: 100%; } .alt-plans__image-wrapper::before{ padding-top: 100%; } .alt-plans__video-wrapper::before{ padding-top: 55%; } .alt-plans__image-wrapper img, .alt-plans__video-wrapper img.img-responsive, .alt-plans__video-wrapper video{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (min-width: 992px) { .alt-plans__images.--videos-grid{ display: grid; padding-left: 1.5rem; padding-right: 1.5rem; grid-template-areas: 'a a b c' 'a a d e' 'f g h i'; gap: 2rem; } } .alt-plans__video-wrapper::after{ content: ''; height: 3rem; width: 3rem; position: absolute; top: calc(50% - 1.5rem); left: calc(50% - 1.5rem); background-image: url(https://www.gwd.ru/upload/medialibrary/d25/d255f0dd205d2d261951d7f2d6414029.png); background-size: cover; } .alt-plans__video-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 992px) { .alt-plans__images.--videos-grid > .alt-plans__video-col:first-child{ grid-area: a; } .alt-plans__images.--videos-grid > .alt-plans__video-col:first-child > a{ height: 100%; display: block; } .alt-plans__images.--videos-grid > .alt-plans__video-col:first-child > .alt-plans__video-wrapper::after{ height: 6rem; width: 6rem; top: calc(50% - 3rem); left: calc(50% - 3rem); } .alt-plans__video-stage{ color: white; } } .copy_tooltip{ position: absolute; z-index: 999999999999; display: none; padding: 0.2rem; text-align: center; color: black; border-radius: 0.2rem; background-color: #f2f2f2; font-size: 1.2rem; border: 1px solid black; top: 4rem !important; right: unset !important; left: -0.2rem !important; width: 16rem !important; } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/menu.css?17816135124431*/ .pd-menu{ width: 100%; background-color: rgba(255, 255, 255, 0.8) !important; transition: background-color 0.2s; } .header{ transition: background-color 0.2s; } @media (min-width: 992px){ .pd-menu__placeholder{ padding-top: 12px; } .pd-menu{ padding-bottom: 12px; } } .pd-menu.--detached{ position: fixed; top: var(--header-height); left: 0; z-index: 100; background-color: white!important; } body.--pd-menu-detached .header{ background-color: white!important; } .project-menu__content{ position: relative; display: flex; align-items: center; overflow: hidden; opacity: 1; width: 100%; } @media (max-width: 991px) { .project-menu__content{ display: none; opacity: 0; } .project-menu__content { position: fixed; top: calc(var(--header-height) + 50px); right: 1.4rem; display: flex; flex-flow: row-reverse; width: 4.5rem; height: 4.5rem; border-radius: 2.25rem; filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.06)); z-index: 1000; background-color: white; } .project-menu__content{ transition: width 0.2s, height 0.2s, opacity 0.1s; } .project-menu__content.--visible{ opacity: 1; } } .project-menu__list{ display: flex; flex-flow: row nowrap; justify-content: space-between; list-style: none; padding-left: 0; margin-bottom: 0; } @media (min-width: 1600px) { .project-menu__list.--short{ justify-content: flex-start; gap: 70px; } } .project-menu__item{ margin-bottom: 1.5rem; } @media (min-width: 992px) { .project-menu__item{ margin-bottom: 0; } } .project-menu__link{ --icon-color: var(--color-text-default); display: flex; flex-flow: row nowrap; align-items: center; width: fit-content; padding: 12px 20px; border-radius: 999px; font-size: 1.6rem; line-height: 1.5; font-weight: 400; color: var(--color-text-default); white-space: nowrap; text-decoration: none; } .project-menu__link svg{ width: 24px; height: 24px; stroke: #4A4F4B; margin-right: 8px; } .project-menu__link.--active{ background: #DBEFE1; color: #386753; } .project-menu__link.--active svg{ stroke: #386753; } @media (min-width: 992px) { .project-menu__link.--active{ font-weight: 500; color: var(--color-brand-primary); } } @media (hover: hover) { .project-menu__link:not(.--active):hover { color: var(--color-brand-primary); --icon-color: var(--color-brand-primary); background: #f9f9f9; } } @media (max-width: 991px) { .project-menu__list{ flex-flow: column nowrap; margin-left: 0; margin-right: 0; } .project-menu__item{ padding-left: 0; padding-right: 0; } .project-menu__link{ font-size: 2rem; } .project-menu__link.--active{ border-radius: 0.8rem; background-color: var(--accent-a10); } } .project-menu__toggle{ display: block; position: absolute; top: 0; right: 0; background: none; border: none; padding: 0; background: white; /*filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.06));*/ } .project-menu__toggle:focus, .project-menu__toggle:active{ outline: none; } .project-menu__toggle-icon { width: 4.5rem; height: 4.5rem; fill: #333; } .project-menu__toggle-icon > * { opacity: 1; transition: opacity 0.15s; } .project-menu__toggle-icon > *:last-child { opacity: 0; } .project-menu__content.--open .project-menu__toggle-icon > *:first-child { opacity: 0; } .project-menu__content.--open .project-menu__toggle-icon > *:last-child { opacity: 1; } @media (min-width: 992px) { .project-menu__toggle { display: none; } } @media (max-width: 991px) { .project-menu__wrapper { padding: 1.5rem; width: fit-content; min-width: 34rem; height: fit-content; flex-shrink: 0; } .project-menu__content .project-menu__list{ opacity: 0; transition: 0.2s; } .project-menu__content.--open .project-menu__list{ opacity: 1; } } @media (min-width: 992px) { .project-menu__wrapper{ width: 100%; } } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/020-about.css?17815279028069*/ .pd-about{ margin-bottom: 48px; } @media (min-width: 992px) { .pd-about{ margin-bottom: 56px; } } .pd-about-box{ background-color: #f8f8f8; border-radius: 12px; overflow: hidden; } .pd-about__stats{ padding: 16px 12px 24px; display: grid; grid-template-areas: "rooms price" "tech tech" "buttons buttons"; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; row-gap: 32px; column-gap: 24px; } @media (min-width: 992px) { .pd-about__stats{ padding: 32px 40px; grid-template-areas: "rooms price" "tech buttons"; grid-template-columns: 60% 40%; grid-template-rows: repeat(2, auto); column-gap: 0; } } .pd-about__tech{ grid-area: tech; display: flex; flex-flow: column wrap; justify-content: flex-start; align-content: space-between; } .pd-about__tech > *{ flex: 0 1 calc(50% - 10px); width: calc(50% - 10px); } .pd-about__tech-item--oils{ width: 100%; flex: 0 0 100%; } @media (min-width: 992px) { .pd-about__tech{ flex-flow: row wrap; gap: 32px; } .pd-about__tech > *{ flex: unset; width: fit-content; } } .pd-about__price{ grid-area: price; font-size: 28px; } .pd-about__rooms{ grid-area: rooms; display: flex; flex-flow: column; gap: 16px; } @media (min-width: 992px) { .pd-about__rooms{ flex-flow: row; gap: 24px; align-self: flex-start } .pd-about__room{ white-space: nowrap; } } .pd-about__buttons { grid-area: buttons; } .pd-about__buttons .btn.btn-secondary{ --button-background: #DBEFE1; --button-color: #386753; --button-hover-background: #BDD9C6; --button-hover-color: #2D5242; } .pd-about__tech-item{ font-size: 18px; font-weight: 500; line-height: 1.1; } .pd-about__tech-item-label{ font-size: 16px; color: rgba(0, 0, 0, 0.5); margin-bottom: 12px; line-height: 1; font-weight: 400; } .pd-about__tech-item-info{ position: relative; } .--mortgage .pd-about__tech-item-info{ padding-right: 24px; } .--mortgage .area-popup{ top: unset; bottom: -12px; } .pd-about__room{ display: flex; align-items: center; } .pd-about__room svg{ width: 24px; height: 24px; stroke: #767775; margin-right: 8px; } .pd-about__room--area{ font-size: 24px; font-weight: 500; position: relative; } .pd-about__price{ text-align: right; font-weight: 600; line-height: 1; } .pd-about__price .pd-about__tech-item-label{ margin-bottom: 8px; } .pd-about__buttons{ display: flex; flex-flow: column; gap: 12px; } @media (max-width: 991px) { .pd-about__buttons > *{ width: 100%; } } @media (min-width: 992px) { .pd-about__buttons { flex-flow: row; justify-content: flex-end; } } .pd-about__features{ display: flex; flex-flow: column; gap: 24px; margin-top: 24px; } .pd-about__feature{ display: flex; flex-flow: column; padding: 32px 20px; height: 589px; } @media (min-width: 992px) { .pd-about__features{ flex-flow: row nowrap; align-items: stretch; } .pd-about__features-2 > .pd-about__feature:nth-child(1), .pd-about__features-3 > .pd-about__feature:nth-child(1){ flex: 0 1 50%; } .pd-about__features-2 > .pd-about__feature:nth-child(2){ flex: 0 1 50%; } .pd-about__features-4 > .pd-about__feature:nth-child(1){ flex: 0 1 25%; } .pd-about__features-3 > .pd-about__feature:nth-child(2), .pd-about__features-4 > .pd-about__feature:nth-child(2){ flex: 0 1 25%; } .pd-about__features-3 > .pd-about__feature:nth-child(3), .pd-about__features-3 > .pd-about__feature:nth-child(4), .pd-about__features-4 > .pd-about__feature:nth-child(3), .pd-about__features-4 > .pd-about__feature:nth-child(4){ flex: 0 1 25%; } .pd-about__feature{ } } .pd-about__feature-title{ font-size: 24px; line-height: 1.2; font-weight: 600; margin-bottom: 12px; order: 2; } .pd-about__feature-text{ order: 3; line-height: 1.4; } .pd-about__feature-text > *:last-child{ margin-bottom: 0; } @media(min-width: 992px) { .pd-about__feature-text{ font-size: 14px; } } .pd-about__feature-picture{ flex-grow: 1; margin: 32px -20px -32px; order: 4; } .pd-about__feature-picture-img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } @media(min-width: 992px) { .pd-about__feature:nth-child(even) .pd-about__feature-picture { order: 1; margin-top: -32px; margin-bottom: 32px; } } .pd-about__promo .scary__appeal{ font-size: 18px; font-weight: 400; line-height: 1.2; margin-top: 12px; margin-bottom: 0; } .pd-about__promo .scary__price-old{ font-size: 32px; font-weight: 600; line-height: 1; margin-top: 12px; margin-bottom: 0; color: #191919; white-space: nowrap; } .pd-about__promo .scary__notice{ font-size: 18px; line-height: 1; font-weight: 400; color: #767775; margin-top: 16px; margin-bottom: 0; } .pd-about__promo .scary__price-future{ font-size: 32px; font-weight: 600; line-height: 1; color: #B62326; margin-top: 8px; margin-bottom: 0; white-space: nowrap; } @media(min-width: 992px) { .pd-about__promo .scary__appeal{ line-height: 1; } } /*попап "Площадь по осям"*/ .pd-about__stats{ overflow: visible; } .pd-about__room--area{ position: relative; padding-right: 25px; width: fit-content; } .area-popup{ display: inline-block; cursor: pointer; border: none; background: none; vertical-align: text-bottom; width: 40px; height: 40px; position: absolute; top: -16px; right: -9px; padding: 10px 10px 10px 10px; } @media (min-width: 992px) { .area-popup{ top: -6px; } } .area-popup__icon{ width: 16px!important; height: 16px!important; vertical-align: text-top; /*float: left;*/ color: #7A807E; opacity: 0.6; } .area-clicker{ position: absolute; width: 50px; height: 50px; left: -1.4rem; top: -1.4rem; } .area-popup__box{ display: none; opacity: 0; position: absolute; left: -12.7rem; bottom: 3.7rem; width: 30rem; padding: 1.7rem 2rem 1rem; color: #333; background: white; border: 1px solid #e1e1e1; z-index: 1001; font-size: 16px; white-space: normal; } .area-popup:after{ display: none; content: ''; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: white; width: 1rem; height: 1rem; transform: rotate(-45deg); position: absolute; top: -0.2rem; left: 1.5rem; z-index: 1002; } .area-popup__bg{ display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); top: 0; left: 0; z-index: 1000; } .area-popup__close{ width: 2.8rem; height: 2.8rem; display: block; position: absolute; top: 0; right: 0; padding: 0.3rem 1.1rem; } .area-popup__close svg{ width: 1rem; height: 1rem; fill: #c5c5c5; } .area-popup__box a{ text-decoration: underline; } @media (hover: hover) { .area-popup:hover .area-popup__box, .area-popup:hover:after { display: block; } .area-popup:hover .area-popup__box { opacity: 1; } .area-popup__box a:hover{ text-decoration: none; } } .area-popup.--open .area-popup__box, .area-popup.--open:after { display: block; } .area-popup.--open .area-popup__box { opacity: 1; } @media (max-width: 991px) { .pd-about__tech-item.--mortgage .area-popup__box{ left: unset; right: 0; } } /*ПОПАП финиш*/ /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/030-plans.css?17809939422811*/ .pd-plans{ margin-bottom: 50px; } @media (min-width: 992px) { .pd-plans{ margin-bottom: 80px; } } .pd-plans__header{ display: flex; flex-flow: column; } @media (min-width: 992px) { .pd-plans__header{ flex-flow: row nowrap; align-items: center; gap: 8px; } } .pd-plans__header h1{ font-size: 40px !important; display: flex; flex-flow: column; } .pd-plans__header h1 small{ font-size: 16px; color: #5D625E; margin-top: 8px; } @media (max-width: 991px) { .pd-plans__header{ gap: 12px; } .pd-plans__header h1{ margin-bottom: 12px; } .pd-plans__header-layer{ overflow-x: auto; overflow-y: hidden; padding-left: 14px; padding-right: 14px; margin-left: -14px; margin-right: -14px; } .pd-plans__header-layer .nav-pills{ flex-wrap: nowrap; } .pd-plans__header-layer .nav-pills .nav-link{ white-space: nowrap; } .pd-plans__header-mirror{ margin-top: 12px; } } @media (min-width: 992px) { .pd-plans__header h1{ margin-right: auto; order: 1; } .pd-plans__header-alt{ order: 6; } .pd-plans__header-template{ order: 5; } /*.pd-plans__header-layer.dropdown-select{*/ /* width: 200px;*/ /* order: 3;*/ /*}*/ .pd-plans__header-layer{ order: 4; } .pd-plans__header-version{ order: 3; } .pd-plans__header-version.dropdown-select{ width: 155px; } .pd-plans__header-mirror{ order: 2; } } @media (max-width: 991px) { .pd-plans__header-layer .dropdown-select__selection{ height: 56px; } } .pd-plans__view{ margin-top: 32px; } @media (max-width: 992px) { .pd-plans__view > * + *{ margin-top: 32px; } } @media (min-width: 1200px) { .pd-plans__view { padding-left: 130px; padding-right: 130px; } } @media (min-width: 1760px) { .pd-plans__view { padding-left: 170px; padding-right: 170px; } } .pd-plans__floor{ display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-end; text-decoration: none; color: var(--color-text-default); } @media (min-width: 992px) { .pd-plans__floor { height: 100%; } .pd-plans__floor:nth-child(odd){ padding-right: 40px; } .pd-plans__floor:nth-child(event){ padding-left: 40px; } } .pd-plans__floor-image{ width: 100%; margin-bottom: 16px; } .pd-plans__floor-label, .pd-plans__floor-dimensions{ color: #6F7671; font-size: 18px; line-height: 29.5px; } .pd-plans__floor-area{ font-size: 32px; font-weight: 700; line-height: 1; } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/035-color.css?17781431701592*/ .pd-facades__decor{ background-color: #F1F1F1; padding-top: 24px; padding-bottom: 24px; font-size: 14px; margin-bottom: 50px; } @media (min-width: 992px){ .pd-facades__decor{ padding-top: 56px; padding-bottom: 56px; margin-bottom: 80px; } } .pd-facades__decor h2{ margin-bottom: 16px; font-size: 32px; } @media (min-width: 992px) { .pd-facades__decor h2{ margin-bottom: 12px; font-size: 40px; } } .pd-facades__decor-colors{ padding-left: calc(16px + 50%); padding-right: 16px; min-height: 200px; background-repeat: no-repeat; background-size: calc(50vw - 16px) calc(50vw - 16px); background-position: top left 14px; display: flex; flex-flow: column; justify-content: center; line-height: 1.35; } .pd-facades__decor-colors h4{ font-size: 18px; font-weight: 600; line-height: normal; margin-bottom: 6px; } @media (max-width: 991px) { .pd-facades__decor-colors{ margin-top: 32px; } .pd-facades__decor-colors + .pd-facades__decor-colors{ margin-top: 24px; } } @media (min-width: 420px) { .pd-facades__decor-colors{ padding-left: 234px; padding-right: 30px; background-size: 200px 200px; background-position: center left 14px; } } @media (min-width: 992px) { .pd-facades__decor-colors h4{ font-size: 20px; } } @media (min-width: 1760px) { .pd-facades__decor{ font-size: 18px; } .pd-facades__decor-colors h4{ font-size: 24px; } } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/040-facades.css?17818566071662*/ .pd-facades{ margin-bottom: 50px; } @media (min-width: 992px) { .pd-facades{ margin-bottom: 96px; } } .pd-facades__header{ display: flex; flex-flow: column; gap: 24px; } @media (min-width: 992px) { .pd-facades__header{ flex-flow: row nowrap; gap: unset; } .pd-facades__header .btn{ margin-left: auto; } } .pd-facades .nav-pills__wrapper{ margin-top: 16px; margin-bottom: 32px; } .pd-facades .nav.nav-pills{ background-color: #F1F1F1; } @media (max-width: 991px) { .pd-facades .nav-pills__wrapper{ overflow: scroll; margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; border-radius: 0; } .pd-facades .nav.nav-pills{ width: fit-content; flex-wrap: nowrap; } .pd-facades .nav.nav-pills .nav-items{ flex-shrink: 0; } .pd-facades .nav.nav-pills .nav-link{ white-space: nowrap; } } @media(min-width: 1760px) { .pd-facades .nav-pills__wrapper{ margin-bottom: 48px; } } .pd-facades .nav.nav-pills .nav-link{ color: rgba(26, 28, 27, 0.5); font-weight: 500; padding: 8px 16px; line-height: normal; } .pd-facades .nav.nav-pills .nav-link.active{ background-color: white; color: black; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10); } .pd-facades__facade-placeholder{ width: 100%; } @media (max-width: 991px) { .pd-facades__facade-placeholder .row > * + *{ margin-top: 32px; } } .pd-facades__facade-view{ display: block; } .pd-facades__facade-view-img{ width: 100%; } @media (min-width: 992px) { .pd-facades__incisions-col{ display: flex; flex-flow: column; justify-content: flex-end; } } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/070-video.css?17818566071966*/ .pd-videos{ margin-top: 50px; } @media (min-width: 992px) { .pd-videos{ margin-top: 64px; } } .pd-videos h2{ margin-bottom: 32px; } @media (max-width: 991px) { .pd-videos .row > * + *{ margin-top: 16px; } } .pd-videos__item{ width: 100%; min-height: 200px; position: relative; background-color: #f1f1f1; padding: 8px 16px 20px; display: flex; flex-flow: column; } .pd-videos__item-preview{ --bg-image: url(/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/.); --bg-overlay: none; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--bg-image); background-position: center, center; background-repeat: no-repeat; background-size: auto, cover; display: block; overflow: hidden; width: calc(100% + 16px); padding-top: 60%; position: relative; margin-bottom: 16px; margin-left: -8px; margin-right: -8px; cursor: pointer; } .pd-videos__item, .pd-videos__item-preview{ border-radius: 12px; } @media(min-width: 992px) { .pd-videos__item{ padding: 20px 28px 20px calc(55% + 20px); font-size: 14px; } .pd-videos__item-preview{ position: absolute; width: 55%; height: 100%; top: 0; left: 0; padding: 0; margin: 0; } } @media (min-width: 1760px) { .pd-videos__item{ font-size: 18px; } } .pd-videos__item-preview svg{ width: 72px; height: 72px; stroke: white; position: absolute; top: calc(50% - 36px); left: calc(50% - 36px); } @media (hover: hover) { .pd-videos__item-preview:hover svg{ opacity: 0.6; } } .pd-videos__item h3{ font-weight: 600; line-height: normal; margin-bottom: 8px; font-size: 20px; } @media (min-width: 1760px) { .pd-videos__item h3{ font-size: 24px; } } .pd-videos__item > *:last-child{ color: #858686; } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/080-complectation.css?17818579143015*/ .pd-cmp{ margin-top: 50px; } @media (min-width: 992px) { .pd-cmp{ margin-top: 64px; } } .pd-cmp h2{ font-size: 32px; margin-bottom: 24px; } @media (min-width: 992px) { .pd-cmp h2{ font-size: 40px; } } .pd-cmp__item + .pd-cmp__item{ margin-top: 8px; } .pd-cmp__item{ background-color: #F0F5F1; border-radius: 12px; } .pd-cmp__item.--last{ margin-bottom: 40px; } @media (max-width: 991px){ .pd-cmp__item{ font-size: 18px; } } @media (min-width: 992px) { .pd-cmp__item.--last{ margin-bottom: auto; } } .pd-cmp__item-header{ padding: 16px 24px; text-decoration: none; color: #252726; display: flex; justify-content: space-between; align-items: center; font-weight: 600; } .pd-cmp__item-header svg{ background-color: #BFD9CC; width: 32px; height: 32px; padding: 9px; border-radius: 999px; fill: #386753; transform: rotate(-90deg); } .pd-cmp__item-header.collapsed svg{ transform: rotate(-90deg) scaleX(-1); } .pd-cmp__item-body{ padding: 8px 24px 16px; display: block; color: #252726; } .pd-cmp__item-body-list{ padding: 0; line-height: normal; list-style-position: inside; } .pd-cmp__item-body-list li + li{ margin-top: 8px; } .pd-cmp__price{ font-size: 18px; line-height: 1.2; font-weight: 400; color: #5D625E; } .pd-cmd__price-value{ font-size: 32px; font-weight: 600; line-height: 1.2; color: #111212; margin-left: auto; white-space: nowrap; } @media (max-width: 991px) { .pd-cmp__price{ display: flex; flex-flow: row; align-items: center; justify-content: space-between; margin-bottom: 40px; } } @media (min-width: 992px) { .pd-cmp__price{ font-size: 24px; margin-top: 34px; } .pd-cmd__price-value{ margin-left: 12px; } } .pd-cmp__not-included-about{ font-weight: 500; } .pd-cmp__not-included-header{ margin-top: 32px; font-size: 24px; margin-bottom: 20px; } .pd-cmp__not-included-item{ background-color: #f8f8f8; } .pd-cmp__not-included-item svg{ background-color: #E2E3E0; stroke: #727272; } .pd-cmp__get-presentation{ align-self: flex-end; } @media (max-width: 991px) { .pd-cmp__not-included-about{ font-size: 18px; } .pd-cmp__get-presentation{ margin-top: 32px; width: 100%; } } @media (min-width: 992px) { .pd-cmp__get-presentation { width: fit-content; margin-top: 32px; } } .pd-cmp__nav-wrapper{ margin-bottom: 20px; } @media (max-width: 991px) { .pd-cmp__nav-wrapper { margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; overflow-x: scroll; overflow-y: hidden; } .pd-cmp .nav-pills{ flex-wrap: nowrap; } .pd-cmp .nav-pills .nav-link{ white-space: nowrap; } } /* End */ /* Start:/local/css/elements/v2024/btn.white.css?1776685396341*/ .btn.btn-white{ --button-color: var(--color-brand-primary); --button-background: white; --button-hover-background: var(--bs-primary-bg-subtle, #E7FFF1); } .btn.btn-white.active{ --button-background: var(--color-brand-primary); --button-color: white; --button-hover-background: var(--bs-primary-bg-subtle, #E7FFF1); } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/090-services.css?17818566074109*/ .pd-services{ margin-top: 50px; } @media (min-width: 992px) { .pd-services{ margin-top: 64px; } } @media (max-width: 991px) { .pd-services .row{ margin-left: -6px; margin-right: -6px; } .pd-services .row > [class*=col] { padding-left: 6px; padding-right: 6px; } } .pd-services__goodplan, .pd-services__basic{ width: 100%; color: white; border-radius: 12px; } .pd-services__goodplan{ height: 420px; } .pd-services__basic{ height: 365px; } @media (min-width: 992px) { .pd-services__goodplan, .pd-services__basic{ height: 430px; } .col-pd-goodplan{ width: 43%; flex-basis: 43%; } .col-pd-service-basic{ width: 19%; flex-basis: 19%; } } @media (min-width: 1760px) { .pd-services__goodplan, .pd-services__basic{ height: 504px; } } .pd-services__goodplan{ background-image: url(https://www.gwd.ru/upload/medialibrary/1af/1af40d872a2e14fe17d3658f62dfb8ff.png); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 32px 24px 24px; display: flex; flex-flow: column; align-items: flex-start; font-size: 16px; margin-bottom: 12px; } @media (min-width: 992px) { .pd-services__goodplan{ background-image: url(https://www.gwd.ru/upload/medialibrary/072/07250310534004de6baecc2dd1057622.png); padding: 32px; font-size: 18px; margin-bottom: 0; } } .pd-services__basic{ --bg-image: url(/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/.); background-color: #386753; background-image: var(--bg-image), radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 42%); background-position: bottom center, 0 118px; background-repeat: no-repeat; background-size: contain, auto; height: 368px; padding: 24px 10px; margin-bottom: 12px; display: block; text-decoration: none; } @media(hover: hover) { .pd-services__basic:hover{ background-color: #51816B; } } @media (min-width: 386px) and (max-width: 439px) { .pd-services__basic{ background-size: 100% auto, auto; background-position: bottom -30px center, 0 118px; } } @media (min-width: 440px) and (max-width: 991px) { .pd-services__basic{ background-size: 100% auto, auto; background-position: bottom -60px center, 0 118px; } } @media(min-width: 992px) { .pd-services__basic{ padding: 32px 24px; height: 100%; background-position: bottom center, -35px 75px; margin-bottom: 0; } .pd-services__basic:hover .btn{ --button-background: var(--button-hover-background); } } .pd-services__goodplan-hint{ font-size: 16px; font-weight: 600; opacity: 0.6; line-height: 1.3; margin-bottom: 12px; } .pd-services__goodplan-title{ font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 20px; } .pd-services__goodplan-text { width: 70%; font-weight: 400; line-height: normal; } @media (min-width: 992px) { .pd-services__goodplan-text { width: 50%; } } .pd-services__goodplan-apply{ margin-top: auto; } @media (max-width: 991px) { .pd-services__goodplan-apply{ width: 100%; } } .pd-services__link{ margin-bottom: 20px; } @media (max-width: 991px) { .pd-services__link{ width: 44px; height: 44px; } } @media (min-width: 992px) { .pd-services__link{ margin-bottom: 24px; } } .pd-services__title{ font-size: 20px; font-weight: 600; line-height: 1.2; margin-bottom: 12px; } @media (min-width: 992px) { .pd-services__title{ font-size: 24px; } } @media (min-width: 1760px) { .pd-services__title{ font-size: 32px; } } .pd-services__text{ font-size: 12px; font-weight: 500; line-height: 1.4; opacity: 0.7; } @media (min-width: 992px) { .pd-services__text{ font-size: 14px; } } .pd-services__calc{ background-color: #51816B; } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/100-similar.css?17766870226354*/ .pd-similar{ margin-top: 50px; } @media (min-width: 992px) { .pd-similar{ margin-top: 64px; } } .pd-similar__header{ font-size: 24px; margin-bottom: 16px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; } .pd-similar__header a{ font-size: 18px; text-decoration: none; display: flex; align-items: center; gap: 5px; } .pd-similar__header a svg{ width: 24px; height: 24px; } .pp-description{ opacity: 0.7; font-size: 14px; } @media (min-width: 992px) { .pp-description{ height: 100%; display: flex; align-items: flex-end; } } .pp-projects{ margin-top: 24px; } @media (min-width: 992px) { .pp-projects{ margin-top: 32px; } } .pp-project{ display: block; position: relative; width: 100%; margin-bottom: 16px; text-decoration: none; color: black; } @media (hover: hover) { .pp-project:hover { color: black; text-decoration: none; } } @media (min-width: 768px) { .pp-project{ margin-bottom: 20px; } } .pp-project__image-wrapper{ position: relative; width: 100%; display: block; border-radius: 12px; overflow: hidden; } .pp-project__image-wrapper::before{ content: ''; padding-top: 60%; display: block; } .pp-project__image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } .pp-project__stats{ /*background-color: #f1f1f1;*/ display: flex; flex-flow: row wrap; align-items: center; padding: 12px 12px 12px 0 ; } .pp-project__name{ font-size: 20px; margin-bottom: 8px; width: 100%; flex-basis: 100%; font-weight: 600; line-height: 1.2; } .pp-project__stat-icon{ width: 20px; height: 20px; flex: 0 0 20px; margin-left: 12px; } .pp-project__stat-value{ font-size: 12px; line-height: 1.2; margin-left: 5px; white-space: nowrap; } .pp-project__price{ font-size: 18px; line-height: 1.2; font-weight: 600; margin-left: auto; white-space: nowrap; } @media (min-width: 768px) { .pp-project__name{ width: 100%; font-size: 18px; } .pp-project__price{ font-size: 14px; } } @media (min-width: 992px) { .pp-project__stats{ flex-flow: row nowrap; } .pp-project__name{ width: auto; margin-bottom: 0; } .pp-project__price{ margin-left: 16px; font-size: 18px; } } .pp-project__badges{ display: flex; flex-flow: row nowrap; gap: 8px; position: absolute; top: 12px; left: 0; width: 100%; padding: 0 16px; } .pp-project__badge{ --bg-color: rgba(0, 0, 0, 0.40);; --text-color: white; border-radius: 999px; font-size: 12px; display: flex; flex-flow: row nowrap; align-items: center; gap: 4px; padding: 6px 12px; background: var(--bg-color); backdrop-filter: blur(6px); color: var(--text-color); fill: var(--text-color); stroke: var(--text-color); border: none; } .pp-project__badge{ flex-shrink: 0; flex-grow: 0; } .pp-project__badge:focus{ outline: none; } .pp-project__badge-rounded{ padding: 6px; } .pp-project__badge-icon{ width: 16px; height: 16px; } .pp-project__badge.--red{ --bg-color: #FFDAD6; --text-color: #B62326; } .pp-project__badge.--new{ --bg-color: #D2D8FB; --text-color: #2A2D8E; } .pp-project__badge.--arh{ --bg-color: #FFE0B9; --text-color: #AE5507; } .pp-project__badge.--author{ --bg-color: #B9EAFF;; --text-color: #0741AE; } .pp-project__badge-icon-info{ width: 16px; height: 16px; color: #1A1C1B; cursor: pointer; transition: color 0.2s ease; } .pp-tooltip-container { position: relative; display: inline-block; margin-left: 4px; } .pp-project__badge-icon-info:hover { color: #1A1C1B; } .pp-tooltip-content { position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 280px; padding: 16px 20px; border-radius: 12px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.3s ease; pointer-events: none; } .pp-tooltip-title { color: #1A1C1B; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; margin-bottom: 12px; } .pp-tooltip-text { color: #1A1C1B; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; } .pp-tooltip-container:hover .pp-tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .pp-project__badge.--arh, .pp-project__badge.--author { cursor: pointer; position: relative; user-select: none; } .pp-project__badge.--tooltip-active { z-index: 10000; } .pp-project__badge { position: relative; } @media (min-width: 768px) { .pp-project__badge.--arh:hover .tooltip-content, .pp-project__badge.--author:hover .tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; } .pp-project__badge.--arh, .pp-project__badge.--author { cursor: default; } .pp-project__badge.--arh, .pp-project__badge.--author { cursor: default; } } @media (max-width: 767px) { .tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; } .pp-project__badge.--arh, .pp-project__badge.--author { cursor: pointer; } .pp-project__badge-icon-info { opacity: 0.8; } .pp-project__badge.--tooltip-active .pp-project__badge-icon-info { opacity: 1; } .pp-project__badge.--arh:active, .pp-project__badge.--author:active { transform: scale(0.98); transition: transform 0.1s ease; } .pp-project__badge.--arh:hover, .pp-project__badge.--author:hover { background-color: var(--bg-color); } } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/mystyle.css?1776687022153*/ .header{ background-color: rgba(255, 255, 255, 0.8) !important; } #main{ padding-top: 0!important; } .breadcrumbs{ display: none!important; } /* End */ /* Start:/local/components/vue/form/checkboxes/checkbox-4/style.css?1780903740860*/ .checkbox-4{ position: relative; cursor: pointer; display: flex; align-items: center; gap: 4px; font-size: 14px; margin: 0; } .checkbox-4 input{ display: none; } .checkbox-4__box{ width: 20px; height: 20px; } .checkbox-4__box.--hover{ display: none; } .checkbox-4__box.--checked{ display: none; } .checkbox-4 input:checked ~ .checkbox-4__box{ display: none; } .checkbox-4 input:checked ~ .checkbox-4__box.--checked{ display: inline; } .checkbox-4.--disabled{ opacity: 0.5; } @media (hover: hover) { .checkbox-4:not(.--disabled):hover .checkbox-4__box:not(.--hover) { display: none !important; } .checkbox-4:not(.--disabled):hover .checkbox-4__box.--hover { display: inline; } } .checkbox-4.right-sided .checkbox-4__box{ order: 9999; margin-left: auto; } /* End */ /* Start:/local/components/vue/form/dropdown-select/style.css?17766870222721*/ .dropdown-select{ --bg-current-selection: var(--black-a0); --bg-hovered: var(--black-a10); --text-color: var(--black-a1000); position: relative; width: 36rem; } .dropdown-select__selection{ display: flex; flex-flow: row nowrap; align-items: center; height: 48px; width: 100%; padding-left: 20px; padding-right: 20px; background-color: var(--bg-current-selection); border-radius: 999px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-color); fill: var(--text-color); text-decoration: none; transition: background-color 0.1s; cursor: pointer; } .dropdown-select__selection.--open{ background-color: var(--bg-hovered); } .dropdown-select__icon{ width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; } .dropdown-select__chevron{ margin-left: auto; width: 1.4rem; height: 1.4rem; transform: scaleY(1); transition: transform 0.1s; } .dropdown-select__selection.--open .dropdown-select__chevron{ transform: scaleY(-1); } .dropdown-select__list-collapse{ position: absolute; top: 6rem; left: 0; width: 100%; height: 0; max-height: 80rem; overflow-y: hidden; border-radius: 24px; background: white; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10); transition: height 0.2s; z-index: 100; } .dropdown-select__list-collapse::-webkit-scrollbar{ width: 0.4rem; } .dropdown-select__list-collapse::-webkit-scrollbar-button{ display: none; } .dropdown-select__list-collapse::-webkit-scrollbar-track{ background-color: var(--black-a10); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .dropdown-select__list-collapse::-webkit-scrollbar-thumb{ background-color: var(--black-a100); border-radius: 0.2rem; } .dropdown-select__list{ padding: 0.8rem; } .dropdown-select__option{ padding: 1.6rem; line-height: 2.4rem; background-color: white; border-radius: 0.4rem; color: var(--text-color); text-decoration: none; display: block; cursor: pointer; transition: background-color 0.1s; } .dropdown-select__option:first-child{ border-radius: 18px 18px 4px 4px; } .dropdown-select__option:last-child{ border-radius: 4px 4px 18px 18px; } .dropdown-select__selection:focus, .dropdown-select__selection:hover, .dropdown-select__selection:active, .dropdown-select__option:focus, .dropdown-select__option:hover, .dropdown-select__option:active{ color: var(--text-color); } @media (hover: hover) { .dropdown-select__selection:hover, .dropdown-select__option:hover{ background-color: var(--bg-hovered); } } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/095-site-placement.css?178109783511212*/ /* Баннер «Посадка дома» — Figma GWD_2026 (7230:33505 desktop, 7230:33586 mobile). */ .pd-site-placement-container{ --spm-gutter-x: 24px; --spm-container-max: 100%; box-sizing: border-box; width: 100%; margin-top: 32px; margin-right: auto; margin-left: auto; } .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ padding-right: calc(var(--spm-gutter-x) * 0.5); padding-left: calc(var(--spm-gutter-x) * 0.5); } .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ max-width: var(--spm-container-max); } @media (min-width: 576px){ .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 540px; } } @media (min-width: 768px){ .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 720px; } } @media (min-width: 992px){ .pd-site-placement-container{ margin-top: 48px; } .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 960px; } } @media (min-width: 1200px){ .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 1140px; } } @media (min-width: 1400px){ .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 1320px; } } @media (min-width: 1780px){ .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 1700px; } } .container > .pd-site-placement-container:not(.pd-site-placement-container--bootstrap), .container-fluid > .container > .pd-site-placement-container:not(.pd-site-placement-container--bootstrap), .project-detail.container > .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ position: relative; left: 50%; transform: translateX(-50%); width: min(var(--spm-container-max), calc(100vw - var(--spm-gutter-x))); max-width: none; margin-right: 0; margin-left: 0; } .container.pd-site-placement-banner{ margin-top: 32px; padding-right: 0; padding-left: 0; } @media (min-width: 992px){ .container.pd-site-placement-banner{ margin-top: 48px; } .container.pd-site-placement-banner .pd-site-placement--desktop .pd-site-placement__inner{ max-width: none; } .container.pd-site-placement-banner .pd-site-placement__content{ flex: 1 1 auto; max-width: none; min-width: 0; } } .pd-site-placement, .pd-site-placement *{ box-sizing: border-box; } .pd-site-placement{ --sp-bg: #75aa92; --sp-cta-bg: #edf7f3; --sp-cta-color: #386753; --sp-badge-bg: #e7fff1; --sp-badge-color: #00513a; position: relative; overflow: hidden; width: 100%; max-width: 100%; background: var(--sp-bg); border-radius: 12px; margin-top: 0; margin-bottom: 32px; } .pd-site-placement--desktop{ display: none; } .pd-site-placement--mobile{ display: block; margin-bottom: 24px; padding: 24px 14px; border: 1px solid rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } @media (min-width: 992px){ .pd-site-placement--desktop{ display: block; } .pd-site-placement--mobile{ display: none; border: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .pd-site-placement{ margin-bottom: 32px; } } .pd-site-placement__decor{ position: absolute; top: 9.06%; right: 11.88%; bottom: -30.04%; left: 61.82%; pointer-events: none; } .pd-site-placement__decor-svg{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; } .pd-site-placement__decor--mobile{ top: calc(0.31% - 0.99px); right: calc(-32.55% - 1.65px); bottom: calc(20.2% - 0.6px); left: calc(60.31% + 0.21px); } .pd-site-placement__badge{ display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; width: 129px; height: 28px; margin: 0; padding: 6px 12px; border-radius: 16px; background: var(--sp-badge-bg); color: var(--sp-badge-color); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .pd-site-placement__badge--mobile{ align-self: flex-start; justify-content: flex-start; width: auto; min-width: 0; height: 24px; margin: 0; padding: 4px 8px; border-radius: 16px; background: transparent; color: #ffffff; backdrop-filter: none; -webkit-backdrop-filter: none; } .pd-site-placement__badge--mobile .pd-site-placement__badge-text{ flex: 0 0 84px; width: 84px; text-align: left; } .pd-site-placement__badge-icon{ flex: 0 0 16px; width: 16px; height: 16px; color: #00513a; } .pd-site-placement__badge--mobile .pd-site-placement__badge-icon{ color: #ffffff; } .pd-site-placement__badge-svg{ display: block; width: 16px; height: 16px; } .pd-site-placement__badge-text{ flex: 0 0 84px; width: 84px; font-family: Montserrat, Manrope, Roboto, sans-serif; font-weight: 500; font-size: 12px; line-height: 16px; text-align: right; white-space: nowrap; } .pd-site-placement__content{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; max-width: 724px; min-width: 0; } .pd-site-placement__inner{ position: relative; z-index: 1; } @media (min-width: 992px){ .pd-site-placement--desktop .pd-site-placement__inner{ display: flex; flex-direction: column; align-items: stretch; gap: 16px; width: 100%; max-width: 1434px; margin-right: auto; margin-left: auto; padding: 24px 32px; } .pd-site-placement--desktop .pd-site-placement__action-row{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 32px; width: 100%; } .pd-site-placement--desktop .pd-site-placement__content{ flex: 1 1 auto; min-width: 0; max-width: none; gap: 0; } .project-detail .pd-site-placement-container .pd-site-placement--desktop h2.pd-site-placement__title, .pd-site-placement-container .pd-site-placement--desktop h2.pd-site-placement__title, .pd-site-placement-banner .pd-site-placement--desktop h2.pd-site-placement__title{ display: flex; flex-direction: column; justify-content: center; min-height: 96px; margin: 0 !important; padding: 0 !important; font-family: Manrope, Montserrat, Roboto, sans-serif !important; font-weight: 600 !important; font-size: 32px !important; line-height: 1.2 !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: #ffffff !important; } .pd-site-placement--desktop .pd-site-placement__title-line{ display: block; line-height: 1.2; } .pd-site-placement--desktop .pd-site-placement__cta{ flex: 0 0 310px; width: 310px; max-width: 100%; } } @media (min-width: 1400px){ .pd-site-placement--desktop .pd-site-placement__inner{ padding: 32px; } } .pd-site-placement__cta, .pd-site-placement__cta--mobile{ display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 16px 24px !important; border: none !important; border-radius: 100px !important; background: var(--sp-cta-bg) !important; color: var(--sp-cta-color) !important; font-family: Manrope, Montserrat, Roboto, sans-serif !important; font-weight: 500 !important; font-size: 18px !important; line-height: 24px !important; font-feature-settings: "lnum" 1, "tnum" 1; text-decoration: none !important; white-space: nowrap; transition: background-color .2s ease, color .2s ease; } .pd-site-placement__cta:hover, .pd-site-placement__cta--mobile:hover{ background: #e4f2ed !important; color: #2f5a48 !important; } /* --- Mobile (Figma 7230:33586, frame 408×234, inset x=16) --- */ @media (max-width: 991.98px){ .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ --spm-container-max: 100%; --spm-gutter-x: 32px; padding-right: calc(var(--spm-gutter-x) * 0.5); padding-left: calc(var(--spm-gutter-x) * 0.5); max-width: 100%; } .container > .pd-site-placement-container:not(.pd-site-placement-container--bootstrap), .container-fluid > .container > .pd-site-placement-container:not(.pd-site-placement-container--bootstrap), .project-detail.container > .pd-site-placement-container:not(.pd-site-placement-container--bootstrap){ left: auto; transform: none; width: 100%; } .pd-site-placement--mobile .pd-site-placement__decor{ z-index: 0; } .pd-site-placement__inner--mobile{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: stretch; gap: 22px; width: 100%; padding: 0; } .pd-site-placement__mobile-body{ display: flex; flex-direction: column; align-items: stretch; gap: 42px; width: 100%; } .pd-site-placement__mobile-title-wrap{ width: 100%; max-width: 354px; } .project-detail .pd-site-placement-container .pd-site-placement--mobile h2.pd-site-placement__title--mobile, .pd-site-placement-container .pd-site-placement--mobile h2.pd-site-placement__title--mobile, .pd-site-placement-banner .pd-site-placement--mobile h2.pd-site-placement__title--mobile{ display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; font-family: Manrope, Montserrat, Roboto, sans-serif !important; font-weight: 500 !important; font-size: 16px !important; line-height: 0 !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: #ffffff !important; white-space: normal !important; } .pd-site-placement--mobile .pd-site-placement__title-line{ display: block; margin: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 1.3 !important; } .pd-site-placement__cta--mobile{ align-self: stretch; box-sizing: border-box; width: 100%; max-width: none; height: 56px; min-height: 0; padding-top: 16px !important; padding-bottom: 16px !important; font-weight: 600 !important; white-space: nowrap; text-align: center; } } /* End */ /* Start:/local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/096-site-placement-modal.css?178109783520167*/ /* Модалка «Посадка дома» — desktop + общие .spm */ /* Fancybox — как .fancybox-alt-plans (только padding и фон) */ .fancybox-spm .fancybox-bg, .fancybox-spm.fancybox-is-open .fancybox-bg{ background: rgba(8, 12, 11, 0.62); opacity: 1; } .fancybox-spm .fancybox-slide--html{ padding: 12px 16px; box-sizing: border-box; } .fancybox-spm .fancybox-content{ padding: 0; background: transparent; overflow: visible; vertical-align: middle; opacity: 1 !important; visibility: visible !important; } .fancybox-spm .fancybox-content.fancybox-is-hidden{ opacity: 1 !important; visibility: visible !important; } .fancybox-spm .fancybox-button--close, .fancybox-spm .fancybox-close-small{ display: none; } .spm-fancybox-source{ display: none; } .spm-fancybox{ display: inline-block; vertical-align: middle; } /* 1440 / 1920 */ .pd-site-modal--1440{ display: block; } .pd-site-modal--1920{ display: none; } @media (min-width: 1920px){ .pd-site-modal--1440{ display: none; } .pd-site-modal--1920{ display: block; } } /* * Масштаб: --spm-s задаёт JS (см. 096-site-placement-modal.js). * Viewport = артборд × scale; .spm масштабируется от (0,0) — абсолютная вёрстка внутри не ломается. */ .spm-desktop-viewport, .spm-mobile-viewport{ --spm-s: 1; position: relative; box-sizing: border-box; margin: 0 auto; overflow: hidden; } .spm-desktop-viewport--1440{ width: calc(1706px * var(--spm-s)); height: calc(1006px * var(--spm-s)); } .spm-desktop-viewport--1920{ width: calc(1706px * var(--spm-s)); height: calc(1006px * var(--spm-s)); } .spm-desktop-viewport > .spm, .spm-mobile-viewport > .spm{ position: absolute; left: 0; top: 0; transform: scale(var(--spm-s)); transform-origin: 0 0; } .spm-desktop-viewport--1440 > .spm--1440{ width: 1706px; height: 1006px; } .spm-desktop-viewport--1920 > .spm--1920{ width: 1706px; height: 1006px; } .spm-mobile-viewport > .spm--mobile{ width: 440px; height: 836px; } /* --- Modal shell (glassmorphism) --- */ .spm{ position: relative; isolation: isolate; box-sizing: border-box; background: linear-gradient( 152deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 24%, rgba(48, 56, 54, 0.78) 52%, rgba(28, 36, 34, 0.88) 100% ), rgba(40, 48, 46, 0.82); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; overflow: hidden; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.32), 0 8px 16px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 0 -1px 0 rgba(0, 0, 0, 0.12); backdrop-filter: blur(40px) saturate(1.45); -webkit-backdrop-filter: blur(40px) saturate(1.45); font-family: Manrope, Montserrat, Roboto, sans-serif; color: #fff; } .spm::before{ content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; background: linear-gradient( 165deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 32%, transparent 55% ); } .spm::after{ content: ''; position: absolute; inset: 1px; border-radius: calc(22px - 1px); pointer-events: none; z-index: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ .spm{ background: rgba(48, 56, 54, 0.94); } .spm__map-wrap, .spm__side{ background: rgba(120, 128, 124, 0.88); } .fancybox-spm .fancybox-bg{ background: rgba(12, 18, 16, 0.72); } } /* Glass panels: map block + right sidebar */ .spm__map-wrap, .spm__side{ position: relative; isolation: isolate; box-sizing: border-box; padding: 22px; border-radius: 20.827px; overflow: hidden; background: linear-gradient( 148deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 26%, rgba(100, 110, 105, 0.62) 58%, rgba(72, 80, 76, 0.78) 100% ), rgba(95, 104, 99, 0.7); border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1); backdrop-filter: blur(28px) saturate(1.4); -webkit-backdrop-filter: blur(28px) saturate(1.4); } .spm__map-wrap::before, .spm__side::before{ content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; background: linear-gradient( 165deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 38%, transparent 58% ); } .spm__map-wrap::after, .spm__side::after{ content: ''; position: absolute; inset: 1px; border-radius: calc(20.827px - 1px); pointer-events: none; z-index: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); } .spm__map-wrap > .spm__map, .spm__map-wrap > .spm__map-controls, .spm__side > *{ position: relative; z-index: 1; } .spm__close{ position: absolute; z-index: 5; width: 32px; height: 32px; padding: 0; border: none; background: transparent; cursor: pointer; } .spm--1920 .spm__close, .spm--1440 .spm__close{ right: 43px; top: 43px; } .spm__close-bg, .spm__close-icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; } .spm__close-bg{ width: 32px; height: 32px; } .spm__close-icon{ width: 14px; height: 14px; } .spm__head{ position: absolute; left: 50%; top: 63px; transform: translateX(-50%); width: 1077px; display: flex; flex-direction: column; align-items: center; gap: 32px; } .spm__title{ margin: 0; width: 100%; font-weight: 600; font-size: 40px; line-height: 1.2; text-align: center; color: #fff; } .spm__input-row{ width: 604px; display: flex; align-items: flex-end; gap: 8px; } .spm__input{ position: relative; flex: 1 1 auto; width: 540px; height: 56px; margin: 0; } .spm__input-field{ box-sizing: border-box; width: 100%; height: 100%; padding: 18px 16px; border: none; border-radius: 8px; background: #f1f1f1; font-family: inherit; font-weight: 500; font-size: 16px; line-height: 1.1; color: #303836; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; } .spm__input-field:focus{ outline: 2px solid #75aa92; } .spm__submit{ flex-shrink: 0; width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; text-decoration: none; border: none; padding: 0; cursor: pointer; } .spm__submit:disabled{ opacity: 0.55; cursor: wait; } .spm__mirror-hint--top{ position: absolute; z-index: 4; margin: 0; padding: 12px; box-sizing: border-box; background: rgba(239, 247, 241, 0.89); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.08); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); font-weight: 500; font-size: 14px; line-height: 1.1; color: rgba(94, 102, 100, 0.82); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } .spm__mirror-hint--top.spm__mirror-hint--visible{ opacity: 1; visibility: visible; animation: spm-drop-hint-float 2.2s ease-in-out infinite; } .spm--1920 .spm__mirror-hint--top, .spm--1440 .spm__mirror-hint--top{ left: 1377px; top: 301px; width: 238px; border-radius: 6px 6px 0 6px; } .spm__body{ position: absolute; display: flex; gap: 22px; } .spm--1920 .spm__body, .spm--1440 .spm__body{ left: 24px; top: 302px; } .spm--1920 .spm__map-wrap, .spm--1440 .spm__map-wrap{ width: 1215px; height: 653px; } .spm__map{ position: relative; width: 100%; height: 100%; border-radius: 20.827px; background: #d4f1bc; overflow: hidden; } .spm__map-controls{ position: absolute; display: flex; align-items: center; gap: 25px; pointer-events: none; } .spm--1920 .spm__map-controls, .spm--1440 .spm__map-controls{ right: 22px; bottom: 22px; } .spm__ctrl{ width: 48px; height: 48px; padding: 14px; box-sizing: border-box; border: none; border-radius: 100px; background: #fff; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.08); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; pointer-events: auto; } .spm__ctrl img, .spm__ctrl svg{ width: 24px; height: 24px; display: block; } .spm__ctrl-dpad{ position: relative; flex-shrink: 0; width: 120px; height: 120px; } .spm__ctrl-dpad-col{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: flex; flex-direction: column; gap: 24px; } .spm__ctrl-dpad-row{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: row; gap: 24px; } .spm__ctrl--up img, .spm__ctrl--up svg{ transform: rotate(-90deg); } .spm__ctrl--left img, .spm__ctrl--left svg{ transform: rotate(180deg); } .spm__ctrl--right img, .spm__ctrl--right svg{ transform: none; } .spm__ctrl--down img, .spm__ctrl--down svg{ transform: rotate(90deg); } .spm__side{ width: 421px; height: 653px; } .spm__dropzone{ position: relative; width: 377px; height: 447px; margin: 0 auto; background: #fff; border: 2px dashed #b5e5cf; border-radius: 11.04px; overflow: hidden; } .spm__drop-hint{ position: absolute; left: 106px; top: 124px; z-index: 3; margin: 0; padding: 12px; box-sizing: border-box; background: rgba(239, 247, 241, 0.89); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.08); backdrop-filter: blur(2px); border-radius: 6px 6px 6px 0; font-weight: 500; font-size: 14px; line-height: 1.1; color: rgba(94, 102, 100, 0.82); white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } .spm__drop-hint--visible{ opacity: 1; visibility: visible; animation: spm-drop-hint-float 2.2s ease-in-out infinite; } @keyframes spm-drop-hint-float{ 0%, 100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } } @media (prefers-reduced-motion: reduce){ .spm__drop-hint--visible, .spm__rotate-hint--visible, .spm__mirror-hint--visible{ animation: none; } } .spm__rotate-hint{ position: absolute; left: 0; bottom: 40px; z-index: 6; margin: 0; padding: 12px; box-sizing: border-box; max-width: 200px; background: rgba(239, 247, 241, 0.89); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.08); backdrop-filter: blur(2px); border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 1.2; color: rgba(94, 102, 100, 0.82); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 0); transition: opacity 0.25s ease, visibility 0.25s ease; } .spm__rotate-hint--visible{ opacity: 1; visibility: visible; animation: spm-drop-hint-float 2.2s ease-in-out infinite; } .spm__house-wrap{ position: absolute; left: 50%; top: 54%; z-index: 1; width: 88%; max-width: 334px; height: 74%; max-height: 310px; transform: translate(-50%, -50%); overflow: hidden; pointer-events: none; } .spm__house{ display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: fill; object-position: center; transform-origin: center center; touch-action: none; user-select: none; -webkit-user-drag: none; pointer-events: auto; } .spm__house--draggable{ cursor: grab; } .spm__house--draggable:active, .spm__house--dragging{ cursor: grabbing; } .spm__house--shape-only{ width: 72%; height: 72%; max-width: 220px; max-height: 180px; border: 2px dashed #4f46e5; border-radius: 4px; background: rgba(79, 70, 229, 0.08); box-sizing: border-box; } .spm__dropzone--shape-only .spm__house--shape-only{ cursor: grab; } .spm__dropzone--shape-only .spm__house--shape-only.spm__house--draggable:active, .spm__dropzone--shape-only .spm__house--shape-only.spm__house--dragging{ cursor: grabbing; } .spm__house-drag-ghost--shape{ width: 96px; height: 72px; border: 2px dashed #4f46e5; border-radius: 4px; background: rgba(79, 70, 229, 0.12); box-sizing: border-box; } .spm__dropzone--dragging .spm__house-wrap{ opacity: 0.35; } .spm__house-drag-ghost{ position: fixed; z-index: 100050; left: 0; top: 0; width: 140px; pointer-events: none; transform: translate(-50%, -50%); opacity: 0.92; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.22)); } .spm__house-drag-ghost img{ display: block; width: 100%; height: auto; object-fit: contain; } .spm__map--drop-target, .spm__map-ymap--drop-target{ outline: 3px solid rgba(79, 70, 229, 0.55); outline-offset: -3px; } .spm__flip-group{ position: absolute; right: 24px; top: 24px; display: flex; flex-direction: row; align-items: center; gap: 8px; z-index: 2; } .spm__flip{ width: 36px; height: 36px; padding: 0; border: none; border-radius: 50%; background: #75aa92; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .spm__flip-icon{ width: 21px; height: 21px; display: block; flex-shrink: 0; } .spm__flip-icon--cw90{ transform: rotate(90deg); } .spm__plans{ display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 16px; } .spm__plan-card{ position: relative; width: 176px; height: 146px; background: #fff; border-radius: 5.065px; overflow: hidden; } .spm__plan-card > img{ position: absolute; left: 50%; top: 50%; width: 103px; height: 106px; transform: translate(-50%, -55%); object-fit: contain; } .spm__plan-meta{ position: absolute; left: 12px; bottom: 8px; display: flex; flex-direction: column; gap: 2px; font-size: 10px; line-height: 1.2; color: #6f7671; } .spm__plan-meta strong{ font-weight: 700; font-size: 12px; color: #4a4f4b; } /* Live map layer (Yandex Maps) */ .spm__map-ymap{ position: absolute; inset: 0; z-index: 2; border-radius: inherit; touch-action: none; } .spm__house-marker{ position: relative; overflow: visible; box-sizing: border-box; } .spm__house-marker-body{ position: absolute; inset: 0; overflow: hidden; z-index: 1; border-radius: 2px; background: transparent; } .spm__house-plan-stack .spm__house-outline-svg{ z-index: 2; } .spm__house-plan{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: fill; object-position: center; transform-origin: center center; pointer-events: none; } .spm__house-plan-marker-svg{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; } .spm__house-plan-marker-svg .spm__house-plan-marker-image{ pointer-events: none; } .spm__house-plan-stack{ position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; } .spm__house-plan-clip{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; box-sizing: border-box; } .spm__house-plan-clip--aligned{ background-image: none !important; background-size: auto; background-position: 0 0; } .spm__house-plan-clip .spm__house-plan-img{ display: block; position: absolute; max-width: none; max-height: none; object-fit: fill; object-position: 50% 50%; transform-origin: center center; pointer-events: none; } .spm__house-plan-img{ display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: fill; object-position: center; transform-origin: center center; pointer-events: none; } .spm__house-outline-svg{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; } .spm__house-plan--fill, .spm__house-plan--bg{ object-fit: fill; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } .spm__house-outline-path{ fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; } .spm__house-handle{ position: absolute; width: 28px; height: 28px; margin: 0; padding: 0; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 999px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18); pointer-events: auto; touch-action: manipulation; z-index: 5; } .spm__house-handle--tr{ top: 0; right: 0; transform: translate(50%, -50%); } .spm__house-handle--bl{ left: 0; bottom: 0; transform: translate(-50%, 50%); } .spm__house-delete{ display: grid; place-items: center; cursor: pointer; font-size: 18px; line-height: 1; font-weight: 600; color: #00533b; } .spm__house-delete:hover{ background: #fff; } .spm__house-rotate{ display: inline-flex; align-items: center; justify-content: center; cursor: grab; } .spm__house-rotate img{ width: 16px; height: 16px; display: block; pointer-events: none; } .spm__house-rotate:hover{ background: #fff; } .spm__map-ymap--rotating .spm__house-rotate, .spm__map-ymap--rotating{ cursor: grabbing !important; } .spm__map-ymap--has-house{ cursor: grab; } .spm__map-ymap--dragging, .spm__map-ymap--dragging *{ cursor: grabbing !important; } .spm__toast{ position: absolute; left: 50%; top: 16px; z-index: 4; transform: translateX(-50%); max-width: min(520px, calc(100% - 32px)); padding: 10px 14px; border-radius: 12px; background: rgba(255, 255, 255, 0.96); color: #0f172a; font-size: 14px; line-height: 1.25; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16); opacity: 0; pointer-events: none; transition: opacity 0.2s ease; } .spm__toast--visible{ opacity: 1; } .spm__zone-hint{ position: absolute; z-index: 9; left: 16px; top: 16px; max-width: 360px; padding: 10px 12px; box-sizing: border-box; border-radius: 10px; background: rgba(239, 247, 241, 0.92); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.08); backdrop-filter: blur(2px); font-weight: 500; font-size: 14px; line-height: 1.25; color: rgba(94, 102, 100, 0.92); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } .spm__zone-hint--visible{ opacity: 1; visibility: visible; } .spm__toast--error{ color: #7f1d1d; border: 1px solid rgba(185, 28, 28, 0.2); } .spm__dropzone--armed{ border-color: #75aa92; box-shadow: 0 0 0 2px rgba(117, 170, 146, 0.35); } .spm__map-controls{ z-index: 3; } /* End */ /* Start:/local/components/vue/misc/bottom-popup-panel/style.css?17809037402971*/ .bottom-popup{ position: fixed; width: 100vw; bottom: 0; left: 0; z-index: 1000000; display: flex; flex-flow: column; padding: 16px; gap: 8px; transform: translateY(100%); border-radius: 24px 24px 0 0; background: white; } @media (min-width: 768px) { .bottom-popup{ padding: 24px; gap: 12px; } } @media (min-width: 992px) { .bottom-popup{ padding: 40px; gap: 20px; } } @media (hover: none) { .bottom-popup{ padding-top: 30px; } .bottom-popup__handle{ width: 10rem; height: 3rem; position: absolute; padding-top: 0.8rem; top: 0; display: flex; justify-content: center; left: calc(50% - 5rem); } .bottom-popup__handle::before{ content: ''; display: block; width: 7.7rem; height: 4px; border-radius: 999px; background-color: var(--black-a25); } } @media (hover: hover) { .bottom-popup__handle{ display: none; } } @media (min-width: 992px) { .bottom-popup{ width: fit-content; left: calc(50% - 450px); bottom: unset; border-radius: 24px; } } .bottom-popup.--transition{ transition: transform 0.15s; } .bottom-popup__header{ display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; position: relative; flex-shrink: 0; } .bottom-popup__name{ font-weight: 500; font-size: 1.8rem; margin-bottom: 0; } .bottom-popup__scroller{ /*background: white;*/ overflow-y: auto; overflow-x: hidden; flex-shrink: 1; flex-grow: 1; } .bottom-popup__scroller.no-scroll{ overflow-y: hidden; } .bottom-popup__footer{ display: flex; flex-flow: column; gap: 1.2rem; } @media (min-width: 768px) { .bottom-popup__footer{ flex-flow: row; } } @media (max-width: 767px) { .bottom-popup__footer .btn { width: 100%; } } .bottom-popup__close{ border: none; background: none; padding: 0; width: 3.2rem; height: 3.2rem; position: absolute; right: 0; top: -50px; fill: white; } .bottom-popup__close > * { width: 2rem; height: 2rem; } .bottom-popup__background{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.15s; z-index: 100000; } body.--stages-gallery .bottom-popup.--stage-gallery-popup{ z-index: 100000; } body.--stages-gallery .bottom-popup__background.--stage-gallery-popup-bg{ z-index: 99999; backdrop-filter: blur(4px); } .fancybox-container, .fancybox__container{ z-index: 2147483647 !important; } body.--filters-open{ overflow: hidden; } body.--filters-open .mob_contact{ display: none!important; } /* End */ /* Start:/local/js/vendor/libs/nouislider/nouislider.min.css?17459244214294*/ /*! nouislider - 14.5.0 - 5/11/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/components/vue/heat-calc/temp-slider/style.css?17809037401059*/ .temp-slider{ background: white; border-radius: 8px; padding: 22px 20px 38px; } .temp-slider .noUi-target{ border-radius: 8px; height: 14px; border: none; box-shadow: none; } .temp-slider .noUi-connects{ background-image: linear-gradient(90deg, #A0E1FF 0%, #9BD2FF 30.17%, #FFD993 59.13%, #FF9D9D 100%); cursor: pointer; width: calc(100% + 16px); position: relative; left: -8px; border-radius: 999px; overflow: hidden; } .temp-slider .noUi-connect{ background-color: #F1F1F1; } .temp-slider .noUi-pips-horizontal{ top: -18px; } .temp-slider .noUi-value-horizontal{ top: 35px; font-size: 14px; color: #252726; } .temp-slider .noUi-marker-horizontal.noUi-marker{ width: 1px; height: 30px; background: #E4E7E5; } .temp-slider .noUi-handle{ width: 30px; height: 30px; right: -14px; top: -9px; border-radius: 999px; box-shadow: none; cursor: pointer; } .temp-slider .noUi-handle::before, .temp-slider .noUi-handle::after{ content: none; } /* End */ /* Start:/local/components/vue/form/search-select/style.css?1780903740794*/ .search-select{ position: relative; } .search-select__input{ background-image: url(/local/components/vue/form/search-select/icon.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; } .search-select__suggestions{ position: absolute; width: 100%; background-color: white; border-radius: 8px; border: 1px solid #AEB3B2; left: 0; top: 60px; padding-top: 8px; padding-bottom: 8px; } .search-select__suggestion{ display: block; width: 100%; color: #252726; text-decoration: none; font-weight: 500; line-height: 32px; padding-left: 16px; padding-right: 16px; } .search-select__suggestion:hover{ background-color: #f9f9f9; } /* End */ /* Start:/local/components/vue/form/radio/radio-button-2/style.css?1779102057651*/ .radio-button-2__input{ display: none; } .radio-button-2{ display: inline-flex; justify-content: center; align-items: center; text-align: center; border: 1px solid #E4E6E5; background-color: white; padding: 8px 12px; line-height: 1.25; font-size: 16px; font-weight: 500; color: #2E3332; transition: background-color 0.2s, border-color 0.2s; border-radius: 8px; } .radio-button-2:not(:disabled) { cursor: pointer; } .radio-button-2:hover{ background-color: #B5E5CF; border-color: #B5E5CF; } .radio-button-2.active{ background-color: #B5E5CF; border-color: #386753; } /* End */ /* Start:/local/components/vue/form/radio/radio-2/style.css?17809037401224*/ label.radio-2{ --box-offset-top: 7px; --box-offset-side: 4px; --side-padding: 30px; position: relative; min-height: 2.4rem; padding-left: var(--side-padding); cursor: pointer; line-height: 1.5; } .radio-2 > input{ display: none; } .radio-2__box{ position: absolute; top: var(--box-offset-top); left: var(--box-offset-side); width: 12px; height: 12px; display: flex; justify-content: center; align-items: center; border-radius: 999px; border: 1px solid #939997; } .radio-2__box::before{ content: ''; display: block; width: 8px; height: 8px; border-radius: 999px; background: var(--bs-primary, var(--accent-500)); transform: scale(0); transition: transform 0.15s; } .radio-2.--checked{ color: var(--bs-primary, var(--accent-500)); } .radio-2 > input:checked + .radio-2__box{ border-color: var(--bs-primary, var(--accent-500)); } .radio-2 > input:checked + .radio-2__box::before{ transform: scale(1); } .radio-2.right-sided{ width: 100%; padding-right: var(--side-padding); padding-left: 0; } .radio-2.right-sided .radio-2__box{ right: var(--box-offset-side); left: unset; } /* End */ /* Start:/local/components/vue/form/checkboxes/checkbox-brif/style.css?17562198621335*/ .checkbox-right { --box-bg: #F8F8F8; --box-bg-checked: var(--accent-500); position: relative; padding-top: 0.6rem; padding-bottom: 0.6rem; min-height: 2.4rem; display: flex; align-items: center; cursor: pointer; width: 100%; line-height: 40px; border-bottom: 1px solid #f0f5f1; margin-bottom: 0!important; } .ggg input{ width: calc(100% - 4rem); padding-left: 20px; padding-right: 20px; margin-left: 2rem; margin-bottom: 1.2rem !important; background-color: white !important; } .checkbox-right input { display: none; } .counter__btn:focus{ outline: none!important; } .checkbox-right__box { display: block; width: 2rem; height: 2rem; position: absolute; top: 1.5rem; right: 2rem; border-radius: 0.4rem; background: var(--box-bg); transition: background-color 0.15s; } .checkbox-right__checkmark { width: 2.4rem; height: 2.4rem; opacity: 0; fill: white; position: absolute; top: -0.2rem; left: -0.2rem; transition: opacity 0.15s; } .checkbox-right input:checked + .checkbox-right__box { background: var(--box-bg-checked); } .checkbox-right input:checked + .checkbox-right__box .checkbox-right__checkmark { opacity: 1; } .checkbox-right.--disabled { opacity: 0.5; } /* End */ /* Start:/local/components/vue/heat-calc/heat-calc-main/style.css?17809037408671*/ .hc-main__controls{ } .hc-main__results{ } .hc-main__controls > .row{ padding-top: 16px; padding-bottom: 16px; } @media (max-width: 991px) { .hc-main__controls{ padding-bottom: 112px; } .hc-main__results{ width: 100%; position: absolute; bottom: 0; left: 0; transform: translateY(calc(100% - 88px)); transition: transform 0.25s; border-radius: 12px; z-index: 10; } .hc-main__results.--up{ transform: translateY(0); } .hc-main__results{ background: white; box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.15); } #heat-calc .bottom-popup__scroller{ margin-bottom: -16px; } .hc-main__results { background: white; padding: 22px 16px; } } @media (min-width: 992px) { #heat-calc .bottom-popup__scroller{ display: flex; flex-flow: column; height: 100%; } .hc-main{ display: flex; flex-flow: row nowrap; align-items: stretch; gap: 22px; width: 100%; height: 100%; overflow: hidden; /*padding-right: 16px;*/ } .hc-main__controls{ width: calc(66.66% - 11px); overflow-y: scroll; overflow-x: hidden; padding-bottom: 16px; } .hc-main__controls > .row{ background-color: #f1f1f1; padding-left: 4px; padding-right: 4px; margin-left: 0; margin-right: 0; border-radius: 12px; } .hc-main__controls::-webkit-scrollbar{ width: 10px; background: transparent; } .hc-main__controls::-webkit-scrollbar-button{ background: transparent; height: 22px; } .hc-main__controls::-webkit-scrollbar-thumb{ background-color: #c6c6c6; border-radius: 5px; } .hc-main__results{ width: calc(33.33% - 11px); max-height: 100%; padding-bottom: 16px; align-self: flex-start; } .hc-result__toggle{ display: none; } } .calc-label{ font-size: 16px; line-height: 1.2; font-weight: 600; margin-bottom: 16px; } .calc-label:not(:first-child) { margin-top: 24px; } .hc-separator{ border-color: rgba(0, 0, 0, 0.05); margin-top: 12px; margin-bottom: 12px; opacity: 1; } .hc-block{ background-color: #F1F1F1; border-radius: 12px; padding: 24px; } @media (min-width: 992px) { .hc-block{ background-color: white; } } @media (max-width: 991px) { .hc-main__controls .temp-slider{ background-color: #F1F1F1; } .hc-main__controls .noUi-connects{ border: 1px solid white; } .hc-main__controls .noUi-connect{ background-color: white; } .hc-main__controls .noUi-handle{ border: 1.5px solid white; background: #e1e1e1; } } .hc-wall-item:not(:last-child) { padding-bottom: 12px; } .hc-wall-item + .hc-wall-item{ border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 12px; } .hc-area__preset{ display: flex; justify-content: space-between; align-items: center; padding: 12px 0; font-size: 14px; } .hc-area__preset:first-child{ padding-top: 0; } .hc-area__preset:last-child{ padding-bottom: 0; } .hc-area__preset + .hc-area__preset{ border-top: 1px solid rgba(0, 0, 0, 0.05); } .hc-area__preset > *{ line-height: 1.5; letter-spacing: 0.5px; } .hc-area__preset-value{ font-weight: 500; margin-left: 30px; white-space: nowrap; } .hc-option-buttons{ display: flex; flex-flow: row; gap: 12px; } .hc-option-buttons .radio-button-2{ background-color: #F1F1F1; flex-flow: column; border: none; height: 62px; padding: 0 12px; justify-content: center; flex-basis: 20%; flex-grow: 1; max-width: 88px; } @media (max-width: 991px) { .hc-option-buttons .radio-button-2{ padding: 0 8px; } .hc-block .hc-option-buttons .radio-button-2{ background-color: white; } } @media (min-width: 992px) { .hc-option-buttons .radio-button-2.md-white { background-color: white; } } .hc-option-buttons .radio-button-2 > * + *{ margin-top: 4px; } .hc-option-buttons .radio-button-2.active{ background-color: #568972; color: white; } .hc-option-button__name, .hc-option-button__r0{ display: block; font-size: 14px; line-height: 1.17; } .hc-option-button__r0{ opacity: 0.5; white-space: nowrap; } .hc-block .radio-2{ font-size: 14px; --box-offset-top: 5px; } .hc-block .radio-2:not(:last-child){ padding-bottom: 12px; } .hc-block .radio-2:not(:first-child){ padding-top: 12px; --box-offset-top: 17px; } .hc-block .radio-2 + .radio-2{ border-top: 1px solid rgba(0, 0, 0, 0.05); } .hc__fuel-price{ display: flex; flex-flow: row; justify-content: space-between; background-color: rgba(241, 241, 241, 0.40); border-radius: 12px; position: relative; margin-right: -30px; cursor: default; } .hc__fuel-price-absolute, .hc__fuel-price-relative{ width: calc(50% - 6px); background-color: white; border-radius: 12px; } @media (min-width: 992px) { .hc__fuel-price-absolute, .hc__fuel-price-relative{ background-color: rgba(241, 241, 241, 0.40); } } .hc__fuel-price-relative{ align-self: stretch; color: #AEB3B2; display: flex; align-items: center; padding-left: 16px; } .hc__fuel-price-absolute{ border: none; } .hc__fuel-price-absolute:focus{ background-color: #f9f9f9; } @media (min-width: 992px) { .hc__fuel-price-absolute:focus{ background-color: rgba(241, 241, 241, 1); } } .hc__fuel-price-absolute__unit{ position: absolute; right: calc(50% + 12px); height: 100%; width: fit-content; display: flex; align-items: center; color: #AEB3B2; padding-right: 16px; } .hc-main__results .hc-block{ padding: 22px 16px; height: 100%; display: flex; flex-flow: column; } .hc-result__common{ background-color: #EFF7F1; color: #161919; display: flex; flex-flow: row; justify-content: space-between; align-items: center; padding: 6px 12px; border-radius: 12px; margin-bottom: 18px; } @media (min-width: 992px) { .hc-result__common{ padding: 6px 12px; } } .hc-result__common-monthly{ font-size: 18px; font-weight: 500; line-height: 1.2; } @media (min-width: 992px) { .hc-result__common-monthly{ font-size: 16px; } } .hc-result__common-yearly{ display: flex; flex-flow: column; font-size: 16px; font-weight: 500; align-items: flex-end; text-align: right; line-height: 1.1; } .hc-result__common-yearly-loss{ color: #959D97; } @media (max-width: 991px) { .hc-result__common{ width: calc(100% - 52px - 16px); } .hc-result__toggle{ position: absolute; right: 16px; top: 22px; width: 52px; height: 48px; background-color: #EFF7F1; border: none; border-radius: 12px; } .hc-result__toggle svg{ width: 18px; height: 18px; color: #00513A; transform: rotate(-90deg) scaleX(1); transition: transform 0.15s; } .hc-main__results.--up .hc-result__toggle svg{ transform: rotate(-90deg) scaleX(-1); } } @media (min-width: 992px) { .hc-result__common-yearly-loss { font-size: 12px; margin-top: 2px; } } .hc-result__heat-loss{ display: flex; justify-content: space-between; } .hc-result__heat-loss-value{ font-weight: 600; } .hc-result__months{ margin-top: 12px; display: flex; flex-flow: column; flex-grow: 1; justify-content: space-between; } .hc-result__month{ display: flex; justify-content: space-between; } .hc-result__month + .hc-result__month{ margin-top: 6px; } .hc-result__month-bar{ display: flex; justify-content: space-between; align-items: center; padding: 5px 12px; border-radius: 10px; line-height: 1.3; } @media (min-width: 992px) { .hc-result__month-bar{ padding: 2px 6px; line-height: 1.5; font-size: 14px; } } .hc-result__month-amounts{ } .hc-result__month-temp{ font-weight: 600; } .hc-result__month-price, .hc-result__month-loss{ text-align: right; font-weight: 500; } .hc-result__month-price{ font-size: 14px; line-height: 1.1; } .hc-result__month-loss{ font-size: 12px; line-height: 1.1; color: #959D97; } /* End */ /* Start:/local/components/vue/heat-calc/loading-dummy/style.css?1780903740352*/ .hc-loading-dummy{ width: 100%; height: 80vh; background: #F1F1F1; color: #b2b2b2; display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 30px; border-radius: 12px; } .hc-loading-dummy h2{ font-size: 40px; font-weight: 600; } .hc-loading-dummy .fa{ font-size: 50px; } /* End */ /* Start:/local/components/vue/form/double-range-slider-4/style.css?17655398752815*/ .range-slider-4{ --border-radius: 999px; --handle-size: 2.4rem; --handle-circle-size: 12px; --input-hover-bg: #dcdcdc; --bar-height: 1px; --handle-circle-offset: calc(50% - var(--handle-circle-size) / 2); width: 100%; display: flex; flex-flow: row; position: relative; padding-bottom: 2.8rem; } .range-slider-4__clear{ position: absolute; font-size: 14px; right: 0; bottom: 75px; color: #333; cursor: pointer; } .range-slider-4__clear:hover { color: #333; text-decoration: none; } .range-slider-4__fake{ flex-basis: calc(50% - 1px); height: 36px; background: white; color: var(--neutral-950); font-size: 14px; font-weight: normal; min-width: 0; padding-left: 12px; border: 1px solid var(--neutral-25); border-radius: var(--border-radius); } .range-slider-4__fake:hover{ background-color: #f5f5f5; } .range-slider-4__fake:focus{ outline: none; background-color: white; border-color: #c9c9c9; } .range-slider-4__fake--left{ margin-right: 4px; padding-left: 15px; text-align: left; } .range-slider-4__fake--right{ padding-right: 15px; text-align: right; } .range-slider-4__range{ position: absolute; bottom: 1.2rem; left: 0; width: 100%; border: none; padding: 0; } .range-slider-4__range.noUi-horizontal{ height: var(--bar-height); } .range-slider-4__range.noUi-target{ background: rgba(0, 0, 0, 0.03); box-shadow: none; } .range-slider-4__range .noUi-connects{ margin: 0; width: 100%; background-image: none; } .range-slider-4__range .noUi-connect{ background-color: var(--color-brand-primary); } .range-slider-4__range .noUi-handle{ width: var(--handle-size); height: var(--handle-size); background: none; border: none; top: -12px; box-shadow: none; cursor: e-resize; position: absolute; } .range-slider-4__range .noUi-handle.noUi-handle-lower{ right: calc(-1 * var(--handle-size) / 2 - var(--handle-circle-size) / 2 + 1px); } .range-slider-4__range .noUi-handle.noUi-handle-upper{ right: calc(-1 * var(--handle-circle-size) / 2 - 1px); } .range-slider-4__range .noUi-handle::before{ content: ''; display: block; width: var(--handle-circle-size); height: var(--handle-circle-size); border-radius: 9999px; border: 1px solid var(--color-brand-primary); background: white; position: absolute; top: var(--handle-circle-offset); left: var(--handle-circle-offset); } .range-slider-4__range .noUi-handle:hover::before{ background-color: var(--accent-25); } .range-slider-4__range .noUi-handle:active::before{ background-color: var(--color-brand-primary); } .range-slider-4__range .noUi-handle:after{ content: none; } /* End */ /* Start:/local/components/vue/form/double-range-input/style.css?1765539875843*/ .double-range-input{ --units: ''; display: flex; flex-flow: row nowrap; gap: 8px; font-size: 14px; } .double-range-input__side{ flex: 1 1 50%; position: relative; } .double-range-input .form-control{ min-width: unset; padding-left: 32px; padding-right: 32px; height: 36px; background-color: white; border: 1px solid var(--neutral-25); } .double-range-input__side::before{ position: absolute; left: 12px; top: 8px; line-height: 20px; color: var(--neutral-925); } .double-range-input__side.--left::before{ content: 'от'; } .double-range-input__side.--right::before{ content: 'до'; } .double-range-input__side::after{ content: var(--units); position: absolute; right: 12px; top: 8px; line-height: 20px; color: var(--neutral-600) } /* End */ /* Start:/local/components/vue/form/checkboxes/checkbox-button-3/style.css?1765539875159*/ .checkbox-button-3 input{ display: none; } .checkbox-button-3 .btn{ /*border-radius: 999px*/ } .checkbox-button-3.--disabled .btn{ opacity: 0.5; } /* End */ /* Start:/local/components/vue/projects/list/projects-filter-3/style.css?17695888853601*/ .projects-filter-3{ background-color: var(--accent-10); border-radius: 24px; padding: 16px; font-family: Montserrat, Roboto, "sans-serif"; max-height: calc(100vh - var(--header-height)); overflow-y: auto; scrollbar-width: thin; } .projects-filter-3::-webkit-scrollbar{ width: 3px; } .projects-filter-3::-webkit-scrollbar-track{ padding: 16px 0; width: 3px; background-color: transparent; } .projects-filter-3::-webkit-scrollbar-button{ height: 24px; } .projects-filter-3::-webkit-scrollbar-thumb{ width: 3px; background-color: var(--accent-25); border-radius: 99px; } .projects-filter-3 .form-group__fields .btn{ --button-color: #252726; padding: 0.6rem 1.2rem; font-size: 1.4rem; line-height: 20px; /*font-weight: 500;*/ height: 38px; min-width: 38px; } .projects-filter-3 .control-label{ font-weight: 600; font-size: 14px; margin-bottom: 8px; line-height: 1; display: block; } .projects-filter-3 .form-group__fields{ background: white; padding: 12px; border-radius: 16px; } .projects-filter-3 .form-group__fields--checkboxes, .projects-filter-3 .form-group__fields--buttons{ display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 12px; } /*.projects-filter-3 .form-group__fields--checkboxes label,*/ .projects-filter-3 .form-group__fields--buttons label{ margin: 0; } .projects-filter-3 .form-group__fields--checkboxes{ flex-flow: column; } .projects-filter-3 .form-group__fields--buttons{ gap: 6px; } .projects-filter-3 .form-group__fields--buttons.--sm .btn{ height: 32px; font-size: 12px; padding: 7px 10px; line-height: 16.5px; } .projects-filter-3 .form-group{ margin-bottom: 0; } .projects-filter-3 .form-group + .form-group{ margin-top: 16px; } .projects-filter-3 .checkbox-3{ width: 100%; } .projects-filter-3__individual{ height: unset; } .projects-filter-3__bottom-buttons{ display: flex; flex-flow: row; flex-wrap: nowrap; } .projects-filter-3__clear{ padding-left: 0; padding-right: 0; margin-left: auto; border-radius: 0; font-weight: 500; --button-hover-background: var(--button-background); } .projects-filter-3__separator{ margin-top: 0.7rem; margin-bottom: 1.2rem; height: 0.1rem; width: 100%; background-color: var(--neutral-10); } .projects-filter-3 .btn.range-slider-preset-2{ height: 32px; min-width: 32px; font-size: 12px; padding-left: 8px; padding-right: 8px; letter-spacing: -0.3px; } .projects-filter-3__series{ padding-left: 24px; margin-top: -4px; width: 100%; } .projects-filter-3__series-toggle{ cursor: pointer; text-decoration: none; font-size: 14px; display: flex; width: 100%; color: var(--color-text-default); } .projects-filter-3__series-list{ display: flex; flex-flow: column; gap: 12px; position: relative; } .projects-filter-3 .caret{ width: 14px; height: 14px; } .projects-filter-3__series-toggle .caret{ margin-left: auto; } .projects-filter-3__series-reset{ width: 100%; } .projects-filter-3__series-list a{ position: absolute; top: -3px; right: -6px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; transform: scaleY(-1); cursor: pointer; border-radius: 6px; } @media (hover: hover) { .projects-filter-3__series-list a:hover{ background: #f2f2f2; } } /* End */ /* Start:/local/components/vue/projects/list/projects-list-item-2/style.css?17815081017415*/ /*.projects-list-item-2__wrapper{*/ /* height: 100%;*/ /*}*/ .projects-list-item-2{ border-radius: 24px; overflow: hidden; display: block; text-decoration: none; color: white; position: relative; width: 100%; height: 100%; cursor: pointer; } .projects-list-item-2:hover{ text-decoration: none; color: white; } .projects-list-item-2__bg{ position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; object-position: center; } .projects-list-item-2__content{ position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-flow: column; padding: 16px 20px 24px; /*background: linear-gradient(0deg, #000 -16.67%, rgba(0, 0, 0, 0.00) 80.47%);*/ background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 47.6%, rgba(0, 0, 0, 0.00) 81.25%, rgba(0, 0, 0, 0.10) 100%); } .projects-list-item-2__badges{ display: flex; flex-flow: row nowrap; justify-content: space-between; } .projects-list-item-2__badge{ border-radius: 999px; padding: 6px 12px; font-size: 12px; font-weight: 500; height: 26px; display: flex; align-items: center; gap: 6px; } .projects-list-item-2__badge svg{ margin-top: -1px; margin-bottom: -1px; } .projects-list-item-2__specs{ display: flex; flex-flow: row wrap; gap: 4px; } .projects-list-item-2__specs > * { background-color: var(--black-a700); backdrop-filter: blur(6px); } .projects-list-item-2__buttons{ display: flex; flex-flow: row nowrap; gap: 4px; } .projects-list-item-2__buttons > *{ border: none; background-color: white; /*backdrop-filter: blur(6px);*/ color: var(--color-brand-primary); fill: var(--color-brand-primary); } .projects-list-item-2__buttons .projects-list-item-2__compare{ width: 26px; padding: 0; align-items: center; justify-content: center; } @media(hover: hover) { .projects-list-item-2__buttons > *:hover { background-color: rgba(255, 255, 255, 0.40); } } .projects-list-item-2__buttons > *:focus, .projects-list-item-2__buttons > *:active{ outline: none; border: none; } .projects-list-item-2__buttons svg{ width: 16px; height: 16px; } .projects-list-item-2__name{ font-size: 24px; font-weight: 800; line-height: 1; margin-top: auto; margin-bottom: 0; display: flex; flex-flow: row wrap; gap: 12px; align-items: flex-start; flex-direction: column; } .projects-list-item-2__bottom{ margin-top: 12px; display: flex; flex-flow: row; align-items: center; } .projects-list-item-2__bottom-icon{ width: 24px; height: 24px; margin-right: 1.58px; fill: white; } .projects-list-item-2__bottom-spec{ font-size: 12px; line-height: 1; color: white; margin-right: 12px; } .projects-list-item-2__price{ margin-left: auto; font-size: 18px; font-weight: 700; } .projects-list-item-2__price.--individual{ height: 24px; display: flex; flex-flow: column; justify-content: flex-end; font-size: 8px; } .projects-list-item-2__project-literal{ display: block; font-size: 20px; line-height: 1; position: relative; /*left: -3px;*/ font-weight: 800; } .projects-list-item-2__promo{ --bg-color: white; --text-color: black; display: flex; flex-flow: row nowrap; align-items: center; gap: 6px; height: 28px; padding: 6px 12px; font-size: 12px; font-weight: 500; width: fit-content; border-radius: 999px; color: var(--text-color); background-color: var(--bg-color); margin-top: 12px; } .projects-list-item-2__promo strong{ font-weight: 600; } .projects-list-item-2__promo.--red{ --bg-color: #FFDAD6; --text-color: #B62326; } .projects-list-item-2__promo.--new{ --bg-color: #D2D8FB; --text-color: #2A2D8E; } .projects-list-item-2__promo.--arh{ --bg-color: #FFE0B9; --text-color: #AE5507; } .projects-list-item-2__promo.--author{ --bg-color: #B9EAFF;; --text-color: #0741AE; } .projects-list-item-2__promo.--fixprice{ background-image: url(https://www.gwd.ru/upload/medialibrary/fb2/fb23c46736e902512112b04838fc117d.png); background-position: center; background-size: cover; background-repeat: no-repeat; --text-color: white; } .projects-list-item-2__promo-icon{ width: 16px; height: 16px; stroke: var(--text-color); } .projects-list-item-2__promo-icon-info{ width: 16px; height: 16px; color: #1A1C1B; cursor: pointer; transition: color 0.2s ease; } .tooltip-container { position: relative; display: inline-block; margin-left: 4px; } .projects-list-item-2__promo-icon-info:hover { color: #1A1C1B; } .tooltip-content { position: absolute; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 280px; padding: 16px 20px; border-radius: 12px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.3s ease; pointer-events: none; } .tooltip-title { color: #1A1C1B; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; margin-bottom: 12px; } .tooltip-text { color: #1A1C1B; font-family: Montserrat; font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; } .tooltip-container:hover .tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .projects-list-item-2__promo.--arh, .projects-list-item-2__promo.--author { cursor: pointer; position: relative; user-select: none; } .projects-list-item-2__promo.--tooltip-active { z-index: 10000; } .projects-list-item-2__promo { position: relative; } @media (min-width: 768px) { .projects-list-item-2__promo.--arh:hover .tooltip-content, .projects-list-item-2__promo.--author:hover .tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; } .projects-list-item-2__promo.--arh, .projects-list-item-2__promo.--author { cursor: default; } .projects-list-item-2__promo.--arh, .projects-list-item-2__promo.--author { cursor: default; } } @media (max-width: 767px) { .tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; } .projects-list-item-2__promo.--arh, .projects-list-item-2__promo.--author { cursor: pointer; } .projects-list-item-2__promo-icon-info { opacity: 0.8; } .projects-list-item-2__promo.--tooltip-active .projects-list-item-2__promo-icon-info { opacity: 1; } .projects-list-item-2__promo.--arh:active, .projects-list-item-2__promo.--author:active { transform: scale(0.98); transition: transform 0.1s ease; } .projects-list-item-2__promo.--arh:hover, .projects-list-item-2__promo.--author:hover { background-color: var(--bg-color); } } /* End */ /* Start:/local/components/vue/projects/list/projects-list-2/style.css?1780903740928*/ .projects-list{ --gutter: 1rem; --half-gutter: calc(var(--gutter) / 2); } .projects-list > .row{ --margin: calc(var(--half-gutter) * -1); margin-left: var(--margin); margin-right: var(--margin); margin-bottom: -1.5rem; } .projects-list > .row > [class*=col]{ padding-left: var(--half-gutter); padding-right: var(--half-gutter); margin-bottom: 1.5rem; } .projects-list__transition{ transition: opacity 200ms; } .projects-list__text-append{ background-color: var(--color-background-gray-light-medium, #f2f2f2); padding: 2rem 2rem 0; height: 100%; } .projects-list__text-append > *{ line-height: 1.2; } .projects-list__text-append h4{ margin-bottom: 1rem; } .projects-list__text-append p{ margin-bottom: 1.5rem; } .projects-list-item-2__wrapper{ height: 300px; } @media (min-width: 992px) { .projects-list-item-2__wrapper{ height: 350px; } } /* End */ /* Start:/local/components/vue/form/base-dropdown/style.css?17459244211535*/ .base-dropdown{ --base-height: 5rem; --option-height: 3rem; height: var(--base-height); width: fit-content; width: -moz-fit-content; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .base-dropdown__background{ position: relative; border-radius: 1rem; background: #f7f7f7; z-index: 10; } .base-dropdown__current, .base-dropdown__option{ padding-left: 2rem; padding-right: 4rem; white-space: nowrap; } .base-dropdown__current{ height: var(--base-height); line-height: var(--base-height); border-radius: 1rem; cursor: pointer; position: relative; } .base-dropdown__caret{ height: var(--base-height); width: 1rem; position: absolute; right: 1.5rem; top: 0; } .base-dropdown__list{ transform-origin: top center; height: 0; overflow: hidden; transition: height 0.15s; } .base-dropdown__option{ display: block; text-decoration: none; color: #333; height: var(--option-height); line-height: var(--option-height); cursor: pointer; } .base-dropdown__list-content-wrapper{ padding-bottom: 1rem; } .base-dropdown.--open .base-dropdown__background{ box-shadow: 0 3px 5px 0 rgba(0, 1, 5, 0.1); } .base-dropdown:hover .base-dropdown__list, .base-dropdown.--open .base-dropdown__list{ will-change: height; } .base-dropdown__current:hover, .base-dropdown__option:hover{ background: #e5e5e5; } .base-dropdown__option:hover{ color: #333; } /* End */ /* Start:/local/components/vue/projects/list/sort-dropdown-2/style.css?17809037402104*/ .base-dropdown__option .sort-dropdown-2__option-prefix{ opacity: 0; } .base-dropdown__current .sort-dropdown-2__option-content{ /*border-bottom: 0.1rem dashed var(--color-link-hover-underline, #A2C037);*/ } .base-dropdown__current .sort-dropdown-2__option-content:hover { /*color: var(--color-green-yellowish, #A2C037);*/ } .sort-dropdown-2.base-dropdown{ --base-height: 44px; } .sort-dropdown-2 .base-dropdown__background{ background-color: transparent; box-shadow: none; } .sort-dropdown-2 .base-dropdown__current{ background-color: white; border: 1px solid var(--neutral-25); border-radius: 22px; font-size: 14px; } .sort-dropdown-2 .base-dropdown__list{ transition: height 0.15s; } .sort-dropdown-2.--open .base-dropdown__background{ box-shadow: none; } .sort-dropdown-2 .base-dropdown__list-content-wrapper{ padding-top: 16px; padding-bottom: 16px; background: white; border-radius: 22px; border: 1px solid var(--neutral-25); margin-top: 8px; } .sort-dropdown-2 .base-dropdown__option{ font-size: 14px; } .sort-dropdown-2 .base-dropdown__option.--active{ font-weight: 500; } .sort-dropdown-2 .base-dropdown__option + .base-dropdown__option{ margin-top: 12px; } @media(max-width: 767px){ .sort-dropdown-2{ height: unset; } .sort-dropdown-2__icon{ width: 2rem; height: 2rem; } .base-dropdown__background{ background: transparent; } .sort-dropdown-2 .base-dropdown__option.--active{ font-weight: 500; color: var(--color-brand-primary); } .sort-dropdown-2 .base-dropdown__option, .sort-dropdown-2 .base-dropdown__current{ padding-right: 0; padding-left: 0; } .sort-dropdown-2 .projects__top-inputs__mobile-toggle svg{ transform: scaleX(-1); } .base-dropdown__current:hover{ background: none; } .base-dropdown.--open .base-dropdown__background{ box-shadow: none; } .sort-dropdown-2 .base-dropdown__option:hover{ background: transparent; } } /* End */ /* Start:/local/components/vue/form/search-box-2/style.css?17703848121511*/ .search-box-2{ --height: 44px; --width: 216px; --input-bg: white; --input-bg-hover: #e3e3e3; --border-color: #c2c8c3; --border-radius: 22px; --button-width: var(--height); position: relative; width: var(--width); } .search-box-2__input{ height: var(--height); width: 100%; background-color: var(--input-bg); padding-left: 20px; padding-right: var(--button-width); font-size: 14px; /*max-height: 4.4rem;*/ border-radius: var(--border-radius); border: 1px solid var(--border-color); transition: background 0.2s; } @media (max-width: 767px) { .search-box-2__input{ max-height: 4.4rem; } } .search-box-2__input:hover{ background: var(--input-bg-hover); } .search-box-2__input:focus{ outline: none; } .search-box-2__button{ position: absolute; top: -0.1rem; right: 6px; padding: 0; height: var(--height); width: var(--button-width); background: none; border: none; } .search-box-2__icon{ height: 24px; width: 24px; fill: rgba(51, 51, 51, 0.3); transition: fill 0.2s; } .search-box-2__close{ width: 3rem; height: 3rem; border: 0.2rem solid white; background: #dcdcdc; color: #aaa; font-size: 1.6rem; line-height: 2rem; border-radius: 50%; position: absolute; right: -1rem; top: -1rem; } .search-box-2__button:focus{ outline: none; } .search-box-2__button:hover .search-box-2__icon:last-child{ fill: #b0b0b0; } /* End */ /* Start:/local/components/vue/heat-calc/project-selector/style.css?17809037403475*/ .hc-projects-selector{ height: 100%; overflow: hidden; /*display: flex;*/ /*flex-flow: column;*/ width: 100%; } @media (max-width: 991px) { .col-hc-filters { position: absolute; bottom: 0; left: 0; max-height: 80vh; background: white; border-radius: 12px 12px 0 0; transform: translateY(100%); transition: transform 0.25s; z-index: 10; box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.15); display: flex; flex-flow: column; } .col-hc-filters .projects-filter-3{ border-radius: 0; background-color: white; } .col-hc-filters .projects-filter-3 .form-group__fields{ background-color: var(--accent-10); } .col-hc-filters .projects-filter-3 .btn-secondary{ --button-background: white; } .col-hc-filters.--up{ transform: translateY(0); } .hc-filters__header{ display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; } .hc-filters__header h3{ font-size: 22px; } .hc-filters__header button{ padding: 8px; } .hc-filters__header svg{ width: 20px; height: 20px; fill: #999; stroke: none; } .col-hc-toggles > *{ height: 42px; } .col-hc-toggles > .btn.btn-circle{ width: 42px; padding: 4px; } } @media (min-width: 992px) { .hc-projects-selector{ display: flex; flex-flow: row nowrap; } .col-hc-filters { width: 30%; flex-basis: 30%; padding-right: 0; overflow-y: auto; } .col-hc-filters::-webkit-scrollbar{ width: 10px; background: transparent; } .col-hc-filters::-webkit-scrollbar-button{ background: transparent; height: 22px; } .col-hc-filters::-webkit-scrollbar-thumb{ background-color: #c6c6c6; border-radius: 5px; } .col-hc-list{ padding-left: 24px; padding-bottom: 16px; width: 70%; flex-basis: 70%; overflow-y: scroll; overflow-x: hidden; } .hc-filters__header{ display: none; } } .col-hc-toggles{ display: flex; flex-flow: row; gap: 10px; margin-bottom: 32px; } .col-hc-toggles .sort-dropdown-2.base-dropdown{ --base-height: 48px; flex: 50% 1 1; } .col-hc-toggles .sort-dropdown-2 .base-dropdown__current{ } .col-hc-toggles .search-box-2{ --height: 48px; --border-color: #AEB3B2; flex: 50% 1 1; } .col-hc-toggles .sort-dropdown-2 .base-dropdown__current, .col-hc-toggles .sort-dropdown-2 .base-dropdown__list-component-wrapper{ border-color: #AEB3B2; } .hc-sort-mobile{ width: 100%; position: fixed; bottom: 0; left: 0; transform: translateY(calc(100% + 20px)); transition: transform 0.25s; background: white; padding-top: 8px; padding-bottom: 20px; border-radius: 12px 12px 0 0; box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.15); } .hc-sort-mobile.--up{ transform: translateY(0); } .hc-sort-mobile__item{ display: block; color: #333; font-weight: 500; padding-left: 16px; padding-top: 8px; padding-bottom: 8px; text-decoration: none; } .hc-projects-selector .projects-filter-3 .form-group__fields{ display: flex; flex-flow: row wrap; gap: 8px; } /* End */ /* Start:/local/assets/heat-calc/style.css?17809037401690*/ @media (min-width: 992px) { #heat-calc .bottom-popup { left: calc(50% - 450px - 22px); padding: 16px 22px 0; } #heat-calc .bottom-popup__scroller{ width: 950px; } #heat-calc .bottom-popup__close{ /*top: 9px;*/ /*right: 10px;*/ right: -42px; top: -3px; /*fill: #00513A;*/ } } @media (min-width: 1400px) { #heat-calc .bottom-popup{ left: calc(50% - 600px - 22px); } #heat-calc .bottom-popup__scroller{ width: 1200px; } } @media (min-width: 1700px) { #heat-calc .bottom-popup{ left: calc(50% - 700px - 22px); } #heat-calc .bottom-popup__scroller{ width: 1400px; } } .heat-calc__header{ width: 100%; background-color: #386753; border-radius: 12px; color: white; display: flex; flex-flow: column; gap: 16px; padding: 32px 22px 22px; margin-bottom: 24px; } @media(min-width: 992px) { .heat-calc__header{ flex-flow: row; align-items: center; justify-content: space-between; padding: 16px 22px; margin-bottom: 16px; } } .heat-calc__header-text{ font-size: 24px; font-weight: 600; } .heat-calc__header-links{ font-size: 14px; font-weight: 500; display: flex; justify-content: flex-end; flex-flow: column; gap: 12px; } @media (min-width: 992px) { .heat-calc__header-links{ flex-flow: row; } } .heat-calc__header-links > *{ color: white; text-decoration: none; } .heat-calc__header-links svg{ width: 18px; height: 18px; margin-left: 5px; fill: white; vertical-align: text-top; } /* End */ /* /local/js/vendor/libs/swiper/swiper.css?174592442118453 */ /* /local/css/elements/v2024/swiper.simple.css?17781431702167 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/010-slider.css?17781431704474 */ /* /local/assets/project-likes/style.css?17459244201499 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/alt.css?177814317014347 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/menu.css?17816135124431 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/020-about.css?17815279028069 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/030-plans.css?17809939422811 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/035-color.css?17781431701592 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/040-facades.css?17818566071662 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/070-video.css?17818566071966 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/080-complectation.css?17818579143015 */ /* /local/css/elements/v2024/btn.white.css?1776685396341 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/090-services.css?17818566074109 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/100-similar.css?17766870226354 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/mystyle.css?1776687022153 */ /* /local/components/vue/form/checkboxes/checkbox-4/style.css?1780903740860 */ /* /local/components/vue/form/dropdown-select/style.css?17766870222721 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/095-site-placement.css?178109783511212 */ /* /local/bitrix/templates/.default/components/bitrix/news/projects/bitrix/news.detail/serial-2026/includes/styles/096-site-placement-modal.css?178109783520167 */ /* /local/components/vue/misc/bottom-popup-panel/style.css?17809037402971 */ /* /local/js/vendor/libs/nouislider/nouislider.min.css?17459244214294 */ /* /local/components/vue/heat-calc/temp-slider/style.css?17809037401059 */ /* /local/components/vue/form/search-select/style.css?1780903740794 */ /* /local/components/vue/form/radio/radio-button-2/style.css?1779102057651 */ /* /local/components/vue/form/radio/radio-2/style.css?17809037401224 */ /* /local/components/vue/form/checkboxes/checkbox-brif/style.css?17562198621335 */ /* /local/components/vue/heat-calc/heat-calc-main/style.css?17809037408671 */ /* /local/components/vue/heat-calc/loading-dummy/style.css?1780903740352 */ /* /local/components/vue/form/double-range-slider-4/style.css?17655398752815 */ /* /local/components/vue/form/double-range-input/style.css?1765539875843 */ /* /local/components/vue/form/checkboxes/checkbox-button-3/style.css?1765539875159 */ /* /local/components/vue/projects/list/projects-filter-3/style.css?17695888853601 */ /* /local/components/vue/projects/list/projects-list-item-2/style.css?17815081017415 */ /* /local/components/vue/projects/list/projects-list-2/style.css?1780903740928 */ /* /local/components/vue/form/base-dropdown/style.css?17459244211535 */ /* /local/components/vue/projects/list/sort-dropdown-2/style.css?17809037402104 */ /* /local/components/vue/form/search-box-2/style.css?17703848121511 */ /* /local/components/vue/heat-calc/project-selector/style.css?17809037403475 */ /* /local/assets/heat-calc/style.css?17809037401690 */