/* Start:/local/templates/monolite_new/css/swiper-bundle.min.css?173884469716466*/ /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-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: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: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/monolite_new/css/style.css?174314809658209*/ @charset "UTF-8"; /*Обнуление*/ * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } body { font-size: 14px; } /*------------------ПОДКЛЮЧЕНИЕ ШРИФТОВ---------------------------------------------*/ @font-face { font-family: "Manrope"; src: url("/local/templates/monolite_new/css/../fonts/Manrope-Bold.eot"); src: local("../fonts/Manrope Bold"), local("Manrope-Bold"), url("/local/templates/monolite_new/css/../fonts/Manrope-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/monolite_new/css/../fonts/Manrope-Bold.woff2") format("woff2"), url("/local/templates/monolite_new/css/../fonts/Manrope-Bold.woff") format("woff"), url("/local/templates/monolite_new/css/../fonts/Manrope-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Manrope"; src: url("/local/templates/monolite_new/css/../fonts/Manrope-Semibold.eot"); src: local("../fonts/Manrope Semibold"), local("../fonts/Manrope-Semibold"), url("/local/templates/monolite_new/css/../fonts/Manrope-Semibold.eot?#iefix") format("embedded-opentype"), url("/local/templates/monolite_new/css/../fonts/Manrope-Semibold.woff2") format("woff2"), url("/local/templates/monolite_new/css/../fonts/Manrope-Semibold.woff") format("woff"), url("/local/templates/monolite_new/css/../fonts/Manrope-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Manrope"; src: url("/local/templates/monolite_new/css/../fonts/Manrope-Regular.eot"); src: local("../fonts/Manrope Regular"), local("../fonts/Manrope-Regular"), url("/local/templates/monolite_new/css/../fonts/Manrope-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/monolite_new/css/../fonts/Manrope-Regular.woff2") format("woff2"), url("/local/templates/monolite_new/css/../fonts/Manrope-Regular.woff") format("woff"), url("/local/templates/monolite_new/css/../fonts/Manrope-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } /*------------------ТЕХНИЧЕСКИЕ КЛАССЫ----------------------------------------------*/ .swiper-pagination-current { font-size: 18px; color: #252362; font-weight: 600; } ._container { position: relative; max-width: 1150px; margin: 0 auto; padding: 0 15px; line-height: 26px; font-size: 16px; line-height: 26px; color: #1a1a1a; } ._container>h3, .benefits__text>h3 { font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; text-align: left; } ._container>a, .benefits__text>a, ._container>ul a, .benefits__text>ul a, ._container>p a, .benefits__text>p a, ._container>div>a, .benefits__text>div>a { color: #0075FF; } ._container>a:hover, .benefits__text>a:hover, ._container>ul a:hover, .benefits__text>ul a:hover, ._container>p a:hover, .benefits__text>p a:hover, ._container>div>a:hover, .benefits__text>div>a:hover { text-decoration: underline; } ._container>ul, .benefits__text>ul, ._container>p ul, .benefits__text>p ul{ margin-left: 1em; } ._container>ul li, .benefits__text>ul li, ._container>p ul li, .benefits__text>p ul li{ list-style-type: disc; margin-bottom: 5px; } ._ibg { position: relative; } ._ibg img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; } .loader { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 7; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; opacity: 1; visibility: visible; } .loader.done { opacity: 0; visibility: hidden; } .loader__text { text-align: center; color: #546269; font-size: 60px; width: 60px; height: 60px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } /*---------------------------ГЛАВНЫЕ КЛАССЫ-----------------------------------------*/ body { color: #1a1a1a; font-family: Manrope; font-size: 16px; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; position: relative; width: 100%; overflow: hidden; z-index: 1; } .header { position: relative; padding-top: 20px; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; width: 100%; background-color: #fbf9f7; z-index: 5; } .main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; } .footer { height: 150px; } .header.fixed { position: fixed; top: 0; } /*---------------------------ОСТАЛЬНЫЕ КЛАССЫ---------------------------------------*/ /*---------------------------HEADER-------------------------------------------------*/ .ak-img { width: 100%; } .header-list__linkCall { display: none; } .header-telephone__link { display: none; } .header { background-color: #fbf9f7; } .header-list { background-color: #fbf9f7; } .header.fixed { padding-top: 0; top: 0; } .header.fixed .header-list__linkCall { display: block; } .header.fixed .header__connection { display: none; } .header.fixed .header__logo { overflow: hidden; width: 80px; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .header.fixed .header-list__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header.fixed .header__body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; } .header.fixed .header-list__list li { padding-bottom: 0; } .header__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } .header__connection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 10px; } .header__connection img { margin-top: 4px; margin-right: 10px; width: 20px; height: 20px; } .header__span { border-bottom: dashed 1px #2f2b28; padding-bottom: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .header__connection a { font-size: 14px; line-height: 24px; color: #2f2b28; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .header__connection a:hover { color: #d43721; } .header__connection a:hover .header__span { border-bottom: dashed 1px #d43721; } .header__connection a:hover .header__svg path { fill: #d43721; } .header__connection a:hover { fill: #d43721; } .header-list__linkCall a:hover .header__svg path { fill: #d43721; } .header-list__linkCall a:hover { fill: #d43721; } .header__personal { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 45%; flex: 0 1 45%; max-height: 25px; padding-bottom: 4px; } .header__svg { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 20px; width: 20px; fill: #2f2b28; margin-right: 10px; } .header__svg path { fill: #2f2b28; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__call { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 30%; white-space: nowrap; flex: 0 1 30%; max-height: 25px; padding-bottom: 4px; } .header__telephone { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } .header__telephone span { text-align: right; font-weight: 600; font-size: 18px; line-height: 24px; color: #2f2b28; white-space: nowrap; } .header-list__list { font-size: 14px; line-height: 24px; color: #2f2b28; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-list__list li:not(:last-child) { margin-right: 18px; } .header-list__list a { font-size: 14px; line-height: 24px; color: #2f2b28; } .header-list__list li { position: relative; cursor: pointer; padding-bottom: 0; padding-right: 15px; } .header-list__list img { top: 50%; margin-left: 0; position: absolute; right: 0; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); } @media (min-width: 992px) { .header-list__list li:hover .header-list__sublist { opacity: 1; visibility: visible; } } .header-list__list a:hover { color: #d43721; } .header-list__list li:hover { color: #d43721; } .header-list__sublist { background-color: #ffffff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); width: 300px; left: -50%; -webkit-transform: translatex(-25%); -ms-transform: translatex(-25%); transform: translatex(-25%); top: 30px; z-index: 4; position: absolute; padding: 25px; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-list__sublist::before { content: ""; width: 20px; height: 20px; background-color: #ffffff; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); top: -10px; z-index: 1; } .header-list__sublist li:not(:last-child) { margin-bottom: 20px; } .header-list__sublist li { padding-bottom: 0; } .header__burger { display: none; position: absolute; width: 25px; height: 20px; top: 20px; left: 15px; cursor: pointer; z-index: 5; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__burger::before { content: ""; background-color: #000000; width: 100%; height: 3px; position: absolute; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__burger::after { content: ""; background-color: #000000; width: 100%; height: 3px; position: absolute; bottom: 1px; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__burger span { background-color: #000000; width: 100%; height: 3px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header__burger.active span { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .header__burger.active::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: 8.5px; } .header__burger.active::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 8.5px; } .header-telephone__link { display: none; } .company__items { padding: 0 32px; } @media (max-width: 992px) { .header-list__sublist { opacity: 0; visibility: hidden; } .ID1.active .header-list__sublist { display: block; opacity: 1; visibility: visible; } .ID2.active .header-list__sublist { display: block; opacity: 1; visibility: visible; } .ID3.active .header-list__sublist { display: block; opacity: 1; visibility: visible; } .ID4.active .header-list__sublist { display: block; opacity: 1; visibility: visible; } .ID5.active .header-list__sublist { display: block; opacity: 1; visibility: visible; } .header-list__list { z-index: 5; } .header-list__list li { padding-bottom: 0px; margin-bottom: 20px; } .header-list__list img { position: relative; top: 12px; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); margin-left: 5px; } .header-telephone__link { display: block; } .header { background-color: #fbf9f7; top: 0; height: 60px; position: fixed; width: 100%; z-index: 999; padding-top: 0; } .header__block { height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__personal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; max-height: 25px; padding-bottom: 0px; } .header__call { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; margin-right: 15px; } .header__telephone { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; text-align: right; font-weight: 600; font-size: 18px; line-height: 24px; color: #2f2b28; margin-right: 15px; } .header__connection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-bottom: 0px; } .header__connection span { display: none; } .header__logo img { width: 124px; height: 30px; } .header__logo { padding-left: 35px; } .header__burger { display: block; } .header-list { background-color: #fbf9f7; opacity: 0; visibility: hidden; position: absolute; z-index: 5; } .header-list.active { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; visibility: visible; position: absolute; left: 0; top: 60px; background-color: #fbf9f7; -webkit-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); width: 100%; z-index: 2; /* padding: 25px; */ } .header-list__list { overflow: auto; max-height: 376px !important; } .header-list.active .header-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .header-list.active .header-list__list li { display: block; width: 100%; padding: 10px 15px; margin-bottom: 0; border-bottom: 1px solid #d43721; } .header-list.active .header-list__list li img { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 10px; } .header.fixed .header__connection { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__body { padding-bottom: 0; } .header-list__list li:not(:last-child) { margin-right: 0; } .header-list__sublist { position: relative; display: none; width: 100%; height: 100%; left: 0; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); width: 100%; top: 0px; z-index: 5; } .header-list__sublist::before { display: none; } .header__svg { margin-top: 4px; } } /*------------------------CONSTRUCTION-------------------------------------------------*/ .construction { max-height: 450px; position: relative; } .construction__img { padding: 12%; position: absolute; width: 100%; z-index: 1; height: 450px; } .construction__img img { z-index: 1; position: absolute; left: 0; top: 0; max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center 80%; object-position: center 80%; } .construction__block { position: absolute; left: 0; top: 32px; z-index: 2; } .construction__block h1 { font-weight: 600; font-size: 30px; line-height: 40px; color: #252362; padding-left: 15px; position: relative; text-align: left; z-index: 1; margin:0; } h1 { font-weight: 600; font-size: 30px; line-height: 40px; color: #252362; text-align: center; margin: 37px 0 12px 0; } @media (max-width: 992px) { .construction { /* margin-top: 60px; */ margin-top: 0; } .construction__img { padding: 12%; position: absolute; width: 100%; z-index: 1; height: 400px; } .h1 { margin: 77px 0 12px 0; } .construction__block h1 { font-size: 24px; line-height: 34px; } } @media (max-width: 767px) { .construction__img { padding: 12%; position: absolute; width: 100%; z-index: 1; height: 350px; } h1 { font-size: 24px; line-height: 34px; margin: 77px 0 12px 0; } } @media (max-width: 500px) { .construction__img { padding: 12%; position: absolute; width: 100%; z-index: 1; height: 300px; } ._container { font-size: 14px; line-height: 24px; } .construction__block { /* max-width: 280px; */ } } /*------------------------BENEFITS-------------------------------------------------*/ .benefits { margin-top: 510px; } .benefits2 { margin-top: 510px; } .benefits__block { padding-top: 13px; } .benefits__text { font-size: 16px; line-height: 26px; color: #1a1a1a; max-width: 780px; margin: 0 auto; } .benefits__title { font-weight: 600; font-size: 24px; line-height: 34px; text-align: center; color: #252362; margin: 27px 0 12px 0; } .benefits__slider { margin-top: 37px; } .benefits-slider { overflow: hidden; } .benefits-slider__img { max-width: 100%; /*border-radius: 5px;*/ overflow: hidden; } .benefits-slider__img img, .popular-item__img img { border-radius: 5px; } .title { font-weight: 600; font-size: 24px; line-height: 34px; text-align: center; color: #252362; color: #252362; } .benefits-slider__title { font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; margin: 12px 0 5px 0; } .benefits-slider__text { font-size: 16px; line-height: 26px; color: #1a1a1a; margin-bottom: 26px; min-height: 52px; } .benefits-slider__button { border: 1.5px solid #d43721; max-width: 360px; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .benefits-slider__button a, .benefits-slider__button button { padding: 15px 20px; color: #d43721; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; } .benefits-slider__button:hover { background-color: #d43721; } .swiper-button-pre { position: absolute; left: 0; cursor: pointer; } .swiper-button-nex { position: absolute; right: 0; cursor: pointer; } .swiper-pagination { max-width: 40px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider__button { position: relative; width: 160px; height: 30px; margin: 34px auto 42px auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .swiper-pagination { width: 60px; white-space: nowrap; } .benefits-slider__button:hover a { color: #ffffff; } @media (max-width: 992px) { .benefits { margin-top: 460px; } .benefits2 { margin-top: 460px; } } @media (max-width: 767px) { .benefits { margin-top: 410px; } .benefits2 { margin-top: 410px; } .item__block { max-width: 360px; margin: 0 auto; } } @media (max-width: 500px) { .benefits { margin-top: 360px; } .benefits2 { margin-top: 360px; } .benefits__text { font-size: 14px; line-height: 24px; } .benefits__title { margin: 32px 0 12px 0; text-align: left; } .slider__button { position: relative; width: 130px; height: 30px; margin: 33px 0 33px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .benefits-slider__text { font-size: 14px; } .benefits-slider__title { max-width: 230px; } .benefits-slider__button a { font-size: 14px; } } .swiper-button-pre { height: 18px; width: 10px; } .swiper-button-nex { height: 18px; width: 10px; } /*------------------------POPULAR-------------------------------------------------*/ .popular { background: #fbf9f7; padding-bottom: 50px; } .popular__title { padding: 41px 22px 12px 22px; } .popular__text { font-size: 16px; line-height: 26px; color: #1a1a1a; max-width: 780px; margin: 0 auto 37px auto; padding: 0 22px; } .popular__slider { overflow: hidden; } .popular-item { background-color: #ffffff; padding-bottom: 20px; } .popular-item__img { position: relative; max-width: 360px; overflow: hidden; border-radius: 5px; } .popular-item__body { position: absolute; left: 21px; bottom: 21px; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 6; } .popular-item__body span:not(:last-child) { margin-right: 19px; } .popular-item__body img { margin-right: 7px; } .popular-item__3d { position: absolute; right: 0; top: 0; background: #ffd200; border-radius: 0px 5px; } .popular-item__3d a { font-family: Manrope; display: inline-block; font-size: 14px; line-height: 24px; text-align: center; color: #1a1a1a; padding: 12px; } .popular-item__title { font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; margin: 12px 0 3px 0; } .popular-item__title a { color: #252362; } .popular-tabs__items { background: #f2ece6; border-radius: 14px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popular-tabs__item { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; font-size: 14px; line-height: 24px; color: #D43721; padding: 2px 15px; position: relative; z-index: 2; } .ak-tab-active { color: #ffffff; background-color: #D43721; } .popular-tabs__block.active { display: block; } .popular-tabs__block { position: relative; padding-top: 15px; display: none; font-weight: 600; font-size: 24px; line-height: 28px; color: #d43721; } .popular-tabs__block::before { border-radius: 14px; content: ""; width: 33.333%; position: absolute; top: -27px; height: 27px; left: 0; background-color: #d43721; z-index: 1; } .popular-tabs__block:nth-child(1)::before { left: 0; } .popular-tabs__block:nth-child(2)::before { left: 33.333%; } .popular-tabs__block:nth-child(3)::before { left: 66.666%; } .popular__button { background: #252362; border-radius: 5px; max-width: 345px; text-align: center; margin: 0 auto; border: 1px solid #252362; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .popular__button:hover { background-color: #ffffff; } .popular__button:hover a { color: #252362; } .popular__button a { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 15px 33px; display: inline-block; font-weight: 600; font-size: 16px; line-height: 24px; color: #ffffff; } @media (max-width: 500px) { .popular__title { text-align: left; } .popular__text { font-size: 14px; } .popular__button a { font-size: 14px; } } /*------------------------HOME-------------------------------------------------*/ .home__title { color: #252362; padding: 42px 0 14px 0; } .home__text { font-size: 16px; line-height: 26px; color: #1a1a1a; margin: 0 auto 20px auto; max-width: 780px; } .home__slider { overflow: hidden; } .home-item__img { border-radius: 5px; overflow: hidden; position: relative; } .home__shadow { width: 100%; height: 100%; z-index: 5; position: absolute; left: 0; bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100,131313+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#131313)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #131313 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#131313",GradientType=0 ); /* IE6-9 */ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .home__shadow:hover { background-color: #00000000; } .home-item__body { position: absolute; left: 15px; bottom: 3px; z-index: 6; font-weight: 600; font-size: 18px; line-height: 28px; color: #ffffff; } .home-item__text { font-size: 16px; line-height: 26px; color: #1a1a1a; padding: 12px 0 2px 0; } .home-item__button a { font-size: 16px; line-height: 28px; color: #d43721; text-decoration: underline; } .item__block { position: relative; } .home__buttons { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 710px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home__button { width: 345px; border: 1.5px solid #d43721; border-radius: 5px; margin-bottom: 20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .home__button:not(:last-child) { margin-right: 20px; } .home__button a { display: block; padding: 15px 30px; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #d43721; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .home__button:hover { background-color: #d43721; } .home__button:hover a { color: #ffffff; } @media (max-width: 739px) { .home__button:not(:last-child) { margin-right: 0px; } } @media (max-width: 500px) { .home__title { text-align: left; } .home__text { font-size: 14px; } .home__button a { font-size: 14px; } .home-item__text { font-size: 14px; } .home-item__button a { font-size: 14px; } } /*------------------------RECOMMENDATIONS-------------------------------------------------*/ .recommendations { padding-top: 42px; padding-bottom: 51px; background: #fbf9f7; } .recommendations__block { overflow: hidden; } .recommendations__text { font-weight: 400; font-size: 16px; line-height: 24px; color: #1a1a1a; padding-bottom: 29px; padding-top: 5px; } .recommendations-item__img img { max-width: 360px; } .recommendations-item__img { border-radius: 5px; overflow: hidden; position: relative; z-index: 1; } .recommendations-item__body { position: absolute; left: 15px; bottom: 12px; z-index: 6; font-weight: 600; font-size: 18px; line-height: 28px; color: #ffffff; } .recommendations-item__img span { cursor: pointer; position: absolute; z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .recommendations-item__text { padding-top: 12px; font-size: 16px; line-height: 26px; color: #1a1a1a; max-width: 330px; margin: 0 auto; } .recommendations-item__button { margin-top: 32px; margin: 0 auto; background-color: #252362; max-width: 345px; border-radius: 5px; border: 1px solid #252362; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .recommendations-item__button a { display: block; padding: 15px 40px; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #ffffff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .recommendations-item__button:hover { background-color: #ffffff; } .recommendations-item__button:hover a { color: #252362; } .recommendations__popup.active { visibility: visible; opacity: 1; } .recommendations__popup { position: fixed; width: 100%; height: 100%; background: #00000093; z-index: 999; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .recommendations-popup__body { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; } .recommendations-popup__content { position: relative; width: 1200px; } .recommendations-popup__close { cursor: pointer; position: absolute; right: 0px; top: -30px; font-size: 30px; color: #fff; } .recommendations-popup__video { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .recommendations-popup__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } @media (max-width: 500px) { .recommendations__title { text-align: left; } .recommendations__text { font-weight: 400; font-size: 14px; line-height: 24px; color: #1a1a1a; padding-bottom: 29px; padding-top: 5px; } .recommendations-item__button a { font-size: 14px; } .recommendations-item__text { font-size: 14px; } } /*------------------------CONPANY-------------------------------------------------*/ .company { padding-bottom: 80px; } .company__title { padding: 71px 0 30px 0; } .company__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .company-item { /* -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 50px; } .company-item__body { padding-left: 14px; font-size: 16px; line-height: 24px; color: #1a1a1a; } .company-item__span { font-size: 16px; line-height: 24px; color: #d43721; font-weight: 500; } .company-item__span span { font-size: 18px; line-height: 28px; color: #d43721; font-weight: 700; } @media (max-width: 1115px) { .company__items { padding: 0px; } .company-item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left:0; } } @media (max-width: 992px) { .company__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .company-item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } } @media (max-width: 500px) { .company__title { padding: 71px 0 0px 0; } .company__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .company-item { margin-left: 45px; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; } .application-form__title { font-size: 23px; } } /*------------------------CONPANY-------------------------------------------------*/ .application__form { max-width: 600px; margin: 0 auto; background: #252362; border-radius: 5px; padding: 40px; } .application-form__form div:not(:last-child) { margin-bottom: 5px; } .application-form__title { padding: 0px 0 8px 0; font-weight: 600; font-size: 24px; line-height: 34px; text-align: center; color: #ffffff; } .application__text { font-size: 16px; line-height: 26px; text-align: center; color: #ffffff; padding-bottom: 32px; } .application__name { overflow: hidden; border-radius: 5px; width: 100%; } .application__name input { width: 100%; font-size: 16px; line-height: 26px; color: #000000; padding: 8px 15px; } .application__name input::-webkit-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__name input::-moz-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__name input:-ms-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__name input::-ms-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__name input::placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__mail { overflow: hidden; border-radius: 5px; width: 100%; } .application__mail input { width: 100%; font-size: 16px; line-height: 26px; color: #000000; padding: 8px 15px; } .application__mail input::-webkit-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__mail input::-moz-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__mail input:-ms-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__mail input::-ms-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__mail input::placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__number { overflow: hidden; border-radius: 5px; width: 100%; } .application__number input { width: 100%; font-size: 16px; line-height: 26px; color: #000000; padding: 8px 15px; } .application__number input::-webkit-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__number input::-moz-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__number input:-ms-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__number input::-ms-input-placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__number input::placeholder { font-size: 16px; line-height: 26px; color: #99938e; } .application__comm { width: 100%; height: 80px; overflow: hidden; border-radius: 5px; } .application__comm textarea { resize: none; width: 100%; height: 80px; font-size: 16px; line-height: 26px; color: #000000; padding: 8px 15px; } .application__file { margin: 15px 0 11px 0; font-size: 16px; line-height: 28px; color: #ffd200; position: relative; text-align: center; } .application__file img { margin-top: 3px; margin-right: 9px; } .application__file input { position: absolute; opacity: 0; cursor: pointer; } .application__agreement { font-size: 12px; line-height: 28px; color: #ffffff; text-align: center; } .application__agreement input { margin-right: 5px; margin-top: 3px; } .application__button { max-width: 315px; margin: 0 auto; background: #d53721; border-radius: 5px; text-align: center; } .application__button input { background-color: #d53721; font-weight: 600; font-size: 16px; line-height: 24px; color: #ffffff; padding: 15px 0; } .application__text2 { padding-top: 72px; font-size: 16px; line-height: 26px; color: #1a1a1a; text-align: left; max-width: 780px; margin: 0 auto; padding-bottom: 70px; } .application__text2 a { text-decoration: underline; font-size: 16px; line-height: 28px; color: #d43721; } @media (max-width: 500px) { .application__form { padding: 15px; } .application-form__title { text-align: left; padding-top: 21px; } .application__text { font-size: 14px; text-align: left; padding-bottom: 30px; padding-top: 0; color: #fff; } .application__text2 { font-size: 14px; } .application__text2 a { font-size: 14px; } .application__name input { font-size: 14px; } .application__name input::-webkit-input-placeholder { font-size: 14px; } .application__name input::-moz-placeholder { font-size: 14px; } .application__name input:-ms-input-placeholder { font-size: 14px; } .application__name input::-ms-input-placeholder { font-size: 14px; } .application__name input::placeholder { font-size: 14px; } .application__mail input { font-size: 14px; } .application__mail input::-webkit-input-placeholder { font-size: 14px; } .application__mail input::-moz-placeholder { font-size: 14px; } .application__mail input:-ms-input-placeholder { font-size: 14px; } .application__mail input::-ms-input-placeholder { font-size: 14px; } .application__mail input::placeholder { font-size: 14px; } .application__number input { font-size: 14px; } .application__number input::-webkit-input-placeholder { font-size: 14px; } .application__number input::-moz-placeholder { font-size: 14px; } .application__number input:-ms-input-placeholder { font-size: 14px; } .application__number input::-ms-input-placeholder { font-size: 14px; } .application__number input::placeholder { font-size: 14px; } .application__comm textarea { font-size: 14px; } .application__file { font-size: 14px; } .application__button input { font-size: 14px; } .application__file { text-align: left; text-decoration: underline; } .application__agreement { text-align: left; } } /*------------------------FOOTER-------------------------------------------------*/ /*------------------------FOOTER-------------------------------------------------*/ /*------------------------FOOTER-------------------------------------------------*/ .footer { background: #fbf9f7; min-height: 520px; position: relative; margin: 0 -25px; } .footer__block { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__content { /* padding-left: 25px; */ padding-bottom: 50px; background: #fbf9f7; position: relative; z-index: 10; -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; } .footer-content { font-weight: 600; font-size: 14px; line-height: 24px; color: #2f2b28; } .footer-content img { margin-right: 15px; } .footer-content__logo { margin: 40px 0; } .footer-content__messages { margin-bottom: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-content__message:last-child { margin-right: 0px; } .footer-content__whatsapp { margin: 13px 0; } .footer-content__adres { margin: 13px 0; } .footer-content__adres a { font-size: 14px; line-height: 24px; color: #d43721; text-decoration: underline; margin-left: 37px; } .footer-content__reserved { margin-top: 80px; } .footer__body { -webkit-box-flex: 0; -ms-flex: 0 1 70%; flex: 0 1 70%; } .footer-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 32px 90px; overflow: hidden; position: relative; z-index: 3; } .footer-body__home { padding-right: 60px; } .footer-body__title { font-weight: 600; font-size: 18px; line-height: 28px; color: #ffffff; } .footer-body__list a { font-size: 14px; line-height: 30px; color: #ffffff; text-decoration: underline; } .footer-body__list:not(:last-child) { margin-bottom: 10px; } .footer__img { bottom: 0; right: 0; width: 100%; height: 100%; padding-bottom: 20%; position: absolute; overflow: hidden; } .footer__img img { max-width: 1160px; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .footer-body__img { display: none; } @media (max-width: 992px) { .footer__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .footer { background: #fbf9f7; min-height: 670px; position: relative; margin: 0 -25px; } .footer__img { display: none; } .footer-body__list { display: none; } .footer-body { display: block; padding: 0; } .footer-content { padding: 0 15px; } .footer-body__title { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; font-size: 18px; line-height: 28px; color: #ffffff; padding-bottom: 10px; margin: 0 15px; border-bottom: 1px solid #99938e; position: relative; } .footer-body__img { display: block; margin-top: 5px; margin-left: 11px; } .footer { background: #fbf9f7; min-height: 520px; position: relative; margin: 0 -15px; } .footer-body__home { background: #2f2b28; padding-right: 0px; padding: 6px 0; } .footer-body__clients { background: #2f2b28; padding: 6px 0; } .footer-body__proekt { background: #2f2b28; padding: 6px 0 0px 0; margin-bottom: -1px; } .footer-body__list.active { display: block; } .footer-body__list { padding-left: 25px; background-color: #47423e; } } .header__popup.active { opacity: 1; visibility: visible; } .header__call { cursor: pointer; } .popular-tabs__item { white-space: nowrap; } .header__popup { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; background: #00000093; z-index: 999; left: 0; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-popup__body { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; } .header-popup__content { background-color: #f2ece6; width: 360px; padding: 15px; position: relative; } .header-popup__close { cursor: pointer; position: absolute; right: 5px; top: 0px; font-size: 20px; color: black; } .header-popup__title { font-weight: 600; font-size: 18px; line-height: 28px; color: #000000; text-align: center; padding-bottom: 5px; } .header-popup__name { width: 100%; height: 35px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .header-popup__name input { width: 100%; height: 35px; padding: 5px 10px; } .header-popup__number { width: 100%; height: 35px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .header-popup__number input { width: 100%; height: 35px; padding: 5px 10px; } .header-popup__cheakbox { margin-top: 15px; font-size: 14px; line-height: 14px; color: #000000; } .header-popup__cheakbox span { padding-left: 5px; } .header-popup__button { margin-top: 15px; width: 100%; height: 35px; background-color: #d43721; border-radius: 10px; text-align: center; overflow: hidden; } .header-popup__button input { color: #fff; width: 100%; height: 100%; background-color: #d43721; } /*AK CSS*/ .header__logo { margin-top: 3px; } .fixed .header__logo { margin-top:0; } .home__block .home-item__body { bottom: 19px; } .recommendations-item__body { bottom: 19px; } @media (min-width: 992px) { .header-list__list li:nth-child(7) { padding-right: 0px; margin-right: 0; } .fixed .header-list__list li:nth-child(7) { padding-right: 18px; margin-right: 15px; } } .home__shadow { width: 100%; height: 33%; z-index: 5; position: absolute; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#131313)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #131313 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #131313 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#131313",GradientType=0 ); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } /*.home__block .slider__button { margin: 8px auto 24px auto; }*/ .recommendations__block .slider__button { margin: 36px auto 27px auto; } .home__buttons { margin-bottom: 27px; } .recommendations { padding-top: 0; padding-bottom: 49px; } .popular__text { margin: 0 auto ; } .application__file { text-decoration: underline; } .ak-nopadding { padding-right: 0; } .ak-pad-text { padding-right: 15px; } .home-item__button { padding-left: 15px; } .popular__slider { margin: 25px 0; } .popular-item__tabs { width: 94%; padding-left: 8px; } .popular-tabs__block, .popular-item__title { padding-left: 8px; } .popular-tabs__item { padding: 2px 6px; } .benefits-slider__title, .benefits-slider__text { padding-left: 15px; padding-right: 15px; } .popular { padding-bottom: 25px; } .popular__title, .popular__text, .home-item__text { padding-left: 15px; } .header.fixed .header__logo { overflow: visible; } /* Error*/ .construction__img img { height: 448px; } .header__connection { margin-top: -6px; } .benefits { margin-top: 0px; } .benefits2 { margin-top: 445px; } .benefits-slider__button { display: inline-block; } .benefits-slider__button a { text-align: left; } .popular-tabs__item { border-radius: 14px; } .popular-item__title { margin: 11px 0 12px 0; } .slider__button { margin-top: 37px; } .application__agreement { margin-bottom: 12px !important; } /*Content correction*/ h2 { font-weight: 600; font-size: 24px; line-height: 34px; text-align: center; color: #252362; margin: 27px 0 12px 0; } .application__form { margin: 20px auto; } .application__text2 { padding-top: 52px; } .company { padding-bottom: 60px; } .header__block ul li { list-style: none; } .footer-body ul li { list-style: none; } .ak-flex { display: flex; } .ak-pad { margin-right: 15px; } .ak-cor h1 { color: #ffff; } .ak-cor { padding-bottom: 430px; } .ak-cor .construction__img img { height: 420px; filter: brightness(70%); } .ak-breadcr { margin-top: -20px; } .ak-bl { margin-top: 10px; } .ak-breadcr ul a:hover { text-decoration: underline; } .ak-breadcr li, .ak-breadcr ul, .ak-breadcr ul a { list-style: none; color: #fff; display: inline-block; } .ak-bl li, .ak-bl ul, .ak-bl ul a { color: #252362; font-size: 15px; } .ak-breadcr li:not(:last-child)::after { content: ' / '; display: inline-block; padding-left: 6px; padding-right: 2px; } .ak-personal-info { color: #fff; border-bottom: 1px solid #fff; } /*Элементы галереи*/ .ak-pgobjects .object { margin-top: 65px; box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); padding: 0; border: 1px solid #e5e5e5; width: auto; color: #7a7a7a; margin: 0 auto; text-align: left; margin-bottom: 65px; } .ak-pgobjects .object .description { padding: 20px 0 0; float: right; width: 794px; padding-left: 20px; } .ak-pgobjects .object .description .name { font-size: 18px; color: #574343; line-height: 1; padding: 0; text-decoration: none; display: block; font-weight: 500; } .ak-pgobjects .object .description .info { padding: 15px 0 0; font-size: 14px; color: #989797; } .ak-pgobjects .object .description .images { padding: 0; margin-top: 25px; } .ak-pgobjects .object .main_img { float: left; width: 320px; } .ak-pgobjects .object .description .images a { float: left; margin-right: 27px; } .ak-pgobjects .object .more { color: #dc6655; padding-top: 3px; padding-right: 47px; font-size: 18px; text-decoration: underline; float: right; } .ak-pgobjects .object .more:hover { text-decoration: none; } .ak-pgobjects .object .more.on_mob { display: none; float: none; } .ak-pgobjects .object::after { content: ''; display: block; clear: both; } .ak-pgobjects .object .description .spacer { display: none; } .home-select { padding-left: 7px; } /*****************ПРОЕКТЫ С ФИЛЬТРОМ*************************/ .ak-project-item { position: relative; width: 360px; display: inline-block; padding-bottom: 15px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-bottom: 10px !important; margin-top: 10px !important; } .catalog-filter { font-size: 16px; } .ak-id-project { position: absolute; right: 5px; bottom: 21px; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 6; } .ak-filter-options { display: flex; justify-content: flex-start; align-items: baseline; } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label input + span { width: 22px; height: 22px; border: 1px solid #dad6d0; background: #fff; display: inline-block; float: left; transition: background-color .3s, border-color .3s; margin-right: 7px; margin-top: 7px; } .ak-pj-viewed { display: flex; justify-content: space-between; flex-wrap: wrap; } .modern-page-navigation { margin: 15px auto; width: 300px; } .modern-page-navigation a { color: #000; } .modern-page-navigation a:hover { text-decoration: underline; } ._container ul.object-card__list li { list-style: none; } .ak-pagin .navigation-pages { margin: 15px auto; width: 390px; font-size: 19px; } .ak-pagin .navigation-pages a, .ak-pagin .navigation-title { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; border-right: 0; position: relative; padding: 0 10px; z-index: 1; color: #000; } .ak-pagin .nav-current-page { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; position: relative; padding: 0 10px; z-index: 1; color: #dc6655; font-weight: bold; } .ak-pagin .nav-current-page:not(:last-child), .ak-pagin a:not(:last-child) { border-right: 1px solid #cdcdcd !important; } .ak-pagin a:hover { text-decoration: underline; } @media (max-width: 1120px) { .ak-pj-viewed { justify-content: space-around; } } @media (max-width: 954px) { .ak-filter-options { flex-direction: column; } .ak-projects .filters_wrap_2 { margin-top: 15px; line-height: 14px; } .ak-projects .filters_wrap_2 .info, .ak-filter-options { font-size: 14px !important; } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label { font-size: 14px !important; } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .selected, .specialnoe-predlozjenie .catalog-filter .catalog-filter-block .from { font-size: 15px !important; } } /*************************************END***********************************/ @media (max-width: 1150px) { .ak-pgobjects .object .description .images a:nth-child(5) { display: none; } .ak-pgobjects .object .description { width: 734px; } } @media (max-width: 1090px) { .ak-pgobjects .object .description { width: 690px; } .ak-pgobjects .object .description .images a { margin-right: 20px; } } @media (max-width: 1042px) { .ak-pgobjects .object .description { width: 670px; } } @media (max-width: 1022px) { .ak-pgobjects .object .description .images { display: none; } .ak-pgobjects .object { position: relative; } .ak-pgobjects .object .description { width: auto; position: absolute; left: 340px; right: 15px; top: 0; padding-left: 0; } .ak-pgobjects .object .description .more { float: none; display: block; margin-top: 20px; padding: 0; } } @media (max-width: 639px) { .ak-pgobjects .object { position: relative; width: 350px; margin: 30px auto 0; padding: 15px; text-align: center; } .ak-pgobjects .object .description { width: auto; position: static; left: auto; right: auto; top: 0; float: none; text-align: center; padding: 0 !important; margin-bottom: 20px; } .ak-pgobjects .object .main_img { display: block; float: none; color: #dc6655; width: auto; } .ak-pgobjects .object .more.on_mob { display: inline-block; padding: 0; margin-top: 15px; float: none; color: #dc6655; } .ak-pgobjects .object .description .more { display: none; } .ak-pgobjects .object .description .info span { display: block; } } /***********************************end*****************************/ /*ГАЛЕРЕЯ*/ .fancybox-title-over { text-align: center; } .video-frame { overflow: hidden; } .sidebar .review_video_img { width: 100%; } .home-select { background-color: #fff; } /*кнопка в проекте*/ /*footer*/ @media (max-width: 1800px) { .footer__img img { padding-left: 1%; } } @media (max-width: 1700px) { .footer__img img { padding-left: 4%; } } @media (max-width: 1600px) { .footer__img img { padding-left: 8%; } } @media (max-width: 1500px) { .footer__img img { padding-left: 12%; } } @media (max-width: 1400px) { .footer__img img { padding-left: 15%; } } @media (max-width: 1300px) { .footer__img img { padding-left: 20%; } } @media (max-width: 1200px) { .footer__img img { padding-left: 25%; } } @media (max-width: 1100px) { .footer__img img { padding-left: 33%; } } @media (max-width: 992px) { .footer__img img { padding-left: 35%; } } /********/ @media (max-width: 1200px) { .header.fixed .header__logo { overflow: hidden; } } @media (max-width: 1053px) { /* .item__block, .popular-item__img, .popular-item__img a img { max-width: 340px; } */ .item__block { margin: 0 auto; } } @media (max-width: 992px) { .benefits2 { margin-top: 385px; } .ak-cor { padding-bottom: 420px; } .header.fixed .header__logo { overflow: visible; } .header-list__linkCall { display: none!important; } .company__items { width: 600px; margin: 0 auto; } /*Mobile menu tweak*/ .ID1.active img, .ID2.active img, .ID3.active img, .ID4.active img, .ID5.active img { top: 15px !important; transform: scaleY(-1) !important; } .ak-breadcr { display: none; } .ak-noimg { padding-top: 0px; } .ak-noimg h1 { margin-top: 80px; } } @media (max-width: 765px) { .popular__title, .popular__text { padding-left: 0; } .home__buttons { padding-right: 15px; } .ak-flex { flex-direction: column; } .ak-flex img{ margin: 15px auto; } .ak-cor { padding-bottom: 400px; } } @media (max-width: 500px) { .benefits { margin-top: 0px; } .benefits2 { margin-top: 300px; } .home__block .slider__button { margin: 37px 0 24px 0; } .popular__slider .slider__button, .benefits__slider .slider__button { margin: 37px 0 33px 0; } .benefits-slider__title { max-width: 360px; } .recommendations__block .slider__button { margin: 36px 0 27px 0; } .popular__title, .popular__text { padding-left: 0px; } .recommendations .popular__title, .recommendations .popular__text, .recommendations-item__text { padding-left: 15px; } .item__block, .popular-item__img, .popular-item__img a img { max-width: 340px; } .slider__button { position: relative; margin: 11px 0 33px 0; } .ak-cor { /*padding-bottom: 320px;*/ padding-bottom: 380px; } } @media (max-width: 380px) { .item__block, .popular-item__img, .popular-item__img a img { max-width: 340px; } } /*h1 problem*/ @media (max-width: 992px) { .construction__block h1 { margin-top: 50px; } } .btn_close_calc_desktop { float:right; } .text_review_avatar img { max-width: 100%; } /*КОНТАКТЫ*/ .ak-ymaps { position: relative; width: 100% !important; padding-bottom: 0; } .kontakti_2 .contacts_block { background: #faf5e8; width: 483px; height: 500px; padding: 30px; position: absolute; left: 5%; top: 0; z-index: 1; } .kontakti_2 .contacts_block { font-size: 16px !important; } .kontakti_2 .contacts_block a { font-weight: 600; } .ak-ymaps .emails a { text-decoration: underline; } .ak-ymaps .emails a:hover { text-decoration: underline; } @media (max-width: 1200px) { .kontakti_2 .contacts_block { position: relative; width: 100%; } } .calk_fake_checkbox { background-color: #ffff; border-radius: 3px; margin-right: 8px; } /* End */ /* Start:/local/templates/monolite_new/css/new.css?1738844697316971*/ html.noscroll, html.noscroll body { overflow: hidden !important; max-height: 100%; height: 100% } .required { transition: background .3s } .required.error { background: #dc6655 !important } .msgPopup { display: none; padding: 30px; width: 400px; height: 108px; margin: -54px 0 0 -200px; border-radius: 5px; position: fixed; top: 50%; left: 50%; background: #fff; z-index: 1000000 } .msgPopup .close { width: 30px; height: 30px; font-size: 30px; line-height: 30px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer } .specialnoe-predlozjenie .catalog-filter .ui-slider, .ss-content, .ss-scroll, .ss-wrapper, .video_wrap { position: relative } .msgPopup .msg { text-align: center; font-size: 20px } @media (max-width:479px) { .msgPopup .msg, .msgPopup:before { display: inline-block; vertical-align: middle } .msgPopup { width: auto; left: 15px; right: 15px; top: 15px; bottom: 15px; margin: 0; font-size: 0; height: auto } .msgPopup:before { content: ''; height: 100% } } .ss-content, .ss-wrapper { height: 100% } @media (max-width:959px) { .content_ { padding-top: 135px !important } } @media (max-width:767px) { .content_ { padding-top: 70px !important } } .clear { padding: 0 !important } .modern-page-navigation .modern-page-title, div.modern-page-navigation a, div.modern-page-navigation a.modern-page-previous, span.modern-page-current, span.modern-page-dots { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; border-left: 1px solid #cdcdcd !important; border-right: 0; position: relative; padding: 0 10px; z-index: 1 } .modern-page-navigation { font-size: 0 } .modern-page-navigation .modern-page-title, .modern-page-navigation .modern-page-title+a, .modern-page-navigation .modern-page-title+span { border: none !important } .modern-page-navigation span.dots { display: inline-block; margin: 0 -1px 10px; vertical-align: middle; border: none !important } .modern-page-navigation span.dots+a, .modern-page-navigation span.dots+span { border-left: 0 !important } .ss-wrapper { overflow: hidden; width: 100% !important; z-index: 1; float: left } .ss-content, .ss-content.rtl { width: calc(100% + 18px) !important } .ss-content { padding: 0 !important; overflow: auto; box-sizing: border-box } .ss-content.rtl { right: auto } .ss-scroll { background: #c1c1c1; width: 9px !important; border-radius: 4px; top: 0; z-index: 2; cursor: pointer; transition: opacity .25s linear; margin: 0 !important } .ss-hidden { display: none } .ss-container:active .ss-scroll, .ss-container:hover .ss-scroll { opacity: 1 } .ss-grabbed { -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none } .catalog-section-list { padding-bottom: 0 !important } .video_wrap { padding-bottom: 56.25% !important; height: 0; width: 100% } .video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none } h1 { font-family: Manrope; } .seconds__ .breadcrumb, .seconds__ h1, .site .container { width: 1150px; padding-left: 0; padding-right: 0 } .site .container-sm { max-width: 800px } .seconds__.actions h1 { font-size: 28px; text-align: left } @media (max-width:959px) { .seconds__.actions h1 { font-size: 28px } } .seconds__ .breadcrumb { padding: 15px 0 0; font-size: 18px } .seconds__ .breadcrumb li a, .seconds__ .breadcrumb li span { font-size: 18px } .seconds___ div, .seconds___ p, .seconds___ ul { width: auto } .seconds__ h1 { text-align: left; font-size: 28px; margin-top: 40px; padding-bottom: 27px } .seconds__ h2, .seconds__ h3, .seconds__ h4, .seconds__ h5, .seconds__ h6 { text-align: left; margin: 0 auto; padding-bottom: 27px; max-width: 1150px; padding-left: 0; padding-right: 0 } .seconds__ h2 { font-size: 24px } .seconds__ h3, .seconds__ h4, .seconds__ h5, .seconds__ h6 { font-size: 22px } .seconds__ .free_consultation h2 { padding: 30px 0 !important; text-align: center; max-width: 100% } .button { background: #dc6655; border-radius: 3px; border-width: 0; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); display: block; font: 400 19px Manrope; padding: 13px 20px; transition: .3s; max-width: 100%; text-align: center; text-decoration: none; color: #fff } .button:hover { background: #d4432c } .button.open { border: 2px solid #dc6655; background: #fff; color: #dc6655 } .button.open:hover { color: #fff; border-color: #d4432c; background: #d4432c } .seconds___ .sidebar, .sidebar { width: 291px; float: right } .seconds___ .sidebar.mobile, .sidebar.mobile { display: none } .seconds___ .sidebar .block, .sidebar .block { border: 1px solid #e5e5e5; box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding: 0 } .seconds___ .sidebar .block .title, .sidebar .block .title { font-size: 18px; background: #faf5e8; line-height: 60px; padding: 0 20px; margin-bottom: 0 } .seconds___ .sidebar .block .content, .sidebar .block .content { min-height: 0; margin: 0 !important; padding: 10px 20px !important } .seconds___ .sidebar .gift, .sidebar .gift { border: 1px solid #faf5e8; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-top: 26px; padding: 25px 30px 100px; background: url(/bitrix/templates/monolite/images/new/gift.png) center bottom 36px no-repeat; font-size: 16px; text-align: center } .seconds___ .sidebar .gift .red, .sidebar .gift .red { color: #dc6655 } .seconds___ .sidebar .sidebar_link, .sidebar .sidebar_link { display: block; border: 1px solid #faf5e8; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-top: 26px; height: 50px; line-height: 1; font-size: 0; text-align: center; color: #dc6655; transition: .3s; text-decoration: none; padding: 0 } .seconds___ .sidebar .sidebar_link.big span, .sidebar .sidebar_link.big span { font-size: 18px } .seconds___ .sidebar .sidebar_link:before, .sidebar .sidebar_link:before { content: ''; display: inline-block; vertical-align: middle; height: 100% } .seconds___ .sidebar .sidebar_link span, .sidebar .sidebar_link span { display: inline-block; vertical-align: middle; font-size: 16px } .seconds___ .sidebar .sidebar_link:hover, .sidebar .sidebar_link:hover { background: #dc6655; color: #fff } .seconds___ .sidebar .sidebar_link.nohover:hover { background: #FFF; color: #dc6655 } .seconds___ .sidebar .sidebar_link.red, .sidebar .sidebar_link.red { background: #dc6655; color: #fff; border-radius: 5px } .seconds___ .sidebar .sidebar_link.red:hover, .sidebar .sidebar_link.red:hover { background: #d4432c } .seconds___ .sidebar .house_parameters ul, .sidebar .house_parameters ul { margin: 0 !important; padding: 0 !important; list-style-type: none } .seconds___ .sidebar .house_parameters ul li, .sidebar .house_parameters ul li { font-size: 15px; line-height: 20px; list-style-type: none } .seconds___ .sidebar .house_parameters ul li:after, .sidebar .house_parameters ul li:after { content: ''; display: block; clear: both } .seconds___ .sidebar .house_parameters ul li .right, .sidebar .house_parameters ul li .right { float: right; line-height: 20px; font-size: 15px; margin-top: 0 } .seconds___ .sidebar .house_parameters ul li .right:before, .sidebar .house_parameters ul li .right:before { content: ' - ' } .seconds___ .sidebar .menu ul, .sidebar .menu ul { margin: 0; padding: 0; list-style-type: none } .seconds___ .sidebar .menu ul li, .sidebar .menu ul li { list-style-type: none; font-size: 16px; margin: 0; padding: 0 } .seconds___ .sidebar .menu ul li a, .sidebar .menu ul li a { color: #322f2f; text-decoration: none; display: block; line-height: 1.3; padding: 5px 0 } .seconds___ .sidebar .menu ul li a.active, .seconds___ .sidebar .menu ul li a:hover, .seconds___ .sidebar .sidebar_form .title .red, .sidebar .menu ul li a.active, .sidebar .menu ul li a:hover, .sidebar .sidebar_form .title .red { color: #dc6655 } .seconds___ .sidebar .sidebar_form, .sidebar .sidebar_form { background: #faf5e8; margin-top: 18px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding: 25px 20px 30px } .sidebar .sidebar_form .policy { margin-top: 10px } .seconds___ .sidebar .sidebar_form .title, .sidebar .sidebar_form .title { font-size: 16px; text-align: center; line-height: 1.5; margin-bottom: 25px; padding-bottom: 0 !important } .seconds___ .sidebar .sidebar_form .textfield, .seconds___ .sidebar .sidebar_form textarea, .sidebar .sidebar_form .textfield, .sidebar .sidebar_form textarea { height: 47px; width: 100%; display: block; line-height: 20px; border: 1px solid #cfcfcf; background: #fff; padding: 12px 20px; font-size: 16px; margin-top: 15px; float: none } .seconds___ .sidebar .sidebar_form textarea, .sidebar .sidebar_form textarea { height: 143px } .seconds___ .sidebar .sidebar_form .button, .sidebar .sidebar_form .button { margin-top: 15px; width: 100% } .seconds___ .sidebar .sidebar_form.blue, .sidebar .sidebar_form.blue { background: #688d9c } .seconds___ .sidebar .sidebar_form.blue .title, .sidebar .sidebar_form.blue .title { color: #fff; margin-bottom: 20px } @media (max-width:959px) { .seconds___ .sidebar, .sidebar { float: none; width: auto } .seconds___ .sidebar.mobile, .sidebar.mobile { display: block } .seconds___ .sidebar .menu .title, .sidebar .menu .title { background: 0 0; cursor: pointer; text-align: center } .seconds___ .sidebar .menu .title:after, .sidebar .menu .title:after { content: ''; width: 10px; height: 10px; display: inline-block; border-left: 1px solid #322f2f; border-top: 1px solid #322f2f; transform: rotate(45deg); position: relative; top: 5px; margin: 0 0 0 10px; transition: .3s } .seconds___ .sidebar .menu .title.closed:after, .sidebar .menu .title.closed:after { transform: rotate(-135deg); top: -2px } } .seconds___ .main_block { width: 820px; float: left; margin: 0 } @media (max-width:1200px) { .seconds___ .main_block { width: 625px } } @media (max-width:959px) { .seconds___ .main_block { width: auto; float: none } } .specialnoe-predlozjenie>div { padding-left: 0; padding-right: 0 } .specialnoe-predlozjenie:after { content: ''; clear: both; display: block } .specialnoe-predlozjenie .hide_filter { display: none } .specialnoe-predlozjenie .catalog-filter { box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2); margin-bottom: 40px; padding: 20px 30px; margin-left: 0; margin-right: 0 } .specialnoe-predlozjenie .catalog-filter .catalog-filter-block { display: inline-block; vertical-align: top; width: 50%; padding-bottom: 0 } .specialnoe-predlozjenie .catalog-filter .catalog-filter-block .from { display: inline-block; font-size: 14px; padding-top: 15px; vertical-align: top; width: 49% } .specialnoe-predlozjenie .catalog-filter .catalog-filter-block .to { display: inline-block; font-size: 14px; padding-top: 15px; vertical-align: top; width: 49%; text-align: right } .specialnoe-predlozjenie .catalog-filter .catalog-filter-block:nth-child(1), .specialnoe-predlozjenie .catalog-filter .catalog-filter-block:nth-child(3) { margin-right: 4%; width: 45% } .specialnoe-predlozjenie .catalog-filter .catalog-filter-title { padding-bottom: 15px } .specialnoe-predlozjenie .catalog-filter #slider { width: 200px } .specialnoe-predlozjenie .catalog-filter .ui-slider .ui-slider-handle { background: url(/images/filter-array.jpg) no-repeat; cursor: pointer; height: 20px; position: absolute; width: 20px; z-index: 2 } .specialnoe-predlozjenie .catalog-filter .ui-slider .ui-slider-range { border: 0; display: block; font-size: .7em; overflow: hidden; position: absolute; z-index: 1 } .specialnoe-predlozjenie .catalog-filter .ui-slider-horizontal { height: 3px } .specialnoe-predlozjenie .catalog-filter .ui-slider-horizontal .ui-slider-handle { margin-left: -15px; top: -10px } .specialnoe-predlozjenie .catalog-filter .ui-slider-horizontal .ui-slider-handle:nth-child(2) { margin-left: -1px } .specialnoe-predlozjenie .catalog-filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 3px; padding: 0 } .specialnoe-predlozjenie .catalog-filter .ui-slider-horizontal .ui-slider-range-min { left: 0 } .specialnoe-predlozjenie .catalog-filter .ui-slider-horizontal .ui-slider-range-max { right: 0 } .specialnoe-predlozjenie .catalog-filter .ui-widget-content { height: 3px; background: #dc6655; padding: 0 } .specialnoe-predlozjenie .catalog-filter .ui-widget-header { background: #e16654; border: 1px solid #e16654 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2:after { content: ''; display: block; clear: both } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left { line-height: 38px; font-size: 16px; padding-bottom: 0 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label { display: inline-block } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label input { display: none } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label input+span { width: 22px; height: 22px; border: 1px solid #dad6d0; background: #fff; display: inline-block; float: left; transition: background-color .3s, border-color .3s; margin-right: 7px } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label input:checked+span { background: url(/icheck-1.x/skins/square/red.png) -49px -1px no-repeat #dc6655 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right { float: right; padding-bottom: 0 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right .button { float: right; height: 38px; line-height: 36px; width: 180px; padding: 0; text-decoration: none; font-size: 16px; margin: 0 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right .button.open { float: left; margin-right: 14px } .specialnoe-predlozjenie .catalog-filter-not-found { background: #f5cbc5; border-radius: 4px; padding: 15px 30px; text-align: center; color: #921400; box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2) } .specialnoe-predlozjenie .catalog-filter-not-found a { color: #921400; display: inline-block } .specialnoe-predlozjenie .recently-viewed ul { padding: 0; list-style-type: none; text-align: center; font-size: 0 } .specialnoe-predlozjenie .recently-viewed ul li { padding: 0; list-style-type: none; display: inline-block; box-shadow: 0 0 15px rgba(0, 0, 0, .1); font-size: 18px; vertical-align: top; text-align: left } .specialnoe-predlozjenie .recently-viewed ul li a { text-decoration: none; color: #322f2f; padding-bottom: 10px; line-height: 1; position: relative; display: block } .specialnoe-predlozjenie .recently-viewed ul li a .in3d { position: absolute; right: 0; top: 0; left: 53%; text-align: center; background: #ffd200; font-size: 16px; height: 44px; line-height: 44px; z-index: 1; padding: 0 } .specialnoe-predlozjenie .recently-viewed ul li a .image { position: relative; padding: 0; } .specialnoe-predlozjenie .recently-viewed ul li a .id { position: absolute; right: 0; bottom: 0; height: 44px; line-height: 44px; background: rgba(0,0,0,.7); color: #fff; font-size: 16px; width: 100px; text-align: center; } .specialnoe-predlozjenie .recently-viewed ul li a .sale { position: absolute; right: 53%; top: 0; left: 0; text-align: center; background: #e90d0d; color: #fff; font-size: 16px; height: 44px; line-height: 44px; z-index: 1 } .specialnoe-predlozjenie .recently-viewed ul li a img { margin-bottom: 13px; display: block } .specialnoe-predlozjenie .recently-viewed ul li a .square { float: right; padding-right: 18px } .specialnoe-predlozjenie .recently-viewed ul li a .title { float: left; font-size: 21px; padding-left: 18px } .specialnoe-predlozjenie .recently-viewed ul li a .type { clear: both; font-size: 16px; color: #989797; padding-left: 18px; display: block } .specialnoe-predlozjenie .recently-viewed ul li a .price { margin-top: 15px; padding-left: 18px; display: block } .specialnoe-predlozjenie .catalog_filter_wrap { padding: 0 } .specialnoe-predlozjenie .catalog-filter-tip { margin: 0 -60px -20px; font-size: 16px; background: #faf5e8; line-height: 1.5; padding: 16px 60px; text-align: center } .section_object h1, .uri_specialnoe-predlozjenie.inner_4 h1 { font-size: 24px !important; } @media (max-width:959px) { .specialnoe-predlozjenie .catalog-filter:after { content: ''; display: block; clear: both } .specialnoe-predlozjenie .catalog-filter .select { margin-bottom: 20px } .specialnoe-predlozjenie .catalog-filter .catalog-filter-block { width: 100% !important; float: none !important; margin: 0 !important; padding-bottom: 0 !important } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left, .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right { float: none } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right .button, .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right .button.open { float: left } } @media (max-width:639px) { .specialnoe-predlozjenie .catalog-filter { padding-left: 15px; padding-right: 15px } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 { padding: 0 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .right .button { display: block; margin: 15px auto !important; float: none !important } .specialnoe-predlozjenie .catalog-filter .catalog-filter-tip { margin-left: -15px; margin-right: -15px } } .catalog_element .get_smeta_form, .section_object .get_smeta_form { margin-top: 30px; background: #548e9e; padding: 30px !important } .catalog_element .get_smeta_form div, .section_object .get_smeta_form div { padding-bottom: 0 !important } .catalog_element .get_smeta_form:after, .section_object .get_smeta_form:after { content: ''; display: block; clear: both } .catalog_element .get_smeta_form .title, .section_object .get_smeta_form .title { font-size: 20px; line-height: 1; color: #fff; padding-bottom: 0 !important } .catalog_element .get_smeta_form .left, .section_object .get_smeta_form .left { width: 307px; float: left; padding-top: 0 } .catalog_element .get_smeta_form .right, .section_object .get_smeta_form .right { width: 395px; float: right } .catalog_element .get_smeta_form .textfield, .catalog_element .get_smeta_form textarea, .section_object .get_smeta_form .textfield, .section_object .get_smeta_form textarea { margin-top: 17px; width: 100%; border: 0; outline: 0; background: #fff; height: 45px; line-height: 20px; font-size: 17px; padding: 12px 22px; color: #666 } .catalog_element .get_smeta_form textarea, .section_object .get_smeta_form textarea { height: 79px; resize: vertical } .catalog_element .get_smeta_form .inputfile, .section_object .get_smeta_form .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .catalog_element .get_smeta_form .inputfile+label, .section_object .get_smeta_form .inputfile+label { cursor: pointer; float: left; height: 50px; word-wrap: break-word; margin-top: 12px } .catalog_element .get_smeta_form .inputfile+label:before, .section_object .get_smeta_form .inputfile+label:before { content: ''; display: inline-block; height: 50px; width: 35px; background: url(/bitrix/templates/monolite/images/new/file.png) center no-repeat; vertical-align: middle } .catalog_element .get_smeta_form .inputfile+label span, .section_object .get_smeta_form .inputfile+label span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fff } .catalog_element .get_smeta_form .btn, .section_object .get_smeta_form .btn { background: #dc6655; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); padding: 13px 24px; display: inline-block; border-radius: 3px; color: #fefefe; font: 400 18px ProximaNova; border: none; outline: 0; cursor: pointer; float: right; width: 217px; margin-top: 12px; text-align: center; transition: .3s } .catalog_element .get_smeta_form .btn:hover, .section_object .get_smeta_form .btn:hover { background: #d4432c } .catalog_element .left { width: 796px; float: left; padding-top: 15px } .catalog_element .img, .catalog_element .img .main-photo { width: 100%; padding: 0; display: block } .catalog_element .img .main-photo img { width: 100%; max-width: 100%; padding: 0; display: block } .catalog_element .img .spritespin { width: 100%; max-width: 100%; height: auto !important; padding-bottom: 65.33%; cursor: url(/bitrix/templates/monolite/images/cursor-grab.png), url(/bitrix/templates/monolite/images/cursor-grab.cur), e-resize; position: relative } .catalog_element .img .spritespin:before { content: ''; position: absolute; left: 50%; top: 0; background: url(/bitrix/templates/monolite/images/360-big.png) center no-repeat; width: 68px; height: 68px; margin-left: -34px; z-index: 100 } .catalog_element .img .spritespin .spritespin-stage, .catalog_element .img .spritespin img { height: auto !important } .catalog_element .calc_on_mobile, .catalog_element .mobile.details, .catalog_element .mobile.prices_and_times { display: none } .catalog_element .calc_btn { text-decoration: none; float: right; height: 50px; line-height: 46px; border: 2px solid #dc6655; color: #dc6655; width: 360px; text-align: left; font-size: 18px; transition: .3s; padding: 0 0 0 54px; background: url(/local/templates/monolite_new/css/images/step2/calc.png) 15px center no-repeat } .catalog_element .calc_btn:hover { background: url(/local/templates/monolite_new/css/images/step2/calc-white.png) 15px center no-repeat #dc6655; color: #fff } .catalog_element .details .gift .red, .catalog_element .details .smeta_example, .catalog_element .prices_and_times table tr.r0 td:nth-child(2), .catalog_element .prices_and_times table tr.r0 td:nth-child(3), .catalog_element .prices_and_times table tr.r0 td:nth-child(4) { color: #dc6655 } .catalog_element .prices_and_times { margin-top: 35px } .catalog_element .prices_and_times .title { float: left; font-size: 22px; line-height: 50px; padding: 0; width: auto } .catalog_element .prices_and_times table { border: 1px solid #faf5e8; width: 100%; margin-top: 15px } .catalog_element .prices_and_times table tr { border: 1px solid #faf5e8 } .catalog_element .prices_and_times table tr:hover { background: #faf5e8 } .catalog_element .prices_and_times table tr:first-child { background: #f3f3f3 !important } .catalog_element .prices_and_times table td, .catalog_element .prices_and_times table th { padding: 13px 27px; font-size: 16px; text-align: center } .catalog_element .prices_and_times table td { text-align: center } .catalog_element .prices_and_times table td:first-child { text-align: left } .catalog_element .prices_and_times .ok { background: url(/bitrix/templates/monolite/images/new/check.png) center no-repeat; display: block; width: 19px; height: 16px; margin: 0 auto } .catalog_element .additional-photos { margin: 0 !important; padding: 0 !important; list-style-type: none !important; position: relative } .catalog_element .additional-photos .slick-arrow { width: 50px; height: 37px; top: 50% !important; margin-top: -12px; position: absolute; font-size: 0; text-indent: -10000px; background: url(/bitrix/templates/monolite/images/new/arrow_dark.png) left top no-repeat; border: none; cursor: pointer; z-index: 100 } .catalog_element .additional-photos .slick-arrow.slick-prev { left: 0 } .catalog_element .additional-photos .slick-arrow.slick-next { right: 0; background-position: right bottom } .catalog_element .additional-photos .slick-slide { text-align: center; position: relative } .catalog_element .additional-photos .slick-slide .title { text-align: center; line-height: 16px; padding-bottom: 15px } .catalog_element .additional-photos .slick-slide img { display: block; margin: 0 auto; width: 189px } .catalog_element .details { width: 290px; float: right; margin-top: -50px } .catalog_element .details .title { font-size: 18px; margin-bottom: 20px } .catalog_element .details .gift { border: 1px solid #faf5e8; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-top: 26px; padding: 25px 30px 100px; background: url(/bitrix/templates/monolite/images/new/gift.png) center bottom 36px no-repeat; font-size: 16px; text-align: center } .catalog_element .details .btn.red, .catalog_element .details .smeta_example:hover { background: #dc6655; color: #fff } .catalog_element .details .details2-wrapper { box-shadow: none; margin: 25px 0 0 } .catalog_element .details .details2-wrapper .details2 { padding: 0; margin: 0; box-shadow: none; width: auto } .catalog_element .details .details2-wrapper .details2 .share { margin: 0 } .catalog_element .details .btn.red, .catalog_element .details .smeta_example { border: 1px solid #faf5e8; margin-top: 26px; height: 50px; line-height: 48px; font-size: 16px; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, .1); display: block; text-decoration: none; transition: .3s } .catalog_element .details .btn.red:hover { background: #d4432c; color: #fff } .catalog_element .details .relative_projects { margin-top: 40px } .catalog_element .details .relative_projects .title { font-size: 18px; background: #faf5e8; line-height: 1; min-height: 60px; padding: 10px 20px; margin-bottom: 0; border: 1px solid #e5e5e5; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-top: 26px } .catalog_element .details .relative_projects .relative_projects_wrap { margin-top: 0; height: 1435px; overflow-y: auto } .catalog_element .details .relative_projects .related_project { border: 1px solid #e5e5e5; box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding-bottom: 20px; width: 290px; margin: 0 0 30px } .catalog_element .details .relative_projects .related_project a, .catalog_element .details .relative_projects .related_project a img { display: block } .catalog_element .details .relative_projects .related_project .name { margin-top: 15px; font-size: 21px; line-height: 24px; padding: 0 18px } .catalog_element .details .relative_projects .related_project .name span { display: block; font-size: 18px; line-height: 24px } .catalog_element .details .relative_projects .related_project .grey { font-size: 16px; color: #989797; margin-top: 5px; padding: 0 18px } .catalog_element .details .relative_projects .related_project .price { font-size: 18px; margin-top: 13px; padding: 0 18px } .catalog_element .house_parameters { border: 1px solid #e5e5e5; box-shadow: 0 0 15px rgba(0, 0, 0, .1); margin-top: 26px; padding-bottom: 0 } .catalog_element .house_parameters .title { font-size: 18px; background: #faf5e8; line-height: 60px; padding: 0 20px; margin-bottom: 0 } .catalog_element .house_parameters ul { margin: 0 !important; padding: 20px 15px 10px !important; list-style-type: none } .catalog_element .house_parameters ul li { font-size: 15px; line-height: 20px; list-style-type: none } .catalog_element .house_parameters ul li span { float: right; line-height: 20px; font-size: 15px } .catalog_element .house_parameters ul li span:before { content: ' - ' } .catalog_element .recently-viewed .container { padding: 0 !important } .catalog_element .viewed_in_gallery { background: #faf5e8; margin-top: 0; padding: 15px 0 25px !important; margin-bottom: 50px } .catalog_element .viewed_in_gallery h2 { text-align: left; font-size: 18px; height: auto; line-height: 1; padding-bottom: 0 } .catalog_element .viewed_in_gallery ul.recently-viewed-list { margin: 15px 0 0 !important; padding: 0 !important; font-size: 0; text-align: justify !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li { margin: 0 32px 0 0 !important; width: 263px; display: block; float: left; background: #fff; vertical-align: top } .catalog_element .viewed_in_gallery ul.recently-viewed-list li:last-child { margin-right: 0 !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li a { display: block } .catalog_element .viewed_in_gallery ul.recently-viewed-list li img { display: block; margin: 0 !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc { padding: 18px; font-size: 18px !important; height: 136px } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .name_row { margin-bottom: 12px; padding: 0 } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .name_row .title { font-size: 24px; color: #4d3b3b; display: block; padding: 0 } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .name_row .square { float: right; font-size: 18px; color: #4d3b3b; padding: 0 } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .price_row { display: block; clear: both; padding: 0; font-size: 16px; color: #7a7a7a } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .price_row span { float: right; color: #4d3b3b } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .title { padding: 0; float: none; font-size: 18px } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .square { float: none; display: block; padding: 3px 0 0 !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .type { font-size: 16px; color: #989797; margin: 3px 0 15px; padding: 0; clear: both; display: block } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .price { padding: 0; font-size: 18px } .catalog_element .viewed_in_gallery ul.recently-viewed-list:after { content: ''; display: block; clear: both } .catalog_element .viewed_in_gallery ul.recently-viewed-list.objects_block { margin-left: -16px !important; margin-top: 0 !important; margin-right: -16px !important; width: auto !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list.objects_block li { margin: 16px !important; display: block !important } .catalog_element .catalog_description { padding: 40px 0; word-wrap: break-word } .catalog_element .catalog_description * { font-size: 20px; color: #7a7a7a } .catalog_element .catalog_description h2 { background: 0 0; height: auto; font-size: 24px; margin: 30px 0; line-height: 1; color: #322f2f } @media (max-width:959px) { .catalog_element .viewed_in_gallery ul.recently-viewed-list { text-align: center !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li { margin: 10px !important } } .clerarfix { clear: both } @media (max-width:1200px) { .catalog_element .imgs-mobile_, .catalog_element .viewed_in_gallery ul.recently-viewed-list li:nth-child(4), .site h2::before, .site.index_ h1::before { display: none } .seconds__ .breadcrumb, .seconds__ h1, .site .container { width: 940px } .seconds__ h1, .seconds__ h3 { padding-bottom: 0 } .catalog_element .left { width: 625px } .catalog_element .get_smeta_form .left, .catalog_element .get_smeta_form .right { width: 47% } .catalog_element .house_parameters ul li { text-align: left } .catalog_element .viewed_in_gallery ul.recently-viewed-list li { margin-right: 75px !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li:nth-child(3) { margin-right: 0 !important } .catalog_element .viewed_in_gallery h2 { padding: 0 !important } .site h2, .site.index_ h1 { background: 0 0 !important; padding: 0 !important; height: auto !important; line-height: 1 !important } } @media (max-width:959px) { .seconds__ .breadcrumb { display: none } .site .container { width: 748px } .seconds__ h1 { padding: 20px 15px 5px; text-align: left; width: auto; font-size: 28px; margin: 0 !important } .catalog_element .left { width: auto; float: none; padding-top: 0 } .catalog_element .calc_on_mobile { display: block; float: none; width: 100%; background: url(/local/templates/monolite_new/css/images/step2/calc-white.png) 15px center no-repeat #dc6655; color: #fff; margin-top: 20px } .catalog_element .imgs-mobile_ { display: block; margin: 30px 0 } .catalog_element .imgs-mobile_ .title, .catalog_element .imgs-mobile_ li .desc { font-size: 18px; text-align: left; margin-bottom: 15px } .catalog_element .imgs-mobile_ .bx-viewport { overflow: visible !important } .catalog_element .imgs-mobile_ li { position: relative } .catalog_element .imgs-mobile_ li .desc { position: absolute; top: -40px; left: 0; padding-bottom: 0 } .catalog_element .get_smeta_form { margin-top: 20px } .catalog_element .get_smeta_form .title { font-size: 17px; text-align: center } .catalog_element .get_smeta_form .left, .catalog_element .get_smeta_form .right { width: auto; float: none } .catalog_element .viewed_in_gallery ul.recently-viewed-list li { width: 240px; margin-left: 9px !important; margin-right: 0 !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list.objects_block { margin-left: 0 !important; margin-right: 0 !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list.objects_block li { margin: 10px 4px !important } .catalog_element .mobile.details { display: block; margin-bottom: 30px } .catalog_element .prices_and_times { display: none } .catalog_element .viewed_in_gallery { margin-top: 5px; padding: 0 !important; background: 0 0 } .catalog_element .viewed_in_gallery ul.recently-viewed-list { background: #f9f5e9; width: auto } .catalog_element .details .relative_projects>.title, .catalog_element .details .relative_projects>h2.nobg, .catalog_element .mobile.prices_and_times>.title, .catalog_element .mobile.prices_and_times>h2.nobg, .catalog_element .viewed_in_gallery .container>.title, .catalog_element .viewed_in_gallery .container>h2.nobg { font-size: 18px !important; line-height: 20px !important; padding: 25px 8px !important; background: #f8f5e8 !important; float: none !important; cursor: pointer !important; position: relative !important; display: block !important; text-align: left !important } .catalog_element .details .relative_projects>.title:before, .catalog_element .details .relative_projects>h2.nobg:before, .catalog_element .mobile.prices_and_times>.title:before, .catalog_element .mobile.prices_and_times>h2.nobg:before, .catalog_element .viewed_in_gallery .container>.title:before, .catalog_element .viewed_in_gallery .container>h2.nobg:before { content: ""; width: 20px; position: absolute; right: 8px; top: 50%; margin-top: -1px; height: 2px; background: #333; display: block !important } .catalog_element .details .relative_projects>.title:after, .catalog_element .details .relative_projects>h2.nobg:after, .catalog_element .mobile.prices_and_times>.title:after, .catalog_element .mobile.prices_and_times>h2.nobg:after, .catalog_element .viewed_in_gallery .container>.title:after, .catalog_element .viewed_in_gallery .container>h2.nobg:after { content: ""; width: 2px !important; position: absolute; right: 17px; top: 50%; margin-top: -10px; height: 20px !important; background: #333 !important; display: none } .catalog_element .details .relative_projects.close>.title:after, .catalog_element .details .relative_projects.close>h2.nobg:after, .catalog_element .mobile.prices_and_times.close>.title:after, .catalog_element .mobile.prices_and_times.close>h2.nobg:after, .catalog_element .viewed_in_gallery .container.close>.title:after, .catalog_element .viewed_in_gallery .container.close>h2.nobg:after { display: block !important } .catalog_element .details .relative_projects.close .recently-viewed-list, .catalog_element .details .relative_projects.close .relative_projects_wrap, .catalog_element .details .relative_projects.close table, .catalog_element .mobile.prices_and_times.close .recently-viewed-list, .catalog_element .mobile.prices_and_times.close .relative_projects_wrap, .catalog_element .mobile.prices_and_times.close table, .catalog_element .viewed_in_gallery .container.close .recently-viewed-list, .catalog_element .viewed_in_gallery .container.close .relative_projects_wrap, .catalog_element .viewed_in_gallery .container.close table { display: none } .catalog_element .mobile.prices_and_times { display: block } .catalog_element .mobile.prices_and_times table tr td, .catalog_element .mobile.prices_and_times table tr th { font-size: 14px } .catalog_element .details { width: auto; float: none; margin: 0; display: block; padding-top: 0 } .catalog_element .details .planirovka { display: none } .catalog_element .details .relative_projects { margin-top: 20px } .catalog_element .details .relative_projects .relative_projects_wrap { height: auto; overflow: visible; font-size: 0; text-align: justify } .catalog_element .details .relative_projects .relative_projects_wrap:after { content: ''; display: inline-block; width: 100% } .catalog_element .details .relative_projects .related_project { display: inline-block; width: 240px } .catalog_element .details .relative_projects .related_project img { max-width: 100% } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .name_row .title { font-size: 18px } .catalog_element .viewed_in_gallery ul.recently-viewed-list li .desc .name_row .square { font-size: 16px; padding-top: 0 !important } } @media (max-width:767px) { .site .container { width: 640px } .catalog_element .details .relative_projects .relative_projects_wrap { text-align: center } .catalog_element .details .relative_projects .related_project { width: 263px; margin: 0 7px 15px 8px !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list { text-align: center !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li { width: 263px; float: none; display: inline-block; margin: 15px 10px 15px 8px !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li:nth-child(2) { margin-right: 0 } .catalog_element .viewed_in_gallery ul.recently-viewed-list li:nth-child(3) { display: none } .catalog_element .viewed_in_gallery ul.recently-viewed-list.objects_block li { display: inline-block !important; margin: 10px !important } } @media (max-width:639px) { .site .container { width: auto; padding: 0 15px !important } .details .relative_projects>.title, .details .relative_projects>h2.nobg, .mobile.prices_and_times>.title, .mobile.prices_and_times>h2.nobg { margin: 0 -15px !important } .viewed_in_gallery h2 { margin: 0 !important } } @media (max-width:479px) { .site .container { width: 100%; padding: 0 15px !important } .catalog_element .details .relative_projects .relative_projects_wrap { text-align: center } .catalog_element .details .relative_projects .related_project { width: 100%; margin: 0 0 15px !important } .catalog_element .details .relative_projects .related_project img { width: 100% !important; margin: 0 !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list { text-align: center !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li { width: 100%; margin: 0 0 15px !important } .catalog_element .viewed_in_gallery ul.recently-viewed-list li img { width: 100% !important; margin: 0 !important } .catalog_element .calc_on_mobile { font-size: 14px } .catalog_element .get_smeta_form { padding: 30px 15px 50px !important } .catalog_element .get_smeta_form .btn, .section_object .get_smeta_form .btn { width: 100% } } .section_map_link { height: 197px; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; text-decoration: none; color: #fff; opacity: 1; position: relative } .reviews_gallery .slick-arrow:hover:before, .section_map_link:hover:before { opacity: .5 } .section_map_link:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(77, 59, 59, .5); transition: .3s } .section_map_link span { display: none } @media (max-width:639px) { .section_map_link { height: 114px; text-align: center; font-size: 0; position: relative } .section_map_link:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .section_map_link span { display: inline-block; font-size: 22px; vertical-align: middle; line-height: 1; color: #fff; position: relative; z-index: 1 } .section_map_link .ak-a-map { margin-top: 35px; } .section_map_link .splash { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .5) } } .seconds__.map .breadcrumb, .seconds__.map h1 { display: none } .section_map { padding: 0 !important } .section_map #map { padding: 0; height: 645px } .section_map .object { width: 264px !important; height: 420px; padding: 1px; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .4); display: none; position: fixed; /* z-index: 100600; */ z-index: 995; top: 50%; left: 50%; /* margin: -210px 0 0 -132px */ margin: -160px 0 0 -132px; } .section_map .object a, .section_map .object a img { display: block } .section_map .object .i_have_question { padding: 0 !important; margin: 0 !important; background: 0 0 !important; border: 0 !important } .section_map .object .close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 33px; z-index: 10; color: #fff; cursor: pointer } .section_map .object img { display: block } .section_map .object .data { padding: 20px } .section_map .object .data * { padding: 0 !important } .section_map .object .data .s { float: right; font-size: 18px; line-height: 22px; height: 22px; margin-top: -3px } .section_map .object .data .name, .section_map .object .data .y { font-size: 21px; line-height: 22px; height: 22px } .section_map .object .data .name { margin: 15px 0 } .section_map .object .data .price { font-size: 18px; line-height: 1 } .section_map .object .data .btn { margin-top: 20px; padding: 12px !important; width: 100%; display: block; background: #dc6655; color: #fff; font-size: 16px; transition: .3s; text-decoration: none; text-align: center } .section_map .object .data .btn:hover { background: #d4432c } .section_map .ymaps-2-1-59-balloon__layout .ymaps-2-1-59-balloon__close { position: absolute; right: 0; top: 0; z-index: 100000 } .section_map .ymaps-2-1-59-balloon__close+.ymaps-2-1-59-balloon__content { padding: 0; margin: 0 } .seconds__.galereya-rabot h1 { font-size: 28px; text-align: left } @media (max-width:959px) { .seconds__.galereya-rabot h1 { font-size: 28px } } .section_objects_list .filter_menu { padding: 15px 0; box-shadow: 0 -5px 5px rgba(0, 0, 0, .1) } .section_objects_list.in_content { margin-top: 25px } .section_objects_list .filter_menu:after { content: ''; display: block; clear: both } .section_objects_list .filter_menu .title { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 40px; line-height: 22px; padding: 0 } .section_objects_list .filter_menu a { display: inline-block; margin-right: 40px; text-decoration: none; font-size: 16px; line-height: 26px; vertical-align: middle } .section_objects_list .filter_menu a.active, .section_objects_list .filter_menu a:hover { color: #dc6655 } .section_objects_list .objects_list { margin-top: 20px } .section_objects_list h2 { text-align: left } .section_objects_list .objects_list .object:first-child { margin-top: 0 } .section_objects_list .object { margin-top: 65px; box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); padding: 0; border: 1px solid #e5e5e5 } .section_objects_list .object:after { content: ''; display: block; clear: both } .section_objects_list .object .main_video { float: left; width: 320px; height: 245px; padding-bottom: 0 !important } .section_objects_list .object .main_video iframe { width: 100%; height: 100%; border: none; display: block } .section_objects_list .object .main_img { float: left; width: 320px } .section_objects_list .object .main_img img { display: block } .section_objects_list .object .main_img span { display: none } .section_objects_list .object .description { padding: 30px 0 0; float: right; width: 794px } .section_objects_list .object .description .name { font-size: 21px; color: #574343; line-height: 1; padding: 0; text-decoration: none; display: block } .section_objects_list .object .description .info { padding: 15px 0 0; font-size: 16px; color: #989797 } .section_objects_list .object .description .images { padding: 0; margin-top: 25px } .section_objects_list .object .description .images a { float: left; margin-right: 27px } .section_objects_list .object .description .images a img { display: block } .section_objects_list .object .more { float: right; color: #dc6655; padding-top: 3px; padding-right: 67px; font-size: 21px } .section_objects_list .object .more.on_mob { display: none; float: none } .section_objects_list .object .description .spacer { display: none } .section_objects_list .pagination .navigation-title { font-size: 19px; padding-right: 10px; } .section_objects_list .pagination .navigation-pages { font-size: 0 } .section_objects_list .pagination { margin-top: 20px; text-align: center; } .section_objects_list .pagination .nav-current-page, .section_objects_list .pagination a, .section_objects_list .pagination .dots { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; border-left: 1px solid #cdcdcd !important; border-right: 0; position: relative; padding: 0 10px; z-index: 1; text-decoration: none; } .section_objects_list .pagination .nav-current-page { color: #dc6655; font-weight: bold; } .section_objects_list .pagination .dots { border: 0 !important; } .section_objects_list .pagination .dots + a, .section_objects_list .pagination .dots + span, .section_objects_list .pagination .nav-current-page:nth-child(2), .section_objects_list .pagination a:nth-child(2) { border-left: 0 !important; } .section_object .sidebar .project { border: 1px solid #e5e5e5; box-shadow: 0 0 15px rgba(0, 0, 0, .1); padding: 0; margin: 20px 0 } .section_object .sidebar .project a { padding: 20px; text-decoration: none; display: block } .section_object .sidebar .project img { display: block } .section_object .sidebar .project .desc { padding: 18px 0; font-size: 21px } .section_object .sidebar .project .title { display: block } .section_object .sidebar .project .square { display: block; padding: 5px 0 } .section_object .sidebar .project .price { display: block } .section_object .sidebar .review .video { padding: 0 } .section_object .sidebar .review .video .img, .section_object .sidebar .review .video a, .section_object .sidebar .review .video img { display: block; text-decoration: none; width: 100% } .section_object .sidebar .review .video .type { display: block; padding: 10px 20px } .section_object .sidebar .review_wrapper { position: relative; z-index: 20; margin: 26px 0; min-height: 437px } .section_object .sidebar .review { position: absolute; top: 0; left: 0; right: 0; margin: 0; font-size: 18px; min-height: 437px; background: #fff } .section_object .sidebar .review .text { padding: 0 20px 0 0; max-height: 590px; overflow-y: auto } .section_object .sidebar .review .text .wrap { height: 100%; padding: 16px 0 16px 20px } .section_object .sidebar .review .text div { padding: 0 } .section_object .sidebar .review.textreview .text, .section_object .sidebar .review.textreview .text .ss-content, .section_object .sidebar .review.textreview .text .wrap { font-size: 15px !important } .section_object .sidebar .review .text .hide, .section_object .sidebar .review .text .readmore { color: #dc6655; display: inline-block; margin-top: 15px } .section_object .sidebar .review .text .review_more { display: none } .section_object .sidebar .review .text .name { padding: 0; margin-bottom: 15px } .section_object .sidebar .review .text .date { font-size: 15px; margin-top: 5px; padding: 0 } .section_object .sidebar .review.empty .text { padding-left: 20px; padding-right: 20px; font-size: 0; height: 375px; text-align: center } .section_object .sidebar .review.empty .text:before { content: ''; display: inline-block; vertical-align: middle; height: 100% } .section_object .sidebar .review.empty .text span { display: inline-block; vertical-align: middle; font-size: 21px } @media (max-width:1200px) { .section_objects_list { padding-left: 0 !important; padding-right: 0 !important } .section_objects_list .object .description .more { padding-right: 44px } .section_objects_list .filter_menu .container { padding: 0 15px; width: auto !important; text-align: center } .section_objects_list .filter_menu .title, .section_objects_list .filter_menu a { margin-right: 20px } .section_objects_list .object .description { width: 584px } .section_objects_list .object .description .images a { margin-right: 15px } .section_objects_list .object .description .images a:nth-child(5) { display: none } } @media (max-width:959px) { .section_objects_list .filter_menu .container { padding: 0 15px; width: auto !important; text-align: center } .section_objects_list .filter_menu .title { margin: 0; display: block } .section_objects_list .filter_menu a { display: block; margin: 0; text-decoration: underline } .section_objects_list .object { position: relative } .section_objects_list .object .description { width: auto; position: absolute; left: 340px; right: 15px; top: 0 } .section_objects_list .object .description .images { display: none } .section_objects_list .object .description .more { float: none; display: inline-block; margin-top: 0; padding: 0 } .section_objects_list .object .description .spacer { display: block } .section_object .sidebar .review, .section_object .sidebar .review_wrapper { min-height: 0 } .section_object .sidebar .review { position: static } .section_object .sidebar .review .text { max-height: 10000px } } @media (max-width:639px) { .section_objects_list .object { position: relative; width: 350px; margin: 30px auto 0; padding: 15px; text-align: center } .section_objects_list .object .description { width: auto; position: static; left: auto; right: auto; top: 0; float: none; text-align: center; padding: 0 !important } .section_objects_list .object .description .name { font-size: 16px; text-decoration: underline } .section_objects_list .object .description .info { margin: 15px 0; padding: 0 } .section_objects_list .object .description .info span { display: block } .section_objects_list .object .description .images { display: none } .section_objects_list .object .main_img { display: block; float: none; color: #dc6655; width: auto } .section_objects_list .object .main_img span { display: block; font-size: 16px; padding-top: 15px } .section_objects_list .object .main_img img { max-width: 100% } .section_objects_list .object .description .more { display: none } .section_objects_list .object .more.on_mob { display: inline-block; padding: 0; margin-top: 15px } } @media (max-width:479px) { .section_objects_list .object { position: relative; max-width: 100% } .section_objects_list .object .main_video { max-width: 100% } .section_object .bottom_block .right ul.recently-viewed-list .ss-content { width: 100% !important } } @media (max-width:359px) { .section_objects_list .container { padding-left: 0 !important; padding-right: 0 !important } .section_objects_list .container .object { border-left: 0; border-right: 0 } } .section_object h1 { padding-bottom: 18px } .section_object .sidebar { width: 344px; padding-bottom: 0 } .section_object .viewed_in_gallery { background: #faf5e8; margin-top: 0; padding: 15px 15px 25px !important } .section_object .viewed_in_gallery h2 { text-align: left; font-size: 18px; padding: 0; height: auto; line-height: 1 } .section_object .viewed_in_gallery ul.recently-viewed-list { margin: 15px 0 0 !important; padding: 0 !important; font-size: 0; text-align: justify !important } .section_object .viewed_in_gallery ul.recently-viewed-list li { margin: 0 !important; width: 263px; display: inline-block; background: #fff; vertical-align: top } .section_object .viewed_in_gallery ul.recently-viewed-list li a, .section_object .viewed_in_gallery ul.recently-viewed-list li img { display: block } .section_object .viewed_in_gallery ul.recently-viewed-list li .desc { padding: 18px; font-size: 21px } .section_object .viewed_in_gallery ul.recently-viewed-list li .title { padding: 0; float: none; display: block } .section_object .viewed_in_gallery ul.recently-viewed-list li .square { float: none; display: block; padding: 5px 0 } .section_object .viewed_in_gallery ul.recently-viewed-list li .type { font-size: 16px; color: #989797; margin: 3px 0 15px; padding: 0; clear: both; display: block } .section_object .viewed_in_gallery ul.recently-viewed-list:after { content: ''; display: inline-block; width: 100% } .section_object .main_block { width: 720px; padding: 0 } .section_object .main_block .big_img { padding: 0 } .section_object .main_block .big_img a { display: block } .section_object .main_block .big_img a img { display: block; width: 100%; height: auto } .section_object .main_block .slider_wrap { margin-top: 30px; padding: 0 55px } .section_object .main_block .slider_wrap div { padding: 0 !important } .section_object .main_block .slider_wrap .slick-slide { opacity: 1 !important; box-shadow: none !important } .section_object .main_block .slider_wrap .slick-arrow { width: 50px; height: 37px; top: 50% !important; margin-top: -18px; position: absolute; font-size: 0; text-indent: -10000px; background: url(/bitrix/templates/monolite/images/new/arrow_dark.png) left top no-repeat; border: none; cursor: pointer; z-index: 100 } .section_object .main_block .slider_wrap .slick-arrow.slick-prev { left: -55px } .section_object .main_block .slider_wrap .slick-arrow.slick-next { right: -55px; background-position: right bottom } .section_object .main_block .slider_wrap .photo { display: block } .section_object .main_block .slider_wrap .photo img { display: block; margin: 0 auto; max-width: 100% } .section_object .main_block .slider_wrap .photo.fancybox-video, .section_object .sidebar .review .video .img { position: relative } .section_object .main_block .slider_wrap .photo.fancybox-video::after, .section_object .sidebar .review .video .img:after { content: ''; display: block; background: url(/bitrix/templates/monolite/images/youtube-play.png) center no-repeat; opacity: .7; width: 73px; height: 73px; position: absolute; left: 50%; top: 50%; margin: -36px 0 0 -36px; transition: .3s } .section_object .main_block .slider_wrap .photo.fancybox-video:hover::after, .section_object .sidebar .review .video .img:hover::after { opacity: 1 } .section_object .sidebar .review .video { height: 375px; max-height: 100%; font-size: 0 } .section_object .sidebar .review .video:before { content: ''; height: 100%; display: inline-block; vertical-align: middle } .section_object .sidebar .review .video a { display: inline-block; vertical-align: middle } .section_object .main_block .get_smeta_form { padding: 25px 20px 30px !important; margin-top: 45px } .section_object .main_block .get_smeta_form .title { text-align: center } .section_object .main_block .get_smeta_form .right { width: 345px } .section_object .main_block .get_smeta_form .btn { width: 190px } .section_object .main_block .get_smeta_form .inputfile+label:before { width: 22px; margin-right: 5px } .section_object .show_on_mob { display: none } .section_object .bottom_block { margin-top: 45px } .section_object .bottom_block:after { content: ''; display: block; clear: both } .section_object .bottom_block .left { width: 845px; margin: 0; float: left } .section_object .bottom_block .left.full { float: none; width: auto } .section_object .bottom_block .right { width: 290px; margin: 0; float: right; padding: 15px 0 0; background: #faf5e8 } .section_object .bottom_block .right h2 { text-align: center !important; font-size: 18px; padding: 0; line-height: 1 } .section_object .bottom_block .right .recently-viewed-list { overflow-y: auto; height: 710px } .section_object .bottom_block .right ul.recently-viewed-list { margin: 15px 0 0 !important; padding: 0 !important; font-size: 0; text-align: justify !important } .section_object .bottom_block .right ul.recently-viewed-list li { margin: 0 auto 20px !important; width: 263px; display: block; background: #fff } .section_object .bottom_block .right ul.recently-viewed-list li a { display: block; text-decoration: none } .section_object .bottom_block .right ul.recently-viewed-list li img { display: block } .section_object .bottom_block .right ul.recently-viewed-list li .desc { padding: 18px; font-size: 21px } .section_object .bottom_block .right ul.recently-viewed-list li .title { padding: 0; display: block; float: none } .section_object .bottom_block .right ul.recently-viewed-list li .square { float: none; display: block; padding: 5px 0 } .section_object .bottom_block .right ul.recently-viewed-list li .type { font-size: 16px; color: #989797; margin: 3px 0 15px; padding: 0; clear: both; display: block } .free_consultation .policy span, .policy { font-size: 14px !important } .catalog_element_nav { width: auto !important } .catalog_element_nav .container .left { max-width: 845px; margin: 0 } .policy { display: block; clear: both; padding: 4px 10px 4px 4px !important; border-radius: 3px; background: 0 0; transition: .3s; margin-left: -4px } .policy a { color: inherit } .policy.error { background: #dc6655; box-shadow: 0 0 5px #dc6655; color: #fff !important } .policy input { display: none !important } .policy input+span { width: 18px; height: 18px; border: 1px solid #dad6d0; background: #fff; float: left; vertical-align: middle; transition: background-color .3s, border-color .3s; margin-right: 7px } .policy input:checked+span { background: url(/icheck-1.x/skins/square/red.png) -51px -3px no-repeat #dc6655 } .catalog_element .get_smeta_form .right .policy, .section_object .main_block .get_smeta_form .policy { color: #fff; margin-bottom: -40px; padding: 4px 10px 4px 4px !important; margin-left: -4px } .seconds___ .sidebar .sidebar_form.blue .policy, .sidebar .sidebar_form.blue { color: #fff; margin: 10px 0 0 } .section_object .main_block .get_smeta_form .policy input, .section_object .main_block .get_smeta_form .policy span { display: inline-block; vertical-align: middle } .section_actions_inner .policy { padding-bottom: 4px !important } .free_consultation .policy, .section_calc_form .policy { max-width: 340px; margin-left: auto; margin-right: auto } .free_consultation .policy { margin-top: 10px } .free_consultation___ input[type=submit] { margin-top: 10px !important } .free_consultation .policy a { font-size: 14px; display: inline; background: 0 0; box-shadow: none; padding: 0 } .section_object .sidebar .sidebar_link.red.show_on_mob_block { display: none } @media (max-width:1200px) { .section_object .sidebar { width: 290px } .section_object .sidebar .house_parameters ul li span:first-child { font-weight: 700 } .section_object .sidebar .house_parameters ul li span:first-child:after { content: ':' } .section_object .main_block { width: 625px } .section_object .main_block .get_smeta_form .left { width: 218px } .section_object .bottom_block .left { width: 635px } .section_object .viewed_in_gallery ul.recently-viewed-list li:nth-child(3) { display: none } } @media (max-width:959px) { .section_object .show_on_mob { display: block; padding-bottom: 0 } .show_on_mob_block { display: block !important } .section_object .main_block, .section_object .sidebar .sidebar_link.red { display: none } .section_object .sidebar .sidebar_link.red.show_on_mob_block { margin-top: 0; margin-bottom: 20px } .section_object h1 { margin-top: 0; padding-top: 7px } .section_object .sidebar { width: auto; float: none } .section_object .bx-wrapper { margin-left: 0; margin-right: 0 } .section_object .bx-wrapper img { width: 100%; height: auto } .section_object .bx-wrapper .fancybox-video { position: relative; display: block } .section_object .bx-wrapper .fancybox-video:after { content: ''; display: block; background: url(/bitrix/templates/monolite/images/youtube-play.png) center no-repeat; opacity: .7; width: 73px; height: 73px; position: absolute; left: 50%; top: 50%; margin: -36px 0 0 -36px; transition: .3s } .section_object .bx-wrapper .fancybox-video:hover:after { opacity: 1 } .section_object .viewed_in_gallery { padding: 0 } .section_object .viewed_in_gallery .container { padding: 0 !important } .section_object .viewed_in_gallery .container>.title, .section_object .viewed_in_gallery .container>h2.nobg { font-size: 18px !important; line-height: 20px !important; padding: 25px 8px !important; background: #f8f5e8 !important; float: none !important; cursor: pointer !important; position: relative !important; display: block !important; text-align: left !important } .section_object .viewed_in_gallery .container>.title:before, .section_object .viewed_in_gallery .container>h2.nobg:before { content: ""; width: 20px; position: absolute; right: 8px; top: 50%; margin-top: -1px; height: 2px; background: #333; display: block !important } .section_object .viewed_in_gallery .container>.title:after, .section_object .viewed_in_gallery .container>h2.nobg:after { content: ""; width: 2px !important; position: absolute; right: 17px; top: 50%; margin-top: -10px; height: 20px !important; background: #333 !important; display: none } .section_object .viewed_in_gallery .container>.title.closed:after, .section_object .viewed_in_gallery .container>h2.nobg.closed:after { display: block } .section_object .viewed_in_gallery h2 { padding: 20px 15px !important; text-align: center !important } .section_object .viewed_in_gallery ul.recently-viewed-list { text-align: center !important; margin-top: 26px; background: #faf5e8; padding: 0 !important } .section_object .viewed_in_gallery ul.recently-viewed-list li { margin: 0 10px 20px !important } .section_object .bottom_block .left, .section_object .bottom_block .right { width: auto; float: none } .section_object .bottom_block .right ul.recently-viewed-list, .section_object .bottom_block .right ul.recently-viewed-list .ss-content { text-align: center !important; font-size: 0; height: auto } .section_object .bottom_block .right ul.recently-viewed-list li { display: inline-block; display: none; margin-left: 10px !important; margin-right: 10px !important; margin-bottom: 20px !important } .section_object .bottom_block .right ul.recently-viewed-list li:nth-child(2), .section_object .bottom_block .right ul.recently-viewed-list li:nth-child(3) { display: inline-block } } .complete_construction .services:after, .complete_construction .table_wrap:after, .lend_images .img:before, .lend_images:after, .reviews_gallery .slick-arrow:before, .section_advantages .advantages:after, .section_blog_category .post:after, .section_calc #tip_doma label .name:before, .section_calc #tip_doma:after, .section_calc .img_btns .btn_wrap .sidebar_img_link:after, .section_calc .img_btns .btn_wrap .sidebar_img_link:before, .section_calc .img_btns:after, .section_calc .labels.dropdown .ttl:after, .section_calc .params .param .name:before, .section_calc .params .param .values .selected:after, .section_calc .params .param:after, .section_calc .results_ .calc_btns:after, .section_calc .results_ .top_row:after, .section_calc .results_:after, .section_calc .steps h2:before, .section_calc .steps:after, .section_calc .top_row:after, .section_calc_form form .inputfile+label:before, .section_calc_result .btns:after, .section_calc_result .calc_data:after, .section_header .main_menu ul li a:before, .section_header .main_menu ul li.dropdown>a:after, .section_header .top:after { content: '' } @media (max-width:639px) { .section_object { padding: 0 !important } .section_object .sidebar .review, .section_object .sidebar .review_wrapper { position: static; min-height: 0 } .section_object .sidebar .review .video { height: auto } } @media (max-width:479px) { .section_object .viewed_in_gallery { padding: 0 !important } .section_object .sidebar .house_parameters ul li span { display: block; float: none } .section_object .sidebar .house_parameters ul li .right { float: none } .section_object .sidebar .house_parameters ul li .right:before { display: none } } .section_actions { font-size: 0; color: #574343; padding-left: 0 !important; padding-right: 0 !important } .section_actions * { padding-bottom: 0 !important } .section_actions .action { display: inline-block; box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); border: 1px solid #e5e5e5; width: 338px; max-width: 100%; vertical-align: top; margin: 21px; padding-bottom: 18px !important } .section_actions .action.notactive { filter: grayscale(100%) } .section_actions .action .img { display: block } .section_actions .action .img img { display: block; width: 100% } .section_actions .action .desc { padding: 0 27px } .section_actions .action .name { margin-top: 22px; font-size: 18px; line-height: 1; min-height: 54px; color: #574343 } .section_actions .action .gift { font-size: 18px; text-transform: uppercase; padding: 0 0 40px !important; color: #dc6655; background: url(/bitrix/templates/monolite/images/new/gift.png) center bottom no-repeat; background-size: auto 37px; margin-top: 10px } .section_actions .action .btn { background: #dc6655; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); padding: 13px 24px !important; display: inline-block; border-radius: 3px; color: #fefefe; transition: .2s; margin-top: 25px; text-decoration: none; width: 100% } .section_actions .action .btn:hover { background: #d4432c } .section_actions .action .btn.not-active:hover { background: #dc6655 } .section_actions .action .sm { font-size: 14px; margin-top: 8px; color: #574343 } @media (max-width:479px) { .section_actions .action { margin-left: 0; margin-right: 0 } } .section_actions_inner { padding-left: 0 !important; padding-right: 0 !important } .section_actions_inner div { padding-bottom: 0 !important } .section_actions_inner .bottom_content, .section_actions_inner .top_content { font-size: 19px; line-height: 1.3; padding: 30px 0 !important } .section_actions_inner .objects { text-align: center; font-size: 0 } .section_actions_inner .objects .object { margin: 0 7px 40px; padding: 0; width: 263px; height: 333px; display: inline-block; box-shadow: 0 0 15px rgba(0, 0, 0, .1); font-size: 18px; vertical-align: top; text-align: left } .section_actions_inner .objects .object .img { display: block } .section_actions_inner .objects .object .img img { display: block; width: 100% } .section_actions_inner .objects .object .desc { padding: 18px; color: #4d3b3b } .section_actions_inner .objects .object .desc .name { font-size: 21px } .section_actions_inner .objects .object .desc .area { font-size: 18px; float: right; margin-top: -3px } .section_actions_inner .objects .object .desc .sm { font-size: 16px; color: #989797; margin-top: 5px } .section_actions_inner .objects .object .desc .price { font-size: 18px; margin-top: 12px } .section_actions_inner .pagination { font-size: 16px; line-height: 22px } .section_actions_inner .pagination a, .section_actions_inner .pagination span { font-size: 18px; display: inline-block; width: 40px; text-align: center; border-right: 1px solid #d2d2d2 } .section_actions_inner .pagination a:last-child, .section_actions_inner .pagination span:last-child { border-right: 0 } .section_actions_inner .sidebar { width: 40%; margin-top: -50px } .section_actions_inner .main_block { width: calc(60% - 20px) } .site.uri_stock h1+h3 { display: none } @media (max-width:959px) { .section_actions_inner .main_block { width: auto } .section_actions_inner .sidebar { margin-top: 20px; width: 400px; max-width: 100% } } .img-full-width { height: auto !important } .text_content_block { padding: 0 0 40px !important; margin: 0 !important } .text_content_block h2, .text_content_block h3, .text_content_block h4 { font-size: 24px; text-align: left; margin: 75px 0 45px; padding: 0 !important; background: 0 0 !important; color: #322f2f } .text_content_block h3, .text_content_block h4 { font-size: 22px } .text_content_block div, .text_content_block li, .text_content_block ol, .text_content_block p, .text_content_block ul { font-size: 20px; color: #7a7a7a; padding: 0 } .text_content_block li, .text_content_block ol, .text_content_block p, .text_content_block ul { width: auto !important } .text_content_block ol, .text_content_block p, .text_content_block table, .text_content_block ul { margin-top: 25px } .text_content_block ul { list-style-type: disc; padding-left: 30px } .text_content_block ol { list-style-type: decimal; padding-left: 30px } .text_content_block img { margin-top: 25px !important; max-width: 100%; height: auto !important; padding: 0 !important } @media (max-width:767px) { .text_content_block p { padding: 0 !important } .text_content_block li, .text_content_block ol, .text_content_block p, .text_content_block ul { font-size: 16px } .text_content_block ol, .text_content_block p, .text_content_block table, .text_content_block ul { margin-top: 15px } } #footer .container { padding: 0 !important } #footer .container .left .soc a { width: 37px; height: 37px; background-size: auto 100% } .lend_images { margin: 37px 0 60px !important } .lend_images:after { clear: both; display: block } .lend_images .img { padding-right: 13px; height: 370px; width: 50%; float: left; overflow: hidden; font-size: 0 } .lend_images .img:before { height: 100%; display: inline-block; vertical-align: middle } .lend_images .img img { max-width: 100%; max-height: 100%; height: auto; width: 100%; display: inline-block; vertical-align: middle; margin: 0 !important; padding: 0 !important } .lend_images .video_wrap { padding: 0 0 0 13px !important; width: 50%; float: left } .lend_images .video_wrap .video { padding-bottom: 370px; position: relative } .lend_images .video_wrap .video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } @media (max-width:959px) { .lend_images .img { float: none; padding: 0; width: auto; height: auto } .lend_images .video_wrap { margin-top: 30px; float: none; padding: 0 0 56.25% !important; width: auto; position: relative } .lend_images .video_wrap .video { padding: 0 !important; position: static } } .which_houses a>span>span { color: #fff } .ymaps-2-1-60-copyright__link { display: none !important } .screen { background: rgba(0, 0, 0, .5) !important } @media (max-width:767px) { .site h2, .site h3, .site h4, .site h5, .site h6 { padding-left: 15px !important; padding-right: 15px !important; max-width: 100% !important; font-size: 23px !important } .site h3, .site h4, .site h5, .site h6 { font-size: 21px !important } } .catalog_element .recently-viewed li, .catalog_element .recently-viewed li img, .pop_projects li, .pop_projects li img { max-width: 100% !important } .content_ img, .optimal-img-width, .pop_projects .all_projects, .section_header .top .logo-slogan img, iframe { max-width: 100% } .pop_projects { padding: 0 !important } .content_ img { height: auto } @media (max-width:479px) { .which_houses a>span>span { color: #322f2f } .content-table { width: 100%; margin-left: 0; margin-right: 0 } .content-table td, .content-table th { font-size: 12px } } .section_header { background: #faf5e8; padding: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 99999 } .section_header div { padding: 0 } .section_header .top { padding: 18px 0 11px } .section_header .top:after { display: block; clear: both } .section_header .top .logo-slogan { float: left } .section_header .top .logo-slogan a { display: block; text-decoration: none } .section_header .top .logo-slogan .mobile_logo, .section_header .top .logo-slogan .tablet_logo { display: none } .section_header .top .logo-slogan .desktop_logo { display: block; width: 205px } .section_header .top .logo-slogan .slogan { font-size: 12.3px; color: #574343 } .section_header .top .phones { float: left; margin-left: 60px; margin-top: -6px } .section_header .top .phones .row { font-size: 16px; line-height: 1.5 } .section_header .top .phones a { color: #e17260; font-size: 18px; padding-right: 15px; display: inline-block; vertical-align: middle; line-height: 26px } .section_header .top .phones .viber, .section_header .top .phones .watsup { display: inline-block; width: 26px; height: 26px; vertical-align: middle; background: url(/bitrix/templates/monolite/images/new/chats.png) no-repeat } .section_header .top .phones .viber { background-position: right top; margin-left: -5px } .section_header .top .login { float: right; margin-top: 0; margin-right: 80px; text-align: left; height: 38px; padding-left: 36px; font-size: 18px; color: #a95513; display: block; line-height: 38px; background: url(/bitrix/templates/monolite/images/login.png) 0 center no-repeat } .section_header .top .callback { float: right; background: #dc6655; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); text-align: center; text-decoration: none; border-radius: 3px; color: #fefefe; font: 400 14px ProximaNova; transition: .2s; width: 210px; height: 38px; line-height: 38px } .section_header .top .callback:hover { background: #d4432c } .section_header .main_menu { background: #4d3b3b; padding: 0 } .section_header .main_menu ul { list-style-type: none; margin: 0; padding: 0; text-align: center; font-size: 0 } .section_header .main_menu ul li { display: inline-block } .section_header .main_menu ul li.on_mob { display: none } .section_header .main_menu ul li.actions a { color: #ff6c6c } .section_header .main_menu ul li.dropdown { position: relative } .section_header .main_menu ul li.dropdown ul { position: absolute; top: 100%; left: 50%; width: 300px; margin-left: -150px; background: #4d3b3b } .section_header .main_menu ul li.dropdown ul li { display: block } .section_header .main_menu ul li.dropdown ul li a { height: 45px; line-height: 45px; font-size: 14px; text-align: left } .section_header .main_menu ul li.dropdown ul li a:before { display: none } .section_header .main_menu ul li.dropdown>a:after { background: url(/images/Shape-1-copy-5.png) no-repeat; width: 8px; height: 5px; display: inline-block; margin: 0 0 2px 6px } .section_header .main_menu ul li.dropdown:hover ul { display: block; z-index: 10000 } .section_header .main_menu ul li.dropdown:hover>a { color: #fff; background: #403333 } .section_header .main_menu ul li.dropdown:hover>a:after { background: url(/images/Shape-1-copy-5_.png) no-repeat } .section_header .main_menu ul li a { font-size: 18px; color: #f2c19d; text-decoration: none; display: block; height: 70px; line-height: 70px; padding: 0 28px; transition: .3s; position: relative } .section_header .main_menu ul li a:before { position: absolute; left: 0; top: 13px; bottom: 13px; border-right: 1px solid #403333 } .section_header .main_menu ul li a.active { color: #ff6c6c } .section_header .main_menu ul li a:hover { color: #fff; background: #403333 } .section_header .main_menu ul li a:hover:after { background: url(/images/Shape-1-copy-5_.png) no-repeat } .section_header .main_menu ul li:nth-child(2) a:before, .section_header .main_menu ul ul { display: none } @media (max-width:1200px) { .section_header .top .phones { margin-left: 20px } .section_header .top .login { margin-right: 20px } .section_header .main_menu ul li a { font-size: 16px; padding: 0 18px } } @media (max-width:959px) { .section_header .top { padding-bottom: 0; padding-top: 23px } .section_header .top .callback { margin-top: -14px } .section_header .top .login { margin-right: 0; font-size: 16px } .section_header .main_menu ul li a { font-size: 15px; padding: 0 8px; height: 50px; line-height: 50px } } @media (min-width:768px) { .section_header .main_menu { display: block !important } } @media (max-width:767px) { .section_header .container { width: auto; padding: 0 } .section_header .top { padding: 13px 0; background: #4d3b3b } .section_header .top .callback, .section_header .top .callback:hover { background: url(/images/mobile_phone.png) no-repeat } .section_header .top .callback { width: 47px; height: 47px; box-shadow: none; padding: 0; margin: -44px 20px 0 0; border-radius: 0; opacity: 1; transition: .2s; text-indent: 100%; white-space: nowrap; overflow: hidden } .section_header .top .login, .section_header .top .phones { display: none } .section_header .top .logo-slogan { float: none; text-align: center; width: 230px; margin-left: auto; margin-right: auto } .section_header .top .logo-slogan .mobile_logo { display: block } .section_header .top .logo-slogan .desktop_logo { display: none } .section_header .top .logo-slogan .slogan { font-size: 14px; color: #fff; text-align: center } .section_header .top .mobile-menu-btn { margin-left: 20px; margin-top: 10px; float: left; cursor: pointer } .section_header .top .mobile-menu-btn span { margin-bottom: 7px; display: block; width: 33px; height: 2px; background-color: #fff; transition: .3s } .section_header .top .mobile-menu-btn.active2 span:nth-child(1) { transform: rotate(45deg); margin-top: 3px } .section_header .top .mobile-menu-btn.active2 span:nth-child(2) { display: none } .section_header .top .mobile-menu-btn.active2 span:nth-child(3) { transform: rotate(135deg); margin-top: -8px } .section_header .main_menu { display: none; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; overflow: auto } .section_header .main_menu ul { margin: 0 -15px; padding: 10px 0 } .section_header .main_menu ul li { display: block } .section_header .main_menu ul li a { font-size: 18px; text-align: left; padding: 0 20px; line-height: 45px; height: 45px } .section_header .main_menu ul li a:before { display: none !important } .section_header .main_menu ul li.dropdown:hover ul { display: none } .section_header .main_menu ul li.dropdown ul { position: static; display: none; margin: 0; padding-left: 20px; width: auto; top: auto; bottom: auto; left: auto; right: auto } .section_header .main_menu ul li.on_mob { display: block } .section_header .main_menu ul li.on_mob a { padding-left: 47px; background: url(/bitrix/templates/monolite/images/login_mob.png) 20px center no-repeat #d9d9d9; color: #322f2f } } @media (max-width:479px) { .section_header .top .callback { margin-right: 0; margin-top: -55px } .section_header .top .mobile-menu-btn { margin-left: 0; margin-top: 20px } .section_header .top .logo-slogan { width: 175px } } .section_main_banenr, .section_main_banenr * { padding: 0 !important } .section_main_banenr .slider { position: relative } .section_main_banenr .slider .slide { background-size: cover; color: #fff; height: 450px } .section_main_banenr .slider .slide .content { padding-left: 75px !important; padding-top: 85px !important; margin: 0 !important; min-height: 0 !important } .section_main_banenr .slider .slide .content .title { font-size: 35px; line-height: 1; color: #fff } .section_main_banenr .slider .slide .content .title .sm { font-size: 22px } .section_main_banenr .slider .slide .content .text { color: #fff; font-size: 22px; margin-top: 15px; font-weight: 200 } .section_main_banenr .slider .slide .content .btn { color: #fff; width: 366px; text-align: center; height: 68px; line-height: 68px; background: #dc6655; display: block; border-radius: 5px; font-size: 22px; text-decoration: none; margin-top: 25px; transition: .3s } .section_main_banenr .slider .slide .content .btn:hover { background: #d4432c } .section_main_banenr .slider .slide .content .btn.long { width: auto; display: inline-block; padding-left: 30px !important; padding-right: 30px !important; overflow: hidden } .section_main_banenr .slider .slick-arrow { width: 27px; height: 56px; background-image: url(/bitrix/templates/monolite/images/new/arrows_b_w.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; text-indent: -9999px; border: 0; outline: 0; cursor: pointer; top: 50%; margin-top: -28px; position: absolute; z-index: 10 } .section_main_banenr .slider .slick-arrow.slick-prev { background-position: left center; left: 50%; margin-left: -600px } .section_main_banenr .slider .slick-arrow.slick-next { background-position: right center; margin-right: -600px; right: 50% } @media (max-width:1250px) { .section_main_banenr .slider .slick-arrow.slick-prev { margin-left: 0; left: 30px } .section_main_banenr .slider .slick-arrow.slick-next { margin-right: 0; right: 30px } } @media (max-width:767px) { .section_main_banenr .slider .container { padding-left: 35px !important; padding-right: 35px !important; font-size: 0; height: 100% } .section_main_banenr .slider .container:before { content: ''; display: inline-block; vertical-align: middle; height: 100% } .section_main_banenr .slider .slide { height: 245px } .section_main_banenr .slider .slide .content { text-align: center; padding: 0 !important; display: inline-block; vertical-align: middle; width: 99% !important } .section_main_banenr .slider .slide .content .title { font-size: 20px } .section_main_banenr .slider .slide .content .text, .section_main_banenr .slider .slide .content .title .sm { font-size: 16px } .section_main_banenr .slider .slide .content .btn { width: 250px; height: 40px; line-height: 40px; font-size: 16px; margin-left: auto; margin-right: auto } .section_main_banenr .slider .slick-arrow { width: 19px; height: 33px; margin-top: -16px } .section_main_banenr .slider .slick-arrow.slick-prev { left: 15px } .section_main_banenr .slider .slick-arrow.slick-next { right: 15px } } .section_projects_on_main { padding: 0; margin-top: 85px !important } .section_projects_on_main.inner { margin: 0 0 40px !important } .section_projects_on_main div { padding-bottom: 0 } .section_projects_on_main .title { font-size: 30px; text-align: center } .section_projects_on_main .projects { padding: 30px 40px 20px } .section_projects_on_main .projects .slide { text-align: center; font-size: 0; padding: 20px 0 } .section_projects_on_main .projects .object { margin: 0 auto; padding: 0; width: 99%; width: calc(100% - 7px); height: auto; display: inline-block; box-shadow: 0 0 15px rgba(0, 0, 0, .1); font-size: 18px; vertical-align: top; text-align: left; position: relative } .section_projects_on_main .projects .object .in3d { position: absolute; right: 0; top: 0; left: 53%; text-align: center; background: #ffd200; font-size: 16px; height: 44px; line-height: 44px; z-index: 1; padding: 0 } .section_projects_on_main .projects .object .sale { position: absolute; right: 53%; top: 0; left: 0; text-align: center; background: #e90d0d; color: #fff; font-size: 16px; height: 44px; line-height: 44px; z-index: 1 } .section_projects_on_main .projects .object .img { display: block } .section_projects_on_main .projects .object .img img { display: block; width: 100% } .section_projects_on_main .projects .object .desc { padding: 18px; color: #4d3b3b; height: 143px } .section_projects_on_main .projects .object .desc .name_row { margin-bottom: 12px } .section_projects_on_main .projects .object .desc .name { font-size: 24px; color: #4d3b3b; display: block; padding: 0 } .section_projects_on_main .projects .object .desc .area { float: right; font-size: 18px; color: #4d3b3b; padding: 0 } .section_projects_on_main .projects .object .desc .price_row { display: block; clear: both; padding: 0; font-size: 18px; color: #7a7a7a } .section_projects_on_main .projects .object .desc .price_row span { float: right; color: #4d3b3b } .section_projects_on_main .projects .slick-arrow { width: 27px; height: 56px; background-image: url(/bitrix/templates/monolite/images/new/arrows_b_b.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; text-indent: -9999px; border: 0; outline: 0; cursor: pointer; top: 50%; margin-top: -28px; position: absolute; z-index: 10 } .section_projects_on_main .projects .slick-arrow.slick-prev { background-position: left center; left: 50%; margin-left: -600px } .section_projects_on_main .projects .slick-arrow.slick-next { background-position: right center; margin-right: -600px; right: 50% } .more_project_btn, .section_projects_on_main .btn { width: 320px; height: 58px; line-height: 58px; background: #dc6655; font-size: 20px; color: #fff !important; text-align: center; display: block; margin: 0 auto; max-width: 100%; transition: .3s; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); text-decoration: none !important } .more_project_btn:hover, .section_projects_on_main .btn:hover { background: #d4432c } .more_project_btn { margin: 30px auto; } @media (max-width:1250px) { .section_projects_on_main .projects .slick-arrow.slick-prev { margin-left: 0; left: 30px } .section_projects_on_main .projects .slick-arrow.slick-next { margin-right: 0; right: 30px } } @media (max-width:1200px) { .section_projects_on_main .projects { padding: 30px 10px 20px } } @media (max-width:479px) { .section_projects_on_main { margin-top: 40px !important } .section_projects_on_main .title { font-size: 18px } .section_projects_on_main .projects { padding: 0 !important; margin: 15px 0 30px !important } .section_projects_on_main .projects .slide { padding: 0 !important } .section_projects_on_main .projects .object { width: 100%; height: auto } .section_projects_on_main .projects .slick-arrow { width: 37px; height: auto; top: 0; margin: 0; bottom: 133px; background: rgba(0, 0, 0, .5) } .section_projects_on_main .projects .slick-arrow:before { content: ''; background-image: url(/bitrix/templates/monolite/images/new/arrows_b_w.png); background-size: 32px; background-repeat: no-repeat; width: 15px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -7px } .section_projects_on_main .projects .slick-arrow.slick-prev { left: 0 } .section_projects_on_main .projects .slick-arrow.slick-next { right: 0 } .section_projects_on_main .projects .slick-arrow.slick-next:before { background-position: right top } } .reviews_gallery .slick-arrow, .reviews_gallery .slick-arrow:before { top: 50%; background-repeat: no-repeat; cursor: pointer; position: absolute } .section_gallery_on_main { padding: 0 !important; margin: 85px 0 0 !important } .section_gallery_on_main div { padding-bottom: 0 } .section_gallery_on_main .title { font-size: 30px; text-align: center; padding: 0 } .section_gallery_on_main .section_map_link { margin-top: 40px } @media (max-width:479px) { .section_gallery_on_main { margin-top: 40px !important } .section_gallery_on_main .title { font-size: 18px } } .reviews_gallery .wrapper { padding: 0 } .reviews_gallery .slick-arrow { width: 150px; height: 270px; background-color: transparent; font-size: 0; text-indent: -9999px; border: 0; outline: 0; margin-top: -135px; z-index: 10 } .reviews_gallery .slick-arrow:before { left: 50%; width: 27px; height: 56px; margin: -28px 0 0 -14px; background-image: url(/bitrix/templates/monolite/images/new/arrows_b_w.png); transition: .3s } .reviews_gallery .slick-arrow.slick-prev { left: 50%; margin-left: -540px } .reviews_gallery .slick-arrow.slick-next { margin-right: -540px; right: 50% } .reviews_gallery .slick-arrow.slick-prev:before { background-position: left center } .reviews_gallery .slick-arrow.slick-next:before { background-position: right center } @media (max-width:1250px) { .reviews_gallery .slick-arrow.slick-prev { margin-left: 0; left: 30px } .reviews_gallery .slick-arrow.slick-next { margin-right: 0; right: 30px } } @media (max-width:479px) { .reviews_gallery .slick-arrow { width: 37px; height: auto; top: 0; margin: 0; bottom: 0; background: rgba(0, 0, 0, .5) } .reviews_gallery .slick-arrow:before { content: ''; background-image: url(/bitrix/templates/monolite/images/new/arrows_b_w.png); background-size: 32px; background-repeat: no-repeat; width: 15px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -7px } .reviews_gallery .slick-arrow.slick-prev { left: 0 } .reviews_gallery .slick-arrow.slick-next { right: 0 } .reviews_gallery .slick-arrow.slick-next:before { background-position: right top } } .section_calc_form { padding: 70px 0 50px !important; background: #548e9e; color: #fff; text-align: center } .section_calc_form div { color: #fff; padding: 0 } .section_calc_form .title { font-size: 30px; text-transform: uppercase } .section_calc_form .text { font-size: 18px; margin-top: 25px } .section_calc_form form { width: 660px; margin: 33px auto 0 } .section_calc_form form .left { width: 310px; float: left } .section_calc_form form .right { width: 310px; float: right } .section_calc_form form .textfield, .section_calc_form form textarea { margin-top: 17px; width: 100%; border: 0; outline: 0; background: #fff; height: 45px; line-height: 20px; font-size: 16px; padding: 12px 22px; color: #333 } .section_calc_form form .btn, .section_contacts_map .map_wrap .contacts .btn { line-height: 58px; transition: .3s; max-width: 100%; cursor: pointer; text-decoration: none; outline: 0 } .section_calc_form form textarea { height: 170px; resize: vertical; margin-bottom: 0 } .section_calc_form form .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .section_calc_form form .inputfile+label { cursor: pointer; float: left; height: 30px; word-wrap: break-word } .section_calc_form form .inputfile+label:before { display: inline-block; height: 30px; width: 35px; background: url(/bitrix/templates/monolite/images/new/file.png) center no-repeat; vertical-align: middle } .section_calc_form form .inputfile+label span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fff } .section_calc_form form .btn { margin: 20px auto 0; width: 350px; height: 58px; background: #dc6655; font-size: 20px; color: #fff; text-align: center; display: block; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); border: none } .section_calc_form form .btn:hover { background: #d4432c } @media (max-width:767px) { .section_calc_form { padding: 30px 15px 20px !important } .section_calc_form .title { font-size: 22px } .section_calc_form .text { font-size: 14px } .section_calc_form form { width: auto } .section_calc_form form .left, .section_calc_form form .right { float: none; width: auto } } .section_advantages { margin: 80px 0 0 !important; padding: 0 !important } .section_advantages div { padding: 0 } .section_advantages .title { font-size: 30px; text-align: center } .section_advantages ul { list-style-type: disc; padding-left: 30px } .section_advantages ol { list-style-type: decimal; padding-left: 30px } .section_advantages .advantages { position: relative; text-align: justify; padding: 0 0 380px !important; margin-top: 30px !important } .section_advantages .advantages:after { width: 100%; height: 0; display: inline-block } .section_advantages .advantages .slide { display: inline-block } .section_advantages .advantages .advantage { display: inline-block; width: 194px; height: 194px; border-radius: 50%; background: #fff; color: #574343; padding: 20px 10px 0; transition: .3s; vertical-align: top; cursor: pointer } .section_advantages .advantages .advantage .ico { height: 90px; width: 194px; margin-left: auto; margin-right: auto; background: url(/bitrix/templates/monolite/images/new/advantages.png) no-repeat } .section_advantages .advantages .advantage .ico.i1 { background-position: 40px 5px } .section_advantages .advantages .advantage .ico.i2 { background-position: -210px 5px } .section_advantages .advantages .advantage .ico.i3 { background-position: -445px 5px } .section_advantages .advantages .advantage .ico.i4 { background-position: -675px 5px } .section_advantages .advantages .advantage .ico.i5 { background-position: -910px 5px } .section_advantages .advantages .advantage .desc, .section_advantages .advantages .advantage.active, .section_advantages .advantages .advantage:hover { background: #faf5e8; box-shadow: 0 0 15px rgba(0, 0, 0, .1) } .section_advantages .advantages .advantage .text { text-align: center; font-size: 20px } .section_advantages .advantages .advantage .desc { width: 774px; position: absolute; top: 223px; left: 50%; margin-left: -387px; padding: 40px 45px; border-radius: 10px; display: none; line-height: 1.3 } .section_advantages .advantages .advantage.active .ico.i1, .section_advantages .advantages .advantage:hover .ico.i1 { background-position: left 40px bottom 8px } .section_advantages .advantages .advantage.active .ico.i2, .section_advantages .advantages .advantage:hover .ico.i2 { background-position: left -210px bottom 8px } .section_advantages .advantages .advantage.active .ico.i3, .section_advantages .advantages .advantage:hover .ico.i3 { background-position: left -445px bottom 8px } .section_advantages .advantages .advantage.active .ico.i4, .section_advantages .advantages .advantage:hover .ico.i4 { background-position: left -675px bottom 8px } .section_advantages .advantages .advantage.active .ico.i5, .section_advantages .advantages .advantage:hover .ico.i5 { background-position: left -910px bottom 8px } .section_advantages .advantages .advantage.active .desc { display: block } @media (max-width:1200px) { .section_advantages .advantages { text-align: center } .section_advantages .advantages .advantage { margin: 0 10px 20px } .section_advantages .advantages .advantage .desc { top: 440px; left: 20px; right: 20px; margin: 0; width: auto } } @media (max-width:767px) { .section_advantages .advantages { text-align: center; padding-bottom: 0 !important } .section_advantages .advantages .advantage { display: block; margin: 0 auto !important; position: relative; background: 0 0 !important; width: 100%; height: auto !important; box-shadow: none !important } .section_advantages .advantages .advantage .desc { position: static; margin: 20px 15px 0 !important; width: auto !important; padding: 15px; font-size: 14px; display: block; text-align: left } .section_advantages .slick-arrow { width: 27px; height: 56px; background-image: url(/bitrix/templates/monolite/images/new/arrows_b_b.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; text-indent: -9999px; border: 0; outline: 0; cursor: pointer; top: 65px; margin-top: -28px; position: absolute; z-index: 10 } .section_advantages .slick-arrow.slick-prev { background-position: left center; left: 5px } .section_advantages .slick-arrow.slick-next { background-position: right center; right: 5px } } .section_contacts_map { margin: 0 !important; padding: 0 !important } .section_contacts_map div { padding: 0 } .section_contacts_map .title { font-size: 30px; text-align: center } .section_contacts_map .map_wrap { height: 260px; position: relative; margin-top: 45px } .section_contacts_map .map_wrap .map { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover } .section_contacts_map .map_wrap .contacts { position: absolute; left: 50%; top: 0; margin-left: -560px; height: 100%; background: #faf5e8; padding: 35px 55px; color: #574343; font-size: 20px } .section_contacts_map .map_wrap .contacts .btn { margin: 30px auto 0; width: 350px; height: 58px; background: #dc6655; font-size: 20px; color: #fff; text-align: center; display: block; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); border: none } .section_contacts_map .map_wrap .contacts .btn:hover { background: #d4432c } @media (max-width:1200px) { .section_contacts_map .map_wrap .contacts { margin-left: 0; left: 0 } } @media (max-width:767px) { .section_contacts_map .map_wrap { height: auto } .section_contacts_map .map_wrap .contacts { margin-left: 0; position: static; left: 0; font-size: 16px; height: auto; padding: 15px !important } .section_contacts_map .map_wrap .map { height: 250px; background: url(/bitrix/templates/monolite/images/new/map2.jpg) -100px 0 no-repeat; background-size: 1080px } } @media (max-width:639px) { .section_contacts_map .map_wrap .map { background-position: -300px 0 } } @media (max-width:479px) { .section_contacts_map .map_wrap .map { background-position: -500px 0 } } .section_content_on_main { padding: 0 0 50px !important } .calculator h1 { text-align: left !important } .section_calc .main_block { width: 860px; border: 1px solid #cdcdcd; padding: 20px } .section_calc #step1 { display: none !important } .section_calc #step2 { float: none; width: auto } .section_calc #step2 label { width: auto !important; margin: 0; padding: 0 8px } .section_calc #step2 label input { display: none } .section_calc #step2 label .img { width: 120px; height: 115px; margin: 0 auto; padding: 0; display: block; text-align: center; font-size: 0 } .section_calc #step2 label .img:before { display: inline-block; height: 100%; width: 0; vertical-align: bottom; margin: 0; padding: 0 } .section_calc #step2 label img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: bottom; display: inline-block } .section_calc #step2 label span.name { width: auto !important; display: block; text-align: center; font-size: 15px } .section_calc #step2 label.active img { filter: grayscale(0); transition: .5s; opacity: 1 } .section_calc .labels.dropdown { position: relative; width: 240px; height: 32px; border: 1px solid #cfcfcf; border-radius: 3px } .section_calc .labels.dropdown .ttl { display: block; line-height: 30px; padding: 0 35px 0 13px; cursor: pointer; height: 30px; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative } .section_calc .labels.dropdown .ttl:after { position: absolute; border-top: 5px solid #452e2e; border-left: 5px solid transparent; border-right: 5px solid transparent; right: 15px; top: 50%; margin-top: -2px } .section_calc .labels.dropdown .select { position: absolute; width: 240px; max-height: 200px; overflow: auto; top: 31px; left: -1px; background: #faf5e8; border: 1px solid #cfcfcf; border-radius: 0 0 3px 3px; margin-top: -1px; display: none; z-index: 10 } .section_calc .labels.dropdown .select label { margin: 0; padding: 0; border-radius: 0 } .section_calc .labels.dropdown .select input[type=radio]+span { font-size: 15px; display: block; padding: 8px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 0 } .section_calc .labels.dropdown .select input[type=radio]+span:before { display: none } .section_calc .labels.dropdown .select input[type=radio]+span:hover { background: #f5f5f5 } .section_calc .labels.dropdown .select input[type=radio]:checked+span { background: #eee } .section_calc .steps { border: none; padding: 0; margin: 0; width: 48%; float: left } .section_calc .steps:after { display: block; clear: both; margin-top: 25px } .section_calc .steps h2 { font-size: 0; height: 32px; float: left; margin: 0; padding: 0 10px 0 0 !important; width: 150px } .section_calc .steps h2:before { display: inline-block; vertical-align: middle; height: 100% } .section_calc .steps h2 span { font-size: 15px; display: inline-block; line-height: 1; vertical-align: middle } .section_calc .step_result { width: 100%; float: none; clear: both } .section_calc .steps_wrap { display: flex; flex-flow: column; padding: 0 } .section_calc .steps_wrap .calc { order: 14; width: 50% !important; margin: -3px 0 0 !important; font-size: 15px !important; align-self: flex-end; padding: 0 !important; text-align: center; line-height: 38px; border-radius: 0 } .section_calc #step4 { order: 1; align-self: flex-start } .section_calc #step3 { order: 2; align-self: flex-start } .section_calc #step5 { order: 3; align-self: flex-start } .section_calc #step7 { order: 4; align-self: flex-start } .section_calc #step13 { order: 5; align-self: flex-start } .section_calc #step8 { order: 6; align-self: flex-start } .section_calc #step9 { order: 7; align-self: flex-start } .section_calc #step10 { order: 8; align-self: flex-end; margin-top: -399px } .section_calc #step12 { order: 9; align-self: flex-end } .section_calc #step6 { order: 10; align-self: flex-end } .section_calc #step11 { order: 11; align-self: flex-end } .section_calc #step14 { order: 12; align-self: flex-end } .section_calc #step15 { order: 13; align-self: flex-end } .section_calc .top_row { font-size: 15px; line-height: 32px; padding-bottom: 15px } .section_calc .top_row:after { display: block; clear: both } .section_calc .top_row .title { float: left; font-size: 16px; width: 200px; padding-bottom: 0; line-height: 32px } .section_calc .top_row .title.mob { display: none } .section_calc .top_row .square { width: 345px; float: none; padding-bottom: 0; line-height: 32px; margin: 0; } .section_calc .top_row .square input { height: 32px; border: 1px solid #cfcfcf; width: 305px; padding: 5px 15px; font-size: 15px; line-height: 20px; float: left; margin-right: 15px } .section_calc .top_row .square input.error { border: 1px solid #dc6655; background: rgba(162, 2, 2, 0.23); } .section_calc .top_row .square input::-webkit-input-placeholder {color: #333;opacity: .5;} .section_calc .top_row .square input::-moz-placeholder {color: #333;opacity: .5;} .section_calc .top_row .square input:-moz-placeholder {color: #333;opacity: .5;} .section_calc .top_row .square input:-ms-input-placeholder {color: #333;opacity: .5;} .section_calc .top_row .square input.error::-webkit-input-placeholder {color: #000;opacity: 1;} .section_calc .top_row .square input.error::-moz-placeholder {color: #000;opacity: 1;} .section_calc .top_row .square input.error:-moz-placeholder {color: #000;opacity: 1;} .section_calc .top_row .square input.error:-ms-input-placeholder {color: #000;opacity: 1;} .section_calc .top_row .dist { padding-bottom: 0; float: none; margin: 20px 0 0; line-height: 32px } .section_calc .top_row .dist select, .section_calc .top_row .square select{ height: 32px; border: 1px solid #cfcfcf; width: 305px; padding: 5px 15px; font-size: 15px; line-height: 20px; float: left; margin-right: 15px } .section_calc .top_row .dist select option { font-size: 15px } .section_calc .top_row .dist select.error { border: 1px solid #dc6655; background: rgba(162, 2, 2, 0.23); } .section_calc h2.calc_result_title { font-size: 24px; width: auto !important; padding: 0; margin: 0 } .section_calc .results_ { width: 1220px; margin: 0 auto; padding: 15px 40px 20px; border: 1px solid #cdcdcd; max-width: 100% } .section_calc .results_ .calc_attention { font-size: 14px; padding-bottom: 0 !important; margin-bottom: 0 !important } .section_calc .results_:after { display: block; clear: both } .section_calc .results_ .left { width: 50%; float: left; padding-right: 15px } .section_calc .results_ .right { width: 50%; float: right; padding-left: 15px } .section_calc .results_ .top_row { padding: 0 } .section_calc .results_ .top_row:after { display: block; clear: both } .section_calc .results_ .top_row .block { float: left; margin-right: 30px; padding: 0 } .section_calc .results_ .top_row .block .ttl { float: left; line-height: 34px; font-size: 16px; padding: 0 } .section_calc .results_ .top_row .block .val { border: 1px solid #cdcdcd; margin: 0 8px; line-height: 32px; font-size: 16px; padding: 0 15px; float: left } .section_calc .results_ .top_row .block .unit { line-height: 34px; font-size: 16px; float: left; padding: 0 } .section_calc .results_ .calc_btns { background: #faf5e8; padding: 23px; margin-top: 30px } .section_calc .results_ .calc_btns .calc_clear, .section_calc .results_ .calc_btns .calc_email, .section_calc .results_ .calc_btns .calc_print { height: 38px; line-height: 36px; font-size: 14px; width: 130px !important; text-align: center; padding: 0 !important; box-shadow: 0 0 15px rgba(0, 0, 0, .1); float: left; transition: .3s } .section_calc .results_ .calc_btns:after { display: block; clear: both } .section_calc .results_ .calc_btns .calc_clear { border: 1px solid #dc6655; color: #dc6655; background: #fff; margin: 0 !important } .section_calc .results_ .calc_btns .calc_clear:hover { background: #d4432c; border-color: #d4432c; color: #fff } .section_calc .results_ .calc_btns .calc_email, .section_calc .results_ .calc_btns .calc_print { border: 1px solid #dc6655; color: #fff; background: #dc6655; margin: 0 16px !important } .section_calc .results_ .calc_btns .calc_email:hover, .section_calc .results_ .calc_btns .calc_print:hover { background: #d4432c; border-color: #d4432c } .section_calc .results_ .calc_btns .calc_email { width: 166px !important; margin: 0 !important } .section_calc .calc_results_table td, .section_calc .calc_results_table th { border: 0; padding: 0 0 12px; font-size: 15px; text-align: left } .section_calc .calc_results_table td:first-child, .section_calc .calc_results_table th:first-child { width: 160px } .section_calc .calc_results_table td:nth-child(2), .section_calc .calc_results_table th:nth-child(2) { width: 256px; padding-right: 16px } .section_calc .calc_results_table td:nth-child(2) span, .section_calc .calc_results_table th:nth-child(2) span { height: 32px; line-height: 30px; padding: 0 14px; display: block; width: 256px; border: 1px solid #cdcdcd; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px } .section_calc .calc_results_table td.price, .section_calc .calc_results_table td:nth-child(3), .section_calc .calc_results_table th.price, .section_calc .calc_results_table th:nth-child(3) { width: 120px } .section_calc .calc_results_table td.price span, .section_calc .calc_results_table td:nth-child(3) span, .section_calc .calc_results_table th.price span, .section_calc .calc_results_table th:nth-child(3) span { height: 32px; line-height: 30px; padding: 0; font-size: 15px; text-align: center; display: block; width: 83px; border: 1px solid #cdcdcd; position: relative } .section_calc h2.calc_result_title { display: none } .section_calc .img_btns { margin-top: 20px; margin-bottom: -15px; padding: 0 !important } .section_calc .img_btns:after { display: block; clear: both } .section_calc .img_btns .btn_wrap { width: 50%; float: left; padding: 15px } .section_calc .img_btns .btn_wrap:nth-child(2n+1) { padding-left: 0 } .section_calc .img_btns .btn_wrap:nth-child(2n) { padding-right: 0 } .section_calc .img_btns .btn_wrap .sidebar_img_link { margin: 0 auto; display: block; height: 153px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; font-size: 0; text-transform: uppercase; color: #fff; text-decoration: none; text-align: center; position: relative } .section_calc .img_btns .btn_wrap .sidebar_img_link:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; z-index: 9; opacity: 0; transition: .3s } .section_calc .img_btns .btn_wrap .sidebar_img_link:hover:after { opacity: .5 } .section_calc .img_btns .btn_wrap .sidebar_img_link:before { height: 100%; display: inline-block; vertical-align: middle } .section_calc .img_btns .btn_wrap .sidebar_img_link span { display: inline-block; font-size: 16px; vertical-align: middle; position: relative; z-index: 10 } .section_calc .img_btns .btn_wrap .sidebar_img_link.bg_1 { background-image: url(/bitrix/templates/monolite/images/new/btn_bg_1.jpg) } .section_calc .img_btns .btn_wrap .sidebar_img_link.bg_2 { background-image: url(/bitrix/templates/monolite/images/new/btn_bg_2.jpg) } .section_calc .img_btns .btn_wrap .sidebar_img_link.bg_3 { background-image: url(/bitrix/templates/monolite/images/new/btn_bg_3.jpg) } .section_calc .img_btns .btn_wrap .sidebar_img_link.bg_4 { background-image: url(/bitrix/templates/monolite/images/new/btn_bg_4.jpg) } @media (max-width:1200px) { .section_calc .main_block { width: 625px } .section_calc .top_row .title { display: none } .section_calc .top_row .title.mob { display: block; width: auto; float: none; clear: both } .section_calc .top_row .square { width: auto; margin-bottom: 10px } .section_calc .top_row .square input { float: left !important; margin-right: 10px !important; padding-right: 10px; } .section_calc .top_row .dist { width: auto; } .section_calc .top_row .dist select { float: left !important; margin-right: 10px !important } .section_calc #step2 label { vertical-align: top; margin: 0 8px !important } .section_calc #step2 label .img { width: 80px; height: 105px } .section_calc #step2 label .img img { width: 99% !important; display: inline-block !important } .section_calc #step2 label span.name { width: 80px !important; font-size: 14px !important } .section_calc .steps .labels.dropdown, .section_calc .steps h2 { width: 260px; max-width: 100% } .section_calc #step10 { margin-top: -490px } .section_calc .steps { padding: 0 !important } .section_calc .steps h2 { padding-bottom: 5px !important } .section_calc .steps:after { margin: 0 0 15px } .section_calc .steps_wrap .calc { margin-top: 20px !important } .section_calc .sidebar .sidebar_form .textfield, .section_calc .sidebar .sidebar_form textarea { margin-top: 15px !important } .section_calc .results_ .left, .section_calc .results_ .right { width: 100%; float: none; padding: 0 } .section_calc .results_ .left .calc_results_table, .section_calc .results_ .right .calc_results_table { margin-bottom: 0 } .section_calc .results_ .left .calc_results_table.t3, .section_calc .results_ .right .calc_results_table.t3 { margin-top: 0 } .section_calc .results_ .top_row .block { margin-bottom: 10px } } @media (max-width:1023px) { .section_calc .calc_results_table { margin-bottom: 0 !important } .section_calc .calc_results_table td:first-child { padding: 0 0 3px } .section_calc .calc_results_table td:nth-child(2) { padding: 0 0 5px } .section_calc .calc_results_table tr { padding-bottom: 10px } .section_calc .results_ .calc_btns { margin: 0 -40px -20px } } @media (max-width:959px) { .section_calc .content-calc { padding: 0 } .section_calc .section_calc .results_ { padding: 15px } .section_calc .section_calc .results_ .calc_btns { margin: 15px -15px -15px } .section_calc .main_block { width: auto } .section_calc .sidebar { margin-top: 15px } } @media (max-width:767px) { .section_calc .section_calc .results_ .top_row { border-bottom: 1px solid #cdcdcd; margin: 0 -15px 10px; padding: 0 15px 15px } .section_calc .section_calc .results_ .top_row .block { display: block; float: none; margin-right: 0 } .section_calc .section_calc .results_ .top_row .block:after { content: ''; display: block; clear: both } .section_calc .section_calc .results_ .top_row .block .ttl { width: auto; float: none } } @media (max-width:639px) { .section_calc #step10, .section_calc #step11, .section_calc #step12, .section_calc #step14, .section_calc #step15, .section_calc #step6 { align-self: flex-start } .section_calc .top_row .dist, .section_calc .top_row .square { width: auto; float: none } .section_calc .top_row .dist select { width: 300px !important; } .section_calc .top_row .block .val { margin-left: 0 } .section_calc .section_calc .results_ .calc_btns .calc_clear, .section_calc .section_calc .results_ .calc_btns .calc_email, .section_calc .section_calc .results_ .calc_btns .calc_print { width: 100% !important; float: none !important; margin: 15px 0 0 !important; display: block !important } .section_calc #step10 { margin-top: 0 } .section_calc .labels.dropdown .select, .section_calc .steps { width: 100% } .section_calc .img_btns .btn_wrap { padding: 5px } } @media (max-width:479px) { .section_calc { padding-left: 0 !important; padding-right: 0 !important } .section_calc #step2 label { width: 100% !important; margin: 0 !important } .section_calc .top_row .dist, .section_calc .top_row .square { width: auto; float: none } .section_calc .top_row .dist input, .section_calc .top_row .dist select, .section_calc .top_row .square input, .section_calc .top_row .square select { width: calc(100% - 40px) !important; padding: 5px } .section_calc .calc_attention { margin-top: 15px; font-size: 14px !important } .section_calc .img_btns .btn_wrap { padding: 0; width: 100%; float: none; margin-bottom: 15px } .section_calc .steps, .section_calc .steps .labels.dropdown, .section_calc .steps .ttl { width: 100% } .section_calc .steps_wrap .calc { width: 100% !important; margin: 0 !important } .section_calc #step2 { text-align: center } .section_calc #step2 label .img { width: 120px !important } .section_calc #step2 label span.name { width: 100% !important; font-size: 16px !important } .section_calc .c_msg { width: auto; left: 15px; right: 15px; margin: 0 } } @media (max-width:359px) { .section_calc .main_block { padding-left: 15px; padding-right: 15px; } .section_calc .top_row .dist input, .section_calc .top_row .dist select, .section_calc .top_row .square input, .section_calc .top_row .square select { width: calc(100% - 32px) !important; font-size: 14px; } } .content-calc { padding: 0 !important } .c_msg_screen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 10000; display: none } .seconds___ .c_email, .seconds___ .c_msg { top: 50%; left: 50%; width: 400px; height: auto; max-width: 90%; margin: 0 0 0 -200px; border-radius: 10px; background: #faf5e8; z-index: 10001; position: fixed; padding: 20px; text-align: center; display: none } .seconds___ .c_email .close, .seconds___ .c_msg .close { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 30px; position: absolute; right: 0; top: 0; cursor: pointer } .seconds___ .c_email .text, .seconds___ .c_msg .text { font-size: 16px; color: #000 } .seconds___ .c_email input, .seconds___ .c_msg input { width: 240px; display: block; margin: 0 auto; border: 1px solid #cdcdcd; height: 32px; padding: 0 10px; line-height: 30px; max-width: 100% } .seconds___ .c_email .btn, .seconds___ .c_msg .btn { margin: 25px 0 0; padding: 6px 50px; font-size: 18px; text-decoration: none; background: #dc6655; transition: .3s; color: #fff; display: inline-block; border-radius: 3px } .seconds___ .c_email .btn:hover, .seconds___ .c_msg .btn:hover { background: #d4432c } .seconds___ .c_email { padding: 40px; width: 500px; height: auto; margin: 0 0 0 -250px } .seconds___ .c_email .title { font-size: 18px } .seconds___ .c_email .btn { padding: 6px 20px } @media (max-width:479px) { .seconds___ .c_email, .seconds___ .c_msg { width: auto; left: 15px; right: 15px; margin: 0; padding: 20px 15px } } .section_calc #tip_doma { font-size: 0; text-align: justify } .section_calc #tip_doma:after { display: inline-block; width: 100% } .section_calc #tip_doma label { display: inline-block; width: 20% } .section_calc #tip_doma label .name { display: block; text-align: center; font-size: 15px; width: 100% } .section_calc #tip_doma label .name:before { width: 115px; height: 115px; margin: 0 auto 10px; display: block; background-position: center bottom; background-repeat: no-repeat; background-size: contain; filter: grayscale(100%); transition: .3s; opacity: .7 } .section_calc #tip_doma label input:checked+.name:before, .section_calc #tip_doma label:hover .name:before { filter: grayscale(0); opacity: 1 } .section_calc #tip_doma label input { display: none } .section_calc #tip_doma label#tip_doma_0 .name::before { background-image: url(/upload/iblock/5b2/h-01-size-l.png) } .section_calc #tip_doma label#tip_doma_1 .name::before { background-image: url(/upload/iblock/f73/h-02-size-w.png) } .section_calc #tip_doma label#tip_doma_2 .name::before { background-image: url(/upload/iblock/22d/h-03-size-l.png) } .section_calc #tip_doma label#tip_doma_3 .name::before { background-image: url(/upload/iblock/b04/h-04-size-w.png) } .section_calc #tip_doma label#tip_doma_4 .name::before { background-image: url(/upload/iblock/621/h-05-size-l.png) } .section_calc .params .left { width: 48%; float: left; padding: 0 } .section_calc .params .right { width: 48%; float: right; padding: 0 } .section_calc .params .param { padding: 0; margin-bottom: 22px } .section_calc .params .param:after { display: block; clear: both } .section_calc .params .param .name { font-size: 0; height: 32px; float: left; margin: 0; padding: 0 10px 0 0 !important; width: 150px } .section_calc .params .param .name:before { display: inline-block; vertical-align: middle; height: 100% } .section_calc .params .param .name span { font-size: 15px; display: inline-block; line-height: 1; vertical-align: middle } .section_calc .params .param .values { position: relative; width: 240px; height: 32px; border: 1px solid #cfcfcf; border-radius: 3px; float: right } .section_calc .params .param .values .selected { display: block; line-height: 30px; padding: 0 35px 0 13px; cursor: pointer; height: 30px; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative } .section_calc .params .param .values .selected:after { position: absolute; border-top: 5px solid #452e2e; border-left: 5px solid transparent; border-right: 5px solid transparent; right: 15px; top: 50%; margin-top: -2px } .section_calc .params .param .values .select { position: absolute; width: auto; right: -1px; max-height: 200px; overflow: auto; top: 31px; left: -1px; background: #faf5e8; border: 1px solid #cfcfcf; border-radius: 0 0 3px 3px; margin-top: -1px; display: none; z-index: 100; padding: 0 } .section_calc .params .param .values .select label .param_name:hover, .section_calc .params .param .values .select label input:checked+.param_name { background: #eee } .section_calc .params .param .values .select label input { display: none } .section_calc .params .param .values .select label input:disabled+.param_name { cursor: default; opacity: .25 } .section_calc .params .param .values .select label .param_name { font-size: 15px; display: block; padding: 8px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 0 } .section_calc .do_calc { display: block; width: auto; margin: -3px 0 0; font-size: 15px; align-self: flex-end; padding: 0; text-align: center; line-height: 38px; background: #dc6655; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); transition: .3s; border-radius: 3px; color: #fff; cursor: pointer } .section_calc .do_calc:hover { background: #d4432c } @media (max-width:1200px) { .section_calc .params .param .name { width: 119px; padding-right: 5px } .section_calc .params .param .values { width: 160px } } @media (max-width:767px) { .section_calc #tip_doma label .name { padding-left: 5px; padding-right: 5px; font-size: 12px } .section_calc #tip_doma label .name:before { width: 100px; height: 100px } .section_calc .params .left, .section_calc .params .param .values, .section_calc .params .right { width: auto; float: none } .section_calc .params .param .name { width: auto; float: none; height: auto; margin-bottom: 3px } } @media (max-width:639px) { .section_calc #tip_doma { text-align: center } .section_calc #tip_doma label { vertical-align: top; width: 50%; margin-bottom: 20px } } @media (max-width:479px) { .section_calc #tip_doma { text-align: center } .section_calc #tip_doma label { vertical-align: top; width: 100%; margin-bottom: 20px } } .section_calc_result { display: none } .section_calc_result .title { font-size: 24px; color: #322f2f; text-align: left } .section_calc_result .title a { text-decoration: none; color: #322f2f } .section_calc_result .wrapper { margin-top: 10px; border: 1px solid #cdcdcd; padding: 16px 40px 22px } .section_calc_result .wrapper .top_row .date, .section_calc_result .wrapper .top_row .square, .section_calc_result .wrapper .top_row .tip_doma, .section_calc_result .wrapper .top_row .udalyonnost { float: left; margin-right: 20px; font-size: 15px; line-height: 32px } .section_calc_result .wrapper .top_row .date .val, .section_calc_result .wrapper .top_row .square .val, .section_calc_result .wrapper .top_row .tip_doma .val, .section_calc_result .wrapper .top_row .udalyonnost .val { display: inline-block; margin: 0 0 0 7px; height: 32px; line-height: 30px; border: 1px solid #cdcdcd; padding: 0 10px; font-size: 15px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 170px } .section_calc_result .wrapper .top_row .tip_doma .val { max-width: calc(100% - 115px); width: 340px } .section_calc_result .wrapper .top_row .udalyonnost .val { max-width: 100px } .section_calc_result .calc_data { clear: both; } .section_calc_result .calc_data:after { display: block; clear: both } .section_calc_result .left { width: 48%; float: left; padding: 0 } .section_calc_result .right { width: 48%; float: right; padding: 0 } .section_calc_result table { width: 100%; border: 0; padding: 0; margin: 0 } .section_calc_result table td { border: 0; padding: 10px 0; margin: 0; color: #322f2f; font-size: 15px; vertical-align: middle } .section_calc_result table td:first-child { width: 160px } .section_calc_result table td.res_td { padding: 10px 0 10px 16px; width: 145px; vertical-align: middle } .section_calc_result table td div { padding: 0; color: #322f2f; font-size: 15px } .section_calc_result table td .result, .section_calc_result table td .selected { width: 220px; height: 32px; line-height: 30px; border: 1px solid #cdcdcd; padding: 0 10px; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle } .section_calc_result table td .result { width: 85px; text-align: center; padding: 0; margin-right: 10px; display: inline-block; background: #fff } .section_calc_result table .before_total td { height: 30px } .section_calc_result table .total { background: #faf5e8 } .section_calc_result table .total td:first-child { padding-left: 15px } .section_calc_result .info { margin-top: 20px } .section_calc_result .info p { font-size: 14px; padding-bottom: 0 !important; margin-bottom: 0 !important } .section_calc_result .btns { background: #faf5e8; padding: 23px; margin-top: 30px; font-size: 0; text-align: justify } .section_calc_result .btns:after { display: inline-block; width: 100% } .section_calc_result .btns a { height: 38px; line-height: 36px; border: 1px solid #dc6655; color: #fff; background: #dc6655; font-size: 14px; width: auto; text-align: center; display: inline-block; padding: 0 20px; margin: 0; box-shadow: 0 0 15px rgba(0, 0, 0, .1); transition: .3s; text-decoration: none; border-radius: 3px } .section_calc_result .btns a:hover { background: #d4432c; color: #fff } .section_calc_result .btns a:last-child { margin-right: 0 } .section_calc_result .btns a:first-child { background: #fff; color: #dc6655 } @media (max-width:1200px) { .section_calc_result .left, .section_calc_result .right { width: auto; float: none; padding: 0 } .section_calc_result .left .selected, .section_calc_result .right .selected { width: auto } .section_calc_result .btns a { padding: 0 10px } } @media (max-width:767px) { .section_calc_result table tr { display: block; margin-bottom: 10px } .section_calc_result table td { display: block; padding: 0 !important; width: auto !important } .section_calc_result table td .result { margin-left: 0; margin-top: 7px } .section_calc_result table td .name { width: auto } .section_calc_result table td .selected { margin: 5px 0 } .section_calc_result .btns a { display: block; width: auto; margin: 10px 0 } } @media (max-width:479px) { .section_calc_result { padding: 0 !important } .section_calc_result .title { font-size: 20px } .section_calc_result .wrapper { padding: 15px } .section_calc_result .wrapper .top_row .date, .section_calc_result .wrapper .top_row .square, .section_calc_result .wrapper .top_row .tip_doma, .section_calc_result .wrapper .top_row .udalyonnost { margin-right: 0 } .section_calc_result .wrapper .top_row .tip_doma { line-height: 1 } .section_calc_result .wrapper .top_row .tip_doma .val { line-height: 1; display: inline; white-space: pre-wrap; border: none } } @media print { .section_header, .section_header_2, .section_footer, .header_menu, #header_menu, #footer, .breadcrumb, .calc_btns, h3, #step20, h1, #footer, .breadcrumb, .section_calc, .section_header, h1, jdiv { display: none !important } .content_ { padding-top: 0 !important } .section_calc_result .wrapper { border: 0; padding: 0 } .section_calc_result .wrapper .top_row .date, .section_calc_result .wrapper .top_row .square, .section_calc_result .wrapper .top_row .tip_doma, .section_calc_result .wrapper .top_row .udalyonnost { margin-right: 30px; padding: 0 0 5px } .section_calc_result .wrapper .top_row .date .val, .section_calc_result .wrapper .top_row .square .val, .section_calc_result .wrapper .top_row .tip_doma .val, .section_calc_result .wrapper .top_row .udalyonnost .val { max-width: 100% } .section_calc_result .wrapper table { margin: 0 } .section_calc_result .wrapper table tr { display: table-row !important } .section_calc_result .wrapper table td { display: table-cell !important; padding-top: 5px !important; padding-bottom: 5px !important } .section_calc_result .wrapper table td .name { width: 150px !important } .section_calc_result .wrapper table td .selected { width: 240px !important } .section_calc_result .wrapper table td:first-child { width: 150px !important } .section_calc_result .wrapper table td.nm, .section_calc_result .wrapper table td.nm .name { width: auto !important } .section_calc_result .calc_data:after { content: ''; display: block; clear: both } .section_calc_result .left, .section_calc_result .right { width: auto; float: none } .section_calc_result .btns { display: none } } .section_blog_category { padding: 0 0 40px !important } .section_blog_category .post { box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); padding: 0; border: 1px solid #e5e5e5; margin-top: 20px } .section_blog_category .post:after { clear: both; display: block } .section_blog_category .post .image { float: left; width: 252px } .section_blog_category .post .image img { display: block; max-width: 100% } .section_blog_category .post .desc { padding: 23px 20px 0 30px; margin-left: 252px } .section_blog_category .post .desc .name { font-size: 21px; color: #574343; text-transform: uppercase; text-decoration: none } .section_blog_category .post .desc .intro { font-size: 16px; color: #989797; margin-top: 14px; height: 40px; overflow: hidden; margin-bottom: 14px } .section_blog_category .post .desc .more { font-size: 16px; color: #dc6655 } @media (max-width:639px) { .section_blog_category .post .image { float: none; margin: 0 auto; display: block; width: 100% } .section_blog_category .post .image img { width: 100% } .section_blog_category .post .desc { margin: 0; padding: 15px } } .section_blog_content { padding-bottom: 40px !important } .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku>div, .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku>p, .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku>ul, .ckolko-stoit-postroit-dom>div, .ckolko-stoit-postroit-dom>p, .ckolko-stoit-postroit-dom>ul, .ctroitelstvo-dvukhetazhnogo-doma>div, .ctroitelstvo-dvukhetazhnogo-doma>p, .ctroitelstvo-dvukhetazhnogo-doma>ul, .ctroitelstvo-individualnykh-domov>div, .ctroitelstvo-individualnykh-domov>p, .ctroitelstvo-individualnykh-domov>ul, .dachnye-doma-iz-penoblokov>div, .dachnye-doma-iz-penoblokov>p, .dachnye-doma-iz-penoblokov>ul, .dom-iz-penoblokov-pod-klyuch>div, .dom-iz-penoblokov-pod-klyuch>p, .dom-iz-penoblokov-pod-klyuch>ul, .dom_iz_kirpicha_pod_kluch>div, .dom_iz_kirpicha_pod_kluch>p, .dom_iz_kirpicha_pod_kluch>ul, .doma-iz-gazosilikatnykh-blokov>div, .doma-iz-gazosilikatnykh-blokov>p, .doma-iz-gazosilikatnykh-blokov>ul, .ekspluatiruemaya-krovlya>div, .ekspluatiruemaya-krovlya>p, .ekspluatiruemaya-krovlya>ul, .kak-postroit-dom-iz-gazobetona>div, .kak-postroit-dom-iz-gazobetona>p, .kak-postroit-dom-iz-gazobetona>ul, .kak-sdelat-dom-krasivym>div, .kak-sdelat-dom-krasivym>p, .kak-sdelat-dom-krasivym>ul, .kak-uteplit-fasad-doma>div, .kak-uteplit-fasad-doma>p, .kak-uteplit-fasad-doma>ul, .kak-uteplit-fasad>div, .kak-uteplit-fasad>p, .kak-uteplit-fasad>ul, .kakuyu-krovlyu-vybrat>div, .kakuyu-krovlyu-vybrat>p, .kakuyu-krovlyu-vybrat>ul, .kanalizatsiya-v-chastnom-dome>div, .kanalizatsiya-v-chastnom-dome>p, .kanalizatsiya-v-chastnom-dome>ul, .mokryy-fasad>div, .mokryy-fasad>p, .mokryy-fasad>ul, .monolitnoe-stroitelstvo>div, .monolitnoe-stroitelstvo>p, .monolitnoe-stroitelstvo>ul, .monolitnyy_dom>div, .monolitnyy_dom>p, .monolitnyy_dom>ul, .montazh-ventiliruemykh-fasadov>div, .montazh-ventiliruemykh-fasadov>p, .montazh-ventiliruemykh-fasadov>ul, .montazh_otopleniya>div, .montazh_otopleniya>p, .montazh_otopleniya>ul, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva>div, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva>p, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva>ul, .nesemnaya-opalubka-mosstroy-31>div, .nesemnaya-opalubka-mosstroy-31>p, .nesemnaya-opalubka-mosstroy-31>ul, .nesemnaya-opalubka-pod-klyuch>div, .nesemnaya-opalubka-pod-klyuch>p, .nesemnaya-opalubka-pod-klyuch>ul, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov>div, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov>p, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov>ul, .o-kanalizatsii-zagorodnogo-doma>div, .o-kanalizatsii-zagorodnogo-doma>p, .o-kanalizatsii-zagorodnogo-doma>ul, .oblitsovka-fasada-doma-kirpichom>div, .oblitsovka-fasada-doma-kirpichom>p, .oblitsovka-fasada-doma-kirpichom>ul, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch->div, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch->p, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch->ul, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove>div, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove>p, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove>ul, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene>div, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene>p, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene>ul, .proekt_doma_iz_penoblokov>div, .proekt_doma_iz_penoblokov>p, .proekt_doma_iz_penoblokov>ul, .proekty-domov-iz-kirpicha-kupit-ili-zakazat>div, .proekty-domov-iz-kirpicha-kupit-ili-zakazat>p, .proekty-domov-iz-kirpicha-kupit-ili-zakazat>ul, .proekty-monolitnykh-domov>div, .proekty-monolitnykh-domov>p, .proekty-monolitnykh-domov>ul, .skolko-stoit-dom-iz-gazobetona>div, .skolko-stoit-dom-iz-gazobetona>p, .skolko-stoit-dom-iz-gazobetona>ul, .stoimost-stroitelstva-doma>div, .stoimost-stroitelstva-doma>p, .stoimost-stroitelstva-doma>ul, .stroim-dom-iz-blokov>div, .stroim-dom-iz-blokov>p, .stroim-dom-iz-blokov>ul, .stroitelstvo-doma-iz-gazobetona-pod-klyuch>div, .stroitelstvo-doma-iz-gazobetona-pod-klyuch>p, .stroitelstvo-doma-iz-gazobetona-pod-klyuch>ul, .stroitelstvo-doma-iz-gazobetona>div, .stroitelstvo-doma-iz-gazobetona>p, .stroitelstvo-doma-iz-gazobetona>ul, .stroitelstvo-doma-iz-keramicheskogo-kirpicha>div, .stroitelstvo-doma-iz-keramicheskogo-kirpicha>p, .stroitelstvo-doma-iz-keramicheskogo-kirpicha>ul, .stroitelstvo-doma-iz-kirpicha>div, .stroitelstvo-doma-iz-kirpicha>p, .stroitelstvo-doma-iz-kirpicha>ul, .stroitelstvo-doma-iz-penoblokov>div, .stroitelstvo-doma-iz-penoblokov>p, .stroitelstvo-doma-iz-penoblokov>ul, .stroitelstvo-domov-iz-kirpicha>div, .stroitelstvo-domov-iz-kirpicha>p, .stroitelstvo-domov-iz-kirpicha>ul, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny>div, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny>p, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny>ul, .stroitelstvo-domov-iz-penoblokov-pod-klyuch>div, .stroitelstvo-domov-iz-penoblokov-pod-klyuch>p, .stroitelstvo-domov-iz-penoblokov-pod-klyuch>ul, .stroitelstvo-elitnykh-domov>div, .stroitelstvo-elitnykh-domov>p, .stroitelstvo-elitnykh-domov>ul, .stroitelstvo-iz-gazosilikata>div, .stroitelstvo-iz-gazosilikata>p, .stroitelstvo-iz-gazosilikata>ul, .stroitelstvo-iz-teploy-keramiki>div, .stroitelstvo-iz-teploy-keramiki>p, .stroitelstvo-iz-teploy-keramiki>ul, .stroitelstvo-maloetazhnykh-domov>div, .stroitelstvo-maloetazhnykh-domov>p, .stroitelstvo-maloetazhnykh-domov>ul, .stroitelstvo-monolitnykh-domov>div, .stroitelstvo-monolitnykh-domov>p, .stroitelstvo-monolitnykh-domov>ul, .stroitelstvo-monolitnykh-kottedzhey>div, .stroitelstvo-monolitnykh-kottedzhey>p, .stroitelstvo-monolitnykh-kottedzhey>ul, .stroitelstvo-nedorogikh-domov-pod-klyuch>div, .stroitelstvo-nedorogikh-domov-pod-klyuch>p, .stroitelstvo-nedorogikh-domov-pod-klyuch>ul, .stroitelstvo-sovremennogo-doma>div, .stroitelstvo-sovremennogo-doma>p, .stroitelstvo-sovremennogo-doma>ul, .stroitelstvo-zagorodnogo-doma-pod-klyuch>div, .stroitelstvo-zagorodnogo-doma-pod-klyuch>p, .stroitelstvo-zagorodnogo-doma-pod-klyuch>ul, .stroitelstvo-zagorodnykh-domov-iz-kirpicha>div, .stroitelstvo-zagorodnykh-domov-iz-kirpicha>p, .stroitelstvo-zagorodnykh-domov-iz-kirpicha>ul, .stroitelstvo-zagorodnykh-domov-iz-penoblokov>div, .stroitelstvo-zagorodnykh-domov-iz-penoblokov>p, .stroitelstvo-zagorodnykh-domov-iz-penoblokov>ul, .teplye-doma-iz-gazobetona>div, .teplye-doma-iz-gazobetona>p, .teplye-doma-iz-gazobetona>ul, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___>div, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___>p, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___>ul, .uri_dom-iz-gazobetonnykh-blokov .seconds___>div, .uri_dom-iz-gazobetonnykh-blokov .seconds___>p, .uri_dom-iz-gazobetonnykh-blokov .seconds___>ul, .uri_dom-iz-gazosilikatnykh-blokov .seconds___>div, .uri_dom-iz-gazosilikatnykh-blokov .seconds___>p, .uri_dom-iz-gazosilikatnykh-blokov .seconds___>ul, .uri_dom-iz-kirpicha-pod-kluch .seconds___>div, .uri_dom-iz-kirpicha-pod-kluch .seconds___>p, .uri_dom-iz-kirpicha-pod-kluch .seconds___>ul, .uri_etapi .seconds___>div, .uri_etapi .seconds___>p, .uri_etapi .seconds___>ul, .uri_fasadnye-sistemy .seconds___>div, .uri_fasadnye-sistemy .seconds___>p, .uri_fasadnye-sistemy .seconds___>ul, .uri_inzhenernye-sistemy .seconds___>div, .uri_inzhenernye-sistemy .seconds___>p, .uri_inzhenernye-sistemy .seconds___>ul, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___>div, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___>p, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___>ul, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___>div, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___>p, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___>ul, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___>div, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___>p, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___>ul, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___>div, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___>p, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___>ul, .uri_monolitnyy-dom.inner_3 .seconds___>div, .uri_monolitnyy-dom.inner_3 .seconds___>p, .uri_monolitnyy-dom.inner_3 .seconds___>ul, .uri_montazh-otopleniya .seconds___>div, .uri_montazh-otopleniya .seconds___>p, .uri_montazh-otopleniya .seconds___>ul, .uri_o-kompanii.inner_5 .seconds___>div, .uri_o-kompanii.inner_5 .seconds___>p, .uri_o-kompanii.inner_5 .seconds___>ul, .uri_otzivi .seconds___>div, .uri_otzivi .seconds___>p, .uri_otzivi .seconds___>ul, .uri_poleznaya-informatsiya .seconds___>div, .uri_poleznaya-informatsiya .seconds___>p, .uri_poleznaya-informatsiya .seconds___>ul, .uri_proekt-doma-iz-penoblokov .seconds___>div, .uri_proekt-doma-iz-penoblokov .seconds___>p, .uri_proekt-doma-iz-penoblokov .seconds___>ul, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___>div, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___>p, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___>ul, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___>div, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___>p, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___>ul, .uri_stati .seconds___>div, .uri_stati .seconds___>p, .uri_stati .seconds___>ul, .uri_stroitelstvo .seconds___>div, .uri_stroitelstvo .seconds___>p, .uri_stroitelstvo .seconds___>ul, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___>div, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___>p, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___>ul, .uri_stroitelstvo-doma-iz-penoblokov .seconds___>div, .uri_stroitelstvo-doma-iz-penoblokov .seconds___>p, .uri_stroitelstvo-doma-iz-penoblokov .seconds___>ul, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___>div, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___>p, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___>ul, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___>div, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___>p, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___>ul, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___>div, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___>p, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___>ul, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___>div, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___>p, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___>ul, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___>div, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___>p, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___>ul, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___>div, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___>p, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___>ul, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___>div, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___>p, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___>ul, .uri_stroitelstvo-kirpichnykh-domov .seconds___>div, .uri_stroitelstvo-kirpichnykh-domov .seconds___>p, .uri_stroitelstvo-kirpichnykh-domov .seconds___>ul, .uri_stroitelstvo-korobki .seconds___>div, .uri_stroitelstvo-korobki .seconds___>p, .uri_stroitelstvo-korobki .seconds___>ul, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___>div, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___>p, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___>ul, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___>div, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___>p, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___>ul, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___>div, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___>p, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___>ul, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___>div, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___>p, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___>ul, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___>div, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___>p, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___>ul, .uri_ulichnye-raboty .seconds___>div, .uri_ulichnye-raboty .seconds___>p, .uri_ulichnye-raboty .seconds___>ul, .uri_vnutrennie-raboty.inner_3 .seconds___>div, .uri_vnutrennie-raboty.inner_3 .seconds___>p, .uri_vnutrennie-raboty.inner_3 .seconds___>ul, .uri_vnutrennie-raboty.inner_4 .seconds___>div, .uri_vnutrennie-raboty.inner_4 .seconds___>p, .uri_vnutrennie-raboty.inner_4 .seconds___>ul, .uslugi-po-ustanovke-otopleniya>div, .uslugi-po-ustanovke-otopleniya>p, .uslugi-po-ustanovke-otopleniya>ul, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh>div, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh>p, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh>ul, .ustanovka-ventiliruemykh-fasadov>div, .ustanovka-ventiliruemykh-fasadov>p, .ustanovka-ventiliruemykh-fasadov>ul, .uteplennaya-otmostka>div, .uteplennaya-otmostka>p, .uteplennaya-otmostka>ul, .ventiliruemyy-fasad>div, .ventiliruemyy-fasad>p, .ventiliruemyy-fasad>ul, .zagorodnoe-stroitelstvo-iz-penoblokov>div, .zagorodnoe-stroitelstvo-iz-penoblokov>p, .zagorodnoe-stroitelstvo-iz-penoblokov>ul, .zelenaya-krysha>div, .zelenaya-krysha>p, .zelenaya-krysha>ul { max-width: 1150px; margin: 0 auto; color: #7a7a7a } .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku ul, .ckolko-stoit-postroit-dom ul, .ctroitelstvo-dvukhetazhnogo-doma ul, .ctroitelstvo-individualnykh-domov ul, .dachnye-doma-iz-penoblokov ul, .dom-iz-penoblokov-pod-klyuch ul, .dom_iz_kirpicha_pod_kluch ul, .doma-iz-gazosilikatnykh-blokov ul, .ekspluatiruemaya-krovlya ul, .kak-postroit-dom-iz-gazobetona ul, .kak-sdelat-dom-krasivym ul, .kak-uteplit-fasad ul, .kak-uteplit-fasad-doma ul, .kakuyu-krovlyu-vybrat ul, .kanalizatsiya-v-chastnom-dome ul, .mokryy-fasad ul, .monolitnoe-stroitelstvo ul, .monolitnyy_dom ul, .montazh-ventiliruemykh-fasadov ul, .montazh_otopleniya ul, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva ul, .nesemnaya-opalubka-mosstroy-31 ul, .nesemnaya-opalubka-pod-klyuch ul, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov ul, .o-kanalizatsii-zagorodnogo-doma ul, .oblitsovka-fasada-doma-kirpichom ul, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch- ul, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove ul, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene ul, .proekt_doma_iz_penoblokov ul, .proekty-domov-iz-kirpicha-kupit-ili-zakazat ul, .proekty-monolitnykh-domov ul, .skolko-stoit-dom-iz-gazobetona ul, .stoimost-stroitelstva-doma ul, .stroim-dom-iz-blokov ul, .stroitelstvo-doma-iz-gazobetona ul, .stroitelstvo-doma-iz-gazobetona-pod-klyuch ul, .stroitelstvo-doma-iz-keramicheskogo-kirpicha ul, .stroitelstvo-doma-iz-kirpicha ul, .stroitelstvo-doma-iz-penoblokov ul, .stroitelstvo-domov-iz-kirpicha ul, .stroitelstvo-domov-iz-penoblokov-pod-klyuch ul, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny ul, .stroitelstvo-elitnykh-domov ul, .stroitelstvo-iz-gazosilikata ul, .stroitelstvo-iz-teploy-keramiki ul, .stroitelstvo-maloetazhnykh-domov ul, .stroitelstvo-monolitnykh-domov ul, .stroitelstvo-monolitnykh-kottedzhey ul, .stroitelstvo-nedorogikh-domov-pod-klyuch ul, .stroitelstvo-sovremennogo-doma ul, .stroitelstvo-zagorodnogo-doma-pod-klyuch ul, .stroitelstvo-zagorodnykh-domov-iz-kirpicha ul, .stroitelstvo-zagorodnykh-domov-iz-penoblokov ul, .teplye-doma-iz-gazobetona ul, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___ ul, .uri_dom-iz-gazobetonnykh-blokov .seconds___ ul, .uri_dom-iz-gazosilikatnykh-blokov .seconds___ ul, .uri_dom-iz-kirpicha-pod-kluch .seconds___ ul, .uri_etapi .seconds___ ul, .uri_fasadnye-sistemy .seconds___ ul, .uri_inzhenernye-sistemy .seconds___ ul, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___ ul, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___ ul, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___ ul, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ ul, .uri_monolitnyy-dom.inner_3 .seconds___ ul, .uri_montazh-otopleniya .seconds___ ul, .uri_o-kompanii.inner_5 .seconds___ ul, .uri_otzivi .seconds___ ul, .uri_poleznaya-informatsiya .seconds___ ul, .uri_proekt-doma-iz-penoblokov .seconds___ ul, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___ ul, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___ ul, .uri_stati .seconds___ ul, .uri_stroitelstvo .seconds___ ul, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___ ul, .uri_stroitelstvo-doma-iz-penoblokov .seconds___ ul, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___ ul, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___ ul, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___ ul, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___ ul, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___ ul, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___ ul, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___ ul, .uri_stroitelstvo-kirpichnykh-domov .seconds___ ul, .uri_stroitelstvo-korobki .seconds___ ul, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ ul, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___ ul, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___ ul, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___ ul, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___ ul, .uri_ulichnye-raboty .seconds___ ul, .uri_vnutrennie-raboty.inner_3 .seconds___ ul, .uri_vnutrennie-raboty.inner_4 .seconds___ ul, .uslugi-po-ustanovke-otopleniya ul, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh ul, .ustanovka-ventiliruemykh-fasadov ul, .uteplennaya-otmostka ul, .ventiliruemyy-fasad ul, .zagorodnoe-stroitelstvo-iz-penoblokov ul, .zelenaya-krysha ul { list-style-type: disc; color: #7a7a7a } .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku ol, .ckolko-stoit-postroit-dom ol, .ctroitelstvo-dvukhetazhnogo-doma ol, .ctroitelstvo-individualnykh-domov ol, .dachnye-doma-iz-penoblokov ol, .dom-iz-penoblokov-pod-klyuch ol, .dom_iz_kirpicha_pod_kluch ol, .doma-iz-gazosilikatnykh-blokov ol, .ekspluatiruemaya-krovlya ol, .kak-postroit-dom-iz-gazobetona ol, .kak-sdelat-dom-krasivym ol, .kak-uteplit-fasad ol, .kak-uteplit-fasad-doma ol, .kakuyu-krovlyu-vybrat ol, .kanalizatsiya-v-chastnom-dome ol, .mokryy-fasad ol, .monolitnoe-stroitelstvo ol, .monolitnyy_dom ol, .montazh-ventiliruemykh-fasadov ol, .montazh_otopleniya ol, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva ol, .nesemnaya-opalubka-mosstroy-31 ol, .nesemnaya-opalubka-pod-klyuch ol, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov ol, .o-kanalizatsii-zagorodnogo-doma ol, .oblitsovka-fasada-doma-kirpichom ol, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch- ol, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove ol, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene ol, .proekt_doma_iz_penoblokov ol, .proekty-domov-iz-kirpicha-kupit-ili-zakazat ol, .proekty-monolitnykh-domov ol, .skolko-stoit-dom-iz-gazobetona ol, .stoimost-stroitelstva-doma ol, .stroim-dom-iz-blokov ol, .stroitelstvo-doma-iz-gazobetona ol, .stroitelstvo-doma-iz-gazobetona-pod-klyuch ol, .stroitelstvo-doma-iz-keramicheskogo-kirpicha ol, .stroitelstvo-doma-iz-kirpicha ol, .stroitelstvo-doma-iz-penoblokov ol, .stroitelstvo-domov-iz-kirpicha ol, .stroitelstvo-domov-iz-penoblokov-pod-klyuch ol, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny ol, .stroitelstvo-elitnykh-domov ol, .stroitelstvo-iz-gazosilikata ol, .stroitelstvo-iz-teploy-keramiki ol, .stroitelstvo-maloetazhnykh-domov ol, .stroitelstvo-monolitnykh-domov ol, .stroitelstvo-monolitnykh-kottedzhey ol, .stroitelstvo-nedorogikh-domov-pod-klyuch ol, .stroitelstvo-sovremennogo-doma ol, .stroitelstvo-zagorodnogo-doma-pod-klyuch ol, .stroitelstvo-zagorodnykh-domov-iz-kirpicha ol, .stroitelstvo-zagorodnykh-domov-iz-penoblokov ol, .teplye-doma-iz-gazobetona ol, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___ ol, .uri_dom-iz-gazobetonnykh-blokov .seconds___ ol, .uri_dom-iz-gazosilikatnykh-blokov .seconds___ ol, .uri_dom-iz-kirpicha-pod-kluch .seconds___ ol, .uri_etapi .seconds___ ol, .uri_fasadnye-sistemy .seconds___ ol, .uri_inzhenernye-sistemy .seconds___ ol, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___ ol, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___ ol, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___ ol, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ ol, .uri_monolitnyy-dom.inner_3 .seconds___ ol, .uri_montazh-otopleniya .seconds___ ol, .uri_o-kompanii.inner_5 .seconds___ ol, .uri_otzivi .seconds___ ol, .uri_poleznaya-informatsiya .seconds___ ol, .uri_proekt-doma-iz-penoblokov .seconds___ ol, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___ ol, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___ ol, .uri_stati .seconds___ ol, .uri_stroitelstvo .seconds___ ol, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___ ol, .uri_stroitelstvo-doma-iz-penoblokov .seconds___ ol, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___ ol, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___ ol, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___ ol, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___ ol, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___ ol, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___ ol, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___ ol, .uri_stroitelstvo-kirpichnykh-domov .seconds___ ol, .uri_stroitelstvo-korobki .seconds___ ol, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ ol, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___ ol, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___ ol, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___ ol, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___ ol, .uri_ulichnye-raboty .seconds___ ol, .uri_vnutrennie-raboty.inner_3 .seconds___ ol, .uri_vnutrennie-raboty.inner_4 .seconds___ ol, .uslugi-po-ustanovke-otopleniya ol, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh ol, .ustanovka-ventiliruemykh-fasadov ol, .uteplennaya-otmostka ol, .ventiliruemyy-fasad ol, .zagorodnoe-stroitelstvo-iz-penoblokov ol, .zelenaya-krysha ol { list-style-type: decimal; color: #7a7a7a } .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku .free_consultation, .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku .reviews_gallery, .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku .seconds___, .ckolko-stoit-postroit-dom .free_consultation, .ckolko-stoit-postroit-dom .reviews_gallery, .ckolko-stoit-postroit-dom .seconds___, .ctroitelstvo-dvukhetazhnogo-doma .free_consultation, .ctroitelstvo-dvukhetazhnogo-doma .reviews_gallery, .ctroitelstvo-dvukhetazhnogo-doma .seconds___, .ctroitelstvo-individualnykh-domov .free_consultation, .ctroitelstvo-individualnykh-domov .reviews_gallery, .ctroitelstvo-individualnykh-domov .seconds___, .dachnye-doma-iz-penoblokov .free_consultation, .dachnye-doma-iz-penoblokov .reviews_gallery, .dachnye-doma-iz-penoblokov .seconds___, .dom-iz-penoblokov-pod-klyuch .free_consultation, .dom-iz-penoblokov-pod-klyuch .reviews_gallery, .dom-iz-penoblokov-pod-klyuch .seconds___, .dom_iz_kirpicha_pod_kluch .free_consultation, .dom_iz_kirpicha_pod_kluch .reviews_gallery, .dom_iz_kirpicha_pod_kluch .seconds___, .doma-iz-gazosilikatnykh-blokov .free_consultation, .doma-iz-gazosilikatnykh-blokov .reviews_gallery, .doma-iz-gazosilikatnykh-blokov .seconds___, .ekspluatiruemaya-krovlya .free_consultation, .ekspluatiruemaya-krovlya .reviews_gallery, .ekspluatiruemaya-krovlya .seconds___, .kak-postroit-dom-iz-gazobetona .free_consultation, .kak-postroit-dom-iz-gazobetona .reviews_gallery, .kak-postroit-dom-iz-gazobetona .seconds___, .kak-sdelat-dom-krasivym .free_consultation, .kak-sdelat-dom-krasivym .reviews_gallery, .kak-sdelat-dom-krasivym .seconds___, .kak-uteplit-fasad .free_consultation, .kak-uteplit-fasad .reviews_gallery, .kak-uteplit-fasad .seconds___, .kak-uteplit-fasad-doma .free_consultation, .kak-uteplit-fasad-doma .reviews_gallery, .kak-uteplit-fasad-doma .seconds___, .kakuyu-krovlyu-vybrat .free_consultation, .kakuyu-krovlyu-vybrat .reviews_gallery, .kakuyu-krovlyu-vybrat .seconds___, .kanalizatsiya-v-chastnom-dome .free_consultation, .kanalizatsiya-v-chastnom-dome .reviews_gallery, .kanalizatsiya-v-chastnom-dome .seconds___, .mokryy-fasad .free_consultation, .mokryy-fasad .reviews_gallery, .mokryy-fasad .seconds___, .monolitnoe-stroitelstvo .free_consultation, .monolitnoe-stroitelstvo .reviews_gallery, .monolitnoe-stroitelstvo .seconds___, .monolitnyy_dom .free_consultation, .monolitnyy_dom .reviews_gallery, .monolitnyy_dom .seconds___, .montazh-ventiliruemykh-fasadov .free_consultation, .montazh-ventiliruemykh-fasadov .reviews_gallery, .montazh-ventiliruemykh-fasadov .seconds___, .montazh_otopleniya .free_consultation, .montazh_otopleniya .reviews_gallery, .montazh_otopleniya .seconds___, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva .free_consultation, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva .reviews_gallery, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva .seconds___, .nesemnaya-opalubka-mosstroy-31 .free_consultation, .nesemnaya-opalubka-mosstroy-31 .reviews_gallery, .nesemnaya-opalubka-mosstroy-31 .seconds___, .nesemnaya-opalubka-pod-klyuch .free_consultation, .nesemnaya-opalubka-pod-klyuch .reviews_gallery, .nesemnaya-opalubka-pod-klyuch .seconds___, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov .free_consultation, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov .reviews_gallery, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov .seconds___, .o-kanalizatsii-zagorodnogo-doma .free_consultation, .o-kanalizatsii-zagorodnogo-doma .reviews_gallery, .o-kanalizatsii-zagorodnogo-doma .seconds___, .oblitsovka-fasada-doma-kirpichom .free_consultation, .oblitsovka-fasada-doma-kirpichom .reviews_gallery, .oblitsovka-fasada-doma-kirpichom .seconds___, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch- .free_consultation, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch- .reviews_gallery, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch- .seconds___, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove .free_consultation, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove .reviews_gallery, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove .seconds___, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene .free_consultation, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene .reviews_gallery, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene .seconds___, .proekt_doma_iz_penoblokov .free_consultation, .proekt_doma_iz_penoblokov .reviews_gallery, .proekt_doma_iz_penoblokov .seconds___, .proekty-domov-iz-kirpicha-kupit-ili-zakazat .free_consultation, .proekty-domov-iz-kirpicha-kupit-ili-zakazat .reviews_gallery, .proekty-domov-iz-kirpicha-kupit-ili-zakazat .seconds___, .proekty-monolitnykh-domov .free_consultation, .proekty-monolitnykh-domov .reviews_gallery, .proekty-monolitnykh-domov .seconds___, .skolko-stoit-dom-iz-gazobetona .free_consultation, .skolko-stoit-dom-iz-gazobetona .reviews_gallery, .skolko-stoit-dom-iz-gazobetona .seconds___, .stoimost-stroitelstva-doma .free_consultation, .stoimost-stroitelstva-doma .reviews_gallery, .stoimost-stroitelstva-doma .seconds___, .stroim-dom-iz-blokov .free_consultation, .stroim-dom-iz-blokov .reviews_gallery, .stroim-dom-iz-blokov .seconds___, .stroitelstvo-doma-iz-gazobetona .free_consultation, .stroitelstvo-doma-iz-gazobetona .reviews_gallery, .stroitelstvo-doma-iz-gazobetona .seconds___, .stroitelstvo-doma-iz-gazobetona-pod-klyuch .free_consultation, .stroitelstvo-doma-iz-gazobetona-pod-klyuch .reviews_gallery, .stroitelstvo-doma-iz-gazobetona-pod-klyuch .seconds___, .stroitelstvo-doma-iz-keramicheskogo-kirpicha .free_consultation, .stroitelstvo-doma-iz-keramicheskogo-kirpicha .reviews_gallery, .stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___, .stroitelstvo-doma-iz-kirpicha .free_consultation, .stroitelstvo-doma-iz-kirpicha .reviews_gallery, .stroitelstvo-doma-iz-kirpicha .seconds___, .stroitelstvo-doma-iz-penoblokov .free_consultation, .stroitelstvo-doma-iz-penoblokov .reviews_gallery, .stroitelstvo-doma-iz-penoblokov .seconds___, .stroitelstvo-domov-iz-kirpicha .free_consultation, .stroitelstvo-domov-iz-kirpicha .reviews_gallery, .stroitelstvo-domov-iz-kirpicha .seconds___, .stroitelstvo-domov-iz-penoblokov-pod-klyuch .free_consultation, .stroitelstvo-domov-iz-penoblokov-pod-klyuch .reviews_gallery, .stroitelstvo-domov-iz-penoblokov-pod-klyuch .seconds___, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny .free_consultation, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny .reviews_gallery, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny .seconds___, .stroitelstvo-elitnykh-domov .free_consultation, .stroitelstvo-elitnykh-domov .reviews_gallery, .stroitelstvo-elitnykh-domov .seconds___, .stroitelstvo-iz-gazosilikata .free_consultation, .stroitelstvo-iz-gazosilikata .reviews_gallery, .stroitelstvo-iz-gazosilikata .seconds___, .stroitelstvo-iz-teploy-keramiki .free_consultation, .stroitelstvo-iz-teploy-keramiki .reviews_gallery, .stroitelstvo-iz-teploy-keramiki .seconds___, .stroitelstvo-maloetazhnykh-domov .free_consultation, .stroitelstvo-maloetazhnykh-domov .reviews_gallery, .stroitelstvo-maloetazhnykh-domov .seconds___, .stroitelstvo-monolitnykh-domov .free_consultation, .stroitelstvo-monolitnykh-domov .reviews_gallery, .stroitelstvo-monolitnykh-domov .seconds___, .stroitelstvo-monolitnykh-kottedzhey .free_consultation, .stroitelstvo-monolitnykh-kottedzhey .reviews_gallery, .stroitelstvo-monolitnykh-kottedzhey .seconds___, .stroitelstvo-nedorogikh-domov-pod-klyuch .free_consultation, .stroitelstvo-nedorogikh-domov-pod-klyuch .reviews_gallery, .stroitelstvo-nedorogikh-domov-pod-klyuch .seconds___, .stroitelstvo-sovremennogo-doma .free_consultation, .stroitelstvo-sovremennogo-doma .reviews_gallery, .stroitelstvo-sovremennogo-doma .seconds___, .stroitelstvo-zagorodnogo-doma-pod-klyuch .free_consultation, .stroitelstvo-zagorodnogo-doma-pod-klyuch .reviews_gallery, .stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___, .stroitelstvo-zagorodnykh-domov-iz-kirpicha .free_consultation, .stroitelstvo-zagorodnykh-domov-iz-kirpicha .reviews_gallery, .stroitelstvo-zagorodnykh-domov-iz-kirpicha .seconds___, .stroitelstvo-zagorodnykh-domov-iz-penoblokov .free_consultation, .stroitelstvo-zagorodnykh-domov-iz-penoblokov .reviews_gallery, .stroitelstvo-zagorodnykh-domov-iz-penoblokov .seconds___, .teplye-doma-iz-gazobetona .free_consultation, .teplye-doma-iz-gazobetona .reviews_gallery, .teplye-doma-iz-gazobetona .seconds___, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___ .free_consultation, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___ .reviews_gallery, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___ .seconds___, .uri_dom-iz-gazobetonnykh-blokov .seconds___ .free_consultation, .uri_dom-iz-gazobetonnykh-blokov .seconds___ .reviews_gallery, .uri_dom-iz-gazobetonnykh-blokov .seconds___ .seconds___, .uri_dom-iz-gazosilikatnykh-blokov .seconds___ .free_consultation, .uri_dom-iz-gazosilikatnykh-blokov .seconds___ .reviews_gallery, .uri_dom-iz-gazosilikatnykh-blokov .seconds___ .seconds___, .uri_dom-iz-kirpicha-pod-kluch .seconds___ .free_consultation, .uri_dom-iz-kirpicha-pod-kluch .seconds___ .reviews_gallery, .uri_dom-iz-kirpicha-pod-kluch .seconds___ .seconds___, .uri_etapi .seconds___ .free_consultation, .uri_etapi .seconds___ .reviews_gallery, .uri_etapi .seconds___ .seconds___, .uri_fasadnye-sistemy .seconds___ .free_consultation, .uri_fasadnye-sistemy .seconds___ .reviews_gallery, .uri_fasadnye-sistemy .seconds___ .seconds___, .uri_inzhenernye-sistemy .seconds___ .free_consultation, .uri_inzhenernye-sistemy .seconds___ .reviews_gallery, .uri_inzhenernye-sistemy .seconds___ .seconds___, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___ .free_consultation, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___ .reviews_gallery, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___ .seconds___, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___ .free_consultation, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___ .reviews_gallery, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___ .seconds___, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___ .free_consultation, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___ .reviews_gallery, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___ .seconds___, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ .free_consultation, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ .reviews_gallery, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ .seconds___, .uri_monolitnyy-dom.inner_3 .seconds___ .free_consultation, .uri_monolitnyy-dom.inner_3 .seconds___ .reviews_gallery, .uri_monolitnyy-dom.inner_3 .seconds___ .seconds___, .uri_montazh-otopleniya .seconds___ .free_consultation, .uri_montazh-otopleniya .seconds___ .reviews_gallery, .uri_montazh-otopleniya .seconds___ .seconds___, .uri_o-kompanii.inner_5 .seconds___ .free_consultation, .uri_o-kompanii.inner_5 .seconds___ .reviews_gallery, .uri_o-kompanii.inner_5 .seconds___ .seconds___, .uri_otzivi .seconds___ .free_consultation, .uri_otzivi .seconds___ .reviews_gallery, .uri_otzivi .seconds___ .seconds___, .uri_poleznaya-informatsiya .seconds___ .free_consultation, .uri_poleznaya-informatsiya .seconds___ .reviews_gallery, .uri_poleznaya-informatsiya .seconds___ .seconds___, .uri_proekt-doma-iz-penoblokov .seconds___ .free_consultation, .uri_proekt-doma-iz-penoblokov .seconds___ .reviews_gallery, .uri_proekt-doma-iz-penoblokov .seconds___ .seconds___, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___ .free_consultation, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___ .reviews_gallery, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___ .seconds___, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___ .free_consultation, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___ .reviews_gallery, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___ .seconds___, .uri_stati .seconds___ .free_consultation, .uri_stati .seconds___ .reviews_gallery, .uri_stati .seconds___ .seconds___, .uri_stroitelstvo .seconds___ .free_consultation, .uri_stroitelstvo .seconds___ .reviews_gallery, .uri_stroitelstvo .seconds___ .seconds___, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___ .free_consultation, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___ .reviews_gallery, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___ .seconds___, .uri_stroitelstvo-doma-iz-penoblokov .seconds___ .free_consultation, .uri_stroitelstvo-doma-iz-penoblokov .seconds___ .reviews_gallery, .uri_stroitelstvo-doma-iz-penoblokov .seconds___ .seconds___, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___ .free_consultation, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___ .reviews_gallery, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___ .seconds___, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___ .reviews_gallery, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___ .seconds___, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___ .reviews_gallery, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___ .seconds___, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___ .reviews_gallery, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___ .seconds___, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___ .reviews_gallery, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___ .seconds___, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___ .free_consultation, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___ .reviews_gallery, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___ .seconds___, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___ .free_consultation, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___ .reviews_gallery, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___ .seconds___, .uri_stroitelstvo-kirpichnykh-domov .seconds___ .free_consultation, .uri_stroitelstvo-kirpichnykh-domov .seconds___ .reviews_gallery, .uri_stroitelstvo-kirpichnykh-domov .seconds___ .seconds___, .uri_stroitelstvo-korobki .seconds___ .free_consultation, .uri_stroitelstvo-korobki .seconds___ .reviews_gallery, .uri_stroitelstvo-korobki .seconds___ .seconds___, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .free_consultation, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .reviews_gallery, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .seconds___, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___ .free_consultation, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___ .reviews_gallery, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___ .seconds___, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___ .reviews_gallery, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___ .seconds___, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___ .reviews_gallery, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___ .seconds___, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___ .reviews_gallery, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___ .seconds___, .uri_ulichnye-raboty .seconds___ .free_consultation, .uri_ulichnye-raboty .seconds___ .reviews_gallery, .uri_ulichnye-raboty .seconds___ .seconds___, .uri_vnutrennie-raboty.inner_3 .seconds___ .free_consultation, .uri_vnutrennie-raboty.inner_3 .seconds___ .reviews_gallery, .uri_vnutrennie-raboty.inner_3 .seconds___ .seconds___, .uri_vnutrennie-raboty.inner_4 .seconds___ .free_consultation, .uri_vnutrennie-raboty.inner_4 .seconds___ .reviews_gallery, .uri_vnutrennie-raboty.inner_4 .seconds___ .seconds___, .uslugi-po-ustanovke-otopleniya .free_consultation, .uslugi-po-ustanovke-otopleniya .reviews_gallery, .uslugi-po-ustanovke-otopleniya .seconds___, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh .free_consultation, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh .reviews_gallery, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh .seconds___, .ustanovka-ventiliruemykh-fasadov .free_consultation, .ustanovka-ventiliruemykh-fasadov .reviews_gallery, .ustanovka-ventiliruemykh-fasadov .seconds___, .uteplennaya-otmostka .free_consultation, .uteplennaya-otmostka .reviews_gallery, .uteplennaya-otmostka .seconds___, .ventiliruemyy-fasad .free_consultation, .ventiliruemyy-fasad .reviews_gallery, .ventiliruemyy-fasad .seconds___, .zagorodnoe-stroitelstvo-iz-penoblokov .free_consultation, .zagorodnoe-stroitelstvo-iz-penoblokov .reviews_gallery, .zagorodnoe-stroitelstvo-iz-penoblokov .seconds___, .zelenaya-krysha .free_consultation, .zelenaya-krysha .reviews_gallery, .zelenaya-krysha .seconds___ { width: 100% !important; max-width: 1000000000px; padding: 0 } .chto-vybrat-gazosilikatnye-bloki-ili-tepluyu-keramiku .free_consultation, .ckolko-stoit-postroit-dom .free_consultation, .ctroitelstvo-dvukhetazhnogo-doma .free_consultation, .ctroitelstvo-individualnykh-domov .free_consultation, .dachnye-doma-iz-penoblokov .free_consultation, .dom-iz-penoblokov-pod-klyuch .free_consultation, .dom_iz_kirpicha_pod_kluch .free_consultation, .doma-iz-gazosilikatnykh-blokov .free_consultation, .ekspluatiruemaya-krovlya .free_consultation, .kak-postroit-dom-iz-gazobetona .free_consultation, .kak-sdelat-dom-krasivym .free_consultation, .kak-uteplit-fasad .free_consultation, .kak-uteplit-fasad-doma .free_consultation, .kakuyu-krovlyu-vybrat .free_consultation, .kanalizatsiya-v-chastnom-dome .free_consultation, .mokryy-fasad .free_consultation, .monolitnoe-stroitelstvo .free_consultation, .monolitnyy_dom .free_consultation, .montazh-ventiliruemykh-fasadov .free_consultation, .montazh_otopleniya .free_consultation, .nesemnaya-opalubka-dlya-monolitnogo-stroitelstva .free_consultation, .nesemnaya-opalubka-mosstroy-31 .free_consultation, .nesemnaya-opalubka-pod-klyuch .free_consultation, .novye-tekhnologii-v-stroitelstve-zagorodnykh-domov .free_consultation, .o-kanalizatsii-zagorodnogo-doma .free_consultation, .oblitsovka-fasada-doma-kirpichom .free_consultation, .preimushchestva-stroitelstva-doma-iz-kirpicha-pod-klyuch- .free_consultation, .priemlemaya-tsena-nesemnoy-opalubki-moskva-i-podmoskove .free_consultation, .proekt-doma-iz-penoblokov-ili-penobetona-po-nizkoy-tsene .free_consultation, .proekt_doma_iz_penoblokov .free_consultation, .proekty-domov-iz-kirpicha-kupit-ili-zakazat .free_consultation, .proekty-monolitnykh-domov .free_consultation, .skolko-stoit-dom-iz-gazobetona .free_consultation, .stoimost-stroitelstva-doma .free_consultation, .stroim-dom-iz-blokov .free_consultation, .stroitelstvo-doma-iz-gazobetona .free_consultation, .stroitelstvo-doma-iz-gazobetona-pod-klyuch .free_consultation, .stroitelstvo-doma-iz-keramicheskogo-kirpicha .free_consultation, .stroitelstvo-doma-iz-kirpicha .free_consultation, .stroitelstvo-doma-iz-penoblokov .free_consultation, .stroitelstvo-domov-iz-kirpicha .free_consultation, .stroitelstvo-domov-iz-penoblokov-pod-klyuch .free_consultation, .stroitelstvo-domov-iz-penoblokov-pod-klyuch-proekty-i-tseny .free_consultation, .stroitelstvo-elitnykh-domov .free_consultation, .stroitelstvo-iz-gazosilikata .free_consultation, .stroitelstvo-iz-teploy-keramiki .free_consultation, .stroitelstvo-maloetazhnykh-domov .free_consultation, .stroitelstvo-monolitnykh-domov .free_consultation, .stroitelstvo-monolitnykh-kottedzhey .free_consultation, .stroitelstvo-nedorogikh-domov-pod-klyuch .free_consultation, .stroitelstvo-sovremennogo-doma .free_consultation, .stroitelstvo-zagorodnogo-doma-pod-klyuch .free_consultation, .stroitelstvo-zagorodnykh-domov-iz-kirpicha .free_consultation, .stroitelstvo-zagorodnykh-domov-iz-penoblokov .free_consultation, .teplye-doma-iz-gazobetona .free_consultation, .uri_ctroitelstvo-kottedzha-iz-penoblokov .seconds___ .free_consultation, .uri_dom-iz-gazobetonnykh-blokov .seconds___ .free_consultation, .uri_dom-iz-gazosilikatnykh-blokov .seconds___ .free_consultation, .uri_dom-iz-kirpicha-pod-kluch .seconds___ .free_consultation, .uri_etapi .seconds___ .free_consultation, .uri_fasadnye-sistemy .seconds___ .free_consultation, .uri_inzhenernye-sistemy .seconds___ .free_consultation, .uri_kak-vybrat-firmu-po-stroitelstvu-doma .seconds___ .free_consultation, .uri_kanalizatsiya-chastnogo-doma.inner_3 .seconds___ .free_consultation, .uri_kottedzhi-i-doma-iz-gazobetona .seconds___ .free_consultation, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ .free_consultation, .uri_monolitnyy-dom.inner_3 .seconds___ .free_consultation, .uri_montazh-otopleniya .seconds___ .free_consultation, .uri_o-kompanii.inner_5 .seconds___ .free_consultation, .uri_otzivi .seconds___ .free_consultation, .uri_poleznaya-informatsiya .seconds___ .free_consultation, .uri_proekt-doma-iz-penoblokov .seconds___ .free_consultation, .uri_proektirovanie-i-stroitelstvo-iz-gazosilikata .seconds___ .free_consultation, .uri_skolko-stoit-dom-ili-korotko-o-glavnom .seconds___ .free_consultation, .uri_stati .seconds___ .free_consultation, .uri_stroitelstvo .seconds___ .free_consultation, .uri_stroitelstvo-doma-iz-keramicheskogo-kirpicha .seconds___ .free_consultation, .uri_stroitelstvo-doma-iz-penoblokov .seconds___ .free_consultation, .uri_stroitelstvo-domov-i-kottedzhey.inner_3 .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-gazobetona-proekty-i-tseny .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-gazosilikata-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-kirpicha-proekty-i-tseny .seconds___ .free_consultation, .uri_stroitelstvo-domov-iz-nesemnoy-opalubki.inner_4 .seconds___ .free_consultation, .uri_stroitelstvo-iz-gazosilikatnyh-blokov.inner_3 .seconds___ .free_consultation, .uri_stroitelstvo-iz-gazosilikatnykh-blokov .seconds___ .free_consultation, .uri_stroitelstvo-kirpichnykh-domov .seconds___ .free_consultation, .uri_stroitelstvo-korobki .seconds___ .free_consultation, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .free_consultation, .uri_stroitelstvo-kotedzhei.inner_5 .seconds___ .free_consultation, .uri_stroitelstvo-kottedzha-iz-kirpicha-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-kottedzha-pod-klyuch .seconds___ .free_consultation, .uri_stroitelstvo-zagorodnogo-doma-pod-klyuch .seconds___ .free_consultation, .uri_ulichnye-raboty .seconds___ .free_consultation, .uri_vnutrennie-raboty.inner_3 .seconds___ .free_consultation, .uri_vnutrennie-raboty.inner_4 .seconds___ .free_consultation, .uslugi-po-ustanovke-otopleniya .free_consultation, .ustanovka-otopitelnykh-sistem-v-chastnykh-domakh .free_consultation, .ustanovka-ventiliruemykh-fasadov .free_consultation, .uteplennaya-otmostka .free_consultation, .ventiliruemyy-fasad .free_consultation, .zagorodnoe-stroitelstvo-iz-penoblokov .free_consultation, .zelenaya-krysha .free_consultation { clear: both } .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .section_calc_form, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .section_projects_on_main.inner, .uri_stroitelstvo-kotedzhei.inner_3 .seconds___ .text_content_block { max-width: 1000% } .uri_ctroitelstvo-kottedzha-iz-penoblokov.inner_3 .seconds___ .nobg+.our_advantages___, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .seconds___ .our_advantages___.content-mb-0.reviews-full-width { width: auto; max-width: 10000% } .uri_book.inner_4 .seconds___, .ustavnye_dokumenty { max-width: 1150px; margin-left: auto; margin-right: auto } .seconds_ .vysokoe-kachestvo-stroitelstva .gallery.gallery_static.slick-initialized.slick-slider, .seconds_ .vysokoe-kachestvo-stroitelstva .gallery.gallery_static.slick-initialized.slick-slider div { width: auto } .rukovodstvo-kompanii .rukovodstvo-kompanii_2 li { max-width: 552px } .rukovodstvo-kompanii .rukovodstvo-kompanii_2 li:nth-child(2n+1) { margin-right: 40px } .rukovodstvo-kompanii .rukovodstvo-kompanii_2 li .props { width: 272px } @media (max-width:1200px) { .rukovodstvo-kompanii .rukovodstvo-kompanii_2 li { margin-right: 0 !important } } .dekorativnye-fasadnye-elementy:nth-child(1)::before, .fasadnye-sistemy:nth-child(1)::before, .fiksirovannaya-tsena:nth-child(1)::before, .inzhenernye-sistemy:nth-child(1)::before, .montazh-kryshi:nth-child(1)::before, .soglasovanie-proekta:nth-child(1)::before, .stroitelstvo-korobki:nth-child(1)::before, .stroitelstvo-sovremennogo-doma:nth-child(1)::before, .stroitelstvo-zagorodnogo-doma-pod-klyuch:nth-child(1)::before, .stroitelstvo-zagorodnykh-domov-iz-kirpicha:nth-child(1)::before, .uri_kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy.inner_3 .kottedzhi-ot-stroitelnoy-kompanii-monolitdom-stroy:nth-child(1)::before, .vnutrennie-raboty:nth-child(1)::before, .vodosnabzhenie-i-kanalizatsiya-v-chastnom-dome:nth-child(1)::before, .vozmozhnost-posmotret-postroennye-doma:nth-child(1)::before { height: 420px } .uri_o-kompanii.inner_3 h1 { text-align: left } .seconds__ .rukovodstvo-kompanii ul img { width: 234px !important; height: 352px !important } .section_doc_content, .uri_kak-vybrat-firmu-po-stroitelstvu-doma div.slick-slide { width: auto !important } .section_doc_content { margin-left: auto; margin-right: auto; max-width: 1000% !important } .section_doc_content .btns { text-align: left; margin-bottom: 20px; } .section_doc_content .btns .btn { background: #dc6655; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); text-align: center; text-decoration: none; border-radius: 3px; color: #fefefe; font: 400 14px ProximaNova; transition: .2s; width: 210px; height: 38px; line-height: 38px; display: inline-block } .section_doc_content .btns .btn:hover { background: #d4432c } .section_doc_content .preview { margin: 0; padding: 0 } .section_doc_content .preview img { max-width: 575px; margin: 0 auto !important; padding: 0; display: block } @media (max-width:479px) { .section_doc_content .btns .btn { display: block; width: auto; margin-bottom: 15px } .section_doc_content .btns .btn:last-child { margin-bottom: 0 } } .stroitelstvo-kotedgei-pod-klyuch { margin: 0 !important } .stroitelstvo-kotedgei-pod-klyuch .breadcrumb, .stroitelstvo-kotedgei-pod-klyuch .breadcrumb a { color: #a6a6a6 } .stroitelstvo-kotedgei-pod-klyuch:nth-child(1)::before { display: none } .stroitelstvo-kotedgei-pod-klyuch h1 { color: #322f2f; font-size: 28px; text-align: left; padding: 0; margin-top: 55px; max-width: 100% } @media (max-width:767px) { .stroitelstvo-kotedgei-pod-klyuch h1 { font-size: 18px; margin: 30px 0 0 !important } } .complete_construction { padding: 0 !important } .complete_construction .services { font-size: 0; text-align: justify } .complete_construction .services:after { display: inline-block; width: 100% } .complete_construction .services .service { vertical-align: top; display: inline-block; width: 262px; text-decoration: none; margin: 15px 0 25px } .complete_construction .services .service img { display: block; opacity: 1; transition: .3s } .complete_construction .services .service .name { font-size: 21px; color: #574343; text-align: center; display: block; margin-top: 10px } .complete_construction .services .service:hover img { opacity: .7 } .complete_construction h2 { font-size: 24px } .complete_construction p { font-size: 18px } .complete_construction .table_wrap .left { float: left; padding-right: 28px; width: 50% } .complete_construction .table_wrap .right { float: left; width: 50%; padding-left: 28px } .complete_construction .table_wrap .right table tbody tr:first-child td { padding-top: 15px } .complete_construction .table_wrap .right table tbody tr:last-child td { padding-bottom: 16px } .complete_construction .table_wrap .right table tbody.blue tr td { padding: 10px 30px } .complete_construction .table_wrap:after { display: block; clear: both } .complete_construction .table_wrap table { width: 100%; border: 1px solid #f4e7c7 } .complete_construction .table_wrap table tr th { background: #f3f3f3; padding: 10px 30px; min-height: 46px; vertical-align: middle; font-size: 18px; line-height: 24px } .complete_construction .table_wrap table tr th:last-child { padding-left: 0 } .complete_construction .table_wrap table tr td { background: #fff; min-height: 46px; vertical-align: middle; font-size: 14px; line-height: 24px; padding: 0 0 0 30px } .complete_construction .table_wrap table tr td:last-child { padding: 0 30px 0 0 } .complete_construction .table_wrap table tbody tr:first-child td { padding-top: 20px } .complete_construction .table_wrap table tbody tr:last-child td { padding-bottom: 20px } .complete_construction .table_wrap table tbody.blue tr td { background: #3b97b6; padding: 10px 30px; font-size: 16px; line-height: 24px; color: #fff } .complete_construction.section_calc_form { padding: 56px 0 44px !important } .complete_construction.section_calc_form .text { margin: 0 } .complete_construction.section_calc_form .title { margin-bottom: 40px } @media (max-width:959px) { .complete_construction .table_wrap .left, .complete_construction .table_wrap .right { width: auto; float: none; padding: 0 } } @media (max-width:767px) { .complete_construction .services { box-shadow: 0 0 9px 0 rgba(0, 0, 0, .2); padding: 25px 20px; margin: 20px 0 50px } .complete_construction .services .service { width: auto; display: block; padding: 15px 0 0; margin: 0; text-align: left; text-decoration: underline; color: #d4432c } .complete_construction .services .service img { display: none } .complete_construction .services .service .name { margin: 0; padding: 0; font-size: 18px; color: #574343; text-align: left; line-height: 30px } .complete_construction .table_wrap .left, .complete_construction .table_wrap .right { width: auto; float: none; padding: 0; margin-left: -15px; margin-right: -15px } .complete_construction .table_wrap .left table, .complete_construction .table_wrap .right table { display: block; border: none } .complete_construction .table_wrap .left table thead, .complete_construction .table_wrap .right table thead { display: block } .complete_construction .table_wrap .left table thead tr, .complete_construction .table_wrap .right table thead tr { display: block; width: 100%; background: #f3f3f3 } .complete_construction .table_wrap .left table th, .complete_construction .table_wrap .right table th { display: inline-block; padding-right: 0; padding-left: 15px; font-size: 14px } .complete_construction .table_wrap .left table tbody, .complete_construction .table_wrap .left table tbody tr, .complete_construction .table_wrap .right table tbody, .complete_construction .table_wrap .right table tbody tr { display: block } .complete_construction .table_wrap .left table th:first-child::after, .complete_construction .table_wrap .right table th:first-child::after { content: ', ' } .complete_construction .table_wrap .left table th:last-child, .complete_construction .table_wrap .right table th:last-child { padding-left: 0 } .complete_construction .table_wrap .left table tbody.blue tr td, .complete_construction .table_wrap .right table tbody.blue tr td { padding: 10px 15px; font-size: 14px } .complete_construction .table_wrap .left table tbody tr td, .complete_construction .table_wrap .right table tbody tr td { display: block; padding: 0 15px; min-height: 0 } .complete_construction .table_wrap .left table tbody tr td:first-child, .complete_construction .table_wrap .right table tbody tr td:first-child { padding-top: 10px !important } .complete_construction .table_wrap .left table tbody tr td:last-child, .complete_construction .table_wrap .right table tbody tr td:last-child { border-bottom: 1px solid #f4e7c7; padding-bottom: 10px !important } .complete_construction .table_wrap .right thead { display: none !important } .complete_construction.section_calc_form { padding: 30px 15px !important } .complete_construction.section_calc_form .title { margin: 20px 0 0 !important } .complete_construction.section_calc_form form { margin: 0 !important; padding: 0 !important } } div.seconds__.kontakti { background: 0 0 } div.seconds__.kontakti .hidden { display: none } div.seconds__.kontakti h1 { margin: 0 auto !important; padding-top: 0; padding-bottom: 0; font-size: 28px; text-align: left } div.seconds__.kontakti .images { text-align: justify; font-size: 0; padding: 40px 0 60px !important } div.seconds__.kontakti .images:after { content: ''; display: inline-block; width: 100% } div.seconds__.kontakti .images a { display: inline-block; position: relative } div.seconds__.kontakti .images a:before { content: ''; background: rgba(0, 0, 0, .1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: .3s; opacity: 1 } div.seconds__.kontakti .images a img { display: block; width: 365px; max-width: 100%; height: auto } div.seconds__.kontakti .images a:hover:before { opacity: 0 } div.seconds__.kontakti #map { height: 390px } @media (max-width:1200px) { div.seconds__.kontakti .images a { width: 31% } } @media (max-width:767px) { div.seconds__.kontakti .images { text-align: center } div.seconds__.kontakti .images a { width: 48%; margin: 15px 1% 0 } } @media (max-width:479px) { div.seconds__.kontakti h1 { font-size: 18px; margin-top: 20px !important } div.seconds__.kontakti .contacts-text p { font-size: 15px } div.seconds__.kontakti .images { padding: 0 15px 15px !important } div.seconds__.kontakti .images a { display: block; margin: 15px 0 0; width: 100% } div.seconds__.kontakti .images a img { width: 100% } } .kontakti_2 .contacts_block { left: 50%; margin-left: -575px; padding: 55px 70px 0 50px; font-size: 18px; color: #574343; height: 390px } .kontakti_2 .contacts_block a { color: #574343 } .kontakti_2 .contacts_block .phone, .kontakti_2 .contacts_block .whatsapp { margin: 0; padding: 0; text-decoration: none } .kontakti_2 .contacts_block .whatsapp { height: 26px; line-height: 26px; display: inline-block; vertical-align: middle } .kontakti_2 .contacts_block .whatsapp:after { margin-left: 10px; content: ''; height: 26px; width: 26px; display: inline-block; vertical-align: middle; background: url(/bitrix/templates/monolite/images/new/chats.png) no-repeat } .kontakti_2 .contacts_block .emails { margin: 40px 0 0; padding: 0 } .kontakti_2 .contacts_block .emails p { margin: 0; padding: 0; line-height: 1.8 } .kontakti_2 .contacts_block .address { line-height: 1.8 } .kontakti_2 .contacts_block .btn_wrap { border-top: 1px solid #f5e8c6; padding-top: 19px; padding-bottom: 0 !important } .kontakti_2 .contacts_block .btn_wrap .btn { margin: 0 auto; width: 350px; height: 58px; line-height: 58px; background: #dc6655; font-size: 20px; color: #fff; text-align: center; display: block; max-width: 100%; transition: .3s; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, .1); text-decoration: none; cursor: pointer; border: none; outline: 0 } .kontakti_2 .contacts_block .btn_wrap .btn:hover { background: #d4432c } @media (max-width:1200px) { .kontakti_2 .contacts_block { left: 0; margin-left: 0; height: auto } } @media (max-width:479px) { .kontakti_2 .contacts_block { padding: 30px 15px 20px } .kontakti_2 .contacts_block .phone { display: block; padding-bottom: 12px; border-bottom: 1px solid #f1e7c6; font-size: 15px } .kontakti_2 .contacts_block .emails { margin-top: 15px } .kontakti_2 .contacts_block .address, .kontakti_2 .contacts_block .emails p { font-size: 15px } .kontakti_2 .contacts_block .btn_wrap .btn { height: 50px; line-height: 50px; font-size: 16px } } .seconds__.decision h1 { margin: 35px auto 0; padding: 0; text-align: left; width: auto; font-size: 30px; max-width: 1150px } @media (max-width:959px) { .seconds__.decision { padding-top: 30px } .seconds__.decision h1 { font-size: 28px; margin: 30px 0 0; padding: 0 15px; max-width: 940px } .seconds__.decision h1+h3 { display: none } } .section_decision_category .post .desc .name, .section_decision_category .post .desc .price { font-size: 21px; color: #574343; text-decoration: none } @media (max-width:767px) { .seconds__.decision h1 { padding-left: 15px; padding-right: 15px } } .section_decision_category { padding: 0 0 60px !important } .section_decision_category .post { box-shadow: 0 0 25px rgba(0, 0, 0, .1); padding: 0; border: 1px solid #e5e5e5; margin-top: 40px } .section_decision_category .post:after { content: ''; display: block; clear: both } .section_decision_category .post .image { float: right; width: 620px } .section_decision_category .post .image img { display: block; width: 100% } .section_decision_category .post .desc { margin-right: 635px; padding: 30px 30px 0 } .section_decision_category .post .desc .price { margin-top: 15px } .section_decision_category .post .desc .intro { font-size: 18px; color: #989797; height: 110px; overflow: hidden; margin: 40px 0 0 } .section_decision_category .post .desc .more { margin-top: 20px; display: block; text-decoration: underline; color: #dc6655; font-size: 21px } @media (max-width:1200px) { .section_decision_category .post .desc { margin-right: 515px } .section_decision_category .post .image { width: 500px; padding: 20px 0 } } @media (max-width:959px) { .section_decision_category .post .desc { margin-right: 0; padding-bottom: 40px } .section_decision_category .post .image { width: auto; float: none; padding: 0 } .section_decision_category .post .image img { margin-left: auto; margin-right: auto } } @media (max-width:479px) { .section_decision_category .post { padding-top: 15px; margin-top: 20px } .section_decision_category .post .desc { margin-right: 0; padding: 15px } .section_decision_category .post .desc .name, .section_decision_category .post .desc .price { font-size: 15px } .section_decision_category .post .desc .intro { font-size: 15px; height: auto; padding: 0 !important } .section_decision_category .post .desc .more { font-size: 15px; margin-top: 15px } } .seconds__.vacancies h1 { margin: 35px auto 0; padding: 0; text-align: left; max-width: 1150px } @media (max-width:959px) { .seconds__.vacancies h1 { font-size: 28px; margin-left: auto !important; margin-right: auto !important; padding: 30px 0 0; max-width: 750px } .seconds__.vacancies h1+h3 { display: none } } @media (max-width:767px) { .seconds__.vacancies h1 { padding-left: 15px; padding-right: 15px } } .section_vacancies { padding: 50px 0 60px !important } .section_vacancies .vacancy { box-shadow: 0 0 25px rgba(0, 0, 0, .1); padding: 30px; border: 1px solid #e5e5e5; margin-bottom: 60px; position: relative } .section_waranty .container, .vacancy_popup form .btn { box-shadow: 0 0 15px rgba(0, 0, 0, .1) } .section_vacancies .vacancy:after { content: ''; display: block; clear: both } .section_vacancies .vacancy .conditions, .section_vacancies .vacancy .requirements { padding: 0 !important } .section_vacancies .vacancy .conditions ol, .section_vacancies .vacancy .conditions ol li, .section_vacancies .vacancy .conditions p, .section_vacancies .vacancy .conditions ul, .section_vacancies .vacancy .conditions ul li, .section_vacancies .vacancy .requirements ol, .section_vacancies .vacancy .requirements ol li, .section_vacancies .vacancy .requirements p, .section_vacancies .vacancy .requirements ul, .section_vacancies .vacancy .requirements ul li { font-size: 16px; color: #989797; line-height: 1.3; margin: 0 !important; padding: 0 !important } .section_vacancies .vacancy .conditions div, .section_vacancies .vacancy .requirements div { margin: 0 !important; padding: 0 !important } .section_vacancies .vacancy .conditions ol, .section_vacancies .vacancy .conditions ul, .section_vacancies .vacancy .requirements ol, .section_vacancies .vacancy .requirements ul { margin-left: 30px !important } .section_vacancies .vacancy .conditions .title, .section_vacancies .vacancy .requirements .title { font-size: 21px; color: #574343; margin-bottom: 15px !important; padding: 0 !important } .section_vacancies .vacancy .requirements { width: 465px; float: left } .section_vacancies .vacancy .conditions { width: 515px; float: left; padding-bottom: 65px !important } .section_vacancies .vacancy .btn { width: 250px; height: 58px; line-height: 58px; background: #dc6655; color: #fff; font-size: 20px; text-decoration: none; transition: .3s; display: block; position: absolute; right: 30px; bottom: 30px; text-align: center; border-radius: 3px } .section_vacancies .vacancy .btn:hover { background: #d4432c } @media (max-width:1200px) { .section_vacancies .vacancy .conditions, .section_vacancies .vacancy .requirements { width: 50% } } @media (max-width:767px) { .section_vacancies .vacancy .conditions .title, .section_vacancies .vacancy .name, .section_vacancies .vacancy .requirements .title { font-size: 15px } .section_vacancies { padding: 30px 0 0 !important } .section_vacancies .vacancy { padding: 15px; margin-bottom: 30px !important } .section_vacancies .vacancy .conditions, .section_vacancies .vacancy .requirements { width: auto; float: none; margin-bottom: 30px; padding: 0 !important } .section_vacancies .vacancy .conditions ol, .section_vacancies .vacancy .conditions ul, .section_vacancies .vacancy .requirements ol, .section_vacancies .vacancy .requirements ul { margin-left: 15px !important } .section_vacancies .vacancy .conditions ol, .section_vacancies .vacancy .conditions ol li, .section_vacancies .vacancy .conditions p, .section_vacancies .vacancy .conditions ul, .section_vacancies .vacancy .conditions ul li, .section_vacancies .vacancy .requirements ol, .section_vacancies .vacancy .requirements ol li, .section_vacancies .vacancy .requirements p, .section_vacancies .vacancy .requirements ul, .section_vacancies .vacancy .requirements ul li { font-size: 14px } .section_vacancies .vacancy .btn { position: static; margin: 0 auto; font-size: 16px; height: 52px; line-height: 52px; width: 100% } } .vacancy_popup { position: absolute; background: #fff; z-index: 100502; top: -800px; left: 50%; margin: 0 0 0 -350px !important; width: 700px; padding: 20px 30px 40px !important; border-radius: 3px } .vacancy_popup .close { width: 40px; height: 40px; position: absolute; right: 0; top: 0; text-align: center; line-height: 40px; font-size: 30px; cursor: pointer } .vacancy_popup .title { font-size: 30px; text-align: center; margin: 0 0 20px } .vacancy_popup form { max-width: 100%; margin: 0 } .vacancy_popup form .left { width: 50%; float: left; padding-right: 7px } .vacancy_popup form .right { width: 50%; padding-left: 7px; float: right } .vacancy_popup form .clear { clear: both } .vacancy_popup form .textfield, .vacancy_popup form textarea { margin-top: 17px; width: 100%; outline: 0; background: #fff; height: 45px; line-height: 20px; font-size: 16px; padding: 12px 22px; color: #333; border: 1px solid #cfcfcf } .vacancy_popup form textarea { height: 170px; resize: vertical; margin-bottom: 0 } .vacancy_popup form .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .vacancy_popup form .inputfile+label { cursor: pointer; float: left; height: 30px; word-wrap: break-word } .vacancy_popup form .inputfile+label:before { content: ''; display: inline-block; height: 30px; width: 35px; background: url(/bitrix/templates/monolite/images/new/file2.png) center no-repeat; vertical-align: middle } .vacancy_popup form .inputfile+label span { display: inline-block; vertical-align: middle; font-size: 14px; color: #322f2f } .vacancy_popup form .btn { margin: 20px auto 0; width: 250px; height: 48px; line-height: 48px; background: #dc6655; font-size: 18px; color: #fff; text-align: center; display: block; max-width: 100%; transition: .3s; border-radius: 5px; text-decoration: none; cursor: pointer; border: none; outline: 0 } .vacancy_popup form .btn:hover { background: #d4432c } @media (max-width:767px) { .vacancy_popup { display: none; left: 15px; right: 15px; overflow-y: auto; max-width: 100% !important; width: auto; height: auto; margin: 0 !important } .vacancy_popup .left, .vacancy_popup .right { width: auto !important; padding: 0 !important; float: none !important } } .seconds__.stroitelstvo-kotedzhei { margin: 0 !important; padding: 0 !important } .seconds__.stroitelstvo-kotedzhei .breadcrumb, .seconds__.stroitelstvo-kotedzhei .breadcrumb a { color: #a6a6a6 } .seconds__.stroitelstvo-kotedzhei:nth-child(1)::before { display: none } .seconds__.stroitelstvo-kotedzhei h1 { color: #322f2f; font-size: 28px; text-align: left; padding: 0; margin-top: 55px; max-width: 100% } @media (max-width:959px) { .seconds__.stroitelstvo-kotedzhei h1 { color: #322f2f; font-size: 28px; text-align: center; padding: 0 15px; margin: 30px 0 0 !important; width: auto } } @media (max-width:767px) { .seconds__.stroitelstvo-kotedzhei h1 { font-size: 18px; margin: 30px 0 0 !important } } .seconds___.stroitelstvo-kotedzhei { margin-top: 0 } .section_reviews_inner { padding: 0 !important } .section_reviews_inner .tabs .header { border: 1px solid #548e9e; padding: 0 } .section_reviews_inner .tabs .header:after { content: ''; display: block; clear: both } .section_reviews_inner .tabs .header a { float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; text-decoration: none; background: #fff; color: #322f2f } .section_reviews_inner .tabs .header a.active { background: #548e9e; color: #fff } .section_reviews_inner .tabs .tab { border: 1px solid #548e9e; padding: 0 30px; border-top: 0; visibility: hidden; overflow: hidden; height: 0 } .section_reviews_inner .tabs .tab.active { visibility: visible; height: auto; padding-top: 30px; padding-bottom: 30px } .section_reviews_inner .tabs .tab.active#tab1 { padding-top: 60px } .section_reviews_inner .video_reviews_slider { padding: 0 25px; text-align: center; font-size: 0 } .section_reviews_inner .video_reviews_slider .slide { display: inline-block; margin-left: 13px; margin-right: 13px; text-align: left; vertical-align: top; } .section_reviews_inner .video_reviews_slider .slide .video { width: 320px; height: 282px; max-width: 100%; margin: 10px auto; box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1); transition: .3s } .section_reviews_inner .video_reviews_slider .slide .video a { display: block; text-decoration: none; color: #574345 3px; font-size: 18px } .section_reviews_inner .video_reviews_slider .slide .video a .img { display: block; max-width: 100% } .section_reviews_inner .video_reviews_slider .slide .video a .img img { display: block; width: 100% } .section_reviews_inner .video_reviews_slider .slide .video a .type { display: block; text-align: left; padding: 5px 0 0 20px } .section_reviews_inner .video_reviews_slider .slide .video:hover { transform: scale(1.02); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .6) } .section_reviews_inner .text_reviews_slider { padding: 0 55px } .section_reviews_inner .text_reviews_slider .slider { width: 100% } .section_reviews_inner .text_reviews_slider .slide:after { content: ''; display: block; clear: both } .section_reviews_inner .text_reviews_slider .slide { width: 100%; padding: 30px 0 } .section_reviews_inner .text_reviews_slider .slide .review_more { display: none } .section_reviews_inner .text_reviews_slider .slide .img { width: 182px; height: 182px; overflow: hidden; border-radius: 50%; float: left } .section_reviews_inner .text_reviews_slider .slide .img img { display: block } .section_reviews_inner .text_reviews_slider .slide .desc.with-img { margin-left: 212px } .section_reviews_inner .text_reviews_slider .slide .desc .name { font-size: 24px; padding: 0 } .section_reviews_inner .text_reviews_slider .slide .desc .text { font-size: 18px; margin-top: 18px } .section_reviews_inner .text_reviews_slider .slide .desc .text .hide, .section_reviews_inner .text_reviews_slider .slide .desc .text .readmore { margin-top: 15px; display: inline-block; color: #dc6655 } .section_reviews_inner .text_reviews_slider .slide .desc .date { color: #a9a9a9; font-size: 18px; display: inline-block; float: right; padding: 10px 0 0 } #no_project, .seconds__.otzyvy h1+h3 { display: none } .section_reviews_inner .text_reviews_slider .slide .desc .text .object { margin-left: 50px } .section_reviews_inner .slick-arrow { width: 50px; height: 37px; top: 50% !important; margin-top: -18px; position: absolute; font-size: 0; text-indent: -10000px; background: url(/bitrix/templates/monolite/images/new/arrow_dark.png) left top no-repeat; border: none; cursor: pointer; z-index: 100 } .section_reviews_inner .slick-arrow.slick-prev { left: 0 } .section_reviews_inner .slick-arrow.slick-next { right: 0; background-position: right bottom } .section_reviews_inner .text_reviews_slider .slick-arrow { top: 70px !important; margin-top: 0 } @media (max-width:959px) { .section_reviews_inner .tabs .tab { padding-left: 0; padding-right: 0 } } @media (max-width:639px) { .section_reviews_inner .tabs .header a { font-size: 14px } .section_reviews_inner .tabs .tab { padding: 30px 0; border: none } .section_reviews_inner .video_reviews_slider { padding: 0 } .section_reviews_inner .text_reviews_slider { padding: 0 15px } .section_reviews_inner .text_reviews_slider .slide .img { float: none; margin-left: auto; margin-right: auto } .section_reviews_inner .text_reviews_slider .slide .desc { margin-top: 20px } .section_reviews_inner .text_reviews_slider .slide .desc.with-img { margin-left: 0 } .section_reviews_inner .slick-arrow { width: 10px } .section_reviews_inner .slick-arrow.slick-prev { left: 0 } .section_reviews_inner .slick-arrow.slick-next { right: 0 } .section_reviews_inner .video_reviews_slider .slide { margin: 0; max-width: 100% } .section_reviews_inner .video_reviews_slider .slide .video { height: auto } } .complete_construction .title { font-size: 30px; text-align: center; padding: 30px 0 } .complete_construction .services_wrap { background: #faf5e8; padding-top: 20px; margin: 20px 0 40px } .fancybox-title-float-wrap .child { padding: 6px 20px; background: rgba(255, 237, 0, .8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: none; color: #000; line-height: 24px; font-size: 16px } .fancybox-title-float-wrap { margin-bottom: -45px } .seconds__.otzyvy h1 { padding-bottom: 0 } #no_project { padding: 30px; width: 400px; height: 108px; margin: -54px 0 0 -200px; border-radius: 5px; position: fixed; top: 50%; left: 50%; background: #fff; z-index: 1000000 } #no_project .text { font-size: 18px; text-align: center } #no_project .close { width: 30px; height: 30px; font-size: 30px; line-height: 30px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer } @media (max-width:640px) { .reviews div.slick-slide.slick-center span.title, div.slick-slide.slick-center span.title { width: 480px !important; margin-left: -240px; left: 50% !important; right: 0 !important } } @media (max-width:480px) { .reviews div.slick-slide.slick-center span.title, div.slick-slide.slick-center span.title { width: 340px !important; margin-left: -170px; left: 50% !important; right: 0 !important } } @media (max-width:360px) { .reviews div.slick-slide.slick-center span.title, div.slick-slide.slick-center span.title { width: 300px !important; margin-left: -150px; left: 50% !important; right: 0 !important } } .section_header_2, .section_header_2 .menu li.dropdown { position: relative } .hide_more, .open_more { color: #dc6655 !important; display: inline-block; vertical-align: baseline; text-decoration: underline; float: right; text-transform: capitalize } .more_content, .seconds__.nashi-konkurentnye-preimushchestva>h3 { display: none } .hide_more:hover, .open_more:hover { text-decoration: none } sup { font-size: 70% } span.modern-page-current { color: #dc6655 } .content_ { padding-top: 0 !important } .site h1, .site h2 { font-size: 30px } .seconds__.nashi-konkurentnye-preimushchestva>h1 { padding-bottom: 0 } .section_header_2 { padding: 20px 0 0; background: #faf5e8; box-shadow: 0 0 15px rgba(0, 0, 0, .2); z-index: 1100 } .section_header_2 .container { width: 1150px; margin-left: auto; margin-right: auto } .section_header_2::after { content: ''; display: block; clear: both } .section_header_2 .mob_buttons, .section_header_2 .open_menu_btn { display: none } .section_header_2 .logo { float: left; width: 205px; height: 50px; background: url(/local/templates/monolite_new/css/images/step2/logo.svg) center no-repeat; background-size: contain; margin-bottom: 14px } .section_header_2 .right { width: 730px; float: right } .section_header_2 .right .top { line-height: 16px; font-size: 16px } .section_header_2 .right .top::after { content: ''; display: block; clear: both } .section_header_2 .right .top .login { float: left; padding-left: 27px; background: url(/local/templates/monolite_new/css/images/step2/user.png) left center no-repeat; font-size: 16px; color: #4d3b3b; height: 16px } .section_header_2 .right .top .login span { border-bottom: 1px dashed; height: 18px; margin-top: -1px; display: block } .section_header_2 .right .top .login:hover span { border-bottom: 0 } .section_header_2 .right .top .top_right { float: right; text-align: right } .section_header_2 .right .top .phone { color: #4d3b3b; margin-left: 20px; display: inline-block; border-bottom: 1px dashed transparent } .section_header_2 .right .top .phone:hover { border-bottom-color: #4d3b3b } .section_header_2 .callback { color: #dc6655; padding-left: 27px; background: url(/local/templates/monolite_new/css/images/step2/phone.png) left center no-repeat; height: 16px; display: inline-block } .section_header_2 .callback span { border-bottom: 1px dashed; height: 18px; margin-top: -1px; display: block } .section_header_2 .callback:hover span { border-bottom: 0 } .section_header_2 .menu { width: 730px; float: right; margin: 14px 0 0; padding: 0; list-style-type: none; font-size: 0; text-align: justify } .section_header_2 .menu:after { content: ''; display: inline-block; width: 100% } .section_header_2 .menu li { display: inline-block; font-size: 16px } .section_header_2 .menu li a { display: block; padding-bottom: 13px; border-bottom: 3px solid transparent; transition: .3s } .section_header_2 .menu li a:hover { color: #dc6655; border-bottom-color: #dc6655 } .section_header_2 .menu li a:hover:after { border-top-color: #dc6655 !important } .section_header_2 .menu li.callback_wrap { display: none } .section_header_2 .menu li.dropdown>a:after { content: ''; display: inline-block; margin-left: 9px; margin-top: 8px; float: right; border-top: 5px solid #4d3b3b; border-left: 4px solid transparent; border-right: 4px solid transparent; transition: .3s } .section_header_2 .menu li.dropdown .wrap { position: absolute; visibility: hidden; opacity: 0; transition: .3s; top: 100%; left: 50%; width: 300px; margin-left: -150px; z-index: 11; padding-top: 20px } .section_header_2 .menu li.dropdown .wrap ul { background: #faf5e8; position: relative; padding: 15px 0 } .section_header_2 .menu li.dropdown .wrap ul:before { content: ''; display: block !important; position: absolute; top: -10px; left: 50%; margin-left: -12px; border-bottom: 10px solid #faf5e8; border-left: 12px solid transparent; border-right: 12px solid transparent } .section_header_2 .menu li.dropdown .wrap ul li { display: block } .section_header_2 .menu li.dropdown .wrap ul a { height: 35px; line-height: 35px; font-size: 14px; text-align: left; display: block; padding: 0 28px; border: none } .section_header_2 .menu li.dropdown:hover .wrap { display: block; visibility: visible; opacity: 1 } body.fixed { padding-top: 50px } body.fixed .section_header_2 { position: fixed; top: 0; left: 0; right: 0; z-index: 800; padding-top: 10px } body.fixed .section_header_2 .logo { width: 46px; height: 30px; background: url(/local/templates/monolite_new/css/images/step2/logo_scroll.svg) no-repeat; background-size: contain; margin: 0 } body.fixed .section_header_2 .right { display: none } body.fixed .section_header_2 .menu { width: 916px; margin-top: 8px } body.fixed .section_header_2 .menu>li a { padding-bottom: 14px } body.fixed .section_header_2 .menu>li.callback_wrap { display: inline-block } .section_footer { position: relative; overflow: hidden; background: #faf5e8 } .section_footer:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -287px; width: 80%; width: calc(50% + 300px); background-position: left top; background-repeat: no-repeat; background-size: cover; z-index: 1 } .section_footer::after { content: ''; display: block; clear: both } .section_footer .footer_menus { z-index: 2; position: relative; float: right; width: 580px; padding-top: 80px } .section_footer .footer_menus .menu { float: left; font-size: 16px; color: #fff; margin-top: 24px } .section_footer .footer_menus .menu.l, .section_footer .footer_menus .menu.r { width: 270px } .section_footer .footer_menus .menu .title { font-size: 22px; line-height: 26px; font-weight: 700 } .section_footer .footer_menus .menu ul + .title { margin-top: 30px; } .section_footer .footer_menus .menu ul { margin: 10px 0 0; padding: 0; list-style-type: none } .section_footer .footer_menus .menu ul li a { color: #fff; text-decoration: underline; line-height: 1; padding: 5px 0; display: block } .section_footer .contacts_block { position: relative; z-index: 2; width: 287px; float: left; padding: 40px 0 35px } .section_footer .contacts_block .logo { width: 205px; height: 50px; display: block; background: url(/local/templates/monolite_new/css/images/step2/logo.svg) center no-repeat; background-size: contain } .section_footer .contacts_block .socials { margin-top: 40px } .section_footer .contacts_block .socials::after { content: ''; display: block; clear: both } .section_footer .contacts_block .socials a { width: 30px; height: 30px; float: left; background: url(/local/templates/monolite_new/css/images/step2/socials.png) no-repeat; margin-right: 15px } .section_footer .contacts_block .socials .youtube { background-position: 0 0 } .section_footer .contacts_block .socials .instagram { background-position: -45px 0 } .section_footer .contacts_block .contacts { margin-top: 32px; line-height: 2; font-size: 16px } .section_footer .contacts_block .contacts .address, .section_footer .contacts_block .contacts .email, .section_footer .contacts_block .contacts .find_us, .section_footer .contacts_block .contacts .phone, .section_footer .contacts_block .contacts .whatsapp { padding-left: 27px; display: block; line-height: 2; background: url(/local/templates/monolite_new/css/images/step2/footer.png) no-repeat; color: #4d3b3b; text-decoration: none } .section_footer .contacts_block .contacts .phone { background-position: 0 8px } .section_footer .contacts_block .contacts .whatsapp { background-position: 0 -23px } .section_footer .contacts_block .contacts .email { background-position: 0 -55px } .section_footer .contacts_block .contacts .address { background-position: 0 -85px } .section_footer .contacts_block .contacts .find_us { background: 0 0; color: #dc6655; text-decoration: underline } .section_footer .contacts_block .copy { margin-top: 67px; font-size: 16px; color: #7a7a7a; line-height: 2 } .section_company_in_numbers { background: url(/local/templates/monolite_new/css/images/step2/home_in_numbers.jpg) center bottom no-repeat #faf5e8; padding: 50px 0; text-align: center } .section_company_in_numbers .title { font-size: 30px; line-height: 1; color: #4d3b3b } .section_company_in_numbers .numbers { margin-top: 65px; font-size: 0 } .section_company_in_numbers .number_block { font-size: 16px; color: #4d3b3b; width: 182px; display: inline-block; vertical-align: top; margin-bottom: 25px } .section_company_in_numbers .number { color: #dc6655; font-size: 30px; line-height: 1; margin: 10px 0 7px } .section_company_in_numbers .recomended { font-size: 30px; color: #dc6655; margin-top: 35px } .section_advantages_2 { margin: 60px 0; text-align: center } .section_advantages_2.inner { margin: 0 0 100px; padding-left: 0 !important; padding-right: 0 !important } .section_advantages_2 .title { font-size: 30px; color: #000 } .section_advantages_2 .advantages { margin-top: 15px; padding: 0 !important; margin-left: -20px; margin-right: -20px } .section_advantages_2 .advantages::after { content: ''; display: block; clear: both } .section_advantages_2 .advantages .advantage { width: 356px; margin: 40px 20px 0; float: left; display: block; height: 235px; background-color: #4d3b3b; background-position: center; background-repeat: no-repeat; background-size: 100%; transition: .3s; text-decoration: none } .section_advantages_2 .advantages .advantage.a1 { background-image: url(/local/templates/monolite_new/css/images/step2/advantages/1.jpg) } .section_advantages_2 .advantages .advantage.a2 { background-image: url(/local/templates/monolite_new/css/images/step2/advantages/2.jpg) } .section_advantages_2 .advantages .advantage.a3 { background-image: url(/local/templates/monolite_new/css/images/step2/advantages/3.jpg) } .section_advantages_2 .advantages .advantage.a4 { background-image: url(/local/templates/monolite_new/css/images/step2/advantages/4.jpg) } .section_advantages_2 .advantages .advantage.a5 { background-image: url(/local/templates/monolite_new/css/images/step2/advantages/5.jpg) } .section_advantages_2 .advantages .advantage.a6 { background-image: url(/local/templates/monolite_new/css/images/step2/advantages/6.jpg) } .section_advantages_2 .advantages .advantage:hover { background-size: 110% } .section_advantages_2 .advantages .advantage .wrap { margin-top: 55px; color: #fff; padding: 0 15px } .section_advantages_2 .advantages .advantage .ttl { font-size: 24px; line-height: 1.5; color: #fff } .section_advantages_2 .advantages .advantage .text { margin-top: 24px; font-size: 16px; line-height: 1.5; color: #fff } .spec_predloj_content { margin-bottom: 60px !important } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .row { padding: 0 } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .row:after { content: ''; display: block; clear: both } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block { width: calc(33.333% - 20px); margin-right: 30px; float: left } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block:last-child { margin-right: 0 } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select { margin-top: -8px; border: 1px solid #dc6655; border-radius: 3px; padding: 0 } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .selected { cursor: pointer; line-height: 38px; font-size: 14px; color: #4d3b3b; padding: 0 40px 0 20px; text-overflow: ellipsis; overflow: hidden; position: relative; white-space: nowrap } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .selected:after { content: ''; position: absolute; right: 20px; border-top: 5px solid #4d3b3b; border-left: 4px solid transparent; border-right: 4px solid transparent; top: 50%; margin-top: -3px } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .options_wrap { height: 0; position: relative; padding: 0 } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .options { padding: 0; display: none; position: absolute; top: -2px; left: -1px; right: -1px; background: #fff; z-index: 100; border: 1px solid #dc6655; border-top: 0; border-radius: 0 0 3px } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .options a { height: 40px; font-size: 16px; line-height: 20px; color: #7a7a7a; display: block; padding: 10px 20px; transition: .3s; text-decoration: none } .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .options a.active, .specialnoe-predlozjenie .catalog-filter .catalog_filter_wrap .catalog-filter-block .select .options a:hover { color: #dc6655 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 { padding-bottom: 0 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .info { float: left; padding-top: 8px; font-size: 14px; color: #000 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .info:before { content: ''; width: 16px; height: 16px; display: inline-block; background: url(/local/templates/monolite_new/css/images/step2/star.png) center no-repeat; margin-right: 5px } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left { float: right } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label { float: left; margin-left: 20px; margin-right: 0; padding-top: 8px; font-size: 14px } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label:first-child { margin-left: 0 } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left .button { margin-left: 20px; float: left; height: 38px; line-height: 38px; padding: 0 20px; font-size: 14px; text-decoration: none } .section_page_banner .breadcrumb a:hover, .section_page_top .breadcrumb a:hover { text-decoration: underline } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left .button.catalog-filter-reset { margin-left: 30px; line-height: 34px } .specialnoe-predlozjenie .recently-viewed ul { margin: 0 } .specialnoe-predlozjenie .recently-viewed ul li { width: 363px; height: auto; margin: 0 30px 30px 0; float: left; max-width: 100% } .section_page_banner .text, .section_page_top .text { max-width: 860px; line-height: 1.6 } .specialnoe-predlozjenie .recently-viewed ul li:nth-child(3n) { margin-right: 0 } .specialnoe-predlozjenie .recently-viewed ul li a { padding: 0 } .specialnoe-predlozjenie .recently-viewed ul li a img { margin: 0; width: 100% } .specialnoe-predlozjenie .recently-viewed ul li .data { height: 160px; padding: 30px 20px 0; line-height: 1 } .specialnoe-predlozjenie .recently-viewed ul li .data .name_row { margin-bottom: 12px; padding: 0 } .specialnoe-predlozjenie .recently-viewed ul li .data .name_row::after { content: ''; display: block; clear: both } .specialnoe-predlozjenie .recently-viewed ul li .data .square { float: right; font-size: 18px; color: #4d3b3b; padding: 0 } .specialnoe-predlozjenie .recently-viewed ul li .data .title { font-size: 24px; color: #4d3b3b; display: block; padding: 0 } .specialnoe-predlozjenie .recently-viewed ul li .data .price_row { display: block; clear: both; padding: 0; font-size: 18px; color: #7a7a7a } .specialnoe-predlozjenie .recently-viewed ul li .data .price_row span { float: right; color: #4d3b3b } .section_page_top { padding: 15px 0; color: #322f2f } .section_page_top .breadcrumb { margin: 0; padding: 0; list-style-type: none; font-size: inherit; color: #eec2bc } .section_page_top .breadcrumb li { display: inline-block; font-size: inherit } .section_page_top .breadcrumb li:after { content: ' / ' } .section_page_banner:before, .section_page_top .breadcrumb li:last-child:after { content: '' } .section_page_top .breadcrumb a { color: #eec2bc } .section_page_top h1 { color: #322f2f; font-size: 30px; margin: 50px 0 20px } .section_page_banner { padding: 15px 0; min-height: 420px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; color: #fff; font-size: 18px; line-height: 1.6 } .section_page_banner:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .25); z-index: 1 } .section_page_banner .container { position: relative; z-index: 2 } .section_page_banner .breadcrumb { margin: 0; padding: 0; list-style-type: none; font-size: inherit } .section_page_banner .breadcrumb li { display: inline-block; font-size: inherit } .section_page_banner .breadcrumb li:after { content: ' / ' } .section_page_banner .breadcrumb li:last-child:after { content: '' } .section_page_banner .breadcrumb a { color: #fff } .section_page_banner h1 { color: #fff; font-size: 30px; margin: 90px 0 20px } .section_page_banner.no_bg { background: #fff !important; color: #4d3b3b; height: auto; min-height: 0 } .section_page_banner.no_bg:before { display: none } .section_page_banner.no_bg .breadcrumb, .section_page_banner.no_bg .breadcrumb a { color: #a6a6a6 } .section_page_banner.no_bg h1 { margin: 55px 0; color: #4d3b3b } .section_prices_table { padding: 55px 0 } .section_prices_table.inner { padding-top: 0 } .section_prices_table .title { font-size: 30px } .section_prices_table .custom_tabs { margin-top: 20px } .section_prices_table .custom_tabs .tabs_header { font-size: 0 } .section_prices_table .custom_tabs .tabs_header .ttl { margin-right: 15px; display: inline-block; vertical-align: middle; font-size: 18px; color: #7a7a7a; line-height: 40px } .section_prices_table .custom_tabs .tabs_header .open_tab { margin-left: 15px; background: #faf5e8; height: 40px; line-height: 40px; vertical-align: middle; padding: 0 15px; text-decoration: none; transition: .3s; display: inline-block; border-radius: 3px; color: #7a7a7a; font-size: 18px } .section_prices_table .custom_tabs .price_table tbody tr td.mob_more, .section_prices_table .custom_tabs .price_table tfoot th:nth-child(2), .section_prices_table .custom_tabs .price_table thead th:nth-child(2) { display: none } .section_prices_table .custom_tabs .tabs_header .open_tab.active, .section_prices_table .custom_tabs .tabs_header .open_tab:hover { background: #dc6655; color: #fff } .section_prices_table .custom_tabs .tab { margin-top: 30px } .section_prices_table .custom_tabs .price_table { width: 100%; font-size: 18px } .section_prices_table .custom_tabs .price_table tfoot tr, .section_prices_table .custom_tabs .price_table thead tr { border: 1px solid #faf5e8 } .section_prices_table .custom_tabs .price_table tfoot th, .section_prices_table .custom_tabs .price_table thead th { background: #faf5e8; padding: 0 20px; height: 50px; vertical-align: middle; color: #322f2f } .section_prices_table .custom_tabs .price_table tfoot th:nth-child(3), .section_prices_table .custom_tabs .price_table tfoot th:nth-child(4), .section_prices_table .custom_tabs .price_table tfoot th:nth-child(5), .section_prices_table .custom_tabs .price_table thead th:nth-child(3), .section_prices_table .custom_tabs .price_table thead th:nth-child(4), .section_prices_table .custom_tabs .price_table thead th:nth-child(5) { width: 21% } .section_prices_table .custom_tabs .price_table tfoot th:last-child, .section_prices_table .custom_tabs .price_table thead th:last-child { width: 134px } .section_prices_table .custom_tabs .price_table thead { border-bottom: 1px solid #dad6d0 } .section_prices_table .custom_tabs .price_table tbody tr { border: 1px solid #dad6d0 } .section_prices_table .custom_tabs .price_table tbody tr td { padding: 0 20px; height: 48px; vertical-align: middle; color: #7a7a7a } .section_prices_table .custom_tabs .price_table tbody tr.spacer { border: none } .section_prices_table .custom_tabs .price_table tbody tr.spacer td { height: 15px } .section_prices_table .custom_tabs .price_table a { text-decoration: underline; color: #dc6655 } .section_prices_table .custom_tabs .price_table a:hover { text-decoration: none } .section_prices_table .custom_tabs .price_table.no_link tfoot th:nth-child(2), .section_prices_table .custom_tabs .price_table.no_link thead th:nth-child(2) { display: table-cell } .section_remote_control .text ul::after, .section_remote_control::after { display: block; clear: both; content: '' } .section_prices_table .custom_tabs .price_table.no_link tfoot th:nth-child(2), .section_prices_table .custom_tabs .price_table.no_link tfoot th:nth-child(3), .section_prices_table .custom_tabs .price_table.no_link tfoot th:nth-child(4), .section_prices_table .custom_tabs .price_table.no_link thead th:nth-child(2), .section_prices_table .custom_tabs .price_table.no_link thead th:nth-child(3), .section_prices_table .custom_tabs .price_table.no_link thead th:nth-child(4) { width: 21% } .section_prices_table .info { padding: 15px; font-size: 18px; line-height: 1; color: #7a7a7a } .section_remote_control { padding: 50px 0; background: url(/local/templates/monolite_new/css/images/step2/remote.jpg) center no-repeat #dc6655; background-size: cover; color: #fff } .section_remote_control .left { width: 50%; padding-right: 15px; overflow: hidden } .section_remote_control .right { float: right; width: 50%; padding-left: 15px } .section_remote_control .title { font-size: 30px } .section_remote_control .text { margin-top: 20px; font-size: 18px } .section_remote_control .text ul { margin: 7px 0 0; padding: 0; list-style-type: none; width: 720px } .section_remote_control .text ul li { line-height: 18px; padding: 4px 0; width: 360px; float: left; vertical-align: middle } .section_remote_control .text ul li:before { content: ''; display: inline-block; width: 18px; height: 18px; background: url(/local/templates/monolite_new/css/images/step2/point_white.png) left center no-repeat; margin-right: 10px; vertical-align: middle } .section_remote_control form { margin-top: 25px; width: 360px } .section_remote_control form .ttl { font-size: 24px } .section_remote_control form .textfield { margin-top: 10px; display: block; width: 100%; border: 0; background: #fff; height: 40px; padding: 8px 15px; font-size: 18px; line-height: 24px; color: #4d3b3b } .section_remote_control form .textfield::-webkit-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_remote_control form .textfield::-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_remote_control form .textfield:-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_remote_control form .textfield:-ms-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_remote_control form .textfield:focus::-webkit-input-placeholder { opacity: .3 } .section_remote_control form .textfield:focus::-moz-placeholder { opacity: .3 } .section_remote_control form .textfield:focus:-moz-placeholder { opacity: .3 } .section_remote_control form .textfield:focus:-ms-input-placeholder { opacity: .3 } .section_remote_control form .policy { margin: 15px 0 } .section_remote_control form .file { width: 155px; float: left } .section_remote_control form .file .inputfile { display: none } .section_remote_control form .file label { padding-left: 27px; background: url(/bitrix/templates/monolite/images/new/file.png) 0 center no-repeat; display: block } .section_remote_control form .file label span { text-overflow: ellipsis; overflow: hidden; position: relative; white-space: nowrap; display: block; font-size: 14px; height: 44px; line-height: 44px; padding-right: 10px } .section_remote_control form .submit { float: right; width: calc(100% - 155px); background: #f3b338; height: 44px; line-height: 44px; border-radius: 3px; color: #322f2f; font-size: 20px; text-align: center; border: 0; transition: .3s } .section_remote_control form .submit:hover { background: #e6a62a } .section_videos { padding: 30px 0 } .section_videos::after { content: ''; display: block; clear: both } .section_videos .video { width: calc(50% - 20px); float: left; margin-top: 35px } .section_videos .video:nth-child(2n) { float: right } .section_videos .video .title { font-size: 30px } .section_videos .video .video_wrap { margin-top: 25px; background: #000 } .section_text_content { font-size: 18px; color: #7a7a7a; line-height: 1.6; margin: 30px 0 } .section_text_content h1, .section_text_content h2 { font-size: 30px; line-height: inherit; color: #322f2f; margin-top: 45px; text-align: left } .section_text_content h3 { color: #322f2f; font-size: 18px; line-height: inherit; margin-top: 26px } .section_text_content h3.point:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/local/templates/monolite_new/css/images/step2/point_dark.png) left center no-repeat; margin-right: 10px } .section_text_content h3.point+ol, .section_text_content h3.point+p, .section_text_content h3.point+ul { margin-top: 5px } .section_text_content h4 { font-size: 18px; line-height: inherit; color: #322f2f; margin-top: 26px } .section_text_content ol li, .section_text_content p, .section_text_content ul li { font-size: inherit; line-height: inherit } .section_text_content p { margin-top: 26px } .section_text_content ol, .section_text_content ul { font-size: inherit; line-height: inherit; list-style-type: disc; margin-left: 30px; margin-top: 26px } .section_text_content ol { list-style-type: decimal } .section_text_content .prices_columns { margin-top: 26px; color: #dc6655 } .section_text_content .prices_columns::after { content: ''; display: block; clear: both } .section_text_content .prices_columns .left { width: 290px; margin-right: 70px; float: left } .section_text_content .prices_columns .right { width: 290px; float: left } .section_text_content ul.checks { margin-left: 0; list-style-type: none } .section_text_content ul.checks li { padding-left: 22px; background: url(/local/templates/monolite_new/css/images/step2/check.png) left 5px no-repeat; color: #322f2f } .section_bottom_links { padding: 45px 0; background: #dc6655; color: #fff; margin-top: 55px } .section_bottom_links .title { font-size: 30px } .section_bottom_links .select { padding: 0; max-width: 575px; background: #fff; border-radius: 3px; height: 50px; margin-top: 20px; position: relative } .section_bottom_links .select .selected { cursor: pointer; line-height: 50px; font-size: 18px; color: #4d3b3b; padding: 0 40px 0 20px; text-overflow: ellipsis; overflow: hidden; position: relative; white-space: nowrap } .section_bottom_links .select .selected:after { content: ''; position: absolute; right: 20px; border-top: 5px solid #4d3b3b; border-left: 4px solid transparent; border-right: 4px solid transparent; top: 50%; margin-top: -3px } .section_bottom_links .select .options_wrap { height: 0; position: relative; padding: 0 } .section_bottom_links .select .options { padding: 0; display: none; position: absolute; top: -2px; left: 0; right: 0; background: #fff; z-index: 100; border-top: 0; border-radius: 0 0 3px } .section_bottom_links .select .options a { font-size: 18px; line-height: 26px; color: #7a7a7a; display: block; padding: 12px 20px; transition: .3s; text-decoration: none } .section_bottom_links .select .options a.active, .section_bottom_links .select .options a:hover { color: #dc6655 } .waranty_text { margin: 50px 0 } .section_waranty { margin-top: 30px } .section_waranty .container::after { content: ''; display: block; clear: both } .section_waranty .title { float: right; padding: 25px 30px 15px 60px; width: calc(100% - 320px); color: #dc6655; font-size: 30px; line-height: 30px; vertical-align: middle; position: relative } .section_waranty .title:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 24px; background: url(/local/templates/monolite_new/css/images/step2/waranty.png) top left no-repeat; position: absolute; left: 30px; top: 27px } .section_waranty .image { float: left; width: 320px } .section_waranty .image img { display: block } .section_waranty .text { margin-left: 320px; padding: 0 30px 30px; font-size: 18px; line-height: 1.6 } .section_waranty.right .title { float: left } .section_waranty.right .image { float: right } .section_waranty.right .text { margin-left: 0; margin-right: 320px } .section_online_stream_top { padding: 50px 0; background: #faf5e8 } .section_online_stream_top::after { content: ''; display: block; clear: both } .section_online_stream_top .video { width: 50%; float: left; padding-right: 20px } .section_online_stream_top .right, .section_online_stream_top h1 { width: 50%; float: right; padding-left: 20px } .section_online_stream_top .video .video_wrap { padding-bottom: 59.25% !important; background: #282828 } .section_online_stream_top h1 { font-size: 30px; line-height: 1; color: #000 } .section_online_stream_top .right .text { margin-top: 20px; font-size: 18px; line-height: 1.6; color: #000 } .section_more_inform_form, .section_online_stream_form { background: url(/local/templates/monolite_new/css/images/step2/online_stream.jpg) center no-repeat; background-size: cover; color: #fff } .section_more_inform_form .container, .section_online_stream_form .container { position: relative; padding: 80px 0 95px } .section_more_inform_form .container:before, .section_online_stream_form .container:before { content: ''; position: absolute; bottom: 0; right: 45px; width: 588px; height: 392px; background: url(/local/templates/monolite_new/css/images/step2/online_stream_tablet.png) center bottom no-repeat; background-size: contain } .section_more_inform_form .title, .section_online_stream_form .title { font-size: 30px } .section_more_inform_form .form, .section_online_stream_form .form { width: 360px } .section_more_inform_form .form::after, .section_online_stream_form .form::after { content: ''; display: block; clear: both } .section_more_inform_form .form form, .section_online_stream_form .form form { margin-top: 15px } .section_more_inform_form .form .textfield, .section_online_stream_form .form .textfield { margin-top: 10px; display: block; width: 100%; border: 0; background: #fff; height: 40px; padding: 8px 15px; font-size: 18px; line-height: 24px; color: #4d3b3b } .section_more_inform_form .form .textfield::-webkit-input-placeholder, .section_online_stream_form .form .textfield::-webkit-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_more_inform_form .form .textfield::-moz-placeholder, .section_online_stream_form .form .textfield::-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_more_inform_form .form .textfield:-moz-placeholder, .section_online_stream_form .form .textfield:-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_more_inform_form .form .textfield:-ms-input-placeholder, .section_online_stream_form .form .textfield:-ms-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_more_inform_form .form .textfield:focus::-webkit-input-placeholder, .section_online_stream_form .form .textfield:focus::-webkit-input-placeholder { opacity: .3 } .section_more_inform_form .form .textfield:focus::-moz-placeholder, .section_online_stream_form .form .textfield:focus::-moz-placeholder { opacity: .3 } .section_more_inform_form .form .textfield:focus:-moz-placeholder, .section_online_stream_form .form .textfield:focus:-moz-placeholder { opacity: .3 } .section_more_inform_form .form .textfield:focus:-ms-input-placeholder, .section_online_stream_form .form .textfield:focus:-ms-input-placeholder { opacity: .3 } .section_more_inform_form .form .textfield.error::-webkit-input-placeholder, .section_online_stream_form .form .textfield.error::-webkit-input-placeholder { color: #fff } .section_more_inform_form .form .textfield.error::-moz-placeholder, .section_online_stream_form .form .textfield.error::-moz-placeholder { color: #fff } .section_more_inform_form .form .textfield.error:-moz-placeholder, .section_online_stream_form .form .textfield.error:-moz-placeholder { color: #fff } .section_more_inform_form .form .textfield.error:-ms-input-placeholder, .section_online_stream_form .form .textfield.error:-ms-input-placeholder { color: #fff } .section_more_inform_form .form textarea.textfield, .section_online_stream_form .form textarea.textfield { height: 100px } .section_more_inform_form .form .policy, .section_online_stream_form .form .policy { margin-top: 15px; font-size: 14px } .section_more_inform_form .form .file, .section_online_stream_form .form .file { width: 155px; float: left; margin-top: 14px } .section_more_inform_form .form .file .inputfile, .section_online_stream_form .form .file .inputfile { display: none } .section_more_inform_form .form .file label, .section_online_stream_form .form .file label { padding-left: 27px; background: url(/bitrix/templates/monolite/images/new/file.png) 0 center no-repeat; display: block } .section_more_inform_form .form .file label span, .section_online_stream_form .form .file label span { text-overflow: ellipsis; overflow: hidden; position: relative; white-space: nowrap; display: block; font-size: 14px; height: 44px; line-height: 44px; padding-right: 10px } .section_more_inform_form .form .submit, .section_online_stream_form .form .submit { float: right; width: calc(100% - 155px); background: #f3b338; height: 44px; line-height: 44px; border-radius: 3px; color: #322f2f; font-size: 20px; text-align: center; border: 0; transition: .3s; margin-top: 14px } .section_more_inform_form .form .submit:hover, .section_online_stream_form .form .submit:hover { background: #e6a62a } .section_more_inform_form { background-image: url(/local/templates/monolite_new/css/images/step2/section_more_inform_form.jpg) } .section_more_inform_form .container:before { display: none } .section_check { background: url(/local/templates/monolite_new/css/images/step2/check_bg.jpg) center no-repeat; background-size: cover; padding: 45px 0 } .section_check .container { background: rgba(250, 245, 232, .8); border-radius: 5px; min-height: 450px; position: relative } .section_check .title { padding: 20px 540px 20px 30px; background: #dc6655; font-size: 30px; line-height: 1.3; color: #fff; border-radius: 5px 5px 0 0 } .section_check .text { font-size: 18px; line-height: 1.6; color: #4d3b3b; padding: 30px 540px 30px 30px } .section_check form { position: absolute; right: 60px; top: -15px; bottom: -15px; width: 420px; padding: 30px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .1); border-radius: 5px } .section_check form::after { content: ''; display: block; clear: both } .section_check form .ttl { font-size: 24px; line-height: 2; padding-left: 63px; text-transform: uppercase; color: #136580; background: url(/local/templates/monolite_new/css/images/step2/logo_scroll.svg) left center no-repeat; margin-bottom: 25px } .section_check form .textfield { display: block; width: 100%; height: 40px; margin-top: 5px; font-size: 18px; line-height: 24px; border: 0; padding: 8px 15px; box-shadow: 0 0 20px rgba(0, 0, 0, .1) inset; color: #4d3b3b; border-radius: 3px } .section_check form .textfield::-webkit-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_check form .textfield::-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_check form .textfield:-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_check form .textfield:-ms-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_check form .textfield:focus::-webkit-input-placeholder { opacity: .3 } .section_check form .textfield:focus::-moz-placeholder { opacity: .3 } .section_check form .textfield:focus:-moz-placeholder { opacity: .3 } .section_check form .textfield:focus:-ms-input-placeholder { opacity: .3 } .section_check form .textfield.error::-webkit-input-placeholder { color: #fff } .section_check form .textfield.error::-moz-placeholder { color: #fff } .section_check form .textfield.error:-moz-placeholder { color: #fff } .section_check form .textfield.error:-ms-input-placeholder { color: #fff } .section_check form textarea.textfield { height: 85px; margin-top: 10px } .section_check form .policy { margin-top: 15px; color: #7a7a7a; font-size: 14px } .section_check form .sm { padding: 0; margin-top: 10px; font-size: 14px; color: #7a7a7a } .section_check form .file label, .section_check form .submit { height: 50px; line-height: 46px; font-size: 18px; border-radius: 3px; border-left: 0; border-right: 0; text-align: center; transition: .3s } .section_check form .file { float: left; margin-top: 10px; width: calc(50% - 10px) } .section_check form .file input { display: none } .section_check form .file label { display: block; color: #fff; background: #a95513; border-top: 2px solid #c16218; border-bottom: 2px solid #954b12; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; position: relative; white-space: nowrap } .section_check form .file label:hover { border-top: 2px solid #a95513; background: #954b12; border-bottom: 2px solid #7c3f10 } .section_check form .submit { float: right; margin-top: 10px; width: calc(50% - 10px); color: #fff; background: #dc6655; border-top: 2px solid #f77663; border-bottom: 2px solid #bd5748 } .section_check form .submit:hover { background: #bd5748; border-top: 2px solid #dc6655; border-bottom: 2px solid #a5483a } .action_block { width: calc(50% - 20px); float: left; padding: 0 !important; margin: 0 0 40px; background: #faf5e8; text-align: left } .action_block:nth-child(2n) { float: right } .action_block .top { padding: 10px 20px !important; font-size: 20px; color: #fff; line-height: 1.5; background: #dc6655 } .action_block .top::after { content: ''; display: block; clear: both } .action_block .name { color: #fff; margin-right: 115px; padding-bottom: 0; font-size: 20px } .action_block .date { float: right; text-align: right; color: #fff; width: 115px; padding-bottom: 0; font-size: 20px } .action_block .content_block { padding-bottom: 0; background: #4d3b3b } .action_block .content_block::after { content: ''; display: block; clear: both } .action_block .image { float: left; width: 50%; padding-bottom: 0 } .action_block .image img { display: block; width: 100% } .action_block .text { float: left; width: 50%; color: #fff; line-height: 1.5; padding: 15px 0 15px 20px; word-wrap: break-word } .action_block .text .wrap { height: 177px; padding: 0 22px 0 0; color: #fff !important; font-size: 16px } .action_block .text .wrap::after { content: ''; display: block; clear: both } .action_block .text .wrap ol, .action_block .text .wrap ul { margin-left: 20px } .action_block .text .wrap * { color: #fff !important; margin: 0; padding: 0; font-size: 16px } .action_block .text .wrap .ss-content { padding: 0 18px 0 0 !important } .action_block form { padding: 15px 20px 20px !important } .action_block form::after { content: ''; display: block; clear: both } .action_popup, .login_popup { z-index: 100502; display: none; left: 50% } .action_block .ttl { font-size: 20px; color: #dc6655; margin-bottom: 10px; padding-bottom: 0 } .action_block .submit, .action_block .textfield { width: calc(33.3333% - 10px); height: 40px; font-size: 16px; float: left } .action_block .textfield { margin-right: 15px; border: 1px solid #e7e0cf; border-radius: 3px; line-height: 20px; padding: 9px 13px !important; color: #4d3b3b } .action_block .textfield.last { margin-right: 0 } .action_block .textfield::-webkit-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .action_block .textfield::-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .action_block .textfield:-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .action_block .textfield:-ms-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .action_block .submit, .action_popup .close { color: #fff; text-align: center; transition: .3s } .action_block .textfield:focus::-webkit-input-placeholder { opacity: .3 } .action_block .textfield:focus::-moz-placeholder { opacity: .3 } .action_block .textfield:focus:-moz-placeholder { opacity: .3 } .action_block .textfield:focus:-ms-input-placeholder { opacity: .3 } .action_block .textfield.error::-webkit-input-placeholder { color: #fff } .action_block .textfield.error::-moz-placeholder { color: #fff } .action_block .textfield.error:-moz-placeholder { color: #fff } .action_block .textfield.error:-ms-input-placeholder { color: #fff } .action_block .submit { margin-top: 15px; border-radius: 3px; background: #dc6655; border: 0 } .action_block .submit:hover { background: #bd5748 } .action_block .policy { float: right; margin-top: 22px } .section_actions .action_block { width: calc(50% - 20px); margin: 0 0 40px } .section_actions .main_content_block { padding: 0 0 60px !important } .section_actions .main_content_block h2 { margin: 30px 0 } .section_actions .main_content_block p { margin-top: 20px } .action_popup { position: fixed; top: 50%; padding: 0 !important; margin-left: -279px !important; margin-top: -219px !important } .action_popup .close { position: absolute; width: 30px; height: 30px; background: #dc6655; font-size: 42px; padding: 0; line-height: 34px; top: -45px; right: 0; border-radius: 50%; cursor: pointer } .action_popup .close:hover { background: #bd5748 } .action_popup .action_block { width: 558px; height: 438px; margin: 0; float: none } .login_popup { width: 435px; height: 410px; padding: 40px 90px 0; position: fixed; top: 50%; margin: -205px 0 0 -217px; background: #fff; color: #574343 } .login_popup .close { width: 36px; height: 36px; position: absolute; top: 10px; right: 10px; font-size: 40px; line-height: 36px; text-align: center; color: #494949; cursor: pointer } .login_popup .title { font-size: 22px; text-align: center; margin-bottom: 40px } .login_popup label { display: block; font: 15px; margin-bottom: 6px; margin-top: 15px } .login_popup .textfield { height: 33px; display: block; border: 1px solid #d5d5d5; outline: 0; padding: 6px 15px; line-height: 19px; width: 100% } .login_popup .demo, .login_popup .submit_btn { width: 50%; margin-top: 38px; height: 50px; line-height: 50px; font-size: 20px; text-align: center } .login_popup .submit_btn { float: left; background: url(/local/templates/monolite_new/css/images/step2/login.png) 15px center no-repeat; color: #dc6655; border: 0; text-decoration: underline; padding-left: 30px } .login_popup .submit_btn:hover { text-decoration: none } .login_popup .demo { float: right; color: #7a7a7a; text-decoration: underline } .login_popup .demo:hover { text-decoration: none } .section_seven_steps { padding: 50px 0 !important } .section_seven_steps div { padding-bottom: 0 } .section_seven_steps .top { padding: 1px 0 0 } .section_seven_steps .top .number { float: left; margin-top: 25px; margin-left: 15px; width: 60px; height: 60px; line-height: 60px; font-size: 30px; color: #fff; background: #548e9e; text-align: center; position: relative } .section_seven_steps .top .number:before { content: ''; position: absolute; bottom: -50px; left: 50%; margin-left: -15px; border-top: 20px solid #548e9e; border-left: 15px solid transparent; border-right: 15px solid transparent } .section_seven_steps .top .number .lines { border: 3px solid #548e9e; border-left: 0; border-right: 0; height: 21px; position: absolute; top: -25px; left: 0; right: 0 } .section_seven_steps .top .number .lines:before { content: ''; margin-top: 3px; border: 3px solid #548e9e; height: 3px; border-left: 0; border-right: 0; display: block } .section_seven_steps .top h1 { float: left; margin: 0 0 0 15px; padding: 0; line-height: 1; width: auto } .section_seven_steps .top .top_step_content { box-shadow: 0 0 15px rgba(0, 0, 0, .2); clear: both; padding: 25px 460px 25px 30px; min-height: 230px; position: relative } .section_seven_steps .top .top_step_content .title { font-size: 30px; padding-left: 46px; color: #548e9e } .section_seven_steps .top .top_step_content .title .number { display: none } .section_seven_steps .top .top_step_content .text { margin-top: 25px; font-size: 16px; line-height: 1.3; color: #322f2f } .section_seven_steps .top .top_step_content .text * { font-size: 16px; line-height: 1.3; color: #322f2f } .section_seven_steps .top .top_step_content .text a { text-decoration: underline } .section_seven_steps .top .top_step_content .text a:hover { text-decoration: none } .section_seven_steps .top form { background: #dc6655; position: absolute; top: -85px; bottom: -60px; right: 0; width: 423px; padding: 15px 30px } .section_seven_steps .top form::after { content: ''; display: block; clear: both } .section_seven_steps .top form .ttl { color: #fff; font-size: 24px; line-height: 1; margin-bottom: 10px } .section_seven_steps .top form .textfield, .section_seven_steps .top form textarea { margin-top: 10px; display: block; width: 100%; border: 0; background: #fff; height: 40px; padding: 8px 15px; font-size: 18px; line-height: 24px; color: #4d3b3b } .section_seven_steps .top form .textfield::-webkit-input-placeholder, .section_seven_steps .top form textarea::-webkit-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_seven_steps .top form .textfield::-moz-placeholder, .section_seven_steps .top form textarea::-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_seven_steps .top form .textfield:-moz-placeholder, .section_seven_steps .top form textarea:-moz-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_seven_steps .top form .textfield:-ms-input-placeholder, .section_seven_steps .top form textarea:-ms-input-placeholder { color: #7a7a7a; opacity: 1; transition: .3s } .section_seven_steps .top form .textfield:focus::-webkit-input-placeholder, .section_seven_steps .top form textarea:focus::-webkit-input-placeholder { opacity: .3 } .section_seven_steps .top form .textfield:focus::-moz-placeholder, .section_seven_steps .top form textarea:focus::-moz-placeholder { opacity: .3 } .section_seven_steps .top form .textfield:focus:-moz-placeholder, .section_seven_steps .top form textarea:focus:-moz-placeholder { opacity: .3 } .section_seven_steps .top form .textfield:focus:-ms-input-placeholder, .section_seven_steps .top form textarea:focus:-ms-input-placeholder { opacity: .3 } .section_seven_steps .top form .textfield.error, .section_seven_steps .top form textarea.error { outline: #fff solid 1px } .section_seven_steps .top form .textfield.error::-webkit-input-placeholder, .section_seven_steps .top form textarea.error::-webkit-input-placeholder { color: #fff } .section_seven_steps .top form .textfield.error::-moz-placeholder, .section_seven_steps .top form textarea.error::-moz-placeholder { color: #fff } .section_seven_steps .top form .textfield.error:-moz-placeholder, .section_seven_steps .top form textarea.error:-moz-placeholder { color: #fff } .section_seven_steps .top form .textfield.error:-ms-input-placeholder, .section_seven_steps .top form textarea.error:-ms-input-placeholder { color: #fff } .section_seven_steps .top form textarea { height: 65px } .section_seven_steps .top form .policy { margin: 15px 0; color: #fff } .section_seven_steps .top form .file { width: 155px; float: left } .section_seven_steps .top form .file .inputfile { display: none } .section_seven_steps .top form .file label { padding-left: 27px; background: url(/bitrix/templates/monolite/images/new/file.png) 0 center no-repeat; display: block } .section_seven_steps .top form .file label span { text-overflow: ellipsis; overflow: hidden; position: relative; white-space: nowrap; display: block; font-size: 14px; height: 44px; line-height: 44px; padding-right: 10px; color: #fff } .section_seven_steps .top form .submit { float: right; width: calc(100% - 155px); background: #f3b338; height: 44px; line-height: 44px; border-radius: 3px; color: #322f2f; font-size: 20px; text-align: center; transition: .3s; border: 0 } .section_seven_steps .top form .submit:hover { background: #e6a62a } .section_seven_steps .step { box-shadow: 0 0 15px rgba(0, 0, 0, .2); margin-top: 60px } .section_seven_steps .step::after { content: ''; display: block; clear: both } .section_seven_steps .step .image { float: left; width: 400px; height: 300px } .section_seven_steps .step .image img { display: block } .section_seven_steps .step .wrap { margin: 0 0 0 400px; padding: 27px 30px } .section_seven_steps .step .wrap .inner_image { display: none } .section_seven_steps .step .wrap .title { position: relative; line-height: 1; font-size: 30px; color: #548e9e; padding-left: 46px } .section_seven_steps .step .wrap .title .number { float: left; margin: 0; width: 60px; height: 60px; line-height: 60px; font-size: 30px; color: #fff; background: #548e9e; text-align: center; position: absolute; top: -87px; left: -15px } .section_seven_steps .step .wrap .more, .section_seven_steps .step .wrap .text { margin-top: 20px } .section_seven_steps .step .wrap .title .number:before { content: ''; position: absolute; bottom: -50px; left: 50%; margin-left: -15px; border-top: 20px solid #548e9e; border-left: 15px solid transparent; border-right: 15px solid transparent } .section_seven_steps .step .wrap .title.red { color: #dc6655 } .section_seven_steps .step .wrap .text, .section_seven_steps .step .wrap .text * { font-size: 16px; line-height: 1.3; color: #322f2f } .section_seven_steps .step .wrap .title.red .number { background: #dc6655 } .section_seven_steps .step .wrap .title.red .number:before { border: 0; width: 30px; height: 20px; background: url(/local/templates/monolite_new/css/images/step2/red_house.png) center no-repeat } .section_seven_steps .step .wrap .link { color: #dc6655; text-decoration: none; border-bottom: 1px dashed #dc6655 } .section_seven_steps .step .wrap .link:hover { border-bottom: 0 } .section_seven_steps .step.right .image { float: right } .section_seven_steps .step.right .wrap { margin-left: 0; margin-right: 400px } .credit_table { max-width: 860px; margin: 20px 0 60px } .credit_table::after { content: ''; display: block; clear: both } .credit_table .col { width: 33.3333%; float: left } .credit_table .col .title { background: #faf5e8; height: 90px; font-size: 0; text-align: center } .credit_table .col .title:before { content: ''; display: inline-block; vertical-align: middle; height: 100% } .credit_table .col .title span { display: inline-block; vertical-align: middle; font-size: 18px; color: #322f2f; width: 100% } .credit_table .col .title .comment { margin-top: 15px; color: #7a7a7a; display: block; width: 50%; float: left } .credit_table .col .text { height: 90px; font-size: 0; text-align: center; border: 1px solid #dad6d0; color: #dc6655 } .credit_table .col .text:before { content: ''; display: inline-block; vertical-align: middle; height: 100% } .credit_table .col .text span { display: inline-block; vertical-align: middle; font-size: 18px; color: #dc6655; width: 100% } .credit_table .col .text .content_col { color: #dc6655; display: block; margin: 0; width: 50%; float: left } .credit_table .col:first-child .text { border-right: 0 } .credit_table .col:last-child .text { border-left: 0 } .credit_table .col:nth-child(2) .text { border-right: 0; border-left: 0 } .section_credit_info { padding: 40px 0 60px } .section_credit_info .title { font-size: 30px; margin-bottom: 30px } .section_credit_info .points { margin-bottom: 50px } .section_credit_info .points::after { content: ''; display: block; clear: both } .section_credit_info .points .points_block { float: left; width: 50%; padding-right: 60px } .section_credit_info .points ul { margin: 0; padding: 0; list-style-type: none } .section_credit_info .points ul li { font-size: 18px; line-height: 26px; margin-top: 20px; padding-left: 30px; position: relative } .section_credit_info .points ul li:before { content: ''; width: 18px; height: 18px; background: url(/local/templates/monolite_new/css/images/step2/point_dark.png) left center no-repeat; position: absolute; left: 0; top: 3px } .section_credit_info .partners_block { padding: 30px 15px 30px 55px; background: #faf5e9; font-size: 0 } .section_credit_info .partners_block .logo { display: inline-block; width: 233px; vertical-align: middle } .section_credit_info .partners_block .logo img { display: block } .section_credit_info .partners_block .info { display: inline-block; vertical-align: middle; font-size: 18px; width: calc(100% - 233px) } @media screen and (min-width:769px) { .section_header_2 .menu { display: block !important } } @media screen and (max-width:1200px) { .tablet-hide { display: none } .section_header_2 .menu, .section_header_2 .right { width: 665px } .section_header_2 .container { width: 940px } body.fixed .section_header_2 .menu { width: 855px } .section_footer:before { margin-left: -183px } .section_advantages_2 .advantages { max-width: 792px; margin-left: auto; margin-right: auto } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .info { /* width: 210px; */ padding-top: 0; margin-top: -3px } .specialnoe-predlozjenie .recently-viewed ul li { width: calc(50% - 15px) } .specialnoe-predlozjenie .recently-viewed ul li:nth-child(3n) { margin-right: 30px } .specialnoe-predlozjenie .recently-viewed ul li:nth-child(2n) { margin-right: 0 } .section_remote_control .text ul li { width: auto; float: none } .section_more_inform_form .container:before, .section_online_stream_form .container:before { right: 0 } .section_actions { margin-top: 20px !important } .section_actions .action_block .image { width: 45% } .section_actions .action_block .text { width: 55%; padding-left: 15px; padding-top: 8px } .section_actions .action_block .text .wrap { height: 136px } .section_actions .action_block .text .wrap * { font-size: 14px } .section_actions .action_block .policy { float: none; margin-top: 15px; padding: 0 !important } .section_actions .action_block .policy::after { content: ''; display: block; clear: both } .section_seven_steps .top form { top: -30px; bottom: -30px } .section_seven_steps .top form .policy { margin-bottom: 0 } .section_seven_steps .top form .file { float: none; width: 100% } .section_seven_steps .top form .submit { float: none; width: 100%; margin-top: 10px } } @media (max-width:1199px) { .login_popup .close { font-size: 40px !important } } @media screen and (max-width:960px) { .section_header_2 .right { width: 500px } .section_header_2 .menu { width: auto; float: none; clear: both } .section_header_2 .container { width: 748px } body.fixed .section_header_2 .menu { width: 690px; float: right; clear: none } body.fixed .section_header_2 .menu>li a { font-size: 14px } .section_footer:before { margin-left: -100px } .section_footer .footer_menus { width: 460px } .section_footer .footer_menus .menu .title { font-size: 18px } .section_footer .footer_menus .menu.l, .section_footer .footer_menus .menu.r { width: 230px } .section_footer .footer_menus .menu ul { margin-top: 0 } .section_advantages_2 .advantages { margin-left: -12px; margin-right: -12px } .section_advantages_2 .advantages .advantage { margin-left: 15px; margin-right: 15px } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .info { width: auto; float: none; clear: both; } .section_prices_table .custom_tabs .price_table tbody tr td, .section_prices_table .custom_tabs .price_table tfoot tr th, .section_prices_table .custom_tabs .price_table thead tr th { padding: 0 15px } .section_more_inform_form .container:before, .section_online_stream_form .container:before { width: 400px } .section_check .container { padding-bottom: 30px; width: 718px } .section_check .text, .section_check .title { padding-right: 30px } .section_check form { position: static; width: auto; margin-left: -15px; margin-right: -15px } .section_actions .action_block { width: 100%; float: none; margin-right: 0 } .section_actions .action_block .image { width: 50% } .section_actions .action_block .text { width: 50%; padding-left: 20px; padding-top: 15px } .section_actions .action_block .text .wrap { height: 248px } .section_actions .action_block .text .wrap * { font-size: 16px } .section_seven_steps .top form { top: -30px; bottom: -30px; width: 320px } .section_seven_steps .top .top_step_content { padding-right: 340px } .section_seven_steps .step .image { width: 350px; height: auto; padding: 30px 0 30px 30px } .section_seven_steps .step .wrap { margin-left: 350px } .section_seven_steps .step.right .image { padding-left: 0 } .section_seven_steps .step.right .wrap { margin-left: 0; margin-right: 350px } } @media screen and (max-width:959px) { .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left { float: none; width: 100%; } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label { display: block; float: none; margin: 7px 0 0; height: 30px; } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left .button { margin: 20px 20px 0 0; } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left .button.catalog-filter-reset { margin-left: 0; } } @media screen and (max-width:768px) { .tablet-hide { display: block } .tablet-hide.inline { display: inline } body { padding-top: 60px } .section_header_2 { padding: 15px 0 0; position: fixed; top: 0; left: 0; right: 0; z-index: 800; min-height: 60px } .section_header_2 .container { width: auto; padding: 0 15px } .section_header_2 .logo { width: 122px; height: 30px; margin: 0 0 15px } .section_header_2 .open_menu_btn { display: block; width: 20px; height: 20px; float: left; margin-right: 15px; margin-top: 5px } .section_header_2 .open_menu_btn span { display: block; height: 3px; background: #4d3b3b; margin-top: 5px; transition: .3s; opacity: 1 } .section_header_2 .open_menu_btn span:first-child { margin-top: 0 } .section_header_2 .open_menu_btn.open span:nth-child(1) { transform: rotate(45deg); margin-top: 8px } .section_header_2 .open_menu_btn.open span:nth-child(2) { transform: rotate(-45deg); margin-top: -3px } .section_footer .footer_menus .menu ul + .title { margin-top: 0; border-top: 1px solid #2b1f1f; } .section_footer .footer_menus .menu .title.open:after, .section_header_2 .menu li.dropdown a.open:after { transform: rotate(180deg) } .section_header_2 .open_menu_btn.open span:nth-child(3) { opacity: 0 } .section_header_2 .right { display: none } .section_header_2 .mob_buttons { display: block; float: right; margin-top: 5px } .section_header_2 .mob_buttons .callback, .section_header_2 .mob_buttons .login, .section_header_2 .mob_buttons .whatsapp { width: 20px; height: 20px; background: url(/local/templates/monolite_new/css/images/step2/mob_icons.png) no-repeat; margin-right: 15px; float: left } .section_header_2 .mob_buttons .callback { background-position: -35px 0 } .section_header_2 .mob_buttons .login { background-position: -70px 0 } .section_header_2 .menu { margin: 0 -15px; display: none; overflow-y: auto } .section_header_2 .menu li { display: block } .section_header_2 .menu li a { display: block; padding: 15px; line-height: 20px; height: 50px; font-size: 18px; border-bottom: 0 } .section_header_2 .menu li.dropdown a:after { border-top-color: #4d3b3b !important } .section_header_2 .menu li.dropdown .wrap { display: block; visibility: visible; opacity: 1; position: static; width: auto; margin: 0; padding: 0; overflow: hidden } .section_header_2 .menu li.dropdown .wrap ul { display: none; position: static; width: 100%; margin: 0; padding-bottom: 0; background: #fff } .section_header_2 .menu li.dropdown .wrap ul:before { display: none !important } .section_header_2 .menu li.dropdown .wrap ul li a { color: #7a7a7a; font-size: 18px } .section_header_2 .menu>li { border-bottom: 1px solid #dc6655 } .section_footer:before { display: none } .section_footer .container { padding: 0 !important; width: auto !important } .section_footer .footer_menus { float: none; width: auto; padding: 0 } .section_footer .footer_menus .menu { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #2b1f1f } .section_footer .footer_menus .menu .title { background: #4d3b3b; height: 50px; line-height: 50px; padding: 0 15px; font-weight: 400; font-size: 18px; transition: .3s } .section_footer .footer_menus .menu .title:after { content: ''; display: inline-block; margin-left: 15px; border-top: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: .3s } .section_footer .footer_menus .menu .title.open { background-color: #5e4b4b } .section_footer .footer_menus .menu .title.open+ul { background: #5e4b4b !important } .section_footer .footer_menus .menu ul { display: none; background: #4d3b3b; transition: background .3s } .section_footer .footer_menus .menu ul li a { font-size: 18px; padding: 15px 12px; text-decoration: none } .section_footer .contacts_block { padding: 30px 15px 20px } .section_footer .contacts_block .logo { width: 183px; height: 45px } .section_footer .contacts_block .socials { margin-top: 30px } .section_footer .contacts_block .contacts { margin-top: 20px } .section_footer .contacts_block .copy { margin-top: 28px } .section_company_in_numbers .number_block { width: 50% } .section_advantages_2 .advantages { margin-left: 0; margin-right: 0 } .section_advantages_2 .advantages .advantage { margin-left: auto; margin-right: auto; float: none; padding-top: 1px } .section_advantages_2 .advantages .advantage .ttl { text-decoration: underline } .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left { float: none; width: auto } /* .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left label { float: none; display: inline-block } */ .specialnoe-predlozjenie .catalog-filter .filters_wrap_2 .left .button { clear: both; display: block; float: none; margin: 20px 0 0 !important; width: 100% } .section_page_banner, .section_page_top { padding: 30px 0 } .section_page_banner .breadcrumb, .section_page_top .breadcrumb { display: none } .section_page_banner h1, .section_page_top h1 { margin-top: 0 !important; margin-bottom: 20px !important } .section_remote_control img { margin: 0 auto 30px; display: block } .section_remote_control .left, .section_remote_control .right { float: none; width: auto; padding: 0 } .section_remote_control form { width: auto } .section_remote_control form .file { width: auto; float: none } .section_remote_control form .submit { width: 100%; float: none; margin-top: 15px; display: block } .section_videos .video { width: 100%; float: none !important } .section_text_content h1, .section_text_content h2, .section_text_content h3, .section_text_content h4, .section_text_content h5, .section_text_content h6 { padding-left: 0 !important; padding-right: 0 !important } .section_text_content .prices_columns .left, .section_text_content .prices_columns .right { float: none; width: auto } .section_text_content .prices_columns .right { margin-top: 26px } .section_bottom_links .title { font-size: 24px } .section_prices_table .custom_tabs .tabs_header .ttl { width: auto; display: block; margin: 0 } .section_prices_table .custom_tabs .tabs_header .open_tab { margin: 15px 15px 0 0 } .section_prices_table .custom_tabs .price_table { display: block; margin-left: -15px; margin-right: -15px; width: auto } .section_prices_table .custom_tabs .price_table thead { border-bottom: 0 } .section_prices_table .custom_tabs .price_table tfoot, .section_prices_table .custom_tabs .price_table tfoot tr, .section_prices_table .custom_tabs .price_table thead, .section_prices_table .custom_tabs .price_table thead tr { display: block } .section_prices_table .custom_tabs .price_table tfoot tr::after, .section_prices_table .custom_tabs .price_table thead tr::after { content: ''; display: block; clear: both } .section_prices_table .custom_tabs .price_table tfoot tr th, .section_prices_table .custom_tabs .price_table thead tr th { display: block; float: left; width: 33.333% !important; height: auto; padding-bottom: 15px } .section_prices_table .custom_tabs .price_table tfoot tr th:nth-child(2), .section_prices_table .custom_tabs .price_table tfoot tr th:nth-child(6), .section_prices_table .custom_tabs .price_table thead tr th:nth-child(2), .section_prices_table .custom_tabs .price_table thead tr th:nth-child(6) { display: none !important } .section_prices_table .custom_tabs .price_table tfoot tr th:first-child, .section_prices_table .custom_tabs .price_table thead tr th:first-child { display: block; width: 100% !important; padding-top: 15px } .section_prices_table .custom_tabs .price_table tbody { display: block } .section_prices_table .custom_tabs .price_table tbody tr { display: block; width: 100%; border-left: 0; border-right: 0; border-bottom: 0 } .section_prices_table .custom_tabs .price_table tbody tr:first-child { border-top: 0 } .section_prices_table .custom_tabs .price_table tbody tr::after { content: ''; display: block; clear: both } .section_prices_table .custom_tabs .price_table tbody tr td { display: block; float: left; width: 33.333%; height: auto; padding-bottom: 15px } .section_prices_table .custom_tabs .price_table tbody tr td.mob_more, .section_prices_table .custom_tabs .price_table tbody tr td:first-child { display: block; width: 50%; padding-top: 15px; padding-bottom: 10px } .section_prices_table .custom_tabs .price_table tbody tr td:last-child { display: none } .section_prices_table .custom_tabs .price_table tbody tr td.mob_more { display: block; float: right; width: 33.333% } .section_prices_table .custom_tabs .price_table tbody tr.spacer { display: none } .section_prices_table .custom_tabs .price_table.no_link tfoot tr th:nth-child(2), .section_prices_table .custom_tabs .price_table.no_link tfoot tr th:nth-child(6), .section_prices_table .custom_tabs .price_table.no_link thead tr th:nth-child(2), .section_prices_table .custom_tabs .price_table.no_link thead tr th:nth-child(6) { display: table-cell !important } .section_prices_table .custom_tabs .price_table.no_link tbody tr td { word-wrap: break-word; font-size: 14px } .section_prices_table .custom_tabs .price_table.no_link tbody tr td:first-child { float: none; width: 100%; display: block; font-size: 16px } .section_prices_table .custom_tabs .price_table.no_link tbody tr td:last-child, .section_prices_table .custom_tabs .price_table.no_link tbody tr td:nth-child(2) { display: block !important } .section_waranty { padding-left: 15px; padding-right: 15px } .section_waranty .container { padding: 15px !important } .section_waranty .title { padding: 0 0 0 30px; float: none; width: auto; font-size: 18px; line-height: 1.6 } .section_waranty .title:before { left: 0; top: 3px } .section_waranty .image { float: none; width: auto; margin-top: 15px } .section_waranty .image img { width: 100% } .section_waranty .text { margin: 15px 0 0; padding: 0 } .section_waranty.right .image, .section_waranty.right .title { float: none } .section_waranty.right .text { margin-right: 0 } .section_online_stream_top { padding: 40px 0 } .section_online_stream_top .video { padding: 0; float: none; width: auto; margin-top: 20px } .section_online_stream_top h1 { padding: 0; width: auto; float: none } .section_online_stream_top .right { float: none; width: auto; margin-top: 15px; padding: 0 } .section_more_inform_form, .section_online_stream_form { background: #548e9e } .section_more_inform_form .container, .section_online_stream_form .container { padding: 0 } .section_more_inform_form .container:before, .section_online_stream_form .container:before { display: none } .section_more_inform_form .top, .section_online_stream_form .top { background: url(/local/templates/monolite_new/css/images/step2/online_stream.jpg) center no-repeat; background-size: cover; padding: 40px 15px 0 } .section_more_inform_form .top:before, .section_online_stream_form .top:before { content: ''; display: block; width: 100%; padding-top: 66%; background: url(/local/templates/monolite_new/css/images/step2/online_stream_tablet.png) center bottom no-repeat; background-size: contain } .section_more_inform_form .form, .section_online_stream_form .form { width: 100%; padding: 30px 0 40px } .section_more_inform_form .form .title, .section_online_stream_form .form .title { text-align: center } .section_more_inform_form .form .file, .section_more_inform_form .form .submit, .section_online_stream_form .form .file, .section_online_stream_form .form .submit { width: 100%; float: none } .section_check { background: 0 0; margin: 0; padding: 0; width: auto } .section_check .container { width: auto; padding: 0 0 40px !important; border-radius: 0 } .section_check .title { border-radius: 0; padding: 30px 15px; font-size: 24px } .section_check .text { padding: 30px 15px } .section_check form { margin: 0 15px; padding: 30px 15px } .section_check form .ttl { font-size: 18px } .section_actions .action_block { width: 610px; margin-left: auto; margin-right: auto } .section_actions .action_block .text { padding-top: 8px } .section_actions .action_block .text .wrap { height: 206px } .section_actions .action_block .text .wrap * { font-size: 14px } .section_seven_steps { padding-top: 0 !important; margin-top: -30px } .section_seven_steps .top .number { display: none } .section_seven_steps .top h1 { font-size: 24px; margin: 0 } .section_seven_steps .top .top_step_content { margin-top: 96px; padding: 30px 15px 0; margin-bottom: 70px } .section_seven_steps .top .top_step_content .title { position: relative; font-size: 18px } .section_seven_steps .top .top_step_content .title .number { display: block !important; margin: 0; width: 40px; height: 40px; line-height: 40px; font-size: 24px; color: #fff; background: #548e9e; text-align: center; position: absolute; top: -70px; left: -15px } .section_seven_steps .top .top_step_content .title .number:before { content: ''; position: absolute; bottom: -50px; left: 50%; margin-left: -15px; border-top: 20px solid #548e9e; border-left: 15px solid transparent; border-right: 15px solid transparent } .section_seven_steps .top .top_step_content form { position: static; margin: 30px -30px -30px; width: auto } .section_seven_steps .step { margin-top: 40px } .section_seven_steps .step .image { display: none } .section_seven_steps .step .wrap { margin: 0 !important; padding: 15px } .section_seven_steps .step .wrap .inner_image { display: block; margin: 20px 0 0 } .section_seven_steps .step .wrap .inner_image img { width: 100% } .section_seven_steps .step .wrap .title { font-size: 18px } .section_seven_steps .step .wrap .title .number { width: 40px; height: 40px; line-height: 40px; font-size: 24px; top: -55px; left: -15px } .section_seven_steps .step .wrap .title .number:before { left: 15px; margin-left: 0; bottom: -34px } .container.with_mob_padding { padding-left: 15px !important; padding-right: 15px !important; width: auto } } @media screen and (max-width:640px) { .section_actions .action_block .date, .section_actions .action_block .name, .section_actions .action_block .text .wrap * { font-size: 16px } .specialnoe-predlozjenie .specialnoe-predlozjenie .catalog-filter { margin-left: -15px !important; margin-right: -15px !important; padding: 15px !important } .specialnoe-predlozjenie .recently-viewed ul li { width: 450px; float: none; margin-left: auto !important; margin-right: auto !important } .section_actions .action_block { width: auto; margin: 0 0 30px } .section_actions .action_block .top { padding: 10px 14px !important } .section_actions .action_block .image { width: 100%; float: none } .section_actions .action_block .text { padding: 0; width: auto; float: none } .section_actions .action_block .text .wrap { height: auto; padding: 15px !important } .section_actions .action_block .ttl { font-size: 18px } .action_popup .action_block .date, .action_popup .action_block .name, .action_popup .action_block .text .wrap * { font-size: 16px } .section_actions .action_block .textfield { width: 100%; float: none; margin: 0 0 10px } .section_actions .action_block .policy { margin-top: 0 } .section_actions .action_block .submit { width: 100%; float: none; margin: 10px 0 } .action_popup { top: 120px; left: 15px; right: 15px; position: absolute; margin: 0 !important } .action_popup .action_block { width: auto; height: auto; margin: 0 0 30px } .action_popup .action_block .top { padding: 10px 14px !important } .action_popup .action_block .image { width: 100%; float: none } .action_popup .action_block .text { padding: 0; width: auto; float: none } .action_popup .action_block .text .wrap { height: auto; padding: 15px !important } .action_popup .action_block .ttl { font-size: 18px } .action_popup .action_block .textfield { width: 100%; float: none; margin: 0 0 10px } .action_popup .action_block .policy { float: none; margin-top: 0; margin-bottom: 10px } .action_popup .action_block .submit { width: 100%; float: none; margin: 0 0 10px } .credit_table { background: #faf5e8; padding: 20px 0; margin: 20px 0 } .credit_table .col { width: auto; float: none; margin-top: 15px } .credit_table .col:first-child { margin-top: 0 } .credit_table .col .title { height: auto } .credit_table .col .title .comment { margin-top: 5px } .credit_table .col .text { margin-top: 5px; border: none; height: auto } .credit_table .col .text .content_col { margin-top: 0 } .section_credit_info .points .points_block { float: none; width: auto; padding: 0 } .section_credit_info .points ul { margin-bottom: 24px } .section_credit_info .title { font-size: 24px; margin-bottom: 24px } .section_credit_info .partners_block { padding: 30px 23px } .section_credit_info .partners_block .logo { width: auto; display: block; margin-bottom: 20px } .section_credit_info .partners_block .info { width: auto; display: block } } @media screen and (max-width:500px) { .section_check form .file, .section_check form .submit { width: 100%; float: none } } @media screen and (max-width:480px) { .section_company_in_numbers .numbers { margin-top: 25px } .section_company_in_numbers .number_block { width: 100%; display: block; float: none } .section_company_in_numbers .recomended { margin-top: 0 } .section_prices_table .custom_tabs .price_table tbody tr td:first-child { width: calc(100% - 110px); padding-right: 0 } .section_prices_table .custom_tabs .price_table tbody tr td.mob_more { width: 110px; text-align: right; padding-left: 0; padding-right: 15px } } @media (max-width:480px) { .login_popup { left: 0; padding-left: 20px; padding-right: 20px; width: 100%; margin-left: 0 } } @media screen and (max-width:400px) { .section_advantages_2 .advantages .advantage { width: 290px; height: 190px; margin-top: 20px } .section_advantages_2 .advantages .advantage .wrap { margin-top: 27px } .section_advantages_2 .advantages .advantage .wrap br { display: none } .section_advantages_2 .advantages .advantage .wrap .text { margin-top: 0 } } .jpg .section_main_banenr .slider .slide.header_slide_1 { background-image: url(/bitrix/templates/monolite/images/new/banner/1.jpg) } .jpg .section_main_banenr .slider .slide.header_slide_2 { background-image: url(/bitrix/templates/monolite/images/new/banner/2.jpg) } .jpg .section_main_banenr .slider .slide.header_slide_3 { background-image: url(/bitrix/templates/monolite/images/new/banner/3.jpg) } .jpg .section_main_banenr .slider .slide.header_slide_4 { background-image: url(/bitrix/templates/monolite/images/new/banner/4.jpg) } .webp .section_footer .contacts_block .logo, .webp .section_header_2 .logo { background-image: url(/local/templates/monolite_new/css/images/step2/logo.svg) } .webp .section_main_banenr .slider .slide.header_slide_1 { background-image: url(/bitrix/templates/monolite/images/new/banner/1.webp) } .webp .section_main_banenr .slider .slide.header_slide_2 { background-image: url(/bitrix/templates/monolite/images/new/banner/2.webp) } .webp .section_main_banenr .slider .slide.header_slide_3 { background-image: url(/bitrix/templates/monolite/images/new/banner/3.webp) } .webp .section_main_banenr .slider .slide.header_slide_4 { background-image: url(/bitrix/templates/monolite/images/new/banner/4.webp) } .jpg .section_contacts_map .map_wrap .map { background-image: url(/bitrix/templates/monolite/images/new/map2.jpg) } .jpg .section_footer:before { background-image: url(/bitrix/templates/monolite/images/step2/footer_bg.jpg) } .webp .section_contacts_map .map_wrap .map { background-image: url(/bitrix/templates/monolite/images/new/map2.webp) } .webp .section_footer:before { background-image: url(/bitrix/templates/monolite/images/step2/footer_bg.webp) } .jpg .section_map_link { background-image: url(/bitrix/templates/monolite/images/map_block.jpg) } .webp .section_map_link { background-image: url(/bitrix/templates/monolite/images/map_block.webp) } @media screen and (max-width: 1050px) { .map-columns { width: 100%; } } @media screen and (max-width: 960px) { .map-columns, .map-columns tr, .map-columns td { display: block; width: 100%; } .map-columns li { margin-top: 10px; } .reviews_gallery { overflow: hidden; } } .fancybox-wrap:before { content: ''; position: fixed; background: #261d1d; z-index: -1; opacity: .75; left: 0; right: 0; top: 0; bottom: 0; } .fancybox-skin { padding: 0 !important; } .fancybox-opened .fancybox-title { font-size: 18px; background: #261d1d; opacity: .8; line-height: 1.5; color: #fff; padding: 12px 20px; margin: 0; left: 0; right: 0; width: auto; text-align: left; } .fancybox-title-float-wrap .child { padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: none; color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; display: inline; margin: 0; white-space: normal; } .fancybox-close { background: #dc6655; color: #fff; width: 30px; height: 30px; border-radius: 50%; font-size: 34px; line-height: 32px; text-align: center; top: 0; right: -60px; } .fancybox-close:before { content: '\00d7'; } .fancybox-nav span { visibility: visible; background: #dc6655; width: 60px; height: 60px; position: fixed; } .fancybox-nav span:before { content: ''; width: 20px; height: 20px; border: 1px solid #fff; border-left: 0; border-bottom: 0; display: block; transform: rotate(45deg); margin: 18px 13px; } .fancybox-prev span:before { transform: rotate(-135deg); margin: 18px 23px; } .fancybox-prev span { left: 90px; } .fancybox-next span { right: 90px; } .title_h2 { text-align: left; padding-bottom: 27px; padding-left: 0 !important; padding-right: 0 !important; font-size: 30px !important; color: #322f2f !important; } .ak_map_link { background-image: url(/bitrix/templates/monolite/images/map_block2.png) !important; } @media (max-width: 1300px) { .fancybox-prev span { left: 20px; } .fancybox-next span { right: 20px; } } @media (max-width: 1180px) { /* .fancybox-nav span { position: absolute; } .fancybox-prev span { left: 10px; } .fancybox-next span { right: 10px; } */ .title_h2 { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 1000px) { .fancybox-close { right: 10px; top: 10px; } .stroitelstvo-kotedgei-pod-klyuch h1 { padding-left: 20px; } } @media (max-width: 768px) { .fancybox-close { /* top: -60px; right: 20px; */ } .fancybox-nav span { position: absolute; top: 0; margin: 0; } .fancybox-prev span { left: 0; } .fancybox-next span { right: 0; } } @media (max-width: 640px) { .ak-map-title { display: none; } .reviews_gallery .gallery_static img, .reviews_gallery .reviews_static img { /* width: 640px !important; height: auto; max-height: 360px; */ } } @media (max-width: 600px) { .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 600px; height: 338px; } } @media (max-width: 550px) { .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 550px; height: 309px; } } @media (max-width: 500px) { .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 500px; height: 281px; } } @media (max-width: 450px) { .ak-gallery .slick-slide img { max-height: 330px; } .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 450px; height: 253px; } } @media (max-width: 400px) { .ak-gallery .slick-slide img { max-height: 295px; } .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 400px; height: 225px; } } @media (max-width: 360px) { .ak-gallery .slick-slide img { max-height: 265px; } .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 360px; height: 203px; } } @media (max-width: 320px) { .ak-gallery .slick-slide img { max-height: 230px; } .fasadnye-sistemy_2 .reviews_gallery .gallery_static img, .fasadnye-sistemy_2 .reviews_gallery .reviews_static img { width: 320px; height: 180px; } } @media print { .ak-calc .wrapper { margin-top: 0px } .section_calc_result .title { font-size: 18px; line-height: 24px; margin-top: 80px } .calc_data .right .info { /*page-break-before: always; */ } .ak-calc .square { margin-top: -3px !important;; } .ak-noprint { display: none; } .section_calc_result .info { margin-top: 200px !important; } /* .section_calc_result .right tr:nth-child(4) { display: none !important; } */ } /* End */ /* Start:/local/templates/monolite_new/css/form.css?17388446977905*/ /* header pop-up */ .header__popup.active { opacity: 1; visibility: visible; } .header__call { cursor: pointer; } .popular-tabs__item { white-space: nowrap; } .header__popup { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; background: #332B29; z-index: 999; left: 0; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-popup__body { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-popup__content { background-color: #fff; max-width: 345px; padding: 19px 20px 30px; position: relative; border-radius: 5px; } .header-popup__close { transition: 0.3s; position: absolute; /*top: -50px;*/ /*right: 0px;*/ top: 20px; right: 20px; background: #D43721 url('/local/templates/monolite_new/css/../img/close-icon.svg') no-repeat center center; width: 30px; height: 30px; border-radius: 50%; } .header-popup__close:hover { transition: 0.3s; cursor: pointer; } .header-popup__title-mob { font-weight: 600; font-size: 18px; line-height: 34px; text-align: center; color : #252362; padding-bottom: 18px; } .header-popup__number-mob { margin-bottom: 20px; } .number { display: block; width: 100%; font-size: 16px; text-align: center; border-radius: 5px; } .number-mob { padding: 15px 0 15px; background: #D53721; color: #FFFFFF; } .header-popup__number-wa { display: flex; align-items: center; width: 181px; margin: 0 auto 20px; margin-bottom: 20px; } .number-wa { margin-left: 22px; background: transparent; color: #1A1A1A; position: relative; } .number-wa::before { content: ""; position: absolute; top: -2px; left: -20px; background: url('/local/templates/monolite_new/css/../img/header/wa.svg') no-repeat center center; width: 20px; height: 20px; } .header-popup__separate { margin-bottom: 10px; } .separator { position: relative; font-weight: 600; font-size: 18px; line-height: 34px; text-align: center; color: #252362; } .separator::before { content: ""; position: absolute; top: 50%; left: 15%; display: block; width: 26%; height: 2px; display: block; background-color: #252362; } .separator::after { content: ""; position: absolute; top: 50%; right: 15%; display: block; width: 26%; height: 2px; background-color: #252362; } .header-popup__title { font-weight: 600; font-size: 18px; line-height: 34px; text-align: center; color : #252362; padding-bottom: 10px; } .header-popup__name { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .header-popup__name input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .header-popup__number { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .header-popup__number input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .header-popup__cheakbox { margin-top: 15px; font-size: 12px; line-height: 24px; color: #1A1A1A; } .header-popup__cheakbox span { padding-left: 5px; } .checkbox { display: none; } .fake-checkbox { width: 14px; height: 14px; display: inline-block; border: 1px solid #F2ECE6; position: relative; top: 2px; } .fake-checkbox::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 8px; height: 8px; background: url('/local/templates/monolite_new/css/../img/success-icon.svg') no-repeat center center; transition: 0.3s; opacity: 0; } .checkbox:checked + .fake-checkbox::before { transition: 0.2s; opacity: 1; } .personal-info { color: #D43721; border-bottom: 1px solid #D43721; } .header-popup__button { margin-top: 15px; width: 100%; height: 50px; background-color: #252362; border-radius: 5px; text-align: center; overflow: hidden; } .header-popup__button input { color: #FBF9F7; width: 100%; height: 100%; background-color: #252362; cursor: pointer; } @media (min-width : 426px) { .header-popup__number-mob, .header-popup__number-wa, .header-popup__separate, .header-popup__title-mob{ display: none; } } @media (max-width : 284px) { .header-popup__title-mob,.header-popup__title { font-size: 17px; } } /* Galery.css */ /* OFFER SECTION */ .offer { padding-bottom: 30px; } .crumbles { padding : 13px 0 15px; } .crumbles a { font-size: 14px; font-weight: 400; color: #99938E; } .crumbles__slesh { margin: 0px 10px; color: #99938E; } .main-title { font-weight: 600; font-size: 30px; line-height: 40px; color: #252362; padding-bottom: 30px; } /* SQUARE SECTION */ .square { background:#FBF9F7; padding: 6px 0; margin-bottom: 40px; } .area-house { padding-top: 13px; padding-bottom: 19px; display: flex; justify-content: space-between; align-items: center; } .area-house-home__title { font-size: 14px; } .metors { display: flex; margin-top: 22px; } .metors a { font-size: 14px; color: #D43721; margin-right: 15px; background: #F2ECE6; border-radius: 14px; padding: 2px 10px; transition: all 0.7s; } .metors a:hover { background: #D43721; color: #FFFFFF; transition: all 0.7s ; } .metors__all.active a { background: #D43721; color: #FFFFFF; } .metors__all { width: fit-content !important; } .squared { position: relative; bottom: 5px; font-size: 10px; } .home-select { width: 345px; height: 40px; border: 1px solid #99938E; border-radius: 5px; } /* .area-house-home__slider */ .area-house-home__slider { display: none; } /* RESPONSIVE */ @media (max-width : 1003px){ .metors { flex-wrap: wrap; } .metors__all { margin-bottom: 20px; } } @media (max-width : 992px){ .offer { margin-top: 60px; } } @media (max-width : 768px) { .crumbles { padding: 15px 0; } .area-house { display: block; } .area-house-choice { padding-top: 20px; } .metors { flex-wrap: nowrap; } .metors__all { margin-bottom: 0px; } } @media (max-width: 659px) { .metors--initial { display: none; } .area-house-home__slider { display: block; width: 100%; height: 50px; } .metors__all:nth-child(1) { width: 60.7px !important; } .metors__all:nth-child(2) { width: 145px !important; } .metors__all:nth-child(3) { width: 148px !important; } .metors__all:nth-child(4) { width: 150px !important; } .metors__all:nth-child(5) { width: 126px !important; } } @media (max-width : 426px) { .crumbles { display: none; } .main-title { font-size: 24px; padding-top: 32px; line-height: 34px; padding-bottom: 20px; } .home-select { width: 100%; } } @media (max-width: 400px) { .metors__all { font-size: 13px; } .metors__all:nth-child(1) { width: 55px !important; } .metors__all:nth-child(2) { width: 140px !important; } .metors__all:nth-child(3) { width: 143px !important; } .metors__all:nth-child(4) { width: 145px !important; } .metors__all:nth-child(5) { width: 121px !important; } } /* End */ /* Start:/local/templates/monolite_new/css/baykal.css?17388446976935*/ /* TABLE */ tr, th { font-size: 14px; } .cell { border-bottom: 1px solid #FBF9F7; padding: 16px 10px; } .for-spacing { width: 10px; background: #fff; } .price-of-object { color: #D43721; font-size: 16px; font-weight: 500; } .description-block__table { font-family: 'Roboto'; font-size: 14px; font-weight: 400; border: 1px solid #FBF9F7; border-collapse: collapse; display: block; border-radius: 5px; } .confirm-icon { background: url('/local/templates/monolite_new/css/../img/icons/v.svg') no-repeat center center; width: 17px; height: 13px; display: block; } .table-row { text-align: left; } .first-clmn { background: #FBF9F7; color: #665E58; } .table-title { font-weight: 400; color: #1A1A1A; } .description-table { margin-bottom: 30px; background: #fff; } .button-baykal a { padding: 13px 15px 14px 33px; } .button-baykal { max-width: 360px; position: relative; margin-top: 40px; } .button-baykal a::before { transition: .5s; content: " "; background: url('/local/templates/monolite_new/css/../img/icons/calc.svg') no-repeat; position: absolute; padding: 13px; height: 24px; width: 24px; left: 30px; } .button-baykal:hover a::before { transition: .5s; content: " "; background: url('/local/templates/monolite_new/css/../img/icons/calc2.svg') no-repeat; /*position: absolute;*/ /*padding: 13px;*/ /*height: 24px;*/ /*width: 24px;*/ /*left: 30px;*/ transition: 0.2s ease; } /* end of TABLE */ .title-for-table { padding: 0; margin-bottom: 20px; } .d3-picture-block { background: #fff; border-radius: 5px; } .d3-picture-block img { width: 155px; border-radius: 5px; } .description-block--baykal { margin-bottom: 40px; } .description-list--single { width: 100%; margin-bottom: 0px; } .description-list__name--baykal { width: 48%; } .description-list__value--baykal { width: 48%; text-align: right; } .alike-objects-block { background: #FBF9F7; } .object-card-alike:not(:last-child) { margin-bottom: 20px; } .side-bar-title--alike { margin-bottom: 15px; } .object-3d-card { max-width: 360px; padding-bottom: 20px; background: #fff; } .object-3d-frame { position: relative; max-width: 360px; height: 270px; border-radius: 5px; margin-bottom: 12px; } .object-3d-frame--solana { background: url('/local/templates/monolite_new/css/../img/popular/image1.jpg') no-repeat center top; } .object-3d-frame--solberg { background: url('/local/templates/monolite_new/css/../img/popular/image2.jpg') no-repeat center top; } .object-3d-frame--sorento-2 { background: url('/local/templates/monolite_new/css/../img/popular/image3.jpg') no-repeat center top; } .object-3d-overlay { transition: 0.6s; position: absolute; bottom: 0; height: 50%; width: 100%; background: linear-gradient(180deg, rgba(47, 43, 40, 0) 0%, #2F2B28 100%); border-radius: 0px 0px 5px 5px; opacity: 0; visibility: hidden; } .object-3d-frame:hover .object-3d-overlay { transition: 0.6s; opacity: 1; visibility: visible; } .object-3d-label-3d { position: absolute; top: 0; right: 0; width: 120px; padding: 12px 0 8px; background: #FFD200; border-radius: 0px 5px; text-align: center; } .object-3d-label-3d__text { font-size: 14px; line-height: 24px; } .object-3d-overlay__list { position: relative; top: 95px; display: flex; padding-left: 20px; } .object-3d-overlay__item { display: flex; align-items: center; } .object-3d-overlay__item--last { width: 48%; justify-content: space-between; } .object-3d-overlay__wrapper { display: flex; align-items: center; } .object-3d-overlay__item:not(:last-child) { margin-right: 18px; } .object-3d-overlay__icon { margin-right: 7px; display: block; } .object-3d-overlay__icon--metre { background: url('/local/templates/monolite_new/css/../img/icons/s.svg') no-repeat center center; width: 18px; height: 18px; } .object-3d-overlay__text { display: block; color: #fff; } .object-3d-overlay__icon--bedroom { background: url('/local/templates/monolite_new/css/../img/icons/bed.svg') no-repeat center center; width: 18px; height: 18px; } .object-3d-overlay__icon--bath { background: url('/local/templates/monolite_new/css/../img/icons/bath-icon.svg') no-repeat center center; width: 18px; height: 18px; } .object-3d-description__info { margin: 10px 10px 15px; } .object-3d-description__select-btn-wrapper { background: #F2ECE6; border-radius: 14px; width: 90%; width: 260px; } .select-btn { background: #F2ECE6; border-radius: 14px; color: #D43721; padding: 3px 5px 3px 7px; font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; } .select-btn.active { background: #D43721; color: #fff; } .object-3d-description__price { padding-left: 15px; } .price-of-object-3d { display: none; color: #D43721; font-weight: 600; font-size: 24px; line-height: 28px; } .price-of-object-3d.active { display: block; } .object-card-seen { background: #FBF9F7; } .object-3d-card--seen { width: 360px; padding-bottom: 20px; background: #fff; } .description-text-paragraph:not(:last-of-type) { margin-bottom: 16px; } .description-text-block__title { color: #000; font-weight: 600; font-size: 18px; } .review-block--baykal { display: none; } /* hover */ .table-row:hover { background: #FBF9F7; } /* * RESPONSIVE * */ @media screen and (max-width: 1150px) { .review-block--baykal { display: block; margin-bottom: 50px; } .review-block { max-width: 760px; } .alike-objects-block--1150px { display: flex; justify-content: space-between; flex-wrap: wrap; } .object-card-alike { width: 360px; } } @media screen and (max-width: 800px) { .review-block { margin: 0 auto; max-width: 360px; } } @media screen and (max-width: 630px) { .gallery-images__image, .d3-picture-block img { width: 90px; } } @media screen and (max-width: 570px) { .description-block__table-wrapper { overflow-x: scroll; } .description-block__table { width: 800px; } } @media screen and (max-width: 375px) { .price-of-object { font-size: 14px; } .description-block__table { font-size: 12px; } .button-baykal a::before { left: 15px; } .button-baykal:hover a::before { left: 15px; } } @media screen and (max-width: 330px) { .button-baykal a { padding: 13px 0; } .button-baykal a::before { display: none; } .button-baykal:hover a::before { display: none; } } /* End */ /* Start:/local/templates/monolite_new/css/aprelevka.css?174946740712338*/ /* * GENGERAL * */ img { border-radius: 5px; } .crumbles { padding: 13px 0 15px; } .crumbles a { font-size: 14px; font-weight: 400; color: #99938E; } .crumbles__slesh { margin: 0px 10px; color: #99938E; } .main-title { font-weight: 600; font-size: 30px; line-height: 40px; color: #252362; } .main_block { max-width: 800px; margin-right: 30px; } .main-image { margin-bottom: 15px; cursor: pointer; } .main-image img { width: 100%; } .gallery-block { max-width: 100%; border-radius: 5px; padding: 15px; background: #FBF9F7; margin-bottom: 40px; } .gallery-swiper { display: flex; justify-content: center; } .gallery-swiper__image-wrapper { width: 160px; height: 110px; } .gallery-swiper__image { border-radius: 5px; width: 100%; } .description-block { border-radius: 5px; padding: 13px 5px 5px; background: #FBF9F7; } .description-list { background: #fff; border-radius: 5px; padding: 15px 5px; } .description-list__item { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 0 10px; margin: 10px 0; } .description-list__item:hover { background: #FBF9F7; } .description-list__id { color: #D43721; } .section-title { font-weight: 600; font-size: 24px; line-height: 28px; color: #252362; } .side-bar-title { font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; padding-left: 15px; } .reviews-wrapper, .this-object-project-wrapper { display: none; } .application__form { max-width: 100%; padding: 40px 145px 50px 134px; } .application__form .label { margin-bottom: 15px; display: block; } .application__button { max-width: 315px; margin: 0 auto; background: #d53721; border-radius: 5px; text-align: center; cursor: pointer; } .application__button input { background-color: #d53721; font-weight: 600; font-size: 16px; line-height: 24px; color: #ffffff; padding: 15px 0; cursor: pointer; } /* * SPECIFIC * */ .offer-wrapper { display: flex; } .offer-title { margin-bottom: 23px; } .gallery-images__image-wrapper { transition: .3s; border: 2px solid transparent; border-radius: 5px; } /* hover */ .gallery-images__image-wrapper:hover { transition: .3s; border: 2px solid #D43721; cursor: pointer; } /* DESCRIPTION BLOCK */ .description-block--aprelevka { margin-bottom: 30px; } .description-block__title { margin-bottom: 13px; padding: 7px 0 0 15px; } .description-wrapper { display: flex; justify-content: space-between; } .description-list--double { width: 50%; } .description-list--double:nth-child(odd) { margin-right: 10px; } .description-list__name { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #665E58; } .description-list__value { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #1A1A1A; } .description-list__id { color: #D43721; } /* FORM */ .application__form--aprelevka { margin-bottom: 50px; } .application-form__title--aprelevka { margin-bottom: 25px !important; text-align: center; } .checkbox { display: none; } .fake-checkbox { width: 14px; height: 14px; display: inline-block; /*border: 1px solid #F2ECE6;*/ border: 1px solid #adadad; position: relative; top: 2px; } .fake-checkbox-application-form { background: #fff; margin-right: 10px; } .fake-checkbox::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 8px; height: 8px; background: url('/local/templates/monolite_new/css/../img/success-icon.svg') no-repeat center center; transition: 0.3s; opacity: 0; } .fake-checkbox-row { background: #F2ECE6; margin-right: 10px; } .checkbox:checked+.fake-checkbox::before { transition: 0.2s; opacity: 1; } .personal-info--question-form { color: #fff; border-bottom: 1px solid #fff; } /*? SIMILAR SECTION */ .similar { background: #FBF9F7; padding: 42px 0; } .section-title-specific { text-align: center; margin-bottom: 13px; line-height: 34px; } .similar-objects-block { max-width: 1150px; display: flex; justify-content: space-between; } .similar-objects-block--custom { flex-wrap: wrap; justify-content: normal; row-gap: 20px; column-gap: 20px; } @media (max-width: 1150px) { .similar-objects-block--custom { justify-content: center; } } .object-card { max-width: 360px; background: #fff; border-radius: 5px; } .object-card__image { width: 100%; } .object-card__description { padding: 12px 15px; } .object-card__item:not(:last-child) { margin-bottom: 10px; } .object-card__text { font-weight: 600; font-size: 18px; color: #252362; } .squared { position: relative; bottom: 5px; font-size: 10px; } /*? SEEN SECTION */ .seen { padding: 42px 0 50px; } .seen-objects-block { justify-content: space-between; width: 1120px; display: flex; flex-wrap: wrap; } .object-card-recently { background: #FBF9F7; } /*? DESCRIPTION-TEXT SECTION */ .description-text { padding: 42px 0; background: #FBF9F7; } .description-text-paragraph { margin: 0 auto; max-width: 780px; line-height: 26px; } /*? SIDEBAR */ .review-block { max-width: 290px; background: #FBF9F7; padding: 15px 5px 20px; border-radius: 5px; } .review-block:not(:last-child) { margin-bottom: 40px; } .review-title { margin-bottom: 11px; } .video-frame { width: 280px; height: 210px; background: rgb(180, 176, 176); border-radius: 5px; } .comment-frame { width: 280px; min-height: 275px; background: #fff; border-radius: 5px; padding: 12px 15px 30px; position: relative; } .username { font-family: 'Roboto'; font-weight: 500; font-size: 16px; line-height: 30px; color: #000000; } .date { font-family: 'Roboto'; font-weight: 400; font-size: 14px; line-height: 30px; color: #665E58; } .comment { font-family: 'Roboto'; font-size: 14px; font-weight: 400; line-height: 22px; } .know-more { position: absolute; bottom: 15px; color: #D43721; background: transparent; border-bottom: 1px solid #D43721; } .project-label { background: #FFFFFF; border-radius: 5px; padding-bottom: 20px; } .project-frame { position: relative; width: 280px; height: 210px; /* background: url('/local/templates/monolite_new/css/../img/home/image5.jpg') no-repeat center top; */ border-radius: 5px; margin-bottom: 12px; } .project-frame img{ width: 280px; height: 210px; } .project-overlay { transition: 0.6s; position: absolute; bottom: 0; height: 50%; width: 100%; background: linear-gradient(180deg, rgba(47, 43, 40, 0) 0%, #2F2B28 100%); border-radius: 0px 0px 5px 5px; opacity: 0; visibility: hidden; } .project-frame:hover .project-overlay { transition: 0.6s; opacity: 1; visibility: visible; } .project-label-3d { position: absolute; top: 0; right: 0; width: 120px; padding: 12px 0 8px; background: #FFD200; border-radius: 0px 5px; text-align: center; } .project-label-3d__text { font-size: 14px; line-height: 24px; } .project-overlay__list { position: relative; top: 70px; display: flex; padding-left: 20px; } .project-overlay__item { display: flex; align-items: center; } .project-overlay__item:not(:last-child) { margin-right: 18px; } .project-overlay__icon { margin-right: 7px; display: block; } .project-overlay__icon--metre { background: url('/local/templates/monolite_new/css/../img/icons/s.svg') no-repeat center center; width: 18px; height: 18px; } .project-overlay__text { display: block; color: #fff; } .project-overlay__icon--bedroom { background: url('/local/templates/monolite_new/css/../img/icons/bed.svg') no-repeat center center; width: 18px; height: 18px; } .project-overlay__icon--bath { background: url('/local/templates/monolite_new/css/../img/icons/bath-icon.svg') no-repeat center center; width: 18px; height: 18px; } .project-description__info { margin: 10px 10px 15px; } .project-description__select-btn-wrapper { background: #F2ECE6; border-radius: 14px; width: 90%; width: 260px; } .select-btn { background: #F2ECE6; border-radius: 14px; color: #D43721; padding: 3px 5px 3px 7px; font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; } .select-btn.active { background: #D43721; color: #fff; } .project-description__price { padding-left: 15px; } .price-of-project { display: none; color: #D43721; font-weight: 600; font-size: 24px; line-height: 28px; } .price-of-project.active { display: block; } /* GALLERY SLIDER */ .gallery-images { display: flex; justify-content: center; } .gallery-images__image-wrapper { /* width: 160px !important; */ } .gallery-images__image { border-radius: 5px; width: 100%; } .gallery-swiper-buttons { margin: 0 auto; height: 100%; width: 95%; } .gallery-swiper-button { position: relative; } .gallery-swiper-button-pre { top: 40px; left: -15px; } .gallery-swiper-button-nex { top: 40px; left: 15px; } /* SIMILAR OBJECT SLIDER */ .similar-objects-slider { overflow: hidden; } .similar-objects-buttons { margin: 40px auto 0; } /* * RESPONSIVE * */ /*? GENERAL */ @media screen and (max-width:450px) { .section-title { text-align: left; padding-left: 15px; } .offer-title { margin-bottom: 0; } } @media screen and (max-width:426px) { .main-title { font-size: 24px; line-height: 34px; } } /*? OFFER SECTION */ @media screen and (max-width: 1150px) { .offer { margin: 0 auto; width: 85%; } .sidebar { display: none; } .reviews-wrapper { display: flex; justify-content: space-around; margin-bottom: 40px; } .this-object-project-wrapper { display: block; width: 290px; margin-bottom: 40px; } .object-card:not(:last-child) { margin-bottom: 20px; } } @media screen and (max-width:992px) { .offer { width: 100%; margin: 60px auto 0; } } @media screen and (max-width: 830px) { .main_block { margin: 0 auto; } .main_block { max-width: 99%; } .this-object-project-wrapper { margin: 0 auto 40px; } .application__file, .application__agreement { text-align: center; } } @media screen and (max-width: 720px) { .application__form { padding: 40px 72px 50px 67px; } } @media screen and (max-width: 630px) { .gallery-swiper-button { display: none; } .description-wrapper { display: block; } .description-list { width: 100%; } .reviews-wrapper { max-width: 345px; display: block; margin: 0 auto 40px; } .review-block { max-width: 100%; } .comment-frame, .video-frame { width: 100%; } .gallery-images__image-wrapper { width: 100px !important; height: 70px !important; } .gallery-swiper-button-pre { top: 25px; left: -15px; } .gallery-swiper-button-nex { top: 25px; left: 15px; } } @media screen and (max-width: 522px) { .application__form { padding: 10px 20px 40px 20px; } } @media screen and (max-width: 426px) { .offer { margin: 40px auto; } } /*? SIMILAR SECTION */ @media screen and (max-width: 1150px) { .similar-objects-slider { width: 100%; position: relative; left: 18px; } } @media screen and (max-width: 630px) { .similar-objects-buttons { display: none; width: 100%; position: relative; left: 18px; } } /*? SEEN SECTION */ @media screen and (max-width: 1150px) { .seen-objects-block { width: 760px; margin: 0 auto; } } @media screen and (max-width: 800px) { .seen-objects-block { width: 360px; } } @media screen and (max-width:425px) { .section-title-seen { padding-left: 15px; } } @media screen and (max-width: 400px) { .seen-objects-block { width: 95%; } } /* End */ /* Start:/local/templates/monolite_new/template_styles.css?174313960934418*/ .bottom_text_hidden { display: none; } @media (min-width: 992px) and (max-width: 1380px) { .btn-calculator { /*top: 530px !important;*/ top: 190px !important; } } @media (max-width: 992px) { .header-list__linkCall { display: none!important; } } element.style { user-select: none; position: relative; overflow: hidden; width: 796px; height: 520px; } .spritespin { cursor: url(/local/templates/monolite_new/img/cursor-grab.png), url(/local/templates/monolite_new/img/cursor-grab.cur), e-resize; } .spritespin:before { content: ''; position: absolute; left: 50%; top: 0; background: url(/local/templates/monolite_new/img/360-big.png) center no-repeat; width: 68px; height: 68px; margin-left: -34px; z-index: 100; } .review-block { width: 290px; } @media (max-width:630px) { .review-block { max-width: 100%; width: 100%; } } .review-block .popular-tabs__item { font-size: 13px; } .button-baykal a::before { left: 15px; } .button-baykal a { padding: 13px 15px 14px 50px; } .ak-slider { overflow: hidden; } .ak-slide-wrapper { width: 92%; margin: 15px auto; overflow: hidden; } .ak-str { position: relative; } .ak-slider .swiper-button-pre, .ak-slider .swiper-button-nex { top: 30%; } .ak-galimg-wrapper, .ak-gligh { position: relative; } .ak-ytube { position: absolute; top: 40%; left: 40%; width: 30px; } .ak-ytube2 { position: absolute; top: 40%; left: 40%; } .ak-galflex .left { display: flex; justify-content: space-between; width: 100%; margin: 20px 0; } .ak-galflex a { color: #000; } @media (max-width: 992px) { .header-list__list { max-height: 650px !important; } } /*april 2022 */ .ak-left { text-align: left; margin-bottom: 30px; } .gallery-block { padding-bottom: 0; } h2.section-title { font-size: 18px; margin-bottom: 15px; margin-top: -8px; } .offer { padding-bottom: 0px; } h2.section-title-specific { font-size: 24px; margin-top: -3px; margin-bottom: 36px; } .comment a.readmore, .review_more a.hidemore { color: #D43721; text-decoration: underline; margin-top: 15px; display: block; } .project-frame .project-overlay { transition: 0.6s; opacity: 1; visibility: visible; } .spritespin { max-width: 100%; height: auto !important; padding-bottom: 65%; } .spritespin .spritespin-stage, .spritespin .spritespin-stage img { height: auto !important; } .square { margin-top: 30px; } .ak-obj { font-size: 18px; } .ak-htable { font-size: 24px !important; text-align: left; } .description-text h2.section-title-specific { margin-bottom: 0; } #similar2 { background: #fff; } .offer-wrapper .description-block { padding: 13px 0px 5px; background: #FBF9F7; } .offer-wrapper .description-wrapper { /*margin: 0 5px 0;*/ margin: 0 5px 5px; } @media (max-width: 600px) { .offer-wrapper .description-list:last-child { margin-top: -40px; } .price-of-object { font-size: 14px; } .ak-slide-wrapper { overflow: visible; } .swiper-button-pre, .swiper-button-nex { display: none; } .ak-str { margin-left: -16px; } .ak-ytube2 { top: 30%; } .this-object-project-wrapper { width: 100%; } .project-frame { width: 330px; height: 248px; margin: 0 auto; } .project-frame img { width: 330px; height: 248px; } .seen-objects-block .object-card { max-width: 100%; width: 100%; } } @media (max-width: 426px) { .offer { margin-bottom: 10px; } } /*Правки 10-04*/ .ak-bmap { max-width: 350px; } .ak-bmap a { padding: 13px 51px; } #square { padding: 0; } .metors { margin-top: 12px; } .area-house-choice { margin-top: 2px; } .offer { margin-top: 0; } body { overflow-x: hidden !important; } .ak-mobile { display: none; } .similar-objects-buttons .swiper-button-pre, .similar-objects-buttons .swiper-button-nex { top: 0%; } .object-3d-frame .object-3d-overlay { opacity: 1; visibility: visible; } .spritespin::before { z-index: 3; } .seen-objects-block img { width: 360px; height: 287px; } @media (max-width: 1145px) { .ak-desktop { display: none; } .ak-mobile { display: block; } .description-block--baykal .description-block__title { margin-bottom: 50px; font-family: 'Manrope'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 28px; padding-top: 0; padding-bottom: 0; } } @media (max-width: 600px) { .seen-objects-block img { width: 100%; height: auto; } } /*Таблица*/ .description-table { /* margin-bottom: 30px; */ background: #fff !important; } .description-block__table { /* border: 1px solid #F2ECE6; */ } .first-clmn { min-width: 100px; } .cell { border-bottom: 1px solid #FBF9F7; padding: 16px 10px; /* min-width: 95px; */ /*Увеличение ширины таблицы 14 апреля*/ min-width: 165px; color: #1A1A1A; font-weight: 400; } .first-clmn { min-width: 100px; } tr.table-row:hover .cell, tr.table-row:hover .for-spacing { background: #FBF9F7!important; } @media (max-width: 900px) { .cell { border-bottom: 1px solid #FBF9F7; padding: 16px 10px; min-width: 95px; } .first-clmn { min-width: 100px; } } @media (max-width: 730px) { .cell { padding: 16px 5px; font-size: 12px; } } .price-of-object { font-size: 14px; } @media (max-width: 700px) { .description-block__table { font-size: 12px; } .first-clmn { font-size: 12px; } .price-of-object { font-size: 14px; } } @media (max-width: 570px) { .description-block__table-wrapper { overflow-x: scroll; } .description-block__table { width: 500px; } } @media (max-width: 395px) { .description-block__table { width: 375px; } } /* 2 */ input[type='file'] { opacity: 0; cursor: pointer; width: 140px; height: 25px ; font-size: 0; position: absolute; } /* 3 */ .description-list__value { max-width: 230px; text-align: right; } /* 4 */ .description-list__name { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #665E58; } .description-list__value { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #1A1A1A; } .username, .date, .comment, .description-block__table { font-family: 'Roboto', sans-serif; } .description-list__value { max-width: 230px; text-align: right; } /*Блоки универсальные*/ .develop-detail { display: flex; width: 100%; border: 2px solid #F2ECE6; height: auto; border-radius: 5px; margin-top: 50px; font-family: 'Manrope'; } .develop-detail-img{ width: 360px; height: 270px; border-radius: 5px; margin: top; } .develop-roof-img { width: 532px; height: 266px; border-radius: 5px; margin: top; } .develop-detail--block { padding: 25px 30px; } .develop-detail--roof { padding: 23px 33px 54px; } .develop-detail-title { font-size: 24px; line-height: 34px; color: #D43721; font-weight: 600; } .develop-detail-text { font-weight: 400; font-size: 16px; line-height: 26px; color: #1A1A1A; padding: 15px 0; } .develop-detail-link { font-weight: 400; font-size: 16px; line-height: 28px; color: #D43721; border-bottom: 1px solid #D43721; } .reverse-detail { flex-direction: row-reverse; } .reverse-roof { flex-direction: row-reverse; } .develop-detail-title-block { display: flex; align-items: center; } .develop-detail-vector { width: 24px; height: 20px; margin-right: 19px; } .title-del { color: #252362; } .develop-detail--reverse { padding: 24px 30px 32px; width: 100%; /*ДОП*/ } .develop-detail-title-end, .develop-detail-title-end--start { display: none; } @media (max-width : 992px) { .develop-detail--block, .develop-detail--reverse { padding: 15px 20px ; /*25px*/ } .develop-roof-img { width: 460px; height: 290px; } } @media (max-width: 768px) { .develop-detail-title, h2 { font-size: 22px; line-height: 30px; } .develop-detail-text { font-size: 14px; padding: 13px 0; text-align: left; } .develop-detail-title-end, .develop-detail-title-end--start { display: block; } .develop-detail-title-block { display: none; } .develop-detail { flex-direction: column; text-align: left; } .develop-detail-title-end { display: flex; align-items: center; padding: 24px 30px; } .develop-detail-img { margin-left: 20px; } .develop-detail--reverse { padding: 13px 20px; } .title-start { padding: 20px 23px 11px ; } .develop-roof-img { width: 410px; height: 250px; } .develop-detail-link { font-size: 14px; } } @media (max-width: 425px) { .develop-detail-img { width: 335px; height: 250px; } .develop-detail-img { /* margin-left: 5px; */ margin-left: 0; } .develop-roof-img { width: 335px; height: 190px; } .develop-detail-img { /* max-width: 270px; height: 200px; */ height: auto; width: 100%; } .develop-roof-img { /* width: 270px; height: 140px; */ height: auto; width: 100%; } } @media (max-width: 375px) { .develop-detail-img { /* max-width: 270px; height: 200px; */ height: auto; width: 100%; } .develop-roof-img { /* width: 270px; height: 140px; */ height: auto; width: 100%; } } @media (max-width: 310px) { .develop-detail-img { max-width: 250px; height: 170px; } } /*Шаблон таблицы*/ .cost-of-building-title { margin-bottom: 15px; font-weight: 600; font-size: 24px; line-height: 28px; color: #252362; } .cost-of-building-text { font-size: 16px; margin-bottom: 25px; } .description-block { /* max-width: 780px; */ max-width: 100%; } .description-block--baykal {} .table-title { font-family: 'Manrope'; font-size: 18px; font-weight: 600; line-height: 28px; color: #252362; padding-left: 14px; margin-bottom: 8px; } .description-block__title {} .description-wrapper { font-family:'Roboto', sans-serif; } .description-list { padding: 2px 15px; } .description-list__item:not(:last-of-type) { border-bottom: 1px solid #F2ECE6; padding: 10px 0px; margin: 0; } .description-list__item:last-of-type { padding: 15px 0px; margin: 0; } .description-list__value--conclusion { color: #D43721; } .description-list__value--baykal { width: 30%; } .description-list__name--baykal { width: 70%; } .conclusion-block { /* max-width: 780px; */ width: 100%; display: flex; justify-content: space-between; border-bottom: 2px solid #F2ECE6; padding: 0px 20px 20px; } .conclusion-block__text { display: block; font-size: 18px; font-weight: 600; } .conclusion-block__number { display: block; /* font-family: 'Roboto'; */ font-size: 24px; font-weight: 600; color: #D43721; line-height: 28px; } .squared-one { padding-left: 5px; } @media (max-width: 768px) { .cost-of-building-title { font-size: 22px; line-height: 30px; } } @media screen and (max-width: 450px) { .description-list__item { display: block; } .description-list__name--baykal { display: block; width: 100%; margin-bottom: 5px; } .description-list__value--baykal { width: 100%; } .description-list__name--baykal { width: 100%; } .description-list__value { text-align: left; display: block; } .conclusion-block { display: block; } .conclusion-block__text { color: #252362; width: 100%; margin-bottom: 5px; } .conclusion-block__number { width: 100%; } .cost-of-building-text { font-size: 14px; } } /*БЛОК ДОКУМЕНТЫ*/ .section_doc_content .btns { text-align: left; margin-bottom: 20px; text-align: center; } .section_doc_content .btns .btn { background: #dc6655; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); text-align: center; text-decoration: none; border-radius: 3px; color: #fefefe; font: 400 14px Manrope; transition: .2s; width: 210px; height: 38px; line-height: 38px; display: inline-block; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; } .section_doc_content .btns .btn:hover { background: #d4432c; } .text_content_block div, .text_content_block li, .text_content_block ol, .text_content_block p, .text_content_block ul { font-size: 16px; line-height: 26px; color: #1a1a1a; padding: 0; } /*Калькулятор*/ .btn-calculator { position: fixed; right: 0; top: 10%; width: 125px; background: #039F9B; border-radius: 5px 0px 0px 5px; padding: 15px 10px 16px; z-index: 999; } .calculator { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #close { background: #039F9B; z-index: 2; width: 13px; height: 13px; } .close-calculator { width: 13px; height: 13px; } .calculator-text { font-family: 'Manrope'; padding-top: 10px; text-align: left; font-size: 14px; line-height: 18px; color: #FFFFFF; } .mobile-calkulator { display: none; } @media (max-width: 768px) { .btn-calculator { display: none; } .mobile-calkulator { display: flex; position: fixed; left: 10%; bottom: 0; background: #039F9B; border-radius: 5px 5px 0px 0px; padding: 5px 10px 3px; z-index: 9999; } .calculator-mobile{ display: flex; justify-content: space-between; align-items: center; } .calculator-text { padding: 5px 10px; } #close-mobile { display: block; background: #039F9B; } } .dropdown__list--visible span { display: inline-block; width: 100%; white-space: nowrap; } /*Блок Видео*/ .ak-compvideo { margin: 15px auto; position: relative; z-index: 0; } .ak-compvideo .recommendations-item__img img, .ak-compvideo .recommendations-item__text { width: 100%; max-width: 100%; } .ak-compvideo .recommendations-item__text { background: #FBF9F7; padding: 5px 10px; border-radius: 5px; } .ak-compvideo .recommendations-item__text { padding-top: 12px; font-size: 14px; line-height: 24px; color: #665E58; max-width: 100%; margin: 0 auto; } /*Хлебные крошки*/ .ak-noimg .breadcrumb li, .ak-noimg .breadcrumb li a { color: #a6a6a6; } /*Правки 21-04*/ .ak-projects .ak-pagin { margin-top: 35px; } .price-of-object { color: #D43721; font-size: 16px; font-weight: 500; } .footer { /* overflow-x: hidden; */ width: 100%; margin: 0 auto; } /*КОМПОНЕНТ ВИДЕООТЗЫВОВ*/ .ak-videopage { display: flex; flex-wrap: wrap; padding: 0; } .vpgitem__block { position: relative; width: 365px; margin-bottom: 10px; margin-right: 10px; } .vpgitem__block .recommendations-item__img img { max-width: 365px; width: 100%; } @media (max-width: 1125px) { .ak-videopage { padding: 0 15px; justify-content: center; margin: 0 10px 10px 10px; } .vpgitem__block { margin: 0 10px 10px 10px; } } @media (max-width: 768px) { .ak-videopage { padding: 0 15px; justify-content: center; } .vpgitem__block { margin: 0 0px 10px 0px; } } @media (max-width: 390px) { .vpgitem__block { width: 100%; } } /*КОМПОНЕНТ ОТЗЫВОВ*/ .ak-otzovy { padding: 35px 55px; border: 1px solid #548e9e; } .ak-otzovy .slide { width: 100%; padding: 30px 0; min-height: 250px; } .ak-otzovy .slide .img { width: 182px; height: 182px; overflow: hidden; border-radius: 50%; float: left; } .ak-otzovy .slide .desc.with-img { margin-left: 212px; } .ak-otzovy .slide .desc .name { font-size: 20px; padding: 0; font-weight: 600; } .ak-otzovy .slide .desc .date { color: #a9a9a9; font-size: 16px; display: inline-block; float: right; padding: 10px 0 0; } .ak-otzovy .slide .desc .text { font-size: 16px; margin-top: 18px; } .ak-otzovy .slide .desc .text .readmore { margin-top: 25px; display: inline-block; color: #D43721; text-decoration: underline; } .ak-otzovy .slide .desc .text .readmore_link { margin-top: 25px; display: inline-block; color: #D43721; text-decoration: underline; } .ak-otzovy .slide .review_more, .ak-otzovy .slide .review_more_block { display: none; } .ak-otzovy .desc .text .hide, .ak-otzovy .desc .text .hide_link { margin-top: 15px; display: inline-block; color: #D43721; text-decoration: underline; } .ak-otzovy .slide .desc .text .object { margin-left: 50px; text-decoration: underline; color: #322f2f; } .ak-otzovy .slide::after { content: ''; display: block; clear: both; } @media (max-width: 639px) { .ak-otzovy { padding: 0 15px; } .ak-otzovy .slide { height: auto; } .ak-otzovy .slide .img { float: none; margin-left: auto; margin-right: auto; } .ak-otzovy .slide .desc.with-img { margin-left: 0; } } /*КАЛЬКУЛЯТОР*/ .ak-calc .main_block{ margin: 25px auto; } .ak-calc .section_calc { width: auto; margin: 0 auto; } .section_calc_result .wrapper .top_row .date .val, .section_calc_result .wrapper .top_row .square .val, .section_calc_result .wrapper .top_row .tip_doma .val, .section_calc_result .wrapper .top_row .udalyonnost .val { display: inline-block; margin: 0 0 0 7px; height: 32px; line-height: 30px; border: 1px solid #cdcdcd; padding: 0 10px; font-size: 13px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 170px; } .section_calc_result .wrapper .top_row .date, .section_calc_result .wrapper .top_row .square, .section_calc_result .wrapper .top_row .tip_doma, .section_calc_result .wrapper .top_row .udalyonnost { float: left; margin-right: 20px; font-size: 13px; line-height: 32px; } .ak-calc .square { margin-top: -10px; background: none; } .section_calc_result table td { font-size: 13px; } .section_calc_result table td.res_td { padding: 10px 0 10px 10px; width: 145px; vertical-align: middle; } .section_calc_result table td .result, .section_calc_result table td .selected { font-size: 13px; } .section_calc_result table td div { font-size: 13px; } .section_calc_result .wrapper .top_row .date .val, .section_calc_result .wrapper .top_row .square .val, .section_calc_result .wrapper .top_row .tip_doma .val, .section_calc_result .wrapper .top_row .udalyonnost .val { max-width: 320px; } .section_calc_result .wrapper { padding: 16px 20px 22px; } .top_row { display: flex; flex-wrap: wrap; } .section_calc .top_row .dist { margin-top: 5px; /*!!!!!!!!!!!!!!!!!!! */ } @media (max-width: 1067px) { .ak-calc .square, .ak-calc .date, .ak-calc .udalyonnost, .ak-calc .tip_doma { margin-bottom: 20px; } } @media (max-width: 405px) { .section_calc_result .left .selected, .section_calc_result .right .selected { width: 320px; } .section_calc_result .wrapper { padding: 0px; border: 0; } } /*правки калькулятор 30-04-2022*/ /*.section_calc_result .right tr:nth-child(4) { display: none; } */ .section_calc_result .btns { margin-top: 82px } @media (max-width: 1180px) { .section_calc_result .btns { margin-top: 30px } } /************************************/ @media (max-width: 479px) { .section_calc .top_row .dist, .section_calc .top_row .square { width: 100%; } .section_calc .top_row .dist input, .section_calc .top_row .dist select, .section_calc .top_row .square input, .section_calc .top_row .square select { width: 90% !important; } } /*Статьи************************************/ .section_blog_category .post { box-shadow: 0 -2px 5px rgba(0, 0, 0, .1); padding: 0; border: 1px solid #e5e5e5; margin-top: 20px; } .section_blog_category .post .image { float: left; width: 252px; } .section_blog_category .post .image img { display: block; width: 252px; height: 160px; border-radius: 0px; } .section_blog_category .post .desc { padding: 23px 20px 0 30px; margin-left: 252px; } .section_blog_category .post .desc .name { font-size: 18px; color: #574343; text-transform: uppercase; text-decoration: none; } .section_blog_category .post .desc .intro { font-size: 14px; color: #989797; margin-top: 14px; height: 45px; overflow: hidden; margin-bottom: 14px; } .section_blog_category .post .desc .more { font-size: 14px; color: #D43721; text-decoration: underline; margin-bottom: 11px; display: block; } /*Пагинация в статьях***********************************************************************/ .ak-pgst a { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; border-right: 0; position: relative; padding: 0 10px; z-index: 1; color: #000; } .ak-pgst .modern-page-title { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; position: relative; padding: 0 10px; z-index: 1; } .ak-pgst .modern-page-current:not(:last-child), .ak-pgst a:not(:last-child) { border-right: 1px solid #cdcdcd !important; } .ak-pgst .modern-page-current { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 19px; margin-right: -1px; position: relative; padding: 0 10px; z-index: 1; color: #dc6655; font-weight: bold; } /*************************************************************************/ @media (max-width: 726px) { .section_blog_category .post .image { float: none; margin: 0 auto; display: block; width: 100%; } .section_blog_category .post .image img { width: 100%; height: auto; } .section_blog_category .post .desc { margin: 0; padding: 15px; } } .ak-book a:hover { text-decoration: underline; } .ak-book ul{ color: #0075FF; } .benefits-slider__button a { color: #d43721 !important; } .benefits-slider__button a:hover, .benefits-slider__button button:hover { color: #FFF !important; text-decoration: none !important; } /*КОНТАКТЫ*/ .ak-ymaps { position: relative; width: 100%; padding-bottom: 0; } /*Правки 03.05.22*/ @media (max-width: 639px) { .ak-pgobjects .object .main_img img { width: 100%; } } @media (max-width: 390px) { .ak-pgobjects .object { width: 340px; } } @media (max-width: 370px) { .ak-pgobjects .object { width: 100%; } } @media (max-width: 992px) { .header-list__link, ul.header-list__list li a { display: inline-block; width: 100%; } } /*ошибки 11-05-2022*/ @media (max-width: 600px) { .offer-wrapper .description-block--aprelevka .description-list:last-child { margin-top: 1px; } } /*Отключить личный кабинет*/ .header__connection { justify-content: flex-end; } .header__connection .header__personal { display: none; } /**/ .calculator_2 h3 { font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; } .btn-calculator { top: 93px; } .recommendations__popup { padding: 15px; } .recommendations-popup__content { width: 1000px; } .ak-wrcomopj { background-color: #FBF9F7; padding: 15px 0 35px 0; margin: 15px 0; } .ak-pad-text { margin-top: 15px; } .ak-opbj { margin-bottom: 15px; } @media (max-width: 1000px) { .recommendations-popup__content { max-width: 400px; } } .ak-compobjcont .object-card { margin-right: 10px; margin-bottom: 10px; } /***********************01-2023**************************************************/ .header__top .header__list { padding-left: 60px; } .ak-mb-top23 { display: flex; } .ak-mb-strelka { padding: 15px 10px 0 11px; cursor: pointer; border-left: 1px solid #99938E; width: 35px; } .ak-else-button { display: none; } .ak-acalc { display: flex; } .ak-acalc { display: flex; white-space: nowrap; font-size: 14px; line-height: 18px; color: #252362; transition: 0.2s; margin-right: 0; align-items: center; text-decoration: none; } .ak-project2023 { height: 36px; } .ak-project2023 .mb-header__bottom-link { display: flex; white-space: nowrap; font-size: 14px; color: #252362; transition: 0.2s; padding-top: 5px; transition: 0.2s; font-weight: 300; height: 36px; border: none; padding-bottom: 9px; } .ak-prjd2023 { border-bottom: dashed 1px #252362; padding-bottom: 0; transition: 0.2s; color: #252362; display: inline-block; } .ak-acalc .header__ordercalc-span { border-bottom: dashed 1px #252362; padding-bottom: 0; transition: 0.2s; color: #252362; } .mb-header { height: 158px !important; background-color: #FBF9F7 !important; } .mb-header__burger div { width: 20px !important; background-color: #2F2B28 !important; } .mb-header__burger .burger-line-1 { margin-top: 2px !important; } .mb-header__burger .burger-line-3 { margin-bottom: 2px !important; } .project-column__items li > a { font-size: 14px !important; } /******mobile******/ @media (max-width: 1060px) { .ak-else-button .header__search-wrap { min-width: 100%; } .mb-header .header__wishlist, .mb-header__link--wa { margin-right: 17px !important; } .mb-header__top { margin-bottom: 15px !important; } .header__logotype { margin-left: 15px; } .ak-kn2023 { display: flex; background: #FFFFFF; border: 1px solid #99938E; border-radius: 5px; } .ak-kn2023a { width: 134px; text-align: center; padding-left: 10px; } .header-list { background-color: #fbf9f7; opacity: 0; visibility: hidden; position: absolute; z-index: 5; } .ak-noimg { padding-top: 75px; } .ak-else-button .header__search-form { display: block; border: 1px solid #99938E; border-radius: 5px; } .search-form--mobile { display: none !important; } .header__wishlist-svg { margin-right: 0 !important; } .header__wishlist-span { display: none; } .mb-header__bottom-right { display: flex; } .ak-else-button { display: block; margin-top: 15px; } .construction__block h1 { margin-top: 125px !important; } } @media (max-width: 992px) { .ak-noimg { padding-top: 15px; } } @media (max-width: 600px) { .construction__block h1 { font-size: 20px; line-height: 24px; } } @media (max-width: 400px) { .construction__block h1 { font-size: 18px; line-height: 22px; } } /********О компании 2023*********/ .ak-mobile-2023 { display: flex; justify-content: space-between; margin-top: 28px; width: 1150px; padding: 0 30px 0 0; } .ak-menu-btn2023 { color: #2F2B28; font-size: 14px; background-color: #E3F3F3; border-radius: 5px; padding: 7px 12px 7px 12px; } .ak-menu-btn2023 a { color: #2F2B28 !important; font-size: 14px; line-height: 24px; text-decoration: none; font-weight: 400; } .ak-menu-btn2023 a:hover { text-decoration: none !important; } .ak-menu-btn2023:hover { background-color: #C1EAEA; } .ak-active { background-color: #252362; color: #FFFFFF; } .ak-active:hover { background-color: #252362; } .ak-active a { color: #FFFFFF !important; } .ak-menu-ytube2023 { border: 1px solid #D9CEC3; background: #FBF9F7; /*margin-left: 30px;*/ padding: 0px 12px; } .ak-menu-ytube2023:hover { background: #FBF9F7; } .ak-svg2023a { display: flex; } .ak-svg2023 { padding-top: 9px; margin-right: 6px; } .ak-svg2023-2 { padding-top: 7px; } .ak-ytube2023mb { display: none; } @media (max-width: 1150px) { .ak-mobile-2023w { width: 100%; overflow-x: auto; } .ak-mobile-2023w::-webkit-scrollbar { display: none; } .ak-mobile-2023 { margin: auto; margin-top: 20px; } } @media (max-width: 1060px) { .ak-mobile-2023 { margin-top: 70px; } } @media (max-width: 992px) { .ak-ytubepc2023 { display: none; } .ak-mobile-2023 { justify-content: flex-start; max-width: 920px; } .ak-menu-btn2023 { margin-right: 10px; } .ak-mobile-2023 { margin-top: 30px; } .ak-company h1 { margin: 37px 0 12px 0; } .ak-ytube2023mb { display: block; max-width: 196px; margin-top: 130px; margin-left: 0; } } /*SEARCH 2023*/ .ak-search2023 { width: 26px; height: 26px; /*margin-right: 17px !important;*/ cursor: pointer; } .mb-header { height: 108px !important; } @media (max-width: 1200px) { .hero-style { margin-bottom: 180px; } } @media (max-width: 768px) { .hero-style { margin-bottom: 450px; } } @media (max-width: 375px) { .hero-style { margin-bottom: 400px; } } /*.catalog-item__tabs-price { text-align: center; }*/ .ak-days { display: inline-block; padding-top: 2px; height: 13px; } .ak-days svg { display: block; } .catalog-item__tab svg.ak-svgtab { fill: #D43721; display: inline-block; margin-bottom: -3px; } .catalog-item__tab.active svg.ak-svgtab { fill: white; } .ak-price2023 { font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 34px; color: #665E58; } .catalog-item__tabs-limit { font-size: 12px !important; } .catalog-item__tabs-days { font-size: 14px !important; } @media (max-width: 510px) { .catalog-item__tabs-item.active { display: block !important; } } .catalog-item__id { color: #252362 !important; } .calc_active_tab_price { background: #F2ECE6; color: #D43721; } .calc_active_tab_price .result_calc_block_steps_title, .calc_active_tab_price .result_calc_block_steps_value { color: #D43721; } .cursor_pointer { cursor: pointer; } .calc_project_container { max-height: 330px; } .calc_active_tab_price { background: #FBF9F7; } .result_calc_block .result_calc_sum_total { font-size: 16px; font-family: "Manrope"; color: #252362; background: #F2ECE6; } .result_calc_block .result_calc_sum_title { font-size: 13px; font-family: "Manrope"; color: #665E58; font-weight: 400; } .smeta_detail_btn_bl .detail-consult__btn2 { /* background-color: #039F9B !important; */ background-color: #D43721 !important; color: #fff !important; border: 2px solid #D43721; !important; } .result_calc_block_steps_value { font-weight: 400; } .result_calc_block .result_calc_sum_title { font-weight: 600; } .result_calc_block_steps .result_calc_block_steps_row { margin: 0px 0; } @media (max-width: 664px) { .modal_header-order.active .header_order_res_ok { top: 400px; } .modal_header-order.active. .header_order_res_ok .header-order__title { font-size: 16px; line-height: 24px; } } @media (max-width: 624px) { .modal_header-order.active .header_order_res_ok .header-order__content { padding-right: 45px; } } @media (max-width: 1148px) { .only_mobile .light_form_block { margin: 0 auto; } } .light_form_title { line-height: 32px; } .light_form_text { font-size: 14px; line-height: 20px; color: #252362; padding-bottom: 10px; } .ak-fr24 { font-size: 14px; line-height: 20px; color: #252362; font-weight: 100; margin-top: 10px; } /**/ .result_calc_block .result_calc_sum_total { margin-top: 0; } .offer-wrapper .description-wrapper { background: #fff; padding-bottom: 10px; } .description-block--baykal .description-wrapper.description-wrapper--margin { margin-bottom: 0; } .description-wrapper .description-list--budget { margin-top: 0px; } .result_calc_block .result_calc_sum_total { background: #FBF9F7; } .light_form_file { text-align: left; } .light_form_block { background-color: #FBF9F7; } .light_form_input_wr input { background: #FFF; } .light_form_textarea_wr.on__comm textarea { background: #FFF; } @media (max-width: 830px) { .offer-wrapper .description-wrapper { padding-bottom: 10px; } } .header__bottom-menu .header__bottom-menu--dropdown .dropdown-menu { z-index: 500; } .proj_sect_banner { display:flex; width: 100%; color: #ffff; margin-bottom: 20px; } .flex-fill { flex: 1 1 auto !important; } .proj_sect_banner_content { background-color: #d43721; border-radius: 5px 0 0 5px; } .proj_sect_banner_title { font-family: 'Manrope'; font-weight: 700; font-size: 30px; line-height: 33px; margin-top: 68px; margin-left: 55px; } .proj_sect_banner_img { border-radius: 0 5px 5px 0!important; max-height: 306px; } .proj_sect_banner_btn { font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 24px; text-align: center; color: #FFFF; background-color: transparent; border: 1px solid #FFFF; border-radius: 5px; padding: 9px 15px; transition: all .3s; } .proj_sect_banner_btn:hover { color: #d43721; background-color: #FFFF; border: 2px solid #d43721; } .proj_sect_banner_btn_block { margin-top: 40px; margin-left: 55px; } @media (max-width: 998px) { .proj_sect_banner { flex-direction: column; max-width: 100%; } .proj_sect_banner_br { display:block!important; } .proj_sect_banner_img { border-radius: 0!important; width: 100%; max-height: 500px; height: 90%; } .proj_sect_banner_content { border-radius: 5px 5px 0 0; } .proj_sect_banner_title { margin-top: unset; margin-left: unset; padding-top: 35px; padding-left: 25px; font-size: 24px; line-height: 30px; } .proj_sect_banner_btn_block { margin-left: 25px; padding-bottom: 30px; } } /* End */ /* Start:/local/templates/monolite_new/css/galery-select.css?17388446972064*/ .home-select { padding: 10px; } .area-house { justify-content: start; } /* Selects */ .dropdown-title { margin-bottom: 11px; font-size: 14px; } .dropdown { position: relative; width: 340px; } .dropdown-wrapper:not(:last-of-type) { margin-right: 20px; } .dropdown::after { content: ""; position: absolute; right: 15px; top: 18px; width: 10px; height: 6px; background: url('/local/templates/monolite_new/css/../img/dropdown-arrow.svg') no-repeat center center; pointer-events: none; } .dropdown__btn { outline: none; background: #FFFFFF; border: 1px solid #99938E; border-radius: 5px; width: 340px; padding: 7px 35px 8px 9px; text-align: left; font-size: 14px; } .dropdown__btn:focus, .dropdown__btn--active { outline: none; box-shadow: 0px 0px 10px rgba(153, 147, 142, 0.35); } .dropdown__list { display: none; position: absolute; top: 42px; right: 0px; z-index: 11; font-size: 14px; width: 340px; } .dropdown__list--visible { display: block; } .dropdown__item:first-child { border-radius: 5px 5px 0 0; } .dropdown__item { background: #FFFFFF; border: 1px solid #99938E; border-bottom: 0; width: 100%; padding: 7px 35px 8px 9px; text-align: left; cursor: pointer; list-style: none!important; } .dropdown__item:last-child { border-radius: 0 0 5px 5px; border-bottom: 1px solid #99938E; ; } .dropdown__input { position: absolute; display: none; top: 200px; background: green; } /* hover */ .dropdown__item:hover { background: #FBF9F7; } @media screen and (max-width: 768px) { .dropdown-wrapper:not(:last-of-type) { margin-right: 0px; margin-bottom: 20px; } } @media screen and (max-width:385px) { .dropdown { width: 260px; } .dropdown__btn { width: 260px; } .dropdown__list { width: 260px; } } /* End */ /* Start:/local/templates/monolite_new/css/custom.css?175924116143001*/ body { position: relative; } .text-subtitle { text-align: center; margin-bottom: 30px; } .kint-rich { z-index: 99999; } .g-recaptcha { margin-top: 10px; margin-bottom: 15px; } .desktop-recaptcha { display: flex; justify-content: flex-end; } .g-recaptcha--error > div { border: 1px solid red; } @media (max-width: 500px) { .benefits2 { margin-top: 370px; } .g-recaptcha { transform:scale(0.77); transform-origin:0 0; } } @media(max-width: 768px) { body { padding-top: 0; } .ak-left.ak-left--custom { margin-top: 100px; } .construction__img { height: 370px; } } @media (max-width: 992px) { .construction__block h1 { margin-top: 75px; } .ak-left.ak-left--custom, .ak-noimg h1 { margin-top: 100px; } h1 { margin: 100px 0 12px 0; } .ak-calc .main_block { margin: 100px auto; } } /* NEW HEADER */ .btn-calculator { top: 144px; } .header.header--pc { z-index: 200; } .header--padding, .header.fixed { padding-top: 10px; } .header.fixed { z-index: 999; } .header__top { display: flex; justify-content: space-between; margin-bottom: 20px; } .header__top-menu { display: flex; } .header__top-menu li:not(:last-child) { margin-right: 18px; } .header__top-menu a { font-size: 14px; line-height: 24px; color: #2f2b28; } .header__top-menu a:hover { color: #d43721; } .header__top-contacts { display: flex; align-items: center; } .header__top-social { display: flex; /*margin-right: 30px;*/ } .header__top-social-link:first-child { margin-right: 20px; } .header__call { font-size: 14px; line-height: 24px; color: #2f2b28; transition: 0.2s; margin-right: 22px; } .header__call-svg { transition: 0.3s; height: 20px; width: 20px; fill: #2f2b28; margin-right: 10px; } .header__call-span { border-bottom: dashed 1px #2f2b28; padding-bottom: 0; transition: 0.2s; } .header__call:hover .header__call-span { color: #D43721; border-bottom: dashed 1px #D43721; } .header__phone { text-align: right; font-weight: 600; font-size: 18px; line-height: 24px; color: #2f2b28; white-space: nowrap; } .header__middle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .header__logotype { display: flex; align-items: center; } .header__logotype .logo { margin-right: 30px; } .header__slogan { font-size: 12px; line-height: 18px; max-width: 220px; color: #252362; } .header__search-wrap { width: 100%; max-width: 240px; } .header__search-form { display: block; /*width: 100%;*/ /*max-width: 300px;*/ background: #FFFFFF; border: 1px solid #2f2b28; border-radius: 5px; position: relative; padding: 5px 0 5px 10px; } /*.header__search-form { display: none; }*/ .search-form--mobile { display: none; border: 1px solid #F2ECE6; } .header__search-input { width: 100%; /*padding: 10px 0 10px 10px;*/ } .header__search-input::placeholder { font-weight: 400; font-size: 14px; line-height: 26px; color: #99938E; } .header-search-btn { position: absolute; top: 0; bottom: 0; right: 5px; background: none; display: flex; align-items: center; width: 16px; } .header .header__order-calc { display: flex; white-space: nowrap; font-size: 14px; line-height: 18px; color: #252362; transition: 0.2s; margin-right: 22px; align-items: center; text-decoration: none; cursor: pointer; } .header .header__order-calc:hover { text-decoration: none; } .header .header__order-calc:hover .header__ordercalc-span{ color: #D43721; border-color: #D43721; } .header .header__order-calc:hover svg path { fill: #D43721; } .header__ordercalc-svg { margin-right: 10px; max-height: 26px; } .header__ordercalc-span { border-bottom: dashed 1px #2f2b28; padding-bottom: 0; transition: 0.2s; } .header .header__wishlist, .mb-header .header__wishlist { display: flex; white-space: nowrap; font-size: 14px; line-height: 18px; color: #252362; transition: 0.2s; align-items: center; text-decoration: none; } /*.header .header__wishlist { display: none; }*/ .mb-header .header__wishlist { font-size: 12px; margin-right: 10px; } /*.mb-header .header__wishlist { display: none; }*/ .header .header__wishlist:hover { text-decoration: none; } .header .header__wishlist:hover .header__wishlist-span{ color: #D43721; border-color: #D43721; } .header .header__wishlist:hover .header__wishlist-svg{ background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8525 2.92641C10.0608 2.40286 7.86349 1.36528 5.64114 2.54702C3.28937 3.79757 2.04303 6.1119 2.00094 8.85215C1.95961 11.5434 3.32442 14.8362 6.88129 18.5866C9.33762 21.1765 11.7721 22.9898 13.0324 23.8155C13.8606 23.2497 15.2956 22.1817 16.8786 20.7753C19.3583 18.5722 21.8578 15.8001 23.2744 12.4121C24.6331 9.16258 24.0227 5.94601 21.9657 3.73734C20.0006 1.62734 17.491 1.87958 16.1648 2.38453C15.1465 2.77227 14.1227 3.71669 13.7498 4.14272C13.5599 4.35963 13.2856 4.48403 12.9973 4.48403C12.7091 4.48403 12.4348 4.35963 12.2449 4.14272C12.0485 3.91831 11.4677 3.3333 10.8525 2.92641ZM4.70213 0.781133C7.9156 -0.927632 10.9667 0.604121 11.9557 1.25819C12.3374 1.51061 12.6976 1.80438 13.0002 2.07697C13.6251 1.52307 14.5019 0.87758 15.4531 0.515409C17.2198 -0.157261 20.7083 -0.547353 23.4293 2.37426C26.0583 5.1972 26.76 9.2604 25.1196 13.1836C23.5372 16.9683 20.7882 19.9772 18.207 22.2705C16.1471 24.1005 14.2971 25.4086 13.5656 25.8555C13.2507 26.0479 12.8555 26.0513 12.5374 25.8642C11.3972 25.1939 8.42073 23.1162 5.43012 19.9629C1.67675 16.0053 -0.0512315 12.2323 0.00115532 8.82144C0.0527898 5.45953 1.61807 2.42108 4.70213 0.781133Z' fill='%23D43721'/%3E%3C/svg%3E%0A"); } .header__wishlist-svg { margin-right: 10px; /*max-height: 26px;*/ /*background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0234 20.4496L13.8449 20.8924C15.4784 21.7728 18.8329 23.5904 19.9042 24.1936C19.9076 24.1956 19.911 24.1974 19.9143 24.1992C19.772 23.2798 19.107 19.1199 18.7615 16.9694L18.6216 16.0985L19.2433 15.4728C20.6018 14.1055 23.482 11.1991 24.2378 10.4088C24.2473 10.3988 24.2524 10.3908 24.2556 10.3848C24.259 10.3784 24.2619 10.3711 24.2638 10.3624C24.2652 10.3566 24.266 10.3507 24.2664 10.3449C23.6903 10.2585 22.4924 10.0749 21.2019 9.87702C19.8145 9.6643 18.32 9.43518 17.3763 9.29293L16.4719 9.15661L16.0739 8.33308C15.2844 6.69911 13.5582 3.09427 13.022 1.84644C12.4511 3.08304 10.7929 6.6672 10.0341 8.30688L9.64223 9.15384L8.71941 9.29293C8.09903 9.38644 7.24294 9.51349 6.3363 9.64805C4.51234 9.91875 2.48382 10.2198 1.75853 10.3391C1.77296 10.363 1.79632 10.3961 1.83354 10.4368C2.50557 11.1715 4.33837 13.0059 5.75131 14.4201C6.14533 14.8144 6.50671 15.1761 6.80115 15.4722L7.42146 16.0958L7.28432 16.9647C6.99763 18.781 6.32474 22.9117 6.11747 24.1268C7.09548 23.6332 10.4445 21.8365 12.2016 20.8916L13.0234 20.4496ZM13.0225 22.4182C14.6613 23.3015 17.9996 25.1104 19.0538 25.704C20.6249 26.5887 21.8413 25.333 21.6386 24.0081C21.5226 23.2499 20.8276 18.9027 20.4729 16.6945C21.8244 15.3342 24.7201 12.4123 25.4905 11.6067C26.4534 10.5998 25.9973 8.85089 24.5782 8.63891C24.0226 8.55591 22.7968 8.36797 21.4702 8.16456C20.0861 7.95234 18.5921 7.72328 17.6346 7.57896C16.8237 5.90071 15.0802 2.25804 14.5937 1.1133C13.9855 -0.317629 12.1609 -0.423623 11.4513 1.1133C10.8837 2.34283 9.22131 5.93605 8.46107 7.57896C7.85658 7.67007 7.01512 7.79496 6.11831 7.92806C4.233 8.20787 2.1031 8.52398 1.4162 8.63891C0.149132 8.85089 -0.560431 10.3878 0.554589 11.6068C1.25574 12.3732 3.14056 14.2596 4.55501 15.6752C4.94004 16.0605 5.29022 16.411 5.57218 16.6945C5.28498 18.5141 4.60921 22.662 4.40648 23.8491C4.15306 25.333 5.36945 26.4391 6.83925 25.704C7.77181 25.2376 11.2486 23.3721 13.0225 22.4182Z' fill='%23252362'/%3E%3C/svg%3E");*/ background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8525 2.92641C10.0608 2.40286 7.86349 1.36528 5.64114 2.54702C3.28937 3.79757 2.04303 6.1119 2.00094 8.85215C1.95961 11.5434 3.32442 14.8362 6.88129 18.5866C9.33762 21.1765 11.7721 22.9898 13.0324 23.8155C13.8606 23.2497 15.2956 22.1817 16.8786 20.7753C19.3583 18.5722 21.8578 15.8001 23.2744 12.4121C24.6331 9.16258 24.0227 5.94601 21.9657 3.73734C20.0006 1.62734 17.491 1.87958 16.1648 2.38453C15.1465 2.77227 14.1227 3.71669 13.7498 4.14272C13.5599 4.35963 13.2856 4.48403 12.9973 4.48403C12.7091 4.48403 12.4348 4.35963 12.2449 4.14272C12.0485 3.91831 11.4677 3.3333 10.8525 2.92641ZM4.70213 0.781133C7.9156 -0.927632 10.9667 0.604121 11.9557 1.25819C12.3374 1.51061 12.6976 1.80438 13.0002 2.07697C13.6251 1.52307 14.5019 0.87758 15.4531 0.515409C17.2198 -0.157261 20.7083 -0.547353 23.4293 2.37426C26.0583 5.1972 26.76 9.2604 25.1196 13.1836C23.5372 16.9683 20.7882 19.9772 18.207 22.2705C16.1471 24.1005 14.2971 25.4086 13.5656 25.8555C13.2507 26.0479 12.8555 26.0513 12.5374 25.8642C11.3972 25.1939 8.42073 23.1162 5.43012 19.9629C1.67675 16.0053 -0.0512315 12.2323 0.00115532 8.82144C0.0527898 5.45953 1.61807 2.42108 4.70213 0.781133Z' fill='%23252362'/%3E%3C/svg%3E%0A"); width: 26px; height: 26px; position: relative; } /* ������ ������*/ /*.header__wishlist-svg.active { !*background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0538 25.704C17.9996 25.1104 14.6613 23.3015 13.0225 22.4182C11.2486 23.3721 7.77181 25.2376 6.83925 25.704C5.36945 26.4391 4.15306 25.333 4.40648 23.8491C4.60921 22.662 5.28498 18.5141 5.57218 16.6945C4.25442 15.3696 1.4466 12.5819 0.554589 11.6068C-0.560431 10.3878 0.149132 8.85089 1.4162 8.63891C2.42985 8.46931 6.58581 7.86161 8.46107 7.57896C9.22131 5.93605 10.8837 2.34283 11.4513 1.1133C12.1609 -0.423623 13.9855 -0.317629 14.5937 1.1133C15.0802 2.25804 16.8237 5.90071 17.6346 7.57896C19.5099 7.86161 23.4429 8.46931 24.5782 8.63891C25.9973 8.85089 26.4534 10.5998 25.4905 11.6067C24.7201 12.4123 21.8244 15.3342 20.4729 16.6945C20.8276 18.9027 21.5226 23.2499 21.6386 24.0081C21.8413 25.333 20.6249 26.5887 19.0538 25.704Z' fill='%23252362'/%3E%3C/svg%3E");*! background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.70213 0.781133C7.9156 -0.927632 10.9667 0.604121 11.9557 1.25819C12.3374 1.51061 12.6976 1.80438 13.0002 2.07697C13.6251 1.52307 14.5019 0.87758 15.4531 0.515409C17.2198 -0.157261 20.7083 -0.547353 23.4293 2.37426C26.0583 5.1972 26.76 9.26041 25.1196 13.1836C23.5372 16.9683 20.7882 19.9772 18.207 22.2705C16.1472 24.1005 14.2971 25.4086 13.5656 25.8555C13.2507 26.0479 12.8555 26.0513 12.5374 25.8642C11.3972 25.1939 8.42073 23.1162 5.43012 19.9629C1.67675 16.0053 -0.0512315 12.2323 0.00115532 8.82144C0.0527898 5.45953 1.61807 2.42108 4.70213 0.781133Z' fill='%23252362'/%3E%3C/svg%3E%0A"); }*/ /* ������ ������*/ /*.header__wishlist-count { font-size: 12px; position: absolute; top: 46%; left: 52%; transform: translate(-50%, -50%); color: #fff; }*/ .header__wishlist-count { display: block; position: absolute; bottom: -3px; left: -4px; width: 16px; height: 16px; border-radius: 2px; background-color: #039F9B; color: #fff; font-size: 12px; font-family: 'Manrope'; font-weight: 400; line-height: 16px; text-align: center; } .header__wishlist-count[data-value="0"] { display: none; } .header__wishlist-span { border-bottom: dashed 1px #2f2b28; padding-bottom: 0; transition: 0.2s; } .header__bottom { display: flex; justify-content: center; align-items: center; height: 40px; background: #C1EAEA; position: relative; } .header__bottom-menu { display: flex; } .header__bottom-menu > li:not(:last-child) { margin-right: 18px; } .header__bottom-menu > li a { font-size: 15px; line-height: 24px; color: #2f2b28; transition: 0.2s; } .header__bottom-menu > li:hover > a { color: #d43721; } .mb-header { display: none; } .header__call { flex: auto; } .header__hourswork { font-size: 14px; line-height: 24px; } .header__phone { margin-right: 20px; } .header__call { margin-right: 20px; } /* MOBILE HEADER */ .mb-header { top: 0; height: 91px; position: absolute; width: 100%; z-index: 999; /*padding-top: 0;*/ background-color: rgba(251, 249, 247, .5); } .mb-header.scroll { background-color: rgb(251, 249, 247); } .mb-header__top { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; margin-bottom: 5px; } .mb-header__logo .logo { max-width: 122px; } .mb-header__logo .logo img { max-width: 100%; height: auto; } .mb-header__contacts { display: flex; } .mb-header__link { width: 26px; height: 26px; } .mb-header__link--wa { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='13' fill='%2315B91C'/%3E%3Ccircle cx='13' cy='13' r='7.8' fill='white'/%3E%3Cpath d='M6.75995 16.12L5.19995 20.8L9.87995 19.24L6.75995 16.12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6603 11.8424C10.7604 11.7495 11.3348 11.1937 11.5588 10.9868C11.8389 10.7282 11.8389 10.4297 11.7389 10.191C11.6388 9.9522 10.9652 8.85794 10.7851 8.61919C10.6051 8.38043 10.4651 8.34064 10.265 8.32074C10.065 8.30084 9.6249 8.65898 9.34484 8.93753C9.06479 9.21607 8.61568 9.88059 8.45564 10.1591C8.31562 10.3763 8.2556 10.6764 8.41564 11.2136C8.57567 11.7508 8.89573 12.7059 9.65589 13.7604C10.416 14.8149 11.2962 15.6704 12.6165 16.5658C13.9368 17.4611 15.217 17.6799 15.4371 17.6799C15.6571 17.6799 15.9662 17.5327 16.3263 17.2542C16.6863 16.9756 17.1864 16.4981 17.5065 16.1599C17.8266 15.8216 17.6465 15.4436 17.4265 15.2447C17.2064 15.0457 16.1037 14.3573 15.7836 14.2379C15.4635 14.1185 15.1635 14.2777 15.0234 14.4369C14.9114 14.5642 14.2983 15.193 14.165 15.3322C13.9116 15.2925 12.8347 14.6518 12.0826 13.9355C11.3304 13.2192 10.6937 12.1143 10.6603 11.8424Z' fill='%2315B91C'/%3E%3C/svg%3E"); margin-right: 15px; } .mb-header__link--phone { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='13' fill='%23D43721'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00045 11.0212C9.17143 10.8625 10.1533 9.91245 10.5363 9.55874C11.0151 9.1166 11.0151 8.60644 10.8441 8.19831C10.6731 7.79018 9.52154 5.91965 9.21379 5.51152C8.90603 5.10339 8.66667 5.03537 8.32472 5.00136C7.98277 4.96735 7.23048 5.57954 6.75175 6.05569C6.27302 6.53184 5.50531 7.66777 5.23175 8.14392C4.99239 8.51505 4.8898 9.02821 5.16336 9.9465C5.43692 10.8648 5.98404 12.4973 7.28345 14.2999C8.58286 16.1025 10.0874 17.5649 12.3443 19.0954C14.6012 20.6259 16.7896 21 17.1658 21C17.5419 21 18.0703 20.7483 18.6858 20.2722C19.3013 19.796 20.1562 18.9798 20.7033 18.4016C21.2504 17.8234 20.9427 17.1772 20.5665 16.8371C20.1904 16.497 18.3053 15.3203 17.7582 15.1162C17.2111 14.9121 16.6981 15.1842 16.4588 15.4563C16.2673 15.674 15.2193 16.7488 14.9913 16.9868C14.5581 16.9188 12.7174 15.8236 11.4317 14.5992C10.1459 13.3748 9.05745 11.4861 9.00045 11.0212Z' fill='white'/%3E%3C/svg%3E%0A"); } .mb-header__bottom { display: flex; align-items: center; justify-content: space-between; } .mb-header__burger { display: inline-block; cursor: pointer; } .mb-header__burger div { width: 25px; height: 3px; background-color: #000; margin: 6px 0; transition: .3s; } .active .burger-line-1 { transform: translate(0, 7px) rotate(-45deg); } .active .burger-line-2 { opacity: 0; } .active .burger-line-3 { transform: translate(0, -11px) rotate(45deg); } .mb-header__bottom-link { font-size: 16px; line-height: 24px; font-weight: 600; color: #2F2B28; border-bottom: 1px solid #2F2B28; } .mobilemenu-btn { display: flex; align-items: center; column-gap: 5px; color: #fff; background-color: #039F9B; padding: 5px 10px; } .mobilemenu-btn__img { width: 30px; height: 30px; } .mobilemenu-btn__title { font-size: 14px; } /*.mb-header__menu { display: none; }*/ @media(max-width: 1060px) { .header__top, .header__slogan, .header__search-form, .header .header__order-calc, .header .header__wishlist, .header__bottom { display: none; } .search-form--mobile { display: block; position: absolute; bottom: -135px; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 300px; } /* .search-form--mobile { display: none; }*/ .mb-header { display: block; } .header { display: none; } } /* HIDE BLOCK ON YANDEX MAP */ .kontakti_2 .contacts_block { display: none !important; } /* CONTACTS PAGE STYLES */ .contacts__items { display: flex; justify-content: space-between; margin-bottom: 30px; } .contacts__head { margin-bottom: 30px; } .contacts__name span { font-weight: 700; } .contacts__item-title { font-weight: 600; margin-bottom: 15px; opacity: .9; text-transform: uppercase; } .contacts__subitem { position: relative; padding-left: 25px; } .contacts__subitem a, .contacts__item-address { color: #000; font-weight: 600; } .contacts__subitem::before { content: ''; position: absolute; left: 0; top: 0; display: block; background-repeat: no-repeat; background-position: center; } .contacts__item-phone::before { width: 12px; height: 16px; left: 3px; top: 5px; background-image: url('/local/templates/monolite_new/img/contacts/icon-phone-yellow.svg'); } .contacts__item-email::before { width: 12px; height: 12px; top: 7px; left: 2px; background-image: url('/local/templates/monolite_new/img/contacts/icon-mail-yellow.svg'); } .contacts__item-wa::before { width: 18px; height: 18px; top: 4px; left: -1px; background-image: url('/local/templates/monolite_new/img/contacts/icon-whatsapp.svg'); background-size: cover; } .contacts__item-address::before { width: 16px; height: 22px; top: 2px; background-image: url('/local/templates/monolite_new/img/contacts/icon-map-marker-yellow.svg'); } .contacts__item-time::before { width: 13px; height: 19px; background-image: url('/local/templates/monolite_new/img/contacts/icon-time-work-yellow.svg'); background-size: contain; top: 3px; left: 2px; } .contacts__requisites { display: flex; align-items: center; margin-bottom: 60px; } .requisites__wrap { margin-right: 100px; } .requisites__title { font-weight: 600; text-transform: uppercase; opacity: .9; margin-bottom: 15px; } .requisites__item span { font-weight: 700; } .contacts__download-link { position: relative; display: inline-block; vertical-align: middle; padding: 0 17px; font-weight: 600; font-size: 12px; line-height: 19px; color: #1F5BF5; line-height: 32px; cursor: pointer; background-color: transparent; text-decoration: none !important; white-space: nowrap; transition: all .25s; text-align: center; border: 1px solid #1F5BF5; box-sizing: border-box; border-radius: 50px; transition: all .3s; } .contacts__download-link:hover { color: #fff; background-color: #1F5BF5; } .contacts__download-link i { margin-right: 7px; position: relative; top: 1px; } .contacts__download-link svg { stroke: #0F5BF5; transition: all .3s; width: 12px; height: 12px; } .contacts__download-link:hover svg { stroke: #fff; } .contacts__route-btn { margin: 0 auto; width: 350px; height: 58px; line-height: 58px; background: #dc6655; font-size: 20px; color: #fff; text-align: center; display: block; max-width: 100%; transition: .3s; border-radius: 5px; box-shadow: 0 0 15px rgb(0 0 0 / 10%); text-decoration: none; cursor: pointer; border: none; outline: 0; } .contacts__route { margin-bottom: 30px; } .contacts__route-btn:hover { background: #d4432c } @media(max-width: 1200px) { .contacts__items { flex-direction: column; } .contacts__item { margin-bottom: 30px; } } @media(max-width: 576px) { .contacts__requisites { align-items: normal; flex-direction: column; } .requisites__wrap { margin-bottom: 30px; } } .footer { height: auto; } .footer-content__html { display: flex; flex-direction: column; margin: 13px 0; } .footer-content__html a { margin-left: 36px; margin-bottom: 5px; color: #000; text-decoration: underline; } .footer-content__details { display: flex; flex-direction: column; margin: 13px 0; } .footer-content__details-item { margin-left: 36px; } .footer__img img { object-fit: cover; } .footer-content__oferta { display: none; } .footer-content__number a, .footer-content__whatsapp a { color: #2f2b28; } @media (max-width: 992px) { .footer-content__oferta { display: block; margin-top: 30px; } .footer__content { z-index: auto; } .footer-body { z-index: auto; } } /* MOBILE SMART FILTER */ /* mobile filter */ .mb-filter-btn { display: none; line-height: 38px; padding: 5px 20px !important; font-size: 14px; text-decoration: none; border-radius: 3px; border-width: 0; box-shadow: 2px 4px 5px 0 rgb(27 116 94 / 22%); font: 400 19px Manrope; transition: .3s; text-align: center; text-decoration: none; border: 2px solid #dc6655; background: #fff; color: #dc6655; max-width: 290px; width: 100%; margin: 0 auto 30px auto; } @media(max-width: 768px) { .mb-filter-btn { display: block; } } .mb-filter { position: fixed; overflow: auto; z-index: 998; min-width: 320px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; height: 100%; width: 100%; transition: transform .4s ease; transform: translateX(100%); will-change: transform; --webkit-overflow-scrolling: touch; } .mb-filter.active { transform: translateX(0); z-index: 10; top: 0; } .mb-filter .smart-filter__apply, .mb-filter .smart-filter__clear { width: 100%; } .aside-filter { background: #F4F4F4; } .mb-filter-wrap { width: 100%; /*height: auto;*/ height: 100%; position: relative; z-index: 11; padding: 70px 15px 15px 15px; background: #fff; overflow-y: auto; } .mb-filter-wrap .smart-filter { padding: 30px 20px; } .mb-catalog__close-btn { position: absolute; width: 30px; height: 30px; top: 20px; right: 21px; } .mb-catalog-overlay { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: #9AA2A9; opacity: .5; z-index: 1; } .mb-catalog-overlay.active, .mb-menu.active ~ .mb-menu-overlay { display: block; } /* Mobile Menu slider*/ .mb-menu { position: fixed; overflow: auto; z-index: 998; min-width: 320px; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; width: 100%; background: #fff; transition: transform .4s ease; transform: translateX(-101%); will-change: transform; -webkit-overflow-scrolling: touch; max-width: 320px; background-size: 320px; } .mb-menu.active { transform: translateX(0); z-index: 10; } .mb-menu-overlay { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: #9AA2A9; opacity: .5; z-index: 5; } .mb-menu__wrap { padding: 30px; } /* Galereya rabot */ .benefits-slider__wrap { display: flex; align-items: center; margin-bottom: 40px; } .benefits-slider__button.ak-bmap { margin-right: 15px; } @media(max-width: 768px) { .benefits-slider__wrap { flex-direction: column; } .benefits-slider__button.ak-bmap { margin-bottom: 15px; } } /* PROJECT DETAIL */ .description-block--desktop .description-wrapper--margin { margin: 0 5px 5px 5px; } .description-list.description-buy { width: 100%; padding: 10px 15px; } .description-buy-top { display: flex; justify-content: space-between; margin-bottom: 10px; } .description-buy__title { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #665E58; } .description-buy__cost { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #1A1A1A; } .description-buy__btn { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #252362; /*text-decoration: underline;*/ border-bottom: 1px solid #252362; transition: .3s; cursor: pointer; } .description-buy__btn:hover { border-bottom: 1px solid transparent; } .description-wrapper--mobile { display: none; } @media(max-width: 1150px) { .description-wrapper--mobile { display: block; } } /* FAVORITES */ .popular-item__title { display: flex; justify-content: space-between; align-items: center; padding-right: 8px; } .popular-item__favorite { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.4 490.4' style='enable-background:new 0 0 490.4 490.4;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M222.5,453.7c6.1,6.1,14.3,9.5,22.9,9.5c8.5,0,16.9-3.5,22.9-9.5L448,274c27.3-27.3,42.3-63.6,42.4-102.1 c0-38.6-15-74.9-42.3-102.2S384.6,27.4,346,27.4c-37.9,0-73.6,14.5-100.7,40.9c-27.2-26.5-63-41.1-101-41.1 c-38.5,0-74.7,15-102,42.2C15,96.7,0,133,0,171.6c0,38.5,15.1,74.8,42.4,102.1L222.5,453.7z M59.7,86.8 c22.6-22.6,52.7-35.1,84.7-35.1s62.2,12.5,84.9,35.2l7.4,7.4c2.3,2.3,5.4,3.6,8.7,3.6l0,0c3.2,0,6.4-1.3,8.7-3.6l7.2-7.2 c22.7-22.7,52.8-35.2,84.9-35.2c32,0,62.1,12.5,84.7,35.1c22.7,22.7,35.1,52.8,35.1,84.8s-12.5,62.1-35.2,84.8L251,436.4 c-2.9,2.9-8.2,2.9-11.2,0l-180-180c-22.7-22.7-35.2-52.8-35.2-84.8C24.6,139.6,37.1,109.5,59.7,86.8z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); width: 18px; height: 18px; cursor: pointer; } .popular-item__favorite.active { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.002 512.002' style='enable-background:new 0 0 512.002 512.002;' xml:space='preserve'%3E%3Cpath style='fill:%23FF877F;' d='M54.039,272.547c-54.903-54.903-54.903-144.222,0-199.125c26.59-26.59,61.943-41.233,99.558-41.233 c33.502,0,66.21,12.442,92.109,35.038l10.291,9.617l9.967-9.318c26.223-22.895,58.931-35.337,92.433-35.337 c37.615,0,72.969,14.643,99.558,41.233c54.903,54.903,54.903,144.222,0,199.125L255.998,474.506L54.039,272.547z'/%3E%3Cpath style='fill:%23573A32;' d='M358.398,19.389c-36.779,0-73.259,13.662-102.4,39.919c-29.15-26.257-65.621-39.919-102.4-39.919 c-39.313,0-78.618,14.993-108.612,44.988c-59.981,59.981-59.981,157.235,0,217.225l211.012,211.012L467.01,281.601 C527,221.612,527,124.366,467.01,64.377C437.016,34.382,397.711,19.389,358.398,19.389z M448.911,263.502L255.998,456.406 L63.085,263.502c-49.903-49.911-49.903-131.115,0-181.018c24.175-24.175,56.32-37.487,90.513-37.487 c31.206,0,60.399,11.563,83.695,31.889l18.705,17.485l18.714-17.493c23.296-20.318,52.489-31.889,83.686-31.889 c34.193,0,66.33,13.312,90.513,37.487C498.814,132.387,498.814,213.59,448.911,263.502z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); } /* SIMILAR */ .similar-projects { overflow: hidden; } @media screen and (max-width: 1150px) { .similar-projects { width: 100%; position: relative; left: 18px; } } /* HEADER COMPARE */ .header .header__compare { display: flex; align-items: center; font-size: 14px; font-family: 'Manrope'; font-weight: 400; line-height: 18px; color: #252362; text-decoration: none; } .header .header__compare:hover { text-decoration: none; } .header .header__compare:hover .header__compare-span { color: #D43721; border-color: #D43721; } .header .header__compare:hover .header__compare-svg { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 6.89543 0.89543 6 2 6H4C5.10457 6 6 6.89543 6 8V24C6 25.1046 5.10457 26 4 26H2C0.895431 26 0 25.1046 0 24V8ZM4 8H2V24H4V8Z' fill='%23D43721'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 14C20 12.8954 20.8954 12 22 12H24C25.1046 12 26 12.8954 26 14V24C26 25.1046 25.1046 26 24 26H22C20.8954 26 20 25.1046 20 24V14ZM24 14H22V24H24V14Z' fill='%23D43721'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2C10 0.895432 10.8954 0 12 0H14C15.1046 0 16 0.895431 16 2V24C16 25.1046 15.1046 26 14 26H12C10.8954 26 10 25.1046 10 24V2ZM14 2L12 2V24H14V2Z' fill='%23D43721'/%3E%3C/svg%3E%0A"); } .header__compare-svg { margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 6.89543 0.89543 6 2 6H4C5.10457 6 6 6.89543 6 8V24C6 25.1046 5.10457 26 4 26H2C0.895431 26 0 25.1046 0 24V8ZM4 8H2V24H4V8Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 14C20 12.8954 20.8954 12 22 12H24C25.1046 12 26 12.8954 26 14V24C26 25.1046 25.1046 26 24 26H22C20.8954 26 20 25.1046 20 24V14ZM24 14H22V24H24V14Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2C10 0.895432 10.8954 0 12 0H14C15.1046 0 16 0.895431 16 2V24C16 25.1046 15.1046 26 14 26H12C10.8954 26 10 25.1046 10 24V2ZM14 2L12 2V24H14V2Z' fill='%23252362'/%3E%3C/svg%3E%0A"); width: 26px; height: 26px; position: relative; } .header__compare-count { position: absolute; bottom: -3px; left: -4px; width: 16px; height: 16px; border-radius: 2px; background-color: #039F9B; color: #fff; font-size: 12px; font-family: 'Manrope'; font-weight: 400; line-height: 16px; text-align: center; } .header__compare-count[data-value="0"] { display: none; } .header__compare-span { border-bottom: dashed 1px #2f2b28; } /* COMPARE */ .compare-popup { display: none; position: fixed; top: 10px; left: 50%; transform: translateX(-50%); max-width: 1150px; width: 100%; height: 90px; padding: 20px; border-radius: 5px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(37, 35, 98, 0.15); z-index: 1; } .compare-popup__inner { display: flex; justify-content: space-between; align-items: center; } .compare-popup__title { font-size: 18px; font-family: 'Manrope'; font-weight: 600; line-height: 28px; color: #252362; } .compare-popup__count { color: #1A1A1A; font-size: 16px; font-family: 'Manrope'; font-weight: 400; line-height: 26px; color: #1A1A1A; } .compare-popup__buttons { display: flex; column-gap: 20px; align-items: center; } .compare-popup__go { display: flex; column-gap: 10px; align-items: center; padding: 12px 30px; border-radius: 5px; background: #252362; color: #fff; } .compare-popup__close { position: relative; width: 13px; height: 13px; background: none; } .compare-popup__close::before, .compare-popup__close::after { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background-color: #D43721; transform-origin: center; } .compare-popup__close::before { transform: rotate(45deg); } .compare-popup__close::after { transform: rotate(-45deg); } .compare-popup__close-wrap { display: inline-flex; } @media(max-width: 1060px) { .header__compare-span { display: none; } .compare-popup { top: 15px; height: 200px; width: calc(100% - 15px); } .compare-popup__text { max-width: 285px; } .compare-popup__inner { flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; } .compare-popup__buttons { width: 100%; } .compare-popup__go { justify-content: center; width: 100%; } .compare-popup__close-wrap { position: absolute; top: 15px; right: 15px; } } /* BUTTON TO TOP */ .to-top { display: none; } .to-top.active { display: flex; justify-content: center; align-items: center; position: fixed; right: 0; bottom: 200px; width: 40px; height: 40px; background-color: #039F9B; cursor: pointer; z-index: 1999; transition: .2s; opacity: 1; border-radius: 5px 0px 0px 5px;; } @media(max-width: 768px) { .to-top.active { bottom: 250px; } } /* Attention banner */ .attention-banner { padding: 10px 15px; background: linear-gradient(264.15deg, #FF705C 0%, #F3523C 100%); border-radius: 5px; color: #fff; /*margin-bottom: 15px;*/ margin-top: 15px; } .attention-banner.attention-banner--detail { margin-bottom: 15px; } .attention-banner__text { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #fff; } .attention-banner__text a { color: #fff; } .attention-banner__text a:hover { text-decoration: underline; } @media (max-width: 768px) { .attention-banner { margin-bottom: 15px; } } /* Form common */ .form__popup.active { opacity: 1; visibility: visible; } .form__popup { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; /*background: #332B29;*/ background: rgba(0, 38, 65, 0.5); backdrop-filter: blur(10px); z-index: 999; left: 0; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .form__popup input::placeholder, .form__popup textarea::placeholder { /*color: rgb(160, 160, 160);*/ opacity: .5; } .form-popup__body { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-popup__content { background-color: #fff; max-width: 345px; padding: 19px 20px 30px; position: relative; border-radius: 5px; } .form__popup--wide .form-popup__content { max-width: 500px; } .form-popup__close { transition: 0.3s; position: absolute; top: 0; right: 0; background: #D43721 url('/local/templates/monolite_new/css/../img/close-icon.svg') no-repeat center center; width: 30px; height: 30px; border-radius: 50%; margin: 5px; } .form-popup__close:hover { transition: 0.3s; cursor: pointer; } .form-popup__title { font-weight: 600; font-size: 18px; line-height: 34px; color: #252362; padding-bottom: 10px; } .form-popup__subtitle { font-size: 16px; line-height: 28px; color: #252362; padding-bottom: 10px; } .form-popup__name { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .form-popup__name input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .form-popup__number { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .form-popup__number input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .form-popup__email { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .form-popup__email input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .form-popup__text textarea { height: 150px; } .form-popup__cheakbox { margin-top: 15px; font-size: 12px; line-height: 24px; color: #1A1A1A; } .form-popup__cheakbox span { padding-left: 5px; } .form-popup__cheakbox .checkbox { display: none; } .form-popup__cheakbox .fake-checkbox { width: 14px; height: 14px; display: inline-block; border: 1px solid #F2ECE6; position: relative; top: 2px; } .form-popup__cheakbox .fake-checkbox::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 8px; height: 8px; background: url('/local/templates/monolite_new/css/../img/success-icon.svg') no-repeat center center; transition: 0.3s; opacity: 0; } .form-popup__cheakbox .checkbox:checked + .fake-checkbox::before { transition: 0.2s; opacity: 1; } .form-popup__cheakbox .personal-info { color: #D43721; border-bottom: 1px solid #D43721; } .form-popup__button { margin-top: 15px; width: 100%; height: 50px; background-color: #252362; border-radius: 5px; text-align: center; overflow: hidden; } .form-popup__button input { color: #FBF9F7; width: 100%; height: 100%; background-color: #252362; cursor: pointer; } /* FAQ ITEMS */ .service-faq h2 { margin-bottom: 37px; } .service-faq__items { display: flex; flex-direction: column; row-gap: 10px; max-width: 1120px; } .service-faq__item { border: 1px solid #c5dddc; border-radius: 5px; padding: 20px 30px 20px 20px; cursor: pointer; transition: border 0.2s, background-color 0.2s; } .service-faq__item:hover { border: 1px solid #039f9b; background-color: rgba(3, 159, 155, 0.08); } .service-faq__header { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; } .service-faq__item-title { font-family: 'Manrope', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5; color: #000; } .service-faq__item-arrow { width: 16px; height: 9px; } .service-faq__body { font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #665e58; margin-left: 25px; max-height: 0; overflow: hidden; transition: max-height 0.2s; } .service-faq__item.active .service-faq__body { max-height: 500px; } .service-faq__item.active { border: 1px solid #039f9b; background-color: rgba(3, 159, 155, 0.08); } .service-faq__item.active .service-faq__header { align-items: flex-start; margin-bottom: 15px; } .service-faq__item.active .service-faq__item-title { color: #252362; } .service-faq__item.active .service-faq__item-arrow { transform: rotate(180deg); margin-top: 5px; } @media (max-width: 768px) { .service-faq__item { padding: 20px; } .service-faq__item-title { line-height: 1.1; } .service-faq__body { margin-left: 15px; } } /* End */ /* Start:/local/templates/monolite_new/css/custom-detail.css?175921466232992*/ /* TODO: ������� ������ */ .detail-project .main_block { max-width: 745px; } .detail-project .sidebar { max-width: 345px; width: 100%; } .description-list__advantages { display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 25px; } .description-list__advantage { width: 50%; margin-bottom: 23px; } .description-list__advantage-wrap { display: flex; align-items: center; } .description-list__advantage-icon { margin-right: 10px; border-radius: 0; } .description-list__advantage-param { font-family: Manrope; font-size: 16px; font-weight: 600; color: #252362; } .description-list__advantage-name { font-family: Manrope; font-weight: 400; font-size: 14px; } .description-list__price { display: none; margin-bottom: 15px; } .description-list__price.active { display: block; } .description-list__price-total { font-family: 'Manrope'; font-size: 36px; font-weight: 600; color: #039F9B; margin-bottom: 7px; } .description-list__price-square { font-family: 'Manrope'; font-size: 14px; font-weight: 400; color: #039F9B; } .description-list__complete-title { font-family: 'Manrope'; font-size: 14px; font-weight: 600; color: #252362; text-align: center; margin-bottom: 13px; } .description-list__tabs-nav { display: flex; justify-content: center; align-items: center; /* max-width: 278px; */ max-width: 310px; margin: 0 auto 10px auto; overflow: hidden; border: 1px solid #c5dddc; background: none; border-radius: 5px; padding: 2px; } .description-list__tab { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; font-size: 14px; line-height: 24px; white-space: nowrap; border-radius: 14px; color: #D43721; padding: 2px 14px; position: relative; z-index: 2; } .description-list__tabs-item { display: none; } .description-list__tabs-item.active { display: block; } .description-list__tab.active { color: #ffffff; background-color: #D43721; } .description-list__tabs-item-title { font-family: Manrope; font-size: 16px; font-weight: 400; text-align: center; color: #252362; margin-bottom: 10px; } .description-list__tabs-item-title > span { font-weight: 600; } .description-list__feature { display: flex; justify-content: space-between; height: 30px; transition: all .3s; } .description-list__feature:hover { background-color: #FBF9F7; } .description-list__feature-name { font-family: 'Manrope'; font-size: 14px; font-weight: 400; } .description-list__feature-mark { display: flex; justify-content: center; align-items: center; } .description-list__exist { display: inline-block; background: url('/local/templates/monolite_new/css/../img/icons/v.svg') no-repeat center center; width: 17px; height: 13px; } .description-list__nonexist { display: inline-block; width: 17px; height: 2px; background-color: #D9D9D9; } .description-list--budget { background-color: transparent; width: 100%; margin-top: 15px; } .detail-project__budget { display: flex; justify-content: space-between; align-items: center; } .detail-project__budget-link { display: flex; align-items: center; } .detail-project__budget-svg { height: 20px; margin-right: 10px; } .detail-project__budget-text { font-family: 'Manrope'; font-size: 14px; font-weight: 400; /*color: #252362;*/ /*border-bottom: 1px solid #252362;*/ color: #036eff; border-bottom: 1px solid #036eff; transition: all .3s; } .detail-project__budget-text:hover { border-bottom-color: transparent; } .detail-project__budget-id { font-family: 'Manrope'; font-size: 14px; font-weight: 400; /*color: #665E58;*/ background-color: #039F9B; padding: 1px 10px; border-radius: 5px; color: #fff; } .detail-project__budget-id--mobile { display: none; } @media(max-width: 768px) { .detail-social { width: 100%; } .detail-project__budget-id--mobile { display: block; margin-right: 30px } } .detail-consult__btn { display: inline-block; padding: 13px 0px 16px 0px; width: 100%; background-color: #fff; border: 2px solid #039F9B; border-radius: 5px; font-family: 'Manrope'; font-weight: 600; /*font-size: 16px;*/ font-size: 14px; line-height: 24px; color: #039F9B; text-align: center; cursor: pointer; transition: all .3s; } .detail-consult__btn:hover { background-color: #039F9B; color: #fff; } .detail-project__consult.detail-consult { margin: 0 auto 23px auto; } .description-block--margin { margin-bottom: 20px; } .detail-buy__text { font-family: 'Manrope'; font-size: 14px; font-weight: 400; line-height: 24px; color: #665E58; margin-bottom: 5px; } .detail-project__buy.detail-buy { padding: 15px 20px; background-color: #FBF9F7; border-radius: 5px; } .detail-buy__btn { /*display: inline-block; font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #252362; border-bottom: 1px solid #252362; transition: .3s; cursor: pointer; margin-bottom: 5px; background: none;*/ display: inline-block; font-family: 'Manrope'; font-weight: 600; font-size: 16px; line-height: 28px; text-align: center; color: #FFFFFF; background-color: #039F9B; border-radius: 5px; padding: 8px; border: 1.5px solid #039F9B; transition: all .3s; cursor: pointer; width: 170px; } .detail-buy__btn:hover { /*border-bottom: 1px solid transparent;*/ background-color: #fff; color: #039F9B; border-color: #039F9B; } .detail-buy__price { display: block; font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 30px; color: #1A1A1A; } .ak-left__wrap { display: flex; align-items: center; justify-content: space-between; margin: 20px 0; column-gap: 15px; } .detail-project__title { margin: 0; } .detail-social { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; } .detail-social__items { display: flex; } .detail-social__items--top { display: none; } .detail-social__item { display: block; width: 20px; height: 20px; cursor: pointer; } .detail-social__item:not(:last-child) { margin-right: 20px; } .detail-social__item--pdf { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.33333C0 7.96514 0.298477 7.66667 0.666667 7.66667H16.6667C17.0349 7.66667 17.3333 7.96514 17.3333 8.33333V17C17.3333 17.3682 17.0349 17.6667 16.6667 17.6667H0.666667C0.298477 17.6667 0 17.3682 0 17V8.33333ZM1.33333 9V16.3333H16V9H1.33333Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.33333 0.666667C5.33333 0.298477 5.63181 0 6 0H14.6667C14.8435 0 15.013 0.0702379 15.1381 0.195262L19.8047 4.86193C19.9298 4.98695 20 5.15652 20 5.33333V19.3333C20 19.7015 19.7015 20 19.3333 20H6C5.63181 20 5.33333 19.7015 5.33333 19.3333V16.6667H6.66667V18.6667H18.6667V5.60948L14.3905 1.33333H6.66667V8.66667H5.33333V0.666667Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.33333 10H4C4.3289 10 4.80742 10.0932 5.22287 10.3923C5.67231 10.7159 6 11.2494 6 12C6 12.7506 5.67231 13.2841 5.22287 13.6077C4.80742 13.9068 4.3289 14 4 14H3.66667V14.6667C3.66667 15.0349 3.36819 15.3333 3 15.3333C2.63181 15.3333 2.33333 15.0349 2.33333 14.6667V10ZM3.66667 12.6667H4C4.11554 12.6667 4.30369 12.6265 4.4438 12.5256C4.54991 12.4492 4.66667 12.3161 4.66667 12C4.66667 11.6839 4.54991 11.5508 4.4438 11.4744C4.30369 11.3735 4.11554 11.3333 4 11.3333H3.66667V12.6667Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 10H8.66667C8.99557 10 9.47409 10.0932 9.88954 10.3923C10.339 10.7159 10.6667 11.2494 10.6667 12V13.3333C10.6667 14.0839 10.339 14.6174 9.88954 14.941C9.47409 15.2401 8.99557 15.3333 8.66667 15.3333H7V10ZM8.33333 11.3333V14H8.66667C8.78221 14 8.97036 13.9599 9.11046 13.859C9.21658 13.7826 9.33333 13.6494 9.33333 13.3333V12C9.33333 11.6839 9.21658 11.5508 9.11046 11.4744C8.97036 11.3735 8.78221 11.3333 8.66667 11.3333H8.33333Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6667 10H14.3333C14.7015 10 15 10.2985 15 10.6667C15 11.0349 14.7015 11.3333 14.3333 11.3333H13V14.6667C13 15.0349 12.7015 15.3333 12.3333 15.3333C11.9651 15.3333 11.6667 15.0349 11.6667 14.6667V10Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3333 13C12.3333 12.6318 12.6318 12.3333 13 12.3333H14C14.3682 12.3333 14.6667 12.6318 14.6667 13C14.6667 13.3682 14.3682 13.6667 14 13.6667H13C12.6318 13.6667 12.3333 13.3682 12.3333 13Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6667 0C15.0349 0 15.3333 0.298477 15.3333 0.666667L15.3362 4.66667H19.3333C19.7015 4.66667 20 4.96514 20 5.33333C20 5.70152 19.7015 6 19.3333 6H15.3333C15.1155 6 14.8037 5.94015 14.5271 5.74102C14.2166 5.51743 14 5.15061 14 4.66667V0.666667C14 0.298477 14.2985 0 14.6667 0Z' fill='%23252362'/%3E%3C/svg%3E%0A"); } .detail-social__item--print { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C4 11.2636 4.59695 10.6667 5.33333 10.6667H14.6667C15.403 10.6667 16 11.2636 16 12V18.6667C16 19.403 15.403 20 14.6667 20H5.33333C4.59695 20 4 19.403 4 18.6667V12ZM14.6667 12H5.33333V18.6667H14.6667V12Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1.33333C4 0.596953 4.59695 0 5.33333 0H14.6667C15.403 0 16 0.596954 16 1.33333V4.66667H14.6667V1.33333L5.33333 1.33333V4.66667H4V1.33333Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.66667C0 5.19391 1.19391 4 2.66667 4H17.3333C18.8061 4 20 5.19391 20 6.66667V14.6667C20 15.403 19.403 16 18.6667 16H15.3333V14.6667H18.6667V6.66667C18.6667 5.93029 18.0697 5.33333 17.3333 5.33333H2.66667C1.93029 5.33333 1.33333 5.93029 1.33333 6.66667V14.6667H4.66667V16H1.33333C0.596953 16 0 15.403 0 14.6667V6.66667Z' fill='%23252362'/%3E%3C/svg%3E%0A"); } .detail-social__item--share { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3333 1.33333C16.597 1.33333 16 1.93029 16 2.66667C16 3.40305 16.597 4 17.3333 4C18.0697 4 18.6667 3.40305 18.6667 2.66667C18.6667 1.93029 18.0697 1.33333 17.3333 1.33333ZM14.6667 2.66667C14.6667 1.19391 15.8606 0 17.3333 0C18.8061 0 20 1.19391 20 2.66667C20 4.13943 18.8061 5.33333 17.3333 5.33333C15.8606 5.33333 14.6667 4.13943 14.6667 2.66667Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.3333 16C16.597 16 16 16.597 16 17.3333C16 18.0697 16.597 18.6667 17.3333 18.6667C18.0697 18.6667 18.6667 18.0697 18.6667 17.3333C18.6667 16.597 18.0697 16 17.3333 16ZM14.6667 17.3333C14.6667 15.8606 15.8606 14.6667 17.3333 14.6667C18.8061 14.6667 20 15.8606 20 17.3333C20 18.8061 18.8061 20 17.3333 20C15.8606 20 14.6667 18.8061 14.6667 17.3333Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.66667 8.66667C1.93029 8.66667 1.33333 9.26362 1.33333 10C1.33333 10.7364 1.93029 11.3333 2.66667 11.3333C3.40305 11.3333 4 10.7364 4 10C4 9.26362 3.40305 8.66667 2.66667 8.66667ZM0 10C0 8.52724 1.19391 7.33333 2.66667 7.33333C4.13943 7.33333 5.33333 8.52724 5.33333 10C5.33333 11.4728 4.13943 12.6667 2.66667 12.6667C1.19391 12.6667 0 11.4728 0 10Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.22266 8.47622L15.1292 3.02295L15.7255 4.21552L4.81894 9.66879L4.22266 8.47622ZM15.1292 16.9768L4.22266 11.5235L4.81894 10.3309L15.7255 15.7842L15.1292 16.9768Z' fill='%23252362'/%3E%3C/svg%3E%0A"); } .detail-social__item--wish { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.34805 2.25109C7.73907 1.84836 6.04883 1.05022 4.33934 1.95925C2.53029 2.92121 1.57156 4.70146 1.53919 6.80935C1.50739 8.87955 2.55725 11.4124 5.2933 14.2974C7.18279 16.2896 9.05547 17.6845 10.0249 18.3196C10.662 17.8844 11.7658 17.0629 12.9836 15.981C14.891 14.2863 16.8137 12.154 17.9034 9.54776C18.9485 7.04814 18.479 4.57386 16.8967 2.87488C15.3851 1.2518 13.4546 1.44583 12.4345 1.83425C11.6511 2.13251 10.8636 2.85899 10.5767 3.18671C10.4307 3.35356 10.2197 3.44926 9.99795 3.44926C9.7762 3.44926 9.56523 3.35356 9.41917 3.18671C9.26805 3.01409 8.82133 2.56407 8.34805 2.25109ZM3.61702 0.600871C6.08892 -0.713563 8.4359 0.464708 9.19669 0.967835C9.49031 1.16201 9.76738 1.38799 10.0002 1.59767C10.4808 1.17159 11.1553 0.675062 11.887 0.396468C13.246 -0.12097 15.9295 -0.421041 18.0225 1.82635C20.0449 3.99784 20.5846 7.12339 19.3228 10.1412C18.1055 13.0525 15.9909 15.3671 14.0054 17.1311C12.4209 18.5389 10.9978 19.545 10.4351 19.8889C10.1928 20.0369 9.88881 20.0394 9.64413 19.8956C8.76705 19.3799 6.47749 17.7817 4.17701 15.356C1.28981 12.3117 -0.0394089 9.40949 0.00088871 6.78572C0.0406075 4.19964 1.24467 1.86237 3.61702 0.600871Z' fill='%23252362'/%3E%3C/svg%3E%0A"); } .detail-social__item--wish.active { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.70213 0.781133C7.9156 -0.927632 10.9667 0.604121 11.9557 1.25819C12.3374 1.51061 12.6976 1.80438 13.0002 2.07697C13.6251 1.52307 14.5019 0.87758 15.4531 0.515409C17.2198 -0.157261 20.7083 -0.547353 23.4293 2.37426C26.0583 5.1972 26.76 9.26041 25.1196 13.1836C23.5372 16.9683 20.7882 19.9772 18.207 22.2705C16.1472 24.1005 14.2971 25.4086 13.5656 25.8555C13.2507 26.0479 12.8555 26.0513 12.5374 25.8642C11.3972 25.1939 8.42073 23.1162 5.43012 19.9629C1.67675 16.0053 -0.0512315 12.2323 0.00115532 8.82144C0.0527898 5.45953 1.61807 2.42108 4.70213 0.781133Z' fill='%23252362'/%3E%3C/svg%3E%0A"); } .detail-social__item--compare { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 6.89543 0.89543 6 2 6H4C5.10457 6 6 6.89543 6 8V24C6 25.1046 5.10457 26 4 26H2C0.895431 26 0 25.1046 0 24V8ZM4 8H2V24H4V8Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 14C20 12.8954 20.8954 12 22 12H24C25.1046 12 26 12.8954 26 14V24C26 25.1046 25.1046 26 24 26H22C20.8954 26 20 25.1046 20 24V14ZM24 14H22V24H24V14Z' fill='%23252362'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2C10 0.895432 10.8954 0 12 0H14C15.1046 0 16 0.895431 16 2V24C16 25.1046 15.1046 26 14 26H12C10.8954 26 10 25.1046 10 24V2ZM14 2L12 2V24H14V2Z' fill='%23252362'/%3E%3C/svg%3E%0A"); } .detail-social__item[data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } .detail-social__item[data-title]:after { content: attr(data-title); background-color: #fff; color: #111; font-family: Manrope; font-weight: 400; font-size: 14px !important; position: absolute; padding: 1px 5px 2px 5px; bottom: -2em; left: 100%; white-space: nowrap; box-shadow: 1px 1px 3px #222222; opacity: 0; border: 1px solid #111111; z-index: 99999; visibility: hidden; } .detail-social__item[data-title] { position: relative; } .detail-project__intro { margin-bottom: 24px; } .detail-project__intro-title { text-align: left; } .detail-project__intro-text { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #1A1A1A; } .detail-project__specification.detail-specification { padding: 13px 0px 5px; background: #FBF9F7; border-radius: 5px; } .detail-specification__title { text-align: left; margin: 20px; } .detail-specification__items { background: #fff; border-radius: 5px; padding: 10px 15px; width: 50%; } .detail-specification__items:first-child { margin-right: 5px; } .detail-specification__wrapper { display: flex; justify-content: space-between; margin: 0 5px 5px 5px; } .detail-specification__item { display: flex; /*align-items: center;*/ justify-content: space-between; padding: 0 5px; border-bottom: 1px solid #F2ECE6; transition: all .3s; } .detail-specification__item:last-child { border-bottom: none; } .detail-specification__item:hover { background-color: #FBF9F7; } .detail-specification__name { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 31px; color: #665E58; } .detail-specification__value { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 31px; color: #1A1A1A; } .detail-specification__value--column { display: flex; flex-direction: column; align-items: flex-end; } .detail-project__descr { margin-bottom: 36px; } .detail-project__descr-title { text-align: left; } .detail-project__descr-text { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #1A1A1A; } .detail-project__help.detail-help { display: flex; align-items: center; max-height: 250px; background-color: #FBF9F7; border-radius: 5px; } .detail-help__image-two { display: none; } .detail-help__content { margin-right: 50px; } .detail-help__title { font-family: 'Manrope'; font-weight: 600; font-size: 24px; line-height: 34px; color: #252362; margin-bottom: 15px; } .detail-help__text { font-family: 'Manrope'; font-weight: 400; font-size: 16px; line-height: 26px; color: #1A1A1A; margin-bottom: 23px; } .detail-help__btn { display: flex; align-items: center; font-family: 'Manrope'; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; background-color: #039F9B; border: 2px solid #039F9B; border-radius: 5px; padding: 13px 88px; transition: all .3s; } .detail-help__icon { display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3C0 1.34315 1.34315 0 3 0H16.2C17.8569 0 19.2 1.34315 19.2 3V13.8C19.2 15.4569 17.8569 16.8 16.2 16.8H10.4485L7.02426 20.2243C6.78995 20.4586 6.41005 20.4586 6.17574 20.2243L2.74039 16.7889C1.20509 16.6573 0 15.3694 0 13.8V3ZM3 1.2C2.00589 1.2 1.2 2.00589 1.2 3V13.8C1.2 14.7941 2.00589 15.6 3 15.6C3.15913 15.6 3.31174 15.6632 3.42426 15.7757L6.6 18.9515L9.77574 15.7757C9.88826 15.6632 10.0409 15.6 10.2 15.6H16.2C17.1941 15.6 18 14.7941 18 13.8V3C18 2.00589 17.1941 1.2 16.2 1.2H3Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 6.6C24 4.94315 22.6569 3.6 21 3.6C20.6686 3.6 20.4 3.86863 20.4 4.2C20.4 4.53137 20.6686 4.8 21 4.8C21.9941 4.8 22.8 5.60589 22.8 6.6V17.4C22.8 18.3941 21.9941 19.2 21 19.2C20.8409 19.2 20.6883 19.2632 20.5757 19.3757L17.4 22.5515L14.2243 19.3757C14.1117 19.2632 13.9591 19.2 13.8 19.2H10.2C9.86863 19.2 9.6 19.4686 9.6 19.8C9.6 20.1314 9.86863 20.4 10.2 20.4H13.5515L16.9757 23.8243C17.2101 24.0586 17.59 24.0586 17.8243 23.8243L21.2596 20.3889C22.7949 20.2573 24 18.9694 24 17.4V6.6Z' fill='white'/%3E%3C/svg%3E%0A"); fill: red; width: 24px; height: 24px; margin-right: 10px; transition: all .3s; } .detail-help__btn:hover { color: #039F9B; background-color: transparent; } .detail-help__btn:hover .detail-help__icon { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3C0 1.34315 1.34315 0 3 0H16.2C17.8569 0 19.2 1.34315 19.2 3V13.8C19.2 15.4569 17.8569 16.8 16.2 16.8H10.4485L7.02426 20.2243C6.78995 20.4586 6.41005 20.4586 6.17574 20.2243L2.74039 16.7889C1.20509 16.6573 0 15.3694 0 13.8V3ZM3 1.2C2.00589 1.2 1.2 2.00589 1.2 3V13.8C1.2 14.7941 2.00589 15.6 3 15.6C3.15913 15.6 3.31174 15.6632 3.42426 15.7757L6.6 18.9515L9.77574 15.7757C9.88826 15.6632 10.0409 15.6 10.2 15.6H16.2C17.1941 15.6 18 14.7941 18 13.8V3C18 2.00589 17.1941 1.2 16.2 1.2H3Z' fill='%23039F9B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 6.6C24 4.94315 22.6569 3.6 21 3.6C20.6686 3.6 20.4 3.86863 20.4 4.2C20.4 4.53137 20.6686 4.8 21 4.8C21.9941 4.8 22.8 5.60589 22.8 6.6V17.4C22.8 18.3941 21.9941 19.2 21 19.2C20.8409 19.2 20.6883 19.2632 20.5757 19.3757L17.4 22.5515L14.2243 19.3757C14.1117 19.2632 13.9591 19.2 13.8 19.2H10.2C9.86863 19.2 9.6 19.4686 9.6 19.8C9.6 20.1314 9.86863 20.4 10.2 20.4H13.5515L16.9757 23.8243C17.2101 24.0586 17.59 24.0586 17.8243 23.8243L21.2596 20.3889C22.7949 20.2573 24 18.9694 24 17.4V6.6Z' fill='%23039F9B'/%3E%3C/svg%3E%0A"); } .detail-realized { margin-bottom: 60px; } .detail-realized__title-block { text-align: left; } .detail-realized__item { display: flex; align-items: center; border: 1px solid #F2ECE6; border-radius: 5px; } .detail-realized__item:not(:last-child) { margin-bottom: 20px; } .detail-realized__top { display: flex; justify-content: space-between; } .detail-realized__middle { display: flex; align-items: flex-end; margin-bottom: 10px; } .detail-realized__imglink { margin-right: 30px; } .detail-realized__items { /* width: 100%; */ } .detail-realized__title { font-family: 'Manrope'; font-weight: 600; font-size: 16px; line-height: 26px; color: #1A1A1A; } .detail-realized__link { font-family: 'Manrope'; font-weight: 400; font-size: 16px; line-height: 26px; color: #D43721; border-bottom: 1px solid #D43721; transition: all .3s; } .detail-realized__link--mobile { display: none; } .detail-realized__link:hover { border-bottom: 1px solid transparent; } .detail-realized__param { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 30px; color: #665E58; margin-right: 17px; } .detail-realized__param-value { font-weight: 600; color: #1A1A1A; } .detail-realized__photo:not(:last-child) { margin-right: 30px; } .detail-project-form { max-width: 800px; margin: 0 auto; text-align: center; } .detail-calc-btn { max-width: 470px; margin-top: 0; margin: 15px 0 45px 0; } @media(max-width: 768px) { .detail-calc-btn { max-width: 360px; margin: 30px 0; } .detail-calc-btn a { text-align: center; } .detail-calc-btn a::before { left: 30px; top: 24px; } } @media(max-width: 330px) { .detail-calc-btn a { padding: 13px 0; } } .application__submit { font-weight: 600; font-size: 16px; line-height: 24px; background-color: #d53721; color: #ffffff; padding: 15px 85px; cursor: pointer; max-width: 315px; border-radius: 5px; /*max-width: 315px;*/ border: 1px solid #d53721; transition: all .3s; } .application__submit:hover { background-color: #fff; color: #d53721; } /* MEDIA QUERIES */ @media(max-width: 1450px) { .detail-social__items--top .detail-social__item[data-title]:after { left: auto; right: 100%; } } @media(min-width: 1150px) { .sidebar--mobile { display: none; } } @media(max-width: 1150px) { .sidebar { display: none; } .sidebar--mobile { display: block; } .offer-wrapper .description-list:last-child { margin-top: 0; } .detail-realized__photos { display: none; } .ak-left__wrap { column-gap: 20px; } } @media(max-width: 830px) { .ak-left__wrap { flex-direction: column; align-items: flex-start; } .detail-project__title { margin-bottom: 15px; } .detail-project .main_block { max-width: 100%; } .detail-project .sidebar { max-width: 100%; width: 100%; } .detail-specification__wrapper { flex-direction: column; } .detail-specification__items { width: auto; } .detail-specification__items:first-child { padding-bottom: 0; } .detail-specification__items:nth-child(2) { padding-top: 0; } .detail-specification__title { text-align: center; } .detail-project__help.detail-help { align-items: normal; max-height: none; flex-direction: column-reverse; } .detail-help__content { margin-right: 0; padding: 26px 15px; } .detail-help__image-one { display: none; } .detail-help__image-two { display: block; width: 100%; } .detail-help__btn { padding: 13px 60px } .detail-realized__imglink { display: block; margin-right: 0; } .detail-realized__img { width: 100%; } .detail-realized__item { flex-direction: column; align-items: normal; } .detail-realized__link { display: none; } .detail-realized__link--mobile { display: inline; } .detail-realized__content { padding: 15px; } .detail-realized__middle { align-items: flex-start; flex-direction: column; } .detail-social { margin-left: 15px; } .detail-social__items--top { display: flex; } } @media(max-width: 345px) { .detail-help__btn { padding: 13px 40px } } /* detail pop-up */ .detail__popup.active { opacity: 1; visibility: visible; } .detail__popup { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; background: #332B29; z-index: 999; left: 0; top: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .detail-popup__body { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .detail-popup__content { background-color: #fff; max-width: 345px; padding: 19px 20px 30px; position: relative; border-radius: 5px; } .detail-popup__close { transition: 0.3s; position: absolute; top: -50px; right: 0px; background: #D43721 url('/local/templates/monolite_new/css/../img/close-icon.svg') no-repeat center center; width: 30px; height: 30px; border-radius: 50%; } .detail-popup__close:hover { transition: 0.3s; cursor: pointer; } .detail-popup__title { font-weight: 600; font-size: 18px; line-height: 34px; text-align: center; color: #252362; padding-bottom: 10px; } .detail-popup__name { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .detail-popup__name input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .detail-popup__number { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .detail-popup__number input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .detail-popup__email { width: 100%; height: 40px; border-radius: 5px; overflow: hidden; margin-bottom: 5px; } .detail-popup__email input { width: 100%; height: 40px; padding: 5px 10px; background: #FBF9F7; font-size: 16px; } .detail-popup__cheakbox { margin-top: 15px; font-size: 12px; line-height: 24px; color: #1A1A1A; } .detail-popup__cheakbox span { padding-left: 5px; } .detail-popup__cheakbox .checkbox { display: none; } .detail-popup__cheakbox .fake-checkbox { width: 14px; height: 14px; display: inline-block; border: 1px solid #F2ECE6; position: relative; top: 2px; } .detail-popup__cheakbox .fake-checkbox::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 8px; height: 8px; background: url('/local/templates/monolite_new/css/../img/success-icon.svg') no-repeat center center; transition: 0.3s; opacity: 0; } .detail-popup__cheakbox .checkbox:checked + .fake-checkbox::before { transition: 0.2s; opacity: 1; } .detail-popup__cheakbox .personal-info { color: #D43721; border-bottom: 1px solid #D43721; } .detail-popup__button { margin-top: 15px; width: 100%; height: 50px; background-color: #252362; border-radius: 5px; text-align: center; overflow: hidden; } .detail-popup__button input { color: #FBF9F7; width: 100%; height: 100%; background-color: #252362; cursor: pointer; } @media (max-width: 284px) { .header-popup__title { font-size: 17px; } } .similar-projects--custom { left: 0; overflow: hidden; } @media screen and (max-width: 1150px) { .similar-projects--custom { width: 100%; position: relative; } } .section-title--detail { padding-left: 0; } .detail-project-form .benefits-slider__button a { text-align: center; } @media(max-width: 768px) { .detail-project-form .button-baykal a::before { left: 30px; top: 23px; } } @media(max-width: 370px) { .popular-tabs__item { font-size: 12px; } } .detail-project__action { padding: 10px 15px; background: linear-gradient(264.15deg, #FF705C 0%, #F3523C 100%); border-radius: 5px; color: #fff; margin-bottom: 15px; } .detail-project__action--morgage { background: #ADBD00; } .detail-project__action--extratext { background: #e9fffe; } .detail-project__action-head { display: flex; align-items: center; } .detail-project__action-icon { width: 18px; height: 18px; margin-right: 15px; } .detail-project__action-title { font-family: 'Manrope'; font-weight: 600; font-size: 16px; line-height: 26px; color: #FFFFFF; position: relative; } .detail-project__action-text { font-family: 'Manrope'; font-weight: 400; font-size: 15px; line-height: 26px; color: #FFFFFF; } .detail-project__action--extratext .detail-project__action-text { color: #005751; } .detail-project__action--extratext .detail-project__action-text:first-child { margin-bottom: 5px; } /* Full-width image detail */ @media (max-width: 768px) { .main-image { width: 100vw; transform: translateX(-50%); position: relative; left: 50%; } .main-image img { border-radius: 0; } .gallery-block.ak-slider { padding-top: 0; } .ak-slider { overflow: inherit; } } /* End */ /* Start:/local/templates/monolite_new/css/custom-section.css?175333203443426*/ /* ������� �����: ������������� �������, ���� */ .catalog-section { background-color: #F4F4F4; } .catalog-section__top { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; } .catalog-section__breadcrumbs { display: block; margin-top: 0; } .ak-breadcr.catalog-section__breadcrumbs li, .ak-breadcr.catalog-section__breadcrumbs li a { display: inline-block; font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #99938E; } .catalog-section__header--banner .ak-breadcr.catalog-section__breadcrumbs li, .catalog-section__header--banner .ak-breadcr.catalog-section__breadcrumbs li a { font-size: 13px; color: #fff; } .catalog-section__header--banner .catalog-section__title { font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 17px; } .btn-calculator { top: 250px; } .mobile-calkulator--new .img-icons-calculator { border-radius: 0; width: 30px; height: 30px; } @media(max-width: 768px) { .catalog-section__top { flex-direction: column; align-items: flex-start; padding-top: 100px; margin-bottom: 10px; } .catalog-section__breadcrumbs { margin: 20px 0; } .breadcrumb.breadcrumb--section { display: flex; flex-wrap: nowrap; overflow-x: auto; } .breadcrumb.breadcrumb--section::-webkit-scrollbar { width: 0; display: none; } .breadcrumb.breadcrumb--section > li { flex: 0 0 auto; } .ak-left.catalog-section__title { margin-top: 0; margin-bottom: 10px; } .catalog-section__top .section-tags { max-width: 100%; } .section-tags__navbtn { display: none; } .mobile-calkulator.mobile-calkulator--new { left: auto; right: 0; max-width: 270px; } .mobile-calkulator--new br { display: inline; } } /* ����� ������� ����� */ .section-tags { position: relative; max-width: 603px; } .section-tags__wrapper { position: relative; } .section-tags__items { display: flex; flex-direction: row; } .section-tags__item { margin-right: 2px; padding: 4px 10px; background-color: #E3F3F3; transition: all .3s; } .section-tags__item:hover { background-color: #C1EAEA; } .section-tags__link { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; color: #665E58; } .section-tags__navbtn { width: 30px; height: 34px; background-color: #E3F3F3; text-align: center; background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; } .section-tags__prev { background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L6 1L2 5L6 9L5 10L0 5L5 0Z' fill='%23665E58'/%3E%3C/svg%3E%0A"); border-radius: 5px 0px 0px 5px; top: 0px; left: -32px; } .section-tags__next { background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10L0 9L4 5L0 1L1 0L6 5L1 10Z' fill='%23665E58'/%3E%3C/svg%3E%0A"); border-radius: 0px 5px 5px 0px; top: 0px; right: -30px; } .swiper-slide--custom { width: auto !important; } .catalog-section__header--banner .section-tags__item { background-color: rgba(3, 159, 155, 0.5); border-radius: 5px; padding: 0 20px; } .catalog-section__header--banner .section-tags__link { font-size: 13px; line-height: 30px; color: #fff; } .catalog-section__header--banner .section-tags__navbtn { background-color: rgba(3, 159, 155, 0.5); border-radius: 5px; height: 30px; } .catalog-section__header--banner .section-tags__prev { background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10.8004L5.4 11.4004L0 6.00039L5.4 0.60039L6 1.20039L1.2 6.00039L6 10.8004Z' fill='white' /%3E%3C/svg%3E"); } .catalog-section__header--banner .section-tags__next { background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.8004L0.6 11.4004L6 6.00039L0.6 0.60039L0 1.20039L4.8 6.00039L0 10.8004Z' fill='white' /%3E%3C/svg%3E"); } /* ������ � ������� */ .catalog-section__header--banner { /*background-color: rgba(3, 159, 155, 0.5);*/ background-color: transparent; background-image: url('/local/templates/monolite_new/img/section/banner-1920.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 500px; margin-bottom: 30px; position: relative; } .catalog-section__header--banner::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(0, 0, 0, .125); } .catalog-section__header--banner .catalog-section__top { padding-top: 30px; } .section-banner__content-title { font-family: "Manrope", sans-serif; font-weight: 400; font-size: 40px; line-height: 44px; color: #fff; /*text-transform: uppercase;*/ max-width: 915px; margin-bottom: 20px; } .section-banner__content-title span { font-weight: 800; color: #ffc700; } .section-banner__content-subtitle { font-family: "Manrope", sans-serif; font-weight: 600; font-size: 20px; line-height: 22px; color: #fff; max-width: 640px; /*margin-bottom: 57px;*/ margin-bottom: 50px; } .section-banner__content-footer { display: flex; align-items: center; justify-content: space-between; } .section-banner__content-btn { font-family: "Manrope", sans-serif; font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; color: #252362; background-color: #ffc700; padding: 13px 25px; border-radius: 5px; } .section-banner__content-features { display: flex; column-gap: 22px; } .section-banner__content-feature { font-family: "Manrope", sans-serif; font-weight: 600; font-size: 17px; line-height: 20px; color: #fff; } .section-banner__content-feature span { font-size: 26px; } @media (max-width: 768px) { .catalog-section__header--banner .catalog-section__breadcrumbs { margin: 10px 0; } .catalog-section__header--banner .ak-noimg { padding-top: 0; } .catalog-section__header--banner { background-image: url('/local/templates/monolite_new/img/section/banner-480.jpg'); /*height: 900px;*/ /*height: 740px;*/ height: 600px; margin-top: 108px; } .catalog-section__header--banner .catalog-section__top { padding-top: 0; } .catalog-section__header--banner .catalog-section__title { max-height: 200px; /*padding-bottom: 227px;*/ /*padding-bottom: 140px;*/ /*padding-bottom: 100px;*/ padding-bottom: 70px; } .section-banner__content-title { font-size: 36px; line-height: 38px; max-width: 386px; } .section-banner__content-subtitle { line-height: 24px; max-width: 430px; margin-bottom: 20px; } .section-banner__content-footer { flex-direction: column-reverse; } .section-banner__content-btn { width: 100%; font-size: 16px; } .section-banner__content-features { flex-wrap: wrap; column-gap: normal; row-gap: 15px; /*margin-bottom: 55px;*/ margin-bottom: 50px; } .section-banner__content-feature { font-size: 15px; flex-basis: 50%; } .section-banner__content-feature span { font-size: 24px; } } @media (max-width: 450px) { .section-banner__content-feature { font-size: 14px; line-height: 18px; } .section-banner__content-feature span { font-size: 18px; } .section-banner__content-title { font-size: 30px; line-height: 35px; } .section-banner__content-subtitle { font-size: 18px; } } @media (max-width: 375px) { .section-banner__content-subtitle { margin-bottom: 20px; } .catalog-section__header--banner .catalog-section__title { /*padding-bottom: 115px;*/ } .section-banner__content-footer { align-items: flex-start; } .section-banner__content-features { flex-direction: column; row-gap: 10px; margin-bottom: 30px; } } /* ������ ������� ����� */ .section-tags-two__title { font-weight: 700; margin-bottom: 15px; } .section-tags-two { background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%); border-radius: 5px 5px 0px 0px; margin-bottom: 30px; } .section-tags-two__items { display: flex; flex-wrap: wrap; max-width: 895px; padding: 15px; padding-bottom: 0; } .section-tags-two__item { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #252362; border-bottom: 1px solid #252362; margin: 0 15px 5px 0; transition: all .3s; } .section-tags-two__item:hover { border-bottom-color: transparent; } /* ���������� */ .catalog-section__sort-left { display: flex; } .catalog-section__sort-title { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #665E58; margin-right: 15px; } .catalog-section__sort-current { display: none; font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #1A1A1A; border-bottom: 1px dashed; cursor: pointer; position: relative; } .catalog-section__sort-current::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1 0L5 4L9 0L10 1L5 6L0 1Z' fill='%232F2B28'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: absolute; top: 39%; right: -15px; width: 10px; height: 6px; } .catalog-section__sort-current.active { display: block; } .catalog-section__sort-list-wrap { display: none; } .catalog-section__sort-list--arrow { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5L9 6L5 2L1 6L0 5L5 0L10 5Z' fill='%232F2B28'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: absolute; top: 25px; right: 15px; width: 10px; height: 6px; cursor: pointer; } .catalog-section__sort-list-wrap.active { display: block; background-color: #FFFFFF; box-shadow: 0px 0px 15px rgba(37, 35, 98, 0.15); border-radius: 5px; padding: 15px; position: relative; bottom: 16px; width: 240px; position: relative; } .catalog-section__sort { display: flex; justify-content: space-between; margin-bottom: 15px; } .catalog-section__sort-link.active { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #1A1A1A; border-bottom: none; } .catalog-section__sort-link { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #665E58; border-bottom: 1px dashed; } .catalog-section__sort-buttons--mobilefilter { display: none; margin-bottom: 15px; } .mb-filter .catalog-section__sort-buttons--mobilefilter { display: block; } .catalog-section__sort-button { display: inline-block; font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 24px; text-align: center; color: #FFFFFF; padding: 3px 10px; opacity: 0.75; border-radius: 5px; transition: all .3s; } .catalog-section__sort-button:hover { opacity: 1; } .catalog-section__sort-button.catalog-section__sort-button--new { background-color: #039F9B; } .catalog-section__sort-button.catalog-section__sort-button--popular { background-color: #252362; } .catalog-section__sort-button.catalog-section__sort-button--action { background-color: #D43721; } .mb-open-filter { display: none; font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 24px; text-align: center; color: #039F9B; width: 100%; padding: 8px 0; background-color: transparent; border: 2px solid #039F9B; border-radius: 5px; margin-bottom: 20px; } @media(max-width: 768px) { .mb-open-filter { display: block; width: 135px; } .catalog-section__filter--desktop { display: none; } .catalog-section__sort-filter { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; column-gap: 20px; } .catalog-section__sort-left { flex-direction: column; margin-bottom: 5px } .catalog-section__sort-title { font-size: 12px; line-height: 20px; } } /* ������ */ .catalog-section__wrap { display: flex; } .catalog-section__content { width: 100%; } .catalog-section__filter { width: 100%; max-width: 205px; top: 300px; left: 15px; margin-right: 20px; } .catalog-section__items { display: flex; /*justify-content: space-between;*/ gap: 20px; flex-wrap: wrap; } .catalog-section__item { display: flex; flex-direction: column; /*width: calc(33.3333% - 10px);*/ width: 33%; max-width: 285px; border-radius: 5px; margin-bottom: 20px; transition: all .3s; background: #fff; position: relative; } .catalog-section__item:hover { box-shadow: 0px 0px 20px rgba(37, 35, 98, 0.4); } .catalog-section__item:not(:last-child) { /*margin-right: 20px;*/ } .catalog-item__title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .catalog-item__title-link { font-family: 'Manrope'; font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; } .catalog-item__id { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #665E58; } .catalog-item__id--mobile { display: none; } .catalog-item__id--desktop { display: block; } .catalog-item__lastline { display: flex; align-items: center; justify-content: space-between; } @media(max-width: 768px) { .catalog-item__id--mobile { display: block; } .catalog-item__id--desktop { display: none; } } .catalog-item__descr { font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 18px; color: #665E58; margin-bottom: 10px; } .catalog-item__content { padding: 10px 15px; padding-top: 0; } .catalog-item__props { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .catalog-item__prop-value { font-family: 'Manrope'; font-weight: 600; font-size: 18px; line-height: 28px; color: #252362; } .catalog-item__prop-value { display: flex; } .catalog-item__prop-img { margin-right: 7px; } .catalog-item__prop-name { font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 18px; color: #665E58; } .catalog-item__specific { font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 18px; color: #665E58; margin-bottom: 15px; } .catalog-item__tabs-nav { display: flex; justify-content: center; align-items: center; max-width: 234px; margin: 0 auto 10px auto; background: #f2ece6; border-radius: 14px; overflow: hidden; } .catalog-item__tab { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; font-size: 12px; line-height: 24px; white-space: nowrap; border-radius: 14px; color: #D43721; padding: 2px 8px; position: relative; z-index: 2; } .catalog-item__tab.active { color: #ffffff; background-color: #D43721; } .catalog-item__tabs-price { font-family: 'Manrope'; font-weight: 600; font-size: 18px; line-height: 34px; color: #D43721; } .catalog-item__tabs-limit { display: flex; justify-content: space-between; font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; color: #665E58; margin-bottom: 3px; } span.catalog-item__tabs-days { font-weight: 700; color: #1A1A1A; } .catalog-item__tabs-item { display: none; } .catalog-item__tabs-item.active { display: block; } .catalog-item__3d { display: block; position: absolute; font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 24px; text-align: center; color: #1A1A1A; background: #FFD200; border-radius: 5px 0px; padding: 5px 10px; } .catalog-item__labels { position: absolute; top: 92px; } .catalog-item__label { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 24px; text-align: center; color: #FFFFFF; border-radius: 0px 5px 5px 0px; height: 30px; } .catalog-item__label:not(:last-child) { margin-bottom: 5px; } .catalog-item__label.catalog-item__label--3d { background: #FFD200; color: #1A1A1A; width: 87px; } .catalog-item__label.catalog-item__label--promo { background: #D43721; width: 55px; } .catalog-item__label.catalog-item__label--new { background: #039F9B; width: 70px; } .catalog-item__label.catalog-item__label--popular { background: #252362; width: 90px; } .catalog-item__label.catalog-item__label--hit { background: linear-gradient(263deg, #F6DC60 0%, #D7A335 100%); color: #fff; width: 86px; } .catalog-item__label.catalog-item__label--mortgage { background: #ADBD00; color: #fff; width: 76px; } .catalog-item__compare { position: absolute; top: 5px; left: 5px; } .catalog-item__compare-label { display: flex; align-items: center; column-gap: 10px; cursor: pointer; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); padding: 2px 5px 2px 5px; transition: all .3s; } .catalog-item__compare-label:hover { background-color: rgba(0, 0, 0, 0.2); } .catalog-item__compare-span { font-size: 12px; font-family: 'Manrope'; font-weight: 400; line-height: 24px; color: #FFF; } .catalog-item__compare-checkbox { display: none; } .catalog-item__compare-checkbox + span { display: inline-block; width: 16px; height: 16px; background-color: #fff; border-radius: 3px; } .catalog-item__compare-checkbox:checked + span { background: url('/local/templates/monolite_new/img/new-icons/compare-checkbox.svg') #D43721; background-size: 9px 6.5px; background-position: center center; background-repeat: no-repeat; } @media(max-width: 1150px) { .catalog-section__item { width: 50%; } } @media(max-width: 768px) { .catalog-section__item { width: 100%; max-width: none; } .catalog-section__sort-right { display: none; } .catalog-section__wrap { display: block; } .catalog-item__props { justify-content: normal; gap: 20px; } .catalog-item__tabs-item.active { display: flex; justify-content: space-between; align-items: center; } } /* slider images */ /* ������������ ����� */ .hvr__images { position: relative; } .hvr__sectors { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } .hvr__sector { flex-grow: 1; } /* �� ������������ ����� */ /*.catalog-item__images { display: flex; overflow: hidden; } .catalog-item__image { display: block; }*/ .catalog-item__images .catalog-item__image { display: none; width: 100%; height: auto; } .catalog-item__images .catalog-item__image:first-child { display: block; } .hvr__dots { display: flex; align-items: center; justify-content: center; position: relative; bottom: 25px; } .hvr__dot { width: 40px; height: 3px; margin: 10px 2px 0; background: #E3F3F3; } .hvr__dot--active { background: #FFD200; } .catalog-item__wish { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.34805 2.25109C7.73907 1.84836 6.04883 1.05022 4.33934 1.95925C2.53029 2.92121 1.57156 4.70146 1.53919 6.80935C1.50739 8.87955 2.55725 11.4124 5.2933 14.2974C7.18279 16.2896 9.05547 17.6845 10.0249 18.3196C10.662 17.8844 11.7658 17.0629 12.9836 15.981C14.891 14.2863 16.8137 12.154 17.9034 9.54776C18.9485 7.04814 18.479 4.57386 16.8967 2.87488C15.3851 1.2518 13.4546 1.44583 12.4345 1.83425C11.6511 2.13251 10.8636 2.85899 10.5767 3.18671C10.4307 3.35356 10.2197 3.44926 9.99795 3.44926C9.7762 3.44926 9.56523 3.35356 9.41917 3.18671C9.26805 3.01409 8.82133 2.56407 8.34805 2.25109ZM3.61702 0.600871C6.08892 -0.713563 8.4359 0.464708 9.19669 0.967835C9.49031 1.16201 9.76738 1.38799 10.0002 1.59767C10.4808 1.17159 11.1553 0.675062 11.887 0.396468C13.246 -0.12097 15.9295 -0.421041 18.0225 1.82635C20.0449 3.99784 20.5846 7.12339 19.3228 10.1412C18.1055 13.0525 15.9909 15.3671 14.0054 17.1311C12.4209 18.5389 10.9978 19.545 10.4351 19.8889C10.1928 20.0369 9.88881 20.0394 9.64413 19.8956C8.76705 19.3799 6.47749 17.7817 4.17701 15.356C1.28981 12.3117 -0.0394089 9.40949 0.00088871 6.78572C0.0406075 4.19964 1.24467 1.86237 3.61702 0.600871Z' fill='%23039F9B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.34814 2.2512C7.73916 1.84848 6.04892 1.05034 4.33942 1.95936C2.53037 2.92133 1.57165 4.70158 1.53927 6.80947C1.50748 8.87967 2.55734 11.4126 5.29339 14.2975C7.18287 16.2898 9.05555 17.6846 10.025 18.3197C10.6621 17.8845 11.7659 17.063 12.9836 15.9811C14.8911 14.2864 16.8138 12.1541 17.9035 9.54788C18.9486 7.04826 18.479 4.57398 16.8968 2.875C15.3851 1.25192 13.4547 1.44595 12.4346 1.83437C11.6512 2.13263 10.8637 2.85911 10.5768 3.18683C10.4308 3.35368 10.2198 3.44938 9.99804 3.44938C9.77629 3.44938 9.56532 3.35368 9.41925 3.18683C9.26813 3.01421 8.82142 2.56419 8.34814 2.2512Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 20px; height: 20px; cursor: pointer; position: absolute; right: 10px; top: 10px; } .catalog-item__wish.active { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.34805 2.25109C7.73907 1.84836 6.04883 1.05022 4.33934 1.95925C2.53029 2.92121 1.57156 4.70146 1.53919 6.80935C1.50739 8.87955 2.55725 11.4124 5.2933 14.2974C7.18279 16.2896 9.05547 17.6845 10.0249 18.3196C10.662 17.8844 11.7658 17.0629 12.9836 15.981C14.891 14.2863 16.8137 12.154 17.9034 9.54776C18.9485 7.04814 18.479 4.57386 16.8967 2.87488C15.3851 1.2518 13.4546 1.44583 12.4345 1.83425C11.6511 2.13251 10.8636 2.85899 10.5767 3.18671C10.4307 3.35356 10.2197 3.44926 9.99795 3.44926C9.7762 3.44926 9.56523 3.35356 9.41917 3.18671C9.26805 3.01409 8.82133 2.56407 8.34805 2.25109ZM3.61702 0.600871C6.08892 -0.713563 8.4359 0.464708 9.19669 0.967835C9.49031 1.16201 9.76738 1.38799 10.0002 1.59767C10.4808 1.17159 11.1553 0.675062 11.887 0.396468C13.246 -0.12097 15.9295 -0.421041 18.0225 1.82635C20.0449 3.99784 20.5846 7.12339 19.3228 10.1412C18.1055 13.0525 15.9909 15.3671 14.0054 17.1311C12.4209 18.5389 10.9978 19.545 10.4351 19.8889C10.1928 20.0369 9.88881 20.0394 9.64413 19.8956C8.76705 19.3799 6.47749 17.7817 4.17701 15.356C1.28981 12.3117 -0.0394089 9.40949 0.00088871 6.78572C0.0406075 4.19964 1.24467 1.86237 3.61702 0.600871Z' fill='%23039F9B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.34814 2.2512C7.73916 1.84848 6.04892 1.05034 4.33942 1.95936C2.53037 2.92133 1.57165 4.70158 1.53927 6.80947C1.50748 8.87967 2.55734 11.4126 5.29339 14.2975C7.18287 16.2898 9.05555 17.6846 10.025 18.3197C10.6621 17.8845 11.7659 17.063 12.9836 15.9811C14.8911 14.2864 16.8138 12.1541 17.9035 9.54788C18.9486 7.04826 18.4791 4.57398 16.8968 2.875C15.3851 1.25192 13.4547 1.44595 12.4346 1.83437C11.6512 2.13263 10.8637 2.85911 10.5768 3.18683C10.4308 3.35368 10.2198 3.44938 9.99804 3.44938C9.77629 3.44938 9.56532 3.35368 9.41925 3.18683C9.26813 3.01421 8.82142 2.56419 8.34814 2.2512Z' fill='%23039F9B'/%3E%3C/svg%3E%0A"); } .catalog-section__more { width: 100%; height: 40px; background-color: #252362; display: flex; justify-content: center; align-items: center; transition: all .3s; } .catalog-section__btn-more { font-family: 'Manrope'; font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; color: #fff; background-color: #252362; border-bottom: 1px dashed #fff; transition: all .3s; } .catalog-section__btn-more:hover { border-bottom-color: transparent; } .catalog-section__more:hover, .catalog-section__more:hover .catalog-section__btn-more { background-color: #474589; } .catalog-section__navigation { margin-bottom: 60px; } .catalog-section__navigation-list { display: flex; } .catalog-section__navigation-list li { padding: 5px 15px; background-color: #fff; } .catalog-section__navigation-list .bx-active { background-color: #D43721; } .catalog-section__navigation-list .bx-active span { color: #fff; } .catalog-section__navigation-list li:not(:last-child) { margin-right: 2px; } .catalog-section__navigation-list li span, .catalog-section__navigation-list li a{ font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; color: #665E58; } .catalog-section__more { margin-bottom: 20px; } .catalog-section__navigation-list .bx-pag-prev { border-radius: 5px 0px 0px 5px; } .catalog-section__navigation-list .bx-pag-next { border-radius: 0px 5px 5px 0px; } .catalog-section__navigation-list > li { transition: all .3s; } .catalog-section__navigation-list > li:hover:not(.bx-active) { background-color: #e3e3e3; } .catalog-section__navigation-list .bx-active:hover { background-color: #db6959; } .section-tags-two__item:nth-child(n+9):not(.section-tags-two__item--all) { display: none; } .section-tags-two--opened .section-tags-two__item:nth-child(n+9):not(.section-tags-two__item--all) { display: block; } /*.section-tags-two__item:nth-child(n+15):not(.section-tags-two__item--all) { display: none; }*/ /*@media(max-width: 768px) { .section-tags-two__item:nth-child(n+9):not(.section-tags-two__item--all) { display: none; } }*/ .section-tags-two__item { position: relative; } .section-tags-two__item--all::after { content: ''; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1 0L5 4L9 0L10 1L5 6L0 1Z' fill='%23252362'/%3E%3C/svg%3E%0A"); position: absolute; top: 9px; right: -15px; } .section-tags-two__item--all.active::after { transform: rotate(180deg); } /* ����: ������ � �������? */ .catalog-section__help.section-help { display: flex; align-items: center; max-height: 250px; border-radius: 5px; margin-bottom: 20px; } .section-help__image-two { display: none; } .section-help__content { margin-right: 50px; } .section-help__title { font-family: 'Manrope'; font-weight: 600; font-size: 24px; line-height: 34px; color: #252362; margin-bottom: 15px; } .section-help__text { font-family: 'Manrope'; font-weight: 400; font-size: 16px; line-height: 26px; color: #1A1A1A; margin-bottom: 23px; } .section-help__btn { display: flex; align-items: center; font-family: 'Manrope'; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF; background-color: #039F9B; border: 2px solid #039F9B; border-radius: 5px; padding: 13px 88px; transition: all .3s; } .section-help__icon { display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3C0 1.34315 1.34315 0 3 0H16.2C17.8569 0 19.2 1.34315 19.2 3V13.8C19.2 15.4569 17.8569 16.8 16.2 16.8H10.4485L7.02426 20.2243C6.78995 20.4586 6.41005 20.4586 6.17574 20.2243L2.74039 16.7889C1.20509 16.6573 0 15.3694 0 13.8V3ZM3 1.2C2.00589 1.2 1.2 2.00589 1.2 3V13.8C1.2 14.7941 2.00589 15.6 3 15.6C3.15913 15.6 3.31174 15.6632 3.42426 15.7757L6.6 18.9515L9.77574 15.7757C9.88826 15.6632 10.0409 15.6 10.2 15.6H16.2C17.1941 15.6 18 14.7941 18 13.8V3C18 2.00589 17.1941 1.2 16.2 1.2H3Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 6.6C24 4.94315 22.6569 3.6 21 3.6C20.6686 3.6 20.4 3.86863 20.4 4.2C20.4 4.53137 20.6686 4.8 21 4.8C21.9941 4.8 22.8 5.60589 22.8 6.6V17.4C22.8 18.3941 21.9941 19.2 21 19.2C20.8409 19.2 20.6883 19.2632 20.5757 19.3757L17.4 22.5515L14.2243 19.3757C14.1117 19.2632 13.9591 19.2 13.8 19.2H10.2C9.86863 19.2 9.6 19.4686 9.6 19.8C9.6 20.1314 9.86863 20.4 10.2 20.4H13.5515L16.9757 23.8243C17.2101 24.0586 17.59 24.0586 17.8243 23.8243L21.2596 20.3889C22.7949 20.2573 24 18.9694 24 17.4V6.6Z' fill='white'/%3E%3C/svg%3E%0A"); fill: red; width: 24px; height: 24px; margin-right: 10px; transition: all .3s; } .section-help__btn:hover { color: #039F9B; background-color: transparent; } .section-help__btn:hover .section-help__icon { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3C0 1.34315 1.34315 0 3 0H16.2C17.8569 0 19.2 1.34315 19.2 3V13.8C19.2 15.4569 17.8569 16.8 16.2 16.8H10.4485L7.02426 20.2243C6.78995 20.4586 6.41005 20.4586 6.17574 20.2243L2.74039 16.7889C1.20509 16.6573 0 15.3694 0 13.8V3ZM3 1.2C2.00589 1.2 1.2 2.00589 1.2 3V13.8C1.2 14.7941 2.00589 15.6 3 15.6C3.15913 15.6 3.31174 15.6632 3.42426 15.7757L6.6 18.9515L9.77574 15.7757C9.88826 15.6632 10.0409 15.6 10.2 15.6H16.2C17.1941 15.6 18 14.7941 18 13.8V3C18 2.00589 17.1941 1.2 16.2 1.2H3Z' fill='%23039F9B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 6.6C24 4.94315 22.6569 3.6 21 3.6C20.6686 3.6 20.4 3.86863 20.4 4.2C20.4 4.53137 20.6686 4.8 21 4.8C21.9941 4.8 22.8 5.60589 22.8 6.6V17.4C22.8 18.3941 21.9941 19.2 21 19.2C20.8409 19.2 20.6883 19.2632 20.5757 19.3757L17.4 22.5515L14.2243 19.3757C14.1117 19.2632 13.9591 19.2 13.8 19.2H10.2C9.86863 19.2 9.6 19.4686 9.6 19.8C9.6 20.1314 9.86863 20.4 10.2 20.4H13.5515L16.9757 23.8243C17.2101 24.0586 17.59 24.0586 17.8243 23.8243L21.2596 20.3889C22.7949 20.2573 24 18.9694 24 17.4V6.6Z' fill='%23039F9B'/%3E%3C/svg%3E%0A"); } @media(max-width: 830px) { .catalog-section__help.section-help { align-items: normal; max-height: none; flex-direction: column-reverse; } .section-help__content { margin-right: 0; padding: 26px 15px; } .section-help__image-one { display: none; } .section-help__image-two { display: block; width: 100%; } .section-help__btn { padding: 13px 60px } } /* ����� ������ */ .smart-filter__title { font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 40px; color: #1A1A1A; margin-bottom: 5px; } .smart-filter__select.select { background-color: #fff; border: 1px solid #99938E; border-radius: 5px; } .smart-filter__select .selected.smart-filter__selected { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-size: 12px; color: #1A1A1A; } .smart-filter__select .selected.smart-filter__selected:after { content: ''; position: absolute; right: 20px; border-top: none; border-left: none; border-right: none; top: 50%; margin-top: -3px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1 0L5 4L9 0L10 1L5 6L0 1Z' fill='%23252362'/%3E%3C/svg%3E%0A"); width: 10px; height: 6px; } .smart-filter__options-wrap .options.smart-filter__options { border: 1px solid #99938E; } .smart-filter__options .smart-filter-input-group-checkbox-list { row-gap: 0; } .smart-filter .catalog-filter-title.smart-filter__title-param { font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 40px; color: #039F9B; margin-top: 0; padding-bottom: 0; } .smart-filter-parameters-box-title { padding-bottom: 0; } .smart-filter-parameters-box-title-name { font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 40px; color: #1A1A1A; } .smart-filter-input--new { font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 18px; color: #665E58; padding: 7px 10px; border-radius: 5px; background-color: #fff; } .form-group.smart-filter__form-group { width: calc(50% - 5px); margin-right: 5px; } .form-group.smart-filter__form-group:last-child { width: calc(50%); margin-right: 0px; } .form-group.smart-filter__form-group input { width: 100%; } .smart-filter .label-cstm { font-family: 'Manrope'; font-weight: 400; font-size: 12px; line-height: 18px; color: #665E58; } .smart-filter .label-cstm:not(:last-child) { margin-bottom: 0; } .label-cstm .input-cstm+span { border-radius: 5px; border: 1px solid #F2ECE6; } .smart-filter-additional-link { display: inline-block; text-align: center; position: relative; cursor: pointer; font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 40px; color: #039F9B; } .smart-filter-additional-link::after { content: ''; position: absolute; right: -15px; top: 45%; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1 0L5 4L9 0L10 1L5 6L0 1Z' fill='%23039F9B'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 10px; height: 6px; } .smart-filter-additional-link.active::after { transform: rotate(180deg); } /*.smart-filter-additional-wrap { display: none; }*/ .smart-filter__apply { display: inline-block; font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 24px; text-align: center; color: #FFFFFF; background-color: #D43721; border-radius: 5px; padding: 8px; border: 1.5px solid #D43721; transition: all .3s; cursor: pointer; width: 205px; margin-bottom: 10px; } .smart-filter__apply:hover { background-color: #fff; color: #D43721; } .smart-filter__clear { display: inline-block; font-family: 'Manrope'; font-weight: 600; font-size: 14px; line-height: 24px; text-align: center; /*color: #665E58;*/ color: #99938E; border: 1.5px solid #665E58; border-radius: 5px; padding: 8px 0; width: 205px; transition: all .3s; margin-bottom: 10px; } .smart-filter__clear:hover { background-color: #665E58; color: #fff; } .smart-filter__clear--top { background-color: #252362; border-color: #252362; color: #fff; } .smart-filter__clear--top:hover { background-color: #fff; color: #252362; } /* ������ - �� ������� */ .catalog-section__empty-block { margin-bottom: 15px; } .catalog-section__empty-block:first-child { font-size: 18px; margin: 30px 0; color: #dc6655; } .catalog-section__empty-block h2 { text-align: left; } /* .btn-back { background: #fff; border: 2px solid #dc6655; border-radius: 3px; box-shadow: 2px 4px 5px 0 rgba(27, 116, 94, .22); font: 400 17px Manrope; transition: .3s; max-width: 100%; text-align: center; text-decoration: none; color: #dc6655; display: inline-block; margin-bottom: 10px; height: 38px; line-height: 34px; padding: 0 20px; } .btn-back:hover { color: #fff; border-color: #d4432c; background: #d4432c; }*/ .btn-back { color: #0075FF; text-decoration: none; } .btn-back:hover { text-decoration: underline; } /* ����� ����� */ .section-blocktagswrap { margin-bottom: 20px } .section-blocktags__btn { display: none; font-family: Manrope; font-size: 14px; font-weight: 600; line-height: 24px; color: #252362; margin-bottom: 5px; position: relative; } .section-blocktags__btn::after { content: ''; position: absolute; right: 0; border-top: none; border-left: none; border-right: none; top: 50%; margin-top: -3px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1L1 0L5 4L9 0L10 1L5 6L0 1Z' fill='%23252362'/%3E%3C/svg%3E%0A"); width: 10px; height: 6px; } .section-blocktags__btn.active::after { transform: rotate(180deg); } .section-blocktags { display: none; } .section-blocktags { display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 5px; /*margin-bottom: 20px;*/ } .section-blocktag { flex-basis: calc(50% - 5px); background-color: #C1EAEA; border-radius: 5px; padding: 15px; } .section-blocktag__items { display: flex; flex-wrap: wrap; column-gap: 9px; } .section-blocktag__title-link { font-family: Manrope; font-size: 14px; font-weight: 400; line-height: 24px; color: #252362; border-bottom: 1px dashed; } .section-blocktag__link { font-family: Manrope; font-size: 12px; font-weight: 400; line-height: 18px; color: #665E58; border-bottom: 1px dashed; } @media(max-width: 768px) { .section-blocktag { flex-basis: 100%; } .section-blocktags__btn { display: block; margin-bottom: 0; } .section-blocktags__btn.active { margin-bottom: 5px; } .section-blocktagswrap { border: 2px solid #252362; border-radius: 5px; padding: 10px; } .section-blocktags { display: none; } .section-blocktags.active { display: flex; } } /* ���� ���������� */ .catalog-section__popular h2 { font-family: Manrope; font-size: 30px; font-weight: 600; line-height: 40px; color: #252362; text-align: left; margin-bottom: 30px; } .catalog-item--popular.catalog-section__item { background: #252362; } .catalog-item--popular .catalog-item__title-link { color: #fff; } .catalog-item--popular .catalog-item__descr { color: #B4B3D6; } .catalog-item--popular .catalog-item__prop-value { color: #fff; } .catalog-item--popular .catalog-item__prop-name { color: #B4B3D6; } .catalog-item--popular .catalog-item__specific { color: #B4B3D6; } .catalog-item--popular .catalog-item__tabs-nav { background: #1C4270; } .catalog-item--popular .catalog-item__tab.active { background: #ADBD00; color: #252362; } .catalog-item--popular .catalog-item__tab { color: #ADBD00; } .catalog-item--popular .catalog-item__tabs-price { color: #ADBD00; } .catalog-item--popular .catalog-item__tabs-limit { color: #B4B3D6; } .catalog-item--popular span.catalog-item__tabs-days { color: #fff; } .catalog-item--popular .catalog-item__tabs-limit .ak-days svg path { fill: #B4B3D6; } .catalog-item--popular .catalog-item__id { color: #B4B3D6; } .catalog-item--popular .catalog-item__labels { top: 145px; } .catalog-item--popular .catalog-item__label--purchases { display: block; font-family: Manrope; font-size: 12px; font-weight: 400; line-height: 18px; width: 134px; height: 47px; padding: 5px 5px 5px 10px; color: #FFF; background: #ADBD00; text-align: left; } .catalog-item--popular .catalog-item__label--purchases span { font-weight: 600; } .benefits__text--margin { margin: 15px auto; } .catalog-section--geo h2 { margin: 0; padding: 30px 0; } .catalog-section--geo .catalog-section__items { justify-content: center; } /* End */ /* Start:/local/templates/monolite_new/components/bitrix/menu/mobile-left-menu/style.css?1738844697946*/ .mb-menu-close { position: absolute; top: 10px; right: 10px; } .mb-menu-close svg { fill: #939393FF; } .project-column { margin-bottom: 15px; } .project-column.project-column--mobile { margin-bottom: 35px; } .project-column__title { font-size: 14px; font-weight: 700; margin-bottom: 5px; color: #7a7a7a; } .project-column--mobile .project-column__title { font-size: 15px; margin-bottom: 15px; color: #2f2b28; } .project-column__items--mobile li { margin-bottom: 20px } .project-column__items li > a { font-size: 12px; color: #7a7a7a; } .project-column--mobile .project-column__items li > a { font-size: 15px !important; } .project-column__items li > a.bolder { font-weight: 700; color: #2f2b28; } .project-column__items li > a:hover, .project-column__items li > a.active { text-decoration: underline; } /* End */ /* Start:/local/templates/monolite_new/components/bitrix/menu/mobile-left-menu-objects/style.css?1738844697946*/ .mb-menu-close { position: absolute; top: 10px; right: 10px; } .mb-menu-close svg { fill: #939393FF; } .project-column { margin-bottom: 15px; } .project-column.project-column--mobile { margin-bottom: 35px; } .project-column__title { font-size: 14px; font-weight: 700; margin-bottom: 5px; color: #7a7a7a; } .project-column--mobile .project-column__title { font-size: 15px; margin-bottom: 15px; color: #2f2b28; } .project-column__items--mobile li { margin-bottom: 20px } .project-column__items li > a { font-size: 12px; color: #7a7a7a; } .project-column--mobile .project-column__items li > a { font-size: 15px !important; } .project-column__items li > a.bolder { font-weight: 700; color: #2f2b28; } .project-column__items li > a:hover, .project-column__items li > a.active { text-decoration: underline; } /* End */ /* Start:/local/templates/monolite_new/components/bitrix/menu/mobile-left-menu-villages/style.css?1738844697946*/ .mb-menu-close { position: absolute; top: 10px; right: 10px; } .mb-menu-close svg { fill: #939393FF; } .project-column { margin-bottom: 15px; } .project-column.project-column--mobile { margin-bottom: 35px; } .project-column__title { font-size: 14px; font-weight: 700; margin-bottom: 5px; color: #7a7a7a; } .project-column--mobile .project-column__title { font-size: 15px; margin-bottom: 15px; color: #2f2b28; } .project-column__items--mobile li { margin-bottom: 20px } .project-column__items li > a { font-size: 12px; color: #7a7a7a; } .project-column--mobile .project-column__items li > a { font-size: 15px !important; } .project-column__items li > a.bolder { font-weight: 700; color: #2f2b28; } .project-column__items li > a:hover, .project-column__items li > a.active { text-decoration: underline; } /* End */ /* Start:/local/templates/monolite_new/components/bitrix/search.title/monolit/style.css?17388446972108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:5px; padding-bottom:5px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/monolite_new/components/bitrix/search.title/monolit/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/monolite_new/components/bitrix/menu/header-bottom-menu/style.css?17485828772111*/ .dropdown-menu { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 600px; position: absolute; background-color: #fff; border: 1px solid #039F9B; top: 40px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 1120px; padding: 30px; transition: .3s; visibility: hidden; opacity: 0; } .dropdown-menu--services { max-width: 400px; } .header__bottom-menu--dropdown:hover .dropdown-menu { visibility: visible; opacity: 1; } .project-column { margin-bottom: 15px; } .project-column__title { font-size: 14px; font-weight: 700; margin-bottom: 5px; color: #7a7a7a; } .project-column__items li > a { font-size: 12px; color: #7a7a7a; } .project-column__items li > a.bolder { font-weight: 700; } .project-column__items li > a:hover, .project-column__items li > a.active { text-decoration: underline; } .dropdown-menu.dropdown-menu--objects { display: flex; flex-direction: row; justify-content: space-between; gap: 50px; } .dropdown-menu--objects .project-column { width: calc(50% - 50px); margin-top: 40px; } .dropdown-menu--villages .project-column { margin-top: 0; } .dropdown-menu--objects .project-column__items { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 300px; } .dropdown-menu--objects.dropdown-menu--villages .project-column__items { column-gap: 30px; } .dropdown-menu--objects .project-column__items > li { max-width: 205px; } .dropdown-menu--objects .dropdown-menu__linkspecial { position: absolute; font-weight: 700; } .dropdown-menu--objects .dropdown-menu__linkspecial:hover { text-decoration: underline; } /********2023*****/ .ak-burg-ico { border-radius: 0; margin-right: 9px; margin-top: 5px; fill: #2F2B28; transition: all .5s ease; } .ak-burg-ico:hover { fill: #d43721; } .header__bottom-menu > li:hover > a .ak-burg-ico { fill: #d43721; } /* End */ /* Start:/local/components/itcentre/footer-menu/templates/footer-menu/style.css?17446976901775*/ .footer-body__proekt:first-child { /*padding-right: 45px;*/ } .footer__body.footer-body { flex-wrap: nowrap; } .footer-body__column { display: flex; flex-direction: column; justify-content: space-between; } @media(min-width: 992px) { .footer__body.footer-body { /*padding: 32px 60px 80px;*/ padding: 32px 15px 80px; } .footer-body__proekt { margin-bottom: 15px; } } @media (min-width: 1500px) { .footer__body.footer-body { /*padding: 32px 60px 80px;*/ padding: 32px 25px 80px; } } @media(max-width: 992px) { .footer-body__proekt.hidden { display: none; } .footer-body__text-wrap { display: none; } } .footer__body { /*flex: auto;*/ position: relative; } .footer-body__text-wrap { position: absolute; bottom: 0; padding-bottom: 20px; } .footer-body__text { color: #fff; } .footer-body__column--first .footer-body__list { display: flex; flex-direction: column; flex-wrap: wrap; height: 360px; max-height: 100%; margin-right: 55px; } .footer-body__item { flex: 0 0 auto; /*width: 100%;*/ margin-right: 15px; } .footer-body__item--margin { margin-top: 120px; } @media (min-width: 992px) { .footer-body__column--first .footer-body__list { width: 320px; } } @media (max-width: 768px) { .footer-body__column--first .footer-body__list { display: none; height: auto; max-height: none; } .footer-body__item--margin { margin-top: auto; } .footer-body__column--first .footer-body__list.active { display: block; } } /* End */ /* Start:/local/templates/monolite_new/components/bitrix/search.title/popup_mobile/style.css?17388446972848*/ .mobile_search_block_wrapper { position: fixed; top: 0; width: 100%; min-height: 65px; z-index: 999; left: 0; right: 0; background-color: #FBF9F7; box-shadow: 0px 10px 15px grey; display: none; } .mobile__search-form { display: block; border: 1px solid #99938E; border-radius: 5px; background: #FFFFFF; border-radius: 5px; position: relative; padding: 5px 0 5px 10px; } .mobile__search-input { width: 100%; } .mobile_search_block { margin: 30px 15px; display: flex; align-items: center; } .mob_search_close svg { fill: #939393FF; margin-left: 10px; } .title_search_mobile { flex: 1 1 auto!important; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; } table.title-search-result_mob { border-collapse: collapse; border:none; width:100%; } table.title-search-result_mob th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result_mob td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result_mob td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result_mob td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result_mob td.title-search-item img { vertical-align:top; } table.title-search-result_mob td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result_mob tr.title-search-selected td ,table.title-search-result_mob tr.title-search-selected a ,table.title-search-result_mob tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result_mob td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result_mob td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result_mob td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result_mob td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result_mob td.title-search-separator , table.title-search-result_mob th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/monolite_new/components/bitrix/search.title/popup_mobile/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/monolite_new/components/itcentre/empty/widget-social/style.css?17388446971847*/ .widget-social { position: fixed; bottom: 50px; right: 50px; z-index: 100; } .widget-social__inner { position: relative; } .widget-social__btn { width: 55px; height: 55px; background-image: url("/local/templates/monolite_new/components/itcentre/empty/widget-social/images/widget-icon.svg"); background-size: 40px 40px; background-position: center; background-repeat: no-repeat; background-color: #e3e3e3; border: none; border-radius: 50%; cursor: pointer; } .widget-social__btn.active { animation: pulse 2s infinite; background-color: #252362; } @keyframes pulse { 0% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); opacity: 0.7; } } .widget-social__items { position: absolute; bottom: 100%; right: 0; display: none; margin-bottom: 10px; } .widget-social__items.active { display: flex; flex-direction: column; row-gap: 10px; } .widget-social__item { display: block; width: 55px; height: 55px; background-size: 50px 50px; background-position: center; background-repeat: no-repeat; border-radius: 50%; } .widget-social__item--wa { background-color: #01e675; background-image: url("/local/templates/monolite_new/components/itcentre/empty/widget-social/images/wa.svg"); } .widget-social__item--phone { background-color: #039F9B; background-image: url("/local/templates/monolite_new/components/itcentre/empty/widget-social/images/phone.svg"); background-size: 25px 25px; } @media (max-width: 768px) { .widget-social { bottom: 70px; right: 30px; } } /* End */ /* Start:/local/templates/monolite_new/components/itcentre/empty/cookie/style.css?17442833351502*/ .cookie { display: none; position: fixed; bottom: 20px; left: 20px; max-width: 520px; text-align: center; padding: 20px 30px; background-color: #fff; -webkit-box-shadow: 0 0 13px rgba(34, 60, 80, .2); box-shadow: 0 0 13px rgba(34, 60, 80, .2); border: 1px solid #252362; z-index: 1090; } .cookie_close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; line-height: 0; margin: 10px; color: #252362; font-size: 39px; cursor: pointer; background-color: transparent; transform: rotate(45deg); border: none; } .cookie .cookie_text { font-family: 'Manrope', serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #282828; margin-bottom: 10px; } .cookie .cookie_text a { color: #036eff; } .cookie .cookie_text a:hover { text-decoration: underline; } .cookie .btn { display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 20px; white-space: nowrap; background-color: #252362; border: 1px solid #252362; border-radius: 5px; color: #fff; font-size: 14px; line-height: 0; cursor: pointer; transition: 0.3s; margin: 0 auto; } .cookie .btn:hover { background: #fff; color: #252362; } @media (max-width: 768px) { .cookie { left: 0; bottom: 0; } } /* End */ /* Start:/local/templates/monolite_new/styles.css?176355869292*/ /* don't remove file */ body[contenteditable="true"] .highlighted { color: green; } /* End */ /* /local/templates/monolite_new/css/swiper-bundle.min.css?173884469716466 */ /* /local/templates/monolite_new/css/style.css?174314809658209 */ /* /local/templates/monolite_new/css/new.css?1738844697316971 */ /* /local/templates/monolite_new/css/form.css?17388446977905 */ /* /local/templates/monolite_new/css/baykal.css?17388446976935 */ /* /local/templates/monolite_new/css/aprelevka.css?174946740712338 */ /* /local/templates/monolite_new/template_styles.css?174313960934418 */ /* /local/templates/monolite_new/css/galery-select.css?17388446972064 */ /* /local/templates/monolite_new/css/custom.css?175924116143001 */ /* /local/templates/monolite_new/css/custom-detail.css?175921466232992 */ /* /local/templates/monolite_new/css/custom-section.css?175333203443426 */ /* /local/templates/monolite_new/components/bitrix/menu/mobile-left-menu/style.css?1738844697946 */ /* /local/templates/monolite_new/components/bitrix/menu/mobile-left-menu-objects/style.css?1738844697946 */ /* /local/templates/monolite_new/components/bitrix/menu/mobile-left-menu-villages/style.css?1738844697946 */ /* /local/templates/monolite_new/components/bitrix/search.title/monolit/style.css?17388446972108 */ /* /local/templates/monolite_new/components/bitrix/menu/header-bottom-menu/style.css?17485828772111 */ /* /local/components/itcentre/footer-menu/templates/footer-menu/style.css?17446976901775 */ /* /local/templates/monolite_new/components/bitrix/search.title/popup_mobile/style.css?17388446972848 */ /* /local/templates/monolite_new/components/itcentre/empty/widget-social/style.css?17388446971847 */ /* /local/templates/monolite_new/components/itcentre/empty/cookie/style.css?17442833351502 */ /* /local/templates/monolite_new/styles.css?176355869292 */