/* Start:/local/templates/main/vendor/slick-1.8.1/slick/slick.css?16655596411776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/vendor/slick-1.8.1/slick/slick-theme.css?16655596413145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/main/vendor/slick-1.8.1/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/main/vendor/slick-1.8.1/slick/./fonts/slick.eot'); src: url('/local/templates/main/vendor/slick-1.8.1/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/vendor/slick-1.8.1/slick/./fonts/slick.woff') format('woff'), url('/local/templates/main/vendor/slick-1.8.1/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/main/vendor/slick-1.8.1/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/main/vendor/swiper-bundle.min.css?164732585815563*/ /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+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-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/frontend/css/vendor.css?164180095414804*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .choices { position: relative; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: 0; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: initial; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.25; } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00bcd4; } .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none; } .choices[data-type*=select-one]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -4px 0 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191; } .choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility; } .choices__list--dropdown.is-active { visibility: visible; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus, .choices__input:focus { outline: 0; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } /*# sourceMappingURL=vendor.css.map */ /* End */ /* Start:/local/templates/main/frontend/css/main.css?179084459276342*/ :root { --color-black: #000; --color-white: #fff; --blue: #1674B8; --burger-width: 22px; --burger-height: 17px; --burger-line-height: 2px; } .etelkaBold { font-family: "Etelka", sans-serif; font-weight: 700; } .title { font-weight: 700; font-size: 26px; line-height: 31px; text-transform: uppercase; position: relative; margin-bottom: 31px; } .title-before { position: absolute; right: 100%; top: 15px; transform: translate(-21px, 50%); height: 1px; width: 1000px; background: #1674B8; content: ""; } .title a { font-size: 16px; float: right; } .breadcrumbs { display: flex; gap: 3px; /* color: rgba(0, 0, 0, 0.3); */ font-family: "Etelka", sans-serif; font-weight: 400; font-size: 1em; line-height: 90%; margin-bottom: 11px; } .breadcrumbs-link { color: inherit; } @-webkit-keyframes fade { from { opacity: 0.5; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.5; } to { opacity: 1; } } .custom-checkbox__field:checked+.custom-checkbox__content::after { opacity: 1; } .custom-checkbox__field:focus+.custom-checkbox__content::before { outline: 2px solid #f00; outline-offset: 2px; } .custom-checkbox__field:disabled+.custom-checkbox__content { opacity: 0.4; pointer-events: none; } @font-face { font-family: "Roboto"; src: url("/local/templates/main/frontend/css/../fonts/../fonts/Roboto-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: "Roboto"; src: url("/local/templates/main/frontend/css/../fonts/../fonts/Roboto-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; font-style: normal; } @font-face { font-family: "Roboto"; src: url("/local/templates/main/frontend/css/../fonts/../fonts/Roboto-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; font-style: normal; } @font-face { font-family: "Etelka"; src: url("/local/templates/main/frontend/css/../fonts/../fonts/EtelkaTextPro.woff2") format("woff2"); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: "Etelka"; src: url("/local/templates/main/frontend/css/../fonts/../fonts/EtelkaTextPro-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; font-style: normal; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ height: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; height: 100%; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .choices { position: relative; overflow: hidden; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: 0; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: initial; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.25; } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00bcd4; } .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none; } .choices[data-type*=select-one]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -4px 0 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7; } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191; } .choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility; } .choices__list--dropdown.is-active { visibility: visible; } .is-open .choices__list--dropdown { border-color: #b7b7b7; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus, .choices__input:focus { outline: 0; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Roboto", sans-serif; font-weight: 400; background-color: #fff; color: #000; overflow-x: hidden; } body.lock { overflow: hidden; } .wrapper { overflow: hidden; display: flex; flex-direction: column; min-height: 100%; } .main { flex: 1 1 auto; } .footer { flex: 0 0 auto; } .container { margin: 0 auto; padding: 0 15px; max-width: 910px; } h1, h2, h3, h4, h5, h6, p, ul, ol, button { margin: 0; padding: 0; } p { margin-bottom: 20px; } ul, li, ol { list-style: none; } img { max-width: 100%; height: auto; } a { text-decoration: none; } .js-focus-visible :focus:not(.focus-visible) { outline: none; } .header { position: absolute; width: 100%; left: 0; top: 0; z-index: 10; } .header__top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 17px; margin-bottom: 18px; padding-top: 15px; z-index: 0; position: relative; } .header__top.pi { z-index: 20; } .header__border { left: 50%; transform: translateX(-50%); bottom: 0; position: absolute; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); } .header__city { color: #fff; } .header__contacts-lang { display: flex; align-items: center; gap: 40px; } .header__contacts { display: flex; gap: 32px; font-size: 11px; line-height: 13px; } .header__contacts-item:first-child img { width: 11px; height: 8px; } .header__contacts-link { gap: 9px; align-items: center; display: flex; color: #fff; -webkit-text-decoration: underline rgba(255, 255, 255, 0.3); text-decoration: underline rgba(255, 255, 255, 0.3); transition: all 0.3s linear; } .header__contacts-link:hover { opacity: 0.5; } .header__contacts-button { border: unset; background: transparent; color: #fff; cursor: pointer; transition: all 0.3s linear; } .header__contacts-button:hover { opacity: 0.5; } .header__lang { display: flex; align-items: center; gap: 14px; } .header__lang-btn { display: flex; align-items: center; justify-content: center; padding: unset; border: unset; background: transparent; width: 16px; height: 13px; cursor: pointer; transition: opacity 0.3s linear; } .header__lang-btn:hover { opacity: 0.5; } .header__bottom { display: flex; justify-content: space-between; align-items: center; } .header__logo-outer { display: flex; align-items: center; gap: 14px; font-size: 13px; line-height: 15px; color: #FFFFFF; position: relative; z-index: 11; transition: opacity 0.3s linear; } .header__logo-outer img { width: 71px; } .header__logo-outer:hover { opacity: 0.5; } .header__menu { display: flex; gap: 15px; } .header__menu-phone-outer { display: none; } .header__menu-outer { display: flex; align-items: center; gap: 27px; } .header__menu-item { position: relative; } .header__menu-item:after { z-index: 10; width: 41px; height: 41px; content: ""; background: #fff; position: absolute; visibility: hidden; left: 50%; top: 50%; transform: translate(-50%, 25px) rotate(45deg); opacity: 0; pointer-events: none; } .header__menu-item:last-child .header__menu-modal-inner { right: 10%; } .header__menu-item.active:after { opacity: 1; visibility: visible; } .header__menu-btn { display: none; } .header__menu-link, .header__menu-link_mobile { font-family: "Etelka", sans-serif; color: #fff; font-size: 14px; line-height: 16px; color: #F5F5F5; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s linear; position: relative; z-index: 4; } .header__menu-link_mobile { display: none; } .header__menu-link:hover { opacity: 0.5; } .header__menu-modal { z-index: 3; left: 50%; top: 75px; transform: translate(-50%, -15px); width: 100vw; height: 100vh; position: fixed; opacity: 0; pointer-events: none; visibility: hidden; display: flex; padding-top: 20px; justify-content: center; } #header-menu-content-0 .header__menu-modal-inner{ /* left: 15%; */ } .header__menu-modal-before { content: ""; position: absolute; left: 0; top: -160px; width: 100%; height: 100%; z-index: 0; background: rgba(22, 116, 184, 0.8); transition: 0.3s linear; } .header__menu-modal-inner { position: absolute; /*right: 5%;*/ z-index: 1; display: flex; justify-content: center; background: #fff; padding: 41px 48px 57px; /*transform: translateX(50px);*/ transform: translateX(0px); filter: drop-shadow(0px 24px 34px rgba(11, 37, 65, 0.33)); top: 100px; } .fixed_menu .header__menu-modal-inner{ top: 20px; } .header__menu-modal-col { border-right: 1px solid rgba(69, 142, 196, 0.3); padding: 0 20px; } .header__menu-modal-col:last-child { border-right: unset; } .header__menu-modal-link { margin-bottom: 10px; font-family: "Etelka", sans-serif; font-size: 14px; line-height: 110.5%; display: flex; color: #000; transition: 0.3s linear; } .header__menu-modal-link:hover { color: #458ec4; } .header__menu-modal.active { opacity: 1; visibility: visible; pointer-events: all; } .header__search { display: flex; border: unset; background: transparent; cursor: pointer; transition: opacity 0.3s linear; position: relative; z-index: 3; } .header__search:hover { opacity: 0.5; } .second-header .header__bg-one, .second-header .header__bg-two { left: 0; top: 0; width: 100%; -o-object-position: bottom; object-position: bottom; position: absolute; height: 150px; background-size: cover; background-position: bottom left; } .second-header .header__bg-one { z-index: -2; transform: translateY(10px); background-image: url("/local/templates/main/frontend/css/../img/header-bg-1.svg"); } .second-header .header__bg-two { z-index: -1; background-image: url("/local/templates/main/frontend/css/../img/header-bg-2.svg"); } .choices { display: flex !important; margin-bottom: 0 !important; align-items: center; -webkit-text-decoration: underline transparent; text-decoration: underline transparent; transition: 0.3s linear; } .choices:after { border: unset; border-width: unset !important; border-style: unset !important; border-color: unset !important; background-image: url("/local/templates/main/frontend/css/../img/ar-down.svg"); width: 6px !important; height: 4px !important; background-size: cover; background-repeat: no-repeat; display: flex; position: static !important; margin-top: unset !important; transition: 0.3s linear; } .choices:hover { -webkit-text-decoration: underline #fff; text-decoration: underline #fff; } .choices.is-open:after { transform: rotate(180deg); } .choices__list { white-space: nowrap; width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important; border: unset; background: rgba(17, 95, 151, 0.5); border-radius: 7px; transition: 0.3s linear; } .choices__list--single { padding-right: 5px; background: transparent !important; } .choices__inner { min-height: unset; vertical-align: unset !important; background: transparent; border: unset; display: flex; font-size: 11.4371px; line-height: 13px; padding: 0 !important; max-height: unset !important; } .choices__item { color: #fff; transition: 0.3s linear; } .choices__item.is-selected { display: none; } .choices__item.is-highlighted { background-color: #115f97 !important; } .banner { position: relative; width: 100%; height: 100vh; z-index: 3; } .banner__bg-one, .banner__bg-two { left: 0; top: 0; width: 100%; height: 100%; position: absolute; background-position: bottom; } .banner__bg-one { z-index: -2; background-image: url("/local/templates/main/frontend/css/../img/banner-bg-1.svg"); background-size: cover; } .banner__bg-two { transform: translateY(-30px); z-index: -1; background-image: url("/local/templates/main/frontend/css/../img/banner-bg-2.svg"); background-size: cover; } .banner__inner { height: 100vh; display: flex; flex-direction: column; justify-content: center; } .banner__slider { width: 100%; height: 100%; } .banner__slider-slide { overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; } .banner__slider-inner { max-width: 1134px; width: 100%; margin: 0 auto; } .banner__info { position: relative; width: 100%; /*margin-left: 100px;*/ /*max-width: 440px !important;*/ /*text-align: left;*/ /*padding-left: 200px;*/ } .banner__info .banner__title { font-weight: 700; font-size: 26px; line-height: 31px; display: flex; align-items: flex-end; text-transform: uppercase; color: #FFFFFF; margin-bottom: 20px; } .banner__info .banner__title, .banner__info .banner__subtitle { max-width: 355px; } .banner__info .banner__subtitle { font-size: 16px; line-height: 19px; color: #FFFFFF; opacity: 0.6; margin-bottom: 37px; } .banner__info .banner__button { display: flex; align-items: center; justify-content: center; width: 118px; height: 36px; font-family: "Etelka", sans-serif; color: #fff; font-size: 12.8855px; line-height: 15px; background: transparent; border: 1px solid #FFFFFF; border-radius: 18px; transition: all 0.3s linear; cursor: pointer; } .banner__button:hover { background: #fff; color: var(--blue); } .banner__img { position: absolute; bottom: 60px; right: 0; } .banner__img-phone { display: none; margin-top: 40px; } .catalog { position: relative; /* padding-top: 50px; */ padding-top: 165px; padding-bottom: 75px; } .catalog.catalog-page { padding-top: 50px; } .catalog__title { padding-left: 21px; } .catalog__card { padding: 18px 22px 40px; width: 208px; border: 1px solid #EDEDED; position: relative; } .catalog__card-outer { display: flex; flex-wrap: wrap; gap: 22px 16px; width: 100%; } .catalog__card:hover .catalog__card-title { /* color: #fff; */ text-decoration: underline; } .catalog__card:hover{ -webkit-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2); box-shadow: 0px 0px 10px 2px rgba(34, 60, 80, 0.2); } /* .catalog__card:hover .catalog__card-hover, .catalog__card:hover:before { opacity: 1; pointer-events: all; visibility: visible; } */ .catalog__card:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: 0; transition: 0.3s linear; pointer-events: none; visibility: hidden; } /* .catalog__card::before { z-index: 1; background: rgba(22, 116, 184, 0.7); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } */ .catalog__card img { -o-object-fit: cover; object-fit: cover; margin-bottom: 11px; } .catalog__card-hover { margin-bottom: unset; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.3s linear; pointer-events: none; visibility: hidden; } .catalog__card-title { font-weight: 700; font-size: 16px; line-height: 19px; color: #000; font-family: "Etelka", sans-serif; position: relative; z-index: 2; transition: 0.3s linear; -webkit-text-decoration: underline transparent; text-decoration: underline transparent; } .catalog__bg-one, .catalog__bg-two, .catalog__bg-thr { z-index: -1; max-width: unset; position: absolute; } .catalog__bg-one { right: -110px; top: -312px; opacity: 0.5 !important; width: 416px; } .catalog__bg-two { bottom: -99px; opacity: 0.9 !important; left: -169px; width: 460px; } .catalog__bg-thr { right: -217px; bottom: -66px; width: 434px; } .catalog-page.catalog { margin-top: 209px; } .catalog-page .catalog-page__bg-one, .catalog-page .catalog-page__bg-two { z-index: -1; max-width: unset; position: absolute; } .catalog-page .catalog-page__bg-one { right: -107px; top: -307px; width: 400px; opacity: 0.5 !important; } .catalog-page .catalog-page__bg-two { right: 0; bottom: -360px; width: 460px; } .catalog-page .catalog__bg-one, .catalog-page .catalog__bg-two, .catalog-page .catalog__bg-thr { display: none; } .catalog-page .catalog__title { max-width: 452px; } .catalog-page .catalog__card-outer { /* margin-bottom: 33px; */ position: relative; z-index: 1; } .catalog-page .catalog__link { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; transition: 0.3s linear; color: #000; } .catalog-page .catalog__link-outer { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; } .catalog-page .catalog__link:hover, .catalog-page .catalog__link.active { color: #fff; background: #1674B8; } .catalog-page .catalog__card { height: auto; padding-bottom: 27px; } .catalog-page .catalog__card-title { margin-bottom: 11px; } .catalog-page .catalog__card-info { display: flex; flex-direction: column; } .catalog-page .catalog__card-info-text { font-size: 12px; line-height: 16px; opacity: 0.8; /* color: #000; */ color: #AEAAAA; } .about { background-image: url(/local/templates/main/frontend/css/../img/about-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; padding: 87px 0 138px; margin-bottom: 63px; } .about__title { font-weight: 700; font-size: 26px; line-height: 31px; margin-bottom: 26px; text-transform: uppercase; } .about__text { font-size: 14px; line-height: 140%; /*max-width: 360px;*/ } .clients { margin-bottom: 61px; } .clients__title { font-size: 26px; line-height: 31px; text-transform: uppercase; margin-bottom: 26px; } .clients__card { width: 20%; } .clients__card-outer { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 38px; } .obj { position: relative; padding-bottom: 100px; } .obj-page__bg-two { z-index: 0; max-width: unset; position: absolute; } .obj-page__bg-two { bottom: -349px; opacity: 0.9 !important; right: 0; width: 460px; } .obj__bg-one, .obj__bg-two, .obj__bg-thr { display: none; } .obj-banner { padding-top: 225px; background: #F1F3F3; padding-bottom: 50px; position: relative; } .obj-banner .container { position: relative; z-index: 1; } .obj-banner-page__bg-one { z-index: 0; max-width: unset; position: absolute; right: -90px; top: -114px; opacity: 0.2 !important; width: 416px; } .obj-banner-page__bg-two { right: -312px; bottom: -528px; width: 795.52px; } .obj-banner__tab-info { display: flex; gap: 39px; align-items: flex-start; } .obj-banner__tab-content { display: none; } .obj-banner__tab-content-outer { width: 547px; height: 300px; margin-bottom: 10px; padding: 10px 20px; } .obj-banner__tab-content img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .obj-banner__tab-content.active { display: block; overflow: hidden; width: 100%; height: 100%; } .obj-banner__tab-btn { min-width: 111px; height: 61px; border: unset; background: transparent; cursor: pointer; opacity: .6; } .obj-banner__tab-btn.active { opacity: 1; } .obj-banner__tab-btn-outer { /* display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; max-width: 547px; */ display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; /* max-width: 110px; */ width: 100%; /* flex-wrap: wrap; */ /* max-height: 300px; */ justify-content: center; margin-top: 20px; } @media (max-width: 1440px) { .title { display: flex; flex-direction: column; } } @media (max-width: 1200px) { .obj-banner__tab-btn-outer { max-width: 429px; } } @media (max-width: 770px) { /* .obj-banner__tab-btn-outer { max-width: 100%; } */ .header__menu-link_mobile { display: flex; } } .obj-banner__tab-btn img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .obj-banner__info-text { font-size: 13px; line-height: 200%; margin-bottom: 20px; } .obj-banner__info-button { width: 112px; height: 40px; background: #1674B8; border-radius: 111px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 16px; border: unset; transition: background 0.3s linear; color: #FFFFFF; font-family: "Etelka", sans-serif; cursor: pointer; } .obj-banner__info-button:hover { background: #0f5486; } .obj-banner__info-link { font-size: 14px; line-height: 132%; color: #1674B8; display: flex; margin-bottom: 10px; gap: 9px; -webkit-text-decoration: underline rgba(22, 116, 184, 0.3); text-decoration: underline rgba(22, 116, 184, 0.3); align-items: center; transition: 0.3s linear; } .obj-banner__info-link img { width: 13px; min-width: 10px; height: auto; display: flex; } .obj-banner__info-link:hover { -webkit-text-decoration: underline #1674b8; text-decoration: underline #1674b8; } .obj-info { padding-top: 90px; padding-bottom: 100px; } .obj-info__tab { display: flex; /*gap: 45px;*/ flex-wrap: wrap; } .obj-info__tab-btn { font-family: "Etelka", sans-serif; font-weight: 400; margin-bottom: 17px; /* width: 100%; */ display: flex; border: unset; cursor: pointer; /* position: relative; transition: 0.3s linear; background: transparent; */ white-space: nowrap; border: 1px solid #F1F3F3; padding: 10px 20px; background: #F1F3F3; border-radius: 20px; } .obj-info__tab-btn-outer { display: flex; /*flex-direction: column;*/ align-items: center; /*justify-content: center;*/ justify-content: flex-start; /* min-width: 192px; */ width: 100%; /*height: 182px;*/ height: auto; /*background: #F1F3F3;*/ overflow: hidden; /* padding: 26px 39px 29px; */ padding: 10px 0px; gap: 10px; } .obj-info__tab-btn-outer.phone { display: none; } .obj-info__tab-btn:before { height: 1px; width: 0; top: 50%; right: 100%; transform: translate(-7px, -50%); background: var(--blue); content: ""; position: absolute; transition: 0.5s linear; } .obj-info__tab-btn:hover { text-shadow: 1px 0px #000; } .obj-info__tab-btn:hover:before { width: 100px; } .obj-info__tab-btn.active { /*text-shadow: 1px 0px #000;*/ border: 1px solid #1674B8; background: #FFF; color: #1674B8; } .obj-info__tab-btn.active:before { width: 100px; } .obj-info__tab-content { display: none; } .obj-info__tab-content.active { display: block; -webkit-animation-name: fade; animation-name: fade; -webkit-animation-duration: 1s; animation-duration: 1s; } .obj-info__title { font-family: "Etelka", sans-serif; font-weight: 700; padding-top: 20px; margin-bottom: 40px; font-size: 20px; line-height: 136.19%; } .obj-info__text { font-size: 13px; line-height: 149.5%; margin-bottom: 22px; } .obj-info__list { display: flex; flex-direction: column; gap: 25px; } .obj-info__list-item { position: relative; display: flex; align-items: center; font-size: 13px; line-height: 70.5%; } .obj-info__list-item:before { width: 15px; margin-right: 13px; height: 1px; background: #1674B8; content: ""; } .obj-info__table { width: 100%; } .obj-info__table tr { padding: 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; } .obj-info__table tr:last-child { border-bottom: unset; } .obj-info__table tr td:last-child { text-align: right; white-space: nowrap; } .obj-info__download { display: flex; align-items: center; gap: 9px; font-size: 13px; line-height: 149.5%; color: #1674B8; -webkit-text-decoration: underline rgba(22, 116, 184, 0.3); text-decoration: underline rgba(22, 116, 184, 0.3); transition: 0.3s linear; } .obj-info__download:hover { -webkit-text-decoration: underline #1674b8; text-decoration: underline #1674b8; } .obj-info__download img { width: 23px; height: 30px; } #obj-info-3 .obj-info__list { flex-direction: row; flex-wrap: wrap; } #obj-info-3 .obj-info__list-item { width: 260px; } .contacts { position: relative; margin-top: 209px; } .contacts__bg-one { display: none; } .contacts-page__bg-one, .contacts-page__bg-two { z-index: -1; max-width: unset; position: absolute; } .contacts-page__bg-one { right: -106px; width: 400px; top: -300px; opacity: .2; } .contacts__title { margin-bottom: 40px; } .contacts__info { margin-bottom: 55px; } .contacts__info-outer { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 595px; } .contacts__info-outer .contacts__info { margin-bottom: 9px; } .contacts__info-outer .contacts__info:nth-child(5), .contacts__info-outer .contacts__info:nth-child(6) { margin-bottom: 0; } .contacts__info-title { font-size: 17px; margin-bottom: 26px; } .contacts__info-link { -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #1674B8; transition: color 0.3s linear; } .contacts__info-link-outer { font-size: 13px; line-height: 200%; } .contacts__info-link:hover { color: #13639c; } .contacts__map-outer { transform: translateY(100px); } .contacts__map-outer iframe { width: 100%; height: 512px; border: unset; } .footer { padding-top: 95px; padding-bottom: 50px; position: relative; z-index: 1; } .footer__bg-one, .footer__bg-two { left: 0; top: 0; width: 100%; height: 100%; -o-object-position: bottom; object-position: bottom; position: absolute; background-size: cover; background-position: top left; } .footer__bg-one { z-index: -2; background-image: url("/local/templates/main/frontend/css/../img/footer-bg-1.svg"); } .footer__bg-two { transform: translateY(25px); z-index: -1; background-image: url("/local/templates/main/frontend/css/../img/footer-bg-2.svg"); } .footer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 55px; } .footer__logo-outer { display: flex; align-items: center; gap: 15px; transition: opacity 0.3s linear; } .footer__logo-outer span { font-size: 14px; line-height: 15px; color: #fff; max-width: 91px; } .footer__logo-outer img { width: 90px; } .footer__logo-outer:hover { opacity: 0.5; } .footer__contacts { display: flex; align-items: center; } .footer__contacts-item { -webkit-text-decoration: underline #fff; text-decoration: underline #fff; } .footer__contacts-item:last-child { text-decoration: none; } .footer__contacts-link { margin-right: 35px; display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: normal; color: #FFFFFF; transition: opacity 0.3s linear; } .footer__contacts-link:hover { opacity: 0.5; } .footer__contacts-button { margin-left: 15px; display: flex; align-items: center; justify-content: center; width: 144px; height: 36px; background: transparent; border: 1px solid #FFFFFF; border-radius: 18px; font-size: 12.8855px; line-height: 15px; color: #FFFFFF; cursor: pointer; transition: all 0.3s linear; } .footer__contacts-button:hover { background: #fff; color: var(--blue); } .footer__menu { max-width: 167px; } .footer__menu-outer { display: flex; justify-content: space-between; margin-bottom: 42px; } .footer__menu:nth-child(1) { max-width: unset; } .footer__menu:nth-child(1) .footer__menu-content { display: flex; flex-wrap: wrap; max-width: 590px; gap: 0 30px; } .footer__menu:nth-child(1) .footer__menu-item { width: 167px; height: max-content; } .footer__menu-content-list:nth-child(2) .footer__menu-item { width: 152px; } .footer__menu-content-list:nth-child(3) .footer__menu-item { width: 186px; } .footer__menu-title, .footer__menu-item { display: flex; align-items: center; } .footer__menu-title { min-height: 17px; margin-bottom: 16px; font-family: "Etelka", sans-serif; font-weight: 700; color: #fff; } .footer__menu-title-click img { display: none; } .footer__menu-item { font-size: 14px; line-height: 13px; margin-bottom: 8px; } .footer__menu-link { color: #fff; display: flex; align-items: center; transition: 0.3s linear; -webkit-text-decoration: underline transparent; text-decoration: underline transparent; position: relative; width: 100%; } .footer__menu-link:hover { text-decoration: underline; } .footer__menu-link-arrow:after { background-image: url("/local/templates/main/frontend/css/../img/ar-down.svg"); background-size: cover; width: 7px; height: 5px; content: ""; display: flex; margin-right: 1px; opacity: 0.5; transition: all 0.3s linear; position: absolute; right: 0; transform: translateY(-50%); top: 14px; left: unset; background-color: transparent; visibility: visible; } .footer__menu.active .footer__menu-link-arrow:after { transform: rotate(180deg); } .footer__menu:last-child .footer__menu-title { margin-bottom: 13px; } .footer__menu-button { display: none; width: 100%; height: 31px; background: #1674B8; border: 0.868056px solid #FFFFFF; box-sizing: border-box; border-radius: 15.625px; align-items: center; justify-content: center; font-size: 14px; line-height: 13px; color: #fff; font-family: "Etelka", sans-serif; cursor: pointer; transition: all 0.3s linear; } .footer__menu-button:hover { background: #fff; color: var(--blue); } .footer__bottom { display: flex; justify-content: space-between; align-items: flex-end; } .footer__loc-cr { display: flex; gap: 30px; } .footer__loc { display: flex; align-items: center; gap: 4px; color: #fff; font-size: 14px; line-height: 15px; } .footer__text, .footer__cr { font-size: 14px; line-height: 12px; color: #FFFFFF; opacity: 0.4; } .footer__cr { -webkit-text-decoration: underline #fff; text-decoration: underline #fff; transition: opacity 0.3s linear; } .footer__cr:hover { opacity: 1; } .footer__creator { display: flex; gap: 12px; font-size: 14px; line-height: 137.5%; color: #fff; } .footer__creator-link { color: #fff; transition: 0.3s linear; -webkit-text-decoration: underline transparent; text-decoration: underline transparent; } .footer__creator-link:hover { text-decoration: underline; } .slider-slide-image { background-color: #1674B8; background-repeat: no-repeat; background-position: right bottom; background-size: auto 75%; } @media (min-width: 1440px) { .container { max-width: 1134px; } /* .banner__info { max-width: 550px !important; }*/ .banner__info .banner__title { font-size: 34px; line-height: 40px; } .banner__info .banner__title, .banner__info .banner__subtitle { max-width: 470px; } .banner__slider-inner { max-width: 1134px; } .banner__img { bottom: 70px; } .banner__info, .banner__title { width: 100%; flex-direction: column; align-items: flex-start !important; justify-content: center; transform: none !important; } .banner__subtitle, .banner__button { transform: none !important; } .slider-slide-image { background-position: right bottom 30px !important; /* background-size: auto 70% !important; */ background-size: auto 100% !important; } .banner { height: 567px; } .banner__inner { height: 695px; /* height: 567px; */ /*padding-top: 45px;*/ } .banner__slider-slide { flex-direction: column; align-items: center; justify-content: center; } .banner__slider { /* clip-path: polygon(0px 0px, 100% 0%, 100% 508px, 29% 100%, 0% 508px) !important; */ } .container-corners { margin-top: -60px !important; } .banner-clip { clip-path: polygon(0px 0px, 29% 50px, 100% 0px, 29% 100%, 29% 100%) !important; } .swiper-wrapper { height: 567px !important; } } @media (min-width: 1800px) { .banner__img { width: 900px; bottom: 60px; } .banner__title { transform: translateX(200px); } .banner__subtitle { transform: translateX(200px); } .banner__button { transform: translateX(200px); } .banner__info { margin: unset; } } @media (min-width: 1201px) and (max-width: 1439px) { .banner { /* height: 567px; */ height: 695px; } .banner__inner { /* height: 567px; */ height: 695px; /*padding-top: 45px;*/ } .banner__slider-slide { flex-direction: column; align-items: center; justify-content: center; } .banner__slider { /* clip-path: polygon(0px 0px, 100% 0%, 100% 508px, 29% 100%, 0% 508px) !important; */ } .container-corners { margin-top: -60px !important; } .banner-clip { clip-path: polygon(0px 0px, 29% 50px, 100% 0px, 29% 100%, 29% 100%) !important; } .slider-slide-image { background-position: right bottom 30px !important; background-size: auto 70% !important; } .swiper-wrapper { height: 567px !important; } .banner__info { max-width: 100% !important; margin: 0px; padding: 0px; } } @media (max-width: 1200px) { .container { max-width: 730px; } .title { font-size: 22px; line-height: 26px; } .title:before { top: 10px; } .header__menu { gap: 7px; } .header__menu-link { font-size: 14px; line-height: 16px; display: none; } .header__menu-outer { gap: 17px; } .header__menu-modal-inner { transform: unset; padding: 30px 10px; } .header__menu-modal-col { padding: 0 10px; max-width: 270px; } .header__search { width: 16px; height: 16px; } .second-header .header__bg-one, .second-header .header__bg-two { height: 165px; } .second-header .header__bg-one { transform: translateY(15px); background-position: -15px; } .banner { height: 567px; } .banner__inner { /* height: 567px; */ height: 695px; /*padding-top: 45px;*/ } .banner__slider-slide { flex-direction: column; align-items: center; justify-content: center; } .banner__slider { /* clip-path: polygon(0px 0px, 100% 0%, 100% 508px, 29% 100%, 0% 508px) !important; */ } .container-corners { margin-top: -60px !important; } .banner-clip { clip-path: polygon(0px 0px, 29% 50px, 100% 0px, 29% 100%, 29% 100%) !important; } .slider-slide-image { background-position: right bottom 30px !important; background-size: auto 70% !important; } .swiper-wrapper { height: 567px !important; } .banner__info { max-width: 100% !important; margin: 0px; padding: 0px; } .banner__title, .banner__subtitle, .banner__button { transform: translateX(20px); } .banner__title { font-size: 19px; line-height: 26px; margin-bottom: 12px; } .banner__info .banner__title, .banner__info .banner__subtitle { max-width: 400px; } .banner__subtitle { font-size: 13.0642px; line-height: 15px; margin-bottom: 21px; } .banner__button { width: 96.35px; height: 29.39px; font-size: 10.5211px; line-height: 12px; } .banner__img { bottom: 40px; right: 0; height: 255px; } .banner__bg-one, .banner__bg-two { width: 1280px; } .banner__bg-one { left: -15px; } .banner__bg-two { transform: translateY(-15px); } .catalog { padding-bottom: 45px; } .catalog__title { margin-bottom: 22px; } .catalog__card-outer { gap: 32px 34px; } .catalog__bg-one { width: 237px; top: -149px; right: -59px; } .catalog__bg-two { width: 284px; bottom: -61px; left: -99px; } .catalog__bg-thr { width: 277px; right: -67px; right: -104px; } .catalog-page .catalog__title { max-width: unset; margin-bottom: 30px; } .catalog-page .catalog__link { width: 25.65px; height: 25.65px; font-size: 14.7663px; line-height: 17px; } .catalog-page .catalog__link-outer { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; width: 100%; justify-content: center; margin: 0 auto; } .catalog-page .catalog-page__bg-one, .catalog-page .catalog-page__bg-two { display: none; } .catalog-page .catalog__bg-one, .catalog-page .catalog__bg-two, .catalog-page .catalog__bg-thr { display: flex; } .catalog-page .catalog__bg-one { width: 246px; top: -150px; right: -49px; } .catalog-page .catalog__bg-two { width: 289px; bottom: -160px; left: -130px; } .catalog-page .catalog__bg-thr { width: 315px; transform: translateY(63px); right: -138px; } .contacts-page .contacts-page__bg-one, .contacts-page .contacts-page__bg-two { display: none; } .contacts-page .contacts__info-title { margin-bottom: 14px; } .contacts-page .contacts__city { font-weight: 700; } .contacts-page .contacts__bg-one { display: flex; width: 246px; top: -150px; right: -49px; position: absolute; } .contacts-page .contacts__map-outer { transform: translateY(50px); } .contacts-page .contacts__map-outer iframe { height: 395px; } .about { padding-bottom: 92px; margin-bottom: 55px; } .about__title { font-size: 22px; line-height: 26px; margin-bottom: 25px; } .about__text { /*max-width: 405px;*/ } .obj-page__bg-two { display: none; } .obj__bg-one, .obj__bg-two, .obj__bg-thr { display: flex; position: absolute; } .obj__bg-one { width: 246px; top: 20px; right: -56px; } .obj__bg-two { width: 289px; bottom: -165px; left: -131px; } .obj__bg-thr { width: 315px; bottom: -71px; right: -138px; } .obj-banner-page__bg-one { display: none; } .obj-banner__title { margin-bottom: 24px; } .obj-banner__tab-content-outer { width: 429px; height: 243px; } .clients__title { margin-bottom: 20px; } .clients__card { width: 20%; } .clients__card-outer { flex-wrap: wrap; justify-content: start; gap: 38px; } .footer { padding-top: 108px; } .footer__bg-one, .footer__bg-two { background-position: -100px; } .footer__logo-outer span { line-height: 15px; } .footer__contacts-link { margin-right: 25px; } .footer__contacts-button { margin-left: 0; } .footer__menu-outer { gap: 34px; } .footer__menu-title { font-size: 14px; line-height: 17px; margin-bottom: 9px; } .footer__menu:last-child .footer__menu-title { margin-bottom: 9px; } .footer__menu:nth-child(1) .footer__menu-content { max-width: 365px; } .footer__menu-content-list:nth-child(3) { display: flex; flex-wrap: wrap; gap: 0 30px; } .footer__menu-content-list:nth-child(1) .footer__menu-item { width: 163px; } .footer__menu-content-list:nth-child(3) .footer__menu-item { width: 163px; } .footer__menu-item { font-size: 10px; line-height: 12px; } .footer .tablet { display: flex; justify-content: space-between; } .footer__bottom { align-items: flex-start; } .footer__loc-cr { display: block; } .footer__loc { margin-bottom: 20px; line-height: 14px; } .footer__text { margin-bottom: 4px; } .footer__text-cr { font-size: 10px; line-height: 12px; } .footer__cr { margin-left: 10px; } } @media (max-width: 970px) { .banner__info { /*max-width: 730px !important;*/ margin: 0px auto; padding: 0px; /*padding-left: 75px;*/ } .banner__img { bottom: 30px; } } @media (max-width: 770px) { .container { max-width: 100%; } .header .container { position: relative; } .header__search { position: absolute; right: 55px; top: 33px; z-index: 10; } .header__bottom { padding-top: 15px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .header__logo-outer img { width: 51px; height: 39px; } .header__logo-outer span { font-size: 10px; line-height: 110%; } .header__top { display: none; } .header__contacts { justify-content: center; position: relative; z-index: 2; margin-bottom: 28px; } .header__contacts-item:last-child { display: none; } .header .choices { z-index: 4; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto 28px; } .header .choices:after { width: 8px !important; height: 5px !important; } .header__lang { margin-top: 28px; position: relative; z-index: 2; gap: 19px; justify-content: center; } .header__lang-btn, .header__lang-item { padding: 0; margin: 0; width: 26px; height: 19px; } .header__lang-btn img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; max-width: unset; } .header__bottom { z-index: 1; position: relative; } .header__bottom.active:before { opacity: 1; } .header__bottom:before { content: ""; width: 410px; left: 50%; transform: translateX(-50%); top: 0; position: fixed; height: 80px; /*background-color: var(--blue);*/ z-index: -1; opacity: 0; } .header__select { position: relative; z-index: 6; } .header__menu { display: none; } .header__menu-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; align-items: start; justify-content: start; width: 100%; position: relative; } .header__menu-item:last-child { border-bottom: unset; } .header__menu-item.accordion:after { background-image: url("/local/templates/main/frontend/css/../img/ar-down.svg"); background-size: cover; width: 7px; height: 5px; content: ""; display: flex; margin-right: 5px; opacity: 0.2; transition: all 0.3s linear; position: absolute; right: 0; transform: translateY(-50%); top: 12px; left: unset; background-color: transparent; visibility: visible; } .header__menu-item.accordion.active:after { transform: rotate(180deg); } .header__menu-item.accordion.active .header__menu-modal { opacity: 1; pointer-events: all; visibility: visible; padding-top: 10px; } .header__menu-link, .header__menu-link_mobile { line-height: 201.4%; } .header__menu-modal { max-height: 0; opacity: 0; overflow: hidden; will-change: max-height; box-sizing: content-box; transition: all 0.7s linear; position: static; padding-top: 0; transform: unset; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .header__menu-modal:before, .header__menu-modal:after { display: none; } .header__menu-modal-inner { position: static; height: auto; width: auto; flex-direction: column; padding: 0; filter: unset; background: transparent; justify-content: start; align-items: start; transform: unset; } .header__menu-modal-col { padding: 0; border: unset; } .header__menu-modal-link { color: #fff; font-size: 14px; line-height: 16px; font-family: "Roboto", sans-serif; font-weight: 400; } .header__menu-phone { padding-top: 55px; display: flex; flex-direction: column; font-weight: 700; align-items: start; width: 280px; position: relative; z-index: 2; margin: 0 auto 29px; } .header__menu-phone-outer { display: block; width: 100%; position: fixed; padding: 20px; width: 100%; left: 0; top: 0; overflow-y: auto; height: 100%; transition: 0.7s linear; transform: translateY(-150%); } .header__menu-phone-outer.active { transform: translateY(0); } .header__menu-phone-outer.active::after { transform: translateY(); opacity: 1; } .header__menu-phone-outer:after, .header__menu-phone-outer:before { content: ""; left: 0; top: 0; width: 100%; } .header__menu-phone-outer:after { height: 100%; position: absolute; background: rgba(12, 50, 96, 0.9); z-index: 0; opacity: 0; transition: 1s linear; } .header__menu-phone-inner { min-height: 445px; width: 100%; position: absolute; left: 0; top: 0; padding: 20px 20px 60px; z-index: 2; } .header__menu-phone-inner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; } .header__menu-phone-inner:before { height: 100%; background: rgba(12, 50, 96, 0.9); z-index: -1; opacity: 1; transition: 1s linear; } .header__menu-phone-inner:after { background-image: url("/local/templates/main/frontend/css/../img/header-menu-bg.svg"); background-size: cover; background-position: bottom; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .header__menu-btn { order: 2; display: block; position: absolute; top: 31px; right: 15px; border: none; padding: 0; width: var(--burger-width); height: var(--burger-height); color: #fff; background-color: transparent; cursor: pointer; z-index: 10; } .header__menu-btn::before, .header__menu-btn::after { content: ""; position: absolute; left: 0; width: 100%; height: var(--burger-line-height); background-color: currentColor; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; } .header__menu-btn::before { top: 0; } .header__menu-btn::after { top: calc(100% - var(--burger-line-height)); } .header__menu-btn span { position: absolute; left: 0; top: 50%; width: 100%; height: var(--burger-line-height); background-color: currentColor; transform: translateY(-50%); transition: transform 0.3s ease-in-out; } .header__menu-btn.active::before { top: 50%; transform: rotate(45deg); transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; } .header__menu-btn.active::after { top: 50%; transform: rotate(-45deg); transition: transform 0.3s ease-in-out, top 0.3s ease-in-out; } .header__menu-btn.active span { transform: scale(0); transition: transform 0.3s ease-in-out; } .second-header .header__bg-one, .second-header .header__bg-two { height: 90px; } .second-header .header__bottom { border: unset; } .banner { height: 567px; } .banner__inner { /* height: 567px; */ height: 695px; /*padding-top: 45px;*/ } .banner__slider { /* clip-path: polygon(0px 0px, 100% 0%, 100% 508px, 29% 100%, 0% 508px) !important; */ } .container-corners { margin-top: -60px !important; } .banner-clip { clip-path: polygon(0px 0px, 29% 50px, 100% 0px, 29% 100%, 29% 100%) !important; } .slider-slide-image { background-position: right bottom 30px !important; background-size: auto 60% !important; } .banner__info { max-width: 100% !important; margin: 0px; padding: 0px; padding-top: 140px; } .banner__bg-one, .banner__bg-two { width: 800px; background-position: left; } .banner__bg-one { left: -35px; } .banner__bg-two { left: -35px; } .banner__title, .banner__subtitle, .banner__button { transform: unset; } .banner__slider-slide { flex-direction: column-reverse; justify-content: start; padding-left: 0; } .banner__slider-inner { max-width: 460px; } .banner__info { width: 100%; } .banner__img { display: none; } .banner__img-phone { display: block; order: -1; height: 215px; max-width: unset; width: 740px; margin-bottom: 20px; } .title { font-size: 19px; line-height: 23px; } .catalog-page.catalog { margin-top: 74px; } .catalog__card { padding: 7px 7px 13px; width: calc(100% / 2 - 10px); height: unset; box-sizing: border-box; } .catalog__card-outer { gap: 10px; } .catalog__card-title { font-size: 10.9576px; line-height: 13px; } .catalog__bg-one { width: 148px; top: -66px; right: -33px; } .catalog__bg-two { width: 165px; bottom: -22px; left: -51px; } .catalog__bg-thr { width: 167px; right: -67px; right: -67px; } .catalog-page .catalog__bg-one { width: 148px; top: -66px; right: -33px; } .catalog-page .catalog__bg-two { width: 165px; bottom: -87px; left: -72px; } .catalog-page .catalog__bg-thr { width: 167px; bottom: -45px; right: -67px; } .catalog-page .catalog__title { margin-bottom: 17px; } .catalog-page .catalog__card { padding: 7px 7px 13px; width: 128px; } .catalog-page .catalog__card img { width: 113px; height: 88px; } .catalog__card-hover { width: 100% !important; height: 100% !important; } .catalog-page .catalog__card-title { font-size: 10.9576px; line-height: 13px; margin-bottom: 7px; } .catalog-page .catalog__card-info-text { font-size: 10px; line-height: 14px; } .contacts-page .contacts__bg-one { width: 148px; top: -180px; right: -30px; } .obj__bg-one { width: 148px; top: 23px; right: -30px; } .obj__bg-two { width: 165px; bottom: -79px; left: -87px; } .obj__bg-thr { width: 167px; bottom: -71px; right: -67px; } .obj-banner { padding-bottom: 27px; padding-top: 150px; } .obj-banner__tab-info { flex-direction: column-reverse; gap: 29px; } .obj-banner__info-text { font-size: 12px; line-height: 16px; color: #000000; margin-bottom: 16px; } .obj-banner__info-button { width: 99px; height: 35px; font-size: 12.4039px; line-height: 15px; margin-bottom: 16px; } .obj-banner__info-link { font-size: 12.4966px; line-height: 122.69%; } .obj-banner__tab-content-outer { width: 100%; margin-bottom: 13px; height: unset; } .obj-banner__tab-content img { max-width: unset; } .obj-banner__tab-btn { min-width: 81px; width: 81px; height: 44px; } .obj-banner__tab-btn-outer { margin: 0 auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .obj-info { padding-top: 0; } .obj-info__tab { flex-direction: column; gap: 32px; } .obj-info__tab-btn { margin: 19px 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: transparent; white-space: nowrap; } .obj-info__tab-btn-wrapper:hover { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06); } .obj-info__tab-btn-outer { flex-direction: row; gap: 17px; background: unset; height: unset; width: 100%; justify-content: start; max-width: 434px; margin: 0 auto; padding: 19px 15px 0; overflow-x: auto; } .obj-info__tab-btn-outer.phone { display: flex; } .obj-info__tab-btn-outer.desktop { display: none; } .obj-info__tab-btn-outer::-webkit-scrollbar { display: none; } .obj-info__tab-btn:before { background: #000; left: 50%; bottom: 0; top: unset; transform: translate(-50%, 0); } .obj-info__tab-btn.active:before { width: 100%; } .obj-info__title { font-size: 14px; line-height: 136.19%; margin-bottom: 16px; } .obj-info__text { font-size: 13px; line-height: 149.5%; } .obj-info__table { font-size: 13px; line-height: 149.5%; } .obj-info__table tr { align-items: center; } .about__title { font-size: 22px; line-height: 26px; margin-bottom: 25px; } .about__text { /*max-width: 250px;*/ } .clients__card { width: 128px; height: 74px; display: flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid #EDEDED; } .clients__card-outer { flex-wrap: wrap; justify-content: start; gap: 9px; } .footer { padding-top: 45px; } .footer__bg-one { background-position: -450px; } .footer__bg-two { background-position: -430px; transform: translate(0, 15px); } .footer .tablet { display: none; } .footer .phone { display: flex; flex-direction: column; } .footer__inner { position: relative; } .footer__top { align-items: center; margin-bottom: 30px; } .footer__logo-outer { justify-content: center; gap: 11px; } .footer__logo-outer span { line-height: 110%; } .footer__contacts { flex-direction: column; align-items: flex-end; gap: 6px; } .footer__contacts-link { margin-right: 0; } .footer__contacts-button { display: none; } .footer__menu { max-width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer__menu:nth-child(1) .footer__menu-content { flex-wrap: nowrap; flex-direction: column; } .footer__menu:nth-child(1) .footer__menu-item { width: auto; } .footer__menu-outer { flex-direction: column; margin-bottom: 0; gap: 0; } .footer__menu:nth-child(3) { border-bottom: unset; margin-bottom: 15px; } .footer__menu-title { font-size: 14px; line-height: 188.29%; display: flex; margin-bottom: 4px; justify-content: space-between; } .footer__menu-title-click { cursor: pointer; } .footer__menu-title-click a { pointer-events: none; } .footer__menu-content { max-height: 0; opacity: 0; overflow: hidden; will-change: max-height; box-sizing: content-box; transition: all 0.7s linear; } .footer__menu-title-click img { display: flex; } .footer__menu.active .footer__menu-title-click img { transform: rotate(180deg); } .footer__menu.active .footer__menu-content { opacity: 1; } .footer__menu-title img { width: 7px; opacity: 0.2; transition: 0.3s linear; } .footer__menu-title.bb { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer__menu-item { font-size: 14px; line-height: 16px; } .footer__menu.active { padding-bottom: 25px; } .footer__menu-content-list:nth-child(3) { flex-direction: column; } .footer__menu-button { margin-bottom: 31px; display: flex; } .footer__loc-cr, .footer__text-cr { flex-direction: column; gap: 24px; } .footer__text, .footer__cr { max-width: 132px; } .footer__cr { margin-left: 0; display: flex; } .footer__creator { position: absolute; bottom: 25px; right: 20px; gap: 4px; align-items: flex-start; opacity: 0.4; } .footer__creator img { width: 10px; height: 10px; } } @media (max-width: 460px) { .container { /* max-width: calc(100% - 30px); */ margin: auto; } .title a { font-size: 12px; } .title { padding-left: 0px; } .header__bottom:before { width: 300px; } .banner__bg-one, .banner__bg-two { width: 550px; left: -90px; } .banner__bg-one { transform: translate(15px, 0px); } .banner__info { max-width: 100% !important; padding-top: 40px; } .banner__slider-inner { /*max-width: 300px;*/ } .slider-slide-image { background-position: center bottom 30px !important; background-size: auto 50% !important; } .banner__title { font-size: 18px !important; line-height: 22px !important; margin-bottom: 11px; } .banner__subtitle { max-width: 100%; margin-bottom: 20px !important; ; } .title:before { transform: translate(-5px, 50%); } .obj-banner__tab-content-outer { width: 320px; position: relative; left: 50%; transform: translate(-50%, 0); } } /*# sourceMappingURL=main.css.map */ .section-title-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 5px; margin-bottom: 24px; } .section-title-row h1 { margin-bottom: 0px; } .section-title-row .section-title-link { font-weight: 700; font-size: 17px; color: #ff7900; transition: all .3s ease-out; } .section-title-row .section-title-link:visited { color: #ff7900; } .section-title-row .section-title-link:hover { color: firebrick; } .one-row-img-center { position: relative; margin-left: 50%; transform: translate(-50%, 0); } .characteristics-row .obj-banner__info-link { margin-bottom: 0; } .price-span { font-size: 24px; color: #222; font-weight: 700; } .characteristics { cursor: pointer; text-decoration: underline #1674b8; color: #1674B8; } .fixed-contacts-container { position: fixed; top: 0; right: 0; display: flex; flex-direction: column; row-gap: 5px; z-index: 99999; background: #1674B8; padding: 10px; border-radius: 0 0 0 5px; transform: translate(0, 0); transition: all .2s ease-out; } .fixed-contacts-content { display: flex; align-items: center; column-gap: 15px; } .fixed-contacts-hide { transform: translate(0, -100%); transition: all .2s ease-out; } .seo-ul { list-style-type: disc!important; padding-left:20px; padding-bottom:20px; } .seo-ul li { list-style-type: inherit; margin-bottom: 5px; } .seo-h3 { font-size: 20px!important; } .dop_setting { display: flex; align-items: baseline; justify-content: start; gap: 15px; flex-wrap: wrap; margin-left: 0px!important; } .dop_setting li { width: 32%; display: flex; flex-wrap: wrap; border: 1px solid #F1F3F3; list-style: none!important; margin-left: 0px!important; border-radius: 20px; overflow: hidden; } .dop_setting li span { width: 100%; padding: 10px; display: block; background: #F1F3F3; } .dop_setting li b { width: 100%; padding: 10px; display: block; } .obj-banner__tab { background: #FFF; padding: 20px; display: flex; flex-direction: unset; width: 55%; flex-wrap: wrap; } .info-button__product { width: 100%; height: 60px; } .product-info__block_item p { font-size: 14px; margin-bottom: 10px; } .product-info__block { display: flex; gap: 15px; margin-top: 20px; } .obj-banner__info_block { background: #FFF; padding: 0 20px 15px; margin-bottom: 20px; } .list_prod_block { background: #FFF; padding: 20px; } .container.dop_text { text-align: center; } .container.dop_text .banner__title, .container.dop_text .banner__subtitle { margin: 0 auto 30px; } .container.dop_text .banner__subtitle { font-size: 24px; color: #FFF !important; opacity: 1; line-height: 24px; } .block_baner_ico { display: flex; flex-wrap: wrap; padding: 20px; border-radius: 10px; background: #1D384DBD; margin-top: 20px; color: #FFF; } .item_baner_ico { display: flex; align-items: center; width: 33%; justify-content: start; text-align: left; } .item_baner_ico_img { width: 40px; margin-right: 15px; } @media (max-width: 768px) { .dop_setting li { width: 48%; } .obj-banner__tab { width: 100%; order: 1; } .obj-banner__tab-btn-outer { /* max-width: 110px; */ } .obj-banner__info_block { padding: 20px; } .item_baner_ico { width: 50%; margin-bottom: 10px; } .item_baner_ico span { width: 100%; } } @media (max-width: 500px) { .dop_setting li { width: 100%; } .item_baner_ico { width: 100%; margin-bottom: 10px; } } .obj-info__text .bolder { font-weight: bolder; } @media (max-width: 460px) { .dop_text .slider-slide-image { background-position: center bottom 30px !important; background-size: auto 100% !important; } .banner__slider-slide { margin-top: 80px!important; margin-top: 100px!important; } .banner__inner { height: 637px; } } /* End */ /* Start:/local/templates/main/frontend/css/additional.css?179144359717398*/ *:focus { outline: none; } .header__search__outer__wrapper { position: relative; display: none; } .header__search__wrapper { position: absolute; top: -60px; width: 100%; height: 60px; box-sizing: border-box; background: #1674B8; padding: 12px 0px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.3); z-index: 99; } .header__search__wrapper form { width: calc(100% - 40px); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0px 20px 0px 0px; } .header__search__wrapper-query { width: calc(100% - 100px); height: 28px; box-sizing:border-box; padding: 0px 16px; background: #1674B8; border: 0px; font-size: 16px; font-weight: 400; color: #fff; } .header__search__wrapper-query::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 0.4; } .header__search__wrapper-query:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; opacity: 0.4; } .header__search__wrapper-query::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; opacity: 0.4; } .header__search__wrapper-submit { background: #1674B8; border: 1px solid #FFFFFF; box-sizing: border-box; border-radius: 18px; cursor: pointer; padding: 6px 18px; font-size: 14px; font-weight: 400; color: #fff; } .header__search__wrapper-icon { width: 16px; height: 16px; } .close__search { width: 12px; height: 12px; cursor: pointer; } .search__result { width: 100%; box-sizing: border-box; } .search__result ol { width: 100%; list-style-type: decimal !important; list-style: decimal !important; box-sizing: border-box; margin-left: 0px !important; } .search__result ol li { width: 100%; list-style-type: decimal !important; list-style: decimal !important; margin-bottom: 24px; box-sizing: border-box; } .search__result ol li a { display: block; width: 100%; margin-bottom: 13px; font-size: 16px; color: #1674B8; text-decoration: underline; font-weight: 400; box-sizing: border-box; padding-left: 11px; } .search__result ol li p { display: block; width: 100%; font-size: 16px; color: #4D4D4D; font-weight: 400; box-sizing: border-box; padding-left: 11px; } .search__result__pagination { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-left: 38px; box-sizing: border-box; margin-bottom: 40px; box-sizing: border-box; } .search__result__pagination a { text-decoration: none !important; font-size: 19px; font-weight: 400; color: #000 !important; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin-right: 10px; background: #fff; width: 33px; height: 33px; box-sizing: border-box; } .search__result__pagination a.active, .search__result__pagination a:hover { background: #1674B8; color: #fff !important; box-sizing: border-box; } .search__form { width: 100%; margin-bottom: 42px; box-sizing: border-box; } .search__form form { width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 3px 111px 111px 3px; height: 41px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .search__form form input[type="text"] { width: 90%; height: 100% !important; border: 0px !important; border: 0px; background: red; background: url('/local/templates/main/frontend/css/../img/search_inner_icon.svg') no-repeat 10px center; padding: 0px 0px 0px 32px; color: #000; font-size: 16px; font-weight: 400; box-sizing: border-box; margin-bottom: 0px !important; } .search__form form input[type="submit"] { cursor: pointer; background: #1674B8; border-radius: 111px; border: 0px; color: #fff; font-size: 14px; font-weight: 400; padding: 12px 38px; box-sizing: border-box; margin-bottom: 0px !important; } .arcticmodal-container_i { width: 100%; box-sizing: border-box; } .arcticmodal-container { background: #1674B880 !important; box-sizing: border-box; } .box-modal { /* border-radius: 0px !important; */ border-radius: 10px !important; box-shadow: none !important; width: 100% !important; /* max-width: 618px !important; */ max-width: 490px !important; margin: 0 auto; box-sizing: border-box; } .modal__form { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; /* padding: 0px 60px; */ padding: 0px 30px; } .modal__form__inner { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; box-sizing: border-box; } .modal__form__inner input[type='text'], .modal__form__inner input[type='tel'], .modal__form__inner input[type='number'], .modal__form__inner input[type='email'] { width: 100%; background: #fff; height: 41px; border: 1px solid #EBEBEB; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding-left: 18px; margin-bottom: 4px; } .modal__form__inner input[type='text']::placeholder, .modal__form__inner input[type='tel']::placeholder, .modal__form__inner input[type='number']::placeholder, .modal__form__inner input[type='email']::placeholder, .modal__form__inner textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #B3B3B3; } .modal__form__inner input[type='text']:-ms-input-placeholder, .modal__form__inner input[type='tel']:-ms-input-placeholder, .modal__form__inner input[type='number']:-ms-input-placeholder, .modal__form__inner input[type='email']:-ms-input-placeholder, .modal__form__inner textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B3B3B3; } .modal__form__inner input[type='text']::-ms-input-placeholder, .modal__form__inner input[type='tel']::-ms-input-placeholder, .modal__form__inner input[type='number']::-ms-input-placeholder, .modal__form__inner input[type='email']::-ms-input-placeholder, .modal__form__inner textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #B3B3B3; } .modal__form__inner textarea { width: 100%; background: #fff; height: 144px; border: 1px solid #EBEBEB; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding: 18px; margin-bottom: 4px; } .modal__form__inner input[type='submit'] { cursor: pointer; background: #1674B8; border-radius: 111px; border: 0px; color: #fff; font-size: 14px; font-weight: 400; padding: 12px 38px; box-sizing: border-box; margin-bottom: 24px; } .modal__title { /* padding: 0px 60px; */ padding: 0px 30px; box-sizing: border-box; margin-top: 40px; } .modal-title-before-line { position: relative; } .modal-title-before { position: absolute; left: -16px; top: 52px; height: 1px; width: 40px; background: #1674B8; content: ""; } .form-group { width: 100%; margin-bottom: 16px } span.error { color: red; font-size: 13px; font-weight: 400; display: none; } span.error.active { display: block; } .box-modal_close { top: 20px !important; right: 20px !important; } .search-page .title { margin-bottom: 27px; box-sizing: border-box; } @media (min-width: 0px) and (max-width: 320px) { .search-page { margin-top: 150px !important; } .search__form form input[type="submit"] { padding: 12px 20px; } .modal__form { padding: 0px 14px; } } @media (min-width: 321px) and (max-width: 768px) { .search-page { margin-top: 150px !important; } } .modal-body { width: 100%; box-sizing: border-box; padding: 60px 20px 0px 20px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } .success-title { font-weight: 700; font-size: 26px; line-height: 31px; text-transform: uppercase; position: relative; text-align: center; font-family: "Etelka", sans-serif; margin-top: 20px; margin-bottom: 20px; } .modal-body p { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 19px; text-align: center; color: #808080; } /*styles*/ section .container.content-block {} section .container.content-block h1, .obj-info__text h1 { font-weight: 700; font-size: 26px; line-height: 31px; text-transform: uppercase; position: relative; margin-bottom: 31px; font-family: "Etelka", sans-serif; color: #222; } .seo-h1 { font-weight: 700; font-size: 26px; line-height: 31px; text-transform: uppercase; position: relative; margin-bottom: 31px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block h2, .obj-info__text h2 { font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; position: relative; margin-bottom: 28px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block h3, .obj-info__text h3 { font-weight: 700; font-size: 22px; line-height: 26px; text-transform: uppercase; position: relative; margin-bottom: 22px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block h4, .obj-info__text h4 { font-weight: 700; font-size: 20px; line-height: 24px; text-transform: uppercase; position: relative; margin-bottom: 20px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block h5, .obj-info__text h5 { font-weight: 700; font-size: 18px; line-height: 22px; text-transform: uppercase; position: relative; margin-bottom: 18px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block h6, .obj-info__text h6 { font-weight: 700; font-size: 16px; line-height: 20px; text-transform: uppercase; position: relative; margin-bottom: 16px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block p, section .container.content-block pre, .obj-info__text p, .obj-info__text pre { font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 10px; font-family: "Etelka", sans-serif; color: #222; width: 100%; box-sizing: border-box; word-wrap: break-word; } section .container.content-block a:not(.breadcrumbs-link) { font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 10px; font-family: "Etelka", sans-serif; color: #1674B8; text-decoration: underline; } section .container.content-block a:not(.breadcrumbs-link):hover { text-decoration: none; } section .container.content-block blockquote, .obj-info__text blockquote { font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 10px; font-family: "Etelka", sans-serif; color: #222; box-sizing: border-box; width: 100%; padding-left: 40px; border-left: 2px solid #1674B8; margin-left: 0px; } section .container.content-block ul:not(.breadcrumbs), section .container.content-block ol, .obj-info__text ul, .obj-info__text ol { font-weight: 400; font-size: 16px; line-height: 22px; margin-bottom: 10px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block ul:not(.breadcrumbs), section .container.content-block ul:not(.breadcrumbs) li, .obj-info__text ul, .obj-info__text ul li { margin-left: 20px; list-style: circle; } section .container.content-block ol, section .container.content-block ol li, .obj-info__text ol, .obj-info__text ol li { margin-left: 20px; list-style: decimal; } section .container.content-block table, .obj-info__text table { width: 100%; border: 0px; text-align: left; border-collapse: collapse; table-layout: fixed; margin-bottom: 22px; } section .container.content-block table thead tr th, .obj-info__text table thead tr th { padding: 10px 10px; border: 1px solid #f2f2f2; background: #1674B850; } section .container.content-block table th, .obj-info__text table th { font-weight: 600; font-size: 15px; } section .container.content-block table tfoot tr td, .obj-info__text table tfoot tr td { font-weight: 600; border: 1px solid #f2f2f2; } section .container.content-block table td, .obj-info__text table td { vertical-align: top; font-weight: 400; font-size: 13px; padding: 15px 10px; border: 1px solid #f2f2f2; } section .container.content-block table tbody tr:nth-child(odd), .obj-info__text table tbody tr:nth-child(odd) { background: #f2f2f2; } section .container.content-block input[type='text'], section .container.content-block input[type='tel'], section .container.content-block input[type='number'], section .container.content-block input[type='email'], section .container.content-block input[type='password'], section .container.content-block select { width: 100%; background: #fff; height: 41px; border: 1px solid #EBEBEB; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding-left: 18px; margin-bottom: 4px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block textarea { width: 100%; background: #fff; height: 144px; border: 1px solid #EBEBEB; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding: 18px; margin-bottom: 4px; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block input[type='radio']+label, section .container.content-block input[type='checkbox']+label { cursor: pointer; font-family: "Etelka", sans-serif; color: #222; } section .container.content-block input[type='submit'] { cursor: pointer; background: #1674B8; border-radius: 111px; border: 0px; color: #fff; font-size: 14px; font-weight: 400; padding: 12px 38px; box-sizing: border-box; margin-bottom: 24px; } .banner-clip { position: absolute; z-index: 8; width: 100%; height: 72px; clip-path: polygon(0px 0px, 21% 50px, 100% 0px, 21% 100%, 21% 100%); background: #174C8B; } .swiper-wrapper { height: 880px; } .banner__slider { background: #1674B8; /*clip-path: polygon(0px 0px, 100% 0%, 100% 870px, 21% 92% ,0% 870px);*/ } .banner__masked { width: 100%; height: 100%; clip-path: polygon(0px 0px, 100% 0px, 100% 806px, 21% 100%, 0% 806px); } .banner__slider-slide { /*background: #1674B8;*/ margin-top: 40px; } .banner__info { z-index: 10; } .slider-slide-image { position: absolute; z-index: 5; right: 0px; bottom: 0px; width: 100%; height: 100%; transition: all 0.35s linear; } .container-corners { position: relative; margin-top: -130px; } .banner-inner { height: 1100px !important; } .about__inner .about__text h1, .about__inner .about__text h2, .about__inner .about__text h3 { font-family: 'Etelka', sans-serif; font-weight: 700; font-size: 26px; line-height: 31px; margin-bottom: 26px; text-transform: uppercase; } .about__text a { color: #fff; text-decoration: underline; } .about__text a:hover { text-decoration: none; } .form-label { color: #222; display: inline-block; margin-bottom: 5px; } .container.content-block .faq_list .faq_item { border: 1px solid #000; box-sizing: border-box; margin-bottom: 10px; border-radius: 5px; } .container.content-block .faq_list .faq_item .heading { cursor: pointer; font-weight: 700; font-size: 20px!important; padding: 10px 54px 0 20px!important; text-transform: none; position: relative; line-height: 1.4; } .container.content-block .faq_list .faq_item .content { padding: 0 54px 20px 20px; display: none; float: none; line-height: 1.6; } .container.content-block .faq h2 { float: none; } .container.content-block .faq_list .arrow { position: absolute; top: 50%; right: 30px; /*transform: translateY(-50%);*/ width: 12px; height: 12px; } .container.content-block .faq_list .arrow:before, .container.content-block .faq_list .arrow:after { content: ""; position: absolute; background-color: #000; width: 2px; height: 12px; transition: 0.3s; } .container.content-block .faq_list .arrow:before { transform: translate(4px, 0) rotate(45deg); } .container.content-block .faq_list .arrow:after { transform: translate(-4px, 0) rotate(-45deg); } .container.content-block .faq_list .accord_active .arrow:before { transform: translate(-4px, 0) rotate(-45deg); } .container.content-block .faq_list .accord_active .arrow:after { transform: translate(4px, 0) rotate(45deg); } .container.content-block .faq_list .faq_item .content { overflow: hidden; transition: all 0.35s ease; } .seo-texth2 { font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; position: relative; margin-bottom: 28px; font-family: "Etelka", sans-serif; color: #222; } .container.content-block .faq_list .faq_item .heading h3 { cursor: pointer; font-weight: 700!important; font-size: 20px!important; padding: 0px!important; margin-bottom: 0px!important; text-transform: none; position: relative; line-height: 1.4; } /* End */ /* Start:/local/templates/main/frontend/css/custom.css?179431635431063*/ .hide { display: none !important; } .header__contacts-item .header__contacts-link { margin-bottom: 5px; } .header__contacts-item .header__contacts-link:last-child { margin-bottom: 0; } .header__logo-outer { background: url(/local/templates/main/frontend/css/../img/logo.png) no-repeat 0 50%; background-size: contain; height: 94px; padding-left: 109px; padding-top: 32px; font-size: 16px; line-height: 20px; } .banner__slider-slide { /* margin-top: 80px; */ margin-top: 200px; } .header__top { margin-bottom: 10px; } .service_blocks { display: flex; justify-content: start; flex-wrap: wrap; gap: 20px 20px; margin: 30px 0 45px; list-style: none!important; margin-left: 0px!important; margin-bottom: 25px!important; } .service_blocks li { flex: 0 1 calc(25% - 20px); box-sizing: border-box; width: calc(33.33% - 20px); border: 2px solid #ebebeb; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%); text-align: center; border-radius: 15px; padding: 30px 10px; /* background: #FFFFFF; */ list-style: none!important; margin-left: 0px!important; background-size: cover; } .service_blocks_name { display: block; } .service_blocks_all a { width: 112px; height: 40px; background: #1674B8; border-radius: 111px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 16px; border: unset; transition: background 0.3s linear; color: #FFFFFF!important; font-family: "Etelka", sans-serif; cursor: pointer; display: block; margin: 10px auto; line-height: 38px !important; } .service_blocks_name { background: #FFFFFFBA; padding: 5px 0; } .service_blocks_usl1 { background: url("/local/templates/main/frontend/img/usl1.png") no-repeat; } .service_blocks_usl2 { background: url("/local/templates/main/frontend/img/usl2.jpg") no-repeat; } .service_blocks_usl3 { background: url("/local/templates/main/frontend/img/usl3.jpg") no-repeat; } .service_blocks_usl4 { background: url("/local/templates/main/frontend/img/usl4.jpg") no-repeat; } .service_blocks_usl5 { background: url("/local/templates/main/frontend/img/usl5.jpg") no-repeat; } .service_blocks_usl6 { background: url("/local/templates/main/frontend/img/usl6.jpg") no-repeat; } .service_blocks_usl7 { background: url("/local/templates/main/frontend/img/usl7.png") no-repeat; } .service_blocks_usl8 { background: url("/local/templates/main/frontend/img/usl8.png") no-repeat; } .list_info { background: #1674b8; display: flex; padding: 10px 10px; align-items: center; margin-bottom: 20px; } .list_info_price { flex: 0 1 50%; color: #FFF; } .list_info_btn { flex: 0 1 50%; text-align: right; justify-content: right; display: flex; } @media (max-width: 770px) { .header__logo-outer { height: 70px; padding-left: 82px; padding-top: 24px; } .header__logo-outer span { font-size: 13px; line-height: 1.2; } .header__menu-phone { padding-top: 85px; } .service_blocks li { flex: 0 1 calc(50% - 20px); } .list_info_btn .footer__contacts-button { display: block!important; } .list_info_price { flex: 0 1 100%; justify-content: center; text-align: center; } .list_info_btn { flex: 0 1 100%; justify-content: center; display: flex; padding: 20px 0px; } .list_info { flex-wrap: wrap; } } @media (max-width: 500px) { .service_blocks li { flex: 0 1 100%; } .service_blocks { gap: 20px 0px; } } .catalog__bg-one, .catalog-page .catalog__bg-one { top: -156px; } .catalog__bg-two, .catalog-page .catalog__bg-two { bottom: -50px; bottom: auto; top: 600px; } .catalog__bg-thr, .catalog-page .catalog__bg-thr { /*bottom:-33px;*/ bottom: auto; top: 400px; } @media (max-width: 770px) { .catalog__bg-one, .catalog-page .catalog__bg-one { top: -66px; } } .catalog-page .catalog-page__bg-one { top: -78px; } .catalog-page .catalog-page__bg-two { right: 0; left: auto; bottom: -100px; } .catalog__bg-two, .catalog-page .catalog__bg-two { right: -169px; left: auto; } .list_prod { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; } .list_prod_name { font-weight: bold; display: block; margin-bottom: 15px; font-size: 14px; line-height: 132%; } .list_prod a { padding: 5px 10px; border: 1px solid #0f5486; background: #0f5486; color: #FFF; border-radius: 20px; } .list_prod a:hover { background: #FFF; color: #0f5486; } .list_prod span.act { padding: 5px 10px; border: 1px solid #0f5486; background: #FFF; color: #0f5486; border-radius: 20px; } .catalog__bg-thr, .catalog-page .catalog__bg-thr { left: -217px; right: auto; } @media (max-width: 1200px) { .catalog__bg-two, .catalog-page .catalog__bg-two { right: -99px; } .catalog__bg-thr, .catalog-page .catalog__bg-thr { left: -104px; } } .catalog-page .catalog__bg-one, .catalog-page .catalog__bg-two, .catalog-page .catalog__bg-thr { display: block; } .catalog-page .catalog-page__bg-one, .catalog-page .catalog-page__bg-two, .catalog-page .catalog-page__bg-thr { display: none; } .catalog.catalog-page .catalog__bg-thr.bottom-fixed, .contacts.search-page .catalog__bg-thr.bottom-fixed, .catalog.catalog-page .catalog__bg-two.bottom-fixed, .contacts.search-page .catalog__bg-two.bottom-fixed { position: fixed; bottom: 0; top: auto; } .catalog.catalog-page .catalog__bg-thr.bottom-zero, .contacts.search-page .catalog__bg-thr.bottom-zero, .catalog.catalog-page .catalog__bg-two.bottom-zero, .contacts.search-page .catalog__bg-two.bottom-zero { position: absolute; bottom: 0; top: auto; } .catalog.catalog-page .catalog__bg-one.top-fixed, .contacts.search-page .catalog__bg-one.top-fixed { position: fixed; top: 0; bottom: auto; } .catalog__bg-two, .catalog__bg-thr { opacity: 0.4 !important; } .header__contacts { font-size: 16px; line-height: 20px; } .choices__inner { font-size: 16px; line-height: 20px; } @media (max-width: 770px) { .header__contacts { flex-direction: column; align-items: center; } } .second-header .header__bg-one, .second-header .header__bg-two { height: 210px; } .header__menu-link { font-size: 18px; line-height: 20px; } @media (max-width: 1200px) { .second-header .header__bg-one, .second-header .header__bg-two { height: 225px; } .header__menu-link { font-size: 0.9em; line-height: 18px; } } @media (max-width: 770px) { .second-header .header__bg-one, .second-header .header__bg-two { height: 120px; } .header__menu-link { font-size: 16px; line-height: 28px; } } .contacts { margin-top: 269px; } .catalog-page.catalog { margin-top: 209px; } @media (max-width: 768px) { .search-page { margin-top: 150px !important; } .catalog-page.catalog { margin-top: 104px; } } .center { text-align: center; } section .container.content-block .reviews-list a, section .container.content-block .portfolio-list a { text-decoration: none; } section .container.content-block .reviews-list .catalog__card-title { word-break: break-all; } .header__search__wrapper { top: -100px; height: 100px; } .obj-info__text img { margin-top: 0; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } .obj-info__text img[align="left"] { margin-top: 0; margin-right: 10px; margin-bottom: 10px; margin-left: 0; } .obj-info__text img[align="right"] { margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 10px; } /*.catalog__bg-thr { right:-12%; } @media (max-width: 1200px) { .catalog__bg-thr { right:-15%; } }*/ .catalog__card img:not(.catalog__card-hover) { max-height: 120px; width: auto; display: block; margin-left: auto; margin-right: auto; } @media (min-width: 771px) { .contacts { min-height: 300px; } } @media (min-width: 1201px) { .contacts { min-height: 630px; } } .banner__info .banner__title, .banner__info .banner__subtitle { max-width: 720px; } @media (min-width: 1201px) and (max-width: 1440px) { .banner__info .banner__title, .banner__info .banner__subtitle { max-width: 550px; } } .modal__form__inner .button-submit { cursor: pointer; background: #1674B8; border-radius: 111px; border: 0px; color: #fff; font-size: 14px; font-weight: 400; padding: 12px 38px; box-sizing: border-box; margin-bottom: 24px; } .grecaptcha-badge { visibility: hidden; } .header__menu-modal { transition-property: all; transition-duration: 0.75s; transition-timing-function: ease; transition-delay: 0s; } .header__menu-item::after { transition-property: all; transition-duration: 0.75s; transition-timing-function: ease; transition-delay: 0s; display: none !important; } .header__menu-item::before { display: block; z-index: 10; content: ""; position: absolute; left: calc(50% - 24px); top: 100%; opacity: 0; visibility: hidden; pointer-events: none; border-left: 24px solid transparent; border-right: 24px solid transparent; border-bottom: 24px solid #fff; transition-property: all; transition-duration: 0.75s; transition-timing-function: ease; transition-delay: 0s } .header__menu-item.active::before { opacity: 1; visibility: visible; } .recommended-products-slider .catalog__card-img { width: 100% !important; max-height: 240px !important; height: 240px !important; margin: 0; } .recommended-products-slider .catalog__card-title { margin: 15px 0; } @media (max-width: 770px) { .recommended-products-slider .catalog__card-title { font-size: 20px; line-height: 25px; } .recommended-products-slider .catalog__card-info-text { font-size: 12px; } } .catalog-description-text ul { padding-left: 40px; margin: 15px 0; } .catalog-description-text ul li { list-style-type: disc; } ._js_callback_calc .callback_calc__btn { cursor: pointer; background: #1674B8; border-radius: 111px; border: 0px; color: #fff !important; font-size: 14px; font-weight: 400; padding: 12px 38px; box-sizing: border-box; margin: 30px 0; text-decoration: none !important; display: block; width: fit-content; } .incl_image { display: flex; justify-content: space-between; margin: 20px 0; } .incl_image img { width: 33%; } .active_view .slick-track { width: 100% !important; max-width: 100% !important; } .active_view .slick-list { width: 100% !important; max-width: 100% !important; } .active_view .slick-track .catalog__card { min-width: calc(100% / 4); } ul.breadcrumbs.bx-breadcrumb { display: flex; align-items: center; white-space: nowrap; overflow: auto; padding: 7px 0; } .tabs { font-family: Arial, sans-serif; } /* Десктоп: Горизонтальные табы */ .tab-nav { display: flex; border-bottom: 1px solid #ccc; } .tab-link { padding: 10px 20px; cursor: pointer; text-decoration: none !important; color: #333; margin: 0 !important; } .tab-link.active { border-bottom: 2px solid #1674B8; font-weight: bold; } .tab-content { padding: 20px; } .tab-pane { display: none; } .tab-pane.active { display: block; } .tab-cell { margin-bottom: 10px; } .catalog__card { padding: 15px 15px; } .pagination_container { text-align: center; width: 100%; } .catalog__card-outer--wrapper { /*margin-top: 30px;*/ margin-top: 0px; } /* Мобильная версия: Сайдбар слева */ @media (max-width: 768px) { .tabs { display: flex; flex-direction: row; } .tab-nav { display: block; width: 200px; border-right: 1px solid #ccc; flex-shrink: 0; } .tab-content { flex: 1; padding: 20px; } .tab-link { display: block; padding: 10px; text-align: left; } .tab-link.active { background-color: #f1f1f1; font-weight: bold; } .clients__card img { height: 100%; width: 100%; object-fit: contain; } } @media (max-width: 480px) { p { margin-bottom: 12px; } .about__inner .about__text h1, .about__inner .about__text h2, .about__inner .about__text h3 { font-size: 22px; margin-bottom: 6px; } .clients__card { width: calc(100% / 2 - 10px); } .about { padding: 30px 0; } .catalog-page .catalog__card { width: calc(100% / 2 - 10px); } section .container.content-block h2, .obj-info__text h2, section .container.content-block h3, .obj-info__text h3 { margin-bottom: 7px; } .tab-nav { width: 40%; word-break: break-all; } .footer__top { flex-direction: column; gap: 20px; } .footer__contacts { align-items: flex-start; } .catalog { padding-bottom: 15px; } .main br { display: none; } } .container.rel { position: relative; z-index: 1; padding-top: 225px; } #obj-info-2 .obj-info__text table tr td:nth-child(2) { text-align: center; } .header__bottom.js-header-content.fixed_menu { position: fixed; width: 100%; box-sizing: border-box; padding: 10px; left: 0; background-color: #1674b8; top: 0; padding: 0 170px 10px; } .fixed_menu .header__contacts-item--fixed_hide { display: none; } .fixed_menu #header-menu-content-0 .header__menu-modal-inner { left: 25%; } .fixed_menu .header__search__outer__wrapper { position: absolute; bottom: 0; width: 100%; left: 50%; transform: translateX(-50%); z-index: 12; } @media (max-width: 1600px) { .header__bottom.js-header-content.fixed_menu { padding: 0 30px 10px; } } @media (max-width: 1200px) { .header__bottom.js-header-content.fixed_menu { padding-left: 20px; } } @media (max-width: 700px) { .fixed_menu .header__contacts-lang { position: absolute; top: 15px; right: 90px; } .header__contacts { margin-bottom: 0 !important; } .fixed_menu .header__contacts-lang.header__contacts { display: flex; } } @media (max-width:500px) { .fixed_menu .header__logo-outer span { display: none; } } #cookie_note { display: none; position: fixed; bottom: 15px; left: 50%; max-width: 500px; width: 100%; transform: translateX(-50%); padding: 20px; background-color: white; border-radius: 4px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); z-index: 999; } #cookie_note p { margin: 0; font-size: 0.9rem; text-align: left; color: black; } .cookie_accept { width: 130px; } button.cookie_accept { background-color: #1674b8; color: white; border: solid 1px #1674b8; border-radius: 5px; transition: .5s; } button.cookie_accept:hover { background-color: white; color: #1674b8; transition: .5s; } .disabled { opacity: 0.5; cursor: default !important; } .clients__card { margin: 0 7px; } .clients__card-outer { position: relative; } .clients__card-outer .slick-arrow::before { content: ''; width: 100%; height: 100%; display: block; color: transparent; } .clients__card-outer .slick-prev::before { background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_2532)'%3E%3Cpath d='M61.64 66.36L43.32 48L61.64 29.64L56 24L32 48L56 72L61.64 66.36Z' fill='%231674b8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_2532'%3E%3Crect width='96' height='96' fill='%231674b8'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .clients__card-outer .slick-next::before { background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_2535)'%3E%3Cpath d='M34.3601 66.36L52.6801 48L34.3601 29.64L40.0001 24L64.0001 48L40.0001 72L34.3601 66.36Z' fill='%231674b8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_2535'%3E%3Crect width='96' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .clients__card-outer button { width: 40px; height: 40px; } .arrow_up { display: none; position: fixed; right: 20px; bottom: 50px; font-size: 0; background-color: #1674b8; width: 50px; height: 50px; border-radius: 50%; border: none; padding: 0; margin: 0; } .arrow_up::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg width='8' height='18' viewBox='0 0 8 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1L7 4M4 17V1V17ZM4 1L1 4L4 1Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 8px; height: 18px; } @media (max-width:700px) { .clients__card-outer .slick-prev { left: -15px; z-index: 9; } .clients__card-outer .slick-next { right: -15px; z-index: 9; } } @media (min-width: 576px) { #cookie_note.show { display: flex; } } @media (max-width: 575px) { #cookie_note.show { display: block; text-align: left; } #cookie_note { max-width: calc(100% - 30px); } } .advantage_new { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px 20px; margin: 30px 0 45px; } .advantage__item { flex: 0 1 calc(33.33% - 20px); box-sizing: border-box; width: calc(33.33% - 20px); border: 2px solid #ebebeb; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%); text-align: center; border-radius: 15px; padding: 30px 10px; background: #FFFFFF; } .advantage__item_img { margin-bottom: 15px; } .advantage__item span { display: block; } .advantage__item_name { font-size: 21px; font-weight: 800; color: #1674B8 } .advantage__item_supname { font-size: 14px; font-weight: 100; color: #1674B8; line-height: 16px; ; } @media (max-width: 982px) { .advantage__item_name { font-size: 21px; } .advantage__item { flex: 0 1 calc(50% - 20px); width: calc(50% - 20px); } } @media (max-width: 762px) { .advantage__item { flex: 0 1 calc(100% - 20px); width: calc(100% - 20px); } } @media (max-width: 500px) { .catalog__card-outer__btn { margin-top: 10px; width: 100%; } .card_portfolio_btn { margin-left: 0px !important } .catalog__card-outer__file { margin-top: 20px; } } .catalog__card-outer__block { padding: 20px 0; margin: 20px 0; border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .catalog__card-outer__block_all { display: flex; align-items: center; flex-wrap: wrap; } .catalog__card-outer__price { font-size: 20px; } .catalog__card-outer__price span { font-weight: bold; } .card_portfolio_btn { margin-left: 15px; display: flex; align-items: center; justify-content: center; width: 144px; height: 36px; background: transparent; border: 1px solid var(--blue); ; border-radius: 18px; font-size: 12.8855px; line-height: 15px; color: #FFFFFF; cursor: pointer; transition: all 0.3s linear; background: var(--blue); } .card_portfolio_btn:hover { background: #fff; border: 1px solid var(--blue); ; color: var(--blue); } .obj-info__portfolio { padding-top: 20px !important; padding-bottom: 20px !important; width: 100%; } .sroki_block { background: url("/local/img/time-left.png") no-repeat; background-position: left center; background-size: contain; padding: 10px 0 10px 50px; } .file_word { background: url("/local/img/microsoft-word-file.png") no-repeat; background-position: left center; background-size: contain; padding: 10px 0 10px 50px; } .catalog__card-info-price { font-weight: 700; font-size: 16px; line-height: 19px; color: #000; font-family: "Etelka", sans-serif; margin-bottom: 10px; width: 100%; } .catalog-sort { margin: 20px 0; padding: 10px; background: #f5f5f5; border-radius: 5px; } .sort-btn { display: inline-block; padding: 8px 15px; margin: 0 5px; background: #fff; border: 1px solid #ddd; border-radius: 3px; text-decoration: none; color: #333; } .sort-btn.active { background: #007bff; color: #fff; border-color: #007bff; } .catalog-sort select { padding: 8px; border: 1px solid #ddd; border-radius: 3px; margin-left: 10px; } .catalog__card_new .catalog__card-title { min-height: 45px; } .catalog__card-info__block { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; z-index: 10000; } .catalog__card_new { height: auto; padding-bottom: 100px !important; width: calc(100% / 4 - 15px); } .catalog__card-img { width: 160px; height: 120px; margin-bottom: 20px; } .catalog__card_new .catalog__card-img { width: auto; } .catalog__card-img img { height: 100%; object-fit: contain; } /* .catalog__card:hover .catalog__card-info-price { color: #FFF; } .catalog__card:hover .obj-banner__info-button { color: #1674B8; background: #FFFFFF; } */ .slick-track { display: flex; align-items: center; } .sert__card-outer { position: relative; } .sert__card-outer .slick-arrow::before { content: ''; width: 100%; height: 100%; display: block; color: transparent; } .sert__card-outer .slick-prev::before { background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_2532)'%3E%3Cpath d='M61.64 66.36L43.32 48L61.64 29.64L56 24L32 48L56 72L61.64 66.36Z' fill='%231674b8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_2532'%3E%3Crect width='96' height='96' fill='%231674b8'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .sert__card-outer .slick-next::before { background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_2535)'%3E%3Cpath d='M34.3601 66.36L52.6801 48L34.3601 29.64L40.0001 24L64.0001 48L40.0001 72L34.3601 66.36Z' fill='%231674b8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_2535'%3E%3Crect width='96' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .sert__card-outer button { width: 40px; height: 40px; } /*step*/ .step_block { margin: 50px 0; } .step_block h2 { text-transform: uppercase; } .step_block__wrap { margin: 49px 30px; box-sizing: border-box; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 85px; grid-auto-flow: column; grid-template-rows: repeat(4, 1fr); } .step_block__item_content__text { font-family: 'Roboto'; font-size: 14px; line-height: 100%; color: #1674B8; } .step_block__item { display: flex; align-items: baseline; gap: 20px; } .step_block__item_number { width: 50px; height: 50px; box-sizing: border-box; border-radius: 50%; border: solid 2px white; font-family: 'Roboto'; font-weight: 500; font-style: Medium; font-size: 30px; line-height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .step_block__item_number__inner { position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .step_block__item_content { background: white; border-radius: 20px; box-sizing: border-box; padding: 21px 40px; display: flex; align-items: center; gap: 20px; flex: 1; } .step_block__item_content__text span { font-weight: 700; } @media (max-width: 1440px) { .step_block__wrap { margin: 49px 15px; grid-template-columns: 1fr; gap: 30px; grid-auto-flow: unset; grid-template-rows: unset; } } @media (max-width: 500px) { .step_block__wrap { margin: 30px 0; } } .seo-title-h2 { font-size: 24px; line-height: 28px; font-weight: 600; position: relative; margin-top: 15px; margin-bottom: 28px; font-family: "Etelka", sans-serif; color: #222; } .portfolio-list-item .sroki_block { background-size: 21px; background: none; color: #000; padding: 10px 0 10px 0px; } .portfolio-list-item .catalog__card-outer__price { color: #000; font-size: 16px; } .portfolio-list-item .catalog__card_image { width: 100%; height: 120px; display: flex; align-items: center; } .news__view { background: url("/local/templates/main/img/glaz.png"); background-repeat: no-repeat; } .news__data { background: url("/local/templates/main/img/data__ico.png"); background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: contain; padding-left: 20px; padding-right: 10px; } .news__view { background: url("/local/templates/main/img/glaz.png"); background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: contain; padding-left: 20px; padding-right: 10px; } .news-detail_show { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .news-list_show { padding: 20px 10px; } .estimated-time { display: flex; align-items: center; } .oferta-link { margin-top: 15px; } .obj-info__text .bolder { font-weight: bolder; } .portf_page.portfolio_index { padding-bottom: 50px; } .portfolio_index_ref { padding-top: 15px; text-align: right; font-weight: bold; } .portfolio-list-bl-index { position: relative; } .catalog__card-outer.portfolio-list-bl-index { display: block!important; } .portfolio-list-bl-index button { width: 40px; height: 40px; } .portfolio-list-bl-index .slick-arrow::before { content: ''; width: 100%; height: 100%; display: block; color: transparent; } .portfolio-list-bl-index .slick-prev::before { background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_2532)'%3E%3Cpath d='M61.64 66.36L43.32 48L61.64 29.64L56 24L32 48L56 72L61.64 66.36Z' fill='%231674b8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_2532'%3E%3Crect width='96' height='96' fill='%231674b8'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .portfolio-list-bl-index .slick-next::before { background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_2535)'%3E%3Cpath d='M34.3601 66.36L52.6801 48L34.3601 29.64L40.0001 24L64.0001 48L40.0001 72L34.3601 66.36Z' fill='%231674b8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_2535'%3E%3Crect width='96' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 100%; } .portfolio-list-bl-index .catalog__card.slick-slide { height: 340px; } .baner_btn { color: #fff!important; font-size: 14px!important; line-height: 16px!important; background: #1674B8!important; border: 1px solid #1674B8!important; width: 280px!important; } .baner_btn2 { color: #fff!important; font-size: 14px!important; line-height: 16px!important; background: #1674B8!important; border: 1px solid #1674B8!important; width: 280px!important; } .btn__header { color: #fff!important; font-size: 14px!important; line-height: 16px!important; /*background: rgb(27, 201, 114) !important; border: 1px solid rgb(27, 201, 114) !important;*/ border: 1px solid #FFF; background: url("/local/templates/main/img/document_icon_white.svg") no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center; width: 100%; padding: 7px 10px 7px 35px; box-sizing: border-box; border-radius: 60px; font-family: "Etelka", sans-serif; height: 40px; background-position-x: 10px; background-position-y: center; background-size: 20px; } /* .banner__button_ban1 { margin: 10px auto } */ .banner__button_ban2 { background: rgb(27, 201, 114) !important; border: 1px solid rgb(27, 201, 114)!important; } .banner__button_block { display: flex; flex-wrap: nowrap; justify-content: center; margin: 10px 0; gap: 10px; } .opros_image { width: 240px; position: relative; } .opros_image img { position: absolute; bottom: -70px; left: 0px; width: auto; max-width: initial; } .block_opros { width: 100%; background: #174C8B!important; padding: 20px; border-radius: 10px; margin-bottom: 40px; color: #FFF; display: flex; align-items: center; gap: 20px; justify-content: space-between; } .opros_btn { font-size: 14px !important; line-height: 16px !important; background-color: #1674B8 !important; border: 1px solid #1674B8 !important; width: auto !important; display: inline-block; padding: 10px 50px 10px 20px; border-radius: 100px; background-image: url('/local/img/list_dowload.png'); background-repeat: no-repeat; background-position: 190px center; white-space: nowrap; color: #FFF; } .opros_btn:hover { background-color: #0f5486 !important;; } .catalog__card_news { width: calc(100% / 3 - 15px); background-size: cover; min-height: 200px; } .catalog__card_news .catalog__card-title { position: absolute; padding: 10px; left: 0px; bottom: -10px; color: #FFF; text-decoration: underline; background: #00000061; width: 100%; } .main_catalog__index .catalog__card_news .catalog__card-title { bottom: 0px; } .catalog-sort { width: 100%; display: flex; justify-content: space-between; } .catalog__card-outer.portfolio-list-bl-index { clear: both; } .clients__title.etelkaBold a { float: none!important; } .faq_item ul { list-style: circle!important; margin: 10px 20px; } .faq_item ul li{ list-style: circle!important; } .view-btn { width: 30px; height: 40px; border: 1px solid #ddd; display: inline-flex; background-color: #EFEFEF; background-repeat: no-repeat; background-position: center; border-radius: 5px; } .view-btn:hover { background-color: #1674b8; } .view-btn.active { background-color: #1674b8; } .view-btn-title { background-image: url("/local/img/title.svg"); } .view-btn-title.active { background-image: url("/local/img/title_wigth.svg"); } .view-btn-title:hover { background-image: url("/local/img/title_wigth.svg"); } .view-btn-list { background-image: url("/local/img/line.svg"); } .view-btn-list.active { background-image: url("/local/img/line_w.svg"); } .view-btn-list:hover { background-image: url("/local/img/line_w.svg"); } .view-btn-table { background-image: url("/local/img/grid.svg"); } .view-btn-table.active { background-image: url("/local/img/grid_w.svg"); } .view-btn-table:hover { background-image: url("/local/img/grid_w.svg"); } @media (max-width: 1200px) { .opros_image img { bottom: -70px; left: -55px; } } @media (max-width: 762px) { .opros_list { text-align: center; } .block_opros { flex-wrap: wrap; justify-content: center; } .opros_image img { position: initial; width: auto; max-width: initial; } .header_kp { display: none; } } @media (max-width: 500px) { .catalog-sort select { width: 100%; margin: 5px 0; } .banner__button_block { flex-wrap: wrap; } .catalog-sort { flex-wrap: wrap; } } /* End */ /* Start:/local/templates/main/frontend/libs/arcticmodal/jquery.arcticmodal-0.3.css?1641800966654*/ .arcticmodal-overlay, .arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; } .arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; } *:first-child+html .arcticmodal-container { height: 100% } .arcticmodal-container_i { height: 100%; margin: 0 auto; } .arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; } .arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; } .arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/local/templates/main/frontend/libs/arcticmodal/loading.gif) no-repeat 50% 50%; } /* End */ /* Start:/local/templates/main/frontend/libs/arcticmodal/themes/simple.css?1641800966421*/ .box-modal { position: relative; width: 500px; padding: 16px; background: #fff; color: #3c3c3c; font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; box-shadow: 0 0 0 6px rgba(153, 153, 153, .3); border-radius: 6px; } .box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; } .box-modal_close:hover { color: #666; } /* End */ /* Start:/local/templates/main/components/bitrix/main.feedback/template/style.css?17887809962309*/ .modal__form__inner input[type="text"], .modal__form__inner input[type="tel"], .modal__form__inner input[type="number"], .modal__form__inner input[type="email"] { width: 100%; background: #fff; height: 30px; border-bottom: 1px solid #EBEBEB; border-top: none; border-right: none; border-left: none; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding-left: 0px; margin-bottom: 4px; } .modal__form__inner textarea { width: 100%!important; background: #fff; height: 50px; border-bottom: 1px solid #EBEBEB; border-top: none; border-right: none; border-left: none; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding: 0px; margin-bottom: 4px; } .js-product-tetx { padding: 0px 30px; box-sizing: border-box; margin-top: 0px; margin-bottom: 20px; } .name_label { font-weight: bold; margin-bottom: 10px; display: block; } .js-product-tetx2 { font-weight: bold; box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; } .modal__form__inner .button-submit { margin-bottom: 0px; } .js-recaptcha-submit-form { width: 100%; margin-top: 20px; } .file-input-wrapper { display: inline-block; width: 100%; position: relative; height: 35px; margin-top: 10px; overflow: hidden; } /* Скрываем input, но оставляем доступным для label */ #fileInput { /*display: none;*/ /* opacity: 0; */ position: absolute; top: 0px; left: 30px; } .custom-file-label { display: inline-flex; align-items: center; gap: 8px; padding: 7px 24px; border:1px dotted #1674b8; background: none; border-radius: 100px; font-size: 16px; cursor: pointer; transition: background 0.3s; font-family: Arial, sans-serif; width: 100%; color: #1674b8; justify-content: center; position: absolute; top: 0px; left: 0px; z-index: 10000; background: #FFF; } .custom-file-label:hover { background: #1674b8; color: #fff; } .clip-icon { width: 18px; height: 18px; fill: currentColor; } .close__btn { border:1px dotted #1674b8; background: #1674b8; width: 100%; color: #FFF; text-align: center; display: block; position: initial; padding: 5px 0; } /* End */ /* Start:/local/templates/main/components/bitrix/main.feedback/zayavka_new/style.css?17887793451888*/ div.mfeedback {} div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:100%; padding-bottom:0.4em;} div.mf-name input, div.mf-email input {width:100%;} div.mf-message textarea {width: 100%;} span.mf-req {color:red;} div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;} .modal__form__inner input[type="text"], .modal__form__inner input[type="tel"], .modal__form__inner input[type="number"], .modal__form__inner input[type="email"] { width: 100%; background: #fff; height: 30px; border-bottom: 1px solid #EBEBEB; border-top: none; border-right: none; border-left: none; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding-left: 0px; margin-bottom: 4px; } .modal__form__inner textarea { width: 100%!important; background: #fff; height: 50px; border-bottom: 1px solid #EBEBEB; border-top: none; border-right: none; border-left: none; box-sizing: border-box; border-radius: 3px; font-size: 16px; font-weight: 400; color: #000; padding: 0px; margin-bottom: 4px; } .mfeedback__line { display: flex; flex-wrap: nowrap; gap: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25); padding: 20px; box-sizing: border-box; border: 2px solid #ebebeb; border-radius: 10px; align-items: center; } .form__block1 { flex: 0 1 calc(50% - 20px); text-align: center; } .form__block2 { flex: 0 1 calc(50% - 20px); } .mfeedback__line .button-submit { cursor: pointer; background: #1674B8; border-radius: 111px; border: 0px; color: #fff; font-size: 14px; font-weight: 400; padding: 12px 38px; box-sizing: border-box; margin-bottom: 24px; } .forms_img { margin: 20px auto; } @media (max-width: 770px) { .mfeedback__line { flex-wrap: wrap; } .form__block1 { flex: 0 1 100%; } .form__block2 { flex: 0 1 100%; } } /* End */ /* /local/templates/main/vendor/slick-1.8.1/slick/slick.css?16655596411776 */ /* /local/templates/main/vendor/slick-1.8.1/slick/slick-theme.css?16655596413145 */ /* /local/templates/main/vendor/swiper-bundle.min.css?164732585815563 */ /* /local/templates/main/frontend/css/vendor.css?164180095414804 */ /* /local/templates/main/frontend/css/main.css?179084459276342 */ /* /local/templates/main/frontend/css/additional.css?179144359717398 */ /* /local/templates/main/frontend/css/custom.css?179431635431063 */ /* /local/templates/main/frontend/libs/arcticmodal/jquery.arcticmodal-0.3.css?1641800966654 */ /* /local/templates/main/frontend/libs/arcticmodal/themes/simple.css?1641800966421 */ /* /local/templates/main/components/bitrix/main.feedback/template/style.css?17887809962309 */ /* /local/templates/main/components/bitrix/main.feedback/zayavka_new/style.css?17887793451888 */