/* Start:/local/templates/main/libs/swiper-bundle.min.css?170789260418463*/ /** * Swiper 10.3.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: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/libs/simplebar.css?17030539904237*/ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* End */ /* Start:/local/templates/main/css/fonts.css?1712132548419*/ /* tenor-sans-regular - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Tenor Sans'; font-style: normal; font-weight: 400; src: url('/local/templates/main/css/../fonts/tenor-sans-v19-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* End */ /* Start:/local/templates/main/css/main.min.css?171221647374145*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: rgba(0, 0, 0, 0) } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } @font-face { font-family: "Lora"; src: url(/local/templates/main/css/../fonts/Lora-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "Lora"; src: url(/local/templates/main/css/../fonts/Lora-SemiBold.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: "Lora"; src: url(/local/templates/main/css/../fonts/Lora-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: "Tenor Sans"; src: url(/local/templates/main/css/../fonts/TenorSans.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap } :root { --first-family: "Lora", serif; --second-family: "Tenor Sans", sans-serif; --color-white: #ffffff; --color-white-mod-02: rgba(255, 255, 255, 0.2); --color-dark: #36363c; --color-dark-mod-02: rgba(54, 54, 60, 0.2); --color-dark-mod-07: rgba(54, 54, 60, 0.7); --color-dark-mod-08: rgba(54, 54, 60, 0.8); --color-beige: #F2EFE5; --color-light: #f3edd3; --color-orange: #f59829; --color-red: #ff5843; --color-green: #007364; --color-bg: #e9e7e2; --color-pearl: #e9e7e2; --color-pastel: #dce0cf; --container-width: 1410px; --container-padding-x: 40px } html { box-sizing: border-box; scroll-behavior: smooth; height: 100% } html *, html *::before, html *::after { box-sizing: border-box } body { margin: 0; min-width: 375px; font-size: 16px; font-family: var(--first-family); position: relative; overflow-x: hidden; background-color: var(--color-bg); color: var(--color-dark); font-style: normal; font-weight: 400; line-height: 1.5; letter-spacing: .16px; min-height: 100%; max-width: 100%; width: 100% } img { height: auto; max-width: 100%; display: block } input, textarea, a, button { font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit } a { text-decoration: none; color: inherit; font-family: inherit; font-style: inherit } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none } input[type=number] { -moz-appearance: textfield } h1, h2, h3, h4, h5, h6 { font-family: var(--second-family); color: var(--color-dark); line-height: 1.2; font-style: normal; font-weight: 400 } a:not([class]) { color: var(--color-red); text-decoration-line: underline; transition: color .3s } a:not([class]):hover, a:not([class]):focus, a:not([class]):active { color: var(--color-orange); text-decoration-line: none } input, textarea { font-family: var(--first-family); font-size: inherit; line-height: inherit; letter-spacing: inherit; max-width: 100%; width: 100%; outline: none; padding: 14px 24px; border-radius: 32px; border: 1px solid rgba(54, 54, 60, .2); background: var(--color-white); box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, .15) inset; position: relative; height: 56px } input::placeholder, textarea::placeholder { font-family: var(--first-family); font-size: 16px; line-height: inherit; letter-spacing: inherit; color: var(--color-dark-mod-08) } @media(max-width: 767px) { input, textarea { height: 45px } } textarea { resize: none } :where(ul, ol):where([class]) { padding-left: 0 } body, :where(blockquote, figure):where([class]) { margin: 0 } :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) { margin-block: 0 } :where(dd[class]) { margin-left: 0 } :where(fieldset[class]) { margin-left: 0; padding: 0; border: none } :where(ul[class]) { list-style: none } p:where(:not([class]):not(:last-child)) { margin-bottom: var(--paragraphMarginBottom) } input, textarea, select, button { font: inherit } svg * { transition-property: fill, stroke } @media(prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important } } ol:not([class]), ul:not([class]) { padding-left: 0; margin-top: 1rem; margin-bottom: 1rem } ol:not([class]) li, ul:not([class]) li { list-style: none; padding-left: 26px; position: relative; display: flex; align-items: center } ol:not([class]) li::before, ul:not([class]) li::before { content: ""; display: block; width: 16px; height: 2px; background-color: var(--color-red); position: absolute; left: 0; top: 12px } .to-right { margin-right: 0; margin-left: auto } .list-reset { margin: 0; padding: 0; list-style: none } .visually-hidden:not(:focus), input[type=checkbox].visually-hidden, input[type=radio].visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; -webkit-clip-path: inset(100%); clip-path: inset(100%) } .wrapper { max-width: calc(var(--container-width) + 96px); margin-inline: auto; padding-inline: 48px } @media(max-width: 1023px) { .wrapper { max-width: calc(var(--container-width) + 80px); padding-inline: 40px } } @media(max-width: 767px) { .wrapper { max-width: calc(var(--container-width) + 40px); padding-inline: 20px } } .button { text-decoration: none; cursor: pointer; position: relative; outline: 0; z-index: 2; display: grid; gap: 12px; grid-template-columns: 32px 1fr; align-items: center; max-width: max-content; border: none; background-color: rgba(0, 0, 0, 0); padding: 10px 24px; font-family: var(--first-family); font-style: normal; line-height: 1; color: var(--color-white); text-align: center; font-size: 14px; font-weight: 700; letter-spacing: .14px; text-transform: uppercase; height: 56px } .button span { position: relative; z-index: 2 } .button::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; pointer-events: none; z-index: 0; border-radius: 32px; background-color: var(--color-orange) } .button__icon { background-color: var(--color-white); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; pointer-events: none; transition: all .3s; flex-shrink: 0; color: var(--color-orange) } .button__icon svg { flex-shrink: 0; width: 16px; height: 16px; position: absolute } .button:hover::before, .button:active::before, .button:focus::before { background-color: var(--color-red); left: -4px; top: -4px; bottom: -4px; right: -4px } .button:hover .button__icon, .button:active .button__icon, .button:focus .button__icon { color: var(--color-red) } .button--full { max-width: 100%; width: 100%; justify-content: center; grid-template-columns: 32px auto } .button--green::before { background-color: var(--color-green) } .button--green .button__icon { color: var(--color-green) } .button--green:hover::before, .button--green:active::before, .button--green:focus::before { background-color: var(--color-red) } .button--green:hover .button__icon, .button--green:active .button__icon, .button--green:focus .button__icon { color: var(--color-red) } .button--red::before { background-color: var(--color-red) } .button--red .button__icon { color: var(--color-red) } .button--red:hover::before, .button--red:active::before, .button--red:focus::before { background-color: var(--color-orange) } .button--red:hover .button__icon, .button--red:active .button__icon, .button--red:focus .button__icon { color: var(--color-orange) } @media(max-width: 767px) { .button { height: 45px; padding: 6px 19px; grid-template-columns: 32px auto } } .button-close { border: none; outline: 0; width: 48px; height: 48px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative } .button-close::before { content: ""; position: absolute; left: -8px; top: -8px; bottom: -8px; right: -8px; transition: all .3s ease-in-out; pointer-events: none; background-color: var(--color-orange); z-index: 0; border-radius: 50%; border: 8px solid var(--color-white) } .button-close__icon { flex-shrink: 0; width: 16px; height: 16px; pointer-events: none; position: absolute; z-index: 2; color: var(--color-white); display: flex; align-items: center; justify-content: center } .button-close__icon svg { width: 16px; pointer-events: none } .button-close:hover::before { background-color: var(--color-red); left: -12px; top: -12px; bottom: -12px; right: -12px } @media(max-width: 767px) { .button-close { width: 40px; height: 40px } .button-close::before { left: -5px; top: -5px; bottom: -5px; right: -5px } .button-close:hover::before { background-color: var(--color-red); left: -9px; top: -9px; bottom: -9px; right: -9px } } .social-icons { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; grid-template-columns: repeat(2, auto); max-width: max-content } .social-icons__icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: relative } .social-icons__icon::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; pointer-events: none; background-color: var(--color-orange); z-index: 0; border-radius: 50% } .social-icons__icon svg { width: 18px; height: 18px; position: relative } .social-icons__icon--whatsapp::before { background-color: #43ad45 } .social-icons__icon--telegram::before { background-color: #37aee2 } .social-icons__icon:hover::before { left: -4px; top: -4px; bottom: -4px; right: -4px } .phone-block { margin: 0; text-align: right; font-size: 13px; max-width: 220px; color: var(--color-white) } .phone-block__number { display: block; font-family: var(--second-family); font-size: 24px; transition: color .3s } .phone-block__number:hover { color: var(--color-orange) } @media(max-width: 1499px) { .phone-block__number { font-size: 20px } } .section { max-height: 100%; padding-top: 30px; position: relative; max-width: 100%; padding-bottom: 300px; z-index: 2 } .section__grid { display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr); z-index: 2 } .section__item-left:has(:not(.composition)), .section__item-right:has(:not(.composition)) { position: relative; z-index: 10 } .section__item-left:has(.composition), .section__item-right:has(.composition) { z-index: 0; position: initial } @media(max-width: 1500px) { .section { padding-bottom: 195px } .section__grid { grid-template-columns: repeat(1, 1fr); gap: 0 } .section__grid--mod { grid-template-columns: repeat(12, 1fr); gap: 32px } .section__grid--mod .section__item-left { grid-column: span 7 } .section__grid--mod .section__item-right { grid-column: span 5 } } .title { display: block; margin: 0; padding-bottom: 30px; position: relative; margin-bottom: 35px; color: var(--color-dark); font-family: var(--second-family); font-size: 40px; font-style: normal; font-weight: 400; line-height: 1.2 } .title::after { content: ""; display: block; width: 6%; height: 1px; position: absolute; left: 0; bottom: 0; background-color: var(--color-dark-mod-02) } .title--white { color: var(--color-white) } .title--two { font-size: 48px } .title--mod { max-width: max-content; padding-right: 64px } @media(max-width: 1023px) { .title { font-size: 40px } } @media(max-width: 767px) { .title { font-size: 30px; padding-bottom: 21px; padding-right: 0; margin-bottom: 26px } .title::after { width: 26% } } .subtitle { display: block; margin: 0; font-family: var(--second-family); font-weight: 400; font-size: 24px; line-height: 1.3; color: var(--color-dark); margin-bottom: 24px } .subtitle span { color: var(--color-red) } @media(max-width: 767px) { .subtitle { font-size: 20px } } .download-link { display: grid; gap: 32px; grid-template-columns: auto 1fr; font-family: var(--second-family); align-items: center } .download-link__icon { position: relative; width: 32px; height: 40px; transition: scale .3s } .download-link__icon::after { content: ""; display: block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 42' fill='none'%3e%3cpath fill='%23FCFAF6' d='M1 21V3a2 2 0 0 1 2-2h22l8 8v30a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3'/%3e%3cpath stroke='%23D7D7D8' stroke-miterlimit='10' stroke-width='2' d='M1 21V3a2 2 0 0 1 2-2h22l8 8v30a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3'/%3e%3cpath stroke='%23D7D7D8' stroke-miterlimit='10' stroke-width='2' d='M30 10h-6V4'/%3e%3c/svg%3e"); width: 32px; height: 40px; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0 } .download-link__label { position: absolute; background-color: var(--color-red); left: -6px; bottom: 6px; font-size: 12px; line-height: 1; width: max-content; padding: 3px 5px; height: 16px; border-radius: 5px; color: var(--color-white); display: flex; align-items: center; justify-content: center; font-family: var(--first-family); text-transform: lowercase; z-index: 2; transition: background-color .3s } .download-link__text { display: block; margin: 0; font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--color-green) } .download-link:hover .download-link__label { background-color: var(--color-orange) !important } .download-link:hover .download-link__text { text-decoration: underline } .download-link:hover .download-link__icon { scale: 1.1 } .wave { position: absolute; width: 100vw; left: 0; right: 0; bottom: -1px; background-repeat: no-repeat; background-size: cover; background-position: top left; background-image: url("/local/templates/main/css/../img/wave/wave-pearl.svg"); z-index: -1; height: 0; padding-bottom: 11.6145833333vw } .wave--misty { background-image: url("/local/templates/main/css/../img/wave/wave-misty.svg") } .wave--white { background-image: url("/local/templates/main/css/../img/wave/wave-white.svg") } .wave--silver { background-image: url("/local/templates/main/css/../img/wave/wave-silver.svg") } @media(max-width: 1200px) { .wave { padding-bottom: 11.25vw } } @media(max-width: 1023px) { .wave { padding-bottom: 10.752688172vw } } @media(max-width: 767px) { .wave { padding-bottom: 10.4302477184vw } } .feedback { background-color: var(--color-white); border-radius: 40px; padding: 25px 40px 35px; color: var(--color-dark) } .feedback__title { display: block; margin: 0; margin-bottom: 5px; color: var(--color-green); font-family: var(--second-family); font-size: 32px; font-style: normal; font-weight: 400; line-height: 1.25 } .feedback__title sup { color: var(--color-red) } .feedback__text { margin: 0; margin-bottom: 34px } @media(max-width: 1200px) { .feedback { padding: 24px 32px 31px } .feedback__title { font-size: 24px; margin-bottom: 14px } .feedback__text { margin-bottom: 26px } } @media(max-width: 767px) { .feedback { padding: 18px 25px 25px } .feedback__title { font-size: 20px; line-height: 1.5; margin-bottom: 7px } .feedback__text { margin-bottom: 25px } } .form__grid { display: grid; gap: 24px 32px; grid-template-columns: repeat(2, 1fr) } .form__grid--mod { grid-template-columns: repeat(1, 1fr) } .form__text { margin: 0; color: var(--color-dark); font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.4; letter-spacing: .14px } .form__text sup { color: var(--color-red) } .form__text a { color: var(--color-red) } .form__item.icon { position: relative } .form__item.icon::before { content: ""; display: block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 2; pointer-events: none; top: 16px; left: 24px } .form__item.icon input, .form__item.icon textarea { padding-left: 64px } .form__item.icon--phone:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.90204 17.098C14.5102 22.7061 19.8664 23.8922 21.8429 24C23.1065 22.149 23.6402 20.6208 24 19.2551C22.6338 17.9248 20.6458 16.5679 18.8235 15.8041L16.6663 17.9607C15.9296 17.7634 13.9073 16.9272 11.4903 14.5097C9.07282 12.0922 8.23662 10.0704 8.03929 9.33368L10.1959 7.17653C9.43209 5.35418 8.07521 3.36625 6.74489 2C5.37864 2.35926 3.85099 2.89348 2 4.15715C2.10778 6.13415 3.29439 11.4898 8.90204 17.098Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3c/svg%3e ") } .form__item.icon--volume:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 23H12H4V11C4 9.896 4.896 9 6 9H8C8.553 9 9 8.552 9 8V6C9 5.448 8.553 5 8 5H6C5.447 5 5 4.552 5 4V2C5 1.448 5.447 1 6 1H18C18.553 1 19 1.448 19 2V4C19 4.552 18.553 5 18 5H16C15.447 5 15 5.448 15 6V7.97501C15 8.52101 15.427 9.003 15.974 9H18C19.104 9 20 9.896 20 11V23Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3c/svg%3e ") } .form__item.icon--mail:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 18.9677C23 19.5375 22.552 20 22 20H2C1.448 20 1 19.5375 1 18.9677V5.03226C1 4.46245 1.448 4 2 4H22C22.552 4 23 4.46245 23 5.03226V18.9677Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3cpath d='M22 5L14.4745 12.8C13.108 14.2106 10.8915 14.2106 9.525 12.8L2 5' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3e%3cpath d='M3 17.9355L7.5 13.2903' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3e%3cpath d='M21 17.9355L16.5 13.2903' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/svg%3e ") } .form__item.icon--company::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78261 1H13.1304L11.6957 6.26087H9.78261H7.86957L6.43478 1H9.78261Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3e%3cpath d='M11.6957 6.26086H9.78261H7.86957L5 18.2174L9.78261 23L14.5652 18.2174L11.6957 6.26086Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3e%3cpath d='M16 17.2609L17.913 17.7391L18.3913 15.8261L13.1304 6.73914' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10' stroke-linejoin='round'/%3e%3c/svg%3e ") } .form__item.icon--city::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 1C16.4183 1 20 4.46099 20 8.72993C20.0023 10.5761 19.7188 11.8558 18.6331 13.5356C17.5474 15.2142 12 23 12 23C12 23 6.45259 15.2142 5.36688 13.5356C4.28117 11.8558 3.9966 10.5761 4.00003 8.72993C4.00003 4.46099 7.58173 1 12 1Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3ccircle cx='12' cy='9' r='3' stroke='%23F59829' stroke-width='2'/%3e%3c/svg%3e ") } .form__item.icon--user::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 15V17C9 17.8 8.25799 18.417 7.45999 18.625L4.48401 19.398C3.15501 19.743 2.024 21.028 2 22.001V24.001' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3cpath d='M15 15V17C15 17.8 15.742 18.417 16.54 18.625L19.516 19.398C20.845 19.743 21.976 21.028 22 22.001V24.001' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3cpath d='M13 1C15.436 1 17 2.515 17 5V7L18 8V10L17 11C17 11 17 12.768 17 13C17 15.083 13 16 12 16C11 16 7 15.083 7 13C7 12.768 7 11 7 11L6 10V8L7 7V5C7 2.515 8.564 1 11 1H13Z' stroke='%23F59829' stroke-width='2' stroke-miterlimit='10'/%3e%3c/svg%3e ") } .form__item:has(.button) { margin-top: 10px } .form .form__item--2 { grid-column: span 2 } @media(max-width: 1200px) { .form__grid--mod { gap: 16px } .form .button--full { margin-top: 16px } } @media(max-width: 1023px) { .form__grid--mod { grid-template-columns: repeat(2, 1fr) } .form__grid--mod .form__item--mod { grid-column: span 2 } .form .button--full { margin-top: 0 } .form__grid--mod { gap: 24px } } @media(max-width: 767px) { .form__group { grid-template-columns: 1fr; gap: 24px } .form__grid--mod { grid-template-columns: repeat(1, 1fr) } .form__grid--mod .form__item--mod { grid-column: initial } .form__grid--mod { gap: 20px } .form__item.icon::before { top: 10px; left: 20px } .form__item.icon input, .form__item.icon textarea { padding-left: 54px } } input { transition: border-color .3s } input:hover { border: 1px solid rgba(54, 54, 60, .6) } input:active, input:focus { border: 2px solid var(--color-orange) } .label { display: block; margin: 0; color: var(--color-red); font-family: var(--first-family); font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.7; letter-spacing: .14px; text-transform: uppercase; margin-bottom: 10px } @media(max-width: 767px) { .label { margin-bottom: 0 } } .composition { display: flex; align-items: center; justify-content: center; pointer-events: none } .composition__image { display: block; position: relative; z-index: 2; flex-shrink: 0; pointer-events: none } .composition__bg { position: absolute; z-index: 1; flex-shrink: 0; pointer-events: none } .composition__branch { position: absolute; right: 0; bottom: 0; z-index: 2; pointer-events: none; height: max-content } .composition-static { pointer-events: none } #composition-static-1 { position: absolute; top: -185px; right: 0 } #composition-static-1 .composition-static__inner { width: 749px } #composition-static-2 { position: absolute; right: 0; top: -290px; z-index: 2; pointer-events: none; overflow: hidden; width: 864px; height: 800px } #composition-static-2 .composition__branch { position: initial; display: block; object-fit: cover; object-position: left; transform: translate(62px, 0) } #composition-1 .composition__main-group { position: relative } #composition-1 .composition__bg { width: 688px; left: 0 } #composition-1 .composition__image { width: 768px; display: block; margin-left: auto; transform: translateX(120px) } #composition-1 .composition__branch { bottom: 140px; right: -200px } #composition-1 .composition__branch-inner { width: 980px } #composition-2 .composition__main-group { position: relative } #composition-2 .composition__image { width: 633px; transform: translateX(-95px); z-index: 2 } #composition-2 .composition__bg { width: 809px; right: 20px; bottom: -190px } #composition-2 .composition__branch { top: -445px; right: 35px } #composition-2 .composition__branch-inner { width: 672px } #composition-3 .composition__main-group { position: initial } #composition-3 .composition__image { width: 688px } #composition-3 .composition__bg { width: 688px; transform: translate(35px, -35px) } #composition-3 .composition__branch { top: -278px; right: 182px; } #composition-3 .composition__branch-inner { width: 447px } #composition-4 .composition__main-group { position: relative } #composition-4 .composition__image { width: 688px; transform: translate(-120px, 0) } #composition-4 .composition__bg { width: 689px; transform: translate(0, 185px) } #composition-5 { transform: translate(0, -35px); position: absolute; right: 0; top: 0 } #composition-5 .composition__bg { width: 523px; transform: translate(-210px, -40px) } #composition-5 .composition__image { width: 688px; transform: translate(-130px, 0) } #composition-5 .composition__branch { top: -100px; right: 0; overflow: hidden } #composition-5 .composition__branch-inner { width: 518px; transform: translate(50px, 0) } #composition-6 .composition__bg { width: 688px; position: relative; transform: translate(-40px, 5px) } #composition-6 .composition__image--wrap { width: 704px; height: 685px; overflow: hidden; position: absolute; left: 0; z-index: 4 } #composition-6 .composition__image { width: 854px; transform: translate(-15px, 10px) } #composition-6 .composition__branch { bottom: initial; right: initial; top: -45px; z-index: 2; width: 968px; height: 777px; overflow: hidden; left: 0; top: -60px } #composition-6 .composition__branch-inner { width: 1214px; transform: translate(-290px, 0) } @media(max-width: 1500px) { #composition-1 { position: relative } #composition-1 .composition__image { width: 688px; transform: translateX(40px) } #composition-1 .composition__bg { width: 616px; left: -40px } #composition-1 .composition__branch { bottom: -245px; right: -240px } #composition-2 .composition__image { transform: translateX(20px) } #composition-2 .composition__bg { width: 809px; left: -80px; right: initial; bottom: initial; top: -80px } #composition-2 .composition__branch { top: -280px; right: -80px } #composition-2 .composition__branch-inner { width: 650px } #composition-3 .composition__main-group { position: initial } #composition-3 .composition__image { transform: initial } #composition-3 .composition__bg { transform: translate(-85px, -35px) } #composition-3 .composition__branch { transform: initial; right: 0; overflow: hidden; top: -200px } #composition-3 .composition__branch-inner { transform: translateX(-40px) } #composition-4 { transform: translate(0, -145px); margin-bottom: -115px } #composition-4 .composition__image { transform: translate(-30px, 0) } #composition-4 .composition__bg { transform: translate(80px, 185px) } #composition-5 { position: relative; transform: translate(0, -225px); margin-bottom: 20px } #composition-5 .composition__image { transform: translate(40px, 175px) } #composition-5 .composition__bg { transform: translate(-40px, 125px) } #composition-5 .composition__branch { top: 0; right: -48px } #composition-6 .composition__image--wrap { top: 35px } #composition-6 .composition__image { transform: translate(-15px, 0) } #composition-6 .composition__bg { transform: translate(40px, 45px) } #composition-6 .composition__branch { top: -110px; left: 0 } #composition-6 .composition__branch-inner { transform: translate(-240px, 0) } #composition-static-1 { overflow-x: hidden; top: -105px } #composition-static-1 .composition-static__inner { width: 780px; transform: translateX(430px) } #composition-static-2 { top: -80px } #composition-static-2 .composition__branch { transform: translate(145px, 0) } } @media(max-width: 1023px) { #composition-1 .composition__image { width: 616px; transform: initial } #composition-1 .composition__bg { left: -70px } #composition-1 .composition__branch { bottom: -165px } #composition-1 .composition__branch-inner { width: 790px } #composition-2 .composition__image { width: 540px } #composition-2 .composition__bg { width: 690px } #composition-2 .composition__branch { top: -255px; right: 0; transform: translateX(66px) } #composition-2 .composition__branch-inner { width: 565px } #composition-3 .composition__image { width: 616px; transform: translateX(35px) } #composition-3 .composition__bg { width: 616px; transform: translate(-35px, -65px) } #composition-3 .composition__branch { top: -80px } #composition-3 .composition__branch-inner { transform: translateX(70px); width: 400px } #composition-4 { transform: translate(0, -110px); margin-bottom: -70px } #composition-4 .composition__image { transform: translate(-50px, 0); width: 586px } #composition-4 .composition__bg { transform: translate(55px, 160px); width: 586px } #composition-5 { position: relative; transform: translate(0, -200px); margin-bottom: 40px } #composition-5 .composition__image { width: 617px; transform: translate(35px, 165px) } #composition-5 .composition__bg { transform: translate(-35px, 125px); width: 478px } #composition-5 .composition__branch { top: 0; right: -40px } #composition-5 .composition__branch-inner { width: 465px; transform: translate(115px, 0) } #composition-6 .composition__image--wrap { width: 528px; height: 614px; top: 110px } #composition-6 .composition__image { /* object-fit: contain; */ /* height: 100%; */ /* object-position: right */ } #composition-6 .composition__bg { width: 690px; transform: translate(10px, 90px) } #composition-6 .composition__branch { width: 100%; top: -80px } #composition-6 .composition__branch-inner { transform: translate(-415px, 0) } } @media(max-width: 767px) { #composition-1 .composition__image { width: 300px } #composition-1 .composition__bg { left: -20px; width: 301px } #composition-1 .composition__branch-inner { width: 545px } #composition-2 .composition__image { width: 262px } #composition-2 .composition__bg { width: 336px; left: initial; transform: translateX(-30px); top: -35px } #composition-2 .composition__branch-inner { width: 285px } #composition-2 .composition__branch { top: -120px; transform: translateX(55px) } #composition-3 .composition__image { width: 300px; transform: translateX(18px) } #composition-3 .composition__bg { width: 300px; transform: translate(-17px, -20px) } #composition-3 .composition__branch { top: -40px } #composition-3 .composition__branch-inner { transform: translateX(48px); width: 195px } #composition-4 { transform: translate(0, -70px); margin-bottom: -40px } #composition-4 .composition__image { transform: translate(-25px, 0); width: 285px } #composition-4 .composition__bg { transform: translate(25px, 80px); width: 286px } #composition-5 { position: relative; transform: translate(0, -160px); margin-bottom: -30px } #composition-5 .composition__image { width: 300px; transform: translate(15px, 90px) } #composition-5 .composition__bg { transform: translate(-320px, 70px); width: 233px } #composition-5 .composition__branch { top: 0; right: -20px } #composition-5 .composition__branch-inner { width: 226px; transform: translate(55px, 0) } #composition-6 .composition__image--wrap { width: 270px; height: 298px; top: 55px } #composition-6 .composition__image { /* object-fit: cover; */ /* height: 100%; */ object-position: right } #composition-6 .composition__bg { width: 335px; transform: translate(0, 20px) } #composition-6 .composition__branch { width: 100%; top: -40px } #composition-6 .composition__branch-inner { transform: translate(-265px, 0); width: 660px } #composition-static-2 { top: -40px; width: 509px; height: 472px } #composition-static-2 .composition__branch { transform: translate(160px, 0) } } .benefits-list { display: grid; gap: 13px 42px; grid-template-columns: repeat(2, 1fr) } .benefits-list__name { display: grid; gap: 24px; grid-template-columns: auto 1fr; align-items: center; color: var(--color-dark, #36363c); font-family: var(--second-family); font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.4; margin-bottom: 14px } .benefits-list__text { font-family: var(--first-family); font-size: 16px; font-weight: 400; margin: 0; color: var(--color-dark-mod-08) } .benefits-list__text .__mod { font-size: 14px; color: var(--color-dark); margin-top: 1em } .benefits-list sup { color: var(--color-red) } @media(max-width: 1400px) { .benefits-list { gap: 35px 42px } .benefits-list__name { max-width: 200px } } @media(max-width: 767px) { .benefits-list { grid-template-columns: repeat(1, 1fr) } .benefits-list__name { gap: 16px; grid-template-columns: 60px 1fr; font-size: 18px; margin-bottom: 4px } } @media(max-width: 1400px) { .benefits-list { gap: 35px 42px } .benefits-list__name { max-width: 200px } } @media(max-width: 767px) { .benefits-list { grid-template-columns: repeat(1, 1fr) } .benefits-list__name { gap: 16px; grid-template-columns: 60px 1fr; font-size: 18px; margin-bottom: 4px } } @media(max-width: 767px) { .benefits-list { gap: 32px } } .text-and-button__grid { display: grid; gap: 32px; grid-template-columns: 210px auto; align-items: center } .text-and-button__text { display: block; margin: 0; font-family: var(--second-family); font-weight: 400; font-size: 20px; line-height: 1.4; color: var(--color-dark); margin-bottom: 24px } .text-and-button__title { display: block; margin: 0; font-family: var(--second-family); font-weight: 400; font-size: 24px; line-height: 1.4; color: var(--color-dark); margin-bottom: 24px } .text-and-button__grid .text-and-button__title, .text-and-button__grid .text-and-button__text { margin-bottom: 0 } @media(max-width: 1500px) { .text-and-button__grid { grid-template-columns: 385px auto; gap: 50px } } @media(max-width: 1023px) { .text-and-button__grid { grid-template-columns: 212px auto; gap: 16px } } @media(max-width: 767px) { .text-and-button__title { font-size: 20px } .text-and-button__grid { grid-template-columns: 1fr; gap: 8px; text-align: center } .text-and-button .button { margin: 0 auto; width: 100%; justify-content: center; max-width: 100% } } .custom-icon { color: var(--color-orange); position: relative; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px } .custom-icon::before { content: ""; display: block; width: 64px; height: 64px; object-fit: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3e%3cpath fill='%23fff' d='M30.419.734a2.071 2.071 0 0 1 3.162 0l.044.05c.723.856 1.995.982 2.871.284l.053-.042a2.071 2.071 0 0 1 3.102.617l.032.059a2.071 2.071 0 0 0 2.762.837l.059-.03a2.071 2.071 0 0 1 2.922 1.21l.02.064a2.071 2.071 0 0 0 2.545 1.36l.065-.018a2.071 2.071 0 0 1 2.63 1.757l.007.066a2.071 2.071 0 0 0 2.23 1.83l.067-.005a2.071 2.071 0 0 1 2.237 2.237l-.006.066a2.071 2.071 0 0 0 1.83 2.231l.067.008a2.071 2.071 0 0 1 1.758 2.63l-.019.064a2.071 2.071 0 0 0 1.36 2.544l.064.02a2.071 2.071 0 0 1 1.21 2.923l-.03.06a2.07 2.07 0 0 0 .837 2.76l.059.033c1.12.62 1.415 2.1.617 3.102l-.042.053a2.071 2.071 0 0 0 .283 2.871l.051.044a2.071 2.071 0 0 1 0 3.162l-.05.044a2.071 2.071 0 0 0-.284 2.871l.042.053a2.071 2.071 0 0 1-.617 3.102l-.059.032a2.07 2.07 0 0 0-.837 2.762l.03.059a2.071 2.071 0 0 1-1.21 2.922l-.064.02a2.071 2.071 0 0 0-1.36 2.545l.019.065a2.071 2.071 0 0 1-1.758 2.63l-.066.007a2.071 2.071 0 0 0-1.83 2.23l.005.067a2.071 2.071 0 0 1-2.237 2.237l-.066-.006a2.071 2.071 0 0 0-2.231 1.83l-.008.067a2.071 2.071 0 0 1-2.63 1.758l-.064-.019a2.071 2.071 0 0 0-2.544 1.36l-.02.064a2.071 2.071 0 0 1-2.923 1.21l-.06-.03a2.07 2.07 0 0 0-2.76.837l-.033.059a2.071 2.071 0 0 1-3.102.617l-.053-.042a2.071 2.071 0 0 0-2.871.283l-.044.051a2.071 2.071 0 0 1-3.163 0l-.043-.05a2.071 2.071 0 0 0-2.871-.284l-.053.042a2.071 2.071 0 0 1-3.102-.617l-.032-.059a2.07 2.07 0 0 0-2.762-.837l-.059.03a2.071 2.071 0 0 1-2.922-1.21l-.02-.064a2.071 2.071 0 0 0-2.545-1.36l-.065.019a2.071 2.071 0 0 1-2.63-1.758l-.007-.066a2.071 2.071 0 0 0-2.23-1.83l-.067.005a2.071 2.071 0 0 1-2.237-2.237l.006-.066a2.071 2.071 0 0 0-1.83-2.231l-.067-.008a2.071 2.071 0 0 1-1.757-2.63l.018-.064a2.071 2.071 0 0 0-1.36-2.544l-.064-.02a2.071 2.071 0 0 1-1.21-2.923l.03-.06a2.071 2.071 0 0 0-.837-2.76l-.059-.033a2.071 2.071 0 0 1-.617-3.102l.042-.053a2.071 2.071 0 0 0-.283-2.871l-.051-.044a2.071 2.071 0 0 1 0-3.163l.05-.043c.856-.723.982-1.995.284-2.871l-.042-.053a2.071 2.071 0 0 1 .617-3.102l.059-.032a2.071 2.071 0 0 0 .837-2.762l-.03-.059a2.071 2.071 0 0 1 1.21-2.922l.064-.02a2.071 2.071 0 0 0 1.36-2.545l-.018-.065a2.071 2.071 0 0 1 1.757-2.63l.066-.007a2.071 2.071 0 0 0 1.83-2.23l-.005-.067a2.071 2.071 0 0 1 2.237-2.237l.066.006a2.071 2.071 0 0 0 2.231-1.83l.008-.067a2.071 2.071 0 0 1 2.63-1.757l.064.018a2.071 2.071 0 0 0 2.544-1.36l.02-.064a2.071 2.071 0 0 1 2.923-1.21l.06.03a2.071 2.071 0 0 0 2.76-.837l.033-.059a2.071 2.071 0 0 1 3.102-.617l.053.042a2.071 2.071 0 0 0 2.871-.283l.044-.051Z'/%3e%3c/svg%3e") } .custom-icon svg { flex-shrink: 0; position: relative; z-index: 2; width: 40px; height: 40px } .delivery-list { margin-bottom: 70px; display: grid; grid-template-columns: repeat(1, 1fr); gap: 45px } .delivery-list__grid { display: grid; gap: 32px; grid-template-columns: auto 1fr } .delivery-list__image { display: block; width: 88px; height: 88px; object-fit: cover; border-radius: 50%; overflow: hidden; transition: all .3s } .delivery-list__title { margin: 0; margin-bottom: 6px; font-family: var(--second-family); font-weight: 400; font-size: 20px; color: var(--color-dark) } .delivery-list__description { margin: 0; font-size: 16px } .delivery-list__item:hover .delivery-list__image { scale: 1.2 } @media(max-width: 767px) { .delivery-list { margin-bottom: 30px } } .map { position: relative; border-radius: 40px; overflow: hidden; height: 360px; width: 568px } .map img { display: block; width: 100%; height: 100%; object-fit: cover; z-index: 0; object-position: center; position: absolute } .map__content { position: relative; z-index: 10; height: 360px; width: 568px } [class*=copyrights-pane] { display: none !important } .group-icon { position: relative; width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; color: var(--color-green); transition: color .3s } .group-icon__bg { color: var(--color-white); position: absolute; left: 0; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center } .group-icon__bg svg { transition: all .3s ease-in-out; pointer-events: none; width: 88px; height: 88px } .group-icon__content { display: block; width: 40px; height: 40px; position: relative; z-index: 5 } .group-icon__content svg { transition: all .3s } .group-icon__label { font-family: var(--second-family); font-weight: 400; font-size: 24px; line-height: 1; color: var(--color-white); text-align: center; z-index: 10; pointer-events: none; position: absolute; max-width: 100% } .group-icon:hover { color: var(--color-white) !important } .group-icon:hover .group-icon__bg { color: var(--color-orange) !important } .group-icon:hover .group-icon__bg svg { scale: 1.2 } .group-icon--mod { width: 64px; height: 64px } .group-icon--mod .group-icon__bg svg { width: 64px; height: 64px } .group-icon--mod .group-icon__content { color: var(--color-orange) } .group-icon--mod:hover .group-icon__content { color: var(--color-white) } .group-icon--mod-2 { width: 64px; height: 64px } .group-icon--mod-2 .group-icon__bg { color: var(--color-red) } .group-icon--mod-2 .group-icon__bg svg { width: 64px; height: 64px } .group-icon--mod-2 .group-icon__content { color: var(--color-white) } .group-icon--mod-3 .group-icon__bg { color: var(--color-orange) } .group-icon--mod-3 .group-icon__content { color: var(--color-white) } .group-icon--mod-4 .group-icon__bg { color: var(--color-red) } .group-icon--mod-4 .group-icon__content { color: var(--color-white) } .group-icon--mod-5 { width: 64px; height: 64px } .group-icon--mod-5 .group-icon__bg { color: var(--color-green) } .group-icon--mod-5 .group-icon__bg svg { width: 64px; height: 64px } .group-icon--mod-5 .group-icon__content { color: var(--color-white) } .group-icon--mod-6 .group-icon__content { color: var(--color-white) !important } .group-icon--mod-6:hover .group-icon__content { color: var(--color-white) !important } .advantages__list .icon-parent .group-icon__content svg path { transition: fill 0.3s; } .advantages__list .icon-parent.active .group-icon__content svg path { fill: var(--color-white); } .decorate-element { position: absolute; width: 944px; height: 1226px; right: 0; top: -265px; pointer-events: none; overflow: hidden } .decorate-element svg { width: 100% } .custom-sticky { position: sticky; top: 170px } .team { position: relative; z-index: 2; max-width: 100%; padding: 0 } .team__card { position: relative } .team__bg { width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background-color: var(--color-beige); z-index: 0; pointer-events: none } .team__photo { bottom: 100% } .team__photo img { display: block; max-width: 100% } .team__card-details { padding-top: 27px; padding-bottom: 50px; position: relative; z-index: 10 } .team__name { display: block; margin: 0; margin-bottom: 2px; font-family: var(--second-family); font-weight: 400; font-size: 20px; line-height: 1.4; color: var(--color-dark); position: relative; z-index: 2 } .team__specialization { display: block; margin: 0; color: var(--color-dark-mod-07); position: relative; z-index: 2; margin-bottom: 5px } .team__phone { display: block; text-decoration: none; font-weight: 700; color: var(--color-dark); position: relative; z-index: 2; margin-bottom: 2px } .team .swiper-button { top: 240px } @media(max-width: 1023px) { .team .swiper-button { top: 240px } } @media(max-width: 549px) { .team .team__photo { max-width: max-content; margin: 0 auto; height: 240px } .team .team__photo img { height: 100%; width: auto } .team .team__card-details { max-width: max-content; margin: 0 auto } .team .swiper-button { top: 50% } .team .swiper-button-next { right: 4px; left: auto } .team .swiper-button-prev { right: auto; left: 4px } } .swiper-button { width: 48px; height: 48px; margin: 0 !important; padding: 0 !important; border-radius: 50%; border: none; background-color: rgba(0, 0, 0, 0) !important; color: var(--color-orange); display: flex; align-items: center; justify-content: center; transition: all .3s; top: -25px } .swiper-button::after { display: none !important } .swiper-button::before { content: "" !important; display: block; background-color: var(--color-white); border-radius: 50%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; z-index: 0; pointer-events: none } .swiper-button svg { width: 16px; height: 16px; flex-shrink: 0; pointer-events: none; position: absolute; z-index: 10 } .swiper-button-prev svg { transform: rotate(180deg) } .swiper-button:hover::before, .swiper-button:active::before, .swiper-button:focus::before { background-color: var(--color-red); left: -4px; top: -4px; bottom: -4px; right: -4px } .swiper-button:hover svg, .swiper-button:active svg, .swiper-button:focus svg { color: #fff } .partners-list { display: grid; gap: 32px; grid-template-columns: repeat(3, 1fr); margin-bottom: 30px } .partners-list .group-icon { margin-bottom: 14px } .offer-list { display: grid; gap: 16px; grid-template-columns: repeat(1, 1fr) } .offer-list__item { display: grid; gap: 32px; grid-template-columns: auto 1fr } .simplebar-scrollbar:before { background-color: var(--color-orange); opacity: 1 } .simplebar-track.simplebar-vertical { right: -25px } .button-menu { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--color-white); width: 56px; height: 56px; border: none; padding: 0; max-width: initial; max-height: initial; min-height: initial; background-color: rgba(0, 0, 0, 0); flex-shrink: 0; outline: 0; border-radius: 50% } .button-menu::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; pointer-events: none; background-color: var(--color-orange, #f59829); z-index: 0; border-radius: 32px } .button-menu span, .button-menu span::after, .button-menu span::before { position: absolute; width: 18px; height: 2px; background-color: var(--color-white); z-index: 2; border-radius: 2px; transition: width .3s } .button-menu span::after, .button-menu span::before { content: ""; display: block; transition: .3s } .button-menu span::before { transform: translateY(-6px) } .button-menu span::after { transform: translateY(6px) } .button-menu.isActive span { height: 0 } .button-menu.isActive span:before { transform: rotate(-45deg) } .button-menu.isActive span:after { transform: rotate(45deg) } .button-menu:hover span, .button-menu:hover span::after, .button-menu:hover span::before { width: 24px } .button-menu:hover::before { left: -4px; top: -4px; bottom: -4px; right: -4px } @media(max-width: 767px) { .button-menu { width: 55px; height: 55px } } .section-group { background-color: var(--color-pastel) } .header { background-color: rgba(0, 0, 0, 0); position: fixed; top: 0; width: 100%; z-index: 999; transition: all .4s } .header__flex { display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px } .header__logo { margin-right: auto; display: grid; gap: 12px; grid-template-columns: 1fr auto; max-width: max-content; align-items: flex-start; color: var(--color-white) } .header__company-name { margin: 0; font-family: var(--second-family); font-size: 40px; font-style: normal; line-height: 1; transition: all .3s; display: flex; flex-direction: column; height: 100%; margin-bottom: 5px } .header__description { display: block; font-size: 13px; font-style: normal; line-height: 1; margin-top: auto } .header__logo-icon { width: 72px; height: 72px; display: block } .header__phone { margin-inline: 16px } .header__menu-button { margin-left: 26px } @media(max-width: 1023px) { .header__flex { padding-top: 48px; padding-bottom: 48px } .header__company-name { font-size: 30px } .header__logo-icon { width: 56px; height: 56px } } @media(max-width: 767px) { .header__flex { padding-top: 20px; padding-bottom: 20px } .header__company-name { font-size: 24px } .header__phone { display: none !important } .header__social-icons { display: none !important } .header__menu-button { margin-left: auto } } @media(max-width: 424px) { .header__company-name { gap: 8px } } .first-screen { padding-top: 200px; position: relative; overflow: hidden; min-height: 100vh; color: var(--color-white) } .first-screen::before { content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient(180deg, rgba(93, 82, 86, 0.8) 0%, rgba(93, 82, 86, 0) 27.96%), linear-gradient(180deg, rgba(188, 169, 131, 0.5) 0%, rgba(188, 169, 131, 0) 100%); z-index: 0 } .first-screen__wrapper { height: 100% } .first-screen__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .first-screen video { display: block; width: 100%; height: 100%; object-fit: cover } .first-screen__grid { position: relative; z-index: 10; display: grid; grid-template-columns: 8fr 4fr; gap: 32px; align-items: center; height: 100% } .first-screen__label { display: block; margin: 0; background-color: var(--color-green); border-radius: 64px; padding: 24px 40px 22px; color: var(--color-light); font-style: normal; font-weight: 400; text-align: center; max-width: max-content; margin-bottom: 30px } .first-screen__label span { display: block; color: var(--color-white); font-family: var(--second-family); font-size: 48px; font-style: normal; font-weight: 400; line-height: 1.3 } .first-screen__title { margin: 0; margin-bottom: 24px; display: block; color: var(--White); font-family: var(--second-family); font-size: 54px; font-style: normal; font-weight: 400; line-height: 1.18; max-width: 790px; text-wrap: balance } .first-screen__text { margin: 0; color: var(--color-white); font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.33; margin-bottom: 43px; max-width: 790px; text-wrap: balance } .first-screen__buttons { display: grid; max-width: max-content; gap: 32px; grid-template-columns: repeat(2, auto) } .first-screen__wave svg { position: absolute; bottom: -1px; left: 0; right: 0; color: var(--color-bg) } @media(max-width: 1500px) { .first-screen { padding-top: 152px; padding-bottom: 50px !important; min-height: 768px } .first-screen__grid { grid-template-columns: 7fr 5fr } .first-screen__label { margin-bottom: 25px } .first-screen__title { font-size: 48px } .first-screen__buttons { gap: 24px; grid-template-columns: repeat(2, 1fr); max-width: 445px } .first-screen__label span { font-size: 44px } } @media(max-width: 1023px) { .first-screen { padding-top: 160px; min-height: initial; padding-bottom: 115px !important; min-height: 1024px } .first-screen__grid { grid-template-columns: 1fr; gap: 48px } .first-screen__title { font-size: 40px; margin-bottom: 27px } .first-screen__label { padding: 20px 40px 18px } .first-screen__title { margin-bottom: 16px } .first-screen__text { margin-bottom: 25px } .first-screen__buttons { grid-template-columns: repeat(2, auto); max-width: max-content } } @media(max-width: 767px) { .first-screen { position: relative; overflow: visible; z-index: 10; padding-top: 105px; padding-bottom: 155px; min-height: 670px } .first-screen__grid { gap: 30px } .first-screen__label { padding: 12px 30px 10px; margin-bottom: 13px; font-size: 14px } .first-screen__label span { font-size: 35px } .first-screen__title { font-size: 35px; margin-bottom: 14px } .first-screen__text { font-size: 16px; margin-bottom: 23px } .first-screen__buttons { grid-template-columns: repeat(1, 1fr); gap: 15px; max-width: 100% } .first-screen .button { max-width: 100%; width: 100%; justify-content: center } .first-screen__feedback { position: absolute } } .navigation { position: fixed; top: 0; left: 0; z-index: 100; background-color: var(--color-green); color: var(--color-white); width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all .3s; pointer-events: none; padding-top: 150px; padding-bottom: 20px } .navigation__wrapper { max-height: 100%; overflow: auto; padding-top: 10px; padding-bottom: 10px; width: 100% } .navigation__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr) } .navigation__link { display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: center; position: relative; font-family: var(--first-family); font-weight: 700; font-size: 18px; letter-spacing: .01em; text-transform: uppercase; text-align: center; color: var(--color-white); min-height: 64px; padding: 16px; border-radius: 32px; z-index: 2 } .navigation__link::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; pointer-events: none; background-color: rgba(0, 0, 0, 0); z-index: 0; border-radius: 32px } .navigation__link::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; pointer-events: none; background-color: rgba(0, 0, 0, 0); z-index: 2; border-radius: 32px; border: 1px solid var(--color-white-mod-02) } .navigation__link span { position: relative; z-index: 2 } .navigation__link:hover::before, .navigation__link:focus::before { background-color: var(--color-red); left: -8px; top: -8px; bottom: -8px; right: -8px; border-radius: 40px } .navigation__link:hover .navigation__icon, .navigation__link:focus .navigation__icon { color: var(--color-red) } .navigation__link:active::before, .navigation__link.current::before { background-color: var(--color-orange); left: 0; top: 0; bottom: 0; right: 0; border-radius: 40px } .navigation__link:active .navigation__icon, .navigation__link.current .navigation__icon { color: var(--color-orange) } .navigation__icon { background-color: var(--color-white); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; pointer-events: none; color: var(--color-orange) } .navigation__icon svg { width: 9px; height: 14px; flex-shrink: 0; pointer-events: none; transition: all .3s } .navigation__footer { display: none } @media(max-width: 1023px) { .navigation__list { grid-template-columns: repeat(1, 1fr); gap: 24px } } @media(max-width: 767px) { .navigation { padding-top: 100px } .navigation__list { margin-bottom: 23px } .navigation .header__flex { display: grid; justify-content: center; max-width: max-content; margin: 0 auto } .navigation .header__contacts { display: block } .navigation .header__social { display: grid } .navigation__footer { display: grid; grid-template-columns: 1fr 1fr } } @media(max-width: 767px) { .navigation__footer { grid-template-columns: 1fr 100px } } .delivery-methods { background-color: var(--color-beige); padding-bottom: 325px } .delivery-methods .section__item-right { position: relative; z-index: 2 } .delivery-methods .section__grid { align-items: center } @media(max-width: 1500px) { .delivery-methods { padding-top: 168px; padding-bottom: 185px } .delivery-methods .section__grid { gap: 230px } } @media(max-width: 1023px) { .delivery-methods .section__grid { gap: 195px } } @media(max-width: 767px) { .delivery-methods { padding-bottom: 145px; padding-top: 60px } .delivery-methods .section__grid { gap: 115px } } .about { background-color: var(--color-white) } .about__list { margin-bottom: 70px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px 32px } .about__item { display: grid; gap: 22px; grid-template-columns: auto 1fr; align-items: center } .about__text { margin: 0; margin-bottom: 6px; font-family: var(--second-family); font-weight: 400; font-size: 20px; color: var(--color-dark) } .about__document-list { display: grid; gap: 40px; grid-template-columns: repeat(1, 1fr) } .about__details-list { display: grid; gap: 32px; grid-template-columns: repeat(3, 1fr); margin-bottom: 50px } .about__details-image { display: block; max-width: 328px; width: 100%; margin-bottom: 30px; transition: all .3s } .about .section__grid { margin-bottom: 80px } .about .text-and-button__grid { grid-template-columns: 300px auto } .about .subtitle { margin-bottom: 26px } .about p:first-of-type { margin-top: 0 } .about__details-item:hover .about__details-image { scale: 1.1 } @media(max-width: 1500px) { .about { padding-bottom: 195px; padding-top: 90px } .about__details-list { grid-template-columns: repeat(1, 1fr); gap: 43px } .about__details-item { display: grid; gap: 72px; grid-template-columns: 328px 1fr } .about .section__grid { margin-bottom: 90px; gap: 78px } .about .section__item-right { order: 1 } .about .section__item-left { order: 2 } .about .subtitle { margin-bottom: 12px } } @media(max-width: 1023px) { .about { padding-top: 105px } .about .section__grid { gap: 72px } } @media(max-width: 767px) { .about { padding-bottom: 90px; padding-top: 50px } .about__list { grid-template-columns: repeat(1, 1fr); gap: 30px; margin-bottom: 36px } .about__details-item { grid-template-columns: 1fr; gap: 0 } .about__document-list { gap: 15px } .about .text-and-button__grid { grid-template-columns: 1fr } .about .section__grid { gap: 45px; margin-bottom: 55px } } .advantages__list { display: grid; gap: 55px; grid-template-columns: repeat(1, 1fr) } .advantages__list-item { display: grid; gap: 32px; grid-template-columns: 1fr auto } .advantages__list-item:nth-child(2n) { grid-template-columns: auto 1fr } .advantages__list-item:nth-child(2n) .advantages__list-icon { order: 2 } .advantages__feedback { max-width: 448px; margin-left: auto } .advantages .subtitle { font-size: 20px; margin-bottom: 7px } @media(max-width: 1500px) { .advantages { padding-top: 55px } } @media(max-width: 1023px) { .advantages { padding-bottom: 160px } .advantages #composition-static-1 { display: none } .advantages .section__grid { grid-template-columns: 1fr } .advantages .section__item-left { grid-column: initial } .advantages .section__item-right { grid-column: initial } .advantages__feedback { max-width: 100% } } @media(max-width: 767px) { .advantages { padding-bottom: 90px } .advantages__list { gap: 32px } .advantages__list-item { grid-template-columns: 1fr !important } .advantages .advantages__list-icon { order: initial !important } } .how-we-work { background-color: var(--color-beige); max-width: 100%; overflow: hidden; padding-bottom: 230px } .how-we-work__steps-list { display: grid; gap: 40px 32px; grid-template-columns: repeat(2, 1fr) } .how-we-work__item { display: grid; gap: 32px; grid-template-columns: auto 1fr; align-items: flex-start } .how-we-work__item a { color: var(--color-green) } .how-we-work__item:hover .how-we-work__image img { scale: 1.2 } .how-we-work__item:hover .how-we-work__image span { background-color: var(--color-green); scale: 1.2; color: var(--color-white) } .how-we-work__image { position: relative; font-weight: 700; font-size: 14px; line-height: 1; text-transform: uppercase; text-align: center; color: var(--color-green); width: 88px; height: 88px } .how-we-work__image img { display: block; border-radius: 50%; max-width: 100%; object-fit: cover; transition: all .3s } .how-we-work__image span { position: absolute; z-index: 2; top: 8px; right: -16px; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: var(--color-white); transition: all .3s } .how-we-work__text { padding-top: 16px } @media(max-width: 1500px) { .how-we-work { padding-bottom: 205px !important; overflow: initial } } @media(max-width: 767px) { .how-we-work__steps-list { gap: 30px; grid-template-columns: repeat(1, 1fr) } } .invite-to-cooperate { background-color: var(--color-white); padding-top: 115px; padding-bottom: 380px } .invite-to-cooperate__text { margin-bottom: 34px } @media(max-width: 1500px) { .invite-to-cooperate { padding-bottom: 190px; max-width: 100% } .invite-to-cooperate .section__item-left { order: 2 } .invite-to-cooperate .section__item-right { order: 1; margin-bottom: 0 } .invite-to-cooperate .form__item:has(.button) { margin-top: 0 } } @media(max-width: 1023px) { .invite-to-cooperate { padding-bottom: 160px } } @media(max-width: 767px) { .invite-to-cooperate { padding-bottom: 90px } .invite-to-cooperate .form__grid { gap: 20px; grid-template-columns: repeat(1, 1fr) } .invite-to-cooperate__text { margin-bottom: 22px; font-size: 14px } } .contacts { padding-bottom: 0; z-index: 3; position: relative } .contacts__list { display: grid; gap: 16px; grid-template-columns: repeat(1, 1fr) } .contacts__item { display: grid; gap: 16px; grid-template-columns: auto 1fr; align-items: flex-start } .contacts__item svg { width: 24px; height: 24px } .contacts__item a { color: var(--color-green); text-decoration: underline } .contacts__item a[href^="tel:"] { font-weight: 700; text-decoration: none; color: var(--color-dark) } .contacts .map { margin-left: auto } .contacts .section__grid { margin-bottom: -10px } @media(max-width: 1500px) { .contacts { padding-top: 130px } .contacts .section__item-right { order: 1 } .contacts .section__item-left { order: 2 } .contacts .map { width: 100%; max-width: 768px; margin: 0 auto } .contacts .map__content { width: 100%; max-width: 768px; margin: 0 auto } .contacts__list { margin-bottom: 70px } .contacts .section__grid { margin-bottom: 0; gap: 72px } } @media(max-width: 1023px) { .contacts { padding-top: 245px } .contacts .map { margin-left: 0; max-width: 568px } .contacts .map__content { max-width: 568px } } @media(max-width: 767px) { .contacts { padding-top: 150px } .contacts .map { margin-left: auto; max-width: 335px; height: 215px } .contacts .map__content { max-width: 335px; height: 215px } .contacts .section__grid { gap: 46px } } .documents { background-color: var(--color-pearl); padding-bottom: 210px } .documents__list { display: grid; gap: 32px; grid-template-columns: repeat(3, 1fr) } .documents__item img { width: 100%; max-width: 100% } .documents .section__item-right { position: relative; z-index: 20 } @media(max-width: 1500px) { .documents { padding-bottom: 160px !important; overflow: initial } .documents .composition { max-width: 100% } .documents .section__grid { gap: 110px } } @media(max-width: 1023px) { .documents .section__grid { gap: 140px } } @media(max-width: 767px) { .documents { padding-bottom: 90px !important } .documents .section__grid { gap: 56px } .documents__list { gap: 12px; grid-template-columns: repeat(2, 1fr) } } .reasons { max-width: 100%; overflow: hidden } .reasons .benefits-list { margin-bottom: 63px; gap: 42px } .reasons__benefits-list { margin-bottom: 63px } .reasons .wawe { z-index: -1 } @media(max-width: 1500px) { .reasons { padding-top: 70px; padding-bottom: 190px } .reasons__grid { grid-template-columns: 1fr; gap: 190px } .reasons__benefits { position: relative; right: initial; max-width: max-content; margin: 0 auto; margin-right: 10% } .reasons .section__grid { gap: 186px } .reasons .reasons__grid-item { order: 2; position: relative; z-index: 2 } .reasons .section__item-left { order: 1 } .reasons__benefits-list { margin-bottom: 50px } } @media(max-width: 1023px) { .reasons__benefits { margin-right: auto } .reasons__grid { gap: 170px } .reasons__benefits-list { margin-bottom: 62px } .reasons .section__grid { gap: 175px } } @media(max-width: 767px) { .reasons { padding-top: 445px; padding-bottom: 90px } .reasons__grid { gap: 88px } .reasons__benefits { max-width: 100% } .reasons__benefits-list { margin-bottom: 25px } .reasons .section__grid { gap: 90px } } .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; visibility: hidden; opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, .73); z-index: 9999; transition: opacity .3s, visibility .3s } .modal .form__item:has(.button) { margin-top: 0 } .modal .button-close { position: absolute; top: -24px; right: 60px } .modal .title { margin-bottom: 21px } .modal .subtitle { font-size: 20px } .modal .wrapper { position: relative } .modal__body { padding: 27px 40px 35px; width: 768px !important; margin: 0 auto; border-radius: 40px; background: #fff; position: relative } .content-scroll { max-height: 80vh } .to-right { max-width: max-content; margin-left: auto } .modal.active { pointer-events: initial; visibility: visible; opacity: 1 } @media(max-width: 767px) { .modal__title { font-size: 35px } .modal__text { margin-bottom: 23px } .modal .form__group { grid-template-columns: 1fr } .modal .form__item--mod { grid-column: initial } .modal .capcha { max-width: max-content; margin-inline: auto; margin-bottom: 16px } .modal .form__footer { grid-template-columns: 1fr; gap: 24px } .modal__body { padding: 26px 32px 32px } .modal .form__grid { grid-template-columns: repeat(1, 1fr); gap: 20px } .modal .form .form__item--2 { grid-column: initial } .modal .modal__body { width: 100% !important; padding: 20px 20px 30px } .modal .button-close { right: 30px } .modal .title { margin-bottom: 12px; font-size: 24px; padding-bottom: 12px } .modal .partners-list { gap: 20px; grid-template-columns: repeat(1, 1fr); margin-bottom: 24px } .modal .wrapper { max-width: 100% !important; width: 100% } } .footer { background-color: var(--color-beige) } .footer__inner { padding-top: 70px; padding-bottom: 75px; position: relative } .footer__inner::before { content: ""; background: var(--color-dark); width: 100%; height: 1px; display: block; position: absolute; top: 0; left: 0; right: 0; opacity: .2 } .footer__grid { display: grid; gap: 32px; grid-template-columns: 9fr 3fr } .footer__copyright { margin-bottom: 36px; max-width: 190px; margin-left: auto } @media(max-width: 1023px) { .footer__grid { grid-template-columns: 1fr } .footer__grid-item:last-of-type { display: grid; grid-template-columns: 1fr 210px } .footer__copyright { margin-bottom: 0; margin-right: auto; margin-left: 0 } } @media(max-width: 767px) { .footer__inner { padding-top: 40px; padding-bottom: 35px } .footer__grid-item:last-of-type { grid-template-columns: 1fr; gap: 18px } .footer__copyright { max-width: 100% } } .site-developers { text-align: right } .site-developers__grid { display: grid; gap: 16px; grid-template-columns: 1fr 48px; align-items: center } .site-developers a { color: var(--color-green) } .site-developers__logo { transition: all .3s; width: 48px; height: 48px; position: relative; display: flex; align-items: center; justify-content: center } .site-developers__logo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: all .3s ease-in-out; pointer-events: none; z-index: 0; border-radius: 50%; background-color: var(--color-orange) } .site-developers__logo svg { width: 32px; pointer-events: none; position: absolute } .site-developers__logo:hover::before { background-color: var(--color-red); left: -4px; top: -4px; bottom: -4px; right: -4px } @media(max-width: 767px) { .site-developers { text-align: left } .site-developers__grid { grid-template-columns: 48px 1fr } .site-developers__text { order: 2 } .site-developers__logo { order: 1 } } .footer-menu { list-style: none; padding: 0; margin: 0; display: grid; gap: 24px 32px; grid-template-columns: repeat(3, 1fr) } .footer-menu__link { text-decoration: none; font-family: var(--first-family); font-weight: 600; font-size: 14px; letter-spacing: .01em; text-transform: uppercase; color: var(--color-green) } @media(max-width: 767px) { .footer-menu { grid-template-columns: repeat(2, 1fr); gap: 14px 32px } } @media(max-width: 768px) { .hidden-tablet { display: none !important } } @media(max-width: 768px) { .visible-tablet { display: block !important } } @media(max-width: 425px) { .hidden-mobile { display: none !important } } @media(max-width: 425px) { .visible-mobile { display: block !important } } .visually-hidden:not(:focus), input[type=checkbox].visually-hidden, input[type=radio].visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; -webkit-clip-path: inset(100%); clip-path: inset(100%) } .overflow-hidden { max-width: 100%; overflow: hidden; width: 100%; position: absolute; top: 0; left: 0; height: 100% } .header-sticky .header { background-color: var(--color-green); color: var(--color-white) } .header-sticky .header__flex { padding-top: 12px; padding-bottom: 12px } .header-sticky .header__company-name { font-size: 32px } .header-sticky .header__logo-icon { width: 56px; height: 56px } @media(max-width: 1023px) { .header-sticky .header__company-name { font-size: 30px } } @media(max-width: 767px) { .header-sticky .header__flex { padding-top: 10px; padding-bottom: 10px } .header-sticky .header__company-name { font-size: 24px } } .menu-open { overflow: hidden } .menu-open .header__grid:after { width: 100% } .menu-open .navigation { opacity: 1; visibility: initial; pointer-events: initial } .menu-open .header__flex { border-bottom: 1px solid var(--color-white-mod-02) } .icon-parent.active .group-icon { color: var(--color-white) !important } .icon-parent.active .group-icon__bg { color: var(--color-orange) !important } .icon-parent.active .group-icon__bg svg { scale: 1.2 } .icon-parent.active .group-icon--mod .group-icon__content { color: var(--color-white) !important } .icon-parent.active .group-icon--mod-4 .group-icon__bg { color: var(--color-red) !important } .modal-open { overflow: hidden } /* End */ /* Start:/local/templates/main/css/custom.css?17824581786512*/ .header { z-index: 900; } .group-icon--mod .group-icon__content svg path { fill: var(--color-orange); } .group-icon--mod:hover .group-icon__content svg path { fill: var(--color-white); } .icon-parent.active .group-icon--mod .group-icon__content svg path { fill: var(--color-white) !important; } .modal__documents .modal__body { width: 1120px !important; } .modal__documents .modal__documents-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal__documents .modal__documents-left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 16px; } .modal__documents .modal__documents-right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 16px; } .modal__documents .title-line { position: relative; padding-bottom: 22px; margin-bottom: 18px; font-size: 24px; line-height: 32px; font-weight: 700; color: #2a323b; -webkit-transition: color 0.3s; transition: color 0.3s; } .modal__documents .title-line::before { content: ''; position: absolute; bottom: 0; left: 0; width: 24px; height: 2px; background-color: #d4d6d8; } .modal__documents .custom-list { padding-left: 0; margin-bottom: 0; list-style: none; } .modal__documents .custom-list li { position: relative; padding-left: 16px; margin-bottom: 4px; } .modal__documents .custom-list li:last-child { margin-bottom: 0; } .modal__documents .custom-list li::before { content: ''; position: absolute; width: 8px; height: 2px; top: 9px; left: 0; background-color: #2a323b; } .modal { z-index: 1000; } @media (max-width: 767px) { .navigation__list { gap: 12px; } .navigation__link { min-height: initial; padding: 5px 16px; } } @media (max-width: 1499px) { .team-button { display: block !important; } } .modal .partners-list .group-icon { margin-left: 12px; } .modal .offer-list__item .group-icon { margin-left: 12px; } .modal .offer-list__item:last-child { padding-bottom: 6px; } header.policy {background-color: var(--color-green); color: var(--color-white); position: sticky;} header.policy .header__flex {padding-top: 12px; padding-bottom: 12px;} header.policy .header__company-name {font-size: 32px;} header.policy .header__logo-icon {width: 56px; height: 56px;} section.policy {max-width: 992px; margin: 0 auto; padding: 50px 0;} section.policy .title {display: block; margin: 0; padding-bottom: 30px; position: relative; margin-bottom: 35px; color: var(--color-dark); font-family: var(--second-family); font-size: 40px; font-style: normal; font-weight: 400; line-height: 1.2;} section.policy .policy-title {font-size: 20px; margin-bottom: 7px;} section.policy .policy-text {margin-bottom: 20px;} @media screen and (max-width: 768px) { section.policy .title {font-size: 30px;} header.policy .header__company-name {font-size: 24px;} } .bx-breadcrumb {padding: 20px 0;} .form-agree { font-weight: 400; font-size: 14px; line-height: 1.4; color: #36363c; margin-bottom: 10px; } .form-agree a { text-decoration: underline; color: #ff5843; } .form-agree a:hover { color: #F59829; } .form-agree label { position: relative; padding-left: 35px; cursor: pointer; display: block; } .form-agree label:before { content: ""; display: block; -webkit-transition: .3s; transition: .3s; position: absolute; left: 0; top: 0; border: 1px solid rgba(54, 54, 60, 0.2); border-radius: 8px; width: 24px; height: 24px; } .form-agree label:hover:before, .form-agree label:active:before, .form-agree label:focus:before { -webkit-box-shadow: inset 2px 2px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 6px 0 rgba(0, 0, 0, 0.15); border: 1px solid #ff5843; } .form-agree label:after { content: ""; display: block; background-image: url("/upload/icon/icon-checkbox.svg"); background-repeat: no-repeat; background-size: cover; width: 14px; height: 13px; position: absolute; left: 6px; top: 7px; opacity: 0; -webkit-transition: .3s; transition: .3s; } .form-agree input:checked + label::after { opacity: 1; } .form-agree input:checked + label::before { background-color: #ff5843; } .footer-menu + .footer-menu { margin-top: 24px; } @media (max-width: 767px) { .footer-menu + .footer-menu { margin-top: 14px; } } .footer-menu__link { transition: .3s; } .footer-menu__link:hover { color: #FF5843; } .footer-menu__link.-mod { font-weight: 400; font-size: 14px; text-decoration: underline; color: #ff5843; text-transform: initial; } .footer-menu__link.-mod:hover { color: #f59829; text-decoration: none; } @media (max-width: 767px) { .footer-menu.-mod { grid-template-columns: repeat(1, 1fr); } } .cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 100%; z-index: 9999; padding: 0 10px; display: none; -webkit-animation: slideUp 0.4s ease forwards; animation: slideUp 0.4s ease forwards; } .cookie-banner__container { max-width: 1008px; width: 100%; margin: 0 auto; background: #ffffff; color: rgba(54, 54, 60, 0.8); padding: 20px 32px 32px; border-radius: 40px 40px 0 0; position: relative; margin-inline: auto; -webkit-box-shadow: 3px 3px 38px -5px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 38px -5px rgba(0, 0, 0, 0.3); } @media (max-width: 767px) { .cookie-banner__container { padding: 20px 22px 22px; } } .cookie-banner__container a { color: #ff5843; } .cookie-banner__grid { display: grid; grid-template-columns: 1fr auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 16px 30px; width: 100%; } @media (max-width: 767px) { .cookie-banner__grid { grid-template-columns: 1fr; } } .cookie-banner__title { display: block; margin: 0; font-family: var(--second-family); font-weight: 400; font-size: 30px; line-height: 117%; color: #36363C; margin-bottom: 12px; } @media (max-width: 767px) { .cookie-banner__title { font-size: 20px; } } .cookie-banner__text { margin: 0; } @media (max-width: 767px) { .cookie-banner__right .button { max-width: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } }/*# sourceMappingURL=custom.css.map */ .social-icons__icon--max::before { background-color: #4853EC; } .social-icons__icon--max svg { width: 40px; height: 40px; } /* End */ /* /local/templates/main/libs/swiper-bundle.min.css?170789260418463 */ /* /local/templates/main/libs/simplebar.css?17030539904237 */ /* /local/templates/main/css/fonts.css?1712132548419 */ /* /local/templates/main/css/main.min.css?171221647374145 */ /* /local/templates/main/css/custom.css?17824581786512 */