/* Start:/local/templates/paint/css/libraries/swiper-bundle.min.css?174772215518432*/
/**
 * Swiper 11.1.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/paint/css/style.css?1751622548169706*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
   margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
   display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
   box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
   background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
   font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
   font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
   border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
   line-height: 1.15; /* 1 */
   margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
   /* 1 */
   overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
   /* 1 */
   text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type='button'],
[type='reset'],
[type='submit'] {
   -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
   outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
   padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
   box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
   padding: 0; /* 3 */
   white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
   vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
   overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type='checkbox'],
[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
   height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
   display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
   display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
   display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
   display: none;
}

img {
   display: block;
   max-width: 100%;
}

::-moz-selection {
   background-color: var(--color-orange);
   color: var(--color-black);
}

::selection {
   background-color: var(--color-orange);
   color: var(--color-black);
}

@font-face {
   font-family: 'TTInterphasesProTrl';
   src: url(/local/templates/paint/css/../fonts/TTInterphasesProTrl-Rg.woff2) format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'TTInterphasesProTrl';
   src: url(/local/templates/paint/css/../fonts/TTInterphasesProTrl-Md.woff2) format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'TTInterphasesProTrl';
   src: url(/local/templates/paint/css/../fonts/TTInterphasesProTrl-DmBd.woff2) format('woff2');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'TTInterphasesProTrl';
   src: url(/local/templates/paint/css/../fonts/TTInterphasesProTrl-Bd.woff2) format('woff2');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
:root {
   --color-black: rgba(8, 8, 8, 1);
   --color-orange: rgba(241, 187, 86, 1);
   --color-orange-two: rgba(222, 170, 72, 1);
   --color-white: rgba(255, 255, 255, 1);
   --color-gray: rgba(170, 170, 170, 1);
   --color-gray-two: rgba(82, 82, 82, 1);
   --color-gray-three: rgba(221, 221, 221, 1);
   --color-gray-four: rgba(136, 136, 136, 1);
   --color-gray-bag: rgba(248, 248, 248, 1);
   --color-breadcrumb: rgba(171, 171, 171, 1);
   --border: 1px solid var(--color-gray-two);
   --border-grid: 1px solid var(--color-gray-three);
   --font-family-base: 'TTInterphasesProTrl', sans-serif;
   --container-width: 1840px;
   --container-padding-x: 40px;
   --gutter: 20px;
   --columns: 12;
   --section-padding-y: 70px;
   --transition-duration: 0.2s all;
}
@media (max-width: 1280px) {
   :root {
      --section-padding-y: 40px;
   }
}
@media (max-width: 1157px) {
   :root {
      --container-padding-x: 20px;
      --section-padding-y: 20px;
   }
}
@media (max-width: 767px) {
   :root {
      --section-padding-y: 16px;
      --container-padding-x: 16px;
   }
}

.container {
   max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
   margin-inline: auto;
   padding-inline: var(--container-padding-x);
}

.visually-hidden {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   margin: -1px !important;
   border: 0 !important;
   padding: 0 !important;
   white-space: nowrap !important;
   -webkit-clip-path: inset(100%) !important;
   clip-path: inset(100%) !important;
   clip: rect(0 0 0 0) !important;
   overflow: hidden !important;
}

@media (max-width: 767px) {
   .hidden-mobile {
      display: none !important;
   }
}

@media (min-width: 768px) {
   .visible-mobile {
      display: none !important;
   }
}

* {
   scroll-behavior: smooth;
}

*,
::after,
::before {
   box-sizing: border-box;
}

body {
   font-size: clamp(16px, 1.25vw, 18px);
   font-family: var(--font-family-base);
   font-weight: 500;
   line-height: 1.28;
   color: var(--color-black);
   background-color: var(--color-white);
   height: 100dvh;
}

a,
button,
input,
textarea,
svg * {
   transition-duration: var(--transition-duration);
}

a {
   text-decoration: none;
   color: inherit;
}

h1,
h2,
h3,
h4 {
   font-weight: 500;
   margin: 0px;
}

h1.title-h1 {
   font-size: clamp(50px, 9.9305555556vw, 143px);
}

h1 {
   font-size: clamp(40px, 8.0555555556vw, 116px);
}

h2 {
   font-size: clamp(40px, 4.1666666667vw, 60px);
}

h3 {
   font-size: clamp(22px, 2.2222222222vw, 32px);
}

h4 {
   font-size: clamp(14px, 1.1111111111vw, 16px);
}

ul {
   padding: 0px;
   margin: 0px;
}
ul li {
   list-style: none;
}

.section-text-block ul,
.section-malfunction-wrapper ul,
.section-textBlock .container .textBlock-container ul {
   padding: revert;
}
.section-text-block ul li,
.section-malfunction-wrapper ul li,
.section-textBlock .container .textBlock-container ul li {
   list-style: disc;
}

p {
   margin: 0px;
}

.main-button {
   cursor: pointer;
   font-size: clamp(16px, 1.25vw, 18px);
   font-weight: 600;
   line-height: clamp(16px, 1.25vw, 18px);
   letter-spacing: 0.02em;
   text-transform: uppercase;
   text-align: center;
   background-color: transparent;
   border: none;
   padding: 28px;
   color: var(--color-black);
   background-color: var(--color-orange);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .main-button:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .main-button:active {
      background-color: var(--color-orange-two);
   }
}

.h-text {
   text-indent: 43.2%;
   width: clamp(288px, 70vw, 1220px);
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   margin-bottom: clamp(40px, 7vw, 85px);
   letter-spacing: -0.04em;
   font-weight: 500;
   margin-left: auto;
   margin-right: calc((100% - 220px) / 12 + 20px);
}
@media (max-width: 767px) {
   .h-text {
      text-indent: 0 !important;
      width: clamp(288px, 80vw, 635px);
      margin-left: 0px;
      margin-right: calc((100% - 140px) / 8 + 20px);
   }
}
@media (max-width: 480px) {
   .h-text {
      margin-right: 0;
   }
}

.h-title {
   line-height: clamp(40px, 7vw, 116px) !important;
   letter-spacing: -0.03em !important;
}

.logo {
   grid-area: a;
   padding-left: 30px;
   padding-block: 22px;
}
.logo a {
   display: block;
   width: 240px;
   height: 85px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(/local/templates/paint/css/../images/logo/logo.svg);
}
@media (max-width: 1610px) {
   .logo a {
      width: 127px;
      height: 45px;
   }
}
@media (max-width: 1251px) {
   .logo a {
      width: 100px;
      height: 35px;
   }
}
@media (max-width: 1610px) {
   .logo {
      padding-top: 10px;
      padding-bottom: 0px;
   }
}
@media (max-width: 1251px) {
   .logo {
      padding-left: 16px;
      padding-bottom: 10px;
   }
}

section.color-gray {
   background-color: var(--color-gray-bag);
}
section.color-black {
   color: var(--color-white);
   background-color: var(--color-black);
}
section.color-white {
   color: var(--color-black);
   background-color: var(--color-gray-bag);
}
section.color-white-bac {
   color: var(--color-black);
   background-color: var(--color-white);
}

.years {
   font-size: 0.8em;
}

header {
   width: 100%;
   text-transform: uppercase;
   color: var(--color-white);
   border-bottom: var(--border);
   background-color: var(--color-black);
   display: grid;
   grid-template-columns: auto 1fr 1fr;
   grid-template-areas: 'a b c g' 'a e f g';
   font-weight: 600;
   letter-spacing: 0.02em;
   font-size: 16px;
   line-height: 19.2px;
   transition: transform 0.3s ease, background-color 0.3s ease, height 0.3s ease;
}
@media (max-width: 1610px) {
   header {
      grid-template-areas: 'a b c g' 'e e f g';
   }
}
@media (max-width: 1375px) {
   header {
      grid-template-areas: 'a b b g' 'e e f g';
   }
}
@media (max-width: 1375px) {
   header {
      grid-template-areas: 'a b b g' 'e e f g';
   }
}
@media (max-width: 1290px) {
   header {
      grid-template-columns: auto 1fr 1.2fr;
   }
}
@media (max-width: 702px) {
   header {
      grid-template-columns: auto 1fr;
   }
}
@media (max-width: 453px) {
   header {
      grid-template-areas: 'a b b g' 'e e e e ';
   }
}
header .logo {
   grid-area: a;
   padding-left: 30px;
   padding-block: 22px;
}
header .logo a {
   display: block;
   width: 240px;
   height: 85px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url(/local/templates/paint/css/../images/logo/logo.svg);
}
@media (max-width: 1610px) {
   header .logo a {
      width: 127px;
      height: 45px;
   }
}
@media (max-width: 1290px) {
   header .logo a {
      width: 100px;
      height: 35px;
   }
}
@media (max-width: 1610px) {
   header .logo {
      padding-top: 10px;
      padding-bottom: 0px;
   }
}
@media (max-width: 1290px) {
   header .logo {
      padding-left: 16px;
      padding-bottom: 10px;
   }
}
header .header-top-address {
   grid-area: b;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding-right: 25px;
   font-size: 16px;
   font-weight: 500;
   line-height: 19.2px;
   text-transform: capitalize;
}
@media (max-width: 1920px) {
   header .header-top-address {
      font-size: clamp(12px, 2vw, 16px);
      line-height: clamp(14.4px, 2vw, 19.2px);
   }
}
@media (max-width: 1470px) {
   header .header-top-address {
      padding-right: 15px;
   }
}
@media (max-width: 1375px) {
   header .header-top-address {
      padding-block: 22px;
      border-right: var(--border);
   }
}
@media (max-width: 702px) {
   header .header-top-address {
      display: none;
   }
}
header .header-bottom-top {
   grid-area: c;
   display: flex;
   justify-content: center;
   align-items: center;
   justify-content: flex-start;
   -moz-column-gap: 25px;
   column-gap: 25px;
   padding-block: 22px;
   padding-inline: 25px;
   border-left: var(--border);
   border-right: var(--border);
}
@media (max-width: 1375px) {
   header .header-bottom-top {
      display: none;
   }
}
header .header-bottom-top a {
   transition: var(--transition-duration);
}
header .header-bottom-top a.active {
   color: var(--color-orange);
}

@media (max-width: 1920px) {
   header .header-bottom-top a {
      font-size: clamp(14px, 1vw, 16px);
      line-height: clamp(16.8px, 1vw, 19.2px);
   }
}
@media (hover: hover) {
   header .header-bottom-top a:hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   header .header-bottom-top a:active {
      color: var(--color-orange);
   }
}
header .header-top-feedback {
   grid-area: e;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   -moz-column-gap: 25px;
   column-gap: 25px;
   padding-right: 25px;
}
@media (max-width: 1470px) {
   header .header-top-feedback {
      padding-right: 15px;
   }
}
@media (max-width: 1375px) {
   header .header-top-feedback {
      justify-content: space-between;
      border-top: var(--border);
      -moz-column-gap: 0px;
      column-gap: 0px;
      padding: 0px;
   }
}
@media (max-width: 702px) {
   header .header-top-feedback {
      border-top: var(--border);
   }
}
@media (max-width: 1375px) {
   header .header-top-feedback-item {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
   }
}
@media (max-width: 702px) {
   header .header-top-feedback-item {
      padding-block: 20px;
   }
}
@media (max-width: 1375px) {
   header .header-top-feedback-item:nth-child(2) {
      border-left: var(--border);
   }
}
@media (max-width: 1290px) {
   header .header-top-feedback-item:nth-child(2) {
      width: 70%;
   }
}
@media (max-width: 453px) {
   header .header-top-feedback-item:nth-child(2) {
      border-left: 0px;
   }
   header .header-top-feedback-item.item-icons {
      justify-content: flex-start;
      column-gap: 5px;
      padding-left: 20px;
   }
}
header .header-top-feedback button {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   color: var(--color-orange);
   transition: var(--transition-duration);
   text-transform: uppercase;
   font-weight: 600;
}
@media (max-width: 1920px) {
   header .header-top-feedback button {
      font-size: clamp(14px, 1vw, 16px);
      line-height: clamp(16.8px, 1vw, 19.2px);
   }
}
@media (hover: hover) {
   header .header-top-feedback button:hover {
      color: var(--color-orange-two);
   }
}
@media (hover: none) {
   header .header-top-feedback button:active {
      color: var(--color-orange-two);
   }
}
header .header-top-feedback a {
   transition: var(--transition-duration);
}
@media (max-width: 1920px) {
   header .header-top-feedback a {
      font-size: clamp(14px, 1vw, 16px);
      line-height: clamp(16.8px, 1vw, 19.2px);
   }
}
@media (hover: hover) {
   header .header-top-feedback a:hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   header .header-top-feedback a:active {
      color: var(--color-orange);
   }
}
header .menu-nav {
   grid-area: f;
   display: flex;
   align-items: center;
   border-top: var(--border);
   border-left: var(--border);
   height: 100%;
}
@media (max-width: 702px) {
   header .menu-nav {
      display: none;
   }
}
header .menu-nav a {
   flex-grow: 1;
   height: 100%;
   text-align: center;
   padding: 22px 24.5px 23px;
   transition: var(--transition-duration);
   border-right: var(--border);
}
@media (max-width: 1920px) {
   header .menu-nav a {
      font-size: clamp(14px, 1vw, 16px);
      line-height: clamp(16.8px, 1vw, 19.2px);
   }
}
@media (hover: hover) {
   header .menu-nav a:hover {
      color: var(--color-black);
      background-color: var(--color-orange);
   }
}
@media (hover: none) {
   header .menu-nav a:active {
      color: var(--color-black);
      background-color: var(--color-orange);
   }
}
@media (max-width: 1290px) {
   header .menu-nav a:nth-child(3),
   header .menu-nav a:nth-child(4),
   header .menu-nav a:nth-child(5),
   header .menu-nav a:nth-child(6) {
      display: none;
   }
}
header .menu-search {
   grid-area: g;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
}
header .menu-search > div {
   width: 100%;
   height: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}
@media (max-width: 1290px) {
   header .menu-search > div:nth-child(1) {
      display: flex;
      align-items: center;
   }
}
@media (max-width: 453px) {
   header .menu-search > div:nth-child(1) {
      height: 100%;
   }
}
header .menu-search > div:nth-child(2) {
   height: 51.5%;
   border-top: var(--border);
}
@media (max-width: 1610px) {
   header .menu-search > div:nth-child(2) {
      height: 51.1%;
   }
}
@media (max-width: 1375px) {
   header .menu-search > div:nth-child(2) {
      height: 49.8%;
   }
}
@media (max-width: 702px) {
   header .menu-search > div:nth-child(2) {
      height: 52.5%;
      border-left: var(--border);
   }
}
@media (max-width: 453px) {
   header .menu-search > div:nth-child(2) {
      display: none;
   }
}
header .menu-search .search {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   display: block;
   width: 100%;
   height: 100%;
   padding: 22.5px 60px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: 18px 18px;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.1762 13.582C16.3736 11.9818 16.9204 9.98743 16.7065 8.00032C16.4925 6.01321 15.5338 4.18091 14.0232 2.87226C12.5127 1.5636 10.5624 0.875763 8.56511 0.947195C6.56779 1.01863 4.67168 1.84403 3.25847 3.25725C1.84525 4.67047 1.01985 6.56657 0.948414 8.56389C0.876982 10.5612 1.56482 12.5114 2.87347 14.022C4.18213 15.5326 6.01443 16.4913 8.00154 16.7052C9.98865 16.9192 11.983 16.3724 13.5832 15.175L17.4082 19L19.0012 17.41L15.1762 13.582ZM8.87622 14.5C7.7637 14.5 6.67616 14.1701 5.75114 13.552C4.82611 12.9339 4.10514 12.0554 3.6794 11.0276C3.25365 9.99976 3.14226 8.86876 3.3593 7.77762C3.57634 6.68647 4.11207 5.68419 4.89874 4.89752C5.68541 4.11085 6.68769 3.57512 7.77884 3.35808C8.86998 3.14104 10.001 3.25243 11.0288 3.67818C12.0566 4.10392 12.9352 4.82489 13.5532 5.74992C14.1713 6.67494 14.5012 7.76248 14.5012 8.875C14.4998 10.3664 13.9068 11.7963 12.8522 12.8509C11.7976 13.9055 10.3676 14.4986 8.87622 14.5Z' fill='white'/%3e%3c/svg%3e ");
}
@media (max-width: 1290px) {
   header .menu-search .search {
      width: 50%;
      padding: 0px;
   }
}
@media (max-width: 702px) {
   header .menu-search .search {
      border-left: var(--border);
   }
}
@media (hover: hover) {
   header .menu-search .search:hover {
      background-color: var(--color-orange);
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.1762 13.582C16.3736 11.9818 16.9204 9.98743 16.7065 8.00032C16.4925 6.01321 15.5338 4.18091 14.0232 2.87226C12.5127 1.5636 10.5624 0.875763 8.56511 0.947195C6.56779 1.01863 4.67168 1.84403 3.25847 3.25725C1.84525 4.67047 1.01985 6.56657 0.948414 8.56389C0.876982 10.5612 1.56482 12.5114 2.87347 14.022C4.18213 15.5326 6.01443 16.4913 8.00154 16.7052C9.98865 16.9192 11.983 16.3724 13.5832 15.175L17.4082 19L19.0012 17.41L15.1762 13.582ZM8.87622 14.5C7.7637 14.5 6.67616 14.1701 5.75114 13.552C4.82611 12.9339 4.10514 12.0554 3.6794 11.0276C3.25365 9.99976 3.14226 8.86876 3.3593 7.77762C3.57634 6.68647 4.11207 5.68419 4.89874 4.89752C5.68541 4.11085 6.68769 3.57512 7.77884 3.35808C8.86998 3.14104 10.001 3.25243 11.0288 3.67818C12.0566 4.10392 12.9352 4.82489 13.5532 5.74992C14.1713 6.67494 14.5012 7.76248 14.5012 8.875C14.4998 10.3664 13.9068 11.7963 12.8522 12.8509C11.7976 13.9055 10.3676 14.4986 8.87622 14.5Z' fill='%23080808'/%3e%3c/svg%3e ");
   }
}
@media (hover: none) {
   header .menu-search .search:active {
      background-color: var(--color-orange);
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.1762 13.582C16.3736 11.9818 16.9204 9.98743 16.7065 8.00032C16.4925 6.01321 15.5338 4.18091 14.0232 2.87226C12.5127 1.5636 10.5624 0.875763 8.56511 0.947195C6.56779 1.01863 4.67168 1.84403 3.25847 3.25725C1.84525 4.67047 1.01985 6.56657 0.948414 8.56389C0.876982 10.5612 1.56482 12.5114 2.87347 14.022C4.18213 15.5326 6.01443 16.4913 8.00154 16.7052C9.98865 16.9192 11.983 16.3724 13.5832 15.175L17.4082 19L19.0012 17.41L15.1762 13.582ZM8.87622 14.5C7.7637 14.5 6.67616 14.1701 5.75114 13.552C4.82611 12.9339 4.10514 12.0554 3.6794 11.0276C3.25365 9.99976 3.14226 8.86876 3.3593 7.77762C3.57634 6.68647 4.11207 5.68419 4.89874 4.89752C5.68541 4.11085 6.68769 3.57512 7.77884 3.35808C8.86998 3.14104 10.001 3.25243 11.0288 3.67818C12.0566 4.10392 12.9352 4.82489 13.5532 5.74992C14.1713 6.67494 14.5012 7.76248 14.5012 8.875C14.4998 10.3664 13.9068 11.7963 12.8522 12.8509C11.7976 13.9055 10.3676 14.4986 8.87622 14.5Z' fill='%23080808'/%3e%3c/svg%3e ");
   }
}
@media (max-width: 453px) {
   header .menu-search .search {
      padding-inline: 20px;
   }
}
header .menu-search a {
   flex-grow: 1;
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-inline: 25px;
   transition: var(--transition-duration);
}
@media (max-width: 1920px) {
   header .menu-search a {
      font-size: clamp(14px, 1vw, 16px);
      line-height: clamp(16.8px, 1vw, 19.2px);
   }
}
@media (hover: hover) {
   header .menu-search a:hover {
      color: var(--color-black);
      background-color: var(--color-orange);
   }
}
@media (hover: none) {
   header .menu-search a:active {
      color: var(--color-black);
      background-color: var(--color-orange);
   }
}
header.scrollHeaderBottom {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1000;
   transition: transform 0.3s ease;
   grid-template-areas: 'a e f g';
}
@media (max-width: 1304px) {
   header.scrollHeaderBottom {
      grid-template-areas: 'a b c g' 'e e f g';
   }
}
@media (max-width: 1290px) {
   header.scrollHeaderBottom {
      grid-template-columns: auto 1fr;
   }
}
header.scrollHeaderBottom .header-top-address,
header.scrollHeaderBottom .header-bottom-top,
header.scrollHeaderBottom .menu-search > div:nth-child(1) {
   opacity: 0;
   display: none;
   visibility: hidden;
   transition: opacity 0.3s ease, visibility 0.3s ease, display 0.5s ease;
}
header.scrollHeaderBottom .menu-search div:nth-child(2) {
   height: 100%;
   transition: height 0.3s ease;
}
header.scrollHeaderBottom .logo {
   padding-block: 11px;
   transition: padding-block 0.3s ease;
}
header.scrollHeaderBottom .logo a {
   width: 120px;
   height: 42.85px;
   transition: width 0.3s ease, height 0.3s ease;
}
@media (max-width: 1304px) {
   header.scrollHeaderBottom .header-top-address,
   header.scrollHeaderBottom .menu-search > div:nth-child(1) {
      display: flex !important;
      opacity: 1 !important;
      visibility: visible !important;
   }
   header.scrollHeaderBottom .header-top-feedback,
   header.scrollHeaderBottom .menu-nav,
   header.scrollHeaderBottom .menu-search > div:nth-child(2) {
      display: none !important;
   }
   header.scrollHeaderBottom .menu-search > div:nth-child(1) .search {
      width: 50%;
      padding: 0px 30px;
   }
   header.scrollHeaderBottom .menu-search > div:nth-child(1) .burger {
      display: flex;
      padding: 0px 30px;
   }
   header.scrollHeaderBottom .menu-search > div:nth-child(1) {
      height: 100%;
   }
}
@media (max-width: 701px) {
   header.scrollHeaderBottom .header-top-address {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
   }
   header.scrollHeaderBottom .menu-search div:nth-child(1) .search {
      width: 50%;
      padding: 0px 33px;
   }
   header.scrollHeaderBottom .menu-search div:nth-child(1) .burger {
      display: flex;
      padding: 0px 20px;
   }
}
header.scrollHeaderTop {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1000;
   transition: transform 0.3s ease;
}
header :not(.scrollHeader):not(.scrollHeaderTop) .header-top-address,
header :not(.scrollHeader):not(.scrollHeaderTop) .header-bottom-top,
header
   :not(.scrollHeader):not(.scrollHeaderTop)
   .menu-search
   > div:nth-child(1) {
   display: block;
   opacity: 1;
   visibility: visible;
   transition: opacity 0.3s ease, visibility 0.3s ease, display 0.3s ease;
}

.section-breadcrumb {
   padding-top: clamp(16px, 2vw, 24px);
   padding-bottom: 40px;
}
.section-breadcrumb.color-gray {
   background-color: var(--color-gray-bag);
}
.section-breadcrumb ul {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   row-gap: 10px;
}
.section-breadcrumb ul li {
   display: flex;
   align-items: flex-end;
   color: var(--color-gray);
   text-transform: capitalize;
}
.section-breadcrumb ul li::after {
   content: '|';
   display: inline-block;
   margin-inline: 10px;
}
.section-breadcrumb ul li:last-child {
   color: var(--color-black);
}
.section-breadcrumb ul li:last-child::after {
   display: none;
}
.section-breadcrumb ul li a {
   font-size: clamp(14px, 2vw, 16px);
   font-weight: 500;
   line-height: clamp(14px, 2vw, 16px);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-breadcrumb ul li a:hover {
      color: var(--color-black);
   }
}
@media (hover: none) {
   .section-breadcrumb ul li a:active {
      color: var(--color-black);
   }
}

.burger {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   width: 50%;
   height: 100%;
   display: none;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   border-left: var(--border);
   transition: var(--transition-duration);
}
.burger-line {
   position: relative;
   width: 24px;
   height: 13px;
}
.burger-line span {
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   height: 3px;
   background-color: var(--color-white);
}
.burger-line span:nth-child(2) {
   top: inherit;
   bottom: 0;
}
.burger.active {
   background-color: var(--color-orange);
   transition: var(--transition-duration);
}
.burger.active span {
   top: 4px;
   left: 0;
   transform: rotate(45deg);
   background-color: var(--color-black);
   transition: var(--transition-duration);
}
.burger.active span:nth-child(2) {
   top: inherit;
   bottom: 6px;
   transform: rotate(-45deg);
}
@media (hover: hover) {
   .burger:hover {
      background-color: var(--color-orange);
   }
   .burger:hover span {
      background-color: var(--color-black);
   }
}
@media (hover: none) {
   .burger:active {
      background-color: var(--color-orange);
   }
   .burger:active span {
      background-color: var(--color-black);
   }
}
@media (max-width: 1251px) {
   .burger {
      display: flex;
   }
}
@media (max-width: 453px) {
   .burger {
      padding-inline: 20px;
   }
}

.section-404 {
   margin-bottom: clamp(50px, 11vw, 100px);
}
.section-404-countdown {
   display: flex;
   align-items: flex-start;
   font-weight: 500;
   letter-spacing: -0.03em;
   position: relative;
   height: clamp(54px, 12vw, 144px);
   width: clamp(60px, 12vw, 160px);
   overflow: hidden;
}
@media (max-width: 767px) {
   .section-404-countdown {
      margin-bottom: 16px;
   }
}
.section-404-countdown .countdown {
   font-size: clamp(60px, 13vw, 160px);
   line-height: clamp(54px, 12vw, 144px);
   position: absolute;
   width: 100%;
   text-align: center;
   top: 0;
   opacity: 0;
   transform: translateY(100%);
   transition: transform 0.5s, opacity 0.5s;
}
.section-404-countdown .countdown.active {
   opacity: 1;
   transform: translateY(0);
}
.section-404-countdown .countdown.prev {
   transform: translateY(-100%);
   opacity: 0;
}
.section-404-wrapper {
   display: flex;
   flex-direction: column;
}
.section-404-wrapper .h-text {
   text-indent: 37%;
}

.section-accordion {
   padding-top: clamp(50px, 10vw, 100px);
   padding-bottom: clamp(100px, 10vw, 200px);
}
.section-accordion .container .h-title-s {
   margin-bottom: 56px;
}
.section-accordion-container,
.section-accordion-item {
   display: flex;
   flex-direction: column;
}
.section-accordion-item {
   overflow: hidden;
}
.section-accordion-item .item-title {
   cursor: pointer;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: auto;
   align-items: center;
   -moz-column-gap: 20px;
   column-gap: 20px;
   padding-block: 24px;
}
@media (max-width: 1280px) {
   .section-accordion-item .item-title {
      grid-template-columns: repeat(8, 1fr);
   }
}
@media (max-width: 480px) {
   .section-accordion-item .item-title {
      padding-block: 16px;
   }
}
.section-accordion-item .item-title-number {
   grid-column: span 3;
   width: 40px;
   height: 40px;
   font-size: 22px;
   line-height: 26.4px;
   letter-spacing: -0.01em;
   border: 1px solid var(--color-black);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}
@media (max-width: 1280px) {
   .section-accordion-item .item-title-number {
      display: none;
   }
}
.section-accordion-item .item-title-text {
   grid-column: span 6;
   font-size: clamp(20px, 5vw, 32px);
   line-height: clamp(20px, 5vw, 32px);
   letter-spacing: -0.02em;
}
@media (max-width: 1280px) {
   .section-accordion-item .item-title-text {
      grid-column: span 7;
   }
}
.section-accordion-item .item-title-arrow {
   margin-left: auto;
   grid-column: span 3;
   width: clamp(17px, 15vw, 22px);
   height: clamp(9px, 15vw, 12px);
   transition: var(--transition-duration);
   background-position: center;
   background-repeat: no-repeat;
   background-size: clamp(17px, 5vw, 22px), clamp(9px, 5vw, 12px);
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='13' viewBox='0 0 24 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 12.8337C11.5623 12.8345 11.1288 12.7487 10.7243 12.5814C10.3199 12.4141 9.95253 12.1685 9.64332 11.8587L0.821655 3.03538L3.17832 0.678711L12 9.50038L20.8217 0.678711L23.1783 3.03538L14.3567 11.857C14.0476 12.1671 13.6803 12.413 13.2758 12.5806C12.8714 12.7482 12.4378 12.8343 12 12.8337Z' fill='%23080808'/%3e%3c/svg%3e ");
}
@media (max-width: 1280px) {
   .section-accordion-item .item-title-arrow {
      grid-column: span 1;
   }
}
.section-accordion-item .item-description {
   height: 100%;
   max-height: 0px;
   padding: 0px 0px;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: auto;
   -moz-column-gap: 20px;
   column-gap: 20px;
   border-bottom: var(--border-grid);
   overflow: hidden;
   transition: all 0.3s;
}
@media (max-width: 1280px) {
   .section-accordion-item .item-description {
      grid-template-columns: repeat(8, 1fr);
   }
}
.section-accordion-item .item-description-container {
   grid-column: 4 / span 6;
}
.section-accordion-item .item-description-container img {
   width: 100%;
   height: clamp(216px, 40vw, 512px);
   -o-object-fit: cover;
   object-fit: cover;
   margin-top: clamp(20px, 10vw, 40px);
}
@media (max-width: 1280px) {
   .section-accordion-item .item-description-container {
      grid-column: span 8;
   }
}
@media (max-width: 767px) {
   .section-accordion-item .item-description-container {
      grid-column: span 8;
   }
}
.section-accordion-item.active .item-title-arrow {
   transform: rotate(180deg);
}
.section-accordion-item.active .item-description {
   max-height: 8000px;
   padding-block: 24px 40px;
}
@media (hover: hover) {
   .section-accordion-item:hover .item-description {
      border-bottom: 1px solid var(--color-black);
   }
}
@media (hover: none) {
   .section-accordion-item:active .item-description {
      border-bottom: 1px solid var(--color-black);
   }
}
.section-accordion.color-black .section-accordion-item .item-title-number {
   border-color: var(--color-white);
}
@media (hover: hover) {
   .section-accordion.color-black
      .section-accordion-item:hover
      .item-description {
      border-color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-accordion.color-black
      .section-accordion-item:active
      .item-description {
      border-color: var(--color-orange);
   }
}
.section-accordion.color-black .item-title-arrow {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='13' viewBox='0 0 24 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 12.8337C11.5623 12.8345 11.1288 12.7487 10.7243 12.5814C10.3199 12.4141 9.95253 12.1685 9.64332 11.8587L0.821655 3.03538L3.17832 0.678711L12 9.50038L20.8217 0.678711L23.1783 3.03538L14.3567 11.857C14.0476 12.1671 13.6803 12.413 13.2758 12.5806C12.8714 12.7482 12.4378 12.8343 12 12.8337Z' fill='white'/%3e%3c/svg%3e ");
}

.section-article {
   /*   margin-bottom: clamp(50px, 10vw, 200px);*/
}
.section-article .container {
   overflow: hidden;
}
.section-article h3 {
   width: clamp(288px, 85vw + 30px, 1041px);
   font-size: clamp(40px, 7vw, 116px);
   font-weight: 500;
   line-height: clamp(28px, 7vw, 116px);
   letter-spacing: -0.04em;
   margin-bottom: clamp(40px, 7vw, 80px);
}
@media (max-width: 480px) {
   .section-article h3 {
      width: 100%;
   }
}
.section-article-slider {
   position: relative;
}
.section-article-slider .swiper-slide {
   width: clamp(212px, 35vw, 445px) !important;
   min-height: clamp(268px, 35vw, 650px) !important;
}
.section-article-slider .swiper-slide-img {
   height: clamp(268px, 35vw, 550px);
}
.section-article-slider .swiper-slide-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.section-article-slider .swiper-slide-title {
   font-size: 24px;
   font-weight: 500;
   line-height: 24px;
   letter-spacing: -0.01em;
   margin-top: 20px;
   margin-bottom: 15px;
}
.section-article-slider .swiper-slide-date {
   font-size: 14px;
   font-weight: 500;
   line-height: 14px;
   color: var(--color-gray);
}
.section-article-slider .section-article-prev,
.section-article-slider .section-article-next {
   cursor: pointer;
   opacity: 0;
   visibility: hidden;
   display: block;
   position: absolute;
   z-index: 10;
   top: 45%;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   transform: translate(0, -50%);
   background-color: var(--color-orange);
   transition: var(--transition-duration);
   background-position: center;
   background-repeat: no-repeat;
}
@media (hover: hover) {
   .section-article-slider .section-article-prev:hover,
   .section-article-slider .section-article-next:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .section-article-slider .section-article-prev:active,
   .section-article-slider .section-article-next:active {
      background-color: var(--color-orange-two);
   }
}
@media (max-width: 1157px) {
   .section-article-slider .section-article-prev,
   .section-article-slider .section-article-next {
      width: 30px;
      height: 30px;
      background-size: 8px 20px;
   }
}
.section-article-slider .section-article-prev {
   left: -10px;
   right: auto;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.678325 11.9996C0.677563 11.5619 0.763307 11.1284 0.930631 10.724C1.09795 10.3195 1.34356 9.95217 1.65333 9.64296L10.4767 0.821289L12.8333 3.17796L4.01166 11.9996L12.8333 20.8213L10.4767 23.178L1.65499 14.3563C1.34492 14.0472 1.09901 13.6799 0.931402 13.2755C0.76379 12.871 0.677782 12.4374 0.678325 11.9996Z' fill='%23080808'/%3e%3c/svg%3e ");
}
.section-article-slider .section-article-next {
   right: -10px;
   left: auto;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.8332 12.0004C12.834 12.4381 12.7482 12.8716 12.5809 13.276C12.4136 13.6805 12.168 14.0478 11.8582 14.357L3.03489 23.1787L0.678223 20.822L9.49989 12.0004L0.678222 3.17871L3.03489 0.822044L11.8566 9.64371C12.1666 9.95278 12.4125 10.3201 12.5801 10.7245C12.7478 11.129 12.8338 11.5626 12.8332 12.0004Z' fill='%23080808'/%3e%3c/svg%3e ");
}
@media (hover: hover) {
   .section-article-slider:hover
      .section-article-next:not(.swiper-button-disabled),
   .section-article-slider:hover
      .section-article-prev:not(.swiper-button-disabled) {
      opacity: 1;
      visibility: visible;
   }
}
@media (hover: none) {
   .section-article-slider:active
      .section-article-next:not(.swiper-button-disabled),
   .section-article-slider:active
      .section-article-prev:not(.swiper-button-disabled) {
      opacity: 1;
      visibility: visible;
   }
}
.section-article button {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   display: block;
   font-weight: 500;
   width: clamp(120px, 23vw, 220px);
   height: clamp(120px, 23vw, 220px);
   margin-top: clamp(40px, 16vw, 100px);
   border-radius: 50%;
   margin-inline: auto;
   color: var(--color-black);
   border: var(--border-grid);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-article button:hover {
      border-color: rgba(255, 255, 255, 0);
      background-color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-article button:active {
      border-color: rgba(255, 255, 255, 0);
      background-color: var(--color-orange);
   }
}

.section-beforeAfter .container {
   overflow: hidden;
}
@media (max-width: 1157px) {
   .section-beforeAfter .swiper-slide {
      aspect-ratio: 1/1;
   }
}
@media (max-width: 1157px) {
   .section-beforeAfter .twentytwenty-wrapper,
   .section-beforeAfter .twentytwenty-container,
   .section-beforeAfter img {
      width: 100%;
      height: 100% !important;
      aspect-ratio: 16/8;
   }
}
.section-beforeAfter .slider-container-beforeAfterMini {
   margin-top: 20px;
   position: relative;
}
.section-beforeAfter .slider-container-beforeAfterMini .swiper-wrapper {
   width: 320px;
   margin-inline: auto;
   display: flex;
   justify-content: center;
   -moz-column-gap: 20px;
   column-gap: 20px;
   transform: none !important;
}
.section-beforeAfter
   .slider-container-beforeAfterMini
   .swiper-wrapper
   .swiper-slide {
   height: 70px;
   width: 70px;
}
.section-beforeAfter
   .slider-container-beforeAfterMini
   .swiper-wrapper
   .swiper-slide
   img {
   height: 70px;
   width: 70px;
   -o-object-fit: cover;
   object-fit: cover;
}

.twentytwenty-handle {
   background-color: white;
}
.twentytwenty-handle .twentytwenty-left-arrow {
   left: 55%;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.62496 9.00002C0.624388 8.67176 0.688696 8.34662 0.814189 8.04329C0.939682 7.73997 1.12389 7.46443 1.35621 7.23252L7.97371 0.616272L9.74121 2.38377L3.12496 9.00002L9.74121 15.6163L7.97371 17.3838L1.35746 10.7675C1.12491 10.5357 0.940476 10.2602 0.814767 9.95689C0.689058 9.65356 0.624552 9.32837 0.62496 9.00002Z' fill='%23080808'/%3e%3c/svg%3e ");
}
.twentytwenty-handle .twentytwenty-right-arrow {
   right: 55%;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.37504 8.99998C9.37561 9.32824 9.3113 9.65338 9.18581 9.95671C9.06032 10.26 8.87611 10.5356 8.64379 10.7675L2.02629 17.3837L0.258789 15.6162L6.87504 8.99998L0.258788 2.38373L2.02629 0.616228L8.64254 7.23248C8.87509 7.46428 9.05952 7.73977 9.18523 8.04311C9.31094 8.34644 9.37545 8.67163 9.37504 8.99998Z' fill='%23080808'/%3e%3c/svg%3e ");
}

.twentytwenty-overlay {
   display: none !important; /* Показать по умолчанию */
}

.twentytwenty:hover .twentytwenty-overlay {
   display: none !important; /* Скрыть при наведении */
}

.progres-bar {
   position: relative;
   width: 320px;
   margin-top: 10px;
   margin-inline: auto;
   height: 20px;
}
.progres-bar .progres-bar-inline {
   width: 100%;
   height: 2px;
   background-color: rgb(221, 221, 221);
}
.progres-bar .progres-bar-dot {
   position: absolute;
   width: 13px;
   height: 13px;
   top: -5px;
   left: 0;
   z-index: 1;
   border-radius: 50%;
   background-color: var(--color-orange);
}

.section-brands {
   padding-bottom: clamp(50px, 5vw, 100px);
}
.section-brands .h-title-s {
   margin-bottom: clamp(40px, 7vw, 80px);
}
.section-brands-container {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}
.section-brands-item {
   width: clamp(96px, 10vw, 153px);
   height: clamp(96px, 10vw, 153px);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}
.section-brands-item img {
   max-width: clamp(100px, 10vw, 130px);
   max-height: clamp(70px, 10vw, 90px);
   -o-object-fit: contain;
   object-fit: contain;
}
.section-brands-item::before {
   content: '';
   position: absolute;
   top: -0.5px;
   left: -0.5px;
   right: -0.5px;
   bottom: -0.5px;
   border: 1px solid var(--color-gray-three);
   pointer-events: none;
   transition: var(--transition-duration);
}
.section-brands.color-white-bac {
   padding-top: clamp(50px, 5vw, 100px);
}

.section-car {
   padding-bottom: 50px;
}
@media (max-width: 1280px) {
   .section-car .container {
      padding-inline: 0px;
   }
}
.section-car-img {
   width: 1200px;
   height: 915px;
   position: relative;
   margin: 0px auto;
}
@media (max-width: 1280px) {
   .section-car-img {
      width: clamp(320px, 70vw, 725px);
      height: clamp(240px, 60vw, 543px);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
   }
}
.section-car-button-item {
   position: absolute;
   height: 300px;
}
@media (max-width: 1280px) {
   .section-car-button-item.active .section-car-info {
      display: block !important;
      z-index: 5;
   }
   .section-car-button-item.active .section-car-dot::after {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0305 1.03048L10.9695 -0.0305176L5.99998 4.93948L1.03048 -0.0305176L-0.0305176 1.03048L4.93948 5.99998L-0.0305176 10.9695L1.03048 12.0305L5.99998 7.06048L10.9695 12.0305L12.0305 10.9695L7.06048 5.99998L12.0305 1.03048Z' fill='%23080808'/%3e%3c/svg%3e ");
   }
}
.section-car-button-item:nth-child(1) {
   top: 2%;
   left: 9%;
   height: 449px;
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(1) .section-car-info {
      display: none;
      top: auto;
      bottom: 30px;
      left: 0;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(1) {
      top: 52%;
   }
}
.section-car-button-item:nth-child(2) {
   bottom: 17%;
   left: 24%;
   height: 382px;
}
.section-car-button-item:nth-child(2) .section-car-info {
   bottom: -33% !important;
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(2) .section-car-info {
      display: none;
      left: -50px;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(2) {
      bottom: 60%;
   }
}
.section-car-button-item:nth-child(3) {
   top: 2%;
   left: 33%;
   height: 391px;
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(3) {
      top: 47%;
      left: 38%;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(3) .section-car-info {
      display: none;
      top: auto;
      bottom: 35px;
      left: -80px;
   }
}
.section-car-button-item:nth-child(4) {
   bottom: 17%;
   right: 43%;
   height: 302px;
}
.section-car-button-item:nth-child(4) .section-car-info {
   bottom: -42% !important;
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(4) .section-car-info {
      display: none;
      left: -114px;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(4) {
      bottom: 47%;
      right: auto;
      left: 46%;
   }
}
.section-car-button-item:nth-child(5) {
   top: 2%;
   right: 21%;
   height: 399px;
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(5) {
      top: 48%;
      right: 25%;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(5) .section-car-info {
      display: none;
      top: auto;
      bottom: 35px;
      left: -199px;
   }
}
.section-car-button-item:nth-child(6) {
   bottom: 17%;
   right: 10%;
   height: 268px;
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(6) {
      bottom: 50%;
      right: 12%;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item:nth-child(6) .section-car-info {
      display: none;
      top: auto;
      bottom: 5px !important;
      left: -236px !important;
   }
}
.section-car-button-item.bottom {
   text-align: right;
}
.section-car-button-item.bottom .section-car-dot {
   top: 0;
   bottom: inherit;
}
.section-car-button-item.bottom .section-car-inline::after {
   bottom: -1px;
   top: auto;
}
.section-car-button-item.bottom .section-car-info {
   top: auto;
   bottom: -35%;
   right: 20px;
   left: auto;
}
@media (max-width: 1280px) {
   .section-car-button-item.bottom .section-car-info {
      left: 0px;
      right: auto;
      text-align: left;
   }
}
@media (max-width: 1280px) {
   .section-car-button-item {
      height: 0px !important;
   }
}
.section-car-button {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.section-car-title {
   font-size: 22px;
   font-weight: 500;
   line-height: 26.4px;
   color: var(--color-white);
}
@media (max-width: 1280px) {
   .section-car-title {
      color: var(--color-black);
   }
}
.section-car-description {
   font-size: 16px;
   font-weight: 500;
   line-height: 25.6px;
   letter-spacing: -0.01em;
   margin-block: 8px;
   color: var(--color-breadcrumb);
}
.section-car-price {
   font-size: 16px;
   font-weight: 500;
   line-height: 25.6px;
   letter-spacing: -0.01em;
   color: var(--color-orange-two);
}
.section-car-info {
   position: absolute;
   top: 0;
   left: 20px;
   width: 250px;
   display: flex;
   flex-direction: column;
}
@media (max-width: 1280px) {
   .section-car-info {
      padding: 12px;
      border: var(--border-grid);
      background-color: var(--color-white);
   }
}
.section-car-inline {
   position: absolute;
   top: 0;
   left: 0;
   width: 2px;
   height: 100%;
   background-color: var(--color-orange);
}
.section-car-inline::after {
   content: '';
   position: absolute;
   top: -1px;
   left: -5px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: var(--color-orange);
}
@media (max-width: 1280px) {
   .section-car-inline::after {
      display: none;
   }
}
.section-car-dot {
   position: absolute;
   bottom: 0;
   left: -15px;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: var(--color-white);
}
@media (max-width: 1280px) {
   .section-car-dot {
      cursor: pointer;
   }
}
.section-car-dot::after {
   content: '';
   display: block;
   border-radius: 50%;
   background-color: var(--color-orange);
   width: 16px;
   height: 16px;
   transition: var(--transition-duration);
}

.section-catalog {
   padding-bottom: clamp(40px, 7vw, 80px);
}
.section-catalog .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   grid-template-rows: 3;
   padding: 0px;
}
.section-catalog h2 {
   grid-column: span 7;
   grid-row: 1;
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   letter-spacing: -0.04em;
   padding-inline: var(--container-padding-x);
   padding-bottom: 20px;
}
@media (max-width: 1280px) {
   .section-catalog h2 {
      width: 100%;
      grid-column: span 12;
   }
}
@media (max-width: 767px) {
   .section-catalog h2 {
      letter-spacing: -0.02em;
   }
}
.section-catalog-options {
   grid-column: span 12;
   grid-row: 2;
   padding-inline: var(--container-padding-x);
   margin-block: 20px;
}
.section-catalog-options ul {
   display: flex;
   align-items: center;
}
.section-catalog-options ul li {
   font-size: clamp(16px, 2vw, 24px);
   font-weight: 600;
   line-height: clamp(19.2px, 2vw, 28.8px);
   letter-spacing: -0.02em;
   position: relative;
   color: var(--color-gray);
   text-transform: uppercase;
   transition: var(--transition-duration);
}
.section-catalog-options ul li::after {
   content: '•'; /* Символ точки */
   display: inline-block;
   padding: 0px 5px;
   right: 0;
   color: #ccc; /* Цвет точки */
}
.section-catalog-options ul li:last-child::after {
   content: ''; /* Убираем точку у последнего элемента */
}
.section-catalog-options ul li.active {
   color: var(--color-black);
}
@media (hover: hover) {
   .section-catalog-options ul li:hover {
      color: var(--color-black);
   }
}
@media (hover: none) {
   .section-catalog-options ul li:active {
      color: var(--color-black);
   }
}
.section-catalog-container {
   grid-column: span 12;
   grid-row: 3;
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   grid-auto-rows: auto;
   padding-inline: var(--container-padding-x);
}
@media (max-width: 1470px) {
   .section-catalog-container {
      grid-template-columns: repeat(4, 1fr);
   }
}
@media (max-width: 1157px) {
   .section-catalog-container {
      grid-template-columns: repeat(3, 1fr);
   }
}
@media (max-width: 767px) {
   .section-catalog-container {
      overflow-y: auto;
      display: flex;
      align-items: flex-start;
      scrollbar-width: none;
      -ms-overflow-style: none;
      min-height: 306px;
   }
   .section-catalog-container::-webkit-scrollbar {
      display: none;
   }
}
.section-catalog-container .catalog-item {
   position: relative;
   width: 100%;
   max-height: 306px;
   padding: 20px;
   transition: var(--transition-duration);
}
@media (max-width: 767px) {
   .section-catalog-container .catalog-item {
      min-width: 273px;
   }
}
.section-catalog-container .catalog-item-title {
   text-transform: uppercase;
   font-size: 18px;
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0.02em;
}
.section-catalog-container .catalog-item-mini {
   margin-top: 5px;
   font-size: clamp(12px, 2vw, 14px);
   font-weight: 500;
   line-height: clamp(12px, 2vw, 14px);
   color: var(--color-gray);
}
.section-catalog-container .catalog-item-img {
   width: 100%;
   height: clamp(185px, 50vw, 280px);
}
.section-catalog-container .catalog-item-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
.section-catalog-container .catalog-item-options {
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   transition: max-height 0.5s ease, opacity 0.5s ease;
}
.section-catalog-container .catalog-item-options p {
   font-size: 16px;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0.02em;
   color: var(--color-black);
   margin-bottom: 10px;
}
.section-catalog-container .catalog-item-options ul {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   row-gap: 5px;
}
.section-catalog-container .catalog-item-options ul li {
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
   line-height: 19.2px;
   padding: 3px 6px 4px;
   color: var(--color-gray-four);
   border: var(--border-grid);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-catalog-container .catalog-item-options ul li:hover {
      color: var(--color-black);
      background-color: var(--color-orange);
      border: 1px solid transparent;
   }
}
@media (hover: none) {
   .section-catalog-container .catalog-item-options ul li:active {
      color: var(--color-black);
      background-color: var(--color-orange);
      border: 1px solid transparent;
   }
}
.section-catalog-container .catalog-item::before {
   content: '';
   position: absolute;
   top: -0.5px;
   left: -0.5px;
   right: -0.5px;
   bottom: -0.5px;
   border: 1px solid var(--color-gray-three);
   pointer-events: none;
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-catalog-container .catalog-item:hover::before {
      content: '';
      z-index: 1;
      border: 1px solid var(--color-black);
   }
}
@media (hover: none) {
   .section-catalog-container .catalog-item:active::before {
      content: '';
      z-index: 1;
      border: 1px solid var(--color-black);
   }
}
.section-catalog-container .catalog-item.active {
   z-index: 1;
   max-height: 1000px;
}
.section-catalog-container .catalog-item.active .catalog-item-options {
   max-height: 500px;
   opacity: 1;
}

.section-complex {
   padding-bottom: clamp(100px, 7vw, 200px);
}
.section-complex h3 {
   font-size: clamp(40px, 10vw, 60px);
   line-height: clamp(40px, 10vw, 60px);
   letter-spacing: -0.02em;
   margin-bottom: 40px;
}
.section-complex .complex-container {
   display: grid;
   grid-auto-rows: auto;
   grid-template-columns: repeat(3, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
}
@media (max-width: 1280px) {
   .section-complex .complex-container {
      grid-template-columns: repeat(3, clamp(212px, 60vw, 576px));
   }
}
@media (max-width: 767px) {
   .section-complex .complex-container {
      -moz-column-gap: 8px;
      column-gap: 8px;
   }
}
.section-complex .complex-container .complex-item {
   height: 100%;
   padding: 32px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   border: var(--border-grid);
}
@media (max-width: 1157px) {
   .section-complex .complex-container .complex-item {
      padding: 21px;
   }
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item {
      padding: 0px;
   }
}
.section-complex .complex-container .complex-item-img {
   padding: 20px;
   background-color: var(--color-white);
}
.section-complex .complex-container .complex-item-price {
   display: none;
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item-price {
      display: block;
      font-size: 16px;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 0.02em;
      margin: 20px 12px;
   }
}
.section-complex .complex-container .complex-item h4 {
   font-size: clamp(20px, 1vw, 32px);
   line-height: clamp(20px, 1vw, 32px);
   letter-spacing: -0.02em;
   margin-top: clamp(16px, 2vw, 32px);
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item h4 {
      margin-inline: 12px;
   }
}
.section-complex .complex-container .complex-item ul {
   font-size: clamp(16px, 1vw, 22px);
   line-height: clamp(19.2px, 1vw, 26.4px);
   margin-top: 26px;
   margin-bottom: auto;
   display: flex;
   flex-direction: column;
   row-gap: 14px;
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item ul {
      margin-top: 0;
      margin-inline: 12px;
   }
}
.section-complex .complex-container .complex-item ul li {
   position: relative;
   counter-increment: item;
   display: flex;
   align-items: center;
   -moz-column-gap: 8px;
   column-gap: 8px;
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item ul li {
      padding: 0px;
      display: flex;
      align-items: flex-start;
   }
}
.section-complex .complex-container .complex-item ul li::before {
   content: counter(item);
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 30px;
   min-height: 30px;
   font-size: 16px;
   line-height: 19.2px;
   border-radius: 50%;
   border: 1px solid var(--color-breadcrumb);
   color: var(--color-breadcrumb);
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item ul li::before {
      position: static;
      content: '';
      min-width: 6px;
      min-height: 6px;
      margin-top: 8px;
      border: none;
      background-color: var(--color-orange);
   }
}
.section-complex .complex-container .complex-item button {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   font-size: clamp(14px, 3vw, 18px);
   line-height: clamp(14px, 3vw, 18px);
   font-weight: 600;
   letter-spacing: 0.02em;
   text-align: center;
   margin-top: 32px;
   padding-block: 28px;
   background-color: var(--color-orange);
   transition: var(--transition-duration);
   text-transform: uppercase;
}
@media (max-width: 767px) {
   .section-complex .complex-container .complex-item button {
      margin-inline: 12px;
      margin-bottom: 12px;
      padding-block: 20px;
   }
   .section-complex .complex-container .complex-item button span {
      display: none;
   }
}
@media (hover: hover) {
   .section-complex .complex-container .complex-item button:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .section-complex .complex-container .complex-item button:active {
      background-color: var(--color-orange-two);
   }
}

.section-contact {
   margin-bottom: clamp(100px, 11vw, 200px);
}
.section-contact h1 {
   margin-bottom: clamp(24px, 3vw, 40px);
}
.section-contact .contact-wrapper {
   display: flex;
   flex-direction: column;
}
.section-contact .contact-wrapper-item {
   display: flex;
   align-items: center;
   width: 100%;
   border-bottom: var(--border-grid);
}
@media (max-width: 480px) {
   .section-contact .contact-wrapper-item {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 16px;
      padding-block: 16px;
   }
}
.section-contact .contact-wrapper-item div {
   width: 50%;
   padding-block: 16px;
   text-align: left;
}
@media (max-width: 480px) {
   .section-contact .contact-wrapper-item div {
      width: 100%;
      padding-block: 0px;
   }
}
.section-contact .contact-wrapper-item div:nth-child(1) {
   color: var(--color-gray);
   font-weight: 500;
   font-size: clamp(12px, 2vw, 16px);
   line-height: clamp(12px, 2vw, 16px);
}
.section-contact .contact-wrapper-item div:nth-child(2) {
   color: var(--color-black);
   font-weight: 500;
   font-size: clamp(20px, 4vw, 22px);
   line-height: clamp(24px, 4vw, 26.4px);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-contact .contact-wrapper-item div:nth-child(2):hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-contact .contact-wrapper-item div:nth-child(2):active {
      color: var(--color-orange);
   }
}

.section-cover {
   position: relative;
   width: 100%;
   height: 88vh;
}
.section-cover img {
   width: 100%;
   height: 100%;
}
.section-cover .form-main {
   position: absolute;
   display: flex;
   align-items: flex-end;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   color: var(--color-white);
   background: none;
   padding: 0px;
   padding-bottom: 40px;
}

.section-episode {
   padding-bottom: clamp(45px, 7vw, 85px);
}
.section-episode.color-gray {
   background-color: var(--color-gray-bag);
}
.section-episode .container {
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-areas: 'episode-a episode-b episode-b' 'episode-a episode-c episode-c';
   -moz-column-gap: 32px;
   column-gap: 32px;
   row-gap: 38px;
   overflow: hidden;
}
@media (max-width: 1467px) {
   .section-episode .container {
      grid-template-areas: 'episode-b episode-b episode-b' 'episode-c episode-c episode-c';
   }
}
.section-episode .container .section-episode-img {
   width: 152px;
   height: 152px;
   grid-area: episode-a;
}
@media (max-width: 1467px) {
   .section-episode .container .section-episode-img {
      display: none;
   }
}
.section-episode .container div:nth-child(2) {
   grid-area: episode-b;
}
.section-episode .container div:nth-child(3) {
   grid-area: episode-c;
}
.section-episode .container .episode-container {
   overflow: auto;
   padding-bottom: 10px;
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none;
   margin-right: 20px;
}
.section-episode .container .episode-container::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
}
.section-episode .container .episode-container-title {
   font-size: 16px;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 16px;
}
.section-episode .container .episode-container .episodes {
   position: relative;
   display: flex;
   align-items: center;
}
.section-episode .container .episode-container .episode {
   color: #aaa;
   cursor: pointer;
   white-space: nowrap;
   font-size: clamp(16px, 2vw, 22px);
   font-weight: 500;
   line-height: clamp(19.2px, 2vw, 26.4px);
   padding-right: 32px;
   padding-bottom: 14px;
   border-bottom: 1px solid #ddd;
}
.section-episode .container .episode-container .episode:nth-last-child(2) {
   padding-right: 0px;
}
.section-episode .container .episode-container .episode.active {
   color: black;
   position: relative;
}
.section-episode .container .episode-container .episode.active .dot {
   width: 13px;
   height: 13px;
   background-color: black;
   border-radius: 50%;
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -12px;
}
.section-episode .container .episode-container .indicator {
   position: absolute;
   bottom: -5px;
   height: 13px;
   width: 13px;
   background-color: black;
   border-radius: 50%;
   transition: left 0.3s ease;
}

.section-form {
   padding-bottom: clamp(40px, 10vw, 80px);
}
.section-form .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(2, auto);
   -moz-column-gap: 20px;
   column-gap: 20px;
}
@media (max-width: 1157px) {
   .section-form .container {
      grid-template-columns: repeat(8, 1fr);
   }
}
.section-form .form,
.section-form h3 {
   grid-column: 4 / span 6;
   width: 100%;
}
@media (max-width: 1157px) {
   .section-form .form,
   .section-form h3 {
      grid-column: span 8;
   }
}
.section-form h3 {
   grid-row: 1;
   margin-bottom: 24px;
   font-size: clamp(28px, 10vw, 32px);
   line-height: clamp(28px, 10vw, 32px);
   letter-spacing: -0.02em;
}
.section-form .form {
   grid-row: 2;
}
@media (max-width: 630px) {
   .section-form .form {
      display: flex;
      flex-direction: column;
      row-gap: 12px;
   }
}
.section-form .section-form-block {
   width: clamp(233px, 25vw, 425px);
   margin-right: 20px;
}
@media (max-width: 1157px) {
   .section-form .section-form-block {
      display: none;
   }
}

.form {
   display: flex;
   align-items: center;
}
@media (max-width: 630px) {
   .form {
      display: flex;
      flex-direction: column;
      row-gap: 12px;
   }
}
.form input {
   width: 100%;
   height: 74px;
   border: none;
   outline: none;
   font-size: 20px;
   font-weight: 500;
   line-height: 24px;
   color: var(--color-black);
   padding: 25px 24px;
   margin-right: 10px;
   border: 2px solid rgba(121, 82, 82, 0);
}
.form input.error {
   color: red;
   border: 2px solid red;
}
.form button {
   cursor: pointer;
   font-size: 18px;
   font-weight: 700;
   line-height: 18px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   background-color: transparent;
   border: none;
   padding: 28px;
   padding-inline: clamp(48px, 10vw, 75px);
   color: var(--color-black);
   background-color: var(--color-orange);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .form button:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .form button:active {
      background-color: var(--color-orange-two);
   }
}
@media (max-width: 630px) {
   .form button {
      width: 100%;
   }
}

.form-main {
   color: var(--color-white);
   background-color: var(--color-black);
   padding-top: clamp(16px, 5.3vw, 60px);
   padding-bottom: clamp(40px, 4vw, 75px);
}
@media (max-width: 767px) {
   .form-main {
      padding-top: clamp(16px, 5vw, 40px);
   }
}
.form-main .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   grid-template-rows: 2;
}
@media (max-width: 1280px) {
   .form-main .container {
      grid-template-rows: 3;
   }
}
.form-main .container h1 {
   grid-column: span 6;
   grid-row: 1;
   font-size: clamp(50px, 7vw, 116px);
   line-height: clamp(50px, 7vw, 116px);
   letter-spacing: -0.04em;
}
@media (max-width: 1744px) {
   .form-main .container h1 {
      grid-column: span 7;
   }
}
@media (max-width: 1280px) {
   .form-main .container h1 {
      grid-column: span 12;
   }
}
@media (max-width: 767px) {
   .form-main .container h1 {
      width: 100%;
   }
}
.form-main .container form {
   grid-column: 9 / span 4;
   grid-row: 1;
   display: flex;
   align-items: flex-end;
}
@media (max-width: 1744px) {
   .form-main .container form {
      grid-column: 8 / span 5;
   }
}
@media (max-width: 1280px) {
   .form-main .container form {
      grid-column: span 12;
      grid-row: 3;
   }
}
.form-main .container form .form-container {
   display: grid;
   grid-template-columns: repeat(2);
   row-gap: 12px;
   -moz-column-gap: 10px;
   column-gap: 10px;
}
@media (max-width: 1280px) {
   .form-main .container form .form-container {
      width: 100%;
      display: flex;
      margin-top: 40px;
   }
}
@media (max-width: 480px) {
   .form-main .container form .form-container {
      flex-direction: column;
   }
}
.form-main .container form .form-container input {
   grid-area: 1/1/2/2;
   width: clamp(240px, 100%, 409px);
   height: 74px;
   border: none;
   outline: none;
   font-size: 20px;
   font-weight: 500;
   line-height: 24px;
   color: var(--color-black);
   padding: 25px 24px;
   margin-right: 10px;
   border: 2px solid rgba(121, 82, 82, 0);
}
@media (max-width: 1280px) {
   .form-main .container form .form-container input {
      width: 100%;
      margin-right: 0px;
   }
}
@media (max-width: 1157px) {
   .form-main .container form .form-container input {
      height: 60px;
   }
}
.form-main .container form .form-container input.error {
   color: red;
   border: 2px solid red;
}
.form-main .container form .form-container button {
   grid-area: 1/2/2/3;
   cursor: pointer;
   font-size: 18px;
   font-weight: 700;
   line-height: 18px;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   padding: 0px;
   background-color: transparent;
   border: none;
   padding: 28px;
   color: var(--color-black);
   background-color: var(--color-orange);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .form-main .container form .form-container button:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .form-main .container form .form-container button:active {
      background-color: var(--color-orange-two);
   }
}
@media (max-width: 1157px) {
   .form-main .container form .form-container button {
      padding: 21px 47px;
   }
}
.form-main .container form .form-container div {
   grid-area: 2/1/3/3;
   font-size: 14px;
   font-weight: 500;
   line-height: 14px;
   letter-spacing: -0.02em;
   margin: 0px;
   color: var(--color-gray);
}
@media (max-width: 1280px) {
   .form-main .container form .form-container div {
      display: none;
   }
}
.form-main .container form .form-container a {
   display: inline-block;
   text-decoration: underline;
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .form-main .container form .form-container a:hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   .form-main .container form .form-container a:active {
      color: var(--color-orange);
   }
}
.form-main .container form .form-container p {
   width: 100%;
}
.form-main .container p {
   grid-column: span 12;
   grid-row: 2;
   font-size: clamp(16px, 2vw, 22px);
   line-height: clamp(25.6px, 2vw, 35.2px);
}
@media (max-width: 1280px) {
   .form-main .container p {
      grid-column: span 12;
      grid-row: 2;
      margin-top: 20px;
   }
}

.section-gallery {
   background-color: var(--color-black);
   color: var(--color-white);
}
.section-gallery h3 {
   width: clamp(288px, 85vw + 30px, 1041px);
   font-size: clamp(28px, 8vw, 116px);
   line-height: clamp(28px, 8vw, 116px);
   letter-spacing: -0.04em;
   margin-bottom: clamp(40px, 7vw, 80px);
   padding-top: clamp(50px, 7vw, 90px);
}
@media (max-width: 1157px) {
   .section-gallery {
      padding-bottom: clamp(50px, 7vw, 75px);
   }
}

.section {
   color: #f0f0f0;
   text-align: center;
   background-color: rgba(2, 2, 2, 0.0117647059);
   height: 200vh;
   padding-bottom: 0;
   position: relative;
}
@media (max-width: 1157px) {
   .section {
      height: auto;
   }
}

.interaction-trigger {
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;
   display: flex;
   position: relative;
}

.scroll-distance {
   height: 200vh;
   margin-bottom: -100vh;
}
@media (max-width: 1157px) {
   .scroll-distance {
      height: auto;
      margin-bottom: 0;
   }
}

.sticky-element {
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;
   width: 100%;
   height: 100vh;
   display: flex;
   position: sticky;
   top: 0;
   overflow: hidden;
}
@media (max-width: 1157px) {
   .sticky-element {
      height: auto;
      overflow: inherit;
   }
}

.track {
   z-index: 1;
   position: relative;
   transform: translate(0);
}

.track-child {
   width: 100%;
   margin-bottom: -100vh;
}
@media (max-width: 1157px) {
   .track-child {
      margin-bottom: 0;
   }
}

.top-bar {
   width: 100%;
   height: 6rem;
}

.heading-5 {
   /*cursor: context-menu;*/
   color: rgb(82, 82, 82);
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: 8vh;
   margin-bottom: 0;
   font-size: 60px;
   font-weight: 500;
   line-height: 72px;
   letter-spacing: -0.02em;
   display: flex;
   margin: 0px;
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .heading-5:hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   .heading-5:active {
      color: var(--color-orange);
   }
}
@media (max-width: 1157px) {
   .heading-5 {
      padding-top: 0px;
      color: var(--color-white);
      position: relative;
      min-height: auto;
      font-size: clamp(18px, 5vw, 24px);
      line-height: clamp(21.6px, 5vw, 28.8px);
      align-items: flex-start;
      padding: clamp(16px, 5vw, 20px);
   }
   .heading-5::before {
      content: '';
      position: absolute;
      top: -0.5px;
      left: -0.5px;
      right: -0.5px;
      bottom: -0.5px;
      border: 1px solid rgb(51, 51, 51);
      pointer-events: none;
      transition: var(--transition-duration);
   }
}

@media (max-width: 1157px) {
   .track-child .heading-5:nth-child(2) {
      padding: clamp(16px, 5vw, 20px);
   }
}

.gradient {
   z-index: 2;
   background-image: linear-gradient(
      var(--color-black),
      var(--color-black) 33%,
      rgba(22, 22, 22, 0)
   );
   width: 100%;
   height: 15vh;
   position: absolute;
   inset: 0% 0% auto;
   pointer-events: none;
}
@media (max-width: 1157px) {
   .gradient {
      display: none;
   }
}

.gradient.is-2 {
   background-image: linear-gradient(
      var(--color-black),
      var(--color-black) 38%,
      rgba(22, 22, 22, 0)
   );
   inset: auto 0% 0%;
   transform: rotate(-180deg);
}

.top-bar.is-main {
   z-index: 3;
   position: absolute;
   inset: 0% 0% auto;
}

.top-bar,
.top-bottom {
   width: 100%;
   height: 6rem;
}
@media (max-width: 1157px) {
   .top-bar,
   .top-bottom {
      display: none;
   }
}

.gradient-wrapper {
   position: relative;
}

@media (max-width: 1157px) {
   .mob-hidden {
      display: none;
   }
}

.section-grid {
   padding-top: clamp(40px, 10vw, 100px);
   padding-bottom: clamp(100px, 10vw, 200px);
}
.section-grid .grid-container {
   display: grid;
   gap: 20px;
   margin-top: clamp(40px, 10vw, 60px);
   grid-template-rows: repeat(3, auto);
   grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 1157px) {
   .section-grid .grid-container {
      grid-template-columns: repeat(8, 1fr);
      grid-template-rows: repeat(2, auto);
   }
}
.section-grid .grid-item {
   cursor: pointer;
   position: relative;
   display: flex;
   align-items: flex-end;
   width: 100%;
   height: clamp(216px, 60vw, 683px);
   padding: 20px;
   color: var(--color-white);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   transition: var(--transition-duration);
}
.section-grid .grid-item h3 {
   font-size: clamp(18px, 2vw, 22px);
   line-height: clamp(21.6px, 2vw, 26.4px);
   z-index: 4;
   transition: var(--transition-duration);
}
.section-grid .grid-item::before {
   content: '';
   z-index: 2;
   width: 100%;
   height: 50%;
   position: absolute;
   background-image: linear-gradient(
      rgba(8, 8, 8, 0.8),
      rgba(8, 8, 8, 0.5) 38%,
      rgba(22, 22, 22, 0)
   );
   inset: auto 0% 0%;
   transform: rotate(-180deg);
}
.section-grid .grid-item::after {
   content: '';
   position: absolute;
   z-index: 3;
   width: 100%;
   height: 100%;
   inset: auto 0% 0%;
   background: rgba(241, 187, 86, 0);
   transition: var(--transition-duration);
}
.section-grid .grid-item-arro {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   visibility: hidden;
   opacity: 0;
   z-index: 5;
   width: 80px;
   height: 80px;
   inset: 50% 0% 0% 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background: var(--color-black);
   transition: var(--transition-duration);
}
.section-grid .grid-item-arro::after {
   content: '';
   display: block;
   width: 12px;
   height: 22px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.8332 12C12.834 12.4377 12.7482 12.8712 12.5809 13.2756C12.4136 13.6801 12.168 14.0475 11.8582 14.3567L3.03489 23.1783L0.678223 20.8217L9.49989 12L0.678222 3.17835L3.03489 0.821678L11.8566 9.64335C12.1666 9.95242 12.4125 10.3197 12.5801 10.7242C12.7478 11.1286 12.8338 11.5622 12.8332 12Z' fill='white'/%3e%3c/svg%3e ");
}
@media (hover: hover) {
   .section-grid .grid-item:hover::after {
      background: rgba(241, 187, 86, 0.8);
   }
}
@media (hover: hover) and (max-width: 1157px) {
   .section-grid .grid-item:hover::after {
      background: none;
   }
}
@media (hover: hover) {
   .section-grid .grid-item:hover h3 {
      color: var(--color-black);
   }
}
@media (hover: hover) and (max-width: 1157px) {
   .section-grid .grid-item:hover h3 {
      color: var(--color-white);
   }
}
@media (hover: hover) {
   .section-grid .grid-item:hover .grid-item-arro {
      visibility: visible;
      opacity: 1;
   }
}
@media (hover: hover) and (max-width: 1157px) {
   .section-grid .grid-item:hover .grid-item-arro {
      display: none;
      visibility: hidden;
      opacity: 0;
   }
}
@media (hover: none) {
   .section-grid .grid-item:active::after {
      background: rgba(241, 187, 86, 0.8);
   }
}
@media (hover: none) and (max-width: 1157px) {
   .section-grid .grid-item:active::after {
      background: none;
   }
}
@media (hover: none) {
   .section-grid .grid-item:active h3 {
      color: var(--color-black);
   }
}
@media (hover: none) and (max-width: 1157px) {
   .section-grid .grid-item:active h3 {
      color: var(--color-white);
   }
}
@media (hover: none) {
   .section-grid .grid-item:active .grid-item-arro {
      visibility: visible;
      opacity: 1;
   }
}
@media (hover: none) and (max-width: 1157px) {
   .section-grid .grid-item:active .grid-item-arro {
      display: none;
      visibility: hidden;
      opacity: 0;
   }
}
.section-grid .grid-item:nth-child(7n + 1),
.section-grid .grid-item:nth-child(7n + 2),
.section-grid .grid-item:nth-child(7n + 6),
.section-grid .grid-item:nth-child(7n + 7) {
   grid-column: span 6;
   grid-row: 1;
}
@media (max-width: 1157px) {
   .section-grid .grid-item:nth-child(7n + 1),
   .section-grid .grid-item:nth-child(7n + 2),
   .section-grid .grid-item:nth-child(7n + 6),
   .section-grid .grid-item:nth-child(7n + 7) {
      grid-column: span 4 !important;
      grid-row: inherit !important;
   }
}
@media (max-width: 480px) {
   .section-grid .grid-item:nth-child(7n + 1),
   .section-grid .grid-item:nth-child(7n + 2),
   .section-grid .grid-item:nth-child(7n + 6),
   .section-grid .grid-item:nth-child(7n + 7) {
      padding: 13px 12px;
      grid-column: span 8 !important;
   }
}
.section-grid .grid-item:nth-child(7n + 3),
.section-grid .grid-item:nth-child(7n + 5),
.section-grid .grid-item:nth-child(7n + 4) {
   height: clamp(216px, 60vw, 600px);
   grid-column: span 4;
   grid-row: 2;
}
@media (max-width: 1157px) {
   .section-grid .grid-item:nth-child(7n + 3),
   .section-grid .grid-item:nth-child(7n + 5),
   .section-grid .grid-item:nth-child(7n + 4) {
      grid-row: inherit !important;
   }
}
@media (max-width: 480px) {
   .section-grid .grid-item:nth-child(7n + 3),
   .section-grid .grid-item:nth-child(7n + 5),
   .section-grid .grid-item:nth-child(7n + 4) {
      padding: 13px 12px;
      grid-column: span 8 !important;
   }
}
.section-grid .grid-item:nth-child(7n + 6),
.section-grid .grid-item:nth-child(7n + 7) {
   grid-row: 3;
}

.section-gridNet h2 {
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   letter-spacing: -0.04em;
   margin-bottom: clamp(40px, 7vw, 80px);
}
.section-gridNet .gridNet-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-auto-rows: 10px;
   grid-gap: 20px;
}
@media (max-width: 1280px) {
   .section-gridNet .gridNet-container {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (max-width: 767px) {
   .section-gridNet .gridNet-container {
      grid-gap: 16px;
   }
}
.section-gridNet .gridNet-container .gridNet-item {
   background-color: red;
   width: 100%;
   height: auto;
   -o-object-fit: cover;
   object-fit: cover;
   grid-row-end: span 30;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(1) {
   grid-row-end: span 12;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(1) {
      grid-row-end: span 5;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(2) {
   grid-row-end: span 23;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(2) {
      grid-row-end: span 9;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(3) {
   grid-row-end: span 20;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(3) {
      grid-row-end: span 8;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(4) {
   grid-row-end: span 23;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(4) {
      grid-row-end: span 9;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(5) {
   grid-row-end: span 21;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(5) {
      grid-row-end: span 8;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(6) {
   grid-row-end: span 12;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(6) {
      grid-row-end: span 9;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(7) {
   grid-row-end: span 20;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(7) {
      grid-row-end: span 8;
   }
}
.section-gridNet .gridNet-container .gridNet-item:nth-child(8) {
   grid-row-end: span 21;
}
@media (max-width: 480px) {
   .section-gridNet .gridNet-container .gridNet-item:nth-child(8) {
      grid-row-end: span 8;
   }
}

.section-image {
   width: 100%;
   height: 100vh;
   position: relative;
}
@media (max-width: 767px) {
   .section-image {
      height: 45vh;
   }
}
.section-image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.section-image h3 {
   position: absolute;
   top: 0;
   left: 0;
   color: var(--color-white);
   font-size: clamp(40px, 8vw, 116px);
   line-height: clamp(40px, 8vw, 116px);
   letter-spacing: clamp(-0.03em, 2vw, -0.04em);
   word-wrap: break-word;
   margin-top: clamp(16px, 2vw, 40px);
   padding-inline: clamp(16px, 2vw, 40px);
   z-index: 2;
}
@media (max-width: 480px) {
   .section-image h3 {
      width: 100%;
   }
}
.section-image-gradient {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 45vh;
   background: linear-gradient(360deg, rgba(8, 8, 8, 0) 0%, #080808 100%);
}

.section-searchBlock {
   /*   padding-bottom: clamp(100px, 10vw, 200px);*/
}

.section-searchBlock-box:not(:last-child) {
   padding-bottom: clamp(60px, 10vw, 100px);
}
.section-searchBlock-box h3 {
   font-size: clamp(28px, 3vw, 32px);
   line-height: clamp(28px, 3vw, 32px);
   letter-spacing: -0.02em;
   position: relative;
   z-index: 3;
   margin-bottom: 24px;
}
.section-searchBlock-box-item {
   display: grid;
   grid-auto-rows: auto;
   grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1280px) {
   .section-searchBlock-box-item {
      grid-template-columns: repeat(4, 1fr);
   }
}
@media (max-width: 1157px) {
   .section-searchBlock-box-item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }
}
.section-searchBlock-box-item h4 {
   font-size: clamp(16px, 3vw, 22px);
   line-height: clamp(19.2px, 3vw, 26.4px);
   position: relative;
   z-index: 3;
   margin-bottom: 24px;
}
.section-searchBlock-box-item .section-searchBlock-item {
   cursor: pointer;
   position: relative;
   width: 100%;
   height: 200px;
   padding: 20px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   background-position: center;
   background-repeat: no-repeat;
   background-color: white;
   transition: var(--transition-duration);
}
@media (max-width: 1157px) {
   .section-searchBlock-box-item .section-searchBlock-item {
      height: auto;
      background-image: none !important;
      background: var(--color-gray-bag);
   }
}
.section-searchBlock-box-item .section-searchBlock-item span {
   font-size: 16px;
   font-weight: 500;
   line-height: 16px;
   position: relative;
   z-index: 3;
   display: flex;
   align-items: center;
   opacity: 0;
   transition: var(--transition-duration);
}
@media (max-width: 1157px) {
   .section-searchBlock-box-item .section-searchBlock-item span {
      display: none;
   }
}
.section-searchBlock-box-item .section-searchBlock-item span::after {
   content: '';
   display: inline-block;
   width: 10px;
   height: 9px;
   margin-left: 10px;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0625 3.93954L6.8427 0.719788L5.7822 1.78029L8.25195 4.25004H0.751953V5.75004H8.25195L5.7822 8.21979L6.8427 9.28029L10.0625 6.06054C10.3437 5.77925 10.5016 5.39778 10.5016 5.00004C10.5016 4.60229 10.3437 4.22083 10.0625 3.93954Z' fill='%23080808'/%3e%3c/svg%3e ");
}
.section-searchBlock-box-item .section-searchBlock-item::before {
   content: '';
   position: absolute;
   top: -0.1px;
   left: -0.1px;
   right: -0.1px;
   bottom: -0.1px;
   border: 1px solid var(--color-gray-three);
   pointer-events: none;
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-searchBlock-box-item .section-searchBlock-item:hover {
      z-index: 1;
   }
   .section-searchBlock-box-item .section-searchBlock-item:hover::before {
      border: 1px solid var(--color-black);
      z-index: 1;
   }
   .section-searchBlock-box-item .section-searchBlock-item:hover span {
      opacity: 1;
   }
}
@media (hover: none) {
   .section-searchBlock-box-item .section-searchBlock-item:active {
      z-index: 1;
   }
   .section-searchBlock-box-item .section-searchBlock-item:active::before {
      border: 1px solid var(--color-black);
      z-index: 1;
   }
   .section-searchBlock-box-item .section-searchBlock-item:active span {
      opacity: 1;
   }
}

.section-incorrigibilitySearch {
   padding-bottom: clamp(32px, 7vw, 80px);
}
.section-incorrigibilitySearch h1 {
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   letter-spacing: clamp(-0.03em, 7vw, -0.04em);
   margin-bottom: clamp(16px, 7vw, 40px);
}
.section-incorrigibilitySearch label {
   position: relative;
   width: 100%;
}
.section-incorrigibilitySearch label input {
   outline: none;
   width: 100%;
   font-weight: 500;
   padding: 25px 52px;
   font-size: clamp(16px, 7vw, 20px);
   line-height: clamp(19.2px, 7vw, 24px);
   border: var(--border-grid);
}
.section-incorrigibilitySearch label .input-icon {
   position: absolute;
   top: 45%;
   transform: translateY(-50%);
   left: 24px;
   width: 18px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.1762 13.582C16.3736 11.9818 16.9204 9.98743 16.7065 8.00032C16.4925 6.01321 15.5338 4.18091 14.0232 2.87225C12.5127 1.5636 10.5624 0.875761 8.56511 0.947193C6.56779 1.01863 4.67168 1.84403 3.25847 3.25724C1.84525 4.67046 1.01985 6.56657 0.948414 8.56389C0.876982 10.5612 1.56482 12.5114 2.87347 14.022C4.18213 15.5326 6.01443 16.4913 8.00154 16.7052C9.98865 16.9192 11.983 16.3724 13.5832 15.175L17.4082 19L19.0012 17.41L15.1762 13.582ZM8.87622 14.5C7.7637 14.5 6.67616 14.1701 5.75114 13.552C4.82611 12.9339 4.10514 12.0554 3.6794 11.0276C3.25365 9.99976 3.14226 8.86876 3.3593 7.77761C3.57634 6.68647 4.11207 5.68419 4.89874 4.89752C5.68541 4.11085 6.68769 3.57512 7.77884 3.35808C8.86998 3.14104 10.001 3.25243 11.0288 3.67817C12.0566 4.10392 12.9352 4.82489 13.5532 5.74991C14.1713 6.67494 14.5012 7.76248 14.5012 8.875C14.4998 10.3664 13.9068 11.7963 12.8522 12.8509C11.7976 13.9055 10.3676 14.4986 8.87622 14.5Z' fill='%23ABABAB'/%3e%3c/svg%3e ");
}

.section-job {
   overflow: hidden;
   padding-top: clamp(40px, 20vw, 80px);
}
.section-job .container {
   overflow: hidden;
}
.section-job .h-title-s {
   margin-bottom: clamp(40px, 20vw, 80px);
}
.section-job .swiper-sliderMalfunction .swiper-slide {
   width: clamp(288px, 70vw, 400px);
   height: clamp(288px, 70vw, 500px);
   background-color: aqua;
}
.section-job .swiper-sliderMalfunction .swiper-slide img {
   cursor: pointer;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background-position: center;
}
.section-job .swiper-sliderMalfunction .swiper-slide.privet {
   width: clamp(288px, 70vw, 800px) !important;
}
.section-job .section-review-number {
   padding-inline: 0px;
}

.section-marquee {
   position: relative;
   overflow: hidden;
   padding-block: clamp(50px, 20vw, 200px) clamp(50px, 20vw, 250px);
   transition: opacity 1s ease, position 4s ease;
   cursor: pointer;
}
.section-marquee .marquee-wrapper {
   cursor: pointer;
   color: var(--color-orange);
   width: 100%;
   height: 280px;
   position: relative;
   display: flex;
   align-items: center;
   transform: rotate(-5deg);
   z-index: 0;
}
@media (max-width: 1157px) {
   .section-marquee .marquee-wrapper {
      height: 10vh;
   }
}
.section-marquee .marquee {
   position: relative;
   display: inline-block;
   will-change: transform;
   font-weight: 500;
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   letter-spacing: clamp(-0.03em, 7vw, -0.04em);
   white-space: nowrap;
   transition: color 0.5s ease;
   animation: marquee 25s linear infinite;
}
@media (hover: hover) {
   .section-marquee .marquee:hover {
      color: var(--color-white);
   }
}
@media (hover: hover) and (max-width: 1157px) {
   .section-marquee .marquee:hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-marquee .marquee:active {
      color: var(--color-white);
   }
}
@media (hover: none) and (max-width: 1157px) {
   .section-marquee .marquee:active {
      color: var(--color-orange);
   }
}
.section-marquee .marquee span {
   display: inline-block;
   padding-right: 24px;
}
.section-marquee .background-image {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('/local/templates/paint/css/../images/marquee/bac.png') no-repeat center center;
   background-size: cover;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.5s ease, position 4s ease;
}
@media (hover: hover) {
   .section-marquee:hover .background-image {
      opacity: 1;
      z-index: 1000;
   }
}
@media (hover: hover) and (max-width: 1157px) {
   .section-marquee:hover .background-image {
      display: none;
   }
}
@media (hover: hover) {
   .section-marquee:hover .marquee-wrapper {
      z-index: 1001;
   }
}
@media (hover: none) {
   .section-marquee:active .background-image {
      opacity: 1;
      z-index: 1000;
   }
}
@media (hover: none) and (max-width: 1157px) {
   .section-marquee:active .background-image {
      display: none;
   }
}
@media (hover: none) {
   .section-marquee:active .marquee-wrapper {
      z-index: 1001;
   }
}

@keyframes marquee {
   0% {
      transform: translate(0, 0);
   }
   100% {
      transform: translate(-50%, 0);
   }
}
.modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(8, 8, 8, 0.8);
   z-index: 20000;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity 0.3s ease;
}
.modal.active {
   opacity: 1;
   pointer-events: auto;
   visibility: visible;
}
@media (max-width: 480px) {
   .modal {
      flex-direction: column;
      justify-content: flex-end;
      row-gap: 30px;
   }
}
.modal .close {
   position: absolute;
   top: 30px;
   right: 30px;
   width: 60px;
   height: 60px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='58' height='58' rx='29' stroke='white' stroke-opacity='0.6' stroke-width='2'/%3e%3cg clip-path='url(%23clip0_817_7965)'%3e%3cpath d='M38.0407 23.3741L36.626 21.9595L30 28.5861L23.374 21.9595L21.9593 23.3741L28.586 30.0001L21.9593 36.6261L23.374 38.0408L30 31.4141L36.626 38.0408L38.0407 36.6261L31.414 30.0001L38.0407 23.3741Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_817_7965'%3e%3crect width='16' height='16' fill='white' transform='translate(22 22)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
   cursor: pointer;
   transition: var(--transition-duration);
}
@media (max-width: 480px) {
   .modal .close {
      position: static;
      top: inherit;
      right: inherit;
      margin-inline: auto;
   }
}
@media (hover: hover) {
   .modal .close:hover {
      transform: rotate(90deg);
   }
}
@media (hover: none) {
   .modal .close:active {
      transform: rotate(90deg);
   }
}
.modal-container {
   background-color: var(--color-gray-bag);
}
.modal-container-img {
   width: clamp(320px, 90vw, 650px);
   height: clamp(320px, 90vw, 339px);
}
@media (max-width: 767px) {
   .modal-container-img {
      width: 100%;
      height: 200px;
   }
}
.modal-container-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.modal-container h4 {
   font-size: clamp(30px, 10vw, 40px);
   line-height: clamp(30px, 10vw, 40px);
   letter-spacing: -0.02em;
   margin-inline: clamp(16px, 5vw, 30px);
   margin-top: 30px;
}
.modal-container p {
   font-size: clamp(14px, 10vw, 16px);
   font-weight: 500;
   line-height: clamp(22.4px, 10vw, 25.6px);
   letter-spacing: -0.01em;
   margin-inline: clamp(16px, 5vw, 30px);
   margin-block: 12px clamp(16px, 5vw, 30px);
}
.modal-container .form {
   display: flex;
   flex-direction: column;
   row-gap: 16px;
   margin-top: clamp(16px, 10vw, 30px);
   margin-inline: clamp(16px, 5vw, 30px);
}
.modal-container .form input {
   margin: 0px;
   border: var(--border-grid);
   border: 2px solid rgba(121, 82, 82, 0);
}
.modal-container .form input.error {
   color: red;
   border: 2px solid red;
}
.modal-container .form button {
   width: 100%;
   margin-bottom: 30px;
}
.modal-container .form button span {
   display: none;
}

.section-repair {
   padding-bottom: clamp(40px, 10vw, 80px);
}
.section-repair .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(2, auto);
   grid-gap: 20px;
}
.section-repair .container h1 {
   grid-column: 4 / span 6; /* Занимает 6 колонок */
   grid-row: 1;
   font-size: clamp(40px, 6vw, 60px);
   line-height: clamp(40px, 6vw, 60px);
   letter-spacing: -0.03em;
   margin-bottom: clamp(16px, 6vw, 40px);
}
@media (max-width: 1157px) {
   .section-repair .container h1 {
      width: 100%;
   }
}
@media (max-width: 1157px) {
   .section-repair .container {
      grid-template-columns: repeat(8, 1fr);
      grid-template-rows: repeat(3, auto);
   }
   .section-repair .container h1 {
      grid-column: span 8;
   }
}
.section-repair-wrapper {
   grid-column: 4 / span 6; /* Занимает 6 колонок */
   grid-row: 2;
}
@media (max-width: 1157px) {
   .section-repair-wrapper {
      grid-column: span 8;
      grid-row: 3;
   }
}
.section-repair-wrapper div:not(:last-child) {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.section-repair-wrapper-item {
   border-bottom: var(--border-grid);
   padding-block: 16px;
   font-size: clamp(16px, 2vw, 22px);
   font-weight: 500;
   line-height: clamp(19.2px, 2vw, 26.4px);
   color: var(--color-black);
}
.section-repair-wrapper-item span:nth-child(1) {
   width: 65%;
}
.section-repair-wrapper-title,
.section-repair-wrapper-warning {
   font-size: clamp(12px, 2vw, 16px);
   line-height: clamp(12px, 2vw, 16px);
   font-weight: 500;
   color: var(--color-breadcrumb);
}
.section-repair-wrapper-warning {
   margin-top: 12px;
}
@media (max-width: 1157px) {
   .section-repair-wrapper-warning {
      display: none;
   }
}
.section-repair-img {
   grid-column: 1 / span 3;
   grid-row: 1 / span 2;
   height: 239px;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--color-white);
}
.section-repair-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
@media (max-width: 1157px) {
   .section-repair-img {
      grid-column: span 8;
      grid-row: 2;
      width: 100%;
      height: clamp(170px, 40vw, 410px);
      padding-block: clamp(0px, 1vw, 60px);
      margin-bottom: clamp(32px, 10vw, 40px);
   }
}

.section-review {
   padding-top: clamp(100px, 7vw, 200px);
}
.section-review-number {
   grid-column: span 12;
   grid-row: 1;
   font-size: clamp(60px, 13vw, 160px);
   line-height: clamp(54px, 12vw, 144px);
   letter-spacing: -0.03em;
}
@media (max-width: 767px) {
   .section-review-number {
      margin-bottom: 12px;
   }
}
@media (max-width: 610px) {
   .section-review-number {
      padding-inline: 10px;
   }
}
.section-review .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   grid-template-rows: 3;
}
@media (max-width: 610px) {
   .section-review .container {
      padding-inline: 0px;
   }
}
.section-review-wrapper {
   grid-column: span 12;
   grid-row: 3;
   position: relative;
}
.section-review-wrapper .reviews {
   position: relative;
   z-index: 2;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: auto;
   -moz-column-gap: 20px;
   column-gap: 20px;
   row-gap: 85px;
   overflow: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
}
.section-review-wrapper .reviews::-webkit-scrollbar {
   display: none;
}
@media (max-width: 1157px) {
   .section-review-wrapper .reviews {
      grid-template-columns: repeat(8, 1fr);
      row-gap: 60px;
   }
}
@media (max-width: 767px) {
   .section-review-wrapper .reviews {
      display: flex;
      align-items: center;
   }
}
@media (max-width: 610px) {
   .section-review-wrapper .reviews {
      padding-inline: 10px;
   }
}
.section-review-wrapper .reviews .review {
   position: relative;
   z-index: 2;
   grid-column: span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 1) {
   grid-column: 4 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 2) {
   grid-column: 10 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 3) {
   grid-column: 1 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 4) {
   grid-column: 7 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 5) {
   grid-column: 4 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 6) {
   grid-column: 10 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 7) {
   grid-column: 1 / span 3;
}
.section-review-wrapper .reviews .review:nth-child(8n + 8) {
   grid-column: 7 / span 3;
}
@media (max-width: 1157px) {
   .section-review-wrapper .reviews .review:nth-child(3n + 1) {
      grid-column: span 4 !important;
   }
   .section-review-wrapper .reviews .review:nth-child(3n + 2) {
      grid-column: span 4 !important;
   }
   .section-review-wrapper .reviews .review:nth-child(3n + 3) {
      grid-column: 3 / span 4 !important;
   }
}
@media (max-width: 610px) {
   .section-review-wrapper .reviews .review {
      min-width: 80%;
   }
   .section-review-wrapper .reviews .review:nth-child(1) {
      padding-left: 16px;
   }
}
.section-review-wrapper .reviews .review-item {
   width: 100%;
   font-size: 18px;
   font-weight: 500;
   line-height: 28.8px;
}
@media (max-width: 610px) {
   .section-review-wrapper .reviews .review-item {
      min-width: 100%;
   }
}
@media (hover: hover) {
   .section-review-wrapper .reviews .review-item:hover p {
      opacity: 0.3;
   }
}
@media (hover: none) {
   .section-review-wrapper .reviews .review-item:active p {
      opacity: 0.3;
   }
}
.section-review-wrapper .reviews .review-item p {
   margin-top: 5px;
   height: 100%;
   max-height: 290px;
   overflow: hidden;
   transition: var(--transition-duration);
}
.section-review-wrapper .reviews .review-item-stars {
   display: flex;
   align-items: center;
   -moz-column-gap: 1px;
   column-gap: 1px;
}
.section-review-wrapper .reviews .review-item-stars span {
   display: inline-block;
   width: 18px;
   height: 18px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 0L11.0206 6.21885H17.5595L12.2694 10.0623L14.2901 16.2812L9 12.4377L3.70993 16.2812L5.73056 10.0623L0.440492 6.21885H6.97937L9 0Z' fill='%23F1BB56'/%3e%3c/svg%3e ");
}
.section-review-wrapper .review-link {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   display: block;
   font-weight: 500;
   width: clamp(120px, 23vw, 220px);
   height: clamp(120px, 23vw, 220px);
   margin-top: clamp(40px, 16vw, 100px);
   border-radius: 50%;
   margin-inline: auto;
   color: var(--color-black);
   border: var(--border-grid);
   transition: var(--transition-duration);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 5;
   position: relative;
}
@media (hover: hover) {
   .section-review-wrapper .review-link:hover {
      border-color: rgba(255, 255, 255, 0);
      background-color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-review-wrapper .review-link:active {
      border-color: rgba(255, 255, 255, 0);
      background-color: var(--color-orange);
   }
}
.section-review-img {
   position: absolute;
   top: 0;
   left: 0%;
   z-index: 1;
   width: 100%;
   display: flex;
   justify-content: center;
}
.section-review-img img {
   -o-object-fit: contain;
   object-fit: contain;
}
.section-review h3 {
   grid-column: 4 / span 8;
   grid-row: 2;
   text-indent: 38%;
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   margin-bottom: clamp(40px, 7vw, 85px);
   letter-spacing: -0.04em;
}
@media (max-width: 767px) {
   .section-review h3 {
      grid-column: span 8;
   }
}
@media (max-width: 480px) {
   .section-review h3 {
      text-indent: 0;
      grid-column: span 11;
      margin-right: 0;
   }
}
@media (max-width: 610px) {
   .section-review h3 {
      padding-inline: 10px;
   }
}

.modal-search {
   position: fixed;
   top: -100%;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--color-black);
   z-index: 100000;
   color: var(--color-white);
   display: flex;
   flex-direction: column;
   transform: translateY(-100%);
   opacity: 0;
   transition: transform 0.3s ease, opacity 0.3s ease;
}
.modal-search.active {
   top: 0;
   transform: translateY(0);
   opacity: 1;
}
.modal-search-top {
   padding: 30px 30px 0px;
   margin-bottom: 10px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   color: var(--color-white);
   font-size: clamp(12px, 2vw, 16px);
   line-height: clamp(12px, 2vw, 16px);
}
@media (max-width: 480px) {
   .modal-search-top {
      padding: 16px 16px 0px;
   }
}
.modal-search-top .close {
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   width: clamp(40px, 10vw, 60px);
   height: clamp(40px, 10vw, 60px);
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.6);
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.0408 1.374L14.6261 -0.0406647L8.00014 6.586L1.37414 -0.0406647L-0.0405273 1.374L6.58614 8L-0.0405273 14.626L1.37414 16.0407L8.00014 9.414L14.6261 16.0407L16.0408 14.626L9.41414 8L16.0408 1.374Z' fill='white'/%3e%3c/svg%3e ");
   transition: var(--transition-duration);
}
@media (max-width: 480px) {
   .modal-search-top .close {
      background-size: 12px 12px;
   }
}
@media (hover: hover) {
   .modal-search-top .close:hover {
      transform: rotate(90deg);
   }
}
@media (hover: none) {
   .modal-search-top .close:active {
      transform: rotate(90deg);
   }
}
.modal-search .modal-search-container {
   flex: 1;
   overflow: auto;
   display: flex;
   flex-direction: column;
}
.modal-search .modal-search-container label {
   border-bottom: 1px solid rgb(51, 51, 51);
}
.modal-search .modal-search-container label input {
   width: 100%;
   font-size: clamp(22px, 4vw, 60px);
   line-height: clamp(26.4px, 4vw, 60px);
   font-weight: 500;
   letter-spacing: -0.02em;
   background: none;
   outline: none;
   border: none;
   color: var(--color-white);
   padding-inline: 30px;
   padding-bottom: 30px;
}
.modal-search .modal-search-container label input::-moz-placeholder {
   color: rgba(255, 255, 255, 0.3) !important;
}
.modal-search .modal-search-container label input::placeholder {
   color: rgba(255, 255, 255, 0.3) !important;
}
@media (max-width: 480px) {
   .modal-search .modal-search-container label input {
      padding-inline: 16px;
      padding-bottom: 16px;
   }
}
.modal-search .modal-search-container .modal-search-results {
   flex: 1;
   overflow: scroll;
   padding-inline: 30px;
}
@media (max-width: 480px) {
   .modal-search .modal-search-container .modal-search-results {
      padding-inline: 16px;
   }
}
.modal-search .modal-search-container .modal-search-results-text {
   padding-block: 30px clamp(12px, 4vw, 60px);
   padding-inline: 30px;
}
@media (max-width: 480px) {
   .modal-search .modal-search-container .modal-search-results-text {
      padding-top: 12px;
      padding-inline: 16px;
   }
}
.modal-search
   .modal-search-container
   .modal-search-results
   .modal-search-result {
   display: flex;
   flex-direction: column;
}
.modal-search
   .modal-search-container
   .modal-search-results
   .modal-search-result
   a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: clamp(16px, 4vw, 32px);
   line-height: clamp(16px, 4vw, 32px);
   letter-spacing: -0.02em;
   padding-block: clamp(16px, 4vw, 24px);
   border-bottom: 1px solid rgb(51, 51, 51);
   transition: var(--transition-duration);
}
.modal-search
   .modal-search-container
   .modal-search-results
   .modal-search-result
   a::after {
   content: '';
   display: inline-block;
   width: 13.41px;
   height: 7.29px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.50003 7.00003C7.50049 7.26264 7.44904 7.52275 7.34865 7.76541C7.24825 8.00808 7.10089 8.22851 6.91503 8.41403L1.62103 13.707L0.207031 12.293L5.50003 7.00003L0.207031 1.70703L1.62103 0.293032L6.91403 5.58603C7.10007 5.77148 7.24762 5.99187 7.34819 6.23453C7.44875 6.4772 7.50036 6.73735 7.50003 7.00003Z' fill='white'/%3e%3c/svg%3e ");
}
.modal-search
   .modal-search-container
   .modal-search-results
   .modal-search-result
   a:last-child {
   margin-bottom: 50px;
}
@media (hover: hover) {
   .modal-search
      .modal-search-container
      .modal-search-results
      .modal-search-result
      a:hover {
      color: var(--color-orange);
      border-bottom: 1px solid var(--color-orange);
   }
   .modal-search
      .modal-search-container
      .modal-search-results
      .modal-search-result
      a:hover::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.50003 7.00003C7.50049 7.26264 7.44904 7.52275 7.34865 7.76541C7.24825 8.00808 7.10089 8.22851 6.91503 8.41403L1.62103 13.707L0.207031 12.293L5.50003 7.00003L0.207031 1.70703L1.62103 0.293032L6.91403 5.58603C7.10007 5.77148 7.24762 5.99187 7.34819 6.23453C7.44875 6.4772 7.50036 6.73735 7.50003 7.00003Z' fill='%23F1BB56'/%3e%3c/svg%3e ");
   }
}
@media (hover: none) {
   .modal-search
      .modal-search-container
      .modal-search-results
      .modal-search-result
      a:active {
      color: var(--color-orange);
      border-bottom: 1px solid var(--color-orange);
   }
   .modal-search
      .modal-search-container
      .modal-search-results
      .modal-search-result
      a:active::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.50003 7.00003C7.50049 7.26264 7.44904 7.52275 7.34865 7.76541C7.24825 8.00808 7.10089 8.22851 6.91503 8.41403L1.62103 13.707L0.207031 12.293L5.50003 7.00003L0.207031 1.70703L1.62103 0.293032L6.91403 5.58603C7.10007 5.77148 7.24762 5.99187 7.34819 6.23453C7.44875 6.4772 7.50036 6.73735 7.50003 7.00003Z' fill='%23F1BB56'/%3e%3c/svg%3e ");
   }
}

.section-textDescription {
   padding-bottom: clamp(100px, 10vw, 200px);
}
.section-textDescription .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
}
@media (max-width: 1157px) {
   .section-textDescription .container {
      grid-template-columns: repeat(8, 1fr);
   }
}
.section-textDescription-wrapper {
   grid-column: 4 / span 6;
}
@media (max-width: 1157px) {
   .section-textDescription-wrapper {
      width: 100%;
      grid-column: span 8;
   }
}
.section-textDescription h4 {
   font-size: clamp(28px, 2vw, 32px);
   line-height: clamp(28px, 2vw, 32px);
   letter-spacing: -0.02em;
   font-weight: 500;
   margin-bottom: 24px;
}
.section-textDescription p,
.section-textDescription ol {
   font-size: clamp(16px, 2vw, 22px);
   font-weight: 500;
   line-height: clamp(25.6px, 2vw, 35.2px);
   letter-spacing: -0.01em;
   padding: 0px;
}
.section-textDescription p li,
.section-textDescription ol li {
   counter-increment: item;
   position: relative;
   list-style: none;
   padding-top: 2px;
   margin-bottom: 10px;
   padding-left: calc(clamp(30px, 13vw, 40px) + clamp(12px, 2vw, 20px));
}
@media (min-width: 320px) {
   .section-textDescription p li,
   .section-textDescription ol li {
      padding-left: 52px;
   }
}
.section-textDescription p li::before,
.section-textDescription ol li::before {
   content: counter(item);
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: clamp(30px, 3vw, 40px);
   min-height: clamp(30px, 3vw, 40px);
   line-height: clamp(19.2px, 2vw, 26.4px);
   border-radius: 50%;
   border: 2px solid black;
   position: absolute;
   top: 0;
   left: 0;
}
@media (max-width: 670px) {
   .section-textDescription p li::before,
   .section-textDescription ol li::before {
      min-width: 30px;
      min-height: 30px;
   }
}
.section-textDescription p ol,
.section-textDescription ol ol {
   list-style: none;
   counter-reset: step-counter;
}
.section-textDescription p,
.section-textDescription ol {
   margin-bottom: 40px;
}

.section-select {
   padding-bottom: clamp(100px, 10vw, 200px);
}
.section-select .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: 3;
   -moz-column-gap: 20px;
   column-gap: 20px;
}
.section-select .select-episode {
   grid-column: span 12;
   grid-row: 1;
}
.section-select h4 {
   grid-column: span 6;
   grid-row: 2;
   font-size: clamp(40px, 10vw, 60px);
   line-height: clamp(40px, 10vw, 60px);
   letter-spacing: -0.02em;
   margin-block: 40px clamp(60px, 10vw, 80px);
}
@media (max-width: 1280px) {
   .section-select h4 {
      grid-column: span 12;
   }
}
.section-select .select-container {
   grid-column: span 12;
   grid-row: 3;
}
.section-select .select-item {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: 3;
   -moz-column-gap: 20px;
   column-gap: 20px;
   border-bottom: 1px solid var(--color-black);
   overflow: hidden;
}
.section-select .select-item-title {
   cursor: pointer;
   position: relative;
   grid-column: span 12;
   grid-row: 1;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   padding-block: 24px;
   font-size: clamp(20px, 5vw, 32px);
   line-height: clamp(20px, 5vw, 32px);
   letter-spacing: -0.02em;
}
@media (max-width: 767px) {
   .section-select .select-item-title {
      grid-template-rows: 2;
   }
}
.section-select .select-item-title div {
   grid-column: span 6;
}
.section-select .select-item-title .name {
   white-space: nowrap;
}
@media (max-width: 767px) {
   .section-select .select-item-title .name {
      grid-column: span 12;
      grid-row: 1;
      white-space: inherit;
      margin-right: 38px;
   }
}
.section-select .select-item-title .name span {
   color: var(--color-orange);
}
.section-select .select-item-title .price {
   font-size: clamp(16px, 4vw, 32px);
   line-height: clamp(16px, 4vw, 32px);
}
@media (max-width: 1280px) {
   .section-select .select-item-title .price {
      text-align: right;
      padding-right: 60px;
   }
}
@media (max-width: 767px) {
   .section-select .select-item-title .price {
      grid-column: span 12;
      grid-row: 2;
      text-align: left;
      margin-top: 8px;
   }
}
.section-select .select-item-title::after {
   content: '';
   position: absolute;
   top: 50%;
   right: 0;
   width: 40px;
   height: 40px;
   transform: translate(0, -50%);
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='13' viewBox='0 0 24 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0004 0.166776C12.4381 0.166014 12.8716 0.251758 13.276 0.419082C13.6805 0.586405 14.0478 0.832009 14.357 1.14178L23.1787 9.96511L20.822 12.3218L12.0004 3.50011L3.17871 12.3218L0.822044 9.96511L9.64371 1.14344C9.95279 0.833375 10.3201 0.587464 10.7245 0.419852C11.129 0.25224 11.5626 0.166232 12.0004 0.166776Z' fill='%23080808'/%3e%3c/svg%3e ");
}
@media (max-width: 767px) {
   .section-select .select-item-title::after {
      width: 30px;
      height: 30px;
      background-size: 17px 9px;
   }
}
.section-select .select-item-wrapper {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   grid-column: span 12;
   grid-row: 2;
   max-height: 0px;
   transition: max-height 1s ease;
}
.section-select .select-item.active .select-item-wrapper {
   max-height: 10000px;
}
.section-select .select-item-conteiner {
   grid-column: span 12;
   grid-row: 2;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   font-size: clamp(16px, 3vw, 22px);
   line-height: clamp(19.2px, 3vw, 26.4px);
   margin-top: clamp(20px, 5vw, 40px);
}
.section-select .select-item-conteiner-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   grid-column: 7 / span 6;
   grid-row: auto;
   padding-block: 16px;
   border-bottom: var(--border-grid);
}
@media (max-width: 1280px) {
   .section-select .select-item-conteiner-item {
      grid-column: span 12;
   }
}
.section-select .select-item button {
   grid-column: 7 / span 6;
   grid-row: 3;
   padding: 0px;
   background-color: transparent;
   border: none;
   cursor: pointer;
   font-size: clamp(14px, 3vw, 18px);
   line-height: clamp(14px, 3vw, 18px);
   font-weight: 600;
   letter-spacing: 0.02em;
   text-align: center;
   margin-top: clamp(20px, 5vw, 40px);
   padding-block: 28px;
   margin-bottom: clamp(40px, 5vw, 80px);
   background-color: var(--color-orange);
   transition: var(--transition-duration);
   text-transform: uppercase;
}
@media (hover: hover) {
   .section-select .select-item button:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .section-select .select-item button:active {
      background-color: var(--color-orange-two);
   }
}
@media (max-width: 1280px) {
   .section-select .select-item button {
      grid-column: span 12;
   }
}

.section-service {
   padding-top: clamp(40px, 5vw, 100px);
   padding-bottom: clamp(40px, 5vw, 100px);
}
@media (max-width: 1280px) {
   .section-service .container {
      padding: 0px;
   }
}
.section-service .h-title-s {
   width: 100%;
   margin-bottom: clamp(15px, 20vw, 20px);
}
@media (max-width: 1280px) {
   .section-service .h-title-s {
      padding-inline: 16px;
   }
}
.section-service p {
   width: 100%;
   margin-bottom: clamp(40px, 7vw, 80px);
}
@media (max-width: 1280px) {
   .section-service p {
      padding-inline: 16px;
   }
}
.section-service .section-service-container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: auto;
   -moz-column-gap: 20px;
   column-gap: 20px;
   height: 100%;
   scrollbar-width: none;
}
.section-service .section-service-container::-webkit-scrollbar {
   display: none;
}
@media (max-width: 1280px) {
   .section-service .section-service-container {
      padding-inline: 16px;
      display: flex;
      align-items: flex-start;
      -moz-column-gap: 16px;
      column-gap: 16px;
      overflow: scroll;
   }
}
.section-service .section-service-container .section-service-item {
   grid-column: span 4;
   width: 100%;
   height: auto;
   display: flex;
   flex-direction: column;
}
@media (max-width: 1000px) {
   .section-service .section-service-container .section-service-item {
      flex-shrink: 0;
      width: clamp(212px, 30vw, 260px);
   }
}
.section-service .section-service-container .section-service-item-img {
   height: clamp(322px, 30vw, 550px);
}
@media (max-width: 1000px) {
   .section-service .section-service-container .section-service-item-img {
      max-height: clamp(262px, 50vw, 550px);
   }
}
.section-service .section-service-container .section-service-item-img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.section-service .section-service-container .section-service-item h3 {
   margin-block: clamp(16px, 10vw, 20px) clamp(16px, 10vw, 20px);
}
.section-service .section-service-container .section-service-item ul {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   row-gap: 4px;
   transition: var(--transition-duration);
   overflow: hidden;
}
.section-service .section-service-container .section-service-item ul.active {
   max-height: auto;
   aspect-ratio: 1/1;
}
.section-service .section-service-container .section-service-item button,
.section-service .section-service-container .section-service-item a {
   padding: 0px;
   background-color: transparent;
   border: none;
   display: flex;
   align-items: center;
   font-size: clamp(14px, 2vw, 18px);
   line-height: clamp(16.8px, 2vw, 21.6px);
   font-weight: 500;
   padding: 7px 12px 8px;
   color: var(--color-breadcrumb);
   transition: var(--transition-duration);
   border: var(--border-grid);
}
@media (hover: hover) {
   .section-service
      .section-service-container
      .section-service-item
      button:hover,
   .section-service .section-service-container .section-service-item a:hover {
      color: var(--color-black);
      background-color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-service
      .section-service-container
      .section-service-item
      button:active,
   .section-service .section-service-container .section-service-item a:active {
      color: var(--color-black);
      background-color: var(--color-orange);
   }
}
.section-service .section-service-container .section-service-item button {
   max-width: 140px;
   margin-top: 4px;
}
.section-service
   .section-service-container
   .section-service-item
   button.active {
   color: var(--color-black);
   background-color: var(--color-orange);
}

.section-sliderImg-top {
   position: relative;
   width: 600px;
   height: 400px;
   overflow: hidden;
}

.before-img,
.after-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.after-img {
   width: 50%;
   overflow: hidden;
}

.after-img img {
   width: 200%;
   height: auto;
   transform: translateX(-50%);
}

.slider {
   position: absolute;
   top: 0;
   left: 50%;
   width: 3px;
   height: 100%;
   background-color: #fff;
   cursor: ew-resize;
   z-index: 2;
}

.handle {
   position: absolute;
   top: 50%;
   left: -10px;
   width: 20px;
   height: 20px;
   background-color: #fff;
   border: 2px solid #000;
   border-radius: 50%;
   cursor: pointer;
}

.section-sliderImg .section-sliderImg-wrapper .section-sliderImg-top img {
   width: 100%;
   height: 100vh;
}

.section-slider {
   width: 100%;
   overflow: hidden;
   height: clamp(35vh, 50vw, 80vh);
   margin-bottom: clamp(40px, 5vw, 150px);
}
.section-slider img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.section-sliderMalfunction {
   overflow: hidden;
   margin-top: clamp(50px, 15vw, 95px);
}
.section-sliderMalfunction .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   grid-template-rows: 2;
   overflow: hidden;
}
.section-sliderMalfunction .h-text {
   grid-column: 4 / span 8;
   grid-row: 2;
   text-indent: 38.2%;
   margin-left: 0;
   margin-right: 0;
}
@media (max-width: 1280px) {
   .section-sliderMalfunction .h-text {
      width: 100%;
      grid-column: span 12;
   }
}
.section-sliderMalfunction .swiper-sliderMalfunction {
   grid-column: span 12;
   grid-row: 3;
}
.section-sliderMalfunction .swiper-sliderMalfunction .swiper-slide {
   width: clamp(288px, 70vw, 400px);
   height: clamp(288px, 70vw, 500px);
   background-color: aqua;
}
.section-sliderMalfunction .swiper-sliderMalfunction .swiper-slide img {
   cursor: pointer;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background-position: center;
}
.section-sliderMalfunction .swiper-sliderMalfunction .swiper-slide.privet {
   width: clamp(288px, 70vw, 800px) !important;
}
.section-sliderMalfunction .section-review-number {
   grid-column: span 4;
   grid-row: 1;
   padding-inline: 0px;
}

.section-table {
   padding-bottom: clamp(50px, 10vw, 100px);
}
.section-table .container {
   display: flex;
   flex-direction: column;
}
.section-table .section-table-title,
.section-table .section-table-content-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.section-table .section-table-title {
   margin-bottom: 12px;
}
.section-table .section-table-title div {
   font-size: clamp(12px, 5vw, 16px);
   line-height: clamp(12px, 5vw, 16px);
   color: var(--color-breadcrumb);
   width: 50%;
}
@media (max-width: 767px) {
   .section-table .section-table-title div {
      display: inline-block;
      width: inherit;
   }
}
.section-table .section-table-content-item {
   border-bottom: var(--border-grid);
}
.section-table .section-table-content-item div {
   font-size: clamp(16px, 3vw, 22px);
   line-height: clamp(19.2px, 3vw, 26.4px);
   width: 50%;
   color: var(--color-black);
   padding-block: clamp(12px, 3vw, 16px);
}
.section-table .section-table-content-item div:nth-child(2) {
   margin-left: 20px;
}
@media (max-width: 767px) {
   .section-table .section-table-content-item div {
      display: inline-block;
      width: inherit;
   }
}

.section-teamTitle .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: 3;
   -moz-column-gap: 20px;
   column-gap: 20px;
   overflow: hidden;
}
@media (max-width: 767px) {
   .section-teamTitle .container {
      grid-template-columns: repeat(8, 1fr);
   }
}
.section-teamTitle .container .section-teamTitle-title {
   grid-column: span 12;
   grid-row: 1;
   font-size: clamp(60px, 13vw, 160px);
   line-height: clamp(54px, 12vw, 144px);
   letter-spacing: -0.03em;
}
.section-teamTitle .container .section-review-number {
   grid-column: span 12;
   grid-row: 1;
   font-size: clamp(60px, 13vw, 160px);
   line-height: clamp(54px, 12vw, 144px);
   letter-spacing: -0.03em;
}
@media (max-width: 767px) {
   .section-teamTitle .container .section-review-number {
      grid-column: span 8;
      padding: 0px;
   }
}
@media (max-width: 480px) {
   .section-teamTitle .container .section-review-number {
      text-indent: 0;
   }
}
.section-teamTitle .container h3 {
   grid-column: 4 / span 9;
   grid-row: 2;
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   margin-bottom: clamp(40px, 7vw, 85px);
   letter-spacing: -0.04em;
   text-indent: 33%;
   text-align: left;
}
@media (max-width: 767px) {
   .section-teamTitle .container h3 {
      grid-column: span 8;
   }
}
@media (max-width: 480px) {
   .section-teamTitle .container h3 {
      text-indent: 0;
   }
}

.section-team {
   margin-top: clamp(60px, 15vw, 100px);
}
.section-team .container {
   display: grid;
   justify-content: center;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: 3;
   -moz-column-gap: 20px;
   column-gap: 20px;
}
.section-team .container .section-review-number {
   grid-column: span 12;
   grid-row: 1;
   font-size: clamp(60px, 13vw, 160px);
   line-height: clamp(54px, 12vw, 144px);
   letter-spacing: -0.03em;
}
@media (max-width: 1157px) {
   .section-team .container .section-review-number {
      padding-inline: 16px;
   }
}
@media (max-width: 767px) {
   .section-team .container .section-review-number {
      grid-column: span 8;
   }
}
.section-team .container h3 {
   grid-column: 4 / span 9;
   grid-row: 2;
   font-size: clamp(40px, 7vw, 116px);
   line-height: clamp(40px, 7vw, 116px);
   margin-bottom: clamp(40px, 7vw, 85px);
   letter-spacing: -0.04em;
   text-indent: 33%;
   text-align: left;
}
@media (max-width: 767px) {
   .section-team .container h3 {
      grid-column: span 8;
      padding-inline: 16px;
   }
}
@media (max-width: 480px) {
   .section-team .container h3 {
      text-indent: 0;
   }
}
.section-team .container .team-container {
   grid-column: span 12;
   grid-row: 3;
}
.section-team .container .team-container .team-card-element {
   display: flex;
   flex-direction: column;
}
.section-team .container .team-container .item-container-item {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   margin-bottom: clamp(40px, 10vw, 90px);
}
.section-team .container .team-container .item-container-item .team-card-title {
   grid-column: span 3;
   font-size: 32px;
   font-size: clamp(22px, 3vw, 32px);
   line-height: clamp(22px, 3vw, 32px);
   font-weight: 500;
   letter-spacing: -0.02em;
}
.section-team
   .container
   .team-container
   .item-container-item
   .team-card-container {
   grid-column: 4 / span 9;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   -moz-column-gap: 20px;
   column-gap: 20px;
   row-gap: 40px;
}
.section-team
   .container
   .team-container
   .item-container-item
   .team-card-container
   .team-card-element
   .team-card-img {
   width: 100%;
   flex: 1;
}
.section-team
   .container
   .team-container
   .item-container-item
   .team-card-container
   .team-card-element
   .team-card-img
   img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.section-team
   .container
   .team-container
   .item-container-item
   .team-card-container
   .team-card-element
   h4 {
   margin-top: clamp(16px, 30vw, 20px);
   font-size: clamp(16px, 3vw, 32px);
   line-height: clamp(16px, 3vw, 32px);
   font-weight: 500;
   letter-spacing: -0.02em;
}
.section-team
   .container
   .team-container
   .item-container-item
   .team-card-container
   .team-card-element
   p {
   margin-top: clamp(4px, 30vw, 10px);
   font-size: clamp(14px, 3vw, 16px);
   line-height: clamp(14px, 3vw, 16px);
   font-weight: 500;
   letter-spacing: -0.02em;
   color: rgb(171, 171, 171);
}
@media (max-width: 1157px) {
   .section-team .container .team-container .item-container-item {
      grid-template-columns: repeat(8, 1fr);
      grid-template-rows: 2;
      row-gap: 20px;
   }
   .section-team
      .container
      .team-container
      .item-container-item
      .team-card-title {
      grid-row: 1;
      grid-column: span 8;
      padding-inline: 16px;
   }
   .section-team
      .container
      .team-container
      .item-container-item
      .team-card-container {
      grid-row: 2;
      grid-column: span 8;
      display: flex;
      align-items: flex-start;
      overflow: hidden;
      overflow-x: auto;
      padding-inline: 16px;
      scrollbar-width: none;
   }
   .section-team
      .container
      .team-container
      .item-container-item
      .team-card-container::-webkit-scrollbar {
      display: none;
   }
   .section-team
      .container
      .team-container
      .item-container-item
      .team-card-container
      .team-card-img {
      height: clamp(262px, 35vw, 549px);
   }
   .section-team
      .container
      .team-container
      .item-container-item
      .team-card-element {
      width: 100%;
      height: 100%;
      min-width: clamp(212px, 35vw, 261px);
      max-width: clamp(212px, 35vw, 261px);
   }
}
@media (max-width: 767px) {
   .section-team .container .team-container {
      grid-column: span 8;
   }
}
@media (max-width: 1157px) {
   .section-team .container {
      padding: 0px;
   }
}
@media (max-width: 767px) {
   .section-team .container {
      grid-template-columns: repeat(8, 1fr);
   }
}

.section-slider.team-slider {
   margin-bottom: 0px;
}

.section-text {
   color: var(--color-white);
   background-color: var(--color-black);
   padding-top: clamp(50px, 7vw, 100px);
   padding-bottom: clamp(50px, 7vw, 100px);
}
.section-text h3 {
   width: clamp(288px, 85vw + 30px, 1590px);
   font-size: clamp(28px, 7vw, 116px);
   font-weight: 500;
   line-height: clamp(28px, 7vw, 116px);
   letter-spacing: -0.04em;
   margin-bottom: clamp(40px, 7vw, 80px);
}
.section-text h4 {
   font-size: clamp(28px, 5vw, 32px);
   line-height: clamp(28px, 5vw, 32px);
   letter-spacing: -0.02em;
   margin-bottom: 24px;
   margin-top: 40px;
}
.section-text button {
   padding: 0px;
   background-color: transparent;
   border: none;
   margin-top: 30px;
   display: block;
   font-size: 14px;
   font-weight: 600;
   line-height: 16.8px;
   letter-spacing: 0.02em;
   color: var(--color-gray-four);
   text-transform: uppercase;
   transition: var(--transition-duration);
   cursor: pointer;
}
.section-text button::after {
   content: '';
   display: inline-block;
   width: 15px;
   height: 8px;
   margin-left: 6px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00029 8.29138C7.7158 8.29187 7.43401 8.23614 7.17113 8.12738C6.90824 8.01862 6.66945 7.85897 6.46846 7.65763L0.734375 1.92246L2.26621 0.390625L8.00029 6.12471L13.7344 0.390625L15.2662 1.92246L9.53212 7.65654C9.33123 7.85809 9.09247 8.01793 8.82958 8.12688C8.56669 8.23582 8.28486 8.29173 8.00029 8.29138Z' fill='rgba(136, 136, 136, 1)'/%3e%3c/svg%3e ");
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-text button:hover {
      color: var(--color-orange);
   }
   .section-text button:hover::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00029 8.29138C7.7158 8.29187 7.43401 8.23614 7.17113 8.12738C6.90824 8.01862 6.66945 7.85897 6.46846 7.65763L0.734375 1.92246L2.26621 0.390625L8.00029 6.12471L13.7344 0.390625L15.2662 1.92246L9.53212 7.65654C9.33123 7.85809 9.09247 8.01793 8.82958 8.12688C8.56669 8.23582 8.28486 8.29173 8.00029 8.29138Z' fill='rgba(241, 187, 86, 1)'/%3e%3c/svg%3e ");
   }
}
@media (hover: none) {
   .section-text button:active {
      color: var(--color-orange);
   }
   .section-text button:active::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00029 8.29138C7.7158 8.29187 7.43401 8.23614 7.17113 8.12738C6.90824 8.01862 6.66945 7.85897 6.46846 7.65763L0.734375 1.92246L2.26621 0.390625L8.00029 6.12471L13.7344 0.390625L15.2662 1.92246L9.53212 7.65654C9.33123 7.85809 9.09247 8.01793 8.82958 8.12688C8.56669 8.23582 8.28486 8.29173 8.00029 8.29138Z' fill='rgba(241, 187, 86, 1)'/%3e%3c/svg%3e ");
   }
}
.section-text button.active {
   color: var(--color-orange);
}
.section-text button.active::after {
   transform: rotate(-180deg);
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00029 8.29138C7.7158 8.29187 7.43401 8.23614 7.17113 8.12738C6.90824 8.01862 6.66945 7.85897 6.46846 7.65763L0.734375 1.92246L2.26621 0.390625L8.00029 6.12471L13.7344 0.390625L15.2662 1.92246L9.53212 7.65654C9.33123 7.85809 9.09247 8.01793 8.82958 8.12688C8.56669 8.23582 8.28486 8.29173 8.00029 8.29138Z' fill='rgba(241, 187, 86, 1)'/%3e%3c/svg%3e ");
}
.section-text-block {
   width: 100%;
   max-width: 910px;
   margin-inline: auto;
}
.section-text-block .wrapper {
   position: relative;
   max-height: 420px;
   overflow: hidden;
   transition: max-height 0.5s ease;
}
@media (max-width: 767px) {
   .section-text-block .wrapper {
      max-height: 455px;
   }
}
@media (max-width: 480px) {
   .section-text-block .wrapper {
      max-height: 572px;
   }
}
.section-text-block .wrapper .gradient {
   z-index: 2;
   width: 100%;
   height: 80px;
   position: absolute;
   background-image: linear-gradient(
      var(--color-black),
      var(--color-black) 38%,
      rgba(190, 26, 26, 0)
   );
   inset: auto 0% 0%;
   transform: rotate(-180deg);
}
.section-text-block .wrapper.active .gradient {
   height: 0px;
}
.section-text-block .wrapper a {
   -webkit-text-decoration: revert;
   text-decoration: revert;
}
.section-text-block p {
   font-size: clamp(16px, 2vw, 22px);
   font-weight: 500;
   line-height: 35.2px;
   letter-spacing: -0.01em;
}
.section-text-block p:not(:last-child) {
   margin-bottom: 20px;
}
.section-text.color-white {
   color: var(--color-black);
   background-color: var(--color-white);
}
.section-text.color-white .gradient {
   z-index: 2;
   width: 100%;
   height: 80px;
   position: absolute;
   background-image: linear-gradient(
      var(--color-white),
      var(--color-white) 38%,
      rgba(190, 26, 26, 0)
   );
   inset: auto 0% 0%;
   transform: rotate(-180deg);
}
.section-text.color-gray .gradient {
   z-index: 2;
   width: 100%;
   height: 80px;
   position: absolute;
   background-image: linear-gradient(
      var(--color-gray-bag),
      var(--color-gray-bag) 38%,
      rgba(190, 26, 26, 0)
   );
   inset: auto 0% 0%;
   transform: rotate(-180deg);
}
.section-text .section-text-brends {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: 1fr;
}
@media (max-width: 480px) {
   .section-text .section-text-brends {
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: 3;
   }
}
.section-text .section-text-brends .text-brends-item {
   position: relative;
   padding-block: clamp(28px, 4vw, 105px);
   padding-inline: 10px;
   display: flex;
   justify-content: center;
   width: 100%;
}
.section-text .section-text-brends .text-brends-item::before {
   content: '';
   position: absolute;
   top: -0.5px;
   left: -0.5px;
   right: -0.5px;
   bottom: -0.5px;
   border: 1px solid var(--color-gray-three);
   pointer-events: none;
   transition: var(--transition-duration);
}
.section-text .section-text-brends .text-brends-item img {
   -o-object-fit: contain;
   object-fit: contain;
}

.section-textBlock {
   padding-top: clamp(50px, 15vw, 100px);
   padding-bottom: clamp(50px, 15vw, 100px);
}
.section-textBlock .container {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: 2;
   -moz-column-gap: 20px;
   column-gap: 20px;
}
.section-textBlock .container .h-title-s {
   grid-column: span 10;
   grid-row: 1;
   margin-bottom: clamp(40px, 5vw, 80px);
}
.section-textBlock .container h3 {
   font-size: clamp(28px, 5vw, 32px);
   line-height: clamp(28px, 5vw, 32px);
   letter-spacing: -0.02em;
   margin-bottom: 24px;
}
.section-textBlock .container h4 {
   font-size: clamp(28px, 5vw, 32px);
   line-height: clamp(28px, 5vw, 32px);
   letter-spacing: -0.02em;
   margin: 24px 0;
}
@media (max-width: 1280px) {
   .section-textBlock .container {
      grid-template-columns: repeat(8, 1fr);
      grid-template-rows: 2;
   }
}
.section-textBlock .container .textBlock-container {
   grid-column: 4 / span 6;
   grid-row: 2;
}
@media (max-width: 1280px) {
   .section-textBlock .container .textBlock-container {
      grid-column: span 10;
      grid-row: 2;
   }
}
.section-textBlock .container .textBlock-container .textBlock-table {
   display: flex;
   flex-direction: column;
   width: 100%;
   margin-bottom: clamp(50px, 15vw, 100px);
}
.section-textBlock .container .textBlock-container .textBlock-table:last-child {
   margin-bottom: 0;
}
.section-textBlock .container .textBlock-container .textBlock-table-title,
.section-textBlock .container .textBlock-container .textBlock-table-item {
   display: flex;
   justify-content: space-between;
}
.section-textBlock .container .textBlock-container .textBlock-table-title {
   font-size: clamp(12px, 4vw, 16px);
   line-height: clamp(12px, 4vw, 16px);
   margin-bottom: clamp(8px, 3vw, 12px);
   color: var(--color-breadcrumb);
}
.section-textBlock .container .textBlock-container .textBlock-table-item {
   align-items: flex-start;
   font-size: clamp(16px, 4vw, 22px);
   line-height: clamp(19.2px, 4vw, 26.4px);
   color: var(--color-black);
   padding-block: 16px;
   border-bottom: var(--border-grid);
}
@media (max-width: 767px) {
   .section-textBlock .container .textBlock-container .textBlock-table-item {
      padding-block: 12px;
   }
}
.section-textBlock .container .textBlock-container .textBlock-table-item span {
   color: var(--color-breadcrumb);
}
.section-textBlock
   .container
   .textBlock-container
   .textBlock-table-item
   div:nth-child(2) {
   margin-left: 20px;
   white-space: nowrap;
}
.section-textBlock .container .textBlock-container .textBlock-select {
   margin-bottom: clamp(40px, 3vw, 80px);
}
.section-textBlock .container .textBlock-container .textBlock-select h3 {
   font-size: clamp(28px, 5vw, 32px);
   line-height: clamp(28px, 5vw, 32px);
   letter-spacing: -0.02em;
   margin-bottom: clamp(12px, 2vw, 24px);
}
.section-textBlock .container .textBlock-container .textBlock-select-container {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   max-height: 0px;
   transition: all 5s;
}
.section-textBlock
   .container
   .textBlock-container
   .textBlock-select-container.active {
   max-height: 10000px !important;
}
.section-textBlock .container .textBlock-container .textBlock-select-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: clamp(16px, 5vw, 22px);
   line-height: clamp(25.6px, 5vw, 35.2px);
   letter-spacing: -0.01em;
   padding-block: 12px;
   border-bottom: var(--border-grid);
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .section-textBlock
      .container
      .textBlock-container
      .textBlock-select-item:hover {
      border-color: var(--color-black);
   }
}
@media (hover: none) {
   .section-textBlock
      .container
      .textBlock-container
      .textBlock-select-item:active {
      border-color: var(--color-black);
   }
}
.section-textBlock .container .textBlock-container .textBlock-select-item span {
   width: 7px;
   height: 14px;
   margin-left: 10px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.50003 7.50003C7.50049 7.76264 7.44904 8.02275 7.34865 8.26541C7.24825 8.50808 7.10089 8.72851 6.91503 8.91403L1.62103 14.207L0.207031 12.793L5.50003 7.50003L0.207031 2.20703L1.62103 0.793032L6.91403 6.08603C7.10007 6.27148 7.24762 6.49187 7.34819 6.73453C7.44875 6.9772 7.50036 7.23735 7.50003 7.50003Z' fill='%23080808'/%3e%3c/svg%3e ");
}
.section-textBlock .container .textBlock-container .textBlock-select button {
   padding: 0px;
   background-color: transparent;
   border: none;
   text-transform: uppercase;
   display: flex;
   position: relative;
   align-items: center;
   cursor: pointer;
   margin-top: clamp(12px, 3vw, 24px);
   font-size: 14px;
   line-height: 16.8px;
   font-weight: 600;
   letter-spacing: 0.02em;
   color: var(--color-breadcrumb);
}
.section-textBlock
   .container
   .textBlock-container
   .textBlock-select
   button::after {
   content: '';
   width: 14px;
   height: 8px;
   margin-top: 3px;
   margin-left: 7px;
   display: block;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.99971 0.708624C8.2842 0.708129 8.56599 0.763863 8.82887 0.872623C9.09176 0.981383 9.33055 1.14103 9.53154 1.34237L15.2656 7.07754L13.7338 8.60938L7.99971 2.87529L2.26563 8.60937L0.73379 7.07754L6.46788 1.34346C6.66877 1.14191 6.90753 0.982072 7.17042 0.873124C7.43331 0.764176 7.71514 0.708271 7.99971 0.708624Z' fill='%23ABABAB'/%3e%3c/svg%3e ");
}
.section-textBlock .container .textBlock-container p {
   font-size: clamp(16px, 4vw, 22px);
   line-height: clamp(25.6px, 4vw, 35.2px);
   letter-spacing: -0.01em;
   margin: 10px 0;
}
.section-textBlock .container .textBlock-container p:last-child {
   margin-bottom: 0;
}
.section-textBlock .container ol {
   font-size: clamp(16px, 2vw, 22px);
   font-weight: 500;
   line-height: clamp(25.6px, 2vw, 35.2px);
   letter-spacing: -0.01em;
   padding: 0px;
}
.section-textBlock .container ol li {
   counter-increment: item;
   position: relative;
   list-style: none;
   padding-top: 2px;
   margin-bottom: 10px;
   padding-left: 52px;
}
@media (max-width: 320px) {
   .section-textBlock .container ol li {
      padding-left: 42px;
   }
}
.section-textBlock .container ol li::before {
   content: counter(item);
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: clamp(30px, 13vw, 40px);
   min-height: clamp(30px, 13vw, 40px);
   line-height: clamp(19.2px, 2vw, 26.4px);
   border-radius: 50%;
   border: 2px solid black;
   position: absolute;
   top: 0;
   left: 0;
}
@media (max-width: 670px) {
   .section-textBlock .container ol li::before {
      min-width: 30px;
      min-height: 30px;
   }
}
.section-textBlock .container ol ol {
   list-style: none;
   counter-reset: step-counter;
}

@media (max-width: 1157px) {
   .section-video .container {
      padding: 0px;
   }
}

.video-container {
   position: relative;
   width: 100%;
   height: auto;
   margin: auto;
}
@media (max-width: 1157px) {
   .video-container {
      aspect-ratio: 1/1;
   }
}

video {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   display: block;
}

.play-button {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 50px;
   height: 50px;
   background-color: var(--color-orange);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   z-index: 10;
   transition: var(--transition-duration);
}
@media (hover: hover) {
   .play-button:hover {
      background-color: var(--color-orange-two);
   }
}
@media (hover: none) {
   .play-button:active {
      background-color: var(--color-orange-two);
   }
}

.play-button::before {
   content: '►';
   font-size: 24px;
   color: #000;
   margin-left: 5px;
}

.section-malfunction {
   margin-bottom: clamp(100px, 11vw, 200px);
}
.section-malfunction .h-title {
   margin-bottom: clamp(40px, 15vw, 80px);
}
.section-malfunction-wrapper {
   width: 100%;
   max-width: 910px;
   margin-inline: auto;
   font-weight: 500;
}
.section-malfunction-wrapper h3 {
   font-size: clamp(28px, 5vw, 32px);
   line-height: clamp(28px, 5vw, 32px);
   letter-spacing: -0.02em;
   margin-bottom: 24px;
   margin-top: 40px;
}
.section-malfunction-wrapper p {
   font-size: clamp(16px, 5vw, 22px);
   line-height: clamp(25.6px, 5vw, 35.2px);
   letter-spacing: -0.01em;
   text-align: left;
}
.section-malfunction-wrapper p:not(:last-child) {
   margin-bottom: 40px;
}

.section-map {
   background-color: var(--color-black);
}
.section-map .container {
   max-width: 1920px;
   padding: 0px;
}
.section-map-container {
   margin-inline: auto;
   height: clamp(450px, 20vw + 400px, 900px);
   overflow: hidden;
}
.section-map-container img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.section-map .map-modal {
   position: relative;
   font-size: 14px;
   font-weight: 500;
   line-height: 16.8px;
}
.section-map .map-modal div:nth-child(1) {
   border-right: var(--border-grid);
}
.section-map .map-modal::after {
   content: '';
   position: absolute;
   top: 44%;
   left: -10px;
   transform: translate(0, -50%);
   rotate: -90deg;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid var(--color-white);
}
.section-map-button {
   padding: 0px;
   background-color: transparent;
   border: none;
   width: 100%;
   display: block;
   font-size: clamp(14px, 1.25vw + 11px, 18px);
   font-weight: 600;
   line-height: 18px;
   letter-spacing: 0.02em;
   cursor: pointer;
   padding-block: 36px;
   color: var(--color-white);
   text-transform: uppercase;
   border: 1px solid rgb(51, 51, 51);
   transition: var(--transition-duration);
   margin-top: 30px;
}
@media (hover: hover) {
   .section-map-button:hover {
      border: 1px solid rgba(51, 51, 51, 0);
      background-color: var(--color-orange);
   }
}
@media (hover: none) {
   .section-map-button:active {
      border: 1px solid rgba(51, 51, 51, 0);
      background-color: var(--color-orange);
   }
}

footer {
   color: var(--color-white);
   background-color: var(--color-black);
}
footer .footer-wrapper {
   border-top: 1px solid rgb(51, 51, 51);
}
footer h4 {
   font-size: clamp(16px, 2vw, 22px);
   line-height: clamp(19.8px, 2vw, 26.4px);
   color: var(--color-gray-two);
   margin-bottom: 30px;
}
footer ul {
   text-transform: uppercase;
   display: flex;
   flex-direction: column;
   row-gap: 20px;
}
footer ul li a {
   font-size: clamp(14px, 2vw, 16px);
   font-weight: 600;
   line-height: clamp(16.8px, 2vw, 19.2px);
   letter-spacing: 0.02em;
   transition: var(--transition-duration);
}
@media (hover: hover) {
   footer ul li a:hover {
      color: var(--color-orange);
   }
}
@media (hover: none) {
   footer ul li a:active {
      color: var(--color-orange);
   }
}
footer > .container:nth-child(1) {
   padding-inline: var(--container-padding-x);
}
footer .container {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
@media (max-width: 571px) {
   footer .container {
      flex-direction: column;
      padding-inline: 0px;
   }
}
footer .container .footer-left {
   width: 50%;
   display: flex;
   padding-top: 30px;
   border-right: 1px solid rgb(51, 51, 51);
}
@media (max-width: 767px) {
   footer .container .footer-left {
      row-gap: 40px;
   }
}
@media (max-width: 571px) {
   footer .container .footer-left {
      border: none;
      width: 100%;
      padding-bottom: 32px;
      padding-inline: 16px;
      border-bottom: 1px solid rgb(51, 51, 51);
   }
}
@media (max-width: 480px) {
   footer .container .footer-left {
      width: 100%;
   }
}
footer .container .footer-left-company {
   width: 50%;
}
@media (max-width: 767px) {
   footer .container .footer-left-company {
      width: 100%;
   }
}
footer .container .footer-left-directions {
   width: 50%;
}
@media (max-width: 767px) {
   footer .container .footer-left-directions {
      width: 100%;
   }
}
footer .container .footer-right {
   position: relative;
   display: flex;
   width: 50%;
   padding-top: 30px;
   padding-left: 30px;
}
@media (max-width: 1157px) {
   footer .container .footer-right {
      flex-direction: column;
      row-gap: 40px;
   }
}
@media (max-width: 571px) {
   footer .container .footer-right {
      border: none;
      width: 100%;
      padding-left: 0px;
   }
}
footer .container .footer-right-contacts {
   width: 50%;
}
@media (max-width: 1157px) {
   footer .container .footer-right-contacts {
      width: 100%;
   }
}
@media (max-width: 571px) {
   footer .container .footer-right-contacts {
      padding-bottom: 32px;
      padding-inline: 16px;
      border-bottom: 1px solid rgb(51, 51, 51);
   }
}
@media (max-width: 1157px) {
   footer .container .footer-right-social {
      width: 100%;
   }
}
@media (max-width: 571px) {
   footer .container .footer-right-social {
      padding-inline: 16px;
   }
}
footer .container .footer-bottom {
   width: 100%;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
}
@media (max-width: 571px) {
   footer .container .footer-bottom {
      padding-inline: 16px;
      flex-direction: column-reverse;
   }
}
footer .container .footer-bottom-left,
footer .container .footer-bottom-right {
   width: 50%;
   padding-top: 60px;
   padding-bottom: 30px;
}
@media (max-width: 1157px) {
   footer .container .footer-bottom-left,
   footer .container .footer-bottom-right {
      padding-bottom: 20px;
   }
}
@media (max-width: 571px) {
   footer .container .footer-bottom-left,
   footer .container .footer-bottom-right {
      width: 100%;
      padding-top: 30px;
   }
}
footer .container .footer-bottom-left {
   border-right: 1px solid rgb(51, 51, 51);
}
@media (max-width: 480px) {
   footer .container .footer-bottom-left {
      border: none;
   }
}
@media (max-width: 571px) {
   footer .container .footer-bottom-left {
      border: none;
   }
}
footer .container .footer-bottom-right {
   font-size: 14px;
   font-weight: 600;
   line-height: 16.8px;
   letter-spacing: 0.02em;
   padding-left: 30px;
   display: flex;
   justify-content: space-between;
   text-transform: uppercase;
   color: var(--color-gray-two);
}
@media (max-width: 1157px) {
   footer .container .footer-bottom-right {
      flex-direction: column;
      row-gap: 15px;
   }
}
@media (max-width: 571px) {
   footer .container .footer-bottom-right {
      padding-left: 0px;
      margin-top: 55px;
   }
}
footer .container .footer-bottom-right a {
   transition: var(--transition-duration);
}
@media (hover: hover) {
   footer .container .footer-bottom-right a:hover {
      opacity: 0.7;
   }
}
@media (hover: none) {
   footer .container .footer-bottom-right a:active {
      opacity: 0.7;
   }
}
footer .container .footer-bottom .logo {
   width: 200px;
}
footer .container .footer-bottom .logo a {
   width: 200px;
   height: 70px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}
footer .container .rich-text-block a {
   color: white;
}
footer .telegram,
.header-top-feedback-item .telegram {
   display: flex;
   align-items: center;
   position: relative;
   padding-left: 24px;
}
.header-top-feedback-item .telegram {
   display: inline-block;
   height: 32px;
   width: 32px;
}
footer .telegram::before,
footer .telegram::after,
.header-top-feedback-item .telegram::before,
.header-top-feedback-item .telegram::after {
   content: '';
   position: absolute;
   top: 3px;
   left: 0;
   width: 32px;
   height: 32px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   transition: opacity 0.2s;
}
footer .telegram::before,
.header-top-feedback-item .telegram::before {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99805 -0.00195312C3.58005 -0.00195312 -0.00195312 3.58005 -0.00195312 7.99805C-0.00195312 12.416 3.58005 15.998 7.99805 15.998C12.416 15.998 15.998 12.416 15.998 7.99805C15.998 3.58005 12.416 -0.00195312 7.99805 -0.00195312ZM11.706 5.43871C11.586 6.70338 11.0647 9.77338 10.8 11.19C10.688 11.79 10.4667 11.9907 10.2534 12.01C9.78871 12.0527 9.43605 11.7027 8.98605 11.408C8.28205 10.9467 7.88405 10.6594 7.20071 10.2087C6.41071 9.68805 6.92271 9.40205 7.37271 8.93471C7.49071 8.81205 9.53738 6.95005 9.57738 6.78138C9.58205 6.76005 9.58738 6.68138 9.54005 6.64005C9.49271 6.59871 9.42405 6.61271 9.37471 6.62405C9.30405 6.64005 8.17938 7.38338 6.00005 8.85405C5.68071 9.07338 5.39138 9.18005 5.13205 9.17471C4.84671 9.16871 4.29738 9.01338 3.88871 8.88005C3.38805 8.71738 2.98938 8.63071 3.02405 8.35471C3.04205 8.21071 3.24005 8.06338 3.61871 7.91271C5.95071 6.89671 7.50605 6.22671 8.28405 5.90271C10.506 4.97871 10.9674 4.81805 11.2687 4.81271C11.646 4.80738 11.7367 5.11871 11.706 5.43871Z' fill='white'/%3e%3c/svg%3e ");
   opacity: 1;
}
footer .telegram::after,
.header-top-feedback-item .telegram::after {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99805 -0.00195312C3.58005 -0.00195312 -0.00195312 3.58005 -0.00195312 7.99805C-0.00195312 12.416 3.58005 15.998 7.99805 15.998C12.416 15.998 15.998 12.416 15.998 7.99805C15.998 3.58005 12.416 -0.00195312 7.99805 -0.00195312ZM11.706 5.43871C11.586 6.70338 11.0647 9.77338 10.8 11.19C10.688 11.79 10.4667 11.9907 10.2534 12.01C9.78871 12.0527 9.43605 11.7027 8.98605 11.408C8.28205 10.9467 7.88405 10.6594 7.20071 10.2087C6.41071 9.68805 6.92271 9.40205 7.37271 8.93471C7.49071 8.81205 9.53738 6.95005 9.57738 6.78138C9.58205 6.76005 9.58738 6.68138 9.54005 6.64005C9.49271 6.59871 9.42405 6.61271 9.37471 6.62405C9.30405 6.64005 8.17938 7.38338 6.00005 8.85405C5.68071 9.07338 5.39138 9.18005 5.13205 9.17471C4.84671 9.16871 4.29738 9.01338 3.88871 8.88005C3.38805 8.71738 2.98938 8.63071 3.02405 8.35471C3.04205 8.21071 3.24005 8.06338 3.61871 7.91271C5.95071 6.89671 7.50605 6.22671 8.28405 5.90271C10.506 4.97871 10.9674 4.81805 11.2687 4.81271C11.646 4.80738 11.7367 5.11871 11.706 5.43871Z' fill='rgba(241, 187, 86, 1)'/%3e%3c/svg%3e ");
   opacity: 0;
}
@media (hover: hover) {
   footer .telegram:hover::before,
   .header-top-feedback-item .telegram::before {
      opacity: 0;
   }
   footer .telegram:hover::after,
   .header-top-feedback-item .telegram::after {
      opacity: 1;
   }
}
@media (hover: none) {
   footer .telegram:active::before,
   .header-top-feedback-item .telegram::before {
      opacity: 0;
   }
   footer .telegram:active::after,
   .header-top-feedback-item .telegram::after {
      opacity: 1;
   }
}
footer .vk {
   display: flex;
   align-items: center;
   position: relative;
   padding-left: 24px;
}
footer .vk::before,
footer .vk::after {
   content: '';
   position: absolute;
   top: 3px;
   left: 0;
   width: 16px;
   height: 16px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   transition: opacity 0.2s;
}
footer .vk::before {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.12471 1.12471C0 2.24942 0 4.05962 0 7.68V8.32C0 11.9404 0 13.7506 1.12471 14.8753C2.24942 16 4.05962 16 7.68 16H8.32C11.9404 16 13.7506 16 14.8753 14.8753C16 13.7506 16 11.9404 16 8.32V7.68C16 4.05962 16 2.24942 14.8753 1.12471C13.7506 0 11.9404 0 8.32 0H7.68C4.05962 0 2.24942 0 1.12471 1.12471ZM2.70003 4.8667C2.78669 9.0267 4.86667 11.5267 8.51334 11.5267H8.72005V9.14669C10.06 9.28002 11.0733 10.26 11.48 11.5267H13.3734C12.8534 9.63336 11.4866 8.58669 10.6333 8.18669C11.4866 7.69336 12.6866 6.49336 12.9733 4.8667H11.2532C10.8799 6.1867 9.77338 7.38669 8.72005 7.50002V4.8667H6.99998V9.48002C5.93333 9.21336 4.58669 7.92003 4.52669 4.8667H2.70003Z' fill='white'/%3e%3c/svg%3e ");
   opacity: 1;
}
footer .vk::after {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.12471 1.12471C0 2.24942 0 4.05962 0 7.68V8.32C0 11.9404 0 13.7506 1.12471 14.8753C2.24942 16 4.05962 16 7.68 16H8.32C11.9404 16 13.7506 16 14.8753 14.8753C16 13.7506 16 11.9404 16 8.32V7.68C16 4.05962 16 2.24942 14.8753 1.12471C13.7506 0 11.9404 0 8.32 0H7.68C4.05962 0 2.24942 0 1.12471 1.12471ZM2.70003 4.8667C2.78669 9.0267 4.86667 11.5267 8.51334 11.5267H8.72005V9.14669C10.06 9.28002 11.0733 10.26 11.48 11.5267H13.3734C12.8534 9.63336 11.4866 8.58669 10.6333 8.18669C11.4866 7.69336 12.6866 6.49336 12.9733 4.8667H11.2532C10.8799 6.1867 9.77338 7.38669 8.72005 7.50002V4.8667H6.99998V9.48002C5.93333 9.21336 4.58669 7.92003 4.52669 4.8667H2.70003Z' fill='rgba(241, 187, 86, 1)'/%3e%3c/svg%3e ");
   opacity: 0;
}
@media (hover: hover) {
   footer .vk:hover::before {
      opacity: 0;
   }
   footer .vk:hover::after {
      opacity: 1;
   }
}
@media (hover: none) {
   footer .vk:active::before {
      opacity: 0;
   }
   footer .vk:active::after {
      opacity: 1;
   }
}
footer .whatsapp,
.header-top-feedback-item .whatsapp {
   display: flex;
   align-items: center;
   position: relative;
   padding-left: 24px;
}
.header-top-feedback-item .whatsapp {
   display: inline;
   height: 24px;
}
footer .whatsapp::before,
footer .whatsapp::after,
.header-top-feedback-item .whatsapp::before,
.header-top-feedback-item .whatsapp::after {
   content: '';
   position: absolute;
   top: 3px;
   left: 0;
   width: 32px;
   height: 32px;
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   transition: opacity 0.2s;
}
footer .whatsapp::before,
.header-top-feedback-item .whatsapp::before {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6411 2.32338C12.1438 0.824714 10.1531 -0.00128646 8.03244 -0.00195312C3.66244 -0.00195312 0.105776 3.55405 0.103776 7.92605C0.103109 9.32338 0.468443 10.6874 1.16244 11.89L0.0371094 15.998L4.23978 14.8954C5.39778 15.5274 6.70178 15.86 8.02844 15.8607H8.03178C12.4011 15.8607 15.9584 12.304 15.9604 7.93205C15.9618 5.81405 15.1378 3.82138 13.6411 2.32338ZM8.03244 14.5214H8.02978C6.84711 14.5214 5.68778 14.2034 4.67578 13.6027L4.43511 13.46L1.94111 14.114L2.60711 11.682L2.45044 11.4327C1.79044 10.3834 1.44244 9.17071 1.44311 7.92605C1.44444 4.29271 4.40111 1.33671 8.03578 1.33671C9.79578 1.33671 11.4504 2.02338 12.6944 3.26871C13.9384 4.51471 14.6231 6.17005 14.6224 7.93071C14.6204 11.5654 11.6644 14.5214 8.03244 14.5214ZM11.6471 9.58605C11.4491 9.48671 10.4751 9.00738 10.2931 8.94138C10.1118 8.87538 9.97978 8.84205 9.84711 9.04005C9.71444 9.23805 9.33578 9.68471 9.21978 9.81738C9.10444 9.94938 8.98844 9.96605 8.79044 9.86671C8.59244 9.76738 7.95378 9.55871 7.19711 8.88338C6.60844 8.35805 6.21044 7.70938 6.09511 7.51071C5.97978 7.31205 6.08311 7.20538 6.18178 7.10671C6.27111 7.01805 6.37978 6.87538 6.47911 6.75938C6.57911 6.64471 6.61178 6.56205 6.67844 6.42938C6.74444 6.29738 6.71178 6.18138 6.66178 6.08205C6.61178 5.98338 6.21578 5.00805 6.05111 4.61138C5.89044 4.22471 5.72711 4.27738 5.60511 4.27138C5.48978 4.26538 5.35778 4.26471 5.22511 4.26471C5.09311 4.26471 4.87844 4.31405 4.69711 4.51271C4.51578 4.71138 4.00378 5.19071 4.00378 6.16538C4.00378 7.14071 4.71378 8.08271 4.81244 8.21471C4.91111 8.34671 6.20911 10.348 8.19644 11.206C8.66911 11.41 9.03844 11.532 9.32578 11.6234C9.80044 11.774 10.2324 11.7527 10.5738 11.702C10.9544 11.6454 11.7458 11.2227 11.9111 10.76C12.0764 10.2974 12.0764 9.90005 12.0264 9.81805C11.9771 9.73471 11.8451 9.68538 11.6471 9.58605Z' fill='white'/%3e%3c/svg%3e ");
   opacity: 1;
}
footer .whatsapp::after,
.header-top-feedback-item .whatsapp::after {
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6411 2.32338C12.1438 0.824714 10.1531 -0.00128646 8.03244 -0.00195312C3.66244 -0.00195312 0.105776 3.55405 0.103776 7.92605C0.103109 9.32338 0.468443 10.6874 1.16244 11.89L0.0371094 15.998L4.23978 14.8954C5.39778 15.5274 6.70178 15.86 8.02844 15.8607H8.03178C12.4011 15.8607 15.9584 12.304 15.9604 7.93205C15.9618 5.81405 15.1378 3.82138 13.6411 2.32338ZM8.03244 14.5214H8.02978C6.84711 14.5214 5.68778 14.2034 4.67578 13.6027L4.43511 13.46L1.94111 14.114L2.60711 11.682L2.45044 11.4327C1.79044 10.3834 1.44244 9.17071 1.44311 7.92605C1.44444 4.29271 4.40111 1.33671 8.03578 1.33671C9.79578 1.33671 11.4504 2.02338 12.6944 3.26871C13.9384 4.51471 14.6231 6.17005 14.6224 7.93071C14.6204 11.5654 11.6644 14.5214 8.03244 14.5214ZM11.6471 9.58605C11.4491 9.48671 10.4751 9.00738 10.2931 8.94138C10.1118 8.87538 9.97978 8.84205 9.84711 9.04005C9.71444 9.23805 9.33578 9.68471 9.21978 9.81738C9.10444 9.94938 8.98844 9.96605 8.79044 9.86671C8.59244 9.76738 7.95378 9.55871 7.19711 8.88338C6.60844 8.35805 6.21044 7.70938 6.09511 7.51071C5.97978 7.31205 6.08311 7.20538 6.18178 7.10671C6.27111 7.01805 6.37978 6.87538 6.47911 6.75938C6.57911 6.64471 6.61178 6.56205 6.67844 6.42938C6.74444 6.29738 6.71178 6.18138 6.66178 6.08205C6.61178 5.98338 6.21578 5.00805 6.05111 4.61138C5.89044 4.22471 5.72711 4.27738 5.60511 4.27138C5.48978 4.26538 5.35778 4.26471 5.22511 4.26471C5.09311 4.26471 4.87844 4.31405 4.69711 4.51271C4.51578 4.71138 4.00378 5.19071 4.00378 6.16538C4.00378 7.14071 4.71378 8.08271 4.81244 8.21471C4.91111 8.34671 6.20911 10.348 8.19644 11.206C8.66911 11.41 9.03844 11.532 9.32578 11.6234C9.80044 11.774 10.2324 11.7527 10.5738 11.702C10.9544 11.6454 11.7458 11.2227 11.9111 10.76C12.0764 10.2974 12.0764 9.90005 12.0264 9.81805C11.9771 9.73471 11.8451 9.68538 11.6471 9.58605Z' fill='rgba(222, 170, 72, 1)'/%3e%3c/svg%3e ");
   opacity: 0;
}
@media (hover: hover) {
   footer .whatsapp:hover::before,
   .header-top-feedback-item .whatsapp::before {
      opacity: 0;
   }
   footer .whatsapp:hover::after,
   .header-top-feedback-item .whatsapp::after {
      opacity: 1;
   }
}
@media (hover: none) {
   footer .whatsapp:active::before,
   .header-top-feedback-item .whatsapp::before {
      opacity: 0;
   }
   footer .whatsapp:active::after,
   .header-top-feedback-item .whatsapp::after {
      opacity: 1;
   }
}
footer .logo {
   padding-left: 0px;
}
footer .section-map-button {
   margin-bottom: 30px;
}

body.openMobile {
   overflow: hidden;
}
body.openMobile header {
   position: fixed;
   z-index: 101;
}
body.openMobile footer {
   overflow: auto;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
   margin-top: var(--header-height);
   padding-bottom: 50px;
   animation: slideIn 0.5s ease-out;
}
body.openMobile footer .footer-wrapper .container {
   height: 100%;
   padding-bottom: 200px;
}
body.openMobile footer > .container:nth-child(1) {
   display: none;
}
body.openMobile footer .footer-bottom {
   display: none;
}

@keyframes slideIn {
   from {
      transform: translateY(-100%);
      opacity: 0;
   }
   to {
      transform: translateY(0);
      opacity: 1;
   }
}

.cookie-container {
   display: none;

   max-width: 100%;
   max-height: 100%;
   position: fixed;
   overflow: hidden;

   background-color: transparent;
   padding: 15px;
   bottom: 0;
   right: 0;
   z-index: 99999;
   box-shadow: 5px 15px 20px 5px rgba(0, 0, 0, 0.25);
}
.cookie {
   width: 100%;
   max-height: 100%;
   background-color: white;
   border-radius: 3px;
   padding: 20px 25px;
   box-shadow: 5px 15px 20px 5px rgba(0, 0, 0, 0.25);
}
.cookie-stage2 {
   display: none;
   width: 640px;
   max-width: 100%;
}
.cookie h3 {
   margin-bottom: 20px;
}
.cookie p {
   font-weight: 200;
}
.cookie .cookie-list {
   border: 2px solid #ababab;
   border-radius: 5px;
   margin-top: 20px;
}
.cookie .cookie-item {
   padding: 20px;
   border-bottom: 2px solid #ababab;
}
.cookie .cookie-item:last-child {
   border: 0;
}
.cookie .cookie-item-title {
   font-weight: 600;
   margin-bottom: 15px;
}
.cookie .cookie-item-text-block {
   display: flex;
   align-items: center;
   gap: 20px;
   justify-content: space-between;
}
.cookie .cookie-buttons {
   margin-top: 20px;
   text-align: right;
}
.cookie .cookie-buttons button {
   background-color: rgba(241, 187, 86, 1);
   color: black;
   border: 0;
   padding: 12px 16px;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 14px;
   cursor: pointer;
}
.cookie .cookie-buttons button.cookie-detail {
   background-color: transparent;
   color: black;
   border: 0;
   padding: 12px 16px;
   font-weight: 500;
   text-transform: uppercase;
   font-size: 14px;
   cursor: pointer;
}
.checkbox-ios {
   display: inline-block;
   height: 28px;
   line-height: 28px;
   position: relative;
   vertical-align: middle;
   font-size: 14px;
   user-select: none;
}
.checkbox-ios .checkbox-ios-switch {
   position: relative;
   display: inline-block;
   box-sizing: border-box;
   width: 56px;
   height: 28px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 25%/50%;
   vertical-align: top;
   background: #eee;
   transition: 0.2s;
}
.checkbox-ios .checkbox-ios-switch:before {
   content: '';
   position: absolute;
   top: 2px;
   left: 2px;
   display: inline-block;
   width: 22px;
   height: 22px;
   border-radius: 50%;
   background: white;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
   transition: 0.15s;
}
.checkbox-ios input[type='checkbox'] {
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   z-index: -1;
   opacity: 0;
}
.checkbox-ios
   input[type='checkbox']:not(:disabled):active
   + .checkbox-ios-switch:before {
   box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}
.checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch {
   background: rgba(241, 187, 86, 1);
}
.checkbox-ios input[type='checkbox']:checked + .checkbox-ios-switch:before {
   transform: translateX(28px);
}
/* Hover */
.checkbox-ios input[type='checkbox']:not(:disabled) + .checkbox-ios-switch {
   cursor: pointer;
}
/* Disabled */
.checkbox-ios input[type='checkbox']:disabled + .checkbox-ios-switch {
   filter: grayscale(70%);
   border-color: rgba(0, 0, 0, 0.1);
}
.checkbox-ios input[type='checkbox']:disabled + .checkbox-ios-switch:before {
   background: #eee;
}
/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
   box-shadow: inset 0px 0px 4px #ff5623;
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/.default/components/bitrix/breadcrumb/crumbs/style.min.css?1747722155467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/.default/components/bitrix/search.title/search/style.css?174772215592*/
.modal-search .modal-search-container .modal-search-results{
	overflow: hidden !important;
}
/* End */
/* /local/templates/paint/css/libraries/swiper-bundle.min.css?174772215518432 */
/* /local/templates/paint/css/style.css?1751622548169706 */
/* /local/templates/.default/components/bitrix/breadcrumb/crumbs/style.min.css?1747722155467 */
/* /local/templates/.default/components/bitrix/search.title/search/style.css?174772215592 */