/* Start:/local/templates/main/css/libs.css?174011545133506*/ /** * Swiper 9.1.1 * 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: March 16, 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}.swiper,swiper-container{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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-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,swiper-container: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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,:host(.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;-ms-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,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/main/css/style.css?1764232965178094*/ .h1 { font-size: 46px; font-style: normal; font-weight: 700; line-height: 120%; color: #292d32; } @media screen and (max-width: 767px) { .h1 { font-size: 32px; } } @media screen and (max-width: 575px) { .h1 { font-size: 28px; } } @media screen and (max-width: 374px) { .h1 { font-size: 26px; } } .h2 { font-size: 46px; font-style: normal; font-weight: 700; line-height: 120%; text-align: center; color: #292d32; } @media screen and (max-width: 767px) { .h2 { font-size: 28px; } } .h2 + p { font-size: 20px; margin-top: 20px; max-width: 727px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; } @media screen and (max-width: 767px) { .h2 + p { font-size: 14px; line-height: 160%; margin-top: 14px; } } .h2--small { font-size: 36px; line-height: 140%; } @media screen and (max-width: 767px) { .h2--small { font-size: 28px; line-height: 120%; } } .h2--left { text-align: left; } .h2--left + p { text-align: left; margin-left: 0; } .h3 { font-size: 30px; font-style: normal; font-weight: 700; line-height: 120%; color: #292d32; } @media screen and (max-width: 767px) { .h3 { font-size: 24px; } } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope"; src: url("/local/templates/main/css/../fonts/Manrope-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/local/templates/main/css/../fonts/Poppins-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @layer reset { header *:not(svg):not(svg *):not(strong):not(em):not(b):not(del):not(.modal ul):not(.modal li):not(.about-lid__text ul li):not(.about-lid__text ul), main *:not(svg):not(svg *):not(strong):not(em):not(b):not(del):not(.modal ul):not(.modal li):not(.about-lid__text ul li):not(.about-lid__text ul), footer *:not(svg):not(svg *):not(strong):not(em):not(b):not(del):not(.modal ul):not(.modal li):not(.about-lid__text ul li):not(.about-lid__text ul), .modal *:not(svg):not(svg *):not(strong):not(em):not(b):not(del):not(.modal ul):not(.modal li):not(.about-lid__text ul li):not(.about-lid__text ul) { all: unset; display: revert; list-style: none; } } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: unset; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } button { background-color: transparent; font-family: inherit; font-size: inherit; cursor: pointer; } img { display: block; width: auto; max-width: 100%; overflow: clip; overflow-clip-margin: content-box; } .element-invisible { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .hidden { display: none !important; } body { min-height: 100vh; position: relative; font-style: normal; height: 100%; font-family: "Manrope", "Arial", sans-serif; } html { height: auto; -webkit-text-size-adjust: none; } html.disable-scrolling { overflow: hidden; margin-right: calc(-1 * (100vw - 100%)); } html, body { min-height: 100vh; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; position: relative; } @media screen and (max-width: 767px) { html, body { scroll-padding-top: 104px; } } .main, .page { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main { padding-top: 110px; } @media screen and (max-width: 767px) { .main { padding-top: 114px; } } @media screen and (max-width: 575px) { .main { padding-top: 104px; } } .container { position: relative; margin: 0 auto; width: 100%; padding: 0 60px; max-width: 1440px; } @media screen and (max-width: 1200px) { .container { padding: 0 30px; } } @media screen and (max-width: 767px) { .container { padding: 0 16px; } } .container--width-935 { max-width: 935px; } @media screen and (max-width: 1200px) { .container--width-935 { max-width: inherit; } } .container--width-860 { max-width: 980px; } @media screen and (max-width: 1200px) { .container--width-860 { max-width: 920px; } } @media screen and (max-width: 767px) { .container--width-860 { max-width: 892px; } } #panel + .section { padding-top: 0; } .section { padding: 50px 0; } @media screen and (max-width: 767px) { .section { padding: 30px 0; } } .section:first-child { padding-top: 0; } .section--no-overflow { overflow: hidden; } .section:last-child { padding-bottom: 100px; } @media screen and (max-width: 767px) { .section:last-child { padding-bottom: 60px; } } .section:last-child:first-child { padding-bottom: 0; } @media screen and (max-width: 767px) { .section:last-child:first-child { padding-bottom: 0; } } .section--border-radius-top { border-radius: 55px 55px 0 0; padding-top: 60px; margin-top: -104px; background-color: #ffffff; z-index: 1; } @media screen and (max-width: 1200px) { .section--border-radius-top { padding-top: 30px; } } @media screen and (max-width: 991px) { .section--border-radius-top { border-radius: 0; margin-top: -50px; } } @media screen and (max-width: 767px) { .section--border-radius-top { margin-top: 0; padding-top: 0; } } .breadcrumbs { position: absolute; top: 120px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media screen and (max-width: 575px) { .breadcrumbs { width: 100%; } } .breadcrumbs .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; } @media screen and (max-width: 575px) { .breadcrumbs .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .breadcrumbs__item { position: relative; margin: 0 29px 10px 0; color: #292d32; text-decoration: none; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .breadcrumbs__item a { color: #979797; cursor: pointer; } .breadcrumbs__item::before { content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: -14px; background-color: #979797; } .breadcrumbs__item:last-child { margin-right: 0; } .breadcrumbs__item:last-child::before { display: none; } .inputholder { width: 100%; position: relative; } .inputholder__input, .inputholder__textarea { font-family: inherit; width: 100%; border-radius: 24px; font-size: 16px; line-height: normal; padding: 14px 20px; background-color: #ffffff; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::-webkit-input-placeholder, .inputholder__textarea::-webkit-input-placeholder { color: #979797; font-size: 16px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::-moz-placeholder, .inputholder__textarea::-moz-placeholder { color: #979797; font-size: 16px; -moz-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input:-ms-input-placeholder, .inputholder__textarea:-ms-input-placeholder { color: #979797; font-size: 16px; -ms-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::-ms-input-placeholder, .inputholder__textarea::-ms-input-placeholder { color: #979797; font-size: 16px; -ms-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input::placeholder, .inputholder__textarea::placeholder { color: #979797; font-size: 16px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .inputholder__input.error, .inputholder__textarea.error { -webkit-box-shadow: 0px 0px 0px 1px #ff8f6b inset; box-shadow: 0px 0px 0px 1px #ff8f6b inset; } .inputholder__input.error::-webkit-input-placeholder, .inputholder__textarea.error::-webkit-input-placeholder { color: #ff8f6b; } .inputholder__input.error::-moz-placeholder, .inputholder__textarea.error::-moz-placeholder { color: #ff8f6b; } .inputholder__input.error:-ms-input-placeholder, .inputholder__textarea.error:-ms-input-placeholder { color: #ff8f6b; } .inputholder__input.error::-ms-input-placeholder, .inputholder__textarea.error::-ms-input-placeholder { color: #ff8f6b; } .inputholder__input.error::placeholder, .inputholder__textarea.error::placeholder { color: #ff8f6b; } .inputholder__textarea { min-height: 98px; display: block; word-break: break-all; } @media screen and (max-width: 767px) { .inputholder__textarea { min-height: 109px; } } .inputholder__textarea:has(.inputholder__counter) { position: relative; border-radius: 24px; overflow: hidden; } .inputholder__counter { position: absolute; right: 0; bottom: 0; color: #979797; padding: 5px 10px; background-color: #ffffff; border-radius: 24px; } .inputholder__counter p { font-size: 12px; line-height: normal; } .inputholder__row { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; } @media screen and (max-width: 767px) { .inputholder__row { grid-template-columns: none; } } .thanks { opacity: 0; visibility: hidden; pointer-events: none; position: absolute; right: 50%; bottom: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 560px; gap: 10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 100px; padding-bottom: 105px; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .thanks { padding: 40px 0; } } @media screen and (max-width: 767px) { .thanks { padding: 27px 20px; } } .form__buttonholder { cursor: pointer; } .button { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; padding: 18px; 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; border-radius: 55px; background-color: #292d32; color: #ffffff; gap: 10px; } .button svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (hover: hover) and (pointer: fine) { .button:hover { background-color: #D8D8D8; color: #292d32; } .button:hover svg:not(.hh) { -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(18%) saturate(561%) hue-rotate(174deg) brightness(93%) contrast(82%); filter: brightness(0) saturate(100%) invert(11%) sepia(18%) saturate(561%) hue-rotate(174deg) brightness(93%) contrast(82%); } } @media screen and (max-width: 767px) { .button { padding: 13px; } } .button--gray { background-color: #f7f7f9; color: #292d32; } @media (hover: hover) and (pointer: fine) { .button--gray:hover { background-color: #292d32; color: #ffffff; } .button--gray:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } .button--white { background-color: #ffffff; color: #292d32; } @media (hover: hover) and (pointer: fine) { .button--white:hover { background-color: #292d32; color: #ffffff; } .button--white:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } .button--hollow { -webkit-box-shadow: 0 0 0 1px #292d32 inset; box-shadow: 0 0 0 1px #292d32 inset; background-color: #ffffff; color: #292d32; } @media (hover: hover) and (pointer: fine) { .button--hollow:hover { background-color: #292d32; color: #ffffff; } .button--hollow:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } .button--preload { position: relative; } .button--preload span { opacity: 0; } .button--preload:before { content: ""; bottom: 50%; right: 50%; width: 24px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5 12C23.3284 12 24.0097 11.3258 23.9064 10.5039C23.7141 8.97377 23.228 7.49022 22.4699 6.13654C21.4667 4.34514 20.0206 2.84111 18.27 1.76832C16.5193 0.695526 14.5227 0.0898594 12.4711 0.00925152C10.4195 -0.0713564 8.38152 0.375791 6.55211 1.30792C4.7227 2.24005 3.16306 3.62599 2.02236 5.33316C0.88167 7.04033 0.198083 9.01163 0.0369918 11.0585C-0.1241 13.1054 0.242692 15.1593 1.10228 17.0239C1.75183 18.4329 2.66636 19.6981 3.79122 20.7531C4.3955 21.3198 5.34132 21.1649 5.82826 20.4947C6.31519 19.8245 6.15545 18.894 5.57531 18.3026C4.85375 17.5671 4.26119 16.7104 3.82671 15.7679C3.18202 14.3695 2.90693 12.829 3.02774 11.2939C3.14856 9.75872 3.66125 8.28025 4.51677 6.99987C5.37229 5.71949 6.54203 4.68004 7.91408 3.98094C9.28614 3.28184 10.8146 2.94648 12.3533 3.00694C13.892 3.06739 15.3895 3.52164 16.7025 4.32624C18.0155 5.13083 19.1 6.25885 19.8525 7.60241C20.3595 8.50787 20.7043 9.49082 20.8753 10.5069C21.0127 11.3239 21.6716 12 22.5 12Z' fill='white'/%3E%3C/svg%3E"); -webkit-animation: 3s linear infinite rotate; animation: 3s linear infinite rotate; position: absolute; z-index: 1; } .button span { font-size: 12px; font-weight: 500; line-height: 120%; text-transform: uppercase; } .button[disabled] { opacity: 0.7; pointer-events: none; } .fix-button { position: fixed; bottom: 150px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); z-index: 1; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 1600px) { .fix-button { max-width: 1580px; } } @media screen and (max-width: 1599px) { .fix-button { max-width: 1440px; padding: 0 5px; } } @media screen and (max-width: 1200px) { .fix-button { padding: 0 30px; } } @media screen and (max-width: 767px) { .fix-button { bottom: 73px; padding: 0 16px; } } .fix-button svg { width: 24px; height: 24px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .fix-button__item { border-radius: 50%; width: 50px; height: 50px; background-color: #f7f7f9; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s ease !important; -o-transition: 0.3s ease !important; transition: 0.3s ease !important; pointer-events: all; opacity: 0; display: none; } @media (hover: hover) and (pointer: fine) { .fix-button__item:hover { background-color: #292d32; color: #ffffff; } .fix-button__item:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } @media screen and (max-width: 575px) { .fix-button__item { width: 40px; height: 40px; } } @-webkit-keyframes rotate { from { -webkit-transform: translate(50%, 50%) rotate(0deg); transform: translate(50%, 50%) rotate(0deg); } to { -webkit-transform: translate(50%, 50%) rotate(360deg); transform: translate(50%, 50%) rotate(360deg); } } @keyframes rotate { from { -webkit-transform: translate(50%, 50%) rotate(0deg); transform: translate(50%, 50%) rotate(0deg); } to { -webkit-transform: translate(50%, 50%) rotate(360deg); transform: translate(50%, 50%) rotate(360deg); } } .logo { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 199px; flex: 0 0 199px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .logo__name { margin-top: 6px; } @media screen and (max-width: 575px) { .logo { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; height: 50px; } } @media screen and (max-width: 575px) { .logo--header .logo__name { display: none; } } @media screen and (max-width: 1200px) { .logo--footer { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .nav { background-color: rgba(255, 255, 255, 0.7); padding: 0 32px; border-radius: 40px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } @media screen and (max-width: 1200px) { .nav { padding: 0 20px; } } @media screen and (max-width: 991px) { .nav { height: 100%; padding: 0; border-radius: 0; } } .nav__link { font-size: 14px; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .nav__item-parent { position: relative; } @media screen and (max-width: 991px) { .nav__item-parent { 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-align: start; -ms-flex-align: start; align-items: flex-start; } } .nav__item-parent .nav__list { opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 100%; border-radius: 20px; background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: 12px 10px 15px 10px; gap: 10px; left: -32px; width: 175px; display: grid; } @media screen and (max-width: 1200px) { .nav__item-parent .nav__list { left: -20px; } } @media screen and (max-width: 991px) { .nav__item-parent .nav__list { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: static; opacity: 1; pointer-events: all; visibility: visible; padding: 0; gap: 5px; display: grid; display: none; } } .nav__item-parent .nav__list .nav__link { padding: 8px 10px; } @media screen and (max-width: 991px) { .nav__item-parent .nav__list .nav__link { font-size: 18px; padding: 12px 20px; } } .nav__item-parent .nav__item { min-height: 36px; padding: 0; border-radius: 26px; } @media (hover: hover) and (pointer: fine) { .nav__item-parent .nav__item:hover { background-color: #292d32; } .nav__item-parent .nav__item:hover .nav__link { color: #ffffff; } } .nav__item-parent .nav__link { line-height: 120%; } @media (hover: hover) and (pointer: fine) { .nav__item-parent:hover .nav__list { opacity: 1; pointer-events: all; visibility: visible; } } .nav > .nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 55px; } .nav > .nav__list::-webkit-scrollbar { width: 5px; border-radius: 20px; background-color: #f7f7f9; } .nav > .nav__list::-webkit-scrollbar-thumb { background-color: #292d32; border-radius: 20px; } .nav > .nav__list::-webkit-scrollbar-track { border-radius: 20px; } @media screen and (max-width: 1200px) { .nav > .nav__list { gap: 30px; } } @media screen and (max-width: 991px) { .nav > .nav__list { padding-right: 10px; height: 100%; overflow-y: auto; gap: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nav > .nav__list > .nav__item.active > .nav__link { color: #3ca75e; } @media screen and (max-width: 991px) { .nav > .nav__list > .nav__item.active > .nav__link { color: #3ca75e; border-radius: 20px; background-color: #f7f7f9; } } @media (hover: hover) and (pointer: fine) { .nav > .nav__list > .nav__item:hover > .nav__link { color: #3ca75e; } } .nav > .nav__list > .nav__item > .nav__link { padding: 21px 0; } @media screen and (max-width: 991px) { .nav > .nav__list > .nav__item > .nav__link { padding: 12px 20px; font-size: 26px; line-height: 140%; color: #979797; } } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; padding-top: 30px; padding-bottom: 20px; } @media screen and (max-width: 767px) { .header { padding-top: 33px; padding-bottom: 21px; } } .header__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media screen and (max-width: 991px) { .header__row { gap: 10px; } } .header .logo { background-color: rgba(255, 255, 255, 0.7); padding: 15px 20px; border-radius: 40px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-box-flex: 0; -ms-flex: 0 0 224px; flex: 0 0 224px; } @media screen and (max-width: 575px) { .header .logo { padding: 7px; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .burger { z-index: 1; width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; position: relative; display: none; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; cursor: pointer; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } @media screen and (max-width: 991px) { .burger { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 575px) { .burger { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; height: 50px; } } .burger:before, .burger:after { content: ""; position: absolute; width: 100%; height: 100%; background-size: 24px 24px; background-repeat: no-repeat; background-position: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 575px) { .burger:before, .burger:after { background-size: 20px 20px; } } .burger:before { background-image: url("data:image/svg+xml,"); opacity: 0; pointer-events: none; } .burger:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3077 6.5H3.69231C3.31385 6.5 3 6.16 3 5.75C3 5.34 3.31385 5 3.69231 5H20.3077C20.6862 5 21 5.34 21 5.75C21 6.16 20.6862 6.5 20.3077 6.5Z' fill='%23292D32'/%3E%3Cpath d='M20.3077 11.5H3.69231C3.31385 11.5 3 11.16 3 10.75C3 10.34 3.31385 10 3.69231 10H20.3077C20.6862 10 21 10.34 21 10.75C21 11.16 20.6862 11.5 20.3077 11.5Z' fill='%23292D32'/%3E%3Cpath d='M20.3077 17.5H3.69231C3.31385 17.5 3 17.16 3 16.75C3 16.34 3.31385 16 3.69231 16H20.3077C20.6862 16 21 16.34 21 16.75C21 17.16 20.6862 17.5 20.3077 17.5Z' fill='%23292D32'/%3E%3C/svg%3E"); } .burger--open { background-color: #f7f7f9; } .burger--open:before { opacity: 1; pointer-events: all; } .burger--open:after { opacity: 0; pointer-events: none; } .menu { margin-right: 56px; -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } @media screen and (max-width: 1200px) { .menu { margin-right: 0; } } @media screen and (max-width: 991px) { .menu { pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: -30px; right: 0; background-color: #ffffff; padding: 133px 16px 16px; height: 100vh; height: calc(var(--vh, 1vh) * 100); width: 360px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } } @media screen and (max-width: 767px) { .menu { top: -33px; padding: 106px 10px 20px; } } @media screen and (max-width: 575px) { .menu { width: 100%; } } .menu.vis { z-index: 1; } @media screen and (max-width: 991px) { .menu.vis { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); pointer-events: all; } } @media screen and (min-width: 992px) { .menu.first-loading-animation { opacity: 0; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); } } .overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(48, 48, 48, 0.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .modal { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; width: 100%; max-width: 500px; } @media screen and (max-width: 991px) { .modal { height: 100vh; height: calc(var(--vh, 1vh) * 100); top: auto; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .modal__wrapper { background-color: #ffffff; border-radius: 55px; padding: 60px; position: relative; max-height: 80vh; } @media screen and (max-width: 991px) { .modal__wrapper { margin-top: 80px; border-radius: 35px 35px 0 0; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-self: flex-end; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -ms-flex-item-align: end; align-self: flex-end; max-height: inherit; } } .modal--production { max-width: 809px; } @media screen and (max-width: 991px) { .modal--production { max-width: inherit; } } .modal__close { cursor: pointer; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.281 18.2198C19.3507 18.2895 19.406 18.3722 19.4437 18.4632C19.4814 18.5543 19.5008 18.6519 19.5008 18.7504C19.5008 18.849 19.4814 18.9465 19.4437 19.0376C19.406 19.1286 19.3507 19.2114 19.281 19.281C19.2114 19.3507 19.1286 19.406 19.0376 19.4437C18.9465 19.4814 18.849 19.5008 18.7504 19.5008C18.6519 19.5008 18.5543 19.4814 18.4632 19.4437C18.3722 19.406 18.2895 19.3507 18.2198 19.281L12.0004 13.0607L5.78104 19.281C5.64031 19.4218 5.44944 19.5008 5.25042 19.5008C5.05139 19.5008 4.86052 19.4218 4.71979 19.281C4.57906 19.1403 4.5 18.9494 4.5 18.7504C4.5 18.5514 4.57906 18.3605 4.71979 18.2198L10.9401 12.0004L4.71979 5.78104C4.57906 5.64031 4.5 5.44944 4.5 5.25042C4.5 5.05139 4.57906 4.86052 4.71979 4.71979C4.86052 4.57906 5.05139 4.5 5.25042 4.5C5.44944 4.5 5.64031 4.57906 5.78104 4.71979L12.0004 10.9401L18.2198 4.71979C18.3605 4.57906 18.5514 4.5 18.7504 4.5C18.9494 4.5 19.1403 4.57906 19.281 4.71979C19.4218 4.86052 19.5008 5.05139 19.5008 5.25042C19.5008 5.44944 19.4218 5.64031 19.281 5.78104L13.0607 12.0004L19.281 18.2198Z' fill='%23292D32'/%3E%3C/svg%3E"); border-radius: 50%; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: center; background-color: #f7f7f9; position: absolute; right: -13px; top: -13px; } @media screen and (max-width: 991px) { .modal__close { right: 16px; top: 16px; width: 50px; height: 50px; } } .modal__container { max-height: calc(80vh - 220px); overflow-y: auto; padding-right: 20px; margin-right: -20px; } @media screen and (max-width: 991px) { .modal__container { padding-right: 17px; margin-right: 0; max-height: calc(var(--vh, 1vh) * 100 - 188px); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .modal__container::-webkit-scrollbar { width: 5px; border-radius: 20px; background-color: #f7f7f9; } .modal__container::-webkit-scrollbar-thumb { background-color: #292d32; border-radius: 20px; } .modal__container::-webkit-scrollbar-track { border-radius: 20px; } .modal__title { text-align: center; padding-bottom: 40px; min-height: 100px; 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; position: relative; } @media screen and (max-width: 991px) { .modal__title { padding-top: 10px; padding-bottom: 32px; min-height: inherit; } } .modal__title > span { font-size: 36px; font-weight: 700; line-height: 140%; } @media screen and (max-width: 991px) { .modal__title > span { font-size: 28px; line-height: 34px; } } @media screen and (max-width: 374px) { .modal__title > span { font-size: 22px; } } .modal__thanks { display: none; } .modal__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .modal__content p, .modal__content li { line-height: 150%; } @media screen and (max-width: 575px) { .modal__content p, .modal__content li { font-size: 14px; line-height: 160%; } } .modal__content ul { margin: 0; padding-left: 22px; display: grid; gap: 5px; } .modal__dept { position: absolute; padding: 23px 16px; border-radius: 100px; background-color: #f7f7f9; left: 0; top: 0; } @media screen and (max-width: 991px) { .modal__dept { display: none; } } .modal__dept p { font-size: 12px; font-weight: 700; line-height: 120%; color: #29c9c1; } .modal__dept span { color: #292d32; margin-right: 5px; } .modal__dept:not(:has(p)) { display: none; } .modal--age { max-width: 808px; border-radius: 55px; background: -webkit-gradient(linear, left top, left bottom, from(#F2FEEB), to(#D0E7FB)); background: -o-linear-gradient(top, #F2FEEB 0%, #D0E7FB 100%); background: linear-gradient(180deg, #F2FEEB 0%, #D0E7FB 100%); min-height: 394px; } @media screen and (max-width: 991px) { .modal--age { min-height: 0; height: auto; bottom: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 35px; width: calc(100% - 32px); } } .modal--age .modal__wrapper { background-image: url("/local/templates/main/css/../img/image/modal-age.png"); background-color: transparent; padding: 50px 115px; 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; } @media screen and (max-width: 991px) { .modal--age .modal__wrapper { margin-top: 0; } } @media screen and (max-width: 767px) { .modal--age .modal__wrapper { padding: 30px 40px; } } @media screen and (max-width: 575px) { .modal--age .modal__wrapper { padding: 30px 20px; } } .modal--age .modal__title { font-size: 36px; font-style: normal; font-weight: 700; line-height: 140%; } @media screen and (max-width: 991px) { .modal--age .modal__title { padding-top: 0; } } @media screen and (max-width: 575px) { .modal--age .modal__title { font-size: 26px; } } .modal--age .modal__buttons { 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; gap: 10px; } @media screen and (max-width: 575px) { .modal--age .modal__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .modal--age .button { padding: 13px 100px; font-size: 12px; font-weight: 500; height: 50px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 575px) { .modal--age .button { width: 100%; } } .footer { background-color: #f7f7f9; padding-top: 50px; padding-bottom: 53px; } @media screen and (max-width: 1200px) { .footer { padding-top: 26px; padding-bottom: 30px; } } .footer__container { margin-bottom: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1200px) { .footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; margin-bottom: 30px; } } @media screen and (max-width: 767px) { .footer__container { margin-bottom: 110px; gap: 20px; } } .footer__bottom { border-top: 1px solid rgba(95, 109, 126, 0.2); padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .footer__bottom { padding-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 36px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px 48px; } @media screen and (max-width: 767px) { .footer__links { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .footer__links a { font-weight: 600; cursor: pointer; } @media (hover: hover) and (pointer: fine) { .footer__links a:hover { color: #3ca75e; } } @media screen and (max-width: 575px) { .footer__links a { font-size: 12px; font-weight: 700; line-height: 140%; } } .footer__form { max-width: 430px; width: 100%; } @media screen and (max-width: 767px) { .footer__form { max-width: inherit; } } .footer .form { display: grid; gap: 10px; } .footer .form .button { margin-top: 30px; width: 100%; } @media screen and (max-width: 767px) { .footer .form .button { margin-top: 10px; } } .footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px 48px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -105px; margin-top: 10px; } @media screen and (max-width: 1200px) { .footer__nav { margin-left: 0; } } @media screen and (max-width: 991px) { .footer__nav { gap: 20px 30px; margin-top: 0; } } .footer__nav-col { display: grid; gap: 10px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .footer__nav-title { font-weight: 700; line-height: 24px; text-transform: uppercase; color: #bec4cd; cursor: pointer; } @media (hover: hover) and (pointer: fine) { .footer__nav-title:hover { color: #3ca75e; } } @media screen and (max-width: 575px) { .footer__nav-title { font-size: 12px; font-weight: 500; line-height: 130%; } } .footer__nav-link { line-height: 150%; cursor: pointer; } @media (hover: hover) and (pointer: fine) { .footer__nav-link:hover { color: #3ca75e; } } @media screen and (max-width: 575px) { .footer__nav-link { font-size: 14px; line-height: 160%; } } @media screen and (max-width: 767px) { .copyright { margin: 0 auto; } } .copyright p { line-height: 150%; color: #bec4cd; } @media screen and (max-width: 575px) { .copyright p { font-size: 10px; font-weight: 500; line-height: 120%; } } .cookie { display: none; position: fixed; bottom: 30px; left: 60px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 9; } @media screen and (max-width: 1200px) { .cookie { left: 30px; } } @media screen and (max-width: 991px) { .cookie { bottom: 0; left: 0; } } .cookie__body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; width: 100%; max-width: 670px; padding: 40px; background-color: #ffffff; -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.12); border-radius: 40px; display: grid; } @media screen and (max-width: 991px) { .cookie__body { max-width: inherit; border-radius: 35px 35px 0 0; padding: 26px 16px 34px 16px; gap: 30px; } } .cookie__title { 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; gap: 10px; } @media screen and (max-width: 991px) { .cookie__title { margin-bottom: 6px; } } .cookie__title span { background-image: url("data:image/svg+xml,%3Csvg%20width='54'%20height='50'%20viewBox='0%200%2054%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M32.1824%2025.9404C29.3787%2022.9289%2026.7134%2019.8137%2024.4635%2016.3523C22.8712%2013.8601%2021.4521%2011.0564%2019.756%209.32566C18.233%207.73342%2017.2638%206.03734%2016.7792%204.30664C13.387%205.27583%2011.0333%206.10657%207.98723%209.29105C-13.2311%2031.1671%2017.5061%2064.9503%2041.1128%2042.7281C42.8435%2041.1013%2042.2204%2039.1283%2043.2589%2037.363C39.9705%2033.5554%2035.6438%2029.6441%2032.1824%2025.9404Z'%20fill='%23DE814B'/%3E%3C/svg%3E"); display: -webkit-box; display: -ms-flexbox; display: flex; width: 54px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 991px) { .cookie__title span { width: 32px; height: 30px; } } .cookie__title p { font-size: 46px; font-weight: 700; line-height: 120%; } @media screen and (max-width: 991px) { .cookie__title p { font-size: 28px; line-height: 34px; } } .cookie__text p { line-height: 140%; font-size: 14px; } @media screen and (max-width: 991px) { .cookie__text p { line-height: 150%; } } .cookie p { margin: 0; } .cookie__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } @media screen and (max-width: 991px) { .cookie__buttons { gap: 10px; } } .cookie__close { cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M19.281%2018.2198C19.3507%2018.2895%2019.406%2018.3722%2019.4437%2018.4632C19.4814%2018.5543%2019.5008%2018.6519%2019.5008%2018.7504C19.5008%2018.849%2019.4814%2018.9465%2019.4437%2019.0376C19.406%2019.1286%2019.3507%2019.2114%2019.281%2019.281C19.2114%2019.3507%2019.1286%2019.406%2019.0376%2019.4437C18.9465%2019.4814%2018.849%2019.5008%2018.7504%2019.5008C18.6519%2019.5008%2018.5543%2019.4814%2018.4632%2019.4437C18.3722%2019.406%2018.2895%2019.3507%2018.2198%2019.281L12.0004%2013.0607L5.78104%2019.281C5.64031%2019.4218%205.44944%2019.5008%205.25042%2019.5008C5.05139%2019.5008%204.86052%2019.4218%204.71979%2019.281C4.57906%2019.1403%204.5%2018.9494%204.5%2018.7504C4.5%2018.5514%204.57906%2018.3605%204.71979%2018.2198L10.9401%2012.0004L4.71979%205.78104C4.57906%205.64031%204.5%205.44944%204.5%205.25042C4.5%205.05139%204.57906%204.86052%204.71979%204.71979C4.86052%204.57906%205.05139%204.5%205.25042%204.5C5.44944%204.5%205.64031%204.57906%205.78104%204.71979L12.0004%2010.9401L18.2198%204.71979C18.3605%204.57906%2018.5514%204.5%2018.7504%204.5C18.9494%204.5%2019.1403%204.57906%2019.281%204.71979C19.4218%204.86052%2019.5008%205.05139%2019.5008%205.25042C19.5008%205.44944%2019.4218%205.64031%2019.281%205.78104L13.0607%2012.0004L19.281%2018.2198Z'%20fill='%23292D32'/%3E%3C/svg%3E"); border-radius: 50%; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: center; background-color: #f7f7f9; position: absolute; right: -13px; top: -13px; } @media screen and (max-width: 991px) { .cookie__close { right: 16px; top: 16px; width: 50px; height: 50px; } } .lang { position: relative; } @media screen and (max-width: 991px) { .lang { margin-left: auto; } } .lang__current { background-image: url("data:image/svg+xml,%3Csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.00065%2014.6663C11.6825%2014.6663%2014.6673%2011.6816%2014.6673%207.99967C14.6673%204.31778%2011.6825%201.33301%208.00065%201.33301C4.31875%201.33301%201.33398%204.31778%201.33398%207.99967C1.33398%2011.6816%204.31875%2014.6663%208.00065%2014.6663Z'%20stroke='%23292D32'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.33372%202H6.00039C4.70039%205.89333%204.70039%2010.1067%206.00039%2014H5.33372'%20stroke='%23292D32'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10%202C11.3%205.89333%2011.3%2010.1067%2010%2014'%20stroke='%23292D32'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2%2010.6667V10C5.89333%2011.3%2010.1067%2011.3%2014%2010V10.6667'%20stroke='%23292D32'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2%206.00039C5.89333%204.70039%2010.1067%204.70039%2014%206.00039'%20stroke='%23292D32'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E"); padding: 21px 13px 21px 32px; background-repeat: no-repeat; background-position: 13px center; background-color: rgba(255, 255, 255, 0.7); border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; cursor: pointer; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } @media screen and (max-width: 575px) { .lang__current { padding: 16px 12px 16px 31px; gap: 2px; height: 50px; } } .lang__current span { font-size: 14px; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .lang__current svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 575px) { .lang__current svg { width: 11px; height: 11px; } } .lang__current.active svg { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .lang__item { padding: 12px 8px 4px 34px; border-radius: 10px; background-repeat: no-repeat; background-position: 9px center; background-size: 17px 17px; cursor: pointer; } @media screen and (max-width: 575px) { .lang__item { padding: 12px 9px 5px 34px; } } .lang__item.choosen { background-color: #f7f7f9; } .lang__item span { font-size: 16px; line-height: 150%; letter-spacing: 0.5px; } .lang__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 8px; border-radius: 18px; background-color: #ffffff; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); position: absolute; top: 100%; left: 0; display: none; } @media screen and (max-width: 575px) { .lang__list { top: calc(100% + 5px); } } .social { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .social { position: absolute; bottom: 178px; } } @media screen and (max-width: 575px) { .social { bottom: 153px; } } .social__item { 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; cursor: pointer; } .banner-main { position: relative; height: 100vh; height: calc(var(--vh, 1vh) * 100); margin-top: -110px; } @media screen and (min-width: 992px) and (max-height: 770px) { .banner-main { min-height: 783px; } } @media screen and (max-width: 991px) { .banner-main { height: auto; min-height: inherit; } } @media screen and (max-width: 767px) { .banner-main { margin-top: -114px; } } @media screen and (max-width: 575px) { .banner-main { margin-top: -104px; } } .banner-main__content { max-width: 520px; width: 100%; margin-left: auto; margin-right: 38px; gap: 10px; display: grid; margin-bottom: 60px; -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } @media screen and (min-width: 1600px) { .banner-main__content { background-color: #ffffff; } } @media screen and (min-width: 1440px) { .banner-main__content { margin-right: 0; padding: 15px; border-radius: 24px; } } @media screen and (max-width: 1439px) { .banner-main__content { max-width: 470px; margin-right: 0; padding: 15px; border-radius: 24px; background-color: #ffffff; } } @media screen and (max-width: 1200px) { .banner-main__content { z-index: 2; } } @media screen and (max-width: 991px) { .banner-main__content { max-width: inherit; padding: 0; border-radius: 0; background-color: transparent; margin-bottom: 0; } } .banner-main__content .button { margin-top: 19px; margin-right: -30px; max-width: inherit; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; padding: 13px 24px; } @media screen and (max-width: 1400px) { .banner-main__content .button { margin-right: 0; } } @media screen and (max-width: 375px) { .banner-main__content .button { padding: 13px 9px; } } .banner-main__content.first-loading-animation { opacity: 0; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); } .banner-main__title p { font-size: 20px; font-weight: 700; line-height: 140%; } @media screen and (max-width: 767px) { .banner-main__title p { font-size: 16px; } } .banner-main__text p { line-height: 150%; color: #979797; } @media screen and (max-width: 767px) { .banner-main__text p { font-size: 14px; } } .banner-main__image { z-index: 1; position: absolute; top: 0; right: 50%; height: 100%; width: 100%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); 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; } @media screen and (max-width: 991px) { .banner-main__image { height: 500px; position: relative; } } @media screen and (max-width: 575px) { .banner-main__image { height: 670px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .banner-main__img { max-width: inherit; } @media screen and (max-width: 991px) { .banner-main__img { display: none; } } .banner-main__img-mobile { display: none; } @media screen and (max-width: 991px) { .banner-main__img-mobile { display: block; height: 500px; } } @media screen and (max-width: 575px) { .banner-main__img-mobile { -o-object-fit: cover; object-fit: cover; height: 89%; } } .banner-main__img-target { position: absolute; bottom: 53%; right: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); -webkit-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } @media screen and (max-width: 991px) { .banner-main__img-target { max-width: 250px; bottom: 42%; } } @media screen and (max-width: 575px) { .banner-main__img-target { max-width: 315px; bottom: 48%; } } @media screen and (min-width: 992px) { .banner-main__img-target.first-loading-animation { -webkit-transform: translate(50%, 200%); -ms-transform: translate(50%, 200%); transform: translate(50%, 200%); } } .banner-main .swiper { height: 100%; } @media screen and (max-width: 575px) { .banner-main .swiper { position: static; } } @media screen and (max-width: 991px) { .banner-main .swiper-slide { background-color: #ffffff; } } @media screen and (max-width: 575px) { .banner-main .swiper-slide { position: static; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .banner-main .swiper-slide .container { height: 100%; 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: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 1; } @media screen and (max-width: 991px) { .banner-main .swiper-slide .container { margin-top: 24px; } } @media screen and (max-width: 575px) { .banner-main .swiper-slide .container { margin-top: -34px; position: static; height: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media screen and (max-width: 991px) { .banner-main .swiper-slide-active { z-index: 1; } } .banner-main .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 44px; } @media screen and (min-height: 772px) and (min-width: 1400px) { .banner-main .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 94px; } } @media screen and (max-width: 991px) { .banner-main .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: auto; top: 490px; } } @media screen and (max-width: 575px) { .banner-main .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: auto; top: 594px; } } .banner-main .swiper-buttons .container { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } @media screen and (max-width: 991px) { .banner-main .swiper-buttons .container { -webkit-transform: none; -ms-transform: none; transform: none; } } .banner-company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; position: relative; margin-top: -110px; } @media screen and (max-width: 767px) { .banner-company { margin-top: -114px; min-height: 552px; } } @media screen and (max-width: 575px) { .banner-company { border-radius: 35px; overflow: visible; margin: 60px 16px 0; } } .banner-company__content { position: absolute; bottom: 114px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); border-radius: 55px; background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: 16px 30px; text-align: center; } @media screen and (max-width: 1200px) { .banner-company__content { bottom: 84px; } } @media screen and (max-width: 991px) { .banner-company__content { bottom: 8px; padding: 16px; border-radius: 35px; } } @media screen and (max-width: 575px) { .banner-company__content { width: calc(100% - 16px); } } .banner-company__content .container { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 69px; } @media screen and (max-width: 767px) { .banner-company__content .container { gap: 20px; } } @media screen and (max-width: 575px) { .banner-company__content .container { gap: 5px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .banner-company__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 767px) { .banner-company__item { gap: 4px; } } .banner-company__item p { font-size: 30px; font-weight: 700; line-height: 120%; white-space: nowrap; } @media screen and (max-width: 767px) { .banner-company__item p { font-size: 16px; line-height: 140%; } } @media screen and (max-width: 359px) { .banner-company__item p { font-size: 10px; } } .banner-company__item span { font-size: 14px; font-weight: 400; line-height: 140%; white-space: nowrap; } @media screen and (max-width: 767px) { .banner-company__item span { font-size: 10px; font-weight: 500; line-height: 120%; color: #979797; } } @media screen and (max-width: 767px) { .banner-company__image { overflow: hidden; position: absolute; right: 50%; top: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); width: 100%; height: 100%; border-radius: 35px; } } .banner-company__img { width: 100%; } @media screen and (max-width: 767px) { .banner-company__img { height: 100%; -o-object-fit: cover; object-fit: cover; max-width: inherit; position: absolute; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } @media screen and (max-width: 575px) { .banner-company__img { display: none; } } .banner-company__img-mobile { display: none; } @media screen and (max-width: 575px) { .banner-company__img-mobile { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; height: inherit; } } @media screen and (max-width: 575px) { .banner-company .breadcrumbs { top: -59px; } } .banner-stores { position: relative; } .banner-stores .h1 { color: #ffffff; } @media screen and (max-width: 1200px) { .banner-stores .h1 { font-size: 35px; } } @media screen and (max-width: 767px) { .banner-stores .h1 { font-size: 28px; line-height: 120%; } } .banner-stores__image { aspect-ratio: 1320/477; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 55px; overflow: hidden; position: relative; } @media screen and (max-width: 991px) { .banner-stores__image { border-radius: 35px; } } @media screen and (max-width: 767px) { .banner-stores__image { aspect-ratio: 343/152; } } @media screen and (max-width: 575px) { .banner-stores__image { aspect-ratio: inherit; height: 400px; } } @media screen and (max-width: 430px) { .banner-stores__image { height: 552px; } } .banner-stores__image:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient(linear, right top, left top, from(#000000), to(#000)); background: -o-linear-gradient(right, #000000 0%, #000 100%); background: linear-gradient(270deg, #000000 0%, #000 100%); pointer-events: none; } .banner-stores__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .banner-stores__content { position: absolute; width: 685px; height: 100%; top: 0; left: 0; padding: 20px 60px 34px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1200px) { .banner-stores__content { padding: 20px 30px; } } @media screen and (max-width: 767px) { .banner-stores__content { padding: 20px; gap: 10px; width: 100%; } } @media screen and (max-width: 575px) { .banner-stores__content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .banner-stores__content p { line-height: 150%; color: #ffffff; } @media screen and (max-width: 767px) { .banner-stores__content p { font-size: 14px; line-height: 160%; } } @media screen and (max-width: 767px) { .banner-stores__img { display: none; } } .banner-stores__img-mobile { display: none; } @media screen and (max-width: 767px) { .banner-stores__img-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .banner-stores .button { margin-top: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 24px; } @media screen and (max-width: 991px) { .banner-stores .button { margin-top: 0; } } @media screen and (max-width: 767px) { .banner-stores .button { margin-top: 20px; } } @media screen and (max-width: 575px) { .banner-stores .button { width: 100%; } } .banner-store { position: relative; gap: 30px; display: grid; } @media screen and (max-width: 1200px) { .banner-store .h3 { font-size: 35px; } } @media screen and (max-width: 767px) { .banner-store .h3 { font-size: 24px; } } .banner-store__image { aspect-ratio: 1320/643; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 55px; overflow: hidden; } @media screen and (max-width: 991px) { .banner-store__image { border-radius: 35px; } } @media screen and (max-width: 767px) { .banner-store__image { aspect-ratio: 343/152; } } @media screen and (max-width: 575px) { .banner-store__image { aspect-ratio: inherit; height: 400px; } } @media screen and (max-width: 430px) { .banner-store__image { height: 643px; } } .banner-store__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .banner-store__content { position: absolute; width: 565px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; bottom: 40px; left: 40px; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; border-radius: 35px; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1200px) { .banner-store__content { padding: 20px; bottom: 20px; left: 20px; } } @media screen and (max-width: 991px) { .banner-store__content { position: static; background-color: #f7f7f9; width: 100%; } } @media screen and (max-width: 767px) { .banner-store__content { gap: 10px; border-radius: 30px; } } .banner-store__content p { font-size: 20px; line-height: 140%; } @media screen and (max-width: 767px) { .banner-store__content p { font-size: 16px; } } @media screen and (max-width: 575px) { .banner-store__img { display: none; } } .banner-store__img-mobile { display: none; } @media screen and (max-width: 575px) { .banner-store__img-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .banner-store .button { margin-top: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 18px 24px; } @media screen and (max-width: 575px) { .banner-store .button { width: 100%; } } .banner-hr { border-radius: 55px; background-color: #f7f7f9; padding: 20px 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 474px; } @media screen and (max-width: 1200px) { .banner-hr { gap: 20px; min-height: 355px; } } @media screen and (max-width: 991px) { .banner-hr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 72px; min-height: inherit; padding-bottom: 20px; padding-top: 40px; border-radius: 35px; } } .banner-hr__image { aspect-ratio: 474/281; max-width: 474px; } @media screen and (max-width: 767px) { .banner-hr__image { aspect-ratio: 291/172; padding: 0 6px; } } .banner-hr__content { padding-top: 23px; max-width: 482px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media screen and (max-width: 991px) { .banner-hr__content { max-width: inherit; gap: 10px; } } @media screen and (max-width: 767px) { .banner-hr__content { padding-top: 0; } } .banner-hr__buttons { margin-top: 37px; display: grid; gap: 13px; grid-template-columns: auto auto; } @media screen and (max-width: 991px) { .banner-hr__buttons { margin-top: 40px; grid-template-columns: none; } } .banner-hr__text { display: grid; gap: 10px; } .banner-hr__text p { line-height: 150%; color: #979797; } @media screen and (max-width: 767px) { .banner-hr__text p { font-size: 14px; line-height: 160%; } } .banner-hr .button { padding: 13px 18px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .banner-cooperation { border-radius: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: -webkit-gradient(linear, left top, left bottom, from(#CEF3FF), to(#BDB7FF)); background: -o-linear-gradient(top, #CEF3FF 0%, #BDB7FF 100%); background: linear-gradient(180deg, #CEF3FF 0%, #BDB7FF 100%); overflow: hidden; } @media screen and (max-width: 991px) { .banner-cooperation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; border-radius: 35px; } } @media screen and (max-width: 575px) { .banner-cooperation { overflow: visible; } } .banner-cooperation__content { max-width: 572px; width: 100%; padding: 123px 61px 90px; 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; gap: 22px; } @media screen and (max-width: 1200px) { .banner-cooperation__content { padding: 40px; } } @media screen and (max-width: 991px) { .banner-cooperation__content { max-width: inherit; padding: 20px 20px 0; } } @media screen and (max-width: 767px) { .banner-cooperation__content { gap: 10px; } } .banner-cooperation .h2 { font-size: 36px; line-height: 140%; } @media screen and (max-width: 767px) { .banner-cooperation .h2 { font-size: 24px; line-height: 120%; } } .banner-cooperation__text p { line-height: 150%; } @media screen and (max-width: 767px) { .banner-cooperation__text p { font-size: 14px; line-height: 160%; } } .banner-cooperation__image { -ms-flex-item-align: end; align-self: flex-end; } @media screen and (max-width: 991px) { .banner-cooperation__image { padding-left: 20px; } } @media screen and (max-width: 575px) { .banner-cooperation__image { margin-right: -4px; } } @media screen and (max-width: 575px) { .banner-cooperation__image img { display: none; } } .banner-cooperation__mobile { display: none !important; } @media screen and (max-width: 575px) { .banner-cooperation__mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 12px; z-index: 1; pointer-events: none; } .swiper-pagination-bullet { margin: 0; opacity: 1; width: 12px; height: 12px; border-radius: 50%; background-color: #f7f7f9; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; pointer-events: all; } .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } .swiper-pagination-bullet-active { background-color: #292d32; } .swiper-pagination-bullets.swiper-pagination-horizontal { top: auto; left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .swiper-buttons { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 100%; z-index: 1; pointer-events: none; } @media screen and (max-width: 991px) { .swiper-buttons { -webkit-transform: none; -ms-transform: none; transform: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; bottom: 0; } } .swiper-buttons .swiper-button { cursor: pointer; pointer-events: all; display: -webkit-box; display: -ms-flexbox; display: flex; width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #f7f7f9; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .swiper-buttons .swiper-button svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (hover: hover) and (pointer: fine) { .swiper-buttons .swiper-button:hover { background-color: #292d32; color: #ffffff; } .swiper-buttons .swiper-button:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } .swiper-buttons .swiper-button--prev { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .swiper-buttons .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 991px) { .swiper-buttons .container { gap: 10px; } } .swiper-button-disabled { opacity: 0.4; pointer-events: none !important; } .swiper-scrollbar { display: none; } .about-lid { padding: 30px 30px 70px; border-radius: 55px; background-color: #f7f7f9; display: grid; gap: 28px; position: relative; } @media screen and (max-width: 767px) { .about-lid { padding: 20px 20px 100px; border-radius: 35px; gap: 30px; } } .about-lid--company { padding: 60px; } @media screen and (max-width: 767px) { .about-lid--company { padding: 30px; } } .about-lid--company .h2 { text-align: left; margin-bottom: 40px; } @media screen and (max-width: 767px) { .about-lid--company .h2 { margin-bottom: 20px; font-size: 28px; line-height: 120%; } } .about-lid--company .about-lid__text { display: grid; gap: 20px; } @media screen and (max-width: 767px) { .about-lid--company .about-lid__text { gap: 10px; } } @media screen and (max-width: 767px) { .about-lid--company .about-lid__text p { line-height: 140%; } } .about-lid__content { display: grid; gap: 15px; } .about-lid__content p { font-size: 24px; font-weight: 700; line-height: 120%; } @media screen and (max-width: 767px) { .about-lid__content p { font-size: 20px; } } .about-lid__text { display: grid; gap: 20px; } .about-lid__text p, .about-lid__text li { font-size: 20px; font-weight: 400; line-height: 140%; } @media screen and (max-width: 767px) { .about-lid__text p, .about-lid__text li { font-size: 14px; line-height: 160%; } } .about-lid__text ul { margin: 0; padding-left: 22px; display: grid; gap: 5px; } .about-lid__text .h4 { font-size: 24px; font-style: normal; font-weight: 700; line-height: 120%; margin-top: 20px; margin-bottom: -10px; } @media screen and (max-width: 767px) { .about-lid__text .h4 { font-size: 20px; margin-bottom: 0; } } .about-lid__photo { width: 120px; height: 120px; background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; -ms-flex-item-align: start; align-self: flex-start; } @media screen and (max-width: 767px) { .about-lid__photo { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } } .about-lid__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 29px; } @media screen and (max-width: 767px) { .about-lid__head { gap: 15px; } } .about-lid__head .button { -ms-flex-item-align: start; align-self: flex-start; margin-left: auto; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } @media screen and (max-width: 767px) { .about-lid__head .button { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; position: absolute; bottom: 20px; right: 20px; } } .about-lid__head .button svg { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .about-lid__title { display: grid; gap: 10px; } @media screen and (max-width: 767px) { .about-lid__title { gap: 6px; } } .about-lid__title .h2 { text-align: left; } .about-lid__title p { font-size: 30px; font-weight: 700; line-height: 120%; color: #3ca75e; } @media screen and (max-width: 767px) { .about-lid__title p { font-size: 16px; line-height: 140%; } } @media screen and (max-width: 767px) { .about-lid .h2 { font-size: 26px; line-height: 140%; } } @media screen and (max-width: 375px) { .about-lid .h2 { font-size: 20px; } } .about-lid .h3 { color: #3ca75e; } @media screen and (max-width: 767px) { .about-lid .h3 { font-size: 16px; line-height: 140%; } } .h2 + .production { margin-top: 60px; } @media screen and (max-width: 767px) { .h2 + .production { margin-top: 30px; } } .production { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media screen and (max-width: 1200px) { .production { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .production { grid-template-columns: none; gap: 10px; } } .production__item { height: 427px; border-radius: 55px; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; position: relative; overflow: hidden; background-position: bottom right; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .production__item { border-radius: 35px; height: inherit; padding: 24px; min-height: 300px; } } @media screen and (max-width: 575px) { .production__item { aspect-ratio: 1/1; min-height: inherit; background-size: contain; } } @media screen and (max-width: 374px) { .production__item { background-size: 240px; } } .production__item:after, .production__item:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; pointer-events: none; background-repeat: no-repeat; background-size: contain; } .production__item:after { z-index: -1; } .production__item:first-child:after { background: -o-linear-gradient(325deg, #FEF7EB 11.47%, #FAE2B9 98.8%); background: linear-gradient(125deg, #FEF7EB 11.47%, #FAE2B9 98.8%); } .production__item:first-child:before { background-image: url("/local/templates/main/css/../img/image/production-1-lines.png"); -webkit-transform: rotate(23deg); -ms-transform: rotate(23deg); transform: rotate(23deg); background-position-x: 29%; background-position-y: 24%; } .production__item:nth-child(2):after { background: -webkit-gradient(linear, left top, left bottom, from(#F2FEEB), to(#C4F7A5)); background: -o-linear-gradient(top, #F2FEEB 0%, #C4F7A5 100%); background: linear-gradient(180deg, #F2FEEB 0%, #C4F7A5 100%); } .production__item:nth-child(2):before { background-image: url("/local/templates/main/css/../img/image/production-2-lines.png"); -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); background-position-x: 71%; background-position-y: -19%; } .production__item:last-child:after { background: -o-linear-gradient(289deg, #E2FFFD 13.35%, #93EFE9 89.35%); background: linear-gradient(161deg, #E2FFFD 13.35%, #93EFE9 89.35%); } .production__item:last-child:before { background-image: url("/local/templates/main/css/../img/image/production-3-lines.png"); background-position-x: 46%; background-position-y: 49%; } .production__title { display: grid; gap: 10px; } @media screen and (max-width: 767px) { .production__title { gap: 8px; } } .production__title p { line-height: 150%; } @media screen and (max-width: 767px) { .production__title p { line-height: 160%; font-size: 14px; } } .production .button { background-color: #ffffff; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } @media screen and (max-width: 767px) { .production .button { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; margin-left: auto; } } .production .button svg { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-filter: brightness(0); filter: brightness(0); } @media (hover: hover) and (pointer: fine) { .production .button:hover { background-color: #292d32; color: #ffffff; } .production .button:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } .production__modal { display: none; } .production--list { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 1200px) { .production--list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .production--list { grid-template-columns: none; } } @media screen and (max-width: 991px) { .production--list .production__item { display: none; } } .production--list .production__item.active { grid-column: span 2; } @media screen and (max-width: 1200px) { .production--list .production__item.active { grid-column: inherit; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media screen and (max-width: 991px) { .production--list .production__item.active { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 991px) { .production--list .production__item .production__title { display: none; } } a.production__item { cursor: pointer; } .products-catalog { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } @media screen and (max-width: 1366px) { .products-catalog { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .products-catalog { grid-template-columns: none; } } .product-catalog { border-radius: 55px; aspect-ratio: 425/427; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 18px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-size: cover; } @media screen and (max-width: 767px) { .product-catalog { border-radius: 35px; padding: 20px; } } .product-catalog .button { width: 60px; } @media screen and (max-width: 767px) { .product-catalog .button { width: 50px; } } .product-catalog .button svg { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (hover: hover) and (pointer: fine) { .product-catalog .button:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(124%) hue-rotate(209deg) brightness(117%) contrast(100%); } } @media screen and (max-width: 991px) { .product-catalog .h3 { font-size: 24px; } } @-webkit-keyframes marquee { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @keyframes marquee { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .brands { overflow: visible; max-width: 1200px; height: 80px; } @media screen and (max-width: 767px) { .brands { height: 50px; } } .brands__box { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-animation: marquee 25s linear infinite; animation: marquee 25s linear infinite; -webkit-transform-style: preserve-3d; } .brands__row { white-space: nowrap; -webkit-backface-visibility: hidden; height: 100%; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; width: 100%; } .brands__row:first-child { z-index: 1; } .brands img { background-color: #ffffff; -o-object-fit: contain; object-fit: contain; max-width: inherit; padding: 0 30px; } @media screen and (max-width: 767px) { .brands img { padding: 0 21px; } } @keyframes marquee { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .awards { overflow: visible; max-width: 1200px; display: grid; gap: 16px; margin-top: 60px; } @media screen and (max-width: 767px) { .awards { gap: 10px; margin-top: 34px; } } .awards__box { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-animation: marquee 30s linear infinite; animation: marquee 30s linear infinite; -webkit-transform-style: preserve-3d; } .awards__box:last-child { margin-left: -84px; } .awards__row { white-space: nowrap; -webkit-backface-visibility: hidden; height: 100%; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; width: 100%; } .awards__row:first-child { z-index: 1; } .awards__row span { padding: 30px 25px 30px 89px; border-radius: 55px; background-color: #f7f7f9; background-position-x: 25px; background-repeat: no-repeat; background-position-y: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; } @media screen and (max-width: 767px) { .awards__row span { padding: 20px 20px 20px 64px; background-size: 34px 34px; background-position-x: 20px; } } .awards__item { padding: 0 8px; } @media screen and (max-width: 767px) { .awards__item { padding: 0 5px; } } @media screen and (max-width: 767px) { .awards__item p { font-size: 12px; line-height: 16px; } } .our-products { margin-top: 60px; } @media screen and (max-width: 767px) { .our-products { margin-top: 30px; } } .our-products__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .our-products__tabs .swiper-slide { font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; padding: 14px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 10px; border-radius: 55px; background: #f7f7f9; color: #979797; 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; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } @media screen and (max-width: 767px) { .our-products__tabs .swiper-slide { padding: 9px 18px; } } .our-products__tabs .swiper-slide:last-child { margin-right: 0; } .our-products__tabs .swiper-slide-thumb-active { background-color: #292d32; color: #ffffff; cursor: default; } @media (hover: hover) and (pointer: fine) { .our-products__tabs .swiper-slide:not(.swiper-slide-thumb-active):hover { background-color: #292d32; color: #ffffff; } } .our-products__container { border-radius: 55px; position: relative; height: 643px; } @media screen and (max-width: 991px) { .our-products__container { height: inherit; background: transparent; border-radius: 0; width: 100%; } } @media screen and (max-width: 767px) { .our-products__container { border-radius: 35px; } } .our-products__container .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 26px; height: auto; border-radius: 55px; width: 461px; } @media screen and (max-width: 991px) { .our-products__container .swiper-slide { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0; background: none !important; } } @media screen and (max-width: 767px) { .our-products__container .swiper-slide { border-radius: 35px; } } .our-products__container .swiper-slide:not(.swiper-slide-active) { -webkit-filter: blur(4.5px); filter: blur(4.5px); } @media screen and (max-width: 767px) { .our-products__container .swiper-slide img { height: 100%; -o-object-fit: contain; object-fit: contain; } } .our-products__info { border-radius: 55px; background: #ffffff; padding: 35px 40px 143px; height: 583px; position: relative; max-width: 530px; -webkit-box-flex: 0; -ms-flex: 0 0 530px; flex: 0 0 530px; } @media screen and (max-width: 1200px) { .our-products__info { max-width: 400px; -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; } } @media screen and (max-width: 991px) { .our-products__info { max-width: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; background-color: transparent; border-radius: 0; margin-top: 20px; height: inherit; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 0 80px; } } @media screen and (max-width: 767px) { .our-products__info { padding: 0 0 36px; } } .our-products__info .h3 { margin-bottom: 38px; } @media screen and (max-width: 767px) { .our-products__info .h3 { margin-bottom: 20px; } } .our-products__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto; height: 100%; padding-right: 10px; margin-right: -10px; } .our-products__wrapper::-webkit-scrollbar { width: 5px; border-radius: 20px; background-color: #f7f7f9; } .our-products__wrapper::-webkit-scrollbar-thumb { background-color: #292d32; border-radius: 20px; } .our-products__wrapper::-webkit-scrollbar-track { border-radius: 20px; } .our-products__img { 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; } @media screen and (max-width: 991px) { .our-products__img { padding: 0 41px 34px 41px; background: -webkit-gradient(linear, left top, left bottom, from(#F0EFFD), to(#D0CDF6)); background: -o-linear-gradient(top, #F0EFFD 0%, #D0CDF6 100%); background: linear-gradient(180deg, #F0EFFD 0%, #D0CDF6 100%); border-radius: 35px; } } @media screen and (max-width: 767px) { .our-products__img { min-height: 380px; padding: 0 0 34px 0; } } .our-products__text span { font-size: 12px; font-weight: 500; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; color: #979797; margin-bottom: 8px; } @media screen and (max-width: 767px) { .our-products__text span { margin-bottom: 5px; } } .our-products__text span + p { margin-bottom: 20px; } @media screen and (max-width: 767px) { .our-products__text span + p { font-size: 14px; line-height: 160%; } } .our-products__text p { line-height: 150%; } .our-products__text p + p { margin-top: 10px; } .our-products__text p:last-child { margin-bottom: 0; } .our-products .button { width: 100%; margin-left: auto; max-width: 200px; position: absolute; bottom: 50px; right: 40px; padding: 13px 18px; } @media screen and (max-width: 991px) { .our-products .button { bottom: 0; } } @media screen and (max-width: 767px) { .our-products .button { right: 0; } } .our-products .swiper-buttons { max-width: inherit; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 80px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; right: 397px; } @media screen and (max-width: 1200px) { .our-products .swiper-buttons { right: 275px; } } @media screen and (max-width: 991px) { .our-products .swiper-buttons { bottom: 0; right: auto; left: 0; } } @media screen and (max-width: 375px) { .our-products .swiper-buttons { display: none; } } .our-products .swiper-buttons .container { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 20px; padding: 0; margin: 0; } @media screen and (max-width: 1200px) { .our-products .swiper-buttons .container { gap: 10px; } } .our-products__swiper { border-radius: 55px; } @media screen and (min-width: 992px) { .our-products__swiper { background: none !important; } } @media screen and (max-width: 991px) { .our-products__swiper { width: 100%; } } @media screen and (max-width: 767px) { .our-products__swiper { height: 379px; border-radius: 35px; } } @media screen and (max-width: 767px) { .our-products__swiper .swiper-slide { padding-bottom: 25px; } } .work-together { display: grid; gap: 38px; grid-template-columns: 1fr 1fr; margin-top: 60px; } @media screen and (max-width: 991px) { .work-together { gap: 20px; grid-template-columns: none; } } @media screen and (max-width: 767px) { .work-together { margin-top: 30px; gap: 10px; } } .work-together__item { padding: 180px 57px 110px; position: relative; overflow: hidden; 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; gap: 20px; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 55px; } @media screen and (max-width: 1200px) { .work-together__item { padding: 180px 57px 45px; } } @media screen and (max-width: 767px) { .work-together__item { padding: 86px 57px 45px; gap: 10px; border-radius: 35px; } } @media screen and (max-width: 575px) { .work-together__item { padding: 86px 25px 45px; aspect-ratio: 1/1; } } @media screen and (max-width: 374px) { .work-together__item { padding: 86px 20px 45px; } } .work-together__item:first-child { background-image: url(/local/templates/main/css/../img/image/work-bg.png); } @media screen and (max-width: 575px) { .work-together__item:first-child { background-image: url(/local/templates/main/css/../img/image/work-bg-mobile.png); } } .work-together__item:last-child { background-image: url(/local/templates/main/css/../img/image/crown-bg.png); } @media screen and (max-width: 575px) { .work-together__item:last-child { background-image: url(/local/templates/main/css/../img/image/crown-bg-mobile.png); } } .work-together__item p { font-size: 30px; font-weight: 700; line-height: 120%; } @media screen and (max-width: 767px) { .work-together__item p { font-size: 24px; } } @media screen and (max-width: 374px) { .work-together__item p { font-size: 20px; } } .work-together__item > span { font-size: 20px; } @media screen and (max-width: 767px) { .work-together__item > span { font-size: 16px; } } @media screen and (max-width: 374px) { .work-together__item > span { font-size: 14px; } } .work-together__item .button { margin-top: 20px; padding: 18px 24px; } @media screen and (max-width: 575px) { .work-together__item .button { padding: 13px 24px; } } .heading .title-page { margin-bottom: 78px; } @media screen and (max-width: 767px) { .heading .title-page { margin-bottom: 20px; } } .heading + .section { padding-top: 0; } .heading .button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .heading:has(.button) { position: relative; } .heading .container:has(.button) { position: absolute; top: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); z-index: 1; } .heading .container + .container { padding: 0; } @media screen and (max-width: 1200px) { .heading .container + .container { padding: 0 30px; } } @media screen and (max-width: 767px) { .heading .container + .container { padding: 0 16px; } } .heading--article .h1 { font-size: 36px; line-height: 140%; padding: 5px 0; } @media screen and (max-width: 1200px) { .heading--article .h1 { padding: 0 0 0 90px; } } @media screen and (max-width: 767px) { .heading--article .h1 { padding: 0 0 0 80px; font-size: 26px; } } .heading--article .title-page { margin-bottom: 20px; } @media screen and (max-width: 767px) { .heading--article .title-page { margin-bottom: 30px; } } .heading .breadcrumbs { margin: 20px auto 40px; position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .heading .breadcrumbs .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .heading .breadcrumbs .container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .heading:has(.breadcrumbs) .container:has(.button) { top: auto; bottom: 20px; } @media screen and (max-width: 767px) { .heading:has(.breadcrumbs) .container:has(.button) { bottom: 30px; } } .heading:not(:has(.title-page)) { margin-bottom: 10px; } .heading--product .h1 { font-size: 46px; line-height: 120%; padding: 5px 0; text-align: center; } @media screen and (max-width: 1200px) { .heading--product .h1 { padding: 0 0 0 90px; } } @media screen and (max-width: 767px) { .heading--product .h1 { padding: 0 0 0 80px; font-size: 32px; text-align: left; } } @media screen and (max-width: 575px) { .heading--product .h1 { font-size: 28px; } } @media screen and (max-width: 374px) { .heading--product .h1 { font-size: 26px; } } .values { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); margin-top: 60px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 1200px) { .values { grid-template-columns: none; } } @media screen and (max-width: 767px) { .values { margin-top: 30px; gap: 10px; } } @media screen and (max-width: 575px) { .values { grid-template-columns: none; } } .value { padding: 24px; border-radius: 35px; position: relative; min-height: 432px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; 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: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; } @media screen and (max-width: 1200px) { .value { min-height: 288px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 50px 24px; } } @media screen and (max-width: 767px) { .value { min-height: inherit; } } @media screen and (max-width: 575px) { .value { padding: 30px; } } .value--text-top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .value--medium { min-height: 341px; } @media screen and (max-width: 1200px) { .value--medium { min-height: 260px; } } @media screen and (max-width: 767px) { .value--medium { min-height: inherit; } } .value--small { min-height: 199px; } @media screen and (max-width: 1200px) { .value--small { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 260px; } } @media screen and (max-width: 767px) { .value--small { min-height: inherit; } } .value:first-child { background: -webkit-gradient(linear, left top, left bottom, from(#e7eefd), to(#fee8f8)); background: -o-linear-gradient(top, #e7eefd 0%, #fee8f8 100%); background: linear-gradient(180deg, #e7eefd 0%, #fee8f8 100%); } .value:first-child .value__img { bottom: 24px; left: 24px; top: auto; width: calc(100% - 48px); } @media screen and (max-width: 1200px) { .value:first-child .value__img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .value:first-child .value__img { display: none; } } .value:nth-child(2) { background-color: #F6EBFF; } .value:nth-child(3) { background-color: #f7f7f9; } .value:nth-child(4) { background-color: #E9FFFE; } .value:last-child { background: -o-linear-gradient(276deg, #E5FFFE 6.68%, #85AFEF 96.78%); background: linear-gradient(174deg, #E5FFFE 6.68%, #85AFEF 96.78%); } .value:last-child .value__img { bottom: 24px; left: 24px; top: auto; width: calc(100% - 48px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 1200px) { .value:last-child .value__img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .value:last-child .value__img { display: none; } } .value p { font-size: 20px; font-weight: 700; line-height: 140%; z-index: 1; word-break: break-word; } @media screen and (max-width: 1200px) { .value p { font-size: 28px; } } @media screen and (max-width: 767px) { .value p { font-size: 24px; } } .value span { font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-top: 10px; } @media screen and (max-width: 767px) { .value span { font-size: 18px; } } .value__img { position: absolute; top: 0; left: 0; height: auto; -o-object-fit: cover; object-fit: cover; width: 100%; } @media screen and (max-width: 767px) { .value__img { display: none; } } .mission { margin-top: 60px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media screen and (max-width: 767px) { .mission { margin-top: 30px; } } .mission__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 55px; overflow: hidden; height: 560px; } @media screen and (max-width: 767px) { .mission__img { border-radius: 35px; height: 491px; } } @media screen and (max-width: 575px) { .mission__img { height: auto; aspect-ratio: 343/491; } } @media screen and (max-width: 767px) { .mission__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } } .mission__content { max-width: 534px; width: 100%; padding: 44px 40px 36px 40px; border-radius: 55px; background-color: #ffffff; bottom: 40px; right: 40px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } @media screen and (max-width: 767px) { .mission__content { position: static; padding: 20px; max-width: inherit; border-radius: 35px; background-color: #f7f7f9; } } .mission__content p { font-size: 20px; } @media screen and (max-width: 767px) { .mission__content p { font-size: 14px; line-height: 160%; } } .advantages { display: grid; gap: 22px 10px; grid-template-columns: repeat(4, 1fr); margin-top: 60px; } @media screen and (max-width: 1200px) { .advantages { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .advantages { margin-top: 30px; grid-template-columns: none; gap: 10px; } } .advantages__item { padding: 20px; border-radius: 55px; background-color: #f7f7f9; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 19px; min-height: 223px; } @media screen and (max-width: 767px) { .advantages__item { border-radius: 35px; min-height: inherit; } } .advantages__icon { width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; background-color: #ffffff; } .advantages__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .advantages__content p { font-size: 20px; font-weight: 700; line-height: 140%; } .advantages__content span { font-size: 16px; line-height: 150%; } .advantages-box { margin-top: 60px; gap: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 1200px) { .advantages-box { grid-template-columns: none; } } @media screen and (max-width: 991px) { .advantages-box { gap: 10px; } } @media screen and (max-width: 767px) { .advantages-box { margin-top: 30px; } } .advantages-box__item { border-radius: 55px; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 991px) { .advantages-box__item { border-radius: 35px; padding: 20px; gap: 20px; } } .advantages-box__item:first-child { background: -o-linear-gradient(325deg, #FEF7EB 11.47%, #FAE2B9 98.8%); background: linear-gradient(125deg, #FEF7EB 11.47%, #FAE2B9 98.8%); } .advantages-box__item:nth-child(2) { background: -webkit-gradient(linear, left top, left bottom, from(#F2FEEB), to(#C4F7A5)); background: -o-linear-gradient(top, #F2FEEB 0%, #C4F7A5 100%); background: linear-gradient(180deg, #F2FEEB 0%, #C4F7A5 100%); } .advantages-box__item:last-child { background: -o-linear-gradient(289deg, #E2FFFD 13.35%, #93EFE9 89.35%); background: linear-gradient(161deg, #E2FFFD 13.35%, #93EFE9 89.35%); } .advantages-box__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advantages-box__content p { line-height: 120%; } @media screen and (max-width: 767px) { .advantages-box__content p { font-size: 14px; line-height: 160%; } } .advantages-box__icon { width: 64px; height: 64px; } .partners { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; } @media screen and (max-width: 767px) { .partners { margin-top: 30px; gap: 20px; } } @media screen and (max-width: 575px) { .partners__item { height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; } } .smi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 23px; border-radius: 55px; background-color: #f7f7f9; padding: 162px 60px; background-repeat: no-repeat; background-position-y: center; background-position-x: calc(100% - 73px); } @media screen and (max-width: 1366px) { .smi { background-position-x: right; } } @media screen and (max-width: 1200px) { .smi { background-size: 400px; } } @media screen and (max-width: 991px) { .smi { padding: 350px 30px 30px; background-position-x: center; background-position-y: 30px; background-size: 360px; } } @media screen and (max-width: 767px) { .smi { gap: 15px; border-radius: 35px; background-position-y: 55px; background-size: 227px; padding: 323px 30px 30px; } } @media screen and (max-width: 767px) { .smi .h2 { font-size: 24px; font-weight: 600; line-height: 30px; } } .smi__content { 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-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 570px; width: 100%; } @media screen and (max-width: 991px) { .smi__content { max-width: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .smi__text { max-width: 570px; width: 100%; display: grid; gap: 52px; } @media screen and (max-width: 1200px) { .smi__text { max-width: 430px; } } @media screen and (max-width: 991px) { .smi__text { max-width: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media screen and (max-width: 767px) { .smi__text { gap: 24px; } } .smi__text p { font-size: 20px; } @media screen and (max-width: 767px) { .smi__text p { font-size: 14px; } } .smi .button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 24px; } @media screen and (max-width: 991px) { .smi .button { margin: 0 auto; } } @media screen and (max-width: 767px) { .smi .button { padding: 13px 42px; } } @media screen and (max-width: 374px) { .smi .button { padding: 13px; width: 100%; } } .gallery { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; } @media screen and (max-width: 767px) { .gallery { margin-top: 30px; padding-bottom: 90px; } } .gallery .swiper-slide { aspect-ratio: 360/314; width: 360px; border-radius: 40px; overflow: hidden; cursor: pointer; } @media screen and (max-width: 767px) { .gallery .swiper-slide { border-radius: 20px; aspect-ratio: 260/227; width: 260px; } } .gallery .swiper-slide:not(:last-child) { margin-right: 30px; } @media screen and (max-width: 767px) { .gallery .swiper-slide:not(:last-child) { margin-right: 10px; } } .gallery .swiper-buttons { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; bottom: auto; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; right: 0; } @media screen and (max-width: 767px) { .gallery .swiper-buttons { top: auto; bottom: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } .gallery .swiper-buttons .container { gap: 20px; } .gallery .swiper-buttons .swiper-button { width: 60px; height: 60px; } .gallery .swiper { overflow: visible; width: 100%; } .gallery--products .swiper-slide { width: 241px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 0; aspect-ratio: inherit; } @media screen and (max-width: 575px) { .gallery--products .swiper-slide { width: 166px; } } .gallery--products .swiper-slide:not(:last-child) { margin-right: 20px; } @media screen and (max-width: 575px) { .gallery--products .swiper-slide:not(:last-child) { margin-right: 10px; } } .gallery--products .catalog__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 575px) { .gallery--products .catalog__item-img { border-radius: 15px; } } .video { cursor: pointer; border-radius: 55px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; height: 744px; background-image: url("data:image/svg+xml,%3Csvg%20width='118'%20height='124'%20viewBox='0%200%20118%20124'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20filter='url(%23filter0_d_4088_22047)'%3E%3Cpath%20d='M90.667%2045.8255C100.345%2051.1428%20100.345%2065.0482%2090.667%2070.3656L40.7413%2097.7954C31.4111%20102.922%2020%2096.171%2020%2085.5254L20%2030.6657C20%2020.02%2031.4111%2013.2694%2040.7413%2018.3956L90.667%2045.8255Z'%20fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id='filter0_d_4088_22047'%20x='0'%20y='0.646484'%20width='117.926'%20height='122.898'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3E%3CfeOffset%20dy='4'/%3E%3CfeGaussianBlur%20stdDeviation='10'/%3E%3CfeComposite%20in2='hardAlpha'%20operator='out'/%3E%3CfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3E%3CfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_4088_22047'/%3E%3CfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_4088_22047'%20result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 767px) { .video { border-radius: 35px; height: 592px; background-image: url("data:image/svg+xml,%3Csvg%20width='91'%20height='94'%20viewBox='0%200%2091%2094'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20filter='url(%23filter0_d_4102_21980)'%3E%3Cpath%20d='M63.4673%2030.4868C73.1954%2035.793%2073.1954%2049.7616%2063.4673%2055.0679L40.7039%2067.4843C31.3747%2072.573%2020%2065.8206%2020%2055.1937L20%2030.3609C20%2019.7341%2031.3747%2012.9817%2040.7039%2018.0704L63.4673%2030.4868Z'%20fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id='filter0_d_4102_21980'%20x='0'%20y='0.341797'%20width='90.7637'%20height='92.8711'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3E%3CfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3E%3CfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3E%3CfeOffset%20dy='4'/%3E%3CfeGaussianBlur%20stdDeviation='10'/%3E%3CfeComposite%20in2='hardAlpha'%20operator='out'/%3E%3CfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3E%3CfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_4102_21980'/%3E%3CfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_4102_21980'%20result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); } } @media screen and (max-width: 374px) { .video { height: 400px; } } .video img { -o-object-fit: cover; object-fit: cover; z-index: -1; width: 100%; } .img-text { gap: 80px; display: grid; grid-template-columns: 445px auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1200px) { .img-text { gap: 40px; } } @media screen and (max-width: 991px) { .img-text { grid-template-columns: 343px auto; } } @media screen and (max-width: 767px) { .img-text { gap: 20px; grid-template-columns: 250px auto; } } @media screen and (max-width: 575px) { .img-text { grid-template-columns: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .img-text--reverse { grid-template-columns: auto 445px; } @media screen and (max-width: 991px) { .img-text--reverse { grid-template-columns: auto 343px; } } @media screen and (max-width: 767px) { .img-text--reverse { grid-template-columns: auto 250px; } } @media screen and (max-width: 575px) { .img-text--reverse { grid-template-columns: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .img-text__img { aspect-ratio: 1/1; border-radius: 55px; overflow: hidden; } @media screen and (max-width: 767px) { .img-text__img { border-radius: 35px; } } @media screen and (max-width: 575px) { .img-text__img { width: 100%; } } .img-text__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .img-text .h2 { font-size: 36px; line-height: 140%; } @media screen and (max-width: 991px) { .img-text .h2 { font-size: 26px; } } .img-text .h2 + p { max-width: inherit; margin-left: 0; margin-right: 0; text-align: left; font-size: 24px; line-height: 150%; } @media screen and (max-width: 991px) { .img-text .h2 + p { font-size: 16px; line-height: 140%; } } @media screen and (max-width: 575px) { .img-text .h2 + p { margin-top: 10px; } } .img-text-box { display: grid; gap: 20px; } @media screen and (max-width: 767px) { .img-text-box { gap: 30px; } } .img-text-box--filialy { margin-top: 87px; gap: 40px; } @media screen and (max-width: 767px) { .img-text-box--filialy { margin-top: 30px; gap: 30px; } } .img-text-box--filialy .img-text { grid-template-columns: 580px auto; gap: 70px; } @media screen and (max-width: 1200px) { .img-text-box--filialy .img-text { grid-template-columns: 400px auto; gap: 40px; } } @media screen and (max-width: 991px) { .img-text-box--filialy .img-text { grid-template-columns: 343px auto; } } @media screen and (max-width: 767px) { .img-text-box--filialy .img-text { gap: 30px; grid-template-columns: 250px auto; } } @media screen and (max-width: 575px) { .img-text-box--filialy .img-text { grid-template-columns: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .img-text-box--filialy .img-text__img { aspect-ratio: 580/505; } @media screen and (max-width: 1200px) { .img-text-box--filialy .img-text__img { aspect-ratio: 343/299; } } .img-text-box--filialy .img-text--reverse { grid-template-columns: auto 580px; } @media screen and (max-width: 1200px) { .img-text-box--filialy .img-text--reverse { grid-template-columns: auto 400px; } } @media screen and (max-width: 991px) { .img-text-box--filialy .img-text--reverse { grid-template-columns: auto 343px; } } @media screen and (max-width: 767px) { .img-text-box--filialy .img-text--reverse { grid-template-columns: auto 250px; } } @media screen and (max-width: 575px) { .img-text-box--filialy .img-text--reverse { grid-template-columns: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .img-text-box--filialy .img-text__content > p { font-size: 20px; } @media screen and (max-width: 575px) { .img-text-box--filialy .img-text__content > p { font-size: 16px; } } .img-text-box--filialy .h3 { margin-bottom: 20px; } @media screen and (max-width: 767px) { .img-text-box--filialy .h3 { margin-bottom: 10px; } } .img-text-box--filialy .contact { margin-top: 40px; padding-bottom: 0; border: none; } @media screen and (max-width: 575px) { .img-text-box--filialy .contact { margin-top: 20px; } } .img-text-box--cooperation { margin-top: 70px; gap: 20px; } @media screen and (max-width: 767px) { .img-text-box--cooperation { margin-top: 30px; gap: 30px; } } .img-text-box--cooperation .img-text { grid-template-columns: 580px auto; gap: 60px; } @media screen and (max-width: 1200px) { .img-text-box--cooperation .img-text { grid-template-columns: 400px auto; gap: 30px; } } @media screen and (max-width: 991px) { .img-text-box--cooperation .img-text { grid-template-columns: 343px auto; } } @media screen and (max-width: 767px) { .img-text-box--cooperation .img-text { gap: 30px; grid-template-columns: 250px auto; } } @media screen and (max-width: 575px) { .img-text-box--cooperation .img-text { grid-template-columns: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .img-text-box--cooperation .img-text__img { aspect-ratio: 580/505; } @media screen and (max-width: 1200px) { .img-text-box--cooperation .img-text__img { aspect-ratio: 343/299; } } .img-text-box--cooperation .img-text--reverse { grid-template-columns: auto 580px; } @media screen and (max-width: 1200px) { .img-text-box--cooperation .img-text--reverse { grid-template-columns: auto 400px; } } @media screen and (max-width: 991px) { .img-text-box--cooperation .img-text--reverse { grid-template-columns: auto 343px; } } @media screen and (max-width: 767px) { .img-text-box--cooperation .img-text--reverse { grid-template-columns: auto 250px; } } @media screen and (max-width: 575px) { .img-text-box--cooperation .img-text--reverse { grid-template-columns: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .img-text-box--cooperation .img-text__content { display: grid; gap: 20px; } .img-text-box--cooperation .img-text__content > p { font-size: 24px; line-height: 150%; max-width: 547px; } @media screen and (max-width: 575px) { .img-text-box--cooperation .img-text__content > p { font-size: 20px; max-width: inherit; } } .img-text-box--cooperation .h3 { min-height: 54px; padding-top: 9px; background-position: left top; background-repeat: no-repeat; padding-left: 64px; } @media screen and (max-width: 767px) { .img-text-box--cooperation .h3 { background-size: 32px; padding-top: 0; padding-left: 42px; min-height: inherit; } } .blog-box { display: grid; gap: 40px 20px; grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 991px) { .blog-box { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .blog-box { grid-template-columns: none; gap: 30px; } } .blog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; position: relative; } .blog__image { border-radius: 55px; aspect-ratio: 428/276; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; } @media screen and (max-width: 767px) { .blog__image { border-radius: 35px; } } @media screen and (max-width: 575px) { .blog__image { aspect-ratio: 343/276; } } .blog__tag { padding: 14px 20px; border-radius: 55px; background-color: #f7f7f9; color: #979797; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; top: 20px; left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 575px) { .blog__tag { line-height: 150%; padding: 9px 20px; } } .blog__info { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .blog__info p { font-size: 12px; font-weight: 500; line-height: 120%; color: #979797; } .blog__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .blog__title { font-weight: 600; line-height: 140%; cursor: pointer; } @media (hover: hover) and (pointer: fine) { .blog__title:hover { color: #3ca75e; } } .blog__description p { line-height: 150%; } .article { padding-bottom: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } @media screen and (max-width: 767px) { .article { padding-bottom: 60px; gap: 30px; } } .article .swiper-pagination { display: none; } .article .blog__info { margin-top: 0; margin-bottom: 40px; } @media screen and (max-width: 767px) { .article .blog__info { margin-top: 10px; margin-bottom: 0; } } .article .blog__info p { font-size: 16px; line-height: 14px; text-transform: uppercase; color: #bec4cd; } @media screen and (max-width: 575px) { .article .blog__info p { font-size: 12px; } } .article__banner { position: relative; } @media screen and (max-width: 767px) { .article__banner { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .article__banner-img { aspect-ratio: 930/477; border-radius: 30px; width: 100%; } @media screen and (max-width: 767px) { .article__banner-img { border-radius: 20px; aspect-ratio: 343/276; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 767px) { .article .blog__tag { display: none; } } .article__nav { margin-top: 40px; display: grid; } @media screen and (max-width: 767px) { .article__nav { margin-top: 30px; } } .article__nav-title { margin-bottom: 40px; font-size: 30px; font-weight: 700; line-height: 120%; } @media screen and (max-width: 767px) { .article__nav-title { margin-bottom: 20px; font-size: 24px; } } .article__nav li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media screen and (max-width: 767px) { .article__nav li { gap: 10px; } } .article__nav ol { display: grid; gap: 20px; counter-reset: articleNav; } .article__nav ol a { font-size: 20px; font-weight: 700; line-height: 140%; } @media screen and (max-width: 767px) { .article__nav ol a { font-size: 16px; } } .article__nav ol > li { position: relative; padding-left: 46px; } @media screen and (max-width: 767px) { .article__nav ol > li { padding-left: 31px; } } .article__nav ol > li:before { content: counter(articleNav) "."; counter-increment: articleNav; position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 700; line-height: 140%; } @media screen and (max-width: 767px) { .article__nav ol > li:before { font-size: 16px; } } .article__nav ul { display: grid; gap: 10px; } .article__nav ul a { font-weight: 400; } @media screen and (max-width: 767px) { .article__nav ul a { padding-left: 12px; } } .article__nav a { cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (hover: hover) and (pointer: fine) { .article__nav a:hover { color: #3ca75e; } } .article__service { padding: 40px; border-radius: 55px; background-color: #292d32; display: grid; gap: 40px; color: #ffffff; margin: 40px 0; } @media screen and (max-width: 767px) { .article__service { margin: 10px 0; } } .article__service h2 { margin: 0 !important; } .article__service .button { padding: 15px 18px; } .article__service .button span { font-size: 16px; font-weight: 600; line-height: 130%; } .article h2 + .article__service, .article h3 + .article__service { margin-top: 20px; } @media screen and (max-width: 767px) { .article h2 + .article__service, .article h3 + .article__service { margin-top: 10px; } } .article .article__service + h2, .article .article__service + h3 { margin-top: 0; } .article__slider { margin: 40px 0; position: relative; } @media screen and (max-width: 991px) { .article__slider { display: none; } } .article__slider:last-child { margin-bottom: 0; } .article__slider-image { aspect-ratio: 930/400; } .article__slider-image img { width: 100%; } .article__slider .swiper-slide { position: relative; border-radius: 55px; overflow: hidden; } @media screen and (max-width: 991px) { .article__slider .swiper-slide { border-radius: 20px; } } .article__slider .button { position: absolute; right: 40px; bottom: 40px; padding: 13px 24px; } @media screen and (max-width: 991px) { .article__slider .button { right: 20px; bottom: 20px; } } @media screen and (max-width: 991px) { .article .swiper-buttons { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 100%; } } .article .swiper-buttons .container { padding: 0 40px; } @media screen and (max-width: 991px) { .article .swiper-buttons .container { padding: 0 20px; } } .article__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 767px) { .article .content ol li { padding-left: 21px; } } @media screen and (max-width: 767px) { .article .content ol li:before { font-size: 16px; } } @media screen and (max-width: 767px) { .article .content ul li { padding-left: 15px; font-size: 16px; } } @media screen and (max-width: 767px) { .article .content ul li:before { left: -1px; top: 9px; } } .container:not(.container--width-935):has(.article):before { content: ""; position: absolute; left: 60px; bottom: 0; height: 1px; width: calc(100% - 120px); background-color: rgba(95, 109, 126, 0.2); } @media screen and (max-width: 1200px) { .container:not(.container--width-935):has(.article):before { left: 30px; width: calc(100% - 60px); } } @media screen and (max-width: 767px) { .container:not(.container--width-935):has(.article):before { left: 16px; width: calc(100% - 32px); } } .container:not(.container--width-935):has(.article) > .container { padding: 0; } @media screen and (max-width: 767px) { .articles { padding-bottom: 90px; } } .articles .swiper-buttons { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; bottom: auto; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; right: 0; } @media screen and (max-width: 767px) { .articles .swiper-buttons { top: auto; bottom: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } .articles .swiper-buttons .container { gap: 20px; } .articles .swiper-buttons .swiper-button { width: 60px; height: 60px; } .articles .swiper-slide { height: auto; } .articles .blog { height: 100%; } .articles .swiper { overflow: visible; width: 100%; } .section:has(.articles) .h2 { font-size: 36px; line-height: 34px; min-height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } @media screen and (max-width: 767px) { .section:has(.articles) .h2 { font-size: 28px; min-height: inherit; margin-bottom: 30px; } } .catalog { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; padding-bottom: 60px; } .catalog__empty { font-size: 30px; font-style: normal; font-weight: 700; line-height: 120%; grid-column: 1/-1; margin: 100px auto 0; text-align: center; } @media screen and (max-width: 575px) { .catalog__empty { font-size: 24px; margin: 50px auto 0; } } .catalog__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 288px); gap: 40px; } @media screen and (max-width: 991px) { .catalog__box { width: 100%; gap: 0; } } .catalog__box:has(.article__slider) { gap: 60px; } @media screen and (max-width: 991px) { .catalog__box:has(.article__slider) { gap: 0; } } .catalog__types { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; display: grid; gap: 10px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media screen and (max-width: 991px) { .catalog__types { display: none; } } .catalog__type { line-height: 150%; padding: 18px 20px; color: #979797; border-radius: 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } .catalog__type.active { background-color: #f7f7f9; color: #292d32; cursor: default; } @media (hover: hover) and (pointer: fine) { .catalog__type:hover { background-color: #f7f7f9; color: #292d32; } } .catalog .h2 { font-size: 36px; line-height: 34px; } @media screen and (max-width: 991px) { .catalog .h2 { display: none; } } .catalog__item { cursor: pointer; } .catalog__item-img { border-radius: 35px; overflow: hidden; aspect-ratio: 1/1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 767px) { .catalog__item-img { border-radius: 30px; } } .catalog__item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .catalog__item p { line-height: 150%; padding: 12px 0; margin-top: 10px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 767px) { .catalog__item p { padding: 5px 0; margin-top: 5px; font-size: 14px; } } @media (hover: hover) and (pointer: fine) { .catalog__item:hover .catalog__item-img { -webkit-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.15); } } .catalog__row { gap: 40px 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; padding-bottom: 100px; } @media screen and (max-width: 767px) { .catalog__row { grid-template-columns: 1fr 1fr; padding-bottom: 60px; gap: 20px 10px; } } .catalog__row .button { grid-column: 1/-1; width: 100%; margin: 0 auto; max-width: 268px; } .catalog__title { display: none; font-size: 28px; font-weight: 700; line-height: 120%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .catalog__title { display: -webkit-box; display: -ms-flexbox; display: flex; } } .catalog-search { position: relative; min-height: 50px; margin-bottom: 40px; border-radius: 20px; } @media screen and (max-width: 991px) { .catalog-search { margin-bottom: 30px; } } .catalog-search__input { height: 50px; border-radius: 32px; min-height: unset; font-size: 16px; background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M9.58268%2017.4993C13.9549%2017.4993%2017.4993%2013.9549%2017.4993%209.58268C17.4993%205.21043%2013.9549%201.66602%209.58268%201.66602C5.21043%201.66602%201.66602%205.21043%201.66602%209.58268C1.66602%2013.9549%205.21043%2017.4993%209.58268%2017.4993Z'%20stroke='%23979797'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.3327%2018.3327L16.666%2016.666'%20stroke='%23979797'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 20px; background-position: 20px 15px; padding: 13px 13px 13px 50px; background-color: #f7f7f9; } .catalog-search__inputholder { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .catalog-search .button { -webkit-box-flex: 0; -ms-flex: 0 0 176px; flex: 0 0 176px; } @media screen and (max-width: 767px) { .catalog-search .button { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M14.4297%205.92969L20.4997%2011.9997L14.4297%2018.0697'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M3.5%2012H20.33'%20stroke='white'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; } .catalog-search .button span { display: none; } } @media screen and (max-width: 991px) { .catalog__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 20px; } } .catalog__head:not(:has(.article__slider)) + .catalog__wrapper:not(:has(.tabs)) { margin-top: -40px; } @media screen and (max-width: 991px) { .catalog__head:not(:has(.article__slider)) + .catalog__wrapper:not(:has(.tabs)) { margin-top: -10px; } } @media screen and (max-width: 767px) { .catalog .tabs { padding-bottom: 10px; margin-bottom: 10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; overflow: auto; } } .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .content h2, .content h3 { font-weight: 700; line-height: 120%; } .content h2:not(:last-child), .content h3:not(:last-child) { margin-bottom: 20px; } @media screen and (max-width: 767px) { .content h2:not(:last-child), .content h3:not(:last-child) { margin-bottom: 10px; } } .content h2 { font-size: 30px; } @media screen and (max-width: 767px) { .content h2 { font-size: 24px; } } .content h3 { font-size: 24px; } @media screen and (max-width: 767px) { .content h3 { font-size: 20px; } } .content * + h2, .content * + h3 { margin-top: 40px; } @media screen and (max-width: 767px) { .content * + h2, .content * + h3 { margin-top: 20px; } } .content p { font-size: 20px; } @media screen and (max-width: 767px) { .content p { font-size: 16px; } } .content a { cursor: pointer; } .content a:not(.button) { color: #4f46e5; } @media (hover: hover) and (pointer: fine) { .content a:not(.button):hover { opacity: 0.8; } } .content li { padding-left: 36px; font-size: 20px; display: grid; gap: 10px; position: relative; } .content ol, .content ul { display: grid; gap: 16px; } .content ul li:before { content: ""; width: 8px; height: 8px; left: 11px; top: 11px; background-color: #3ca75e; border-radius: 50%; position: absolute; } .content ol { counter-reset: articleOl; } .content ol > li:before { content: counter(articleOl) "."; counter-increment: articleOl; position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 700; line-height: 140%; } .callback { background: -webkit-gradient(linear, left top, left bottom, from(#F2FEEB), to(#D0E7FB)); background: -o-linear-gradient(top, #F2FEEB 0%, #D0E7FB 100%); background: linear-gradient(180deg, #F2FEEB 0%, #D0E7FB 100%); padding-top: 100px; padding-bottom: 105px; 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-align: center; -ms-flex-align: center; align-items: center; gap: 10px; border-radius: 55px; position: relative; overflow: hidden; } @media screen and (max-width: 991px) { .callback { padding: 40px 0; } } @media screen and (max-width: 767px) { .callback { padding: 27px 20px; border-radius: 35px; } } .callback:before { background-image: url("/local/templates/main/css/../img/image/callback-bg.png"); content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: cover; pointer-events: none; } @media screen and (max-width: 767px) { .callback:before { display: none; } } .callback__form { 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-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .callback .h2 { font-size: 36px; line-height: 140%; } @media screen and (max-width: 767px) { .callback .h2 { font-size: 26px; } } .callback .h2 + p { font-size: 16px; line-height: 150%; margin-top: 0; } @media screen and (max-width: 767px) { .callback .h2 + p { font-size: 14px; line-height: 160%; } } .callback .form { display: grid; gap: 10px; max-width: 447px; width: 100%; margin-top: 30px; } @media screen and (max-width: 767px) { .callback .form { max-width: inherit; margin-top: 20px; } } .callback .button { margin-top: 30px; width: 100%; padding: 13px 18px; } @media screen and (max-width: 767px) { .callback .button { margin-top: 20px; } } .callback .policy { margin-top: 10px; } .policy p { font-size: 12px; font-weight: 400; line-height: 140%; } .policy a { color: #29c9c1; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; cursor: pointer; font-weight: 700; } .work { border-radius: 55px; background-color: #f7f7f9; padding: 40px 20px 88px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 117px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1200px) { .work { gap: 20px; } } @media screen and (max-width: 991px) { .work { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; padding-bottom: 64px; padding-top: 30px; border-radius: 35px; } } .work__box { max-width: 710px; width: 100%; position: relative; } @media screen and (max-width: 991px) { .work__box { max-width: inherit; } } @media screen and (max-width: 767px) { .work .h3 { font-size: 20px; } } .work .h3 + p { font-size: 14px; line-height: 140%; margin-top: 20px; color: #979797; } @media screen and (max-width: 767px) { .work .h3 + p { font-size: 12px; font-weight: 500; line-height: 130%; } } .work__img { -ms-flex-item-align: center; align-self: center; } @media screen and (max-width: 575px) { .work__img { max-width: 200px; width: 100%; } } .work__form { display: grid; gap: 40px; } @media screen and (max-width: 767px) { .work__form { gap: 30px; } } .work .form { display: grid; gap: 10px; } .work .form__buttonholder { margin-top: 10px; } @media screen and (max-width: 767px) { .work .form__buttonholder { margin-top: 0; } } .work .button { padding: 13px 24px; margin-top: 20px; } @media screen and (max-width: 575px) { .work .button { width: 100%; } } .work .policy { margin-top: 6px; } .work .thanks .h3 + p { text-align: center; } .error-page { margin: 133px auto; text-align: center; display: grid; gap: 30px; max-width: 526px; } @media screen and (max-width: 991px) { .error-page { margin: 60px auto; } } .error-page__title { display: grid; gap: 8px; } .error-page__title span { color: #979797; } @media screen and (max-width: 767px) { .error-page__title span { font-size: 14px; line-height: 160%; } } .error-page .h2 { font-size: 36px; font-weight: 600; line-height: 44px; letter-spacing: -0.72px; } @media screen and (max-width: 767px) { .error-page .h2 { font-size: 26px; font-weight: 700; line-height: 140%; letter-spacing: normal; } } .error-page > span { line-height: 24px; color: #979797; } .error-page .button { padding: 17px 16px; width: 100%; margin: 0 auto; max-width: 240px; } @media screen and (max-width: 575px) { .error-page .button { max-width: inherit; } } .error-page .button span { text-transform: none; font-size: 16px; font-weight: 400; line-height: normal; } .error-page__number { margin-bottom: 12px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-mask-image: url(/local/templates/main/css/../../img/image/404.png); mask-image: url(/local/templates/main/css/../../img/image/404.png); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position-x: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .error-page__number { margin-bottom: 60px; } } .wave { position: absolute; width: 3622px; height: 217px; bottom: calc(-100% - 34px); right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-animation-duration: 20s; animation-duration: 20s; -webkit-animation-name: wave; animation-name: wave; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .wave:before, .wave:after { content: ""; position: absolute; width: 2423px; height: 100%; background-image: url("/local/templates/main/css/../img/image/wave.png"); background-repeat: no-repeat; top: 0; -webkit-animation-duration: 20s; animation-duration: 20s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .wave--left:before { left: 0; -webkit-animation-name: wave-left-1; animation-name: wave-left-1; -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(4241%) hue-rotate(237deg) brightness(96%) contrast(98%); filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(4241%) hue-rotate(237deg) brightness(96%) contrast(98%); } .wave--left:after { left: 145px; -webkit-animation-name: wave-left-2; animation-name: wave-left-2; -webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(38%) saturate(5672%) hue-rotate(235deg) brightness(69%) contrast(139%); filter: brightness(0) saturate(100%) invert(19%) sepia(38%) saturate(5672%) hue-rotate(235deg) brightness(69%) contrast(139%); } .wave--right:before { right: 0; -webkit-animation-name: wave-right-1; animation-name: wave-right-1; -webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(61%) saturate(4377%) hue-rotate(236deg) brightness(98%) contrast(135%); filter: brightness(0) saturate(100%) invert(10%) sepia(61%) saturate(4377%) hue-rotate(236deg) brightness(98%) contrast(135%); } .wave--right:after { right: 297px; -webkit-animation-name: wave-right-2; animation-name: wave-right-2; -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(33%) saturate(6912%) hue-rotate(235deg) brightness(84%) contrast(131%); filter: brightness(0) saturate(100%) invert(11%) sepia(33%) saturate(6912%) hue-rotate(235deg) brightness(84%) contrast(131%); } @-webkit-keyframes wave { 0% { bottom: calc(-100% - 34px); } 50% { bottom: 0; } 100% { bottom: calc(-100% - 34px); } } @keyframes wave { 0% { bottom: calc(-100% - 34px); } 50% { bottom: 0; } 100% { bottom: calc(-100% - 34px); } } @-webkit-keyframes wave-left-1 { 0% { left: 0; } 50% { left: 40%; } 100% { left: 0; } } @keyframes wave-left-1 { 0% { left: 0; } 50% { left: 40%; } 100% { left: 0; } } @-webkit-keyframes wave-left-2 { 0% { left: 145px; } 50% { left: 40%; } 100% { left: 145px; } } @keyframes wave-left-2 { 0% { left: 145px; } 50% { left: 40%; } 100% { left: 145px; } } @-webkit-keyframes wave-right-1 { 0% { right: 0; } 50% { right: 40%; } 100% { right: 0; } } @keyframes wave-right-1 { 0% { right: 0; } 50% { right: 40%; } 100% { right: 0; } } @-webkit-keyframes wave-right-2 { 0% { right: 297px; } 50% { right: 40%; } 100% { right: 297px; } } @keyframes wave-right-2 { 0% { right: 297px; } 50% { right: 40%; } 100% { right: 297px; } } .contacts-page { margin-top: 60px; gap: 40px 125px; display: grid; grid-template-columns: 1fr 1fr 1fr; } .contacts-page .h2 { font-size: 30px; text-align: left; margin-bottom: 20px; } @media screen and (max-width: 767px) { .contacts-page .h2 { font-size: 24px; margin-bottom: 0; } } @media screen and (max-width: 1200px) { .contacts-page { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .contacts-page { grid-template-columns: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 60px; gap: 20px; } } .contact { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 767px) { .contact { padding-bottom: 20px; border-bottom: 1px solid #f7f7f9; } } .contact__title { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact__title p { font-size: 12px; font-weight: 500; line-height: 120%; text-transform: uppercase; color: #979797; } .contact__box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 575px) { .contact__box { gap: 6px; } } .contact__box > p, .contact__box a { font-size: 20px; } @media screen and (max-width: 575px) { .contact__box > p, .contact__box a { font-size: 16px; font-weight: 400; line-height: 140%; } } .contact a { color: #29c9c1; cursor: pointer; } @media screen and (max-width: 767px) { .container:has(.contacts-page) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; display: -webkit-box; display: -ms-flexbox; display: flex; } } .product { display: grid; grid-template-columns: 437px auto; gap: 36px; padding-left: 42px; } @media screen and (max-width: 1200px) { .product { grid-template-columns: 400px auto; gap: 20px; padding-left: 0; } } @media screen and (max-width: 991px) { .product { grid-template-columns: none; gap: 70px; } } .product__img { aspect-ratio: 437/577; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 991px) { .product__img { max-width: 400px; margin: 0 auto; } } @media screen and (max-width: 575px) { .product__img { max-width: 238px; } } .product__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .product__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media screen and (max-width: 575px) { .product__info { gap: 20px; } } .product__params { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__params span { color: #29c9c1; font-weight: 700; padding: 8px 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 100px; background-color: #F2F2F2; } .product__chars { display: grid; gap: 20px; } .product__box { display: grid; gap: 10px; } .product__box span { font-size: 12px; font-weight: 500; line-height: 120%; text-transform: uppercase; color: #BEC4CD; } .product__box p { line-height: 150%; } @media screen and (max-width: 575px) { .product__box p { font-size: 14px; line-height: 160%; } } .product__keeping { border-radius: 15px; background-color: #F2F2F2; padding: 24px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px 100px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1200px) { .product__keeping { gap: 15px 20px; } } @media screen and (max-width: 575px) { .product__keeping { padding: 0; background-color: transparent; border-radius: 0; gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .product__keeping p { line-height: 150%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 575px) { .product__keeping p { font-size: 14px; line-height: 160%; } } .product__keeping span { font-size: 12px; font-style: normal; font-weight: 500; line-height: 120%; text-transform: uppercase; color: #29c9c1; } @media screen and (max-width: 575px) { .product__keeping span { line-height: 130%; color: #BEC4CD; } } .checkbox { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 28px; position: relative; cursor: pointer; } .checkbox .checkbox__input { width: 1px; height: 1px; position: absolute; opacity: 0; } .checkbox .checkbox__input + label, .checkbox .checkbox__input + span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 38px; min-height: 28px; cursor: pointer; font-size: 16px; font-style: normal; line-height: 140%; color: #979797; } @media screen and (max-width: 767px) { .checkbox .checkbox__input + label, .checkbox .checkbox__input + span { font-size: 14px; } } .checkbox .checkbox__input + label:before, .checkbox .checkbox__input + label:after, .checkbox .checkbox__input + span:before, .checkbox .checkbox__input + span:after { content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 7px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .checkbox .checkbox__input + label::before, .checkbox .checkbox__input + span::before { background-color: #ffffff; -webkit-box-shadow: 0 0 0 1px #979797 inset; box-shadow: 0 0 0 1px #979797 inset; } .checkbox .checkbox__input + label::after, .checkbox .checkbox__input + span::after { background-color: #292d32; background-image: url("data:image/svg+xml,%3Csvg%20width='17'%20height='13'%20viewBox='0%200%2017%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M16.1637%202.28815L6.16374%2012.2882C6.07664%2012.3756%205.97315%2012.4449%205.85919%2012.4922C5.74524%2012.5395%205.62306%2012.5639%205.49967%2012.5639C5.37628%2012.5639%205.25411%2012.5395%205.14016%2012.4922C5.0262%2012.4449%204.92271%2012.3756%204.83561%2012.2882L0.460611%207.91315C0.373405%207.82594%200.304229%207.72242%200.257034%207.60848C0.209838%207.49454%200.185547%207.37242%200.185547%207.24909C0.185547%207.12576%200.209838%207.00364%200.257034%206.8897C0.304229%206.77576%200.373405%206.67223%200.460611%206.58503C0.547816%206.49782%200.651345%206.42864%200.765285%206.38145C0.879225%206.33425%201.00135%206.30996%201.12467%206.30996C1.248%206.30996%201.37012%206.33425%201.48406%206.38145C1.598%206.42864%201.70153%206.49782%201.78874%206.58503L5.50045%2010.2967L14.8372%200.961587C15.0133%200.785467%2015.2522%200.686523%2015.5012%200.686523C15.7503%200.686523%2015.9892%200.785467%2016.1653%200.961587C16.3414%201.13771%2016.4404%201.37658%2016.4404%201.62565C16.4404%201.87472%2016.3414%202.11359%2016.1653%202.28971L16.1637%202.28815Z'%20fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 6px 8px; } .checkbox .checkbox__input:not(:checked) + label::after, .checkbox .checkbox__input:not(:checked) + span::after { opacity: 0; } .checkbox .checkbox__input:checked + label, .checkbox .checkbox__input:checked + span { color: #292d32; font-weight: 600; } .checkbox .checkbox__input:checked + label::after, .checkbox .checkbox__input:checked + span::after { opacity: 1; } .accordion { border-radius: 55px; background-color: #F6F6F6; padding: 24px 40px; } @media screen and (max-width: 767px) { .accordion { border-radius: 35px; padding: 20px; } } .accordion__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; position: relative; gap: 20px; } @media (hover: hover) and (pointer: fine) { .accordion__toggle:hover .accordion__btn { background-color: #292d32; } .accordion__toggle:hover svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(110deg) brightness(98%) contrast(108%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(110deg) brightness(98%) contrast(108%); } } .accordion__title span { font-size: 20px; line-height: 140%; font-weight: 700; } @media screen and (max-width: 767px) { .accordion__title span { font-size: 16px; } } .accordion__btn { width: 50px; height: 50px; border: 1px solid #292d32; border-radius: 50%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; 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; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } .accordion__btn svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-filter: brightness(0) saturate(100%) invert(14%) sepia(4%) saturate(1969%) hue-rotate(173deg) brightness(91%) contrast(87%); filter: brightness(0) saturate(100%) invert(14%) sepia(4%) saturate(1969%) hue-rotate(173deg) brightness(91%) contrast(87%); } .accordion.active .accordion__btn { background-color: #292d32; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion.active .accordion__btn svg { -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(110deg) brightness(98%) contrast(108%); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7476%) hue-rotate(110deg) brightness(98%) contrast(108%); } .accordion__content { height: 0; overflow: hidden; } .accordion__content-box { padding-top: 30px; display: grid; gap: 10px; } @media screen and (max-width: 767px) { .accordion__content-box { padding-top: 30px; } } .faq { margin-top: 45px; display: grid; gap: 10px; } @media screen and (max-width: 767px) { .faq { margin-top: 30px; gap: 5px; } } .vacancy { display: grid; gap: 40px; } @media screen and (max-width: 991px) { .vacancy { gap: 20px; } } .vacancy__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 218px; } @media screen and (max-width: 767px) { .vacancy__head { gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 10px; } } .vacancy__head p { font-size: 20px; line-height: 140%; } @media screen and (max-width: 767px) { .vacancy__head p { font-size: 16px; } } .vacancy__desc { line-height: 150%; } @media screen and (max-width: 767px) { .vacancy__desc { font-size: 14px; line-height: 160%; } } .vacancy__box { display: grid; gap: 10px; } .vacancy__box ul { margin-left: 30px; } .vacancy__box li { line-height: 150%; display: list-item; list-style-type: disc; } @media screen and (max-width: 767px) { .vacancy__box li { line-height: 160%; font-size: 14px; } } .vacancy__box p { line-height: 140%; } @media screen and (max-width: 767px) { .vacancy__box p { font-size: 14px; } } .vacancy__content { display: grid; gap: 20px; } .vacancy .button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 23px; } @media screen and (max-width: 767px) { .vacancy .button { margin-top: 10px; } } @media screen and (max-width: 575px) { .vacancy .button { width: 100%; } } .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tab { padding: 14px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 55px; background: #f7f7f9; color: #979797; 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; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } @media screen and (max-width: 767px) { .tab { padding: 9px 18px; } } .tab span { font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .tab--active { background-color: #292d32; color: #ffffff; cursor: default; } @media (hover: hover) and (pointer: fine) { .tab:not(.tab--active):hover { background-color: #292d32; color: #ffffff; } } [class*=ymaps][class*=-ground-pane] { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } .map { position: relative; border-radius: 55px; overflow: hidden; } @media screen and (max-width: 767px) { .map { border-radius: 35px; } } .map__holder { height: 394px; } .map--no-touch:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 1; } .custom-map { border-radius: 55px; background-image: url("/local/templates/main/css/../img/image/map-bg.png"); background-position: center top; background-repeat: no-repeat; padding-top: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 140px; position: relative; } @media screen and (max-width: 991px) { .custom-map { border-radius: 35px; gap: 130px; } } @media screen and (max-width: 767px) { .custom-map { gap: 110px; background-position: center -50px; padding-top: 30px; } } @media screen and (max-width: 575px) { .custom-map { gap: 75px; } } .custom-map__map { width: 100%; height: 458px; z-index: 1; margin: 0 auto 175px; position: relative; } @media screen and (max-width: 1366px) { .custom-map__map { overflow-y: auto; width: auto; margin: 0 20px 175px; } } @media screen and (max-width: 991px) { .custom-map__map { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .custom-map__map { margin: 0 10px 16px; } } .custom-map__map::-webkit-scrollbar { height: 5px; border-radius: 20px; background-color: #f7f7f9; } .custom-map__map::-webkit-scrollbar-thumb { background-color: #292d32; border-radius: 20px; } .custom-map__map::-webkit-scrollbar-track { border-radius: 20px; } .custom-map__map img { width: 1208px; height: 100%; position: absolute; top: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media screen and (max-width: 1366px) { .custom-map__map img { position: absolute; top: 0; left: 0; max-width: inherit; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } } .custom-map__coords { width: 1208px; height: 100%; position: absolute; top: 3px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } @media screen and (max-width: 1366px) { .custom-map__coords { right: auto; -webkit-transform: none; -ms-transform: none; transform: none; position: absolute; top: 0; left: 0; } } .custom-map__item { position: absolute; border-radius: 20px; border: 1px solid #292d32; background-color: #ffffff; padding: 7px 14px; 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; text-align: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; font-size: 12px; font-weight: 500; line-height: 120%; } .custom-map__item:before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='9'%20height='17'%20viewBox='0%200%209%2017'%20fill='none'%3E%3Cpath%20d='M4.23242%2015.5449V0'%20stroke='%23292D32'/%3E%3Cpath%20d='M4.03389%2016.3792C6.26172%2016.3792%208.06771%2015.3132%208.06771%2013.9982C8.06771%2012.6832%206.26172%2011.6172%204.03389%2011.6172C1.80607%2011.6172%200%2012.6832%200%2013.9982C0%2015.3132%201.80607%2016.3792%204.03389%2016.3792Z'%20fill='%23292D32'/%3E%3C/svg%3E"); content: ""; top: 100%; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); width: 9px; height: 17px; position: absolute; } .custom-map__item:not(.active) { cursor: pointer; } @media (hover: hover) and (pointer: fine) { .custom-map__item:not(.active):hover { background-color: #292d32; color: #ffffff; } } .custom-map__item.active { cursor: default; pointer-events: none; background-color: #292d32; color: #ffffff; z-index: 1; } @media screen and (max-width: 767px) { .custom-map .h2 { padding: 0 35px; } } .container:has(.custom-map) { min-height: 880px; } @media screen and (max-width: 991px) { .container:has(.custom-map) { min-height: inherit; } } .map-items { padding: 25px 40px 22px 40px; border-radius: 55px; background-color: #ffffff; position: absolute; display: none; bottom: 30px; right: 85px; z-index: 1; max-width: 700px; width: 100%; min-height: 294px; } @media screen and (max-width: 1200px) { .map-items { right: 48px; } } @media screen and (max-width: 991px) { .map-items { position: relative; max-width: inherit; bottom: auto; right: auto; padding: 20px 0 0; min-height: 249px; } } .map-items:not(:has(.map-item:nth-child(5))) { max-width: inherit; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 991px) { .map-items:not(:has(.map-item:nth-child(5))) { width: 100%; } } .map-items__close { cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M19.281%2018.2198C19.3507%2018.2895%2019.406%2018.3722%2019.4437%2018.4632C19.4814%2018.5543%2019.5008%2018.6519%2019.5008%2018.7504C19.5008%2018.849%2019.4814%2018.9465%2019.4437%2019.0376C19.406%2019.1286%2019.3507%2019.2114%2019.281%2019.281C19.2114%2019.3507%2019.1286%2019.406%2019.0376%2019.4437C18.9465%2019.4814%2018.849%2019.5008%2018.7504%2019.5008C18.6519%2019.5008%2018.5543%2019.4814%2018.4632%2019.4437C18.3722%2019.406%2018.2895%2019.3507%2018.2198%2019.281L12.0004%2013.0607L5.78104%2019.281C5.64031%2019.4218%205.44944%2019.5008%205.25042%2019.5008C5.05139%2019.5008%204.86052%2019.4218%204.71979%2019.281C4.57906%2019.1403%204.5%2018.9494%204.5%2018.7504C4.5%2018.5514%204.57906%2018.3605%204.71979%2018.2198L10.9401%2012.0004L4.71979%205.78104C4.57906%205.64031%204.5%205.44944%204.5%205.25042C4.5%205.05139%204.57906%204.86052%204.71979%204.71979C4.86052%204.57906%205.05139%204.5%205.25042%204.5C5.44944%204.5%205.64031%204.57906%205.78104%204.71979L12.0004%2010.9401L18.2198%204.71979C18.3605%204.57906%2018.5514%204.5%2018.7504%204.5C18.9494%204.5%2019.1403%204.57906%2019.281%204.71979C19.4218%204.86052%2019.5008%205.05139%2019.5008%205.25042C19.5008%205.44944%2019.4218%205.64031%2019.281%205.78104L13.0607%2012.0004L19.281%2018.2198Z'%20fill='white'/%3E%3C/svg%3E"); border-radius: 50%; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: center; background-color: #292d32; position: absolute; right: -7px; top: -17px; } @media screen and (max-width: 991px) { .map-items__close { right: 0; top: 20px; width: 50px; height: 50px; } } .map-items__box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 22px; overflow-x: auto; padding-bottom: 36px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media screen and (max-width: 991px) { .map-items__box { padding-bottom: 21px; margin-top: 13px; } } .map-items__box::-webkit-scrollbar { height: 5px; border-radius: 20px; background-color: #f7f7f9; } .map-items__box::-webkit-scrollbar-thumb { background-color: #292d32; border-radius: 20px; } .map-items__box::-webkit-scrollbar-track { border-radius: 20px; } .map-items__box:not(:has(.map-item:nth-child(5))) { overflow-x: hidden; } @media screen and (max-width: 991px) { .map-items__box:not(:has(.map-item:nth-child(5))) { overflow-x: auto; } } .map-items__box:has(.map-item:first-child:last-child) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .map-items__box:has(.map-item:first-child:last-child) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .map-items__title { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 991px) { .map-items__title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 50px; padding-right: 60px; } } @media screen and (max-width: 767px) { .map-items .h3 { font-size: 16px; line-height: 140%; } } .map-item { width: 116px; display: grid; gap: 8px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 116px; flex: 0 0 116px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; cursor: pointer; } .map-item img { aspect-ratio: 1/1; border-radius: 30px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media screen and (max-width: 991px) { .map-item img { border-radius: 20px; } } .map-item span { font-size: 16px; line-height: 150%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-self: center; -ms-flex-item-align: center; align-self: center; } @media screen and (max-width: 767px) { .map-item span { font-size: 12px; font-weight: 500; line-height: 130%; } } @media (hover: hover) and (pointer: fine) { .map-item:hover img { -webkit-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.15); } } .gallery .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } /*# sourceMappingURL=style.css.map */ /* End */ /* /local/templates/main/css/libs.css?174011545133506 */ /* /local/templates/main/css/style.css?1764232965178094 */