/* Start:/local/templates/fastengroup/lib/css/swiper-bundle.min.css?178834620618435*/
/**
* Swiper 11.0.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 26, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/fastengroup/lib/css/app.min.css?1788346206177629*/
@charset "UTF-8";
@font-face {
font-family:'Averta CY';
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Extrabold.eot);
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Extrabold.eot?#iefix) format('embedded-opentype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Extrabold.woff2) format('woff2'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Extrabold.woff) format('woff'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Extrabold.ttf) format('truetype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Extrabold.svg#AvertaCY-Extrabold) format('svg');
font-weight:800;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'Averta CY';
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Regular.eot);
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Regular.eot?#iefix) format('embedded-opentype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Regular.woff2) format('woff2'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Regular.woff) format('woff'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Regular.ttf) format('truetype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Regular.svg#AvertaCY-Regular) format('svg');
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'Averta CY';
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Bold.eot);
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Bold.eot?#iefix) format('embedded-opentype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Bold.woff2) format('woff2'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Bold.woff) format('woff'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Bold.ttf) format('truetype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Bold.svg#AvertaCY-Bold) format('svg');
font-weight:700;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'Averta CY';
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Semibold.eot);
src:url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Semibold.eot?#iefix) format('embedded-opentype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Semibold.woff2) format('woff2'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Semibold.woff) format('woff'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Semibold.ttf) format('truetype'),url(/local/templates/fastengroup/lib/css/../fonts/text/AvertaCY-Semibold.svg#AvertaCY-Semibold) format('svg');
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:icomoon;
src:url(/local/templates/fastengroup/lib/css/../fonts/iconic/fonts/icomoon.eot?z7gpt6);
src:url(/local/templates/fastengroup/lib/css/../fonts/iconic/fonts/icomoon.eot?z7gpt6#iefix) format('embedded-opentype'),url(/local/templates/fastengroup/lib/css/../fonts/iconic/fonts/icomoon.ttf?z7gpt6) format('truetype'),url(/local/templates/fastengroup/lib/css/../fonts/iconic/fonts/icomoon.woff?z7gpt6) format('woff'),url(/local/templates/fastengroup/lib/css/../fonts/iconic/fonts/icomoon.svg?z7gpt6#icomoon) format('svg');
font-weight:400;
font-style:normal;
font-display:block;
}
[class*=" icon-"],[class^=icon-] {
font-family: icomoon!important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-angle-double-right:before {
content: "\e900";
}
.icon-arrow-down:before {
content: "\e901";
}
.icon-arrow-down-long:before {
content: "\e902";
font-size: 16px;
}
.icon-arrow-left:before {
content: "\e903";
}
.icon-arrow-right:before {
content: "\e904";
}
.icon-callback:before {
content: "\e905";
}
.icon-caret-down:before {
content: "\e906";
}
.icon-chevron-down:before {
content: "\e907";
}
.icon-chevron-right:before {
content: "\e908";
}
.icon-clock:before {
content: "\e909";
}
.icon-close:before {
content: "\e90a";
}
.icon-doc:before {
content: "\e90b";
}
.icon-download:before {
content: "\e90c";
font-size: 12px;
}
.docs__item .icon-download:before {
font-size: 23px;
}
.icon-envelope:before {
content: "\e90d";
}
.icon-pause:before {
content: "\e90e";
}
.icon-pdf:before {
content: "\e90f";
}
.icon-phone:before {
content: "\e910";
}
.icon-pin:before {
content: "\e911";
}
.icon-search:before {
content: "\e912";
font-size: 18px;
}
.icon-trash:before {
content: "\e913";
font-size: 13px;
}
@font-face {
font-family:swiper-icons;
src:url('data:application/font-woff;=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight:400;
font-style:normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
transform: translate3d(0,0,0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@font-face {
font-family:swiper-icons;
src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight:400;
font-style:normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
transform: translate3d(0,0,0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0,0,0,.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
display: none!important;
}
.swiper-button-next svg,.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg);
}
.swiper-button-prev,.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset,10px);
right: auto;
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto;
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
display: none!important;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom,8px);
top: var(--swiper-pagination-top,auto);
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius,50%);
background: var(--swiper-pagination-bullet-inactive-color,#000);
opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none!important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity,1);
background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right,8px);
left: var(--swiper-pagination-left,auto);
top: 50%;
transform: translate3d(0,-50%,0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color,var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size,4px);
left: 0;
top: 0;
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size,4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius,10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
display: none!important;
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset,1%);
bottom: var(--swiper-scrollbar-bottom,4px);
top: var(--swiper-scrollbar-top,auto);
z-index: 50;
height: var(--swiper-scrollbar-size,4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left,auto);
right: var(--swiper-scrollbar-right,4px);
top: var(--swiper-scrollbar-sides-offset,1%);
z-index: 50;
width: var(--swiper-scrollbar-size,4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
border-radius: var(--swiper-scrollbar-border-radius,10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform,opacity,height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
:root {
--f-spinner-width: 36px;
--f-spinner-height: 36px;
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-stroke: 2.75;
}
.f-spinner {
margin: auto;
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
}
.f-spinner svg {
width: 100%;
height: 100%;
vertical-align: top;
animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
stroke-width: var(--f-spinner-stroke);
fill: none;
}
.f-spinner svg :first-child {
stroke: var(--f-spinner-color-1);
}
.f-spinner svg :last-child {
stroke: var(--f-spinner-color-2);
animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes f-spinner-dash {
0% {
stroke-dasharray: 1,150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90,150;
stroke-dashoffset: -124;
}
}
.f-throwOutUp {
animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0,var(--f-throw-out-distance,150px),0);
opacity: 0;
}
}
.f-zoomInUp {
animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp;
}
.f-zoomOutDown {
animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
from {
transform: scale(.975) translate3d(0,16px,0);
opacity: 0;
}
to {
transform: scale(1) translate3d(0,0,0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(.975) translate3d(0,16px,0);
opacity: 0;
}
}
.f-fadeIn {
animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeOut {
100% {
opacity: 0;
}
}
.f-fadeFastIn {
animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
z-index: 2;
}
.f-fadeFastOut {
animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
z-index: 2;
}
@keyframes f-fadeFastIn {
0% {
opacity: .75;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeFastOut {
100% {
opacity: 0;
}
}
.f-fadeSlowIn {
animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
z-index: 2;
}
.f-fadeSlowOut {
animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
z-index: 1;
}
@keyframes f-fadeSlowIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-fadeSlowOut {
100% {
opacity: 0;
}
}
.f-crossfadeIn {
animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: calc(var(--f-transition-duration,.2s)*.5) linear .1s both f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
100% {
opacity: 0;
}
}
.f-slideIn.from-next {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext;
}
.f-slideIn.from-prev {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev;
}
.f-slideOut.to-next {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext;
}
.f-slideOut.to-prev {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev;
}
@keyframes f-slideInPrev {
0% {
transform: translateX(100%);
}
100% {
transform: translate3d(0,0,0);
}
}
@keyframes f-slideInNext {
0% {
transform: translateX(-100%);
}
100% {
transform: translate3d(0,0,0);
}
}
@keyframes f-slideOutNext {
100% {
transform: translateX(-100%);
}
}
@keyframes f-slideOutPrev {
100% {
transform: translateX(100%);
}
}
.f-classicIn.from-next {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
z-index: 2;
}
.f-classicIn.from-prev {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
z-index: 2;
}
.f-classicOut.to-next {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
z-index: 1;
}
.f-classicOut.to-prev {
animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
z-index: 1;
}
@keyframes f-classicInNext {
0% {
transform: translateX(-75px);
opacity: 0;
}
100% {
transform: translate3d(0,0,0);
opacity: 1;
}
}
@keyframes f-classicInPrev {
0% {
transform: translateX(75px);
opacity: 0;
}
100% {
transform: translate3d(0,0,0);
opacity: 1;
}
}
@keyframes f-classicOutNext {
100% {
transform: translateX(-75px);
opacity: 0;
}
}
@keyframes f-classicOutPrev {
100% {
transform: translateX(75px);
opacity: 0;
}
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-hover-bg: #e0e0e0;
--f-button-active-bg: #d0d0d0;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-disabled-opacity: 0.65;
}
.f-button {
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
pointer-events: all;
cursor: pointer;
transition: var(--f-button-transition);
}
@media(hover:hover) {
.f-button:hover:not([disabled]) {
color: var(--f-button-hover-color);
background-color: var(--f-button-hover-bg);
}
}
.f-button:active:not([disabled]) {
background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
outline: 0;
}
.f-button:focus-visible {
outline: 0;
box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
fill: var(--f-button-svg-fill);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
transition: opacity .15s ease;
transform: var(--f-button-transform);
filter: var(--f-button-svg-filter);
pointer-events: none;
}
.f-button[disabled] {
cursor: default;
}
.f-button[disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev {
position: absolute;
z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev {
top: 50%;
transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev {
left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next {
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
left: auto;
right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
right: auto;
left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev {
top: auto;
left: 50%;
transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev {
top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next {
bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg {
transform: rotate(90deg);
}
.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled {
pointer-events: none;
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body {
touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--fancybox-body-margin,0px) + var(--fancybox-scrollbar-compensate,0px));
overflow: hidden!important;
overscroll-behavior-y: none;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-hover-color: #fff;
--fancybox-bg: rgba(24, 24, 27, 0.98);
--fancybox-slide-gap: 10px;
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-color-1: rgba(255, 255, 255, 0.1);
--f-spinner-color-2: #bbb;
--f-spinner-stroke: 3.65;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
color: #f8f8f8;
-webkit-tap-highlight-color: transparent;
overflow: visible;
z-index: var(--fancybox-zIndex,1050);
outline: 0;
transform-origin: top left;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: none;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overscroll-behavior-y: contain;
}
.fancybox__container *,.fancybox__container ::after,.fancybox__container ::before {
box-sizing: inherit;
}
.fancybox__container :empty {
display: block;
}
.fancybox__container::backdrop {
background-color: rgba(0,0,0,0);
}
.fancybox__backdrop {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background: var(--fancybox-bg);
opacity: var(--fancybox-opacity,1);
will-change: opacity;
}
.fancybox__carousel {
position: relative;
box-sizing: border-box;
flex: 1;
min-height: 0;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__viewport {
width: 100%;
height: 100%;
}
.fancybox__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.fancybox__viewport.is-dragging {
cursor: move;
cursor: grabbing;
}
.fancybox__track {
display: flex;
margin: 0 auto;
height: 100%;
}
.fancybox__slide {
flex: 0 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
margin: 0 var(--fancybox-slide-gap) 0 0;
padding: 4px;
overflow: auto;
overscroll-behavior: contain;
transform: translate3d(0,0,0);
backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
padding-top: 40px;
}
.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-video {
overflow: hidden;
}
.fancybox__slide.has-image {
overflow: hidden;
}
.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected {
overflow: visible;
}
.fancybox__slide::after,.fancybox__slide::before {
content: "";
flex: 0 0 0;
margin: auto;
}
.fancybox__content {
align-self: center;
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 2rem;
max-width: 100%;
color: var(--fancybox-content-color,#374151);
background: var(--fancybox-content-bg,#fff);
cursor: default;
border-radius: 0;
z-index: 20;
}
.is-loading .fancybox__content {
opacity: 0;
}
.is-draggable .fancybox__content {
cursor: move;
cursor: grab;
}
.can-zoom_in .fancybox__content {
cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
cursor: zoom-out;
}
.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing;
}
.fancybox__content [contenteditable],.fancybox__content [data-selectable] {
cursor: auto;
}
.fancybox__slide.has-image>.fancybox__content {
padding: 0;
background: rgba(0,0,0,0);
min-height: 1px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transition: none;
transform: translate3d(0,0,0);
backface-visibility: hidden;
}
.fancybox__slide.has-image>.fancybox__content>picture>img {
width: 100%;
height: auto;
max-height: 100%;
}
.is-animating .fancybox__content,.is-dragging .fancybox__content {
will-change: transform,width,height;
}
.fancybox-image {
margin: auto;
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
user-select: none;
filter: blur(0);
}
.fancybox__caption {
align-self: center;
max-width: 100%;
flex-shrink: 0;
margin: 0;
padding: 14px 0 4px 0;
overflow-wrap: anywhere;
line-height: 1.375;
color: var(--fancybox-color,currentColor);
opacity: var(--fancybox-opacity,1);
cursor: auto;
visibility: visible;
}
.is-closing .fancybox__caption,.is-loading .fancybox__caption {
opacity: 0;
visibility: hidden;
}
.is-compact .fancybox__caption {
padding-bottom: 0;
}
.f-button.is-close-btn {
--f-button-svg-stroke-width: 2;
position: absolute;
top: 0;
right: 8px;
z-index: 40;
}
.fancybox__content>.f-button.is-close-btn {
--f-button-width: 34px;
--f-button-height: 34px;
--f-button-border-radius: 4px;
--f-button-color: var(--fancybox-color, #fff);
--f-button-hover-color: var(--fancybox-color, #fff);
--f-button-bg: transparent;
--f-button-hover-bg: transparent;
--f-button-active-bg: transparent;
--f-button-svg-width: 22px;
--f-button-svg-height: 22px;
position: absolute;
top: -38px;
right: 0;
opacity: .75;
}
.is-loading .fancybox__content>.f-button.is-close-btn {
visibility: hidden;
}
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
visibility: hidden;
}
.fancybox__content>.f-button.is-close-btn:hover {
opacity: 1;
}
.fancybox__footer {
padding: 0;
margin: 0;
position: relative;
}
.fancybox__footer .fancybox__caption {
width: 100%;
padding: 24px;
opacity: var(--fancybox-opacity,1);
transition: all .25s ease;
}
.is-compact .fancybox__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
background: rgba(24,24,27,.5);
}
.is-compact .fancybox__footer .fancybox__caption {
padding: 12px;
}
.is-compact .fancybox__content>.f-button.is-close-btn {
--f-button-border-radius: 50%;
--f-button-color: #fff;
--f-button-hover-color: #fff;
--f-button-outline-color: #000;
--f-button-bg: rgba(0, 0, 0, 0.6);
--f-button-active-bg: rgba(0, 0, 0, 0.6);
--f-button-hover-bg: rgba(0, 0, 0, 0.6);
--f-button-svg-width: 18px;
--f-button-svg-height: 18px;
--f-button-svg-filter: none;
top: 5px;
right: 5px;
}
.fancybox__nav {
--f-button-width: 50px;
--f-button-height: 50px;
--f-button-border: 0;
--f-button-border-radius: 50%;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: transparent;
--f-button-hover-bg: rgba(24, 24, 27, 0.3);
--f-button-active-bg: rgba(24, 24, 27, 0.5);
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-svg-width: 26px;
--f-button-svg-height: 26px;
--f-button-svg-stroke-width: 2.5;
--f-button-svg-fill: none;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
--f-button-svg-disabled-opacity: 0.65;
--f-button-next-pos: 1rem;
--f-button-prev-pos: 1rem;
opacity: var(--fancybox-opacity,1);
}
.fancybox__nav .f-button:before {
position: absolute;
content: "";
top: -30px;
right: -20px;
left: -20px;
bottom: -30px;
z-index: 1;
}
.is-idle .fancybox__nav {
animation: .15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
pointer-events: none;
animation: .15s ease-out both f-fadeOut;
}
.fancybox__slide>.f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));
z-index: 30;
cursor: pointer;
}
.fancybox-protected {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 40;
user-select: none;
}
.fancybox-ghost {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
z-index: 40;
user-select: none;
pointer-events: none;
}
.fancybox-focus-guard {
outline: 0;
opacity: 0;
position: fixed;
pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
opacity: 0;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel) {
animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel) {
animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut;
}
.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1px;
overflow: visible;
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
width: calc(100% - 120px);
height: 90%;
}
.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content {
width: 100%;
height: 100%;
}
.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%;
}
.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
padding: 0;
background: rgba(24,24,27,.9);
color: #fff;
}
.has-map .fancybox__content {
background: #e5e3df;
}
.fancybox__html5video,.fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0,0,0,0);
}
.fancybox-placeholder {
border: 0!important;
clip: rect(1px,1px,1px,1px)!important;
-webkit-clip-path: inset(50%)!important;
clip-path: inset(50%)!important;
height: 1px!important;
margin: -1px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important;
white-space: nowrap!important;
}
.f-carousel__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-outline: 0;
--f-thumb-outline-color: #5eb0ef;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
--f-thumb-border-radius: 2px;
--f-thumb-offset: 0px;
--f-button-next-pos: 0;
--f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
--f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 16px;
--f-thumb-clip-width: 46px;
}
.f-thumbs {
position: relative;
flex: 0 0 auto;
margin: 0;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
user-select: none;
perspective: 1000px;
transform: translateZ(0);
}
.f-thumbs .f-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background-image: linear-gradient(#ebeff2,#e2e8f0);
z-index: -1;
}
.f-thumbs .f-spinner svg {
display: none;
}
.f-thumbs.is-vertical {
height: 100%;
}
.f-thumbs__viewport {
width: 100%;
height: auto;
overflow: hidden;
transform: translate3d(0,0,0);
}
.f-thumbs__track {
display: flex;
}
.f-thumbs__slide {
position: relative;
flex: 0 0 auto;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: var(--f-thumb-width);
height: var(--f-thumb-height);
overflow: visible;
cursor: pointer;
}
.f-thumbs__slide.is-loading img {
opacity: 0;
}
.is-classic .f-thumbs__viewport {
height: 100%;
}
.is-modern .f-thumbs__track {
width: max-content;
}
.is-modern .f-thumbs__track::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc((var(--f-thumb-clip-width,0))*-.5);
width: calc(var(--width,0)*1px + var(--f-thumb-clip-width,0));
cursor: pointer;
}
.is-modern .f-thumbs__slide {
width: var(--f-thumb-clip-width);
transform: translate3d(calc(var(--shift,0) * -1px),0,0);
transition: none;
pointer-events: none;
}
.is-modern.is-resting .f-thumbs__slide {
transition: transform .33s ease;
}
.is-modern.is-resting .f-thumbs__slide__button {
transition: clip-path .33s ease;
}
.is-using-tab .is-modern .f-thumbs__slide:focus-within {
filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}
.f-thumbs__slide__button {
appearance: none;
width: var(--f-thumb-width);
height: 100%;
margin: 0 -100% 0 -100%;
padding: 0;
border: 0;
position: relative;
border-radius: var(--f-thumb-border-radius);
overflow: hidden;
background: rgba(0,0,0,0);
outline: 0;
cursor: pointer;
pointer-events: auto;
touch-action: manipulation;
opacity: var(--f-thumb-opacity);
transition: opacity .2s ease;
}
.f-thumbs__slide__button:hover {
opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
outline: 0;
}
.f-thumbs__slide__button:focus-visible {
outline: 0;
opacity: var(--f-thumb-selected-opacity);
}
.is-modern .f-thumbs__slide__button {
--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
clip-path: var(--clip-path);
}
.is-classic .is-nav-selected .f-thumbs__slide__button {
opacity: var(--f-thumb-selected-opacity);
}
.is-classic .is-nav-selected .f-thumbs__slide__button::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: auto;
bottom: 0;
border: var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
border-radius: var(--f-thumb-border-radius);
animation: f-fadeIn .2s ease-out;
z-index: 10;
}
.f-thumbs__slide__img {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: var(--f-thumb-offset);
box-sizing: border-box;
pointer-events: none;
object-fit: cover;
border-radius: var(--f-thumb-border-radius);
}
.f-thumbs.is-horizontal .f-thumbs__track {
padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
flex-wrap: wrap;
padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-border-radius: 2px;
--f-thumb-outline: 2px;
--f-thumb-outline-color: #ededed;
position: relative;
opacity: var(--fancybox-opacity,1);
transition: max-height .35s cubic-bezier(.23,1,.32,1);
}
.fancybox__thumbs.is-classic {
--f-thumb-gap: 8px;
--f-thumb-opacity: 0.5;
--f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner {
background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
}
.fancybox__thumbs.is-modern {
--f-thumb-gap: 4px;
--f-thumb-extra-gap: 16px;
--f-thumb-clip-width: 46px;
--f-thumb-opacity: 1;
--f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-modern .f-spinner {
background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
}
.fancybox__thumbs.is-horizontal {
padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
--f-thumb-width: 64px;
--f-thumb-clip-width: 32px;
--f-thumb-height: 48px;
--f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-masked {
max-height: 0!important;
}
.is-closing .fancybox__thumbs {
transition: none!important;
}
.fancybox__toolbar {
--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: var(--fancybox-color);
--f-button-hover-color: var(--fancybox-hover-color);
--f-button-bg: rgba(24, 24, 27, 0.65);
--f-button-hover-bg: rgba(70, 70, 73, 0.65);
--f-button-active-bg: rgba(90, 90, 93, 0.65);
--f-button-border-radius: 0;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.65;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
color: var(--fancybox-color,currentColor);
opacity: var(--fancybox-opacity,1);
text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
pointer-events: none;
z-index: 20;
}
.fancybox__toolbar :focus-visible {
z-index: 1;
}
.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.is-idle .fancybox__toolbar {
pointer-events: none;
animation: .15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
}
.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right {
flex-grow: 1;
flex-basis: 0;
}
.fancybox__toolbar__column.is-right {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
.fancybox__infobar {
padding: 0 5px;
line-height: var(--f-button-height);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
cursor: default;
user-select: none;
}
.fancybox__infobar span {
padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
height: 100%;
opacity: .3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
display: flex;
}
.f-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
background: var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
z-index: 30;
user-select: none;
pointer-events: none;
}
.custom-select {
position: relative;
}
.custom-select__option {
overflow: hidden;
box-sizing: border-box;
display: block;
width: 100%;
padding: 0;
background-color: transparent;
border: 0;
border-radius: 0;
font-family: inherit;
white-space: nowrap;
text-align: left;
text-overflow: ellipsis;
cursor: pointer;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select__option-wrap {
position: relative;
}
.custom-select__input {
box-sizing: border-box;
display: block;
width: 100%;
padding: 0;
border-width: 1px 0;
border-style: solid;
border-radius: 0;
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select__dropdown {
position: absolute;
box-sizing: border-box;
width: 100%;
top: 100%;
left: 0;
}
.custom-select--dropup .custom-select__dropdown {
top: auto;
bottom: 100%;
}
.custom-select__option {
position: relative;
padding: .375rem .75rem;
font-size: 1rem;
color: #212121;
line-height: 1.5;
}
.custom-select__option:focus {
outline: 0;
}
.custom-select__option:focus,.custom-select__option:hover {
background-color: #f9f9f9;
}
.custom-select__option--value {
padding-right: 1.875rem;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: .25rem;
}
.custom-select__option--value::after {
position: absolute;
box-sizing: border-box;
width: 0;
height: 0;
top: 50%;
right: .75rem;
border-width: .3rem;
border-bottom-width: 0;
border-style: solid;
border-color: currentColor transparent;
transform: translateY(-50%);
content: "";
}
.custom-select--active .custom-select__option--value::after {
transform: translateY(-50%) rotate(-180deg);
}
.custom-select--active .custom-select__option--value {
border-bottom-color: transparent;
border-radius: .25rem .25rem 0 0;
}
.custom-select--active .custom-select__option--value:focus,.custom-select--active .custom-select__option--value:hover {
background-color: #fff;
}
.custom-select--dropup.custom-select--active .custom-select__option--value {
border-top-color: transparent;
border-bottom-color: #e6e6e6;
border-radius: 0 0 .25rem .25rem;
}
.custom-select__option--selected {
background-color: #fcfcfc;
}
.custom-select__option[disabled] {
color: #a1a1a1;
cursor: default;
}
.custom-select__option[disabled]:focus,.custom-select__option[disabled]:hover {
background-color: transparent;
}
.custom-select__option-wrap {
overflow-y: auto;
max-height: 11.25rem;
}
.custom-select__option-wrap::-webkit-scrollbar {
width: 16px;
}
.custom-select__option-wrap::-webkit-scrollbar-thumb {
background-color: #e6e6e6;
background-clip: padding-box;
border-width: 0 4px;
border-style: solid;
border-color: transparent;
}
.custom-select__input {
position: relative;
z-index: 1;
height: 2.25rem;
margin-top: -1px;
padding: 0 .75rem;
border-color: #e6e6e6;
transform: translateY(1px);
font-size: 1rem;
color: #212121;
}
.custom-select__input:focus {
outline: 0;
}
.custom-select--dropup .custom-select__input {
border-top-width: 0;
margin-top: 0;
transform: translateY(0);
}
.custom-select__dropdown {
overflow: hidden;
z-index: 1;
top: calc(100% - 1px);
background-color: #fff;
border-width: 0 1px 1px;
border-style: solid;
border-color: #e6e6e6;
border-radius: 0 0 .25rem .25rem;
}
.custom-select--dropup .custom-select__dropdown {
bottom: calc(100% - 1px);
border-width: 1px 1px 0;
border-radius: .25rem .25rem 0 0;
}
:root {
--color-black: #1D1D1D;
--color-blue: #003857;
--color-orange: #EB5D13;
--color-white: #FFF;
}
* {
-webkit-appearance: none!important;
-moz-appearance: none!important;
appearance: none!important;
background: 0 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
outline: 0!important;
padding: 0;
-webkit-tap-highlight-color: transparent!important;
text-shadow: none;
}
a {
text-decoration: none;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
a,button {
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
body {
background-color: var(--color-white);
color: var(--color-blue);
font-family: "Averta CY";
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 21px;
min-width: 320px;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
position: relative;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
webkit-overflow-scrolling: touch;
}
body.no-overflow {
overflow: hidden;
}
button,img {
max-width: 100%;
}
button {
cursor: pointer;
}
[class*=" icon-"],[class^=icon-] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
img {
display: block;
max-height: 100%;
width: 100%;
}
ol,ul {
list-style-type: none;
}
table {
border-collapse: collapse;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
width: 100%;
}
td,th {
vertical-align: middle;
}
textarea {
resize: none;
}
@media screen and (max-width:1024px) {
body {
padding-top: 109px;
}
}
.preloader {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: var(--color-blue);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.preloader__item {
width: 150px;
height: 150px;
border: 5px solid var(--color-orange);
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.page__title+div {
margin-top: 40px;
}
.page__item {
/* margin-top: 130px; */
margin-bottom: 35px;
}
.page__wrapper--offset {
margin-top: 30px;
}
.container {
margin: 0 auto;
max-width: 980px;
padding: 0 30px;
width: 100%;
}
.title {
font-size: 32px;
font-weight: 700;
line-height: 41px;
text-transform: uppercase;
}
.title:not(.page__title) {
font-size: 24px;
line-height: 33px;
}
.title.page__title {
font-size: 30px;
line-height: 28px;
}
.title:not(.title--left) {
text-align: center;
}
.caption {
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-transform: uppercase;
}
.bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section__item+* {
margin-top: 30px;
}
.blue-section {
background-color: var(--color-blue);
color: var(--color-white);
margin-top: 40px;
padding-bottom: 60px;
}
.blue-section--decoration {
overflow: hidden;
position: relative;
}
.blue-section--decoration:after,.blue-section--decoration:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.blue-section--decoration:before {
width: 0;
height: 0;
left: 0;
background-color: var(--color-orange);
}
.blue-section--decoration:after {
width: 60%;
height: 80%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.blue-section--decoration:after,.blue-section--decoration:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.blue-section--decoration:after,.blue-section--decoration:before {
width: 120px;
}
}
.blue-section--decoration:after {
bottom: 0;
top: initial;
}
.blue-section--decoration>div {
position: relative;
}
.blue-section--decoration>div:not(.brands) {
z-index: 50;
}
.blue-section--no-bottom-offset {
padding-bottom: 0;
}
.blue-section__title {
font-size: 24px;
font-weight: 700;
line-height: 41px;
text-align: center;
text-transform: uppercase;
}
.blue-section__title+* {
margin-top: 20px;
}
.table-wrap {
overflow-x: auto;
}
.actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.actions>.button {
height: 40px;
}
.actions:not(.actions--left)>.button:last-child {
margin-left: auto;
}
.link {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 40;
}
.footer-offset+.footer {
margin-top: 35px;
}
.footer-offset.contacts + .footer {
margin: 0;
}
@media screen and (max-width:1480px) and (min-width:1025px) {
.short-section {
margin-left: auto;
margin-right: auto;
max-width: calc(100% - 230px);
width: 100%;
}
}
@media screen and (max-width:1024px) {
.main .blue-section {
padding-bottom: 87px;
}
.container {
padding: 0 15px;
}
.caption {
font-size: 16px;
line-height: 21px;
}
.title:not(.page__title) {
font-size: 24px;
line-height: 31px;
}
.title.page__title {
font-size: 24px;
line-height: 32px;
}
.actions {
margin-top: 18px;
}
.actions--short {
margin-top: 28px;
}
.short-section {
max-width: initial;
}
.blue-section {
margin-top: 60px;
padding-top: 31px;
}
.blue-section:not(.blue-section--big-top-offset) {
margin-top: 60px;
}
.blue-section__title {
font-size: 24px;
line-height: 31px;
}
.blue-section__title+* {
margin-top: 18px;
}
.section__item+* {
margin-top: 44px;
}
.page__title+div {
margin-top: 18px;
}
.page__item {
margin-top: 60px;
}
.footer-offset+.footer {
margin-top: 44px;
}
}
@media screen and (max-width:620px) {
.actions {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.actions>.button {
height: 48px;
width: 100%;
}
.actions>.button:last-child {
margin-left: 0;
}
.actions>.button+* {
margin-top: 10px;
}
.actions:not(.actions--left)>.button:last-child {
margin-left: 0;
}
.blue-section--decoration::after {
height: 60%;
}
}
.grecaptcha-badge {
display: none!important;
visibility: hidden!important;
}
.button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: var(--color-orange);
border-radius: 50px;
border-style: solid;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: "Averta CY";
font-size: 13px;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.button[disabled] {
opacity: .5;
pointer-events: none;
}
.button:not(.button--header):not(.button--white-bg) {
padding: 0 24px;
margin: 10px 0 0;
}
.button:not(.button--header) {
border-width: 1px;
}
.button--header,.button--white-bg {
font-weight: 400;
}
.button--header {
border-width: 2px;
padding: 0 31px 0 21px;
}
.button--white {
color: var(--color-blue);
}
.button--white:hover {
background-color: var(--color-orange);
color: var(--color-white);
}
.button--white-bg {
background-color: var(--color-white);
color: var(--color-blue);
padding: 0 15px;
}
.button--white-bg:hover {
background-color: #d0d0d0;
color: var(--color-blue);
}
.button--orange {
background-color: var(--color-orange);
color: var(--color-white);
}
.button--orange:hover {
background-color: #c54300;
}
.button--orange-stroke {
background-color: transparent;
color: var(--color-white);
}
.button--orange-stroke:hover {
background-color: var(--color-white);
color: var(--color-blue);
}
.button__icon:not(.button__icon--left) {
margin-left: 12px;
}
.button__icon--left {
margin-right: 12px;
}
.button--full {
width: 100%;
}
@media screen and (max-width:620px) {
.button {
font-size: 12px;
height: 46px;
}
.button:not(.button--header) {
width: 100%;
}
}
.footer {
background-color: var(--color-blue);
color: var(--color-white);
font-size: 12px;
line-height: 16px;
}
.footer a:hover {
color: var(--color-orange);
}
.footer__top {
display: grid;
grid-gap: 45px;
grid-template-columns: repeat(4,1fr);
padding: 60px 0;
}
.footer__top a {
color: var(--color-white);
}
.footer__logo {
display: block;
width: 207px;
}
.footer__title {
font-size: 16px;
font-weight: 600;
line-height: 21px;
text-transform: uppercase;
}
.footer__title+* {
margin-top: 12px;
}
.footer__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.footer__item+* {
margin-top: 12px;
}
.footer__icon {
color: var(--color-orange);
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 17px;
margin-right: 6px;
position: relative;
width: 17px;
}
.footer__icon.icon-phone {
top: 1px;
}
.footer__icon.icon-envelope {
font-size: 11px;
top: 2px;
}
.footer__bottom {
border-top: 1px solid #aeb0b1;
color: #aeb0b1;
font-size: 10px;
padding: 15px 0;
text-align: center;
}
.footer__bottom-item+* {
margin-left: 40px;
}
.footer__bottom-item--link {
color: #aeb0b1;
}
.footer__bottom-item--copyright {
text-transform: uppercase;
}
.footer__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.captcha-policy {
background-color: #464646;
color: #989898;
font-size: 10px;
line-height: 100%;
padding: 10px 0;
text-align: center;
}
.captcha-policy a {
border-bottom: 1px solid #989898;
color: #989898;
}
.captcha-policy a:hover {
border-bottom-color: transparent;
}
@media screen and (max-width:1024px) {
.footer__top {
grid-template-columns: repeat(3,1fr);
padding: 30px;
}
.footer__column--logo {
grid-column: span 3;
text-align: center;
}
.footer__logo {
margin: 0 auto;
}
.footer__bottom {
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (max-width:620px) {
.footer {
font-size: 12px;
text-align: center;
}
.footer__top {
grid-gap: 30px 0;
grid-template-columns: 1fr;
padding: 30px 0;
}
.footer__column:not(.footer__column--mobile) {
display: none;
}
.footer__column--logo {
grid-column: span 1;
margin: 0 auto;
max-width: 320px;
width: 100%;
}
.footer__item {
margin-left: auto;
margin-right: auto;
}
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 16px;
}
.footer__bottom-item {
line-height: 20px;
}
.footer__bottom-item+* {
margin-left: 0;
margin-top: 5px;
}
.footer__title+* {
margin-top: 15px;
}
.footer__icon {
font-size: 17px;
margin-right: 5px;
width: 21px;
}
.footer__icon.icon-envelope {
font-size: 13px;
}
}
.form:not(.form--search) .form__text {
border: 1px solid #a7bac5;
padding: 0 22px;
}
.form:not(.form--search) .form__text.error {
background-color: rgba(255,0,0,.05);
border-color: red;
}
.form:not(.form--search) .form__text:not(.modalOrder__input) {
height: 40px;
font-size: 12px;
}
.form:not(.form--search) .form__text.modalOrder__input {
height: 40px;
}
.form--search .form__text {
border: 1px solid var(--color-orange);
height: 40px;
padding: 0 300px 0 30px;
}
.form__item {
position: relative;
}
.form__item--agreement {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form__item+* {
margin-top: 12px;
}
.form__text,.form__textarea {
color: var(--color-black);
font-family: "Averta CY";
font-size: 12px;
letter-spacing: .48px;
width: 100%;
}
.form__text::-webkit-input-placeholder,.form__textarea::-webkit-input-placeholder {
color: #ccc;
font-family: "Averta CY";
font-size: 12px;
letter-spacing: .48px;
}
.form__text::-moz-placeholder,.form__textarea::-moz-placeholder {
color: #ccc;
font-family: "Averta CY";
font-size: 12px;
letter-spacing: .48px;
}
.form__text:-ms-input-placeholder,.form__textarea:-ms-input-placeholder {
color: #ccc;
font-family: "Averta CY";
font-size: 12px;
letter-spacing: .48px;
}
.form__text::-ms-input-placeholder,.form__textarea::-ms-input-placeholder {
color: #ccc;
font-family: "Averta CY";
font-size: 12px;
letter-spacing: .48px;
}
.form__text::placeholder,.form__textarea::placeholder {
color: #ccc;
font-family: "Averta CY";
font-size: 12px;
letter-spacing: .48px;
}
.form__text {
border-radius: 50px;
}
.form__textarea {
border: 1px solid #a7bac5;
border-radius: 30px;
height: 131px;
overflow: auto;
padding: 17px 22px;
}
.form__button {
position: absolute;
right: 0;
top: 0;
width: 278px;
margin: 0 !important;
}
.form__button:hover {
background-color: #bc4a0f;
color: var(--color-white);
}
.form__checkbox:checked,.form__checkbox:not(:checked) {
left: -9999px;
position: absolute;
}
.form__checkbox:checked+label,.form__checkbox:not(:checked)+label {
color: var(--color-black);
cursor: pointer;
font-size: 11px;
letter-spacing: .52px;
line-height: 130%;
padding-left: 26px;
position: relative;
}
.form__checkbox:checked+label a,.form__checkbox:not(:checked)+label a {
color: var(--color-orange);
}
.form__checkbox:checked+label:after,.form__checkbox:checked+label:before,.form__checkbox:not(:checked)+label:after,.form__checkbox:not(:checked)+label:before {
border-radius: 100%;
content: "";
position: absolute;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.form__checkbox:checked+label:before,.form__checkbox:not(:checked)+label:before {
border: 1px solid #a7bac5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 16px;
width: 16px;
left: 0;
top: 0;
}
.form__checkbox:checked+label:after,.form__checkbox:not(:checked)+label:after {
background-color: #a7bac5;
height: 8px;
left: 4px;
top: 4px;
width: 8px;
}
.form__checkbox:not(:checked)+label:after {
opacity: 0;
}
.form__checkbox:checked+label:after {
opacity: 1;
}
.form__list {
margin: 30px 0 22px;
}
.form__list-item:not(:first-child) {
margin-top: 15px;
}
.custom-select--dropup.custom-select--active .custom-select__option--value {
border-bottom-color: initial;
border-radius: 25px 25px 0 0;
border-top-color: initial;
}
.custom-select--dropup .custom-select__dropdown {
border-radius: initial;
bottom: initial;
top: calc(100% - 1px);
}
.custom-select.--single>button {
color: var(--color-blue)!important;
padding-right: 20px;
}
.custom-select.--single>button:before {
display: none;
}
.custom-select>button {
border: 1px solid var(--color-blue);
border-radius: 25px;
color: var(--color-blue);
display: block;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
height: 40px;
letter-spacing: .59px;
line-height: 39px;
padding: 0 55px 0 20px;
text-transform: uppercase;
width: 100%;
}
.custom-select>button:after {
display: none;
}
.custom-select>button:before {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "\e907";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: icomoon;
font-size: 5px;
font-weight: 400;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 17px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 20px;
}
.custom-select--active .custom-select__option--value {
border-radius: 25px 25px 0 0;
}
.custom-select--active .custom-select__option--value:before {
-webkit-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.custom-select__dropdown {
border: 1px solid var(--color-blue);
border-radius: 0 0 25px 25px;
border-top-color: transparent;
z-index: 100;
}
.custom-select__dropdown>button {
border-top: 1px solid #a7bac5;
padding: 10px 20px;
text-align: center;
}
.custom-select__option {
color: #003857;
font-size: 13px;
text-transform: uppercase;
}
@media screen and (max-width:620px) {
.custom-select>button,.custom-select__option {
font-size: 12px;
}
.custom-select>button {
height: 46px;
}
.form--search .form__text {
height: 46px;
}
}
.header {
color: var(--color-white);
position: relative;
z-index: 200;
}
.header a {
color: var(--color-white);
}
.header__row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
font-size: 12px;
}
.header__top {
background-color: var(--color-blue);
height: 75px;
}
.header__logo {
margin-right: auto;
width: 207px;
}
.header__order {
height: 40px;
margin-left: auto;
position: relative;
}
.header__order.--hidden {
display: none;
opacity: 0;
pointer-events: none;
}
.header__order+* {
margin-left: 42px;
}
.header__count {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-orange);
border-radius: 100%;
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 15px;
font-weight: 700;
height: 30px;
width: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: .54px;
position: absolute;
right: -10px;
text-align: center;
top: -10px;
}
.header__icon {
color: var(--color-orange);
font-size: 18px;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.header__phone {
position: relative;
}
.header__phone+* {
margin-left: 30px;
}
.header__tel {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
font-weight: 700;
letter-spacing: .81px;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.header__tel.--active {
color: var(--color-orange);
}
.header__tel-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.header__tel:hover {
color: var(--color-orange);
}
.header__tel .icon {
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.header__tel .icon.icon-phone {
color: var(--color-white);
font-size: 18px;
position: relative;
top: 2px;
}
.header__tel .icon.icon-phone+* {
margin-left: 11px;
}
.header__tel .icon.icon-caret-down {
color: var(--color-orange);
font-size: 4px;
margin-left: 11px;
position: relative;
top: 1px;
}
.header__tel.--active>.icon-caret-down {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header__bottom {
background: -webkit-gradient(linear,left top,right top,color-stop(13.1%,#6b96af),color-stop(73.07%,#5f7c94));
background: linear-gradient(90deg,#6b96af 13.1%,#5f7c94 73.07%);
height: 40px;
position: relative;
z-index: 100;
}
.header__bottom-wrapper {
height: 100%;
width: 100%;
}
.header__bottom-inner {
height: 100%;
width: 100%;
}
.header__nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.header__nav a.--active {
color: var(--color-orange);
}
.header__nav a:not(.--active):hover {
color: var(--color-orange);
}
.header__nav-item {
height: 100%;
position: relative;
}
.header__nav-item--has-submenu>.header__link:after {
color: var(--color-orange);
content: "\e906";
font-family: icomoon;
font-size: 4px;
margin-left: 5px;
position: relative;
top: 1px;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.header__nav-item--has-submenu:hover>.header__link {
color: var(--color-orange);
}
.header__nav-item--has-submenu:hover>.header__link:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header__nav-item--has-submenu:hover>.header__subnav {
opacity: 1;
pointer-events: all;
}
.header__link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 600;
height: 100%;
text-transform: uppercase;
}
.header__link--search {
font-size: 20px;
}
.header__link--search>span {
font-weight: 600;
}
.header__subnav {
background: -webkit-gradient(linear,left top,left bottom,from(#5f7c94),to(#6b96af));
background: linear-gradient(180deg,#5f7c94 0,#6b96af 100%);
border-radius: 0 0 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: 0;
opacity: 0;
padding: 23px 28px;
pointer-events: none;
position: absolute;
top: 100%;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 375px;
}
.header__subnav-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.header__subnav-item+li {
margin-top: 20px;
}
.headerCallback {
background-color: var(--color-orange);
border-radius: 0 0 20px 20px;
display: none;
font-size: 12px;
font-weight: 400;
line-height: 16px;
padding: 29px 29px 37px 44px;
position: absolute;
right: 0;
top: 75px;
width: 285px;
z-index: 500;
}
.headerCallback__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.headerCallback__item a {
border-bottom: 1px solid transparent;
color: var(--color-white);
}
.headerCallback__item a:hover {
border-bottom-color: var(--color-white);
color: var(--color-white);
}
.headerCallback__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 15px;
margin-right: 19px;
width: 28px;
}
.headerCallback__icon.icon-clock {
font-size: 23px;
}
.headerCallback__icon.icon-callback {
font-size: 25px;
}
.headerCallback__button {
height: 37px;
white-space: nowrap;
width: 169px;
}
.headerLang {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #2a5d79;
border-radius: 50px;
color: var(--color-white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
height: 46px;
overflow: hidden;
text-transform: uppercase;
width: 86px;
}
.headerLang__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 46px;
}
.headerLang__item.--active {
background-color: #2a5d79;
cursor: default;
}
.headerLang__item:not(.--active):hover {
color: var(--color-orange);
}
.headerSearch {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #a7bac5;
-webkit-clip-path: polygon(10px 0,100% 0,100% 100%,0 100%);
clip-path: polygon(10px 0,100% 0,100% 100%,0 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
opacity: 0;
padding: 0 107px 0 47px;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
z-index: 20;
}
.headerSearch.active {
opacity: 1;
pointer-events: all;
}
.headerSearch__input {
color: #003857;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
height: 100%;
width: 100%;
}
.headerSearch__input::-webkit-input-placeholder {
color: #003857;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
}
.headerSearch__input::-moz-placeholder {
color: #003857;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
}
.headerSearch__input:-ms-input-placeholder {
color: #003857;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
}
.headerSearch__input::-ms-input-placeholder {
color: #003857;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
}
.headerSearch__input::placeholder {
color: #003857;
font-family: "Averta CY";
font-size: 13px;
font-weight: 600;
}
.headerSearch__button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #003857;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 16px;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 20px;
}
.headerSearch__button:hover {
opacity: .5;
}
.headerSearch__button--search {
right: 77px;
}
.headerSearch__button--search>span {
font-weight: 600;
}
.headerSearch__button--close {
right: 47px;
}
@media screen and (min-width:1025px) {
.header__bottom-mobile,.header__bottom-search,.header__hamburger-wrapper,.header__nav-item--mobile {
display: none;
}
}
@media screen and (max-width:1024px) {
.header {
position: fixed;
top: 0;
width: 100%;
z-index: 900;
}
.header__desktop {
display: none;
}
.header__top {
height: 74px;
}
.header__order:not(.header__order--mobile),.header__phone {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-white);
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
}
.header__phone {
margin-left: 12px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.header__phone:hover {
background-color: var(--color-white);
}
.header__phone:hover .header__tel .icon.icon-phone {
color: var(--color-orange);
}
.header__tel:not(.header__tel--mobile) {
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.header__tel:not(.header__tel--mobile) .icon.icon-phone {
color: var(--color-orange);
font-size: 17px;
}
.header__tel--mobile {
margin-left: 0;
}
.header__tel--mobile .icon.icon-phone {
top: 2px;
}
.header__order:not(.header__order--mobile) {
border: none;
margin-left: 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0;
}
.header__order:not(.header__order--mobile):hover {
background-color: var(--color-white);
border-color: var(--color-white);
}
.header__order:not(.header__order--mobile):hover .header__icon {
color: var(--color-orange);
}
.header__order--mobile {
margin-bottom: 35px;
margin-left: 0;
}
.header__order+a {
margin-left: 25px;
}
.header__icon:not(.header__icon--mobile) {
color: var(--color-orange);
font-size: 21px;
left: 1px;
margin-right: 0;
position: relative;
}
.header__count:not(.header__count--mobile) {
font-size: 9px;
height: 16px;
right: -6px;
top: -4px;
width: 16px;
}
.header__nav {
background: #fff;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 0 10px;
}
.header__nav a {
color: var(--color-blue);
}
.header__nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.header__nav-item .header__link {
height: 51px;
padding: 15px 0;
}
.header__nav-item:not(:last-child):not(:nth-last-child(2)) {
border-bottom: 1px solid var(--color-blue);
}
.header__nav-item--search {
display: none;
}
.header__nav-item--desktop {
display: none;
}
.header__subnav {
background: var(--color-white);
border-radius: 0;
opacity: 1;
padding: 0 10px;
pointer-events: all;
position: relative;
top: initial;
width: 100%;
}
.header__subnav-wrapper {
display: none;
}
.header__subnav-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid var(--color-blue);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__subnav-item--close {
border-top: none;
color: var(--color-orange);
font-weight: 600;
min-height: 51px;
padding: 15px 0;
text-transform: uppercase;
}
.header__subnav-item--close>span {
margin-right: 5px;
position: relative;
top: -1px;
}
.header__subnav-item+li {
margin-top: 0;
}
.header__subnav-item .header__link {
color: var(--color-blue);
min-height: 51px;
padding: 15px 0;
}
.header__link--catalog {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__link-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--color-orange);
border-radius: 100%;
color: var(--color-orange);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 12px;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
width: 32px;
}
.header__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 35px;
}
.header__bottom-wrapper {
background-color: var(--color-blue);
display: none;
height: calc(100vh - 109px);
left: 0;
overflow: auto;
position: absolute;
top: 35px;
z-index: 350;
}
.header__bottom-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header__bottom-mobile {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: auto;
padding: 30px;
}
.header__bottom-search {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
margin-left: auto;
position: relative;
}
.header__hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 17px;
}
.header__hamburger+span {
margin-left: 22px;
}
.header__hamburger>span {
background-color: var(--color-blue);
display: inline-block;
height: 1px;
position: relative;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 100%;
}
.header__hamburger>span+span {
margin-top: 4px;
}
.header__hamburger-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-blue);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
text-transform: uppercase;
}
.header__hamburger-wrapper>span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.header__hamburger-wrapper>span>.icon {
font-size: 8px;
margin-left: 10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.header__hamburger-wrapper.active>span>.icon {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header__hamburger-wrapper.active .header__hamburger>span:nth-child(1) {
top: 5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header__hamburger-wrapper.active .header__hamburger>span:nth-child(2) {
opacity: 0;
}
.header__hamburger-wrapper.active .header__hamburger>span:nth-child(3) {
top: -5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.headerSearch {
padding: 0 70px 0 30px;
}
.headerSearch__button {
height: 100%;
}
.headerSearch__button--close {
font-size: 14px;
right: 15px;
}
.headerSearch__button--search {
font-size: 15px;
right: 40px;
}
.headerSearch__button--search>span {
font-weight: 400;
}
.headerLang:not(.headerLang--mobile) {
display: none;
margin-left: auto;
}
.headerLang--mobile {
margin-top: 35px;
}
.headerCallback {
right: 0;
top: 57px;
}
}
@media screen and (max-width:620px) {
.header__logo {
width: 170px;
}
.headerCallback {
padding: 25px;
width: 260px;
}
.headerCallback__icon {
margin-right: 25px;
}
.headerSearch {
-webkit-clip-path: initial;
clip-path: initial;
padding-left: 15px;
width: 100%!important;
}
.headerSearch__input {
font-size: 12px;
}
.headerSearch__input::-webkit-input-placeholder {
font-size: 12px;
}
.headerSearch__input::-moz-placeholder {
font-size: 12px;
}
.headerSearch__input:-ms-input-placeholder {
font-size: 12px;
}
.headerSearch__input::-ms-input-placeholder {
font-size: 12px;
}
.headerSearch__input::placeholder {
font-size: 12px;
}
}
@media screen and (max-width:380px) {
.header__tel {
font-size: 22px;
}
}
.fancybox__footer {
display: none;
}
.fancybox__container :empty {
display: initial;
}
.modal {
border-radius: 20px;
display: none;
max-width: 678px;
padding: 50px 64px 54px;
width: 100%;
}
.modal:not(.modal--order) .modal__content {
width: calc(100% - 315px - 75px);
}
.modal--callback .modal__form .form__item:last-child {
margin-top: 40px;
}
.modal--order .modal__content {
margin: 0 auto;
max-width: 370px;
}
.modal--order .modal__title {
text-align: center;
}
.modal--order .modal__form .form__item:last-child {
margin-top: 12px;
}
.modal--note {
max-width: 470px;
}
.modal__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal__logo {
margin-right: 75px;
width: 315px;
}
.modal__title {
color: var(--color-blue);
font-size: 24px;
font-weight: 800;
line-height: 153%;
}
.modal__title>span {
color: var(--color-orange);
font-size: 22px;
margin-left: 6px;
position: relative;
top: -3px;
}
.modal__description {
color: var(--color-blue);
font-size: 16px;
line-height: 130%;
margin-top: 20px;
max-width: 300px;
}
.modal__form {
margin-top: 20px;
}
.modal__actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
.modalOrder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modalOrder__thumb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #a7bac5;
border-radius: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 100px;
width: 100px;
flex: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 12px;
padding: 0;
text-align: center;
}
.modalOrder__content {
flex: 1;
}
.modalOrder__title {
color: var(--color-blue);
font-size: 15px;
letter-spacing: .64px;
line-height: 130%;
text-transform: uppercase;
}
.modalOrder__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 10px;
}
.modalOrder__wrapper.hidden {
display: none;
}
.modalOrder__count {
color: var(--color-black);
font-size: 12px;
}
.modalOrder__count+div {
margin-top: 5px;
}
.modalOrder__input {
width: 100%;
}
.modalOrder__input-wrapper {
width: calc(100% - 42px);
}
.modalOrder__actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 12px;
}
.modalOrder__delete {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #a7bac5;
border-radius: 10px;
color: #a7bac5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 16px;
height: 42px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 42px;
}
.modalOrder__delete:hover {
color: red;
}
.fancybox__content>.f-button.is-close-btn {
background-color: transparent;
--f-button-height: 30px;
--f-button-svg-height: 30px;
--f-button-svg-width: 30px;
--f-button-width: 30px;
color: var(--color-blue);
font-size: 45px;
opacity: 1;
right: 19px;
top: 17px;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.fancybox__content>.f-button.is-close-btn:hover {
opacity: .5;
}
.fancybox__backdrop {
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
background: rgba(0,56,87,.4);
}
.swiper__nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 100;
}
.list-slider .swiper__nav {
margin: 20px 0 0;
}
.swiper__button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-orange);
/* border: 10px solid var(--color-white); */
border-radius: 100%;
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 13px;
width: 34px;
height: 34px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: all;
position: absolute;
text-align: center;
}
.swiper__button:not(.swiper-button-disabled):hover {
background-color: #c54300;
}
.swiper__button.swiper-button-disabled {
background-color: #aeb0b1;
pointer-events: none;
}
.swiper__button.swiper-button-lock {
display: none;
}
.swiper__button--prev {
left: -65px;
}
.swiper__button--next {
right: -65px;
}
.swiper-pagination {
top: initial!important;
}
.swiper-pagination:not(.swiper-pagination--outside):not(.swiper-pagination--gallery) {
bottom: 40px!important;
margin: 0 auto;
max-width: 960px;
padding: 0 30px;
right: 0;
text-align: left;
}
.swiper-pagination--outside {
bottom: initial!important;
margin-top: 20px;
position: relative;
text-align: center;
}
.swiper-pagination--gallery {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: -35px!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%!important;
right: initial!important;
-webkit-transform: translate3d(-50%,0,0)!important;
transform: translate3d(-50%,0,0)!important;
}
.swiper-pagination--gallery .swiper-pagination-bullet {
border-color: #d9d9d9;
}
.swiper-pagination-bullet {
background-color: transparent!important;
border: 1px solid var(--color-white);
margin: 0 6px!important;
opacity: 1;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 10px;
height: 10px;
}
.swiper-pagination-bullet:first-child {
margin-left: 0!important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--color-orange)!important;
border-color: var(--color-orange);
}
.swiper-pagination-bullet:hover {
border-color: var(--color-orange);
}
.fancybox__slide.has-image>.fancybox__content {
background-color: var(--color-white);
}
.f-button[data-fancybox-toggle-slideshow],.f-button[data-fancybox-toggle-thumbs],.f-button[data-panzoom-action] {
display: none!important;
}
.fancybox__content:not(.modal):after {
background-image: url(/logo-stroke.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
z-index: 10;
}
@media screen and (max-width:1024px) {
.fancybox__content:not(.modal):after {
background-size: contain;
}
}
.fancybox__content:not(.modal)>.fancybox-image {
position: relative;
z-index: 20;
}
@media screen and (max-width:1480px) {
.swiper__button--prev {
left: 0;
}
.swiper__button--next {
right: 0;
}
.list-slider .swiper__button--prev {
left: -50px;
}
.list-slider .swiper__button--next {
right: -50px;
}
}
@media screen and (max-width:1024px) {
.swiper-pagination--outside {
margin-top: 22px;
}
}
.banner {
background-color: var(--color-blue);
height: 400px;
}
.breadcrumbs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px;
padding-top: 20px;
}
.breadcrumbs:not(.breadcrumbs--outside) {
color: var(--color-white);
}
.breadcrumbs:not(.breadcrumbs--outside) a {
color: var(--color-white);
}
.breadcrumbs--outside {
color: #4e4e4e;
}
.breadcrumbs--outside a {
color: #4e4e4e;
}
.breadcrumbs--outside+* {
margin-top: 30px;
}
.breadcrumbs a:hover {
color: var(--color-orange);
}
.breadcrumbs li {
position: relative;
}
.breadcrumbs li+* {
margin-left: 20px;
position: relative;
}
.breadcrumbs li sup {
line-height: normal;
}
.breadcrumbs li+:after {
content: "\e908";
font-family: icomoon;
font-size: 5px;
left: -12px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width:1024px) {
.banner {
height: 387px;
}
.breadcrumbs {
padding-top: 30px;
}
.breadcrumbs:not(.breadcrumbs--outside) {
padding-left: 40px;
}
.breadcrumbs--outside+* {
margin-top: 30px;
}
}
@media screen and (max-width:620px) {
.banner {
height: 307px;
}
}
.brands__outer {
background-color: var(--color-white);
margin-top: 30px;
padding: 19px 0;
}
.brands__outer:not(.brands__outer--main) {
overflow: hidden;
position: relative;
}
.brands__outer:not(.brands__outer--main):after,.brands__outer:not(.brands__outer--main):before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.brands__outer:not(.brands__outer--main):before {
width: 20%;
height: 100%;
left: 0;
background-color: var(--color-orange);
}
.brands__outer:not(.brands__outer--main):after {
width: 20%;
height: 100%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.brands__outer:not(.brands__outer--main):after,.brands__outer:not(.brands__outer--main):before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.brands__outer:not(.brands__outer--main):after,.brands__outer:not(.brands__outer--main):before {
width: 120px;
}
}
.brands__outer--main {
position: relative;
}
.brands__outer--main:after,.brands__outer--main:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.brands__outer--main:before {
width: 30%;
height: 300%;
left: 0;
background-color: var(--color-orange);
}
.brands__outer--main:after {
width: 0;
height: 0;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.brands__outer--main:after,.brands__outer--main:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.brands__outer--main:after,.brands__outer--main:before {
width: 120px;
}
}
.brands__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-gap: 55px 61px;
position: relative;
z-index: 20;
}
@media screen and (max-width:1024px) {
.brands__outer {
margin-top: 18px;
padding: 33px;
}
}
@media screen and (max-width:620px) {
.brands__wrapper {
display: grid;
gap: 40px;
grid-template-columns: repeat(2,1fr);
}
.brands__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.brands__item>img {
margin: 0 auto;
width: auto;
}
.brands__outer {
overflow: hidden;
}
.brands__outer:before {
height: 212px;
}
}
.catalog__description {
color: var(--color-black);
text-align: center;
}
.catalog__title+div {
margin-top: 30px;
}
.catalog__wrapper {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4,1fr);
margin-top: 30px;
font-size: 12px;
line-height: 15px;
}
.catalog__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear,left top,left bottom,color-stop(31.79%,rgba(255,255,255,.6)),to(rgba(0,116,180,.486)));
background: linear-gradient(180deg,rgba(255,255,255,.6) 31.79%,rgba(0,116,180,.486) 100%);
border-radius: 20px;
color: var(--color-white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 181px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
padding: 15px;
position: relative;
}
.catalog__item:after,.catalog__item:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 100%;
}
.catalog__item:after {
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.54)),to(rgba(0,0,0,.76)));
background: linear-gradient(180deg,rgba(0,0,0,.54) 0,rgba(0,0,0,.76) 100%);
opacity: 0;
z-index: 20;
}
.catalog__item:before {
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.216)),to(rgba(0,0,0,.304)));
background: linear-gradient(180deg,rgba(0,0,0,.216) 0,rgba(0,0,0,.304) 100%);
z-index: 10;
}
.catalog__item:hover:after {
opacity: 1;
}
.catalog__item:hover .catalog__icon {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.catalog__thumb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 30px;
position: relative;
width: 100%;
z-index: 15;
}
.catalog__thumb>img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%;
width: auto;
}
.catalog__bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
height: 100%;
padding: 15px;
position: absolute;
text-transform: uppercase;
width: 100%;
z-index: 30;
}
.catalog__full {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 20;
}
.catalog__icon {
color: rgba(218,218,218,.831372549);
font-size: 12px;
margin-left: auto;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.catalog__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: 0;
opacity: 0;
padding: 30px;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 100%;
z-index: 20;
}
.catalog__list>li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
letter-spacing: .48px;
line-height: 120%;
padding-left: 20px;
position: relative;
}
.catalog__list>li+li {
margin-top: 13px;
}
.catalog__list>li:before {
border: 2px solid var(--color-white);
border-radius: 100%;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 8px;
}
.catalog__list>li:hover:before {
background-color: var(--color-orange);
border-color: var(--color-orange);
}
.catalog__link {
color: var(--color-white);
}
@media screen and (max-width:1024px) {
.catalog__wrapper {
grid-gap: 20px;
grid-template-columns: repeat(2,1fr);
margin-top: 18px;
}
.catalog__item {
height: 240px;
}
.catalog__thumb>img {
width: auto;
}
.catalog__title+div {
margin-top: 18px;
}
}
@media screen and (max-width:768px) {
.catalog__wrapper {
grid-gap: 10px 0;
grid-template-columns: 1fr;
}
.catalog__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
height: 100px;
padding-left: 18px;
padding-right: 16px;
}
.catalog__thumb {
display: none;
}
.catalog__list {
display: none;
}
.catalog__icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: rgba(0,0,0,.2);
border: 2px solid var(--color-white);
border-radius: 100%;
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 12px;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 40px;
}
.catalog__icon>span {
display: none;
}
.catalog__icon:before {
content: "\e904";
font-family: icomoon;
}
.catalog__bottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
position: relative;
}
.catalog__item:hover .catalog__bottom {
opacity: 1;
}
.catalog__all {
background: 0 0!important;
border: none!important;
border-radius: 0!important;
bottom: initial;
font-size: 0!important;
height: 100%;
left: 0;
opacity: 1;
pointer-events: all;
right: initial;
width: 100%;
}
}
.cookies {
background-color: var(--color-white);
border-radius: 20px;
bottom: 48px;
-webkit-box-shadow: 5px 5px 15px -5px rgba(0,56,87,.5);
box-shadow: 5px 5px 15px -5px rgba(0,56,87,.5);
max-width: 423px;
padding: 35px 35px 44px;
position: fixed;
right: 55px;
width: 100%;
z-index: 800;
}
.cookies.--hidden {
display: none;
}
.cookies__title {
color: var(--color-blue);
font-size: 27px;
font-weight: 800;
line-height: 38px;
}
.cookies__title+p {
margin-top: 5px;
}
.cookies__subtitle {
font-size: 16px;
}
.cookies__subtitle+button {
margin-top: 24px;
}
.cookies a {
border-bottom: 1px var(--color-blue) solid;
color: var(--color-blue);
padding-bottom: 1px;
}
.cookies a:hover {
border-bottom-color: transparent;
}
@media screen and (max-width:1024px) {
.cookies {
bottom: 10px;
max-width: 300px;
padding: 20px;
right: 10px;
}
.cookies__title {
font-size: 18px;
line-height: 27px;
}
.cookies__subtitle {
font-size: 12px;
line-height: 19px;
}
}
.list-slider {
position: relative;
}
.list-slider__wrapper {
margin-top: -10px;
}
.list-slider__title {
background-color: var(--color-orange);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 24px;
font-weight: 700;
line-height: normal;
margin-left: -146px;
padding-top: 27px;
padding-bottom: 29px;
padding-right: 20%;
position: relative;
text-transform: uppercase;
}
.list-slider__title:after {
background-color: var(--color-orange);
-webkit-clip-path: polygon(0 0,100% 0,0 244px,0 100%);
clip-path: polygon(0 0,100% 0,0 244px,0 100%);
content: "";
height: 100%;
left: 100%;
margin-left: -1px;
position: absolute;
top: 0;
width: 30px;
}
.list-slider__item {
background: -webkit-gradient(linear,left top,left bottom,color-stop(83.19%,#fbfcfd),to(#a7bac5));
background: linear-gradient(180deg,#fbfcfd 83.19%,#a7bac5 100%);
border-radius: 20px;
height: auto;
overflow: hidden;
position: relative;
}
.list-slider__item:hover .list-slider__name {
color: var(--color-orange);
}
.list-slider__link {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 20;
}
.list-slider__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* height: 100%; */
padding: 20px;
position: relative;
}
.list-slider__brand {
height: 20px;
left: 23px;
position: absolute;
top: 32px;
}
.list-slider__name {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-blue);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-weight: 600;
font-size: 14px;
line-height: 17px;
margin-top: auto;
max-width: calc(100% - 30px);
position: relative;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
width: 100%;
}
.list-slider__name:after {
display: none;
background-color: var(--color-blue);
-webkit-clip-path: polygon(0 0,100% 0,0 244px,0 100%);
clip-path: polygon(0 0,100% 0,0 244px,0 100%);
content: "";
height: 100%;
left: 100%;
margin-left: -1px;
position: absolute;
top: 0;
width: 30px;
}
.list-slider__thumb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 200px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.list-slider__thumb>picture>img,.list-slider__thumb>img {
width: auto;
}
@media screen and (max-width:1280px) {
.list-slider__title {
margin-left: -30px!important;
padding-left: 30px!important;
}
}
@media screen and (max-width:1024px) {
.list-slider__title {
font-size: 24px;
height: auto;
line-height: 31px;
margin-left: -15px!important;
max-width: calc(100% - 15px);
padding-bottom: 12px;
padding-left: 15px!important;
padding-right: 45px;
padding-top: 12px;
}
.list-slider__wrapper {
margin-top: 18px;
}
}
@media screen and (max-width:620px) {
.list-slider__inner {
padding-left: 24px;
padding-right: 24px;
}
.list-slider__thumb {
height: 185px;
}
.list-slider__title {
width: 100%;
}
}
.pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 75px;
}
.pagination>* {
border-bottom: 1px solid transparent;
font-size: 18px;
font-weight: 600;
line-height: 130%;
}
.pagination>:not(.--active) {
border-bottom-color: var(--color-orange);
color: var(--color-orange);
}
.pagination>:not(.--active):hover {
border-bottom-color: transparent;
}
.pagination>.--active {
border-bottom-color: var(--color-blue);
color: var(--color-blue);
}
.pagination>:not(:last-child) {
margin-right: 14px;
}
.presentation__slider {
position: relative;
}
.presentation__slider>.swiper {
border-radius: 20px;
-webkit-box-shadow: 0 4px 30px 7px rgba(0,0,0,.15);
box-shadow: 0 4px 30px 7px rgba(0,0,0,.15);
position: relative;
overflow: hidden;
}
.presentation__slider>.swiper:after,.presentation__slider>.swiper:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.presentation__slider>.swiper:before {
width: 35%;
height: 100%;
left: 0;
background-color: var(--color-orange);
}
.presentation__slider>.swiper:after {
width: 35%;
height: 100%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.presentation__slider>.swiper:after,.presentation__slider>.swiper:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.presentation__slider>.swiper:after,.presentation__slider>.swiper:before {
width: 120px;
}
}
.presentation__outter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.presentation__item {
padding: 103px 70px 50px;
text-align: center;
}
.presentation__item img {
max-width: 307px;
margin: 0 auto;
display: block;
}
.presentation__thumb {
margin-left: auto;
margin-right: auto;
max-width: 425px;
width: 100%;
}
.presentation__thumb+* {
margin-top: 30px;
}
.presentation__title {
color: var(--color-black);
margin-left: auto;
margin-right: auto;
max-width: 773px;
width: 100%;
}
.presentation__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
border-color: rgba(0,0,0,.4);
}
@media screen and (min-width:1025px) {
.presentation__pagination {
display: none;
}
}
@media screen and (max-width:1024px) {
.presentation__slider>.swiper {
max-width: initial;
}
.presentation__nav {
display: none;
}
.presentation__item {
padding-bottom: 45px;
padding-top: 85px;
}
.presentation__thumb {
max-width: 320px;
}
}
@media screen and (max-width:620px) {
.presentation__item {
padding: 50px 30px;
}
.presentation__thumb {
max-width: 160px;
}
.presentation__thumb+* {
margin-top: 18px;
}
.presentation__title {
font-size: 12px;
line-height: 19px;
}
}
.reliability__list {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3,1fr);
}
.reliability__list:not(.reliability__list--has-bg) .reliability__item {
border: 1px solid var(--color-orange);
border-radius: 20px;
}
.reliability__list:not(.reliability__list--has-bg) .reliability__icon {
width: 56px;
}
.reliability__list--has-bg .reliability__item:after {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: linear-gradient(69deg,rgba(255,255,255,.8) 3.15%,rgba(255,255,255,.72) 97.48%);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.reliability__list--has-bg .reliability__title {
color: var(--color-black);
position: relative;
z-index: 30;
}
.reliability__item {
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 181px;
overflow: hidden;
padding: 20px 20px 20px 16px;
position: relative;
}
.reliability__icon {
bottom: 28px;
position: absolute;
right: 26px;
width: auto;
z-index: 20;
}
.reliability__title {
position: relative;
z-index: 30;
}
@media screen and (max-width:1024px) {
.reliability__list {
grid-gap: 20px;
grid-template-columns: repeat(2,1fr);
}
.reliability__list:not(.reliability__list--has-bg) .reliability__icon {
width: 50px;
}
.reliability__icon {
width: 50px;
}
.reliability__item {
height: 180px;
}
}
@media screen and (max-width:620px) {
.reliability br {
display: none;
}
.reliability__list {
grid-gap: 10px 0;
grid-template-columns: 1fr;
}
.reliability__list--has-bg .reliability__item:after {
background: linear-gradient(69.25deg,rgba(255,255,255,.9) 3.15%,rgba(255,255,255,.81) 97.48%);
}
.reliability__list:not(.reliability__list--has-bg) .reliability__item {
border-radius: 20px;
}
.reliability__item {
height: 100px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 23px 18px;
}
.reliability__icon {
bottom: initial;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.reliability__title {
width: calc(100% - 60px);
}
}
.about {
color: var(--color-blue);
text-align: center;
}
.about__wrapper>*+* {
margin: 30px 0;
}
.about__quote {
border: 1px solid var(--color-orange);
border-radius: 50px;
padding: 53px 114px;
position: relative;
}
.about__quote:after,.about__quote:before {
color: var(--color-orange);
content: '"';
font-size: 90px;
line-height: 100%;
position: absolute;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.about__quote:before {
left: 45px;
top: -5px;
}
.about__quote:after {
bottom: 20px;
right: 45px;
}
.company {
background-color: var(--color-blue);
color: var(--color-white);
margin-top: 60px;
overflow: hidden;
padding: 70px 0;
position: relative;
}
.company:after,.company:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.company:before {
width: 100px;
height: 70%;
left: 0;
background-color: var(--color-orange);
}
.company:after {
width: 25%;
height: 70%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.company:after,.company:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.company:after,.company:before {
width: 120px;
}
}
.company>* {
position: relative;
z-index: 50;
}
.company:after {
bottom: 0;
top: initial;
}
.confidence__wrapper {
background-color: var(--color-white);
border-radius: 20px;
padding: 15px;
}
.confidence__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto!important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: 60px;
text-align: center;
}
.insured__top {
background-color: #EDF1F3;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 27px 15px 40px;
}
.insured__info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -100px;
}
.insured__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 143px;
}
.insured__label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 40px;
font-weight: 800;
height: 81px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 2.64px;
margin-left: -15px;
max-width: 371px;
padding: 0 15px 0 60px;
position: relative;
text-align: center;
top: 5px;
width: calc(100% - 200px);
}
.insured__label:after {
content: "₽";
font-size: 25px;
font-weight: 600;
margin-left: 5px;
margin-top: 15px;
}
.insured__max {
color: #000;
font-size: 12px;
margin-top: -15px;
text-align: center;
margin-left: -110px;
}
.insured__bottom {
background-color: var(--color-white);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
padding: 20px 15px 28px;
text-align: center;
}
.insured__download:hover .insured__icon {
color: var(--color-white);
}
.insured__icon {
color: var(--color-orange);
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.membership__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-white);
border-radius: 20px;
color: var(--color-blue);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 44px 75px 44px 125px;
}
.membership__logo {
position: relative;
width: 110px;
}
.membership__logo+* {
margin-left: 72px;
}
.membership__description {
width: calc(100% - 110px - 72px);
}
@media screen and (max-width:1280px) {
.insured__info {
margin-left: auto;
}
}
@media screen and (max-width:1024px) {
.company {
margin-top: 44px;
padding: 61px 0;
}
.company:after,.company:before {
width: 150px!important;
}
.company:before {
height: 200px!important;
}
.company:after {
height: 50%!important;
}
}
@media screen and (max-width:780px) {
.company:after,.company:before {
height: 120px!important;
width: 75px!important;
}
}
@media screen and (max-width:620px) {
.confidence__wrapper {
padding: 15px;
}
}
@media screen and (max-width:360px) {
.insured__label {
font-size: 18px!important;
}
}
.category-page {
position: relative;
}
.category-page:after,.category-page:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.category-page:before {
width: 40%;
height: 60%;
left: 0;
background-color: var(--color-orange);
}
.category-page:after {
width: 40%;
height: 60%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.category-page:after,.category-page:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.category-page:after,.category-page:before {
width: 120px;
}
}
.category-page:before {
top: 0;
}
.category-page:after {
bottom: -60px;
top: initial;
}
.category__wrapper {
display: grid;
grid-gap: 30px 40px;
grid-template-columns: repeat(2,1fr);
}
.category__item {
border: 2px solid #d9d9d9;
border-radius: 20px;
color: var(--color-white);
overflow: hidden;
position: relative;
}
.category__link {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.category__thumb {
padding: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 450px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 44px;
position: relative;
z-index: 40;
}
.category__thumb>img {
width: auto;
}
.category__info {
bottom: 49px;
left: 0;
position: absolute;
width: 100%;
z-index: 60;
}
.category__title {
background-color: var(--color-blue);
-webkit-clip-path: polygon(0 0,100% 0,97% 100%,0 100%);
clip-path: polygon(0 0,100% 0,97% 100%,0 100%);
display: inline-block;
font-size: 32px;
font-weight: 700;
line-height: 42px;
margin-bottom: -2px;
max-width: calc(100% - 30px);
min-width: 60%;
padding: 10px 45px 12px 30px;
position: relative;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
z-index: 5;
}
.category__description {
background-color: var(--color-orange);
display: none;
font-size: 18px;
line-height: 26px;
margin-bottom: -49px;
padding: 14px 29px 25px;
position: relative;
z-index: 10;
}
.category__description>*+* {
margin-top: 5px;
}
.category__all>.button__icon {
font-size: 7px;
position: relative;
top: 1px;
}
@media screen and (max-width:1024px) {
.category-page:after,.category-page:before {
display: none;
}
.category__wrapper {
grid-gap: 20px;
}
.category__title {
font-size: 24px;
line-height: 31px;
}
.category__thumb {
height: 400px;
}
}
@media screen and (max-width:768px) {
.category__wrapper {
grid-template-columns: 1fr;
}
.category__thumb {
height: 290px;
margin-bottom: 0;
margin-top: 0;
padding: 23px;
}
.category__title {
padding: 8px 28px 10px 16px;
}
.category__description {
display: block!important;
font-size: 16px;
height: auto!important;
line-height: 21px;
margin-bottom: 0;
padding: 16px!important;
}
.category__info {
bottom: initial;
position: absolute;
}
}
.contacts__outer {
display: grid;
}
.contacts__outer:not(.contacts__outer--region) {
grid-gap: 40px 0;
}
.contacts__outer:not(.contacts__outer--region) .contacts__title {
left: 0;
max-width: 420px;
width: 100%;
position: absolute;
text-transform: uppercase;
}
.contacts__outer:not(.contacts__outer--region) .contacts__list {
padding: 30px 0 27px;
flex: 1;
margin: 0 0 0 60px;
}
.contacts__outer:not(.contacts__outer--region) .contacts__item {
max-width: 480px;
}
.contacts__outer:not(.contacts__outer--region) .contacts__item a {
color: var(--color-blue);
}
.contacts__outer:not(.contacts__outer--region) .contacts__item a:hover {
color: var(--color-orange);
}
.contacts__outer--region {
grid-gap: 20px 30px;
grid-template-columns: repeat(2,1fr);
}
.contacts__outer--region .contacts__item a {
color: var(--color-white);
}
.contacts__outer--region .contacts__inner {
padding: 30px;
}
.contacts__wrapper {
border: 2px solid var(--color-orange);
border-radius: 0 20px 20px 20px;
overflow: hidden;
position: relative;
}
.contacts__title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-orange);
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 18px;
font-weight: 700;
height: 40px;
letter-spacing: .92px;
padding-left: 46px;
padding-right: 70px;
position: relative;
top: -1px;
}
.contacts__title:after {
background-color: var(--color-orange);
-webkit-clip-path: polygon(0 0,100% 0,0 244px,0 100%);
clip-path: polygon(0 0,100% 0,0 70px,0 100%);
content: "";
height: 100%;
left: 100%;
margin-left: -1px;
position: absolute;
top: 0;
width: 30px;
}
.contacts__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts__image {
margin-right: 70px;
padding-left: 40px;
width: 400px;
}
.contacts__image--logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts__image--logo>img {
width: auto;
}
.contacts__image:not(.contacts__image--logo) {
-ms-flex-item-align: start;
align-self: center;
border-radius: 10px;
cursor: pointer;
margin: 30px 0 0;
overflow: hidden;
}
.contacts__info {
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.contacts__item+* {
margin-top: 10px;
}
.contacts__item a:hover {
color: var(--color-orange);
}
.contacts__icon {
-ms-flex-item-align: start;
align-self: flex-start;
color: var(--color-orange);
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 23px;
height: 23px;
margin-right: 20px;
position: relative;
top: 1px;
width: 23px;
}
.contacts__icon--mail {
font-size: 16px;
}
.contacts__icon--address {
font-size: 28px;
}
.contacts__maps {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.contacts__maps>a {
height: 60px;
}
.contacts__maps>a+* {
margin-left: 30px;
}
.contacts__region {
background-color: var(--color-blue);
color: var(--color-white);
margin-top: 40px;
overflow: hidden;
padding: 40px 0;
position: relative;
}
.contacts__region:after,.contacts__region:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.contacts__region:before {
width: 20%;
height: 100%;
left: 0;
background-color: var(--color-orange);
}
.contacts__region:after {
width: 20%;
height: 100%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.contacts__region:after,.contacts__region:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.contacts__region:after,.contacts__region:before {
width: 120px;
}
}
.contacts__region:after {
bottom: 0;
top: initial;
}
.contacts__region .page__title,.contacts__region>.container {
position: relative;
z-index: 20;
}
.contacts__button {
height: 40px;
padding: 16px 0 28px;
font-size: 12px;
line-height: 40px;
}
.contacts__button>.button__icon {
font-size: 17px;
margin-right: 8px;
}
@media screen and (max-width:1024px) {
.contacts__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts__image,.contacts__list {
width: 100%;
}
.contacts__image {
margin-right: 0;
padding: 0 27px;
}
.contacts__image:not(.contacts__image--logo) {
margin-top: 27px;
}
.contacts__image--logo {
height: auto;
margin-top: 27px;
}
.contacts__outer:not(.contacts__outer--region) .contacts__list {
margin: 33px 0 0;
padding: 0 27px 27px;
width: 100%;
}
.contacts__outer--region {
grid-template-columns: 1fr;
}
.contacts__title {
font-size: 18px;
padding-left: 27px;
}
.contacts__outer:not(.contacts__outer--region) {
grid-gap: 44px 0;
}
.contacts__outer:not(.contacts__outer--region) .contacts__title {
max-width: initial;
position: relative;
}
.contacts__region {
margin-top: 44px;
padding: 31px 0;
}
.contacts__region:after,.contacts__region:before {
height: 150px;
width: 120px!important;
}
.contacts__item {
max-width: initial;
}
}
@media screen and (max-width:620px) {
.contacts__item {
font-size: 14px;
line-height: 21px;
}
.contacts__item+* {
margin-top: 13px;
}
.contacts__button>.button__icon {
font-size: 21px;
margin-right: 12px;
}
.contacts__maps>a {
height: 50px;
}
}
.docs__outer+div {
margin-top: 40px;
}
.docs__caption {
background-color: var(--color-orange);
color: var(--color-white);
font-size: 18px;
font-weight: 700;
line-height: 213%;
margin: 0 auto;
max-width: 478px;
padding: 4px 15px;
text-align: center;
text-transform: uppercase;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
width: calc(100% - 30px);
}
.docs__caption>span {
display: block;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
}
.docs__caption+div {
margin-top: 20px;
}
.docs__inner {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(2,1fr);
}
.docs__inner--small {
grid-gap: 10px 0;
grid-template-columns: 1fr;
}
.docs__inner--small .docs__item {
height: 56px;
}
.docs__inner--small .docs__icon--type {
font-size: 22px;
margin-right: 15px;
}
.docs__inner--small .docs__icon--download {
font-size: 14px;
}
.docs__inner--small .docs__title {
font-size: 14px;
}
.docs__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(240,240,240,.97);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 22px;
position: relative;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.docs__item:hover {
background-color: #e0e0e0;
}
.docs__item:hover .docs__icon--download {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.docs__link {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 20;
}
.docs__icon {
color: var(--color-orange);
}
.docs__icon--type {
font-size: 43px;
margin-right: 25px;
}
.docs__icon--download {
font-size: 28px;
margin-left: auto;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.docs__title {
font-size: 16px;
line-height: 140%;
text-decoration: underline;
margin-right: 10px;
}
.docs .brands {
padding-top: 60px;
}
@media screen and (max-width:1024px) {
.docs .brands {
padding-top: 0;
}
.docs .brands__outer {
margin-top: 18px;
}
.docs__outer+div {
margin-top: 44px;
}
.docs__caption {
font-size: 18px;
}
.docs__caption+div {
margin-top: 18px;
}
.docs__title {
font-size: 19px;
line-height: 26px;
}
.docs__inner {
grid-gap: 20px;
}
}
@media screen and (max-width:768px) {
.docs__inner {
grid-gap: 10px 0;
grid-template-columns: 1fr;
}
}
@media screen and (max-width:620px) {
.docs__caption {
font-size: 14px;
margin-left: -15px;
margin-right: -15px;
padding: 10px;
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
width: calc(100% + 30px);
}
.docs__caption>span {
-webkit-transform: skew(0);
-ms-transform: skew(0);
transform: skew(0);
}
.docs__icon--type {
font-size: 30px;
margin-right: 15px;
}
.docs__icon--download {
font-size: 16px;
}
.docs__title {
font-size: 16px;
line-height: 22px;
}
}
@media screen and (max-width:380px) {
.docs__icon--type {
display: none;
}
}
.main .blue-section {
padding-bottom: 61px;
}
.mainSlider {
position: relative;
overflow: hidden;
}
.mainSlider:after,.mainSlider:before {
position: absolute;
content: "";
z-index: 10;
pointer-events: none;
top: 0;
-webkit-clip-path: polygon(0 0,0 100%,25% 0);
clip-path: polygon(0 0,0 100%,25% 0);
}
.mainSlider:before {
width: 40%;
height: 100%;
left: 0;
background-color: var(--color-orange);
}
.mainSlider:after {
width: 40%;
height: 100%;
right: 0;
background-color: #094c74;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media screen and (max-width:1024px) {
.mainSlider:after,.mainSlider:before {
width: 180px;
}
}
@media screen and (max-width:620px) {
.mainSlider:after,.mainSlider:before {
width: 120px;
}
}
.mainSlider--once-decoration:after {
display: none;
}
.mainSlider:after,.mainSlider:before {
-webkit-clip-path: polygon(0 0,0 200%,20% 0);
clip-path: polygon(0 0,0 200%,20% 0);
}
.mainSlider__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: linear-gradient(285.63deg,#003857 0,#005585 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 394px;
padding: 31px 0 0;
}
.mainSlider__wrapper {
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.mainSlider__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 28px;
position: relative;
width: calc(100% - 384px - 28px);
z-index: 8;
}
.mainSlider__title {
color: var(--color-white);
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin: 10px 0 20px;
}
.mainSlider__title>span {
color: var(--color-orange);
}
.mainSlider__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start;
background-color: var(--color-white);
color: var(--color-blue);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 30px;
font-weight: 700;
line-height: 42px;
padding-top: 22px;
padding-bottom: 21px;
padding-right: 6%;
position: relative;
text-transform: uppercase;
width: auto;
}
.mainSlider__inner:after {
background-color: var(--color-white);
-webkit-clip-path: polygon(0 0,100% 0,0 244px,0 100%);
clip-path: polygon(0 0,100% 0,0 244px,0 100%);
content: "";
height: 100%;
left: 100%;
margin-left: -1px;
position: absolute;
top: 0;
width: 30px;
}
.mainSlider__caption {
white-space: nowrap;
min-height: 85px;
}
.mainSlider__caption--banner {
font-size: 40px;
line-height: 52px;
min-height: 80px;
padding-bottom: 14px;
padding-right: 0;
padding-top: 14px;
}
.mainSlider__caption--banner {
margin: 37px 0 0;
font-size: 30px;
}
.mainSlider__caption--banner:before {
background-color: var(--color-white);
content: "";
height: 100%;
position: absolute;
right: -55px;
-webkit-transform: skewX(-7deg);
-ms-transform: skewX(-7deg);
transform: skewX(-7deg);
width: 20px;
}
.mainSlider__company {
margin-top: 15px;
padding-top: 15px;
padding-bottom: 14px;
}
.mainSlider__right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 357px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 384px;
}
.mainSlider__right-logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.mainSlider__thumb img {
pointer-events: none;
}
.mainSlider__thumb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 50%;
max-width: 299px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
z-index: 20;
}
.scroll-down {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 8px solid var(--color-white);
border-radius: 100%;
color: var(--color-white);
content: "\e913";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: icomoon;
font-size: 20px;
width: 50px;
height: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: -30px auto 12px;
position: relative;
z-index: 20;
}
.scroll-down:not(.scroll-down--orange) {
background-color: #444;
}
.scroll-down--orange {
background-color: var(--color-orange);
}
@media screen and (max-width:1480px) and (min-width:1025px) {
.swiper-pagination:not(.swiper-pagination--outside):not(.swiper-pagination--gallery) {
padding: 0 145px;
}
}
@media screen and (max-width:1280px) {
.mainSlider__inner {
margin-left: -135px!important;
padding-left: 135px!important;
}
.mainSlider__right {
width: 232px;
}
.mainSlider__left {
width: calc(100% - 232px - 28px - 40px);
}
.mainSlider__thumb {
max-width: 200px;
}
}
@media screen and (max-width:1024px) {
.swiper-pagination:not(.swiper-pagination--outside):not(.swiper-pagination--gallery) {
margin-left: 40px;
}
.mainSlider__item {
height: 484px;
padding: 45px 0;
}
.mainSlider__title {
padding-left: 40px;
}
.mainSlider__right {
padding-right: 40px;
}
.mainSlider__inner {
font-size: 16px;
font-weight: 600;
line-height: 21px;
margin-left: -15px!important;
min-height: 42px;
padding-bottom: 10px;
padding-left: 55px!important;
padding-right: 25%;
padding-top: 10px;
}
.mainSlider__title {
font-size: 24px;
line-height: 31px;
}
.mainSlider__company {
height: 42px;
margin-top: 18px;
padding-right: 20%;
}
.mainSlider__caption {
margin-top: 30px;
}
.mainSlider__caption--banner {
font-size: 24px;
font-weight: 700;
line-height: 31px;
padding-right: 45px;
width: auto;
}
.mainSlider__caption--banner:before {
right: -50px;
width: 15px;
}
.swiper-pagination:not(.swiper-pagination--outside):not(.swiper-pagination--gallery) {
padding: 0 15px;
}
}
@media screen and (max-width:620px) {
.mainSlider:after,.mainSlider:before {
-webkit-clip-path: polygon(0 0,0 100%,35% 0);
clip-path: polygon(0 0,0 100%,35% 0);
}
.mainSlider:before {
height: 250px;
}
.mainSlider:after {
bottom: 0;
height: 80%;
top: initial;
}
.mainSlider__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.mainSlider__left {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.mainSlider__right {
height: 177px;
margin-top: 18px;
max-width: 190px;
padding-right: 0;
width: 100%;
}
.mainSlider__inner {
padding-right: 10px;
}
.mainSlider__caption {
max-width: 90%;
width: 100%;
}
.mainSlider__caption--banner {
width: auto;
}
.mainSlider__company {
max-width: 50%;
padding-right: 30px;
}
.mainSlider__item {
height: auto;
padding: 45px 0 80px;
}
.mainSlider__thumb {
max-width: 150px;
}
.swiper-pagination:not(.swiper-pagination--outside):not(.swiper-pagination--gallery) {
bottom: 40px!important;
margin-left: 0;
}
}
.page404 {
height: calc(100vh - 128px);
background: linear-gradient(129deg,#005c8f 0,#003857 50%,#00263b 100%);
}
.page404__wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 150px;
padding-bottom: 50px;
}
.page404__wrapper>* {
height: 100%;
}
.page404__text {
width: calc(100% - 350px - 30px);
margin-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page404__image>img {
pointer-events: none;
}
.page404__logo {
width: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page404__number,.page404__title {
font-weight: 700;
color: var(--color-orange);
}
.page404__title {
font-size: 70px;
line-height: 100%;
}
.page404__number {
font-size: 300px;
margin-left: auto;
line-height: 75%;
}
.page404__caption {
margin-top: auto;
height: 80px;
background-color: var(--color-white);
-webkit-clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
clip-path: polygon(0 0,100% 0,95% 100%,0 100%);
padding-left: 146px;
margin-left: -146px;
font-size: 32px;
font-weight: 800;
letter-spacing: 1.28px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 50vw;
}
.policy__text {
color: var(--color-black);
font-size: 16px;
line-height: 130%;
}
.policy__text p+* {
margin-top: 25px;
}
.policy__text ol,.policy__text ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.policy__text span {
display: inline-block;
}
.policy__text>ol {
counter-reset: list1;
}
.policy__text>ol>li {
font-weight: 700;
}
.policy__text>ol>li>* {
font-weight: 400;
margin-top: 15px;
}
.policy__text>ol>li:before {
content: counter(list1) ". ";
counter-increment: list1;
}
.policy__text>ol>li+li {
margin-top: 25px;
}
.policy__text>ol>li>ol {
counter-reset: list2;
}
.policy__text>ol>li>ol>li:before {
content: counter(list1) "." counter(list2) ". ";
counter-increment: list2;
}
.policy__text>ol>li>ol>li+li {
margin-top: 10px;
}
.policy__text>ol>li>ol>li>ul {
margin-top: 10px;
}
.policy__text>ol>li>ol>li>ul>li {
padding-left: 20px;
position: relative;
}
.policy__text>ol>li>ol>li>ul>li:before {
background-color: rgba(16,18,21,.55);
content: "";
height: 2px;
left: 0;
position: absolute;
top: 11px;
width: 10px;
}
.policy__text>ol>li>ol>li>ul>li+li {
margin-top: 5px;
}
.policy__text>ol>li>ol>li>ol {
counter-reset: list3;
margin-top: 10px;
}
.policy__text>ol>li>ol>li>ol>li:before {
content: counter(list1) "." counter(list2) "." counter(list3) ". ";
counter-increment: list3;
}
.policy__text>ol>li>ol>li>ol>li+li {
margin-top: 10px;
}
.policy__text table {
table-layout: auto;
}
.policy__text table td {
border: 1px solid #a7bac5;
padding: 25px 40px;
}
.policy__text table td:last-child {
text-align: left;
}
@media screen and (max-width:499px) {
.policy__text table td {
padding: 20px;
}
}
.policy__text a {
color: var(--color-orange);
}
.policy__text a:hover {
color: var(--color-blue);
}
.product__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product__tabs {
display: grid;
grid-template-columns: repeat(2,1fr);
}
.product__tabs-item.--active:not(.--single) {
color: var(--color-orange);
cursor: default;
}
.product__tabs-item.--active.--single {
cursor: text;
}
.product__tabs-item:not(.--active):hover {
color: var(--color-orange);
}
.product__tabs-item+.productInfo__caption {
-webkit-clip-path: polygon(3% 0,100% 0,100% 100%,0 100%);
clip-path: polygon(3% 0,100% 0,100% 100%,0 100%);
}
.product__tabs-content {
padding-top: 18px;
}
.product__tabs-content:not(.--active) {
display: none;
}
.product__description {
font-size: 26px;
font-weight: 600;
line-height: 32px;
margin-top: 10px;
}
.product__head+* {
margin-top: 60px;
}
.productGallery {
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 20px;
position: sticky;
top: 15px;
width: 450px;
}
.productGallery--hidden-nav .swiper__button {
display: none;
}
.productGallery--one .productGallery__images {
width: 100%;
}
.productGallery--one .productGallery__images-wrapper {
width: 100%;
}
.productGallery .swiper-container {
height: 100%;
width: 100%;
}
.productGallery__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.productGallery__thumbs {
height: 330px;
overflow: hidden;
}
.productGallery__thumbs-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
margin-right: 20px;
position: relative;
width: 138px;
}
.productGallery__thumbs-wrapper .swiper__button {
border-width: 7px;
font-size: 12px;
width: 21px;
height: 21px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
z-index: 100;
border: #fff 2px solid;
}
.productGallery__thumbs-wrapper .swiper__button span {
font-size: 10px;
}
.productGallery__thumbs-wrapper .swiper__button.slider__prev {
top: -10px;
}
.productGallery__thumbs-wrapper .swiper__button.slider__next {
bottom: -10px;
}
.productGallery__thumb {
cursor: pointer;
padding: 15px;
position: relative;
}
.productGallery__thumb>img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
position: relative;
width: auto;
z-index: 20;
}
.productGallery__thumb.swiper-slide-thumb-active {
border-color: var(--color-orange);
}
.productGallery__images {
height: 330px;
overflow: hidden;
width: 330px;
}
.productGallery__images-wrapper {
position: relative;
width: 100%;
}
.productGallery__image {
position: relative;
}
.productGallery__image>a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 20;
}
.productGallery__image>a>img {
width: auto;
}
.productGallery__brand {
height: 20px;
left: 30px;
pointer-events: none;
position: absolute;
top: 30px;
z-index: 30;
}
.productGallery__image,.productGallery__thumb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #d9d9d9;
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
text-align: center;
}
.productGallery__pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.productGallery__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
border-color: rgba(0,0,0,.4);
}
.productInfo {
width: calc(100% - 150px - 25px - 400px - 100px);
flex: 1;
}
.productInfo__wrapper {
color: var(--color-black);
margin-top: 15px;
font-size: 12px;
line-height: 19px;
}
.productInfo__wrapper ul {
margin-left: 8px;
}
.productInfo__wrapper ul>li {
padding-left: 14px;
position: relative;
}
.productInfo__wrapper ul>li+li {
margin-top: 10px;
}
.productInfo__wrapper ul>li:before {
background-color: var(--color-black);
border-radius: 100%;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 10px;
width: 4px;
}
.productInfo__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.productInfo__item+div {
margin-top: 7px;
}
.productInfo__characteristics>div+div {
margin-top: 10px;
}
.productInfo__characteristics-wrapper {
background-color: #edf1f3;
font-size: 12px;
line-height: 18px;
padding: 11px 20px;
}
.productInfo__title {
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 600;
margin-right: 30px;
max-width: 70%;
}
.productInfo__table {
font-size: 13px;
line-height: 18px;
overflow: hidden;
}
.productInfo__table td,.productInfo__table th {
padding: 8px;
text-align: center;
}
.productInfo__table td:first-child,.productInfo__table th:first-child {
text-align: left;
}
.productInfo__table td:last-child,.productInfo__table th:last-child {
text-align: right;
}
.productInfo__table th {
background-color: #a7bac5;
padding-bottom: 15px;
padding-top: 15px;
}
.productInfo__table tr:not(:first-child):not(:last-child) {
border-bottom: 1px solid #e2e2e2;
}
.productInfo__table.has-hidden-rows tr:not(:nth-child(-n+6)) {
display: none;
}
.productInfo__table.has-hidden-rows .productInfo__all {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.productInfo__table:not(.has-hidden-rows) .productInfo__all {
display: none;
}
.productInfo__all {
border-bottom: 1px solid var(--color-orange);
color: var(--color-orange);
font-family: "Averta CY";
margin-left: 8px;
margin-top: 10px;
padding-bottom: 1px;
text-transform: lowercase;
}
.productInfo__all-icon {
font-size: 6px;
margin-left: 6px;
position: relative;
top: 1px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.productInfo__all:hover {
border-bottom-color: transparent;
}
.productInfo__caption {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-blue);
-webkit-clip-path: polygon(0 0,100% 0,97% 100%,0 100%);
clip-path: polygon(0 0,100% 0,97% 100%,0 100%);
color: var(--color-white);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: "Averta CY";
font-size: 15px;
font-weight: 700;
height: 32px;
letter-spacing: .57px;
padding: 0 20px;
}
.productInfo__caption--single {
min-width: 215px;
}
.productInfo__inner+* {
margin-top: 30px;
}
.productInfo__value:not(.productInfo__value--types) {
text-align: right;
}
.productInfo__value--types ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin-bottom: -5px;
}
.productInfo__value--types ul>li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
display: inline-block;
margin-bottom: 5px;
padding: 0 8px;
position: relative;
}
.productInfo__value--types ul>li:nth-child(1),.productInfo__value--types ul>li:nth-child(4) {
display: block;
}
.productInfo__value--types ul>li:before {
background-color: var(--color-blue);
border-radius: 100%;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 9px;
width: 2px;
}
.productChoose {
margin: 20px 0 0;
}
.productChoose__title {
color: #000;
font-size: 12px;
font-weight: 400;
}
.productChoose__wrapper {
align-items: flex-start;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(2,minmax(0,1fr));
margin-top: 10px;
}
.productChoose__button {
border-radius: 25px;
left: 0;
position: absolute;
top: 0;
width: 100%;
margin: 0 !important;
}
.productChoose__button--in {
opacity: 0;
pointer-events: none;
}
.productChoose__button-wrapper {
height: 40px;
position: relative;
}
.productChoose__button-wrapper.--in-order .productChoose__button--in {
opacity: 1;
pointer-events: all;
}
.productChoose__button-wrapper.--in-order .productChoose__button--to {
opacity: 0;
pointer-events: none;
}
@media screen and (max-width:1280px) {
.insured__max {
margin-left: -20px;
}
.productGallery {
margin-right: 30px;
width: 320px;
}
.productGallery--one .productGallery__images {
margin: 0 auto;
width: 320px;
}
.productGallery__thumbs-wrapper {
display: none;
}
.productGallery__images {
height: 320px;
width: 320px;
}
.productInfo {
width: calc(100% - 320px - 30px);
}
.custom-select>button:before {
right: 30px;
}
}
@media screen and (max-width:1024px) {
.product__description {
font-size: 18px;
line-height: 24px;
}
.product__head+* {
margin-top: 44px;
}
.productGallery {
top: 124px;
}
.productInfo__value--types ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.productInfo__value--types ul>li {
display: block;
}
.productInfo__caption {
font-size: 16px;
}
}
@media screen and (max-width:800px) {
.product__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.productInfo {
margin-top: 44px;
width: 100%;
}
.productInfo__title {
-ms-flex-negative: initial;
flex-shrink: initial;
}
.productGallery {
margin-right: 0;
position: relative;
top: 0;
width: 100%;
}
.productGallery--one .productGallery__images {
width: 100%;
}
.productGallery__images {
width: 100%;
}
.productGallery__images-wrapper {
width: 100%;
}
.productGallery__wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.productChoose {
margin-top: 30px;
}
}
@media screen and (max-width:620px) {
.productChoose__button-wrapper {
height: 46px;
}
}
@media screen and (min-width:500px) {
.product__tabs-item--mobile {
display: none;
}
}
@media screen and (max-width:499px) {
.productChoose__wrapper {
display: block;
}
.productChoose__wrapper .custom-select+* {
margin-top: 15px;
}
.productChoose__wrapper .custom-select>button:before {
font-size: 7px;
}
.productInfo__wrapper {
font-size: 14px;
line-height: 18px;
}
.productInfo__caption {
padding: 0 40px;
}
.productInfo__wrapper ul>li:before {
top: 7px;
}
.product__tabs-item {
min-width: 262px;
}
.product__tabs-item:not(:first-child) {
display: none;
}
.product__tabs-item.--active:not(.--single) {
color: var(--color-white);
}
.product__tabs-item:not(.--active):hover {
color: var(--color-white);
}
.product__tabs-item--mobile {
margin: 12px 0 18px;
}
.product__tabs-content {
display: block!important;
}
.productChoose .productChoose__wrapper .custom-select+*, .productChoose .productChoose__wrapper, .productChoose__button-wrapper{
position: fixed;
z-index: 10;
background: #fff;
left: 0;
bottom: 0;
width: 100%;
padding: 0 !important;
height: 70px;
margin: 0;
}
.productChoose__button {
top: 12px;
width: 90% !important;
left: 50%;
transform: translateX(-50%);
}
}
.search__results {
font-size: 16px;
line-height: 140%;
letter-spacing: .48px;
margin-top: 40px;
color: var(--color-black);
}
.search__results>span {
font-weight: 700;
}
.search__wrapper {
margin-top: 40px;
}
.search__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.search__item+div {
margin-top: 30px;
}
.search__item:hover .search__title {
color: var(--color-orange);
}
.search__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.search__thumb {
width: 250px;
height: 250px;
border-radius: 20px;
border: 2px solid #d9d9d9;
overflow: hidden;
padding: 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-right: 75px;
}
.search__thumb>img {
width: auto;
}
.search__info {
width: calc(100% - 250px - 75px);
}
.search__title {
font-size: 24px;
font-weight: 800;
line-height: 153.125%;
letter-spacing: 1.28px;
text-transform: uppercase;
-webkit-transition: all .22s ease-out;
transition: all .22s ease-out;
}
.search__order {
margin-top: 30px;
position: relative;
z-index: 20;
}
@media screen and (max-width:1024px) {
.page404 {
height: auto;
min-height: 100vh;
}
.page404__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-bottom: 45px;
padding-top: 45px;
}
.page404__logo {
width: 160px;
}
.page404__text {
margin-right: 0;
margin-top: 45px;
width: 100%;
}
.page404__caption {
font-size: 24px;
height: auto;
line-height: 120%;
margin-left: -30px;
margin-top: 45px;
max-width: initial;
padding: 25px;
}
}
@media screen and (max-width:960px) {
.modal:not(.modal--order) .modal__content {
width: 100%;
}
.modal--order .modal__content {
max-width: initial;
}
.modal__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modal__logo {
display: none;
}
}
@media screen and (min-width:769px) {
.search__order--mobile {
display: none;
}
}
@media screen and (max-width:768px) {
.scroll-down {
font-size: 18px;
}
.scroll-down:not(.scroll-down--orange) {
background-color: var(--color-orange);
}
.search__wrapper {
display: grid;
grid-gap: 45px 20px;
grid-template-columns: repeat(2,1fr);
}
.search__item {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.search__item+div {
margin-top: 0;
}
.search__order {
margin-top: 20px;
}
.search__order--desktop {
display: none;
}
.search__order--mobile {
-ms-flex-item-align: start;
align-self: flex-start;
}
.search__info {
width: 100%;
}
.search__title {
font-size: 20px;
}
.search__thumb {
margin-right: 0;
margin-top: 20px;
width: 100%;
}
.search__results {
margin-left: 0;
}
.insured__label {
font-size: 32px;
}
.insured__label:after {
font-size: 35px;
margin-top: 0;
}
}
@media screen and (max-width:620px) {
.form--search .form__button {
width: 165px;
}
.form--search .form__text {
padding-right: 190px;
}
.caption.modal__title {
font-size: 20px;
}
.caption.modal__title>span {
top: 0;
}
.search__wrapper {
grid-template-columns: 1fr;
}
.company {
padding: 40px 0 73px;
}
.company__item+* {
margin-top: 60px;
}
.insured__logo {
width: 80px;
}
.insured__label {
height: 60px;
top: 2px;
width: 100%;
}
.insured__max {
font-size: 12px;
line-height: 18px;
margin-top: 5px;
padding: 0;
position: relative;
top: 5px;
}
.insured__top {
padding-bottom: 35px;
padding-top: 35px;
}
.insured__bottom {
padding: 20px 15px 25px;
}
.membership__wrapper {
padding: 20px 15px;
}
.membership__logo {
width: 70px;
}
.membership__logo+* {
margin-left: 15px;
}
.membership__description {
font-size: 14px;
width: calc(100% - 70px - 15px);
}
.about__quote {
border-radius: 20px;
padding: 22px 45px;
}
.about__quote:after,.about__quote:before {
font-size: 50px;
line-height: 0;
}
.about__quote:before {
left: 20px;
top: 20px;
}
.about__quote:after {
bottom: 30px;
right: 30px;
}
}
@media screen and (max-width:580px) {
.modal {
padding-left: 15px;
padding-right: 15px;
}
.modal--callback .modal__description,.modal--callback .modal__title {
text-align: center;
}
.modal--callback .modal__description {
margin: 10px auto 0;
}
.is-compact .fancybox__content>.f-button.is-close-btn {
right: 15px;
top: 15px;
}
.is-compact .fancybox__content>.f-button.is-close-btn>svg {
height: 20px;
width: 20px;
}
}
@media screen and (max-width:499px) {
.search__info {
text-align: center;
}
.search__results {
margin-top: 20px;
}
.company:after,.company:before {
height: 180px;
}
.page404__caption {
font-size: 20px;
padding: 15px;
}
.form:not(.form--search) .form__text:not(.modalOrder__input) {
height: 48px;
}
.search__thumb {
margin-right: 0;
width: 100%;
}
.search__wrapper {
margin-top: 45px;
}
.form--search .form__button {
width: 80px!important;
}
.form--search .form__text {
padding: 0 95px 0 15px;
}
.form--search .form__text::-webkit-input-placeholder {
font-size: 14px;
}
.form--search .form__text::-moz-placeholder {
font-size: 14px;
}
.form--search .form__text:-ms-input-placeholder {
font-size: 14px;
}
.form--search .form__text::-ms-input-placeholder {
font-size: 14px;
}
.form--search .form__text::placeholder {
font-size: 14px;
}
.pagination {
margin-top: 45px;
}
.blue-section--big-top-offset {
margin-top: 90px;
}
.modal--order .modal__form .form__item:last-child {
margin-top: 40px;
}
.modalOrder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modalOrder__wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 15px;
}
.modalOrder__count {
margin-right: 0;
}
.modalOrder__count+input {
margin-top: 5px;
}
.modalOrder__input {
width: 100%;
}
.modalOrder__thumb {
margin-right: 20px;
}
.modalOrder__content {
width: calc(100% - 135px - 20px);
}
.insured__label {
font-size: 20px;
}
.insured__label:after {
font-size: 20px;
margin-left: 5px;
}
}
@media screen and (max-width:400px) {
.modalOrder__actions {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.modalOrder__input-wrapper {
width: 100%;
}
.modalOrder__delete {
font-size: 14px;
height: 32px;
margin-top: 15px;
position: relative;
width: 32px;
}
.form:not(.form--search) .form__text.modalOrder__input {
height: 32px;
}
.modal__form .form__list-item:not(:first-child) {
margin-top: 30px;
}
}
@media (min-width:1481px) {
.mainSlider__thumb-5 {
max-width: 420px;
width: 420px;
}
.mainSlider__thumb-7 {
max-width: 480px;
width: 480px;
}
}
@media (min-width: 1201px) and (max-width: 1480px) {
.mainSlider__thumb-5 {
width: 100%;
}
.mainSlider__thumb-7 {
max-width: 420px;
width: 420px;
}
}
@media (min-width: 1201px) and (max-width: 1280px) {
.mainSlider__thumb-7 {
max-width: 300px;
width: 300px;
}
}
@media (max-width: 620px) {
.mainSlider__thumb-5 {
max-width: 180px;
width: 180px;
}
.mainSlider__thumb-7 {
max-width: 200px;
width: 200px;
}
.headerCallback__item:not(:first-child) {
margin-right: 15px !important;
margin-left: 15px !important;
position: relative;
left: 6px;
}
}
.category__wrapper {
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}
.category__thumb {
height: 218px;
margin-bottom: 75px;
}
.category__title {
width: 100%;
clip-path: none;
max-width: 100%;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 140%;
min-height: 50px;
background-color: #EB5D13;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 25px 12px 30px;
}
.category__title.category__title-blue {
background-color: var(--color-blue);
}
.category__title span {
font-size: 20px;
}
.category__description {
color: #FFF;
font-size: 14px!important;
font-weight: 400;
line-height: 140%;
padding: 12px 25px 12px 25px;
background-color: #003857;
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.category-page:after, .category-page:before {
display: none;
}
.category__wrapper {
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.category__title {
font-size: 21px;
line-height: 140%;
}
.category__thumb {
height: 400px;
margin-bottom: 80px;
}
}
@media screen and (max-width: 768px) {
.category__title, .category__title span {
font-size: 18px;
}
.category__thumb.category__thumb--with-description {
margin-bottom: 160px;
}
}
@media screen and (max-width: 760px) {
.category__title span {
font-size: 18px;
}
.category__wrapper {
grid-template-columns: 1fr;
}
.category__thumb {
padding: 0;
}
.category__title {
padding: 8px 28px 10px 16px;
}
.category__description {
display: block !important;
font-size: 16px;
height: auto !important;
line-height: 120%;
margin-bottom: 0;
padding: 16px !important;
}
.category__info {
bottom: initial;
}
}
@media screen and (max-width: 360px) {
.category__thumb {
height: 320px;
margin-bottom: 80px;
}
.category__thumb.category__thumb--with-description {
margin-bottom: 160px;
}
}
@media screen and (min-width: 1024px) {
.contacts .banner,
.documents .banner {
height: 394px;
}
}
.main .page__item.reliability {
margin-top: 50px;
}
.main .page__item.catalog {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.main .page__item.reliability {
margin-top: 20px;
}
.main .page__item.catalog {
margin-top: 40px;
}
}
.about__quote {
background: url('/local/templates/fastengroup/lib/css/../img/about/about.jpg') no-repeat 0px -290px;
border: none;
padding: 28px 10px 32px 270px;
margin-top: 50px;
-webkit-box-shadow: 0px 5px 6px 0px rgba(199, 199, 199, 1);
-moz-box-shadow: 0px 5px 6px 0px rgba(199, 199, 199, 1);
box-shadow: 0px 5px 6px 0px rgba(199, 199, 199, 1);
border-radius: 20px;
}
.about__quote .about__quote--text {
background-color: #fff;
border: 2px solid #EB5D14;
border-radius: 40px;
color: #003857;
text-transform: uppercase;
font-size: 14px;
line-height: 180%;
padding: 20px;
text-align: left;
}
.about__quote .about__quote--text span {
color: #E45210;
font-size: 25px;
font-weight: 400;
display: inline-block;
}
.about__quote .about__quote--text svg {
float: left;
height: 100%;
margin-right: 20px;
height: 110px;
width: 70px;
}
.about__quote:after, .about__quote:before {
display: none;
}
.digits .reliability__list {
margin-top: 50px;
grid-gap: 50px 30px;
margin-bottom: 80px;
}
.digits .reliability__list .reliability__item {
border: none;
text-align: center;
padding: 0;
border-radius: 0;
height: auto;
}
.digits .reliability__list .reliability__icon {
position: relative;
text-align: center;
height: 68px;
margin: 0 auto;
right: 0;
bottom: 0;
margin-bottom: 20px;
width: auto;
top: 0;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.digits .reliability__list .reliability__title {
color: #E45210;
font-weight: 700;
font-size: 30px;
text-transform: none;
margin-bottom: 12px;
width: auto;
white-space: nowrap;
}
.digits .reliability__list .reliability__title span {
font-size: 20px;
}
.digits .reliability__list .digits_description {
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: none;
padding: 0 20px;
line-height: 140%;
}
@media screen and (max-width: 1024px) {
.about__quote .about__quote--text {
font-size: 16px;
}
.about__quote .about__quote--text span {
font-size: 22px;
}
.about__quote {
padding: 50px 20px;
}
.digits .reliability__list .reliability__title {
font-size: 28px;
}
.digits .reliability__list .digits_description {
font-size: 14px;
}
.digits .reliability__list .reliability__icon {
/*margin-bottom: 0; */;
}
.digits .reliability__list .reliability__item {
height: auto;
}
}
@media screen and (max-width: 620px) {
.about__quote .about__quote--text {
text-align: center;
font-size: 14px;
}
.about__quote .about__quote--text svg {
width: 100%;
height: 61px;
margin-bottom: 20px;
margin-top: 20px;
}
.about__quote .about__quote--text span {
margin-bottom: 10px;
font-size: 20px;
}
.digits .reliability__list {
grid-gap: 10px;
margin-bottom: 40px;
}
}
/* End */
/* Start:/local/templates/fastengroup/lib/css/custom.css?179437740821401*/
.modalOrder__title a {
color: inherit;
}
.catalog__item {
padding: 20px;
height: 250px;
background: #fff linear-gradient(180deg, #fbfcfd 80%, #cad7dd 100%);
border: 1px solid #003857;
transition: all 0.22s ease-in-out;
}
.catalog__item:hover {
border-color: #eb5d13;
}
.catalog__item:hover .catalog__products_counter_modif,
.catalog__item:hover .catalog__products_counter_title {
color: #eb5d13;
}
.catalog__item:before,
.catalog__item:after {
background: none;
z-index: initial;
}
.catalog__item:hover:before,
.catalog__item:hover:after {
background: none;
}
.catalog__thumb {
padding-top: 45px;
padding-bottom: 15px;
}
.category__products_counters,
.catalog__products_counters {
position: absolute;
top: 20px;
left: 20px;
z-index: 15;
display: flex;
flex-direction: column;
gap: 3px;
}
.catalog__products_counters {
font-size: 13px;
color: #003857;
}
.catalog__products_counter_title {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600;
color: #003857;
transition: color 0.22s ease-in-out;
}
.catalog__products_counter_modif {
transition: color 0.22s ease-in-out;
}
.category__modif_counter,
.category__product_counter {
color: #003857;
font-size: 14px;
}
.category__products_counter {
position: absolute;
top: 20px;
left: 20px;
z-index: 15;
color: #003857;
font-size: 14px;
}
.docs__inner_redis {
}
.docs__inner_redis .docs__item {
padding: 25px 28px 20px;
background: #FFFFFF;
border: 1px solid #C8C8C8;
border-radius: 20px;
max-width: 285px;
width: 100%;
flex-direction: column;
}
.docs__caption + div {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.docs_slider {
width: 100%;
}
.docs__inner_redis .docs__link_new {
display: flex;
align-items: center;
gap: 10px;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
color: #EB5D13;
margin-top: auto;
}
.docs__inner_redis .docs__title {
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
margin-right: unset;
text-decoration: unset;
margin-top: 20px;
min-height: 44px;
}
.no_photo,
.docs_slider {
max-height: 335px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.docs_description {
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
color: #333333;
margin-top: 7px;
}
.docs_slider .swiper-wrapper {
max-height: calc(100% - 15px);
}
.docs_slider {
display: flex;
flex-direction: column;
gap: 10px;
}
.docs_slider.swiper .swiper-pagination {
position: relative;
bottom: 0px !important;
display: flex;
align-items: center;
justify-content: center;
}
.docs_slider.swiper .swiper-pagination-bullet {
border: 1px solid #003857;
width: 5px;
height: 5px;
background: #fff;
}
.docs_slider.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 5px;
height: 5px;
border: unset;
background: #EB5D13;
}
.about__wrapper_grid {
display: grid;
gap: 20px;
}
.about__wrapper_grid.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.about__wrapper_grid.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.about__wrapper_grid > div {
display: flex;
flex-direction: column;
align-items: center;
}
.about__wrapper_grid_title {
font-family: Averta CY;
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #EB5D13;
margin-top: 20px;
margin-bottom: 8px;
}
.about__wrapper_buttons {
display: flex;
gap: 20px;
}
.about__wrapper_buttons button {
border: unset;
border-radius: 60px;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #fff;
width: 100%;
padding: 14px;
}
.commercial_offer {
background: #EB5D13;
}
.technical_consultation {
background: #003857;
}
.proizvodstvo h2 {
font-family: Averta CY;
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #003857;
}
.proizvodstvo h2 span {
display: block;
}
.proizvodstvo_control {
background: linear-gradient(90deg, #005281 0%, #003B5C 100%);
padding-bottom: 30px;
}
.proizvodstvo_control_list {
display: flex;
gap: 20px;
align-items: center;
font-weight: 400;
font-style: ☞;
font-size: 15px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
color: #fff;
padding-top: 40px;
}
.reliability__list_steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 24px;
}
.reliability__list_steps > div {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
position: relative;
}
.reliability__list_text {
max-width: 450px;
}
.reliability__list_text h3 {
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-transform: uppercase;
margin-bottom: 30px;
}
.reliability__list_steps > div:not(:last-child):after {
content: "";
display: inline-block;
width: 21px;
height: 21px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg clip-path='url(%23clip0_1083_1328)'%3E%3Cpath d='M15.1066 11.0729C14.6416 11.5379 12.3777 13.802 11.873 14.3067C11.5526 14.627 11.0332 14.627 10.7129 14.3067C10.3925 13.9863 10.3925 13.4669 10.7129 13.1465L12.5391 11.3203H6.45311C6.00005 11.3203 5.6328 10.9531 5.6328 10.5C5.6328 10.0469 6.00005 9.67969 6.45311 9.67969H12.5391L10.7129 7.85351C10.3925 7.53313 10.3925 7.01371 10.7129 6.69338C11.0333 6.37305 11.5527 6.37301 11.873 6.69338C12.319 7.13938 14.6696 9.49007 15.1059 9.9264C15.4193 10.2472 15.4163 10.7558 15.1066 11.0729ZM21 6.08557V14.9144C21 17.7191 19.0981 19.1434 18.9747 19.3182C17.8903 20.4027 16.4482 21 14.9144 21H6.08557C4.55175 21 3.10972 20.4027 2.02523 19.3181C1.90333 19.1454 0 17.7194 0 14.9144V6.08557C0 3.28092 1.90194 1.85661 2.02527 1.68185C3.10972 0.597311 4.55175 0 6.08557 0H14.9144C16.4482 0 17.8903 0.59731 18.9748 1.68189C19.0967 1.85464 21 3.28063 21 6.08557ZM19.3594 6.08557C19.3594 4.03032 17.9394 3.01543 17.8146 2.84197C17.04 2.06727 16.01 1.64062 14.9144 1.64062H6.08557C4.99 1.64062 3.96002 2.06723 3.18536 2.84193C3.05612 3.02166 1.64062 4.01941 1.64062 6.08557V14.9144C1.64062 16.9697 3.06063 17.9846 3.18536 18.158C3.96002 18.9328 4.99 19.3594 6.08557 19.3594H14.9144C16.01 19.3594 17.04 18.9328 17.8146 18.1581C17.9439 17.9783 19.3594 16.9806 19.3594 14.9144V6.08557Z' fill='%23EB5D13'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
right: -20px;
top: 24px;
}
.proizvodstvo_control_photo {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
margin-top: 80px;
}
.grid_col_3 {
grid-column: span 3;
}
.grid_col_2 {
grid-column: span 2;
}
.technologies_equipment {
padding-top: 30px;
display: flex;
flex-direction: column;
gap: 30px;
}
.technologies_equipment_banner {
display: flex;
align-items: center;
gap: 10px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #C8C8C8;
padding: 10px 0;
}
.technologies_equipment_banner svg {
min-width: 105px;
}
.technologies_equipment_banner div {
display: flex;
flex-direction: column;
gap: 15px;
}
.technologies_equipment_title {
font-weight: 700;
font-style: Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
text-transform: uppercase;
color: #003857;
}
.technologies_equipment .about__wrapper_grid div {
font-weight: 400;
font-style: ☞;
font-size: 15px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
color: #333333;
display: flex;
flex-direction: column;
gap: 15px;
}
.quality_control {
background: #EDF1F3;
padding: 30px 0;
margin-top: 30px;
margin-bottom: 30px;
}
.quality_control .container {
background: #FFFFFF;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
border-radius: 20px;
padding: 40px;
}
.quality_control_line {
width: 1px;
background: #C8C8C8;
height: stretch;
}
.quality_control a {
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #fff;
white-space: nowrap;
padding: 14px 38px;
background: #EB5D13;
border-radius: 60px;
}
.quality_control_text {
font-weight: 400;
font-style: ☞;
font-size: 15px;
leading-trim: NONE;
line-height: 140%;
letter-spacing: 0%;
color: #333333;
}
.quality_control h2 {
text-align: left;
margin-bottom: 15px;
}
.proizvodstvo_advantages_grid > div {
min-height: 180px;
color: var(--text, #333);
font-family: "Averta CY";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
position: relative;
overflow: hidden;
border-radius: 20px;
background: #FFF2DF;
}
/*background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);*/
.proizvodstvo_advantages_grid > div > div {
background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%), url(/upload/custom/images/proizvodstvo/proiz_advant.png);
height: 100%;
width: 100%;
}
.proizvodstvo_advantages_grid span {
margin-left: 20px;
margin-top: 20px;
display: block;
}
.proizvodstvo_advantages_grid svg {
position: absolute;
bottom: 18px;
right: 18px;
}
.proizvodstvo_advantages_grid {
margin-top: 30px;
margin-bottom: 30px;
}
.production-stats {
background: linear-gradient(90deg, #005281 0%, #003B5C 100%);
padding: 40px 0;
color: var(--clean-white, #FFF);
text-align: center;
font-family: "Averta CY";
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 42px */
text-transform: uppercase;
}
.production-stats h2 {
color: #fff;
}
.stats-row {
display: flex;
gap: 20px;
margin-bottom: 80px;
}
.stat-item {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
width: 100%;
}
.stat-value {
color: var(--orange, #EB5D13);
text-align: center;
font-family: "Averta CY";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.stat-label {
color: var(--clean-white, #FFF);
text-align: center;
font-family: "Averta CY";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
}
.stats-header h2 {
margin-bottom: 30px;
}
.features-list {
display: flex;
gap: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.feature-text {
color: var(--clean-white, #FFF);
text-align: center;
font-family: "Averta CY";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
li.feature-item {
width: 100%;
}
.stats-footer {
color: var(--clean-white, #FFF);
text-align: center;
font-family: 'Averta-Regular', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}
.comparison-wrapper {
display: flex; /* Ставим колонки рядом */
margin: 0 auto;
border-radius: 8px; /* Общее скругление */
overflow: hidden; /* Чтобы углы колонок обрезались */
box-shadow: 0 4px 20px rgba(0,0,0,0.05); /* Легкая тень для объема */
}
/* Настройка колонок */
.comparison-col {
flex: 1; /* Колонки одинаковой ширины */
display: flex;
flex-direction: column;
}
.col-fastengroup {
background-color: #FCF9F5;
}
/* Светло-бежевый */
.col-intermediaries {
background-color: #F4F6F8;
}
/* Светло-серый */
/* Шапки колонок */
.col-header {
padding: 16px 20px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
font-size: 16px;
letter-spacing: 0.5px;
}
.header-orange {
background-color: #F05A22;
}
/* Оранжевый */
.header-blue {
background-color: #003B5C;
}
/* Темно-синий */
/* Списки */
.comparison-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
/* Элементы списка (строки) */
.list-item {
display: flex;
align-items: flex-start; /* Иконка сверху, если текст в 2 строки */
gap: 12px;
padding: 16px 20px;
font-size: 14px;
color: #333333;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Тонкая линия между строками */
}
/* Убираем линию у последнего элемента */
.list-item:last-child {
border-bottom: none;
}
/* Иконки */
.icon {
width: 16px;
height: 16px;
flex-shrink: 0; /* Чтобы иконка не сжималась, если текст длинный */
background-size: contain;
background-repeat: no-repeat;
margin-top: 2px; /* Легкая коррекция по вертикали */
}
/* Цвета иконок (если используете SVG через mask или background-image) */
.icon-check {
/* Пример через фоновую картинку */
background-image: url('data:image/svg+xml;utf8,');
/* Или просто задайте цвет, если используете шрифтовые иконки */
color: #8A9A5B;
}
.icon-cross {
background-image: url('data:image/svg+xml;utf8,');
color: #3A4A5A;
}
.comparison-section h2 {
margin: 30px 0;
}
.comparison-list {
font-family: 'Averta-Regular', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}
.icon.icon-check {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13' fill='none'%3E%3Cpath d='M17.5818 0.418117C17.0248 -0.139548 16.1205 -0.139196 15.5628 0.418117L6.47616 9.50511L2.43754 5.46653C1.87988 4.90886 0.975913 4.90886 0.418249 5.46653C-0.139416 6.02419 -0.139416 6.92816 0.418249 7.48582L5.46631 12.5339C5.74496 12.8125 6.11035 12.9522 6.47578 12.9522C6.8412 12.9522 7.20694 12.8129 7.4856 12.5339L17.5818 2.43738C18.1394 1.8801 18.1394 0.975746 17.5818 0.418117Z' fill='%23EB5D13'/%3E%3C/svg%3E");
}
.icon-cross {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%233A4A5A'/%3E%3C/svg%3E");
}
.comparison-list {
padding-left: 20%;
}
/* --- ОБЩАЯ СЕКЦИЯ --- */
.cta-section {
margin: 30px 0;
background-color: #FFFFFF; /* Фон страницы вокруг блока */
}
/* --- САМ БЛОК С СЕРО-ГОЛУБЫМ ФОНОМ --- */
.cta-box {
background-color: #F1F4F7; /* Цвет фона блока из макета */
border-radius: 24px; /* Большое скругление углов */
padding: 50px 50px 60px; /* Отступы внутри блока */
text-align: center; /* Выравнивание текста по центру */
display: flex;
flex-direction: column;
align-items: center;
}
/* --- ТЕКСТ --- */
.cta-title {
color: #003B5C; /* Темно-синий (корпоративный цвет) */
font-size: 28px;
font-weight: 800;
text-transform: uppercase;
margin: 0 0 16px 0;
line-height: 1.3;
letter-spacing: 0.5px;
}
.cta-subtitle {
color: #555555; /* Темно-серый */
font-size: 15px;
line-height: 1.5;
margin: 0 0 36px 0;
font-weight: 400;
}
/* --- КНОПКИ --- */
.cta-buttons {
display: flex;
justify-content: center;
gap: 20px; /* Расстояние между кнопками */
width: 100%;
}
.btn {
display: inline-block;
padding: 16px 40px;
border-radius: 50px; /* Форма "таблетки" */
font-size: 14px;
font-weight: 500;
text-decoration: none;
color: #FFFFFF;
transition: all 0.3s ease;
text-align: center;
/* Чтобы кнопки были примерно одинаковой ширины, как на макете */
width: 100%;
color: var(--clean-white, #FFF);
text-align: center;
font-family: "Averta Demo PE Cutted Demo", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* Эффект при наведении */
.btn:hover {
opacity: 0.9;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
/* Оранжевая кнопка */
.btn-orange {
background-color: #F05A22;
}
/* Синяя кнопка */
.btn-blue {
background-color: #003B5C;
}
.modal .modal__content.modal__content_commercial_offer {
width: 100%;
}
#commercial_offer {
max-width: 480px;
}
@media(max-width: 992px) {
.proizvodstvo h2 {
font-family: "Averta CY", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
text-transform: uppercase;
}
.about__wrapper_grid.grid-4 {
grid-template-columns: repeat(2, 1fr);
}
.reliability__list_steps {
grid-template-columns: repeat(2, 1fr);
gap: 27px 24px;
margin-right: 21px;
}
.proizvodstvo_control_list {
justify-content: space-between;
}
.features-list {
flex-wrap: wrap;
justify-content: center;
}
li.feature-item {
max-width: 220px;
}
}
@media (max-width: 768px) {
.cta-box {
padding: 40px 20px;
}
.cta-title {
font-size: 22px;
}
.cta-subtitle br {
display: none; /* Убираем жесткий перенос строки на мобилках, чтобы текст переносился сам */
}
.cta-buttons {
flex-direction: column; /* Кнопки встают друг под друга */
gap: 12px;
}
.btn {
min-width: 100%; /* Кнопки растягиваются на всю ширину */
padding: 16px 20px;
}
}
@media(max-width: 600px) {
.about__wrapper_grid.grid-4 {
grid-template-columns: repeat(1, 1fr);
}
.about__wrapper_buttons {
flex-direction: column;
}
.about__wrapper_grid.grid-3 {
grid-template-columns: repeat(1, 1fr);
}
.proizvodstvo_control_list {
flex-direction: column;
}
.reliability__list_text {
max-width: unset;
}
.reliability__list_steps {
margin-right: 40px;
}
.grid_col_3,
.grid_col_2 {
grid-column: span 6;
}
.proizvodstvo_control {
padding-bottom: 15px;
}
.technologies_equipment_banner {
flex-direction: column;
align-items: center;
text-align: center;
}
.quality_control .container {
flex-direction: column;
text-align: center;
border-radius: 20px;
background: var(--bg-table-block, #EDF1F3);
padding: 30px 25px;
gap: 15px;
}
.proizvodstvo h2 {
text-align: center;
}
.quality_control {
margin-left: 15px;
margin-right: 15px;
border-radius: 20px;
padding: 0;
}
.quality_control_line {
width: 100%;
background: #C8C8C8;
height: 1px;
}
.proizvodstvo_advantages_grid.about__wrapper_grid.grid-3 {
grid-template-columns: repeat(2, 1fr);
gap: 10px 5px;
}
.proizvodstvo_advantages_grid span {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
hyphens: auto;
margin-left: 12px;
}
.stats-row {
flex-direction: column;
}
.comparison-list {
padding-left: unset;
}
.list-item span.text {
line-height: 1.4;
min-height: 2.8em;
}
.list-item {
padding: 14px 10px;
}
}
/* End */
/* Start:/local/templates/fastengroup/components/bitrix/search.title/search-top/style.css?17883462061516*/
div.title-search-result {
padding: 24px 44px 16px;
box-shadow: 0px 2px 10px 0px #2626261A;
background: #fff;
z-index: 1000;
border-radius: 0 0 16px 16px;
transition: all .22s ease-out;
/*opacity: 1 !important;
visibility: visible !important;*/
}
.search_title {
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
color: #AFAFAF;
margin-bottom: 8px;
}
.search_result_category {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px 16px;
}
.search_result_category a {
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: #003857;
transition: 200ms;
}
.search_result_category {
margin-bottom: 20px;
}
.search_result_items a {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 0;
}
.search_result_items a img {
width: 60px;
}
.search_result_items a {
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: #003857;
transition: 200ms;
}
.search_result_items a:hover,
.search_result_category a:hover {
color: #EB5D13;
}
.search_result_items a:not(:last-child) {
border-bottom: 1px solid #F2F2F2
}
@media(max-width: 767px) {
.search_result_category {
grid-template-columns: repeat(1, 1fr);
gap: 6px;
}
}
/* End */
/* Start:/local/templates/fastengroup/components/bitrix/menu/top.depth.three/style.css?17883462061924*/
.header__subnav .header__nav-item .header__link {
color: var(--color-white);
}
.menu-icon {
fill: var(--color-white);
width: 12px;
height: 12px;
}
.menu-icon.--active {
fill: var(--color-orange);
}
.menu-top-three__parent:hover .menu-icon {
fill: var(--color-orange);
}
.menu-top-three__parent:hover > .header__link {
color: var(--color-orange);
}
.header__subnav .header__nav-item .header__link.--active {
color: var(--color-orange);
}
.header__subnav .header__nav-item .parent-link {
border-bottom: unset;
}
.menu-top-three .header__subnav {
padding: 0;
}
.menu-top-three .header__subnav-item+li {
margin: 0;
}
.menu-top-three .header__subnav .header__nav-item {
padding: 10px 28px;
}
.menu-top-three .header__subnav .header__subnav-item {
padding: 10px 28px;
}
.menu-top-three__child {
position: absolute;
top: 0;
left: 100%;
width: 375px;
}
.menu-top-three__child {
background: -webkit-gradient(linear, left top, left bottom, from(#5f7c94), to(#6b96af));
background: linear-gradient(180deg, #5f7c94 0, #6b96af 100%);
border-radius: 0 10px 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
pointer-events: none;
-webkit-transition: all .22sease-out;
transition: all .22sease-out;
}
.header__nav-item:hover>.menu-top-three__child {
opacity: 1;
pointer-events: all;
}
@media screen and (max-width: 1024px) {
.mobile-menu-level-two .header__subnav-item {
border-bottom: 1px solid var(--color-blue);
border-top: none;
}
.mobile-menu-level-two .header__subnav-item:last-child{
border-bottom: none;
}
.header__subnav .header__nav-item .header__link {
color: var(--color-blue);
}
}
/* End */
/* Start:/local/templates/fastengroup/components/bitrix/menu/bottom_dropdown/style.css?1788346206120*/
.bottom_dropdown_title {
cursor: pointer;
/*font-size: 16px;*/
margin-top: 20px;
margin-bottom: 10px;
}
/* End */
/* Start:/local/templates/fastengroup/template_styles.css?178973505428426*/
.headerCallback {
border-radius: 10px;
font-size: 15px;
padding: 28px 22px;
text-align: center;
top: 50px;
width: auto;
}
@media screen and (min-width: 1380px) {
.headerCallback {
right: -35px;
}
}
@media screen and (max-width: 1024px) {
.headerCallback {
top: 55px;
right: 10px;
}
}
@media screen and (max-width: 768px) {
.headerCallback {
right: 0;
}
}
.headerCallback__item {
justify-content: center;
font-size: 16px;
}
.headerCallback__icon {
margin-right: 8px;
}
@media (max-width:1024px) {
.headerCallback__icon {
margin: 0px 0px 0px 5px;
}
.headerCallback__item a {
font-size: 12px;
}
}
.headerCallback__icon.icon-envelope {
background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5437 6.02032L18.5797 5.98438L18.6515 5.91251C18.7234 5.84063 18.7953 5.76876 18.9031 5.69688C18.975 5.62501 19.0468 5.55313 19.1187 5.48126L19.6937 4.94219C19.8375 4.79844 19.9093 4.58282 19.8375 4.36719C19.8015 4.29532 19.7656 4.22344 19.7297 4.15157C19.55 3.97188 19.2625 3.93594 19.0468 4.04376C19.0109 4.07969 18.975 4.07969 18.939 4.11563L18.4719 4.54688C17.0344 5.84063 15.6328 7.09844 14.1953 8.39219C13.8718 8.67969 13.5484 8.96719 13.225 9.25469C12.7218 9.68594 12.1109 9.90157 11.5 9.90157C10.889 9.90157 10.314 9.72188 9.77497 9.25469C9.45154 8.96719 9.1281 8.67969 8.80466 8.39219C7.36716 7.09844 5.9656 5.84063 4.5281 4.54688L4.06091 4.11563C4.02497 4.07969 3.98904 4.07969 3.9531 4.04376C3.73747 3.90001 3.44997 3.97188 3.27029 4.15157C3.19841 4.22344 3.16247 4.29532 3.16247 4.36719C3.0906 4.54688 3.16247 4.79844 3.30622 4.94219L3.88122 5.48126L4.09685 5.69688C4.16872 5.76876 4.2406 5.84063 4.34841 5.91251L4.42029 5.98438L4.45622 6.02032C5.13904 6.66719 5.85779 7.27813 6.5406 7.88907C6.79216 8.10469 7.04372 8.35626 7.33122 8.60782C7.29529 8.64376 7.25935 8.67969 7.22341 8.71563C6.10935 9.82969 4.99529 10.9078 3.88122 12.0219C3.84529 12.0578 3.77341 12.1297 3.73747 12.1656C3.59372 12.3453 3.59372 12.5969 3.70154 12.7766C3.84529 12.9563 4.06091 13.0641 4.27654 12.9563C4.38435 12.9203 4.49216 12.8484 4.56404 12.7406C5.6781 11.6625 6.79216 10.5484 7.90622 9.47032C7.9781 9.39844 8.01404 9.36251 8.08591 9.29063C8.40935 9.57813 8.69685 9.82969 8.98435 10.0813C9.55935 10.6203 10.2781 10.9438 11.0687 11.0156C11.2125 11.0156 11.3562 11.0516 11.5 11.0516C11.6437 11.0516 11.7875 11.0516 11.9312 11.0156C12.7218 10.9438 13.4047 10.5844 14.0156 10.0813C14.3031 9.82969 14.5906 9.54219 14.914 9.29063C14.9859 9.36251 15.0578 9.39844 15.0937 9.47032C16.2078 10.5484 17.3218 11.6625 18.4359 12.7406C18.5078 12.8125 18.6156 12.9203 18.7234 12.9563C18.939 13.0281 19.1547 12.9563 19.2984 12.7766C19.4422 12.5969 19.4062 12.3453 19.2625 12.1656C19.2265 12.1297 19.1547 12.0578 19.1187 12.0219C18.0047 10.9078 16.8906 9.82969 15.7765 8.71563C15.7406 8.67969 15.7047 8.64376 15.6687 8.60782C15.9203 8.35626 16.1718 8.14063 16.4593 7.88907C17.1422 7.27813 17.8609 6.66719 18.5437 6.02032Z' fill='white'/%3E%3Cpath d='M19.3346 16.6938H3.66582C1.86895 16.6938 0.395508 15.2203 0.395508 13.4235V3.57659C0.395508 1.77971 1.86895 0.306274 3.66582 0.306274H19.3705C21.1674 0.306274 22.6408 1.77971 22.6408 3.57659V13.4235C22.6049 15.2203 21.1674 16.6938 19.3346 16.6938ZM3.66582 1.52815C2.51582 1.52815 1.61738 2.46252 1.61738 3.57659V13.4235C1.61738 14.5735 2.55176 15.4719 3.66582 15.4719H19.3705C20.5205 15.4719 21.4189 14.5375 21.4189 13.4235V3.57659C21.4189 2.42659 20.4846 1.52815 19.3705 1.52815H3.66582Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
height: 17px;
}
@media (max-width:1024px) {
.headerCallback__icon.icon-envelope {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5437 6.02032L18.5797 5.98438L18.6515 5.91251C18.7234 5.84063 18.7953 5.76876 18.9031 5.69688C18.975 5.62501 19.0468 5.55313 19.1187 5.48126L19.6937 4.94219C19.8375 4.79844 19.9093 4.58282 19.8375 4.36719C19.8015 4.29532 19.7656 4.22344 19.7297 4.15157C19.55 3.97188 19.2625 3.93594 19.0468 4.04376C19.0109 4.07969 18.975 4.07969 18.939 4.11563L18.4719 4.54688C17.0344 5.84063 15.6328 7.09844 14.1953 8.39219C13.8718 8.67969 13.5484 8.96719 13.225 9.25469C12.7218 9.68594 12.1109 9.90157 11.5 9.90157C10.889 9.90157 10.314 9.72188 9.77497 9.25469C9.45154 8.96719 9.1281 8.67969 8.80466 8.39219C7.36716 7.09844 5.9656 5.84063 4.5281 4.54688L4.06091 4.11563C4.02497 4.07969 3.98904 4.07969 3.9531 4.04376C3.73747 3.90001 3.44997 3.97188 3.27029 4.15157C3.19841 4.22344 3.16247 4.29532 3.16247 4.36719C3.0906 4.54688 3.16247 4.79844 3.30622 4.94219L3.88122 5.48126L4.09685 5.69688C4.16872 5.76876 4.2406 5.84063 4.34841 5.91251L4.42029 5.98438L4.45622 6.02032C5.13904 6.66719 5.85779 7.27813 6.5406 7.88907C6.79216 8.10469 7.04372 8.35626 7.33122 8.60782C7.29529 8.64376 7.25935 8.67969 7.22341 8.71563C6.10935 9.82969 4.99529 10.9078 3.88122 12.0219C3.84529 12.0578 3.77341 12.1297 3.73747 12.1656C3.59372 12.3453 3.59372 12.5969 3.70154 12.7766C3.84529 12.9563 4.06091 13.0641 4.27654 12.9563C4.38435 12.9203 4.49216 12.8484 4.56404 12.7406C5.6781 11.6625 6.79216 10.5484 7.90622 9.47032C7.9781 9.39844 8.01404 9.36251 8.08591 9.29063C8.40935 9.57813 8.69685 9.82969 8.98435 10.0813C9.55935 10.6203 10.2781 10.9438 11.0687 11.0156C11.2125 11.0156 11.3562 11.0516 11.5 11.0516C11.6437 11.0516 11.7875 11.0516 11.9312 11.0156C12.7218 10.9438 13.4047 10.5844 14.0156 10.0813C14.3031 9.82969 14.5906 9.54219 14.914 9.29063C14.9859 9.36251 15.0578 9.39844 15.0937 9.47032C16.2078 10.5484 17.3218 11.6625 18.4359 12.7406C18.5078 12.8125 18.6156 12.9203 18.7234 12.9563C18.939 13.0281 19.1547 12.9563 19.2984 12.7766C19.4422 12.5969 19.4062 12.3453 19.2625 12.1656C19.2265 12.1297 19.1547 12.0578 19.1187 12.0219C18.0047 10.9078 16.8906 9.82969 15.7765 8.71563C15.7406 8.67969 15.7047 8.64376 15.6687 8.60782C15.9203 8.35626 16.1718 8.14063 16.4593 7.88907C17.1422 7.27813 17.8609 6.66719 18.5437 6.02032Z' fill='white'/%3E%3Cpath d='M19.3346 16.6938H3.66582C1.86895 16.6938 0.395508 15.2203 0.395508 13.4235V3.57659C0.395508 1.77971 1.86895 0.306274 3.66582 0.306274H19.3705C21.1674 0.306274 22.6408 1.77971 22.6408 3.57659V13.4235C22.6049 15.2203 21.1674 16.6938 19.3346 16.6938ZM3.66582 1.52815C2.51582 1.52815 1.61738 2.46252 1.61738 3.57659V13.4235C1.61738 14.5735 2.55176 15.4719 3.66582 15.4719H19.3705C20.5205 15.4719 21.4189 14.5375 21.4189 13.4235V3.57659C21.4189 2.42659 20.4846 1.52815 19.3705 1.52815H3.66582Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
width: 19px;
height: 14px;
}
.headerCallback__item:not(:first-child) {
margin-top: 3px;
margin-left: 3px;
}
}
.headerCallback__icon.icon-envelope:before {
display: none;
}
.headerCallback__icon.icon-callback {
background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_79_202)'%3E%3Cpath d='M2.54134 17.6015C1.74761 15.0236 1.8269 12.2558 2.76689 9.72764C3.70688 7.19944 5.45502 5.05216 7.74005 3.61898C10.0251 2.18581 12.7193 1.54687 15.4045 1.80132C18.0898 2.05576 20.616 3.18935 22.5912 5.0262C22.7033 5.13181 22.7691 5.27749 22.7743 5.43144C22.7794 5.5854 22.7234 5.73513 22.6186 5.84797C22.5137 5.9608 22.3685 6.02758 22.2145 6.03373C22.0606 6.03988 21.9105 5.9849 21.797 5.88079C20.0099 4.21876 17.7243 3.19302 15.2947 2.96275C12.8651 2.73249 10.4274 3.31056 8.35996 4.60727C6.29248 5.90399 4.7108 7.84683 3.86034 10.1343C3.00988 12.4218 2.93821 14.9261 3.65645 17.2585C3.70193 17.4063 3.68681 17.5662 3.61441 17.7029C3.54201 17.8397 3.41826 17.942 3.27039 17.9875C3.12252 18.033 2.96263 18.0179 2.82591 17.9455C2.68918 17.8731 2.58682 17.7493 2.54134 17.6015Z' fill='%23003857'/%3E%3Cpath d='M5.7483 22.7181C5.71056 22.5953 5.71436 22.4636 5.75913 22.3432C5.8039 22.2229 5.88712 22.1207 5.9959 22.0524C6.10468 21.9842 6.23294 21.9538 6.36077 21.9659C6.48861 21.9779 6.60888 22.0319 6.70295 22.1193C8.49001 23.7813 10.7757 24.8071 13.2053 25.0373C15.6348 25.2676 18.0725 24.6895 20.14 23.3928C22.2075 22.0961 23.7891 20.1532 24.6396 17.8657C25.4901 15.5782 25.5617 13.074 24.8435 10.7416C24.798 10.5937 24.8131 10.4339 24.8855 10.2971C24.9579 10.1604 25.0817 10.058 25.2296 10.0126C25.3774 9.96708 25.5373 9.9822 25.674 10.0546C25.8108 10.127 25.9131 10.2507 25.9586 10.3986C26.7523 12.9765 26.673 15.7442 25.7331 18.2724C24.7931 20.8006 23.0449 22.9479 20.7599 24.3811C18.4749 25.8143 15.7807 26.4532 13.0954 26.1988C10.4102 25.9443 7.88395 24.8107 5.90876 22.9739C5.83375 22.9042 5.77841 22.8159 5.7483 22.7181Z' fill='%23003857'/%3E%3Cpath d='M5.7483 22.7181C5.71056 22.5953 5.71436 22.4636 5.75913 22.3432C5.8039 22.2229 5.88712 22.1207 5.9959 22.0524C6.10468 21.9842 6.23294 21.9538 6.36077 21.9659C6.48861 21.9779 6.60888 22.0319 6.70295 22.1193C8.49001 23.7813 10.7757 24.8071 13.2053 25.0373C15.6348 25.2676 18.0725 24.6895 20.14 23.3928C22.2075 22.0961 23.7891 20.1532 24.6396 17.8657C25.4901 15.5782 25.5617 13.074 24.8435 10.7416C24.798 10.5937 24.8131 10.4339 24.8855 10.2971C24.9579 10.1604 25.0817 10.058 25.2296 10.0126C25.3774 9.96708 25.5373 9.9822 25.674 10.0546C25.8108 10.127 25.9131 10.2507 25.9586 10.3986C26.7523 12.9765 26.673 15.7442 25.7331 18.2724C24.7931 20.8006 23.0449 22.9479 20.7599 24.3811C18.4749 25.8143 15.7807 26.4532 13.0954 26.1988C10.4102 25.9443 7.88395 24.8107 5.90876 22.9739C5.83375 22.9042 5.77841 22.8159 5.7483 22.7181Z' fill='%23003857'/%3E%3Cpath d='M2.54134 17.6015C1.74761 15.0236 1.8269 12.2558 2.76689 9.72764C3.70688 7.19944 5.45502 5.05216 7.74005 3.61898C10.0251 2.18581 12.7193 1.54687 15.4045 1.80132C18.0898 2.05576 20.616 3.18935 22.5912 5.0262C22.7033 5.13181 22.7691 5.27749 22.7743 5.43144C22.7794 5.5854 22.7234 5.73513 22.6186 5.84797C22.5137 5.9608 22.3685 6.02758 22.2145 6.03373C22.0606 6.03988 21.9105 5.9849 21.797 5.88079C20.0099 4.21876 17.7243 3.19302 15.2947 2.96275C12.8651 2.73249 10.4274 3.31056 8.35996 4.60727C6.29248 5.90399 4.7108 7.84683 3.86034 10.1343C3.00988 12.4218 2.93821 14.9261 3.65645 17.2585C3.70193 17.4063 3.68681 17.5662 3.61441 17.7029C3.54201 17.8397 3.41826 17.942 3.27039 17.9875C3.12252 18.033 2.96263 18.0179 2.82591 17.9455C2.68918 17.8731 2.58682 17.7493 2.54134 17.6015Z' fill='%23003857'/%3E%3Cpath d='M18.6681 6.53809C18.6226 6.39021 18.6377 6.23033 18.7101 6.09361C18.7825 5.95688 18.9063 5.85452 19.0542 5.80903L21.5225 5.04982L20.9684 2.09975C20.9399 1.94762 20.973 1.79041 21.0604 1.66269C21.1478 1.53496 21.2824 1.4472 21.4345 1.4187C21.5867 1.3902 21.7439 1.42329 21.8716 1.51071C21.9993 1.59812 22.0871 1.7327 22.1156 1.88482L22.7649 5.34694C22.7912 5.48772 22.7649 5.63329 22.6908 5.7559C22.6168 5.87851 22.5002 5.96959 22.3633 6.01178L19.3972 6.92414C19.2493 6.96963 19.0894 6.95451 18.9527 6.88211C18.816 6.80971 18.7136 6.68596 18.6681 6.53809Z' fill='%23003857'/%3E%3Cpath d='M6.40019 26.1793C6.39368 26.158 6.38827 26.1365 6.38399 26.1147L5.73471 22.6526C5.70849 22.5118 5.73494 22.3664 5.80901 22.2439C5.88309 22.1214 5.99961 22.0304 6.13641 21.9883L9.1026 21.0759C9.25047 21.0304 9.41036 21.0456 9.54708 21.118C9.68381 21.1904 9.78617 21.3141 9.83165 21.462C9.87714 21.6098 9.86202 21.7697 9.78962 21.9065C9.71722 22.0432 9.59347 22.1455 9.44559 22.191L6.9773 22.9502L7.53134 25.9003C7.55938 26.047 7.53008 26.1989 7.44946 26.3246C7.36885 26.4504 7.24307 26.5404 7.09805 26.5762C6.95303 26.612 6.79981 26.5907 6.66998 26.5169C6.54014 26.443 6.44358 26.3222 6.40019 26.1793Z' fill='%23003857'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_79_202)'%3E%3Cmask id='mask0_79_202' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='5' y='5' width='17' height='17'%3E%3Cpath d='M5.97705 5.72738H21.8861V21.6365H5.97705V5.72738Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_79_202)'%3E%3Cpath d='M8.46289 8.71443V8.71496C8.46289 11.6277 9.61984 14.4212 11.6797 16.4808C13.7393 18.5404 16.5327 19.6975 19.4454 19.6975H19.446L20.4444 16.7021L17.449 15.2044L16.4506 16.2029H16.4501C13.9689 16.2029 11.9575 14.1915 11.9575 11.7103V11.7098L12.956 10.7114L11.4583 7.71598L8.46289 8.71443Z' stroke='%23003857' stroke-width='1.06889' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_79_202'%3E%3Crect width='28' height='28' fill='white' transform='translate(0.25)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_79_202'%3E%3Crect width='16.5455' height='16.5455' fill='white' transform='translate(5.34082 5.09094)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
height: 28px;
width: 29px;
}
.headerCallback__icon.icon-callback:before {
display: none;
}
.headerCallback__button {
font-size: 15px;
height: auto;
padding: 5px 13px;
width: auto;
}
.category__thumb img {
width: auto;
}
.cont-with-bg-picture{
position: relative;
}
.cont-with-bg-picture > picture{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.cont-with-bg-picture > picture img{
width: 100%;
height: 100%;
object-fit: cover;
}
.list-slider__thumb picture{
height: 100%;
}
.mainSlider__inner picture {
max-height: 56px;
height: 100%;
}
.mainSlider__inner picture img {
height: 100%;
width: auto;
max-height: 55px;
}
.menu__filter.filter .bx-filter-button-box .bx-filter-block {
gap: 20px;
}
.menu__filter.filter .bx-filter-button-box .bx-filter-block input {
flex-grow: 1;
border: 1px solid #d7d7d7;
padding: 4px;
border-radius: 3px;
transition: .2s;
}
.menu__filter.filter .bx-filter-button-box .bx-filter-block input:hover {
border-color: #EB5D13;
}
.about__wrapper {
font-size: 15px;
margin: 40px 0;
line-height: 170%;
}
.about__wrapper b {
font-weight: 700;
}
@media screen and (max-width: 800px) {
.productChoose .custom-select__dropdown {
position: relative;
top: -1px !important;
border-radius: 0 0 25px 25px !important;
border-width: 1px;
}
.productChoose .productChoose__wrapper {
height: auto !important;
}
}
/* страница Отзывы и благодарственные письма */
.reviewsPage {
padding-bottom: 65px;
}
.reviewsPage * {
box-sizing: border-box;
}
.reviewsPage__title {
margin-top: 40px;
color: #133854;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
margin-bottom: 14px;
}
.reviewsPage__description {
color: #1D1D1D;
font-size: 15px;
font-style: normal;
font-weight: 100;
line-height: normal;
}
.reviewsPage__bottom {
padding: 35px;
border-radius: 18px;
background: #204C71;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
margin-top: 100px;
}
.reviewsPage__bottom__logo {
width: 150px;
min-width: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.reviewsPage__bottom__logo svg {
max-width: 100%;
}
.reviewsPage__bottom__text {
display: flex;
flex-direction: column;
gap: 10px;
}
.reviewsPage__bottom__text__title {
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 120%;
text-transform: uppercase;
}
.reviewsPage__bottom__text__text {
color: #FFF;
font-size: 16px;
font-weight: 300;
line-height: 120%;
letter-spacing: 0.32px;
}
.reviewsPage__bottom__text__button {
margin-top: 6px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 46px;
border-radius: 100px;
background: #DB652F;
height: 41px;
color: #FFF;
font-size: 14px;
font-weight: 600;
line-height: normal;
cursor: pointer;
width: fit-content;
transition: .2s;
}
.reviewsPage__bottom__text__button:hover {
background: #c54300;
}
.reviewsPage__items {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 30px;
}
.reviewsPage__items__item {
padding: 22px 16px;
display: flex;
flex-direction: column;
gap: 16px;
border-radius: 12px;
border: 1.4px solid rgba(217, 217, 217, 0.80);
background: #FFF;
width: calc(100%/3 - (16px * 2/3));
transition: .2s;
}
.reviewsPage__items__item:hover {
border-color: rgba(32, 76, 113, 0.70);
}
.reviewsPage__items__item__top {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
}
.reviewsPage__items__item__top__logo {
width: 58px;
min-width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
}
.reviewsPage__items__item__top__logo svg {
max-width: 100%;
}
.reviewsPage__items__item__top__logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.reviewsPage__items__item__top__text {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.reviewsPage__items__item__top__text__title {
color: #133854;
font-size: 18px;
font-weight: 600;
line-height: 108%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
overflow-wrap: break-word;
}
.reviewsPage__items__item__top__text__info {
display: flex;
flex-wrap: nowrap;
gap: 8px;
align-items: center;
color: #BFBFBF;
font-size: 12px;
font-weight: 600;
line-height: normal;
}
.reviewsPage__items__item__type {
display: flex;
align-items: center;
justify-content: center;
height: 29px;
padding: 0 16px;
border-radius: 100px;
background: #EEF1F3;
color: #133854;
font-size: 14px;
font-weight: 600;
line-height: normal;
width: fit-content;
}
.reviewsPage__items__item__text {
color: #1D1D1D;
font-size: 18px;
font-weight: 300;
line-height: normal;
letter-spacing: 0.18px;
}
.reviewsPage__items__item__buttons {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 6px;
}
.reviewsPage__items__item__buttons__noscan {
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M1.90863 1.91879C1.90863 1.14816 2.53335 0.523438 3.30398 0.523438H10.1362C10.2287 0.523438 10.3175 0.56019 10.3829 0.62561L14.3646 4.60731C14.43 4.67273 14.4668 4.76146 14.4668 4.85398V13.0816C14.4668 13.8522 13.8421 14.4769 13.0714 14.4769H3.30398C2.53335 14.4769 1.90863 13.8522 1.90863 13.0816V1.91879Z' fill='%23D3D3D3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.30404 1.04651C2.8224 1.04651 2.43195 1.43696 2.43195 1.9186V13.0814C2.43195 13.563 2.8224 13.9535 3.30404 13.9535H13.0715C13.5531 13.9535 13.9436 13.563 13.9436 13.0814V4.92604L10.064 1.04651H3.30404ZM1.38544 1.9186C1.38544 0.858989 2.24443 0 3.30404 0H10.1363C10.3676 0 10.5894 0.0918811 10.753 0.25543L14.7347 4.23713C14.8982 4.40068 14.9901 4.6225 14.9901 4.8538V13.0814C14.9901 14.141 14.1311 15 13.0715 15H3.30404C2.24443 15 1.38544 14.141 1.38544 13.0814V1.9186Z' fill='%23D3D3D3'/%3e%3cpath d='M14.3477 4.59098L10.3999 0.643133C10.3559 0.599182 10.2808 0.63031 10.2808 0.692466V4.64031C10.2808 4.67884 10.312 4.71008 10.3505 4.71008H14.2984C14.3605 4.71008 14.3917 4.63493 14.3477 4.59098Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.75745 0.691868C9.75745 0.163541 10.3962 -0.101046 10.7698 0.272538L14.7176 4.22038C15.0912 4.59397 14.8266 5.23274 14.2983 5.23274H10.3505C10.023 5.23274 9.75745 4.96723 9.75745 4.63971V0.691868ZM10.804 1.78669V4.18622H13.2035L10.804 1.78669Z' fill='%23D3D3D3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.87378 7.50031C4.87378 7.21132 5.10805 6.97705 5.39704 6.97705H10.9784C11.2674 6.97705 11.5017 7.21132 11.5017 7.50031C11.5017 7.78929 11.2674 8.02356 10.9784 8.02356H5.39704C5.10805 8.02356 4.87378 7.78929 4.87378 7.50031Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.87378 10.2911C4.87378 10.0021 5.10805 9.76782 5.39704 9.76782H10.9784C11.2674 9.76782 11.5017 10.0021 11.5017 10.2911C11.5017 10.5801 11.2674 10.8143 10.9784 10.8143H5.39704C5.10805 10.8143 4.87378 10.5801 4.87378 10.2911Z' fill='white'/%3e%3c/svg%3e") no-repeat center center /cover;
}
.reviewsPage__items__item__buttons__scan {
display: flex;
align-items: center;
gap: 4px;
color: #204C71;
font-size: 14px;
font-weight: 600;
line-height: normal;
letter-spacing: 0.14px;
cursor: pointer;
width: fit-content;
}
.reviewsPage__items__item__buttons__scan span,
.reviewsPage__items__item__buttons__scan svg path {
transition: .2s;
}
.reviewsPage__items__item__buttons__scan:hover {
color: #DB652F;
}
.reviewsPage__items__item__buttons__scan:hover svg path.reviewsPage__items__item__buttons__scan__icon {
fill: #DB652F;
}
.reviewsPage__items__item__buttons__pdf {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 6px;
color: #DB652F;
font-size: 14px;
font-weight: 600;
line-height: normal;
letter-spacing: 0.14px;
transition: .2s;
width: fit-content;
margin-left: auto;
}
.reviewsPage__items__item__buttons__pdf span,
.reviewsPage__items__item__buttons__pdf svg path {
transition: .2s;
}
.reviewsPage__items__item__buttons__pdf:hover {
color: #B74C1F;
}
.reviewsPage__items__item__buttons__pdf:hover svg path {
fill: #B74C1F;
}
.reviewsPage-fancybox.fancybox__content {
width: 842px;
max-width: 842px;
box-sizing: border-box;
border-radius: 14px;
border: 1px solid #FFF;
background: #445563;
padding: 0;
}
.reviewsPage-fancybox.fancybox__content * {
box-sizing: border-box;
}
.reviewsPage-fancybox.fancybox__content:not(.modal)::after {
background: none;
}
.reviewsPage-fancybox.fancybox__content .f-button.is-close-btn {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3crect width='32' height='32' rx='16' fill='%23DB652F'/%3e%3cpath d='M22.6894 9.3212C22.2753 8.90709 21.6064 8.90709 21.1923 9.3212L16 14.5028L10.8077 9.31058C10.3936 8.89647 9.72469 8.89647 9.31058 9.31058C8.89647 9.72469 8.89647 10.3936 9.31058 10.8077L14.5028 16L9.31058 21.1923C8.89647 21.6064 8.89647 22.2753 9.31058 22.6894C9.72469 23.1035 10.3936 23.1035 10.8077 22.6894L16 17.4972L21.1923 22.6894C21.6064 23.1035 22.2753 23.1035 22.6894 22.6894C23.1035 22.2753 23.1035 21.6064 22.6894 21.1923L17.4972 16L22.6894 10.8077C23.0929 10.4042 23.0929 9.72469 22.6894 9.3212Z' fill='white'/%3e%3c/svg%3e");
right: 20px;
top: 20px;
z-index: 100;
}
.reviewsPage-fancybox.fancybox__content .f-button.is-close-btn svg {
display: none;
}
.reviewsPage__scan {
padding: 20px;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
gap: 20px;
}
.reviewsPage__scan__img {
max-width: 560px;
border-radius: 14px;
overflow: hidden;
}
.reviewsPage__scan__img img {
max-width: 100%;
}
.reviewsPage__scan__text {
display: flex;
flex-direction: column;
position: relative;
z-index: 99;
width: 100%;
}
.reviewsPage__scan__text__type {
display: flex;
align-items: center;
justify-content: center;
height: 29px;
padding: 0 16px;
border-radius: 100px;
background: #EEF1F3;
color: #133854;
font-size: 14px;
font-weight: 600;
line-height: normal;
width: fit-content;
margin-bottom: 12px;
}
.reviewsPage__scan__text__name {
color: #FFF;
font-size: 18px;
font-weight: 600;
line-height: 108%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
overflow-wrap: break-word;
margin-bottom: 6px;
}
.reviewsPage__scan__text__date {
color: #BFBFBF;
font-size: 12px;
font-weight: 600;
line-height: normal;
}
.reviewsPage__scan__text__date__pdf {
display: flex;
align-items: center;
justify-content: center;
padding: 0 46px;
height: 41px;
border-radius: 100px;
background: #DB652F;
color: #FFF;
font-size: 14px;
font-weight: 600;
line-height: normal;
letter-spacing: 0.14px;
transition: .2s;
cursor: pointer;
margin-top: 16px;
width: fit-content;
}
.reviewsPage__scan__text__date__pdf:hover {
background: #c54300;
}
@media screen and (max-width: 1480px) {
.reviewsPage__items__item {
width: calc(50% - 8px);
}
}
@media screen and (max-width: 1024px) {
.reviewsPage {
padding-bottom: 36px;
}
.reviewsPage__bottom {
margin-top: 80px;
}
}
@media screen and (max-width: 899px) {
.reviewsPage-fancybox.fancybox__content {
width: 100%;
max-width: calc(100% - 40px);
}
.reviewsPage__scan {
flex-direction: column;
align-items: center;
}
.reviewsPage-fancybox.fancybox__content .f-button.is-close-btn {
top: unset;
bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.reviewsPage__title {
font-size: 22px;
margin-bottom: 6px;
}
.reviewsPage__bottom {
margin-top: 74px;
padding: 40px 20px;
flex-direction: column;
gap: 30px;
}
.reviewsPage__bottom__text {
gap: 16px;
align-items: center;
}
.reviewsPage__bottom__text__title,
.reviewsPage__bottom__text__text {
text-align: center;
}
.reviewsPage__bottom__text__button {
margin-top: 4px;
}
.reviewsPage__items {
margin-top: 45px;
}
.reviewsPage__items__item {
width: 100%;
}
.reviewsPage-fancybox.fancybox__content {
width: 100%;
max-width: calc(100% - 20px);
}
}
/* end страница Отзывы и благодарственные письма */
img {
object-fit: contain;
object-position: center;
}
#bx_3218110189_10.catalog__item {
display: none;
}
/* модальное окно в документах */
.modal.modal--document {
max-width: 305px;
background-color: var(--color-blue);
border-radius: 10px;
padding: 28px;
padding-top: 55px;
}
.modal.modal--document:has(.document-image) {
max-width: 920px;
padding-top: 28px;
}
.modal.modal--document .modal__content {
width: auto;
display: flex;
gap: 20px;
justify-content: center;
}
.modal.modal--document .is-close-btn {
background-color: var(--color-orange);
color: var(--color-white);
outline: none !important;
border-radius: 50%;
height: 28px;
width: 28px;
right: 17px;
top: 17px;
}
.modal.modal--document .is-close-btn:focus-visible {
box-shadow: none;
}
.modal.modal--document svg {
height: 12px;
width: 12px;
stroke-width: 4;
}
.document-image {
max-width: 595px;
}
.document-image .docs_slider {
max-height: 100%;
}
.document-content {
color: var(--color-white);
display: flex;
gap: 20px;
flex-direction: column;
justify-content: center;
}
.document-content__title {
font-weight: 700;
font-size: 18px;
line-height: 140%;
}
.document-content__text {
font-weight: 400;
font-size: 14px;
line-height: 140%;
}
.document-content__upload {
max-width: 168px;
}
@media (max-width: 900px) {
.modal.modal--document .modal__content {
flex-direction: column;
justify-content: center;
align-items: center;
}
.document-image .docs_slider .swiper-slide {
display: flex;
}
.document-image .docs_slider .swiper-slide img {
max-height: 670px;
width: auto;
margin: 0 auto;
}
.document-content {
text-align: center;
}
.document-content__upload {
margin: 0 auto !important;
}
.document-image {
max-width: 100%;
}
}
@media (max-width: 500px) {
.document-image {
margin: 0;
}
}
/* end модальное окно в документах */
/* End */
/* /local/templates/fastengroup/lib/css/swiper-bundle.min.css?178834620618435 */
/* /local/templates/fastengroup/lib/css/app.min.css?1788346206177629 */
/* /local/templates/fastengroup/lib/css/custom.css?179437740821401 */
/* /local/templates/fastengroup/components/bitrix/search.title/search-top/style.css?17883462061516 */
/* /local/templates/fastengroup/components/bitrix/menu/top.depth.three/style.css?17883462061924 */
/* /local/templates/fastengroup/components/bitrix/menu/bottom_dropdown/style.css?1788346206120 */
/* /local/templates/fastengroup/template_styles.css?178973505428426 */