/* Start:/local/templates/main/css/swiper-bundle.min.css?168905826716466*/ /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/css/style.css?176175080985013*/ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; } .wrap ol, .wrap ul { list-style: none; } :focus { outline: 0; } ::-webkit-input-placeholder { text-indent: 0px; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; font-family: inherit; color: #000 !important; } ::-moz-placeholder { opacity: 1; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-family: inherit; color: #000 !important; } :-moz-placeholder { opacity: 1; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; font-family: inherit; color: #000 !important; } :-ms-input-placeholder { text-indent: 0px; -ms-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; font-family: inherit; color: #000 !important; } :focus::-webkit-input-placeholder { text-indent: -1000px; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } :focus::-moz-placeholder { opacity: 0; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } :focus:-moz-placeholder { opacity: 0; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } :focus:-ms-input-placeholder { text-indent: -1000px; -ms-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } .wrap table { border-collapse: collapse; border-spacing: 0; } .wrap label, .wrap input:not([type=checkbox]), .wrap input:not([type=radio]), .wrap button { -webkit-appearance: none; font-family: inherit; } .wrap label, .wrap input[type=submit], .wrap button { cursor: pointer; } .wrap img { border: none; } html, body { height: 100%; } html { font-size: 62.5%; scroll-behavior: smooth; } .wrap button:focus { outline: none !important; } .wrap input::-webkit-outer-spin-button, .wrap input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .wrap input:hover::-webkit-outer-spin-button, .wrap input:hover::-webkit-inner-spin-button { display: none; -webkit-appearance: none; margin: 0; } /* @include box-sizing(#); */ .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .fade { transition: opacity 0.15s linear; } .position-absolute { position: absolute; } .position-relative { position: relative; } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transition: var(--transition); opacity: 0; z-index: -1; display: flex; } .modal.show { opacity: 1; z-index: 1055; } .modal a { color: #000; } .modal__close { position: absolute; top: 3rem; right: 2.4rem; border: none; background: none; border-radius: 50%; transition: var(--transition); } @media (hover: hover) and (pointer: fine) { .modal__close:hover { opacity: 0.7; } } @media only screen and (max-width: 767px) { .modal__close { right: 1.6rem; top: 1.3rem; } } .modal__title { margin-bottom: 1rem; font-size: 2.4rem; line-height: 3.12rem; } @media only screen and (max-width: 767px) { .modal__title { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 0.4rem; } } .modal__header { margin-bottom: 3.3rem; } @media only screen and (max-width: 767px) { .modal__header { margin-bottom: 0; } .modal__header p { margin-bottom: 1.6rem; } } .modal__content { flex-grow: 1; pointer-events: auto; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 3.2rem 5rem 3.8rem; } @media only screen and (max-width: 767px) { .modal__content { padding: 2.2rem 1.5rem 2.5rem; } } .modal-dialog { position: relative; pointer-events: auto; width: 35.5rem; max-width: 100%; margin: auto; } @media only screen and (min-width: 768px) { .modal-dialog { width: 57rem; } } .modal .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } .modal.show .modal-dialog { transform: none; } @media only screen and (min-width: 992px) { .dropdown { position: relative; } } .dropdown:after { content: ""; display: block; position: absolute; top: 100%; left: 0; right: 0; height: 2rem; } .dropdown-menu { position: absolute; z-index: 95; display: none; width: 56.4rem; margin: 1.5rem 0 0; padding: 2rem 3rem; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 10px; left: 0; } .dropdown-menu.show { display: block; } @media (hover: hover) and (pointer: fine) { .dropdown-menu { display: none !important; } .dropdown:hover > .dropdown-menu { display: block !important; } } @media only screen and (max-width: 991px) { .dropdown-menu { left: 1.6rem; } } .dropdown-menu .grid-md-2 { display: grid; grid-gap: 1rem 4.2rem; } .dropdown-toggle { display: flex; justify-content: space-between; align-items: center; overflow: 0 2rem 0 0; position: relative; padding-right: 2.5rem; } .dropdown-toggle::after { content: ""; display: inline-block; width: 1.4rem; height: 0.9rem; margin-left: 1rem; background: url(/local/templates/main/css/../images/icons/caret.svg) no-repeat; background-size: contain; transition: var(--transition); } @media only screen and (max-width: 991px) { .dropdown-toggle::after { margin-left: 0.5rem; } } @media only screen and (max-width: 767px) { .dropdown-toggle::after { margin-right: 0.2rem; } } .icon { background-repeat: no-repeat; background-size: contain !important; background-position: 0 0; display: inline-block; flex-shrink: 0; } .icon-whatsapp { width: 3.5rem; height: 3.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-whatsapp:hover:before { opacity: 0; } .icon-whatsapp:hover:after { opacity: 1; } } .icon-whatsapp:before, .icon-whatsapp:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-whatsapp:before { background-image: url(/local/templates/main/css/../images/icons/whatsapp.svg); } .icon-whatsapp:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/whatsapp-active.svg); } .icon-telegram { width: 3.5rem; height: 3.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-telegram:hover:before { opacity: 0; } .icon-telegram:hover:after { opacity: 1; } } .icon-telegram:before, .icon-telegram:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-telegram:before { background-image: url(/local/templates/main/css/../images/icons/telegram.svg); } .icon-telegram:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/telegram-active.svg); } .icon-phone-circle { width: 3.5rem; height: 3.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-phone-circle:hover:before { opacity: 0; } .icon-phone-circle:hover:after { opacity: 1; } } .icon-phone-circle:before, .icon-phone-circle:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-phone-circle:before { background-image: url(/local/templates/main/css/../images/icons/phone-circle.svg); } .icon-phone-circle:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/phone-circle-active.svg); } .icon-clock { width: 1.6rem; height: 1.6rem; margin: 0 0.6rem 0 0.2rem; background-image: url(/local/templates/main/css/../images/icons/clock.svg); } .icon-clock-inversion { width: 1.6rem; height: 1.6rem; margin-right: 0.7rem; background-image: url(/local/templates/main/css/../images/icons/clock-inversion.svg); } .icon-check-circle { width: 2rem; height: 2rem; background-image: url(/local/templates/main/css/../images/icons/check-circle.svg); } .icon-arrow-left { width: 2.1rem; height: 1.6rem; background-image: url(/local/templates/main/css/../images/icons/arrow-left.svg); } .icon-arrow-right { width: 2.1rem; height: 1.6rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-arrow-right:hover:before { opacity: 0; } .icon-arrow-right:hover:after { opacity: 1; } } .icon-arrow-right:before, .icon-arrow-right:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-arrow-right:before { background-image: url(/local/templates/main/css/../images/icons/arrow-right.svg); } .icon-arrow-right:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/arrow-right-active.svg); } @media (hover: hover) and (pointer: fine) { a:hover .icon-arrow-right:before { opacity: 0; } a:hover .icon-arrow-right:after { opacity: 1; } } .icon-caret-next { width: 1.5rem; height: 2.6rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-caret-next:hover:before { opacity: 0; } .icon-caret-next:hover:after { opacity: 1; } } .icon-caret-next:before, .icon-caret-next:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-caret-next:before { background-image: url(/local/templates/main/css/../images/icons/caret-next.svg); } .icon-caret-next:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/caret-next-active.svg); } .icon-caret-prev { width: 1.5rem; height: 2.6rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-caret-prev:hover:before { opacity: 0; } .icon-caret-prev:hover:after { opacity: 1; } } .icon-caret-prev:before, .icon-caret-prev:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-caret-prev:before { background-image: url(/local/templates/main/css/../images/icons/caret-prev.svg); } .icon-caret-prev:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/caret-prev-active.svg); } .icon-fb { width: 1.1rem; height: 1.8rem; background-image: url(/local/templates/main/css/../images/icons/fb.svg); } .icon-twitter { width: 2.2rem; height: 1.8rem; margin-top: 0.3rem; background-image: url(/local/templates/main/css/../images/icons/twitter.svg); } .icon-vk { width: 2.5rem; height: 1.4rem; margin-top: 0.3rem; background-image: url(/local/templates/main/css/../images/icons/vk.svg); } .icon-ok { width: 1.5rem; height: 2.5rem; background-image: url(/local/templates/main/css/../images/icons/ok.svg); } .icon-google { width: 2.3rem; height: 1.5rem; background-image: url(/local/templates/main/css/../images/icons/google.svg); } .icon-pensil { width: 2.1rem; height: 2.1rem; background-image: url(/local/templates/main/css/../images/icons/pensil.svg); } .icon-plus { width: 1.9rem; height: 1.9rem; background-image: url(/local/templates/main/css/../images/icons/plus.svg); } .icon-tg { width: 1.8rem; height: 1.5rem; background-image: url(/local/templates/main/css/../images/icons/tg.svg); } .icon-vk-circle { width: 4.5rem; height: 4.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-vk-circle:hover:before { opacity: 0; } .icon-vk-circle:hover:after { opacity: 1; } } .icon-vk-circle:before, .icon-vk-circle:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-vk-circle:before { background-image: url(/local/templates/main/css/../images/icons/vk-circle.svg); } .icon-vk-circle:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/vk-circle-active.svg); } .icon-youtube-circle { width: 4.5rem; height: 4.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-youtube-circle:hover:before { opacity: 0; } .icon-youtube-circle:hover:after { opacity: 1; } } .icon-youtube-circle:before, .icon-youtube-circle:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-youtube-circle:before { background-image: url(/local/templates/main/css/../images/icons/youtube-circle.svg); } .icon-youtube-circle:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/youtube-circle-active.svg); } .icon-map { width: 1.6rem; height: 2rem; background-image: url(/local/templates/main/css/../images/icons/map.svg); } .icon-phone { width: 1.8rem; height: 1.8rem; background-image: url(/local/templates/main/css/../images/icons/phone.svg); } .icon-email { width: 2rem; height: 1.6rem; background-image: url(/local/templates/main/css/../images/icons/email.svg); } .icon-caret-right { width: 0.9rem; height: 1.4rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-caret-right:hover:before { opacity: 0; } .icon-caret-right:hover:after { opacity: 1; } } .icon-caret-right:before, .icon-caret-right:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-caret-right:before { background-image: url(/local/templates/main/css/../images/icons/caret-right.svg); } .icon-caret-right:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/caret-right-active.svg); } @media (hover: hover) and (pointer: fine) { a:hover > .icon-caret-right:before { opacity: 0; } a:hover > .icon-caret-right:after { opacity: 1; } } .icon-arrow-nav { width: 2rem; height: 0.8rem; background-image: url(/local/templates/main/css/../images/icons/arrow-nav.svg); } .icon-close { width: 4.5rem; height: 4.5rem; background-image: url(/local/templates/main/css/../images/icons/close.svg); } @media only screen and (max-width: 767px) { .icon-close { width: 3.2rem; height: 3.2rem; } } .icon-vk-danger { width: 3.5rem; height: 3.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-vk-danger:hover:before { opacity: 0; } .icon-vk-danger:hover:after { opacity: 1; } } .icon-vk-danger:before, .icon-vk-danger:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-vk-danger:before { background-image: url(/local/templates/main/css/../images/icons/vk-danger.svg); } .icon-vk-danger:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/vk-danger-active.svg); } .icon-ok-circle { width: 3.5rem; height: 3.5rem; position: relative; } @media (hover: hover) and (pointer: fine) { .icon-ok-circle:hover:before { opacity: 0; } .icon-ok-circle:hover:after { opacity: 1; } } .icon-ok-circle:before, .icon-ok-circle:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: 0 0; background-repeat: no-repeat; transition: var(--transition); } .icon-ok-circle:before { background-image: url(/local/templates/main/css/../images/icons/ok-circle.svg); } .icon-ok-circle:after { opacity: 0; background-image: url(/local/templates/main/css/../images/icons/ok-circle-active.svg); } .btn { text-decoration: none !important; display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; font-size: 1.8rem; line-height: 2.34rem; padding: 0.8rem 1.435rem 1rem; font-weight: 700; overflow: hidden; transition: var(--transition); position: relative; color: #000 !important; background: var(--color-main); border: 2px solid var(--color-main); border-radius: 30px; } .btn:disabled, .btn.disabled { cursor: default; pointer-events: none; background: gray; color: #000 !important; } .btn.w-100 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } @media (hover: hover) and (pointer: fine) { .btn:hover { opacity: .7; /*border-color: #F91B0C;*/ /*background: #F91B0C;*/ /*color: #fff !important;*/ } } .btn_outline { background: transparent; color: var(--color-main) !important; } /*@media (hover: hover) and (pointer: fine) {*/ /* .btn_outline:hover {*/ /* background: transparent;*/ /* color: #F91B0C !important;*/ /* }*/ /*}*/ .btn_size-sm { padding: 0.8rem 1.835rem 1rem; } @media only screen and (max-width: 991px) { .btn_size-sm { padding: 0.9rem 1.2rem 1.1rem; } } @media only screen and (max-width: 767px) { .btn_size-sm { padding: 0.8rem 1.2rem 1rem; } } .btn_size-md { padding: 0.8rem 3.26rem 1rem; } @media only screen and (max-width: 767px) { .btn_size-md { padding-left: 1.5rem; padding-right: 1.5rem; } } .btn_size-lg { padding: 0.8rem 4.6rem 1rem; } .wrap a { transition: var(--transition); text-decoration: none; color: #000; } .wrap a.text_inversion { color: #fff; } .wrap .content a, .wrap .link_underline { text-decoration: underline; } @media (hover: hover) and (pointer: fine) { .wrap .content a:hover, .wrap .link_underline:hover { text-decoration: none !important; } } .wrap p { margin-bottom: 1.8rem; } .wrap h1, .wrap h2 { font-weight: bold; text-transform: uppercase; font-size: 8.0rem; line-height: 1; font-family: "Roboto", sans-serif; } @media only screen and (max-width: 1199px) { .wrap h1, .wrap h2 { font-size: 7rem; } } @media only screen and (max-width: 991px) { .wrap h1, .wrap h2 { font-size: 5.5rem; } } @media only screen and (max-width: 767px) { .wrap h1, .wrap h2 { font-size: 3rem; } } .title { font-family: "Roboto", sans-serif; text-transform: uppercase; } .wrap .title_size-md { font-size: 3.6rem; line-height: 4.32rem; } @media only screen and (max-width: 991px) { .wrap .title_size-md { font-size: 2.4rem; line-height: 2.9rem; } } @media only screen and (max-width: 767px) { .wrap .title_size-md { font-size: 1.8rem; line-height: 120%; } } .title_size-lg { font-size: 5.2rem; line-height: 6.24rem; } @media only screen and (max-width: 991px) { .title_size-lg { font-size: 4rem; line-height: 4.8rem; } } @media only screen and (max-width: 767px) { .title_size-lg { font-size: 2.4rem; line-height: 2.9rem; } } .title_size-xl { font-size: 8rem; line-height: 9.6rem; letter-spacing: -0.07rem; } @media only screen and (max-width: 991px) { .title_size-xl { font-size: 4rem; line-height: 4.8rem; } } @media only screen and (max-width: 767px) { .title_size-xl { font-size: 3.2rem; line-height: 3.8rem; } } .mb_sm { margin-bottom: 1.9rem !important; } @media only screen and (max-width: 991px) { .mb_sm { margin-bottom: 1rem !important; } } .mb_md { margin-bottom: 2.1rem; } @media only screen and (max-width: 991px) { .mb_md { margin-bottom: 1.5rem; } } .mb_lg { margin-bottom: 2.5rem; } @media only screen and (max-width: 767px) { .mb_lg { margin-bottom: 1.4rem; } } .mb_xl { margin-bottom: 3.6rem; } @media only screen and (max-width: 991px) { .mb_xl { margin-bottom: 2.6rem; } } @media only screen and (max-width: 767px) { .mb_xl { margin-bottom: 2rem; } } .text_upper { text-transform: uppercase; } .text_size-sm { font-size: 1.4rem; line-height: 1.82rem; } .text_size-md { font-size: 1.8rem; line-height: 2.34rem; } .text_size-lg { font-size: 2rem; line-height: 2.6rem; } @media only screen and (max-width: 767px) { .text_size-lg { font-size: 1.8rem; line-height: 2.3rem; } } .text_size-xl { font-size: 2.4rem; line-height: 3.12rem; } @media only screen and (max-width: 991px) { .text_size-xl { font-size: 2rem; line-height: 2.6rem; } } @media only screen and (max-width: 767px) { .text_size-xl { font-size: 1.8rem; line-height: 2.3rem; } } .wrap .text_dark { color: #1E1E1E; } .wrap .text_danger { color: var(--color-main); } .wrap .text_inversion { color: #fff; } .wrap .text_normal { font-weight: 400; } .wrap .text_mediumbold { font-weight: 500; } .wrap .text_semibold { font-weight: 600; } .wrap .text_bold { font-weight: 700; } .wrap .text_center { text-align: center; } @media only screen and (max-width: 767px) { .text_center_sm { text-align: center; } } @media only screen and (max-width: 991px) { .text_center_md { text-align: center; } } @media only screen and (max-width: 1399px) { .text_center_xl { text-align: center; } } .text_right { text-align: right; } body { font-family: "Raleway", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.3; font-variant-numeric: lining-nums; color: #000; background: #fff; } body.overflow-none { overflow: hidden; } @media only screen and (min-width: 1200px) { body.overflow-none { padding-right: 1.7rem; } } @media only screen and (max-width: 767px) { body { font-size: 1.4rem; line-height: 1.8rem; } } .wrap { overflow: hidden; min-height: 100%; display: flex; flex-direction: column; } @media only screen and (max-width: 767px) { .wrap { padding-top: 5rem; } } .container { padding-left: 1rem; padding-right: 1rem; margin: 0 auto; width: 100%; } @media only screen and (min-width: 768px) { .container { max-width: 710px; } } @media only screen and (min-width: 992px) { .container { max-width: 970px; } } @media only screen and (min-width: 1200px) { .container { max-width: 1190px; } } .content { padding: 3.4rem 0 12rem; } @media only screen and (max-width: 991px) { .content { padding: 3rem 0 12rem; } } @media only screen and (max-width: 767px) { .content { padding: 2rem 0 10rem; } } .pos-rel { position: relative; z-index: 1; } .img-fluid { display: block; max-width: 100%; } .bg_danger { background: var(--color-main) !important; } /*.bg_primary {*/ /* background: #53583A;*/ /*}*/ /*.bg_primary-dark {*/ /* background: #2F3123;*/ /*}*/ .bg_light { background: #F3F3F3; } .bg_dark { background: #FBFBFB; } .w-100 { width: 100% !important; } @media only screen and (min-width: 992px) { .w-100_lg { width: 100%; } } @media only screen and (max-width: 991px) { .w-100_md { width: 100%; } } @media only screen and (max-width: 767px) { .w-100_sm { width: 100%; } } .d-block { display: block; } .d-none { display: none !important; } @media only screen and (min-width: 768px) { .d-md-none { display: none !important; } } @media only screen and (min-width: 768px) { .d-md-block { display: block !important; } } @media only screen and (min-width: 992px) { .d-lg-none { display: none !important; } } @media only screen and (min-width: 992px) { .d-lg-block { display: block !important; } } @media only screen and (min-width: 1200px) { .d-xl-block { display: block !important; } } .flex-wrap { flex-wrap: wrap; } .d-flex { display: flex; } @media only screen and (min-width: 768px) { .d-md-flex { display: flex !important; } } @media only screen and (min-width: 992px) { .d-lg-flex { display: flex !important; } } @media only screen and (min-width: 1200px) { .d-xl-flex { display: flex !important; } } .d-inline-flex { display: inline-flex; } @media only screen and (min-width: 768px) { .d-md-inline-flex { display: inline-flex; } } @media only screen and (min-width: 768px) { .d-md-inline-block { display: inline-block; } } @media only screen and (min-width: 1200px) { .order-xl-2 { order: 2; } } @media only screen and (min-width: 992px) { .order-lg-2 { order: 2; } } .align-items-center { align-items: center; } .justify-content-between { justify-content: space-between; } .justify-content-center { justify-content: center; } @media only screen and (min-width: 1200px) { .justify-content-xl-between { justify-content: space-between; } } .grid-1 { display: grid; grid-gap: 1.5rem; } .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 3rem; } @media only screen and (max-width: 767px) { .grid-2 { grid-gap: 1.4rem 2rem; } } @media only screen and (min-width: 768px) { .grid-md-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 3rem; } } @media only screen and (min-width: 768px) { .grid-md-3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3rem; } } @media only screen and (min-width: 992px) { .grid-lg-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 3rem; } } @media only screen and (min-width: 992px) { .grid-lg-3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3rem; } } @media only screen and (min-width: 992px) { .grid-lg-6 { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 3rem; } } @media only screen and (min-width: 1200px) { .grid-xl-3 { display: grid; grid-gap: 3rem; grid-template-columns: repeat(3, 1fr); } } .me-1 { margin-right: 1rem; } .ms-1 { margin-left: 1rem; } .heading a {text-decoration: none !important;} .heading { padding: 2rem 0; border-bottom: 1px solid #EDEDED; margin: 8rem 0 3.5rem; } @media only screen and (max-width: 991px) { .heading { margin: 2rem 0 3.1rem; padding: 2rem 0; } } @media only screen and (max-width: 767px) { .heading { padding: 1.5rem 0; margin-bottom: 2rem; font-size: 1.6rem; line-height: 2.1rem; } } .heading_sm { margin-top: 6.4rem; padding: 1.5rem 0; } @media only screen and (max-width: 991px) { .heading_sm { margin-top: 4.5rem; padding: 1.2rem 0; } } @media only screen and (max-width: 767px) { .heading_sm { margin-top: 3.8rem; } } .heading_md { margin-top: 7.1rem; } @media only screen and (max-width: 991px) { .heading_md { margin-top: 5.8rem; } } @media only screen and (max-width: 767px) { .heading_md { margin-top: 2.4rem; } } .heading_lg { margin-top: 10.7rem; } @media only screen and (max-width: 767px) { .heading_lg { margin-top: 4.7rem; } } .heading_before { border-bottom: none; border-top: 1px solid #EDEDED; margin: 1.4rem 0; padding: 2.5rem 0 0.6rem; } @media only screen and (max-width: 1199px) { .heading_before { align-items: flex-start; } } @media only screen and (max-width: 991px) { .heading_before { padding: 0; border: none; margin: 1.9rem 0 1.7rem; } } @media only screen and (max-width: 767px) { .heading_before { margin-bottom: 3.5rem; } } @media only screen and (max-width: 991px) { .heading_before a { margin-top: 0.5rem; } } @media only screen and (max-width: 767px) { .heading_before a { margin: 0; } .heading_before a .d-md-none { margin-right: 0.4rem; } } @media only screen and (max-width: 991px) { .wrap .heading_before .title_size-md { font-size: 2.6rem; line-height: 120%; } } @media only screen and (max-width: 767px) { .wrap .heading_before .title_size-md { font-size: 2.4rem; margin-bottom: 0.9rem; } } .heading_before-md { margin: 2.9rem 0 0; padding: 2rem 0 1.9rem; } @media only screen and (max-width: 991px) { .heading_before-md { border-top: 1px solid #EDEDED; margin: 2.2rem 0 0.2rem; } } @media only screen and (max-width: 767px) { .heading_before-md { margin: 1.9rem 0 0.5rem; font-size: 1.6rem; line-height: 134%; } } .zoom-link { display: block; overflow: hidden; } @media (hover: hover) and (pointer: fine) { .zoom-link:hover img { transform: scale(1.1); } } .zoom-link img { transition: all 0.5s ease-out; } .box { background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 20px; } @media only screen and (max-width: 767px) { .box { border-radius: 15px; } } .swiper-btn { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; z-index: 5; } .swiper-btn_next { left: auto; right: 0; } @media only screen and (max-width: 767px) { .swiper-btn { width: 1.1rem; height: 2rem; } } .breadcrumb a { text-decoration: none !important; } .breadcrumb { margin: 0.6rem 0 2.5rem; display: flex; position: relative; z-index: 2; font-weight: bold; color: var(--color-main); white-space: nowrap; flex-wrap: wrap; } .products__header .breadcrumb { margin-bottom: 0; } @media only screen and (max-width: 991px) { .breadcrumb { margin: 1.1rem 0 1.4rem; } } @media only screen and (max-width: 767px) { .breadcrumb { margin: 0.9rem 0 0.7rem; } } .breadcrumb__item { margin-bottom: 1rem; } .breadcrumb__item:after { content: ""; display: inline-block; margin: 0 1.9rem -0.2rem; width: 0.9rem; height: 1.4rem; background: url(/local/templates/main/css/../images/icons/breadcrumb.svg) 0 0 no-repeat; background-size: contain; } @media only screen and (max-width: 767px) { .breadcrumb__item:after { margin: 0 0.8rem -0.3rem 0.9rem; background-image: url(/local/templates/main/css/../images/icons/breadcrumb-mobile.svg); } } .breadcrumb__item:last-child:after { display: none; } /* .breadcrumb__item + .breadcrumb__item:before { content: ""; display: inline-block; margin: 0 1.9rem -0.2rem; width: 0.9rem; height: 1.4rem; background: url(/local/templates/main/css/../images/icons/breadcrumb.svg) 0 0 no-repeat; background-size: contain; } @media only screen and (max-width: 767px) { .breadcrumb__item + .breadcrumb__item:before { margin: 0 0.8rem -0.3rem 0.9rem; background-image: url(/local/templates/main/css/../images/icons/breadcrumb-mobile.svg); } } */ .breadcrumb__link { font-weight: 400; } .table { width: 100%; } .table tbody tr:nth-of-type(odd) td { background: #F6F6F6; } .table tbody tr:nth-of-type(odd) td:first-child { border-radius: 10px 0 0 10px; } .table tbody tr:nth-of-type(odd) td:last-child { border-radius: 0 10px 10px 0; } .table td { padding: 1.5rem 2rem 1.45rem; vertical-align: top; } @media only screen and (max-width: 991px) { .table td { padding-bottom: 1.4rem; } } .table td:not(:first-child) { border-left: 1px solid #EDEDED; } .table th { font-weight: 900; font-size: 1.4rem; line-height: 130%; padding: 0 2rem 1.7rem; text-align: left; } .table th:not(:first-child) { border-left: 1px solid #EDEDED; } @media only screen and (max-width: 991px) { .table th { padding-bottom: 1.1rem; } } @media only screen and (max-width: 767px) { .table th { font-size: 1.2rem; padding-left: 1.5rem; } } .dots-list__item { position: relative; padding-left: 1.6rem; margin-bottom: 1.02rem; } @media only screen and (max-width: 767px) { .dots-list__item { margin-bottom: 0.9rem; } } .dots-list__item:before { content: ""; display: block; position: absolute; top: 0.7rem; left: 0; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: var(--color-main); } .form-group { margin-bottom: 2.2rem; } @media only screen and (max-width: 767px) { .form-group { margin-bottom: 1.5rem; } } .form-group_check { margin-bottom: 2.9rem; } @media only screen and (max-width: 767px) { .form-group_check { font-size: 1.2rem; line-height: 1.56rem; padding: 0.3rem 0 0 18%; margin-bottom: 2.1rem; } } .form-label { margin: 0 1.5rem 0.7rem; display: block; font-weight: 600; } .form__row { grid-gap: 0 2rem; } .form-control { font-variant-numeric: lining-nums; font-family: inherit; display: block; border: 1px solid #B9B9B9; border-radius: 10px; padding: 1.3rem 1.4rem 1.1rem; width: 100%; font-size: 1.4rem; line-height: 1.8rem; font-weight: 400; background: transparent; transition: var(--transition); } .form-control.has-error { border-color: #A70A00; color: #A70A00; } .form-control.has-error::-webkit-input-placeholder { color: #A70A00 !important; } .form-control.has-error::-moz-placeholder { color: #A70A00 !important; } .form-control.has-error:-moz-placeholder { color: #A70A00 !important; } .form-control.has-error:-ms-input-placeholder { color: #A70A00 !important; } .form-control:disabled { background: #E8E8E8; border-color: #E8E8E8; } .form-control_flag { padding-left: 4.5rem; background-image: url(/local/templates/main/css/../images/icons/flag.svg); background-size: 2.2rem 1.6rem; background-position: 1.4rem 50%; background-repeat: no-repeat; } .form-check-input { flex-shrink: 0; width: 1.5rem; height: 1.5rem; display: inline-block; border-radius: 3px; margin: 0.2rem 0.7rem 0 0; border: 1px solid #B9B9B9; background: #fff; cursor: pointer; transition: var(--transition); position: relative; display: flex; align-items: center; justify-content: center; } @media (hover: hover) and (pointer: fine) { .form-check-input:hover { border-color: #000; } } @media only screen and (max-width: 767px) { .form-check-input { margin: 0 1.1rem 0 0; } } .form-check-input:checked { background: #53583A; border-color: #53583A; } .form-check-input:checked:before { opacity: 1; } .form-check-input:before { content: ""; display: block; width: 1rem; height: 0.5rem; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transition: var(--transition); transform: rotate(-48deg); transition: var(--transition); opacity: 0; margin-top: -0.2rem; } .form-check-input_sm { border-radius: 0; width: 1.6rem; height: 1.6rem; margin-right: 1.3rem; } .form-radio-input { flex-shrink: 0; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: transparent; border: 1px solid rgba(25, 25, 25, 0.3); transition: var(--transition); margin-right: 1.6rem; position: relative; cursor: pointer; } @media only screen and (max-width: 767px) { .form-radio-input { margin-right: 1.2rem; } } .form-radio-input:checked { border-width: 8px; } .header { padding-top: 2rem; background: #303030; } @media only screen and (max-width: 767px) { .header { padding: 1rem 0; position: fixed; top: 0; left: 0; right: 0; z-index: 95; /*background: #fff;*/ /*border-bottom: 1px solid #EDEDED;*/ } } .header__container { justify-content: space-between; } @media only screen and (max-width: 1199px) { .header__logo { margin-bottom: 1.9rem; } } @media only screen and (max-width: 767px) { .header__logo { width: 10.7rem; margin: 0 auto 0 0; } } @media only screen and (max-width: 1199px) { .header__container { flex-wrap: wrap; } } .header__slogan { /*margin: 0 6% 0 3.5%;*/ } @media only screen and (max-width: 1199px) { .header__slogan { display: flex; align-items: center; justify-content: space-between; /*flex-grow: 1;*/ margin-right: 0; margin-bottom: 1.9rem; gap: 20px; max-width: unset; } } @media only screen and (max-width: 991px) { .header__slogan { margin-left: auto; max-width: 63%; padding-top: 0.4rem; } } @media only screen and (max-width: 767px) { .header__slogan { display: none; } } .header__slogan p { margin-bottom: 0.6rem; } @media only screen and (max-width: 991px) { .header__work-time { margin-top: -0.4rem; align-items: flex-start; } .header__work-time .icon { margin: 0.1rem 0.7rem 0 0.2rem; } } .header__buttons { padding-top: 0.1rem; } @media only screen and (max-width: 767px) { .header__buttons { padding: 0; } } .header__buttons .icon { margin-right: 1.5rem; } @media only screen and (max-width: 767px) { .header__buttons .icon { width: 3rem; height: 3rem; } } .header__buttons .btn { margin-left: 1rem; } .header__contacts { text-align: right; /*margin: 0.7rem 0 0 auto;*/ letter-spacing: 0.01rem; } @media only screen and (max-width: 1199px) { .header__contacts { display: flex; align-items: center; justify-content: space-between; gap: 20px; } } @media only screen and (max-width: 767px) { .header__contacts { display: none; } } .header__contacts p { margin-bottom: 0.4rem; } @media only screen and (max-width: 1199px) { /*.header__contacts p {*/ /* margin-left: 2.2rem;*/ /*}*/ } .logo { flex-shrink: 0; display: inline-block; } @media (hover: hover) and (pointer: fine) { .logo:hover { opacity: 0.7; } } .navbar { margin-top: 2rem; background: #1B1B1B; } @media only screen and (max-width: 991px) { .navbar { margin-top: 1.9rem; } } @media only screen and (max-width: 767px) { .navbar { position: fixed; top: 6rem; bottom: 0; overflow: auto; z-index: 95; left: 0; right: 0; transform: translateX(100%); margin: 0; transition: var(--transition); padding: 2.5rem 0; } .navbar.show { transform: none; } } .navbar__slogan p { margin-bottom: 1rem; } .navbar .btn { margin-top: 1.1rem; } .nav__close { position: absolute; top: 2rem; right: 2rem; } @media only screen and (min-width: 1200px) { .nav-list { margin: 0 -5.1rem; } } @media only screen and (max-width: 991px) { .nav-list { margin: 0 -1.6rem; position: relative; } } @media only screen and (max-width: 767px) { .nav-list { margin: 2.3rem 0 3.1rem; border-top: 1px solid rgba(255, 255, 255, 0.2); } } @media only screen and (max-width: 767px) { .nav-list__dropdown-menu { position: static; background: none; box-shadow: none; padding: 0; width: 100%; margin: 0; } .nav-list__dropdown-menu a { color: #fff; } } .nav-list__item { flex-grow: 1; } @media only screen and (max-width: 767px) { .nav-list__item { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } .wrap .nav-list__link { font-weight: bold; display: flex; color: #fff; padding: 1.1rem 0; white-space: nowrap; flex-grow: 1; justify-content: center; } .wrap .nav-list__link.active { color: #fff; background: #303030; } @media (hover: hover) and (pointer: fine) { .wrap .nav-list__link:hover, .wrap .dropdown:hover .nav-list__link { color: #fff; background: #303030; } } @media only screen and (max-width: 991px) { .wrap .nav-list__link { font-size: 1.6rem; line-height: 2.1rem; padding-bottom: 1.3rem; } } @media only screen and (max-width: 767px) { .wrap .nav-list__link { justify-content: space-between; align-items: center; padding: 1.5rem 0 1.4rem; } .wrap .nav-list__link:not(.dropdown-toggle):after { content: ""; display: block; margin-left: 2rem; width: 2rem; height: 0.8rem; background: url(/local/templates/main/css/../images/icons/arrow-nav.svg) 0 0 no-repeat; background-size: contain; } } .btn-menu { display: block; border: none; align-self: center; background: none; flex-shrink: 0; margin: -0.3rem 0 0 0.5rem; } .btn-menu.active .btn-menu__item:nth-of-type(1) { transform: rotate(45deg) translate(0.5rem, 0.5rem); } .btn-menu.active .btn-menu__item:nth-of-type(2) { opacity: 0; } .btn-menu.active .btn-menu__item:nth-of-type(3) { transform: rotate(-45deg) translate(0.5rem, -0.5rem); } .btn-menu__item { width: 2rem; height: 0.2rem; background: #53583A; transition: var(--transition); display: block; } .btn-menu__item + .btn-menu__item { margin-top: 0.5rem; } .sub-nav a {text-decoration: none !important;} .sub-nav__item { margin-bottom: 1.5rem; } @media only screen and (max-width: 767px) { .sub-nav__item { margin-bottom: 2.6rem; } } .sub-nav__link { display: flex; justify-content: space-between; font-weight: bold; margin-bottom: 0.9rem; } @media only screen and (max-width: 767px) { .sub-nav__link { font-size: 1.4rem; line-height: 1.82rem; margin-bottom: 1.1rem; } } .sub-nav__link .icon-caret-right { margin-top: 0.6rem; } @media only screen and (max-width: 767px) { .sub-nav__link .icon-caret-right { margin: 0.4rem -0.2rem 0 1rem; } } .sub-sub-nav__item { margin-bottom: 0.7rem; } @media only screen and (max-width: 767px) { .sub-sub-nav__item { margin-bottom: 0.5rem; } } .presentation { background: url(/local/templates/main/css/../images/presentation.jpg) center/cover no-repeat; padding-block: 100px; margin-top: -3.4rem; } @media only screen and (max-width: 1199px) { .presentation { padding-block: 70px; } } @media only screen and (max-width: 991px) { .presentation { padding-block: 60px; margin-top: -3.0rem; } } @media only screen and (max-width: 767px) { .presentation { padding-block: 50px; margin-top: -2.0rem; } } .presentation__link { position: absolute; bottom: -40px; z-index: 2; display: inline-flex; align-items: center; font-size: 1.8rem; line-height: 1.4; font-weight: bold; } .show .presentation__link:after { transform: rotate(180deg); } .presentation__link:after { content: ""; display: block; background: url(/local/templates/main/css/../images/icons/caret-danger.svg) 0 0 no-repeat; background-size: contain; width: 1.9rem; height: 1.2rem; margin: 0.2rem -0.2rem 0 1rem; transition: var(--transition); } .presentation__title { margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .presentation__subtitle { align-items: flex-start; padding-right: 10%; } .presentation__subtitle .icon { margin-top: 0.4rem; } } @media only screen and (max-width: 767px) { .presentation__subtitle { margin: 0 auto 2.3rem; } } .presentation__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; position: relative; } @media only screen and (max-width: 1199px) { .presentation__items { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 991px) { .presentation__items { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 767px) { .presentation.show .presentation__items { height: auto; } .presentation__items { grid-template-columns: repeat(1, 1fr); gap: 20px; height: 37rem; overflow: hidden; position: relative; } } .presentation__button { display: none; } @media only screen and (min-width: 768px) { .presentation__button { display: block; position: absolute; bottom: 0; right: 0; padding: 25px 20px; border-top: 1px solid rgba(255,255,255,.05); width: calc((100% - 30px * 1) / 2); } } @media only screen and (min-width: 992px) { .presentation__button { width: calc((100% - 30px * 2) / 3); } } @media only screen and (min-width: 1200px) { .presentation__button { width: calc((100% - 30px * 3) / 4); } } .presentation__text { letter-spacing: -0.02rem; margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .presentation__text { } } .presentation__desc { font-size: 1.6rem; padding-block: 20px; } .advantages-item { background: rgba(0,0,0,.5); border-radius: 20px; padding: 16px; } @media only screen and (min-width: 768px) { .advantages-item:nth-child(6) { grid-row: span 2; } } @media only screen and (min-width: 992px) { .advantages-item:nth-child(3) { grid-row: span 3; } .advantages-item:nth-child(6) { grid-row: unset; } } @media only screen and (min-width: 1200px) { .advantages-item:nth-child(3) { grid-row: unset; } .advantages-item:nth-child(4) { grid-row: span 2; } } @media only screen and (max-width: 767px) { .advantages-item { font-size: 1.6rem; } } .advantages-item__title { font-weight: bold; font-size: 2.0rem; line-height: 1.2; color: var(--color-main); margin-bottom: 1rem; } @media only screen and (max-width: 767px) { .advantages-item__title { margin-bottom: 0.6rem; } } .advantages-item p { margin-bottom: 0; } .slogan { position: relative; border-radius: 30px; overflow: hidden; margin: 10.6rem 0 10.7rem; } @media only screen and (max-width: 991px) { .slogan { margin: 8rem 0; } } @media only screen and (max-width: 767px) { .slogan { margin: 6.3rem 0 4rem; border-radius: 15px; } } .slogan__title { position: absolute; border-radius: 20px; bottom: 0; left: 0; color: #fff; overflow: hidden; } @media only screen and (max-width: 767px) { .slogan__title { border-radius: 15px; bottom: auto; top: 0; right: 0; } } .slogan__title:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #FAC146; mix-blend-mode: color; } .slogan__title .title { position: relative; font-size: 5.6rem; line-height: 6.7rem; padding: 4rem 4rem 2.9rem; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .slogan__title .title { font-size: 4.5rem; line-height: 5.5rem; } } @media only screen and (max-width: 991px) { .slogan__title .title { font-size: 3.2rem; line-height: 3.8rem; padding: 3.5rem 1.7rem 3rem 2rem; } } @media only screen and (max-width: 767px) { .slogan__title .title { font-size: 2.2rem; line-height: 2.6rem; padding: 1.8rem 2rem 1.6rem; } } .slogan__logo { width: 14.6rem; position: absolute; bottom: 4.3rem; right: 4rem; } @media only screen and (max-width: 991px) { .slogan__logo { bottom: 3.8rem; right: 2rem; } } @media only screen and (max-width: 767px) { .slogan__logo { width: 11.6rem; right: auto; left: 2rem; bottom: 2rem; } } @media only screen and (max-width: 767px) { .slogan__image { height: 37.4rem; } } .products-home { padding: 1.6rem 0 12.61rem; } .products-home + .products-home { margin-top: -14.21rem; } @media only screen and (max-width: 991px) { .products-home { padding-bottom: 7.8rem; } .products-home + .products-home { margin-top: -9.4rem; } } @media only screen and (max-width: 767px) { .products-home { padding: 0.5rem 0 3.5rem; } .products-home + .products-home { margin-top: -4rem; } } @media only screen and (max-width: 991px) { .products-home .heading { padding: 2.4rem 0; } } @media only screen and (max-width: 767px) { .products-home .heading { padding: 1.5rem 0; } } @media only screen and (max-width: 991px) { .services-section { margin-top: 5.7rem; } } @media only screen and (max-width: 767px) { .services-section { margin-top: 4rem; } } .slider-wrap { position: relative; } .customer-prev, .customer-next { top: auto; bottom: 7.6rem; } @media only screen and (max-width: 1399px) { .customer-prev, .customer-next { bottom: auto; top: -6.8rem; } } @media only screen and (max-width: 767px) { .customer-prev, .customer-next { top: 46%; } } .customer-prev { left: -0.2rem; } @media only screen and (min-width: 1400px) { .customer-prev { left: -6.4rem; } } @media only screen and (max-width: 767px) { .customer-prev { left: 0.2rem; } } .customer-next { right: -0.2rem; } @media only screen and (min-width: 1400px) { .customer-next { right: -6.4rem; } } @media only screen and (max-width: 767px) { .customer-next { right: 0.2rem; } } .customer-slider { padding: 2rem 1.7rem; margin: -2.3rem -1.7rem 0; } @media only screen and (max-width: 991px) { .customer-slider { margin-top: -2.1rem; } } @media only screen and (max-width: 767px) { .customer-slider { margin: -1.3rem 8.8% 0; } } .customer-slider .swiper-slide { height: auto; display: flex; } .customer-item { display: flex; align-items: center; justify-content: center; padding: 2.9rem 2.1rem 2.8rem; flex-grow: 1; } @media only screen and (max-width: 991px) { .customer-item { padding: 2.3rem 2.1rem; max-height: 11rem; } .customer-item img { max-height: 100%; } } @media only screen and (max-width: 767px) { .customer-item { min-height: 13.5rem; max-height: none; } } @media only screen and (max-width: 767px) { .project__title { margin-bottom: 0.9rem; } } .project-slider { margin: -2rem -2rem 0; padding: 1.8rem 2rem 2rem; } @media only screen and (max-width: 767px) { .project-slider { margin-right: -1rem; padding-right: 10%; padding-top: 1.9rem; } } .project-item {text-decoration: none !important;} .project-item__image { aspect-ratio: 4 / 3; overflow: hidden; } .project-item__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .project-item__title { display: block; font-weight: bold; padding: 2rem 2rem 2.5rem; } @media only screen and (max-width: 991px) { .project-item__title { font-size: 1.8rem; line-height: 2.3rem; padding: 1rem 2rem 1.5rem; min-height: 9.7rem; display: flex; align-items: center; } } @media only screen and (max-width: 767px) { .project-item__title { font-size: 1.6rem; line-height: 2.1rem; padding: 1.1rem 1.5rem 1.7rem; min-height: 0; } } .text-section { padding: 8.2rem 0 7rem; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; margin-top: 9.6rem; letter-spacing: 0.015rem; } @media only screen and (max-width: 991px) { .text-section { margin-top: 5.9rem; padding: 8.1rem 0 6.3rem; } .text-section p { margin-bottom: 2.1rem; } } @media only screen and (max-width: 767px) { .text-section { margin-top: 2.8rem; padding: 4.1rem 0 2.1rem; } } .share-block { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem; border-radius: 20px; padding: 1.5rem 3rem; margin: 10rem auto 0; max-width: fit-content; } @media only screen and (max-width: 991px) { .share-block { margin-top: 6rem; } } @media only screen and (max-width: 767px) { .share-block { margin-top: 4rem; } } @media only screen and (max-width: 991px) { .share-block__title { font-size: 1.6rem; line-height: 2.1rem; } } .share-list { display: flex; gap: 1.5rem; } .share-list__item { } .share-list__link { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; background: #000; border-radius: 50%; } @media only screen and (max-width: 767px) { .share-list__link { width: 3rem; height: 3rem; } } @media only screen and (min-width: 992px) { .product-item { margin-bottom: 1.9rem; } .products-list .product-item { margin: 0; } } @media only screen and (max-width: 991px) { .product-item_md { margin-bottom: 0.8rem; } } .product-item__title { display: inline-block; margin: 1.5rem 0; font-weight: bold; } .products-list .product-item__title { margin: 1.2rem 0 1.3rem; } @media only screen and (max-width: 991px) { .products-list .product-item__title { font-size: 1.4rem; line-height: 130%; margin: 1rem 0 1.1rem; } } @media only screen and (max-width: 767px) { .product-item__title { font-size: 1.4rem; line-height: 1.82rem; margin: 1rem 0 1.1rem; } } .product-item__title-sm { font-weight: bold; margin: 1.1rem 0; display: inline-block; } @media only screen and (max-width: 767px) { .product-item__title-sm { font-size: 1.6rem; line-height: 130%; } } .product-item__title-md { font-weight: bold; margin: 1.1rem 0 1.3rem; display: inline-block; } @media only screen and (max-width: 991px) { .product-item__title-md { font-size: 1.4rem; line-height: 120%; margin-bottom: 1.4rem; } } @media only screen and (max-width: 767px) { .product-item__title-md { margin-top: 1rem; } } .product-item__image { display: block; aspect-ratio: 4 / 3; position: relative; } @media only screen and (max-width: 991px) { .fotoblock-section .product-item__image { aspect-ratio: auto; } } .product-item__image img { height: 100%; width: 100%; object-fit: cover; } @media only screen and (max-width: 991px) { .product-item__image_md { height: 18.2rem; } .product-item__image_md img { height: 100%; -o-object-fit: cover; object-fit: cover; } } .product-item a {text-decoration: none !important;} .product-item p { margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .product-item p { margin-bottom: 0.5rem; } } @media only screen and (max-width: 991px) { .product-item .btn { font-size: 1.6rem; line-height: 2.1rem; } } @media only screen and (max-width: 767px) { .product-item .btn { font-size: 1.4rem; line-height: 1.82rem; margin-bottom: 0.5rem; } } @media only screen and (max-width: 991px) { .products-list .product-item .btn { font-size: 1.4rem; line-height: 120%; margin: 0; height: 4rem; } } .products { padding-top: 0.5rem; display: grid; grid-template-columns: 27rem 74.4%; grid-template-rows: auto 1fr; grid-gap: 0 3rem; grid-template-areas: "aside header" "aside main"; } @media only screen and (max-width: 1199px) { .products { grid-template-columns: 21rem 73.5%; grid-gap: 0 4rem; } } @media only screen and (max-width: 991px) { .products { grid-template-areas: "header header" "aside main"; padding: 0; grid-template-columns: 21rem 63.7%; } } @media only screen and (max-width: 767px) { .products { display: block; } } .products-section { margin-bottom: 3.8rem; } @media only screen and (max-width: 991px) { .products-section { margin-bottom: 6rem; } } @media only screen and (max-width: 767px) { .products-section { margin-bottom: 4rem; } } @media only screen and (max-width: 991px) { .products-list { grid-gap: 2rem; } } .products-list__footer { grid-column: span 3; } @media only screen and (max-width: 991px) { .products-list__footer { grid-column: span 2; } } /* .products-list .product-item:nth-of-type(n+7) { display: none; } .products-list.active .product-item:nth-of-type(n+7) { display: block; } */ .products-list.active .showmore { display: none; } .products__header { grid-area: header; } @media only screen and (max-width: 991px) { .products__header { margin: 0; } } @media only screen and (max-width: 767px) { .products__header { margin-bottom: 1rem; } } .catalogue-link { padding: 0.9rem 1.435rem 1.4rem; } .catalogue-link.active::after { transform: rotate(180deg); } .catalogue-link:after { content: ""; display: block; background: url(/local/templates/main/css/../images/icons/caret-inversion.svg) 0 0 no-repeat; background-size: contain; width: 1.5rem; height: 0.9rem; margin: 0.6rem -0.4rem 0 1.2rem; transition: var(--transition); } .aside { grid-area: aside; padding-top: 0.3rem; } @media only screen and (max-width: 991px) { .aside { padding: 0; } } .aside-nav { padding: 2rem 1.8rem 0.4rem 2rem; border-radius: 15px; } @media only screen and (max-width: 991px) { .aside-nav { margin-top: 1.9rem; border-radius: 10px; padding: 2rem 1.3rem 0.2rem 1.5rem; } } @media only screen and (max-width: 767px) { .aside-nav { display: none; width: 100%; margin: 0; } .aside-nav.show { display: block; } } .aside .sub-sub-nav li:nth-child(n+6) { display: none; } .aside .sub-sub-nav li.showmore:nth-child(1), .aside .sub-sub-nav li.showmore:nth-child(2), .aside .sub-sub-nav li.showmore:nth-child(3), .aside .sub-sub-nav li.showmore:nth-child(4), .aside .sub-sub-nav li.showmore:nth-child(5), .aside .sub-sub-nav li.showmore:nth-child(6) { display: none !important; } .aside .sub-sub-nav li.showmore { display: block; } .aside .sub-sub-nav.active li:nth-child(n+6) { display: block; } .aside .sub-sub-nav.active li.showmore { display: none; } @media only screen and (max-width: 991px) { .aside .sub-nav__item { margin-bottom: 1.7rem; } } @media only screen and (max-width: 1199px) { .aside .sub-nav__link { font-size: 1.5rem; line-height: 130%; } } @media only screen and (max-width: 991px) { .aside .sub-nav__link .icon-caret-right { margin-top: 0.3rem; } } @media only screen and (max-width: 991px) { .aside .sub-sub-nav__item { margin-bottom: 0.8rem; } } .main { grid-area: main; } @media only screen and (max-width: 767px) { .main { margin-top: 3.1rem; } } .footer { padding-top: 8rem; margin-top: auto; background: #303030; } @media only screen and (max-width: 991px) { .footer { padding-top: 6rem; } } @media only screen and (max-width: 767px) { .footer { padding-top: 3.6rem; } } .footer p { margin-bottom: 1.5rem; } .footer__col { flex-shrink: 0; margin-right: 7.3%; width: 27%; letter-spacing: 0.015rem; } @media only screen and (max-width: 1199px) { .footer__col { margin: 0 0 4rem; width: 100%; display: flex; align-items: center; } } @media only screen and (max-width: 767px) { .footer__col { flex-direction: column; text-align: center; margin-bottom: 4.5rem; } .footer__col .text_size-md { font-size: 1.4rem; line-height: 1.8rem; } } .footer__col-lg { flex-grow: 1; padding-top: 0.3rem; } .footer__logo { margin-bottom: 5.8rem; } @media only screen and (max-width: 1199px) { .footer__logo { margin: 0 3rem 0 0; } } @media only screen and (max-width: 991px) { .footer__logo { width: 21rem; } } @media only screen and (max-width: 767px) { .footer__logo { margin: 0 0 3.4rem; } } .footer-nav { letter-spacing: 0; } @media only screen and (max-width: 767px) { .footer-nav { font-weight: 800; text-align: center; margin-bottom: 4.6rem; font-size: 1.6rem; line-height: 2.1rem; } } .footer-nav__item:not(:last-child) { margin-right: 8.4rem; } @media only screen and (max-width: 991px) { .footer-nav__item:not(:last-child) { margin-right: 5.4rem; } } @media only screen and (max-width: 767px) { .footer-nav__item:not(:last-child) { margin: 0 0 3.4rem; } } @media only screen and (max-width: 991px) { .footer__buttons { margin-top: 0.1rem; } } @media only screen and (max-width: 767px) { .footer__buttons { justify-content: center; } } @media only screen and (max-width: 991px) { .footer__buttons .btn { padding: 0.8rem 2.4rem 1rem; } } @media only screen and (max-width: 375px) { .footer__buttons .btn { margin-right: 0.5rem; width: 100%; } } .footer__buttons a:not(:first-child) { margin-left: 1.5rem; } .footer__region { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 4.5rem 0 3.2rem; margin: 3.3rem 0 4.5rem; letter-spacing: 0.01rem; } @media only screen and (max-width: 767px) { .footer__region { padding: 3rem 0 1.5rem; margin: 3.4rem 0 3rem; letter-spacing: 0; } } .footer__address { font-style: normal; } @media only screen and (max-width: 767px) { .footer__address { margin-bottom: 2.4rem; } } .footer__contacts { padding: 4.5rem 0 3.6rem; margin-top: 4.6rem; background: #1B1B1B; } @media only screen and (max-width: 1199px) { .footer__contacts { padding-bottom: 1.6rem; } } @media only screen and (max-width: 991px) { .footer__contacts { margin-top: 3.5rem; padding-top: 4.8rem; } } @media only screen and (max-width: 767px) { .footer__contacts { margin-top: 3.4rem; padding-top: 3.3rem; text-align: center; } } .copyright { margin-right: 7.5%; } @media only screen and (max-width: 1199px) { .copyright { display: flex; justify-content: space-between; margin: 3rem 0 0; } } @media only screen and (max-width: 767px) { .copyright { display: block; font-size: 1.4rem; line-height: 1.8rem; margin-top: 5.2rem; } .copyright p { margin-bottom: 1rem; } } .contact-item:not(:last-child) { margin-right: 6.4rem; } @media only screen and (max-width: 767px) { .contact-item:not(:last-child) { margin-right: 0; } } @media only screen and (max-width: 767px) { .contact-item { margin: 0 0 3.4rem; } .contact-item .d-flex { justify-content: center; } .contact-item p { margin-bottom: 1rem; } } .preview { margin-bottom: 4rem; position: relative; height: 51.4rem; } @media only screen and (max-width: 991px) { .preview { margin-bottom: 3rem; } } .preview__image { border-radius: 30px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; } @media only screen and (max-width: 767px) { .preview__image { border-radius: 20px; -o-object-position: 80%; object-position: 80%; } } .preview__title { top: 3.6rem; left: -2.2rem; text-transform: uppercase; font: 700 4.4rem/5.3rem "Roboto", sans-serif; padding: 3rem 2rem 2.9rem 4rem; position: absolute; width: 53.2%; border-radius: 30px; font-weight: bold; } @media only screen and (max-width: 1199px) { .preview__title { font-size: 3.4rem; line-height: 4.3rem; } } @media only screen and (max-width: 991px) { .preview__title { top: 0; left: 0; font-size: 3.2rem; padding: 2.5rem 0.5rem 2.3rem 2.5rem; width: 64.8%; line-height: 119%; } } @media only screen and (max-width: 767px) { .preview__title { border-radius: 20px; font-size: 1.8rem; padding: 1.6rem 0.5rem 1.4rem 1.5rem; width: 70.5%; line-height: 122%; } } .preview__info { background: rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); border-radius: 30px; padding: 0.1rem 3rem 1.1rem 3.3rem; color: #fff; position: absolute; bottom: 0; right: 0; } @media only screen and (max-width: 767px) { .preview__info { width: 61.6%; border-radius: 20px; padding: 0.7rem 1rem 1.5rem 1.5rem; } } .preview__num { font: 700 7.2rem/120% "Roboto", sans-serif; text-shadow: 4px -3px 0 rgba(255, 255, 255, 0.4); margin-bottom: 0.3rem; } @media only screen and (max-width: 767px) { .preview__num { font-size: 3.6rem; margin-bottom: 0; text-shadow: 2px -1px 0 rgba(255, 255, 255, 0.4); } } .preview__num sup { font-size: 40px; position: relative; top: 0.4rem; left: 0.3rem; } @media only screen and (max-width: 767px) { .preview__num sup { font-size: 2rem; top: 0.1rem; left: 0.1rem; } } @media only screen and (max-width: 767px) { .preview p { margin-bottom: 0; } } .production-info { padding: 2rem 3rem 1.2rem; } @media only screen and (max-width: 991px) { .production-info { margin-bottom: 2rem; } } @media only screen and (max-width: 767px) { .production-info { padding: 2rem 1.5rem 0.9rem; margin-bottom: 1.6rem; } } .production-info__title { margin-bottom: 2.4rem; font-size: 2.4rem; line-height: 3.12rem; } @media only screen and (max-width: 991px) { .production-info__title { margin-bottom: 1.8rem; } } @media only screen and (max-width: 767px) { .production-info__title { font-size: 1.8rem; line-height: 2.34rem; margin-bottom: 1.4rem; } } .production-info-item { align-items: center; margin-bottom: 1.4rem; } @media only screen and (max-width: 991px) { .production-info-item { margin-bottom: 1.5rem; } } @media only screen and (max-width: 767px) { .production-info-item { margin-bottom: 1.4rem; } } .production-info-item__icon { width: 3.6rem; display: flex; justify-content: center; margin-right: 2rem; flex-shrink: 0; } @media only screen and (max-width: 767px) { .production-info-item__icon { margin-right: 1.5rem; align-self: flex-start; } } .structure-section { margin: 13.9rem 0 14rem; } @media only screen and (max-width: 991px) { .structure-section { margin: 8rem 0; } } @media only screen and (max-width: 767px) { .structure-section { margin: 5.9rem 0; } } .structure-section_md { margin-bottom: 11rem; } @media only screen and (max-width: 991px) { .structure-section_md { margin: 5.9rem 0 8rem; } } @media only screen and (max-width: 767px) { .structure-section_md { margin: 4.9rem 0 4.6rem; } } /* @media only screen and (max-width: 991px) { .structure-section__title { text-align: left; } } @media only screen and (max-width: 767px) { .structure-section__title { text-align: center; } } */ .structure-section__content { grid-gap: 4.8rem 3rem; } @media only screen and (max-width: 991px) { .structure-section__content_group { padding-top: 0.5rem; } } .structure-section__content_group .structure-item { order: 0; } @media only screen and (min-width: 1200px) { .structure-section__content_group .structure-item:nth-of-type(4) { order: 3; } .structure-section__content_group .structure-item:nth-of-type(5) { order: 6; } .structure-section__content_group .structure-item:nth-of-type(6) { order: 5; } .structure-section__content_group .structure-item:nth-of-type(7) { order: 4; } .structure-section__content_group .structure-item:nth-of-type(8) { order: 1; } } .structure-section__content_group .structure-section__logo { order: 2; } .structure-section__logo { border: 15px solid #303030; border-radius: 30px; align-items: center; justify-content: center; padding: 0 7.5% 0.2rem; margin: 0 3.8rem; position: relative; font: bold 2.4rem/120% "Roboto", sans-serif; text-transform: uppercase; text-align: center; } .structure-section__logo:has(img) { background: #303030; } .structure-section__text { margin: 0.6rem 0 0; } .structure-section__icon { position: absolute; } @media (hover: hover) and (pointer: fine) { .structure-section__icon { pointer-events: none; } } .structure-section__icon:nth-of-type(1) { top: 0; bottom: 0.1rem; left: -5.4rem; margin: auto 0; transform: rotate(180deg); } .structure-section__icon:nth-of-type(2) { top: 0; bottom: 0.1rem; right: -5.4rem; margin: auto 0; } .structure-section__icon:nth-of-type(3) { bottom: -4rem; right: -5.3rem; transform: rotate(45deg); } .structure-section__icon:nth-of-type(4) { bottom: -4.6rem; right: 0; left: 0; margin: 0 auto; transform: rotate(90deg); } .structure-section__icon:nth-of-type(5) { bottom: -4rem; left: -5.3rem; transform: rotate(135deg); } .structure-item { padding: 5.4rem 2rem 2.1rem; display: grid; grid-template-columns: 14rem 53%; grid-gap: 0.9rem 1.5rem; position: relative; } @media only screen and (max-width: 1199px) { .structure-item { margin-bottom: 1.5rem; padding: 2rem; } } @media only screen and (max-width: 991px) { .structure-item { grid-template-columns: 14rem 70%; } } @media only screen and (max-width: 767px) { .structure-item { padding: 5.4rem 1.5rem 2.1rem; grid-template-columns: 14rem 53%; grid-gap: 0 1rem; margin-bottom: 1rem; border-radius: 15px; } } @media only screen and (min-width: 1200px) { .structure-item__header { position: absolute; top: 1.7rem; left: 2.1rem; right: 2rem; } } @media only screen and (max-width: 767px) { .structure-item__header { position: absolute; top: 2.1rem; left: 1.5rem; right: 1.9rem; } } @media only screen and (max-width: 991px) { .structure-item__title { margin: -0.1rem 0 1rem; } } @media only screen and (max-width: 767px) { .structure-item__title { font-size: 1.6rem; line-height: 120%; } } .structure-item__num { margin: -0.4rem 0 0 1.5rem; font-size: 2.4rem; line-height: 3.12rem; } @media only screen and (max-width: 1199px) { .structure-item__num { position: absolute; top: 1.3rem; right: 2.3rem; margin: 0; } } @media only screen and (max-width: 991px) { .structure-item__num { right: 2rem; } } @media only screen and (max-width: 767px) { .structure-item__num { top: -0.8rem; right: 0; } } .structure-item__image { border-radius: 1.4rem; overflow: hidden; align-self: center; } .structure-item__text { display: flex; justify-content: center; flex-direction: column; } @media only screen and (max-width: 991px) { .structure-item__text { align-self: center; } } .structure-item p { margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .structure-item p { margin-bottom: 1.6rem; } } @media only screen and (max-width: 767px) { .structure-item p { margin-bottom: 2rem; } } @media only screen and (max-width: 767px) { .structure-item a { font-size: 1.6rem; } } .factory-section { padding: 6.9rem 0 6.8rem; } @media only screen and (max-width: 991px) { .factory-section { padding-bottom: 4.8rem; } } @media only screen and (max-width: 767px) { .factory-section { padding: 3.1rem 0 2.5rem; } } .factory-section__content { margin: 0 -1.1rem; justify-content: space-between; } @media only screen and (max-width: 1199px) { .factory-section__content { justify-content: center; } } @media only screen and (max-width: 991px) { .factory-section__content { margin: 0 -1.4rem; } } @media only screen and (max-width: 767px) { .factory-section__content { margin: 0; } } .description-item { position: relative; flex-grow: 1; display: flex; flex-direction: column; align-items: center; } @media only screen and (max-width: 1199px) { .description-item { flex-grow: 0; padding: 0 1.4rem; } } @media only screen and (max-width: 991px) { .description-item { margin-bottom: 2.9rem; } } @media only screen and (max-width: 767px) { .description-item { padding-left: 3rem; width: 100%; flex-direction: row; margin: 0; padding-bottom: 1rem; -moz-text-align-last: left; text-align-last: left; } .description-item:first-of-type:before { top: 50%; } .description-item:last-of-type:before { bottom: 50%; } } .description-item:before, .description-item:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 25.2rem; } .description-item:before { background: #EDEDED; left: 0; right: 0; height: 0.1rem; } @media only screen and (max-width: 767px) { .description-item:before { width: 0.1rem; left: 0.9rem; top: 0; bottom: 0; right: auto; height: auto; } } .description-item:after { width: 2.8rem; height: 2.8rem; border-radius: 50%; border: 3px solid #fff; background: var(--color-main); margin: -1.4rem auto; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { .description-item:after { width: 2rem; height: 2rem; border-width: 2px; right: auto; top: 0; bottom: 1rem; margin: auto 0; } } .description-item__image { border-radius: 50%; width: 21rem; height: 21rem; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); border: 8px solid #fff; margin-bottom: 7.2rem; } @media only screen and (max-width: 767px) { .description-item__image { border-width: 4px; width: 10rem; height: 10rem; margin: 0 1rem 0 0; } } .description-item__image img { width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .description-item p { margin-bottom: 0.5rem; } @media only screen and (max-width: 767px) { .description-item p { margin-bottom: 0.2rem; } } .equipment-section { margin-top: 13.8rem; position: relative; } @media only screen and (max-width: 991px) { .equipment-section { margin-top: 7.8rem; } } @media only screen and (max-width: 767px) { .equipment-section { margin-top: 6.3rem; } } .equipment-section:before { content: ""; display: block; position: absolute; background: linear-gradient(180deg, #FAC146 0%, rgba(111, 46, 42, 0) 100%); transform: skewX(9deg); height: 54.8rem; width: 33.8rem; z-index: -1; top: 1.4rem; right: -11.3%; } @media only screen and (max-width: 991px) { .equipment-section:before { top: 0.7rem; width: 37.5rem; right: -12.3%; } } @media only screen and (max-width: 767px) { .equipment-section:before { top: -0.2rem; width: 13.2rem; right: -15%; } } @media only screen and (max-width: 767px) { .equipment-section__title { font-size: 2.4rem; line-height: 120%; } } .equipment-section__content { grid-gap: 0 3rem; grid-auto-flow: column; } @media only screen and (max-width: 991px) { .equipment-section__content { margin-top: -0.5rem; grid-auto-flow: row; } } @media only screen and (max-width: 767px) { .equipment-section__content { margin-top: -0.2rem; grid-gap: 0 1.5rem; } } @media only screen and (max-width: 767px) { .equipment-item { font-size: 1.2rem; line-height: 130%; } } @media only screen and (max-width: 991px) { .equipment-item:nth-last-child(2) { order: 3; } } @media only screen and (max-width: 991px) { .equipment-item:nth-last-child(1) { order: 4; } } .equipment-item_lg { grid-column: span 2; grid-row: span 2; } .equipment-item p { margin-top: 1rem; } @media only screen and (max-width: 767px) { .equipment-item p { margin: 0.9rem 0 1.5rem; } } .video-block { position: relative; width: 97rem; max-width: 100%; margin: 8.1rem auto 0; } @media only screen and (max-width: 991px) { .video-block { margin-top: 6.1rem; } } @media only screen and (max-width: 767px) { .video-block { margin-top: 4.5rem; } } .embed-responsive:before { content: ""; display: block; padding-top: 56.25%; } .embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .play-btn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; background: url(/local/templates/main/css/../images/icons/play.svg) 0 0 no-repeat; background-size: contain; width: 9rem; height: 9rem; transition: var(--transition); } @media (hover: hover) and (pointer: fine) { .play-btn:hover { opacity: 0.7; cursor: pointer; } } @media only screen and (max-width: 991px) { .play-btn { width: 6.4rem; height: 6.4rem; } } @media only screen and (max-width: 767px) { .play-btn { width: 3.3rem; height: 3.3rem; } } .about-preview { display: flex; align-items: center; margin: -2rem 0 0; } @media only screen and (max-width: 991px) { .about-preview { margin: 0; flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 767px) { .about-preview { padding-top: 0.3rem; flex-direction: column-reverse; } } .about-preview__text { width: 55.8%; margin-right: -5%; padding: 3.2rem 3rem 2.1rem 4rem; border-radius: 30px; position: relative; z-index: 2; margin-left: -2.2rem; letter-spacing: 0.01rem; margin-bottom: 0.6rem; } @media only screen and (max-width: 991px) { .about-preview__text { width: 91.3%; margin: 0; padding: 2.7rem 2.8rem 1.3rem 2.5rem; } } @media only screen and (max-width: 767px) { .about-preview__text { width: auto; margin-left: 1rem; padding: 8.3rem 1.5rem 0.4rem; border-radius: 20px; } } .about-preview__title { font: 700 4.4rem/120% "Roboto", sans-serif; margin-bottom: 0.9rem; text-transform: uppercase; } @media only screen and (max-width: 767px) { .about-preview__title { font-size: 1.8rem; } } .about-preview__image { width: 57.5%; margin-left: -6%; height: 40.2rem; } @media only screen and (max-width: 991px) { .about-preview__image { width: 82.6%; margin: -7.2rem 0 0 auto; height: 34.2rem; } } @media only screen and (max-width: 767px) { .about-preview__image { width: auto; height: 20.7rem; margin: 0 1rem -6.5rem 0; z-index: 2; } } .about-preview__image img { border-radius: 30px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .about-preview__image img { border-radius: 20px 20px 0 20px; } } .about-preview p { margin-bottom: 1.1rem; } .about-description { grid-template-columns: 40.2% auto; align-items: center; position: relative; } @media only screen and (max-width: 991px) { .about-description { margin-top: -9.2rem; position: relative; } } @media only screen and (max-width: 767px) { .about-description { margin-top: 4rem; } } @media only screen and (max-width: 991px) { .about-description__image { width: 33rem; } } @media only screen and (max-width: 767px) { .about-description__image { width: auto; } } .about-description__image img { border-radius: 30px; } @media only screen and (max-width: 767px) { .about-description__image img { border-radius: 20px; } } .about-description__text { padding-top: 3rem; } @media only screen and (max-width: 767px) { .about-description__text { padding-top: 2.1rem; } } @media only screen and (min-width: 768px) { .about-description p { margin-bottom: 2.2rem; } } .info-section { padding: 6.8rem 0 8.8rem; margin-top: 14rem; } @media only screen and (max-width: 991px) { .info-section { margin-top: 6.6rem; } } @media only screen and (max-width: 767px) { .info-section { margin-top: 4rem; padding: 4.6rem 0 3.5rem; } } @media only screen and (max-width: 991px) { .info-section__content { grid-gap: 1.9rem 3rem; } } .info-item { padding: 2rem 3.4rem 2.2rem; } @media only screen and (max-width: 991px) { .info-item { padding: 2rem 1.8rem 3rem; } } @media only screen and (max-width: 767px) { .info-item { margin-bottom: 1rem; padding-bottom: 2.7rem; } .info-item .text_size-lg { font-size: 2rem; line-height: 130%; } } .info-item__icon { flex-shrink: 0; width: 4.4rem; align-self: center; } .info-item__num { font: 700 7.2rem/120% "Roboto", sans-serif; text-shadow: 4px -3px 0 rgba(167, 10, 0, 0.3); color: var(--color-main); margin: 0 2.1rem 0 1.2rem; flex-shrink: 0; } @media only screen and (max-width: 991px) { .info-item__num { margin-right: 0; } } @media only screen and (max-width: 767px) { .info-item__num { font-size: 4.4rem; } } .info-item p { margin-bottom: 0.4rem; } @media only screen and (max-width: 991px) { .info-item p { width: 100%; margin-top: 0.3rem; } } @media only screen and (max-width: 767px) { .info-item p { margin-top: 0.8rem; } } .contacts-section a {text-decoration: none !important;} .contacts-section { margin: -0.6rem 0 5rem; } @media only screen and (max-width: 991px) { .contacts-section { padding-top: 0.5rem; margin: 0 0 6rem; } } @media only screen and (max-width: 767px) { .contacts-section { padding-top: 1rem; margin-bottom: 4.9rem; } } .contacts-block__header { padding: 3rem 3rem 2.9rem; font-weight: 600; border-bottom: 1px solid #EDEDED; font-size: 2.4rem; line-height: 3.12rem; } @media only screen and (max-width: 767px) { .contacts-block__header { font-size: 2rem; line-height: 130%; padding: 2rem 1.5rem 1.5rem; } } .contacts-block__body { padding: 3.2rem 3rem 2.5rem; } @media only screen and (max-width: 767px) { .contacts-block__body { padding: 2rem 1.5rem 2.3rem; } } @media only screen and (max-width: 991px) { .contacts-block__footer { width: 81%; margin-top: 4.3rem; } } @media only screen and (max-width: 767px) { .contacts-block__footer { width: 100%; margin-top: 2.5rem; } } @media only screen and (max-width: 767px) { .contacts-block__footer .social-list { margin-bottom: 2.6rem; } } .contacts-block p { margin-bottom: 1.1rem; } .contacts-block .btn { margin-bottom: 0.3rem; padding-left: 2.3rem; padding-right: 2.3rem; } .contacts-item { margin-bottom: 1.9rem; } @media only screen and (max-width: 767px) { .contacts-item { margin-bottom: 1.4rem; } } @media only screen and (max-width: 767px) { .contacts-item .text_bold { font-size: 1.6rem; line-height: 130%; } } .d-md-flex .contacts-item:not(:last-child) { margin-right: 4.9rem; } .contacts-item p { margin-bottom: 0.4rem; } .social-list__item { margin-right: 1.5rem; } @media only screen and (max-width: 991px) { .map { height: 57.4rem; margin-top: 3rem; } } @media only screen and (max-width: 767px) { .map { height: 29.5rem; } } .map iframe { width: 100%; height: 100%; } @media only screen and (max-width: 767px) { .requisites-title { font-size: 2rem; line-height: 130%; } } .requisites-table { margin-top: 1.1rem; } @media only screen and (max-width: 991px) { .requisites-table { margin-bottom: 4rem; } } @media only screen and (max-width: 767px) { .requisites-table { margin-top: 1.4rem; margin-bottom: 0; } } .requisites-table td:first-child { width: 36.75%; } @media only screen and (max-width: 991px) { .requisites-table td:first-child { width: 39%; } } @media only screen and (max-width: 767px) { .requisites-table td:not(:first-child) { padding: 1.4rem 2rem 1.2rem 1.3rem; } } .product-title { line-height: 110%; } @media only screen and (max-width: 991px) { .product-title { line-height: 120%; margin-bottom: 0 !important; } } .product-preview { position: relative; margin: 3.2rem 0 2.5rem; } @media only screen and (max-width: 991px) { .product-preview { margin: 1.9rem 0 2rem; } } @media only screen and (max-width: 767px) { .product-preview { margin-bottom: 1.2rem; } } .product-preview__image { border-radius: 30px; } @media only screen and (max-width: 991px) { .product-preview__image { border-radius: 20px; } } @media only screen and (max-width: 767px) { .product-preview__image { height: 19.4rem; } .product-preview__image img { height: 100%; -o-object-fit: cover; object-fit: cover; } } .wrap .product-preview__title { position: absolute; bottom: 0; left: 0; padding: 2.9rem 4rem; border-radius: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); width: 76.7%; font-size: 3.2rem; line-height: 120%; } @media only screen and (max-width: 991px) { .wrap .product-preview__title { font-size: 2.4rem; padding: 1.6rem 1.5rem 0.8rem; width: 83%; border-radius: 20px; } } @media only screen and (max-width: 767px) { .wrap .product-preview__title { font-size: 1.8rem; line-height: 120%; width: 80.4%; padding: 1.4rem 1.5rem 1.1rem; } } .product-description { display: grid; grid-template-columns: 65.5% 31%; grid-gap: 0 3rem; margin-bottom: 5rem; } @media only screen and (max-width: 991px) { .product-description { display: block; } } @media only screen and (max-width: 767px) { .product-description { margin-bottom: 3.5rem; } } .product-description__text { padding-top: 0.2rem; } .product-description__text p { margin-bottom: 0; } @media only screen and (max-width: 991px) { .product-description__buttons { margin-top: 2rem; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 2rem; } } @media only screen and (max-width: 767px) { .product-description__buttons { display: block; margin-top: 2.1rem; } } .product-description__buttons .btn { margin-bottom: 1rem; } @media only screen and (max-width: 767px) { .product-description__buttons .btn { margin-bottom: 1.5rem; } } .product-production { margin-top: 4.8rem; } @media only screen and (max-width: 767px) { .product-production { margin-top: 4rem; } } .product-production .product-item { margin: 0; } @media only screen and (max-width: 991px) { .product-production .grid-2 { grid-gap: 2rem; } } .product-customer-slider { padding: 2rem 1.7rem; margin: -1.6rem 2.6rem 0; } @media only screen and (max-width: 991px) { .product-customer-slider { margin: -1.4rem 3.2rem 0; padding: 2rem 1rem; } } @media only screen and (max-width: 767px) { .product-customer-slider { margin: -0.9rem 10.5% 0; } } .product-customer-slider .swiper-slide { height: auto; display: flex; max-height: 12.6rem; } @media only screen and (max-width: 991px) { .product-customer-slider .swiper-slide { max-height: 8.7rem; } } @media only screen and (max-width: 767px) { .product-customer-slider .swiper-slide { height: 13.6rem; max-height: none; } } @media only screen and (max-width: 991px) { .product-customer-slider .customer-item { padding-left: 1.6rem; padding-right: 1.6rem; } } @media only screen and (max-width: 767px) { .product-customer-slider .customer-item { border-radius: 20px; } } @media only screen and (max-width: 767px) { .factory-descriprion { margin-right: -1rem; } } .price-section { margin-top: 8rem; } @media only screen and (max-width: 991px) { .price-section { margin-top: 9.2rem; } } @media only screen and (max-width: 767px) { .price-section { margin-top: 5.1rem; } .price-section p { margin-bottom: 1.2rem; } } .price-section__table { margin-top: 3.5rem; } @media only screen and (max-width: 991px) { .price-section__table { margin-top: 2.6rem; } } @media only screen and (max-width: 767px) { .price-section__table { margin: 0; } } .price-section__table td { width: 50%; } @media only screen and (max-width: 991px) { .price-section__table td { width: 25%; } } @media only screen and (max-width: 767px) { .price-section__table td { padding: 1.2rem 1.5rem; } } .project-section { margin: 6.1rem 0 2.2rem; position: relative; display: flex; align-items: center; justify-content: flex-end; } @media only screen and (max-width: 991px) { .project-section { margin: 4rem 0 2.1rem; } } @media only screen and (max-width: 767px) { .project-section { margin: 3rem 0 1.4rem; position: relative; padding: 6rem 0 6.8rem; justify-content: flex-start; } } .project-section__text { position: absolute; padding: 2.8rem 1.5rem 1.2rem 2.5rem; left: 0; width: 56.6%; border-radius: 30px; } @media only screen and (max-width: 991px) { .project-section__text { width: 76.7%; padding-left: 2.3rem; } } @media only screen and (max-width: 767px) { .project-section__text { border-radius: 15px; padding: 1.8rem 1.5rem 0; position: relative; z-index: 2; width: 70%; } } .project-section__text .title { line-height: 110%; margin-bottom: 1.3rem; } @media only screen and (max-width: 1199px) { .project-section__text .title { font-size: 2.4rem; } } @media only screen and (max-width: 991px) { .project-section__text .title { margin-bottom: 1rem; } } @media only screen and (max-width: 767px) { .project-section__text .title { font-size: 1.8rem; } } @media only screen and (max-width: 991px) { .project-section__image { height: 40.2rem; margin-left: 4rem; } } @media only screen and (max-width: 767px) { .project-section__image { left: 3.5rem; margin: 0; right: 0; position: absolute; top: 0; bottom: 0; height: auto; } } .project-section__image img { border-radius: 30px; } @media only screen and (max-width: 991px) { .project-section__image img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 40.5%; object-position: 40.5%; width: 100%; } } .project-descriprion { margin-bottom: 3.9rem; } @media only screen and (max-width: 991px) { .project-descriprion { margin-bottom: 2.9rem; } } @media only screen and (max-width: 767px) { .project-descriprion { margin-bottom: 2.6rem; } } .project-descriprion__link { align-self: flex-end; margin-left: 5%; } @media only screen and (max-width: 991px) { .project-descriprion__link { margin: 2.1rem 0 0; } } @media only screen and (max-width: 767px) { .project-descriprion__link { font-size: 1.6rem; margin-top: 1.8rem; } } .project-info { padding: 2rem 3rem 1.4rem; } @media only screen and (max-width: 991px) { .project-info { padding: 2rem 2rem 1.4rem; } } @media only screen and (max-width: 767px) { .project-info { padding: 1.5rem 1.5rem 0.7rem; } } .project-info__title { margin-bottom: 1.4rem; } @media only screen and (max-width: 991px) { .project-info__title { font-size: 2.4rem; line-height: 130%; } } @media only screen and (max-width: 767px) { .project-info__title { font-size: 1.6rem; margin-bottom: 1rem; } } /* End */ /* Start:/local/templates/main/template_styles.css?17617404261038*/ :root { --color-main: #FAC146; --transition: all 0.3s ease-out; } .nav-list__item {position: relative;} .nav__arrow {position: absolute; right: 0; top: 0; width: 30px; height: 45px;} .nav-list__link--selected {background: #303030; position: relative;} .nav-list__link--selected:before {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #FAC146;} .sub-nav__link--selected {color: #FAC146 !important;} .sub-sub-nav__link--selected {color: #FAC146 !important; font-weight: 600;} .top {display: block; width: 50px; height: 50px; background: url(/local/templates/main/images/top.png) no-repeat center; position: fixed; right: 30px; bottom: 30px; opacity: 0; visibility: hidden; transition: opacity .3s; z-index: 10;} .top.active {opacity: 1; visibility: visible;} .section--mt { margin-top: 6rem; } @media only screen and (max-width: 991px) { .section--mt { margin-top: 5rem; } } @media only screen and (max-width: 767px) { .section--mt { margin-top: 4rem; } } .price-section {margin-top: 6rem;} /* End */ /* /local/templates/main/css/swiper-bundle.min.css?168905826716466 */ /* /local/templates/main/css/style.css?176175080985013 */ /* /local/templates/main/template_styles.css?17617404261038 */