/* Start:/local/templates/masam/assets/css/plugins.min.css?1782228693133231*/
@charset "UTF-8";@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;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)}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);-moz-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;display:block;flex-shrink:0;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-moz-transition-property:transform,height,-moz-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-moz-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;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{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;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:"";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-webkit-order:9999;-moz-box-ordinal-group:10000;-ms-flex-order:9999;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{-webkit-margin-start:var(--swiper-centered-offset-before);-moz-margin-start:var(--swiper-centered-offset-before);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{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.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{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:4.2rem;left:50%;margin-left:-21px;margin-top:-2.1rem;position:absolute;top:50%;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;width:4.2rem;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s linear infinite;-moz-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes swiper-preloader-spin{0%{-moz-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.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{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:-webkit-calc(var(--swiper-navigation-size)/44*27);width:-moz-calc(var(--swiper-navigation-size)/44*27);width:calc(var(--swiper-navigation-size)/44*27);z-index:10;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;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{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;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);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);-moz-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-moz-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-moz-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-moz-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-moz-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-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;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;-moz-transition:transform .2s,top .2s,-moz-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s,-moz-transform .2s}.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%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-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{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;-moz-transition:transform .2s,left .2s,-moz-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s,-moz-transform .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;-moz-transition:transform .2s,right .2s,-moz-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s,-moz-transform .2s}.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));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;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{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.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{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:-webkit-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);width:-moz-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:-webkit-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);height:-moz-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-grid-column>.swiper-wrapper,.swiper-grid>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;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{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";-webkit-filter:blur(50px);filter:blur(50px);left:0;position:absolute;right:0;top:0}.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{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;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{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;-moz-transition-property:transform,opacity,height,-moz-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform,-moz-transform}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}:root{--f-button-width:40px;--f-button-height:40px;--f-button-border:0;--f-button-border-radius:0;--f-button-color:#374151;--f-button-bg:#f8f8f8;--f-button-shadow:none;--f-button-transition:all .15s ease;--f-button-transform:none;--f-button-outline-width:1px;--f-button-outline-color:rgba(0,0,0,.7);--f-button-svg-width:20px;--f-button-svg-height:20px;--f-button-svg-stroke-width:1.5;--f-button-svg-fill:none;--f-button-svg-filter:none;--f-button-svg-opacity:1;--f-button-svg-disabled-opacity:.5;--f-button-svg-transition:opacity .15s ease;--f-button-svg-transform:none}.f-button{-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);background:var(--f-button-bg);border:var(--f-button-border);border-radius:var(--f-button-border-radius);-webkit-box-shadow:var(--f-button-shadow);box-shadow:var(--f-button-shadow);color:var(--f-button-color);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:var(--f-button-height);-webkit-transform:var(--f-button-transform);-moz-transform:var(--f-button-transform);-ms-transform:var(--f-button-transform);transform:var(--f-button-transform);-webkit-transition:var(--f-button-transition);-moz-transition:var(--f-button-transition);transition:var(--f-button-transition);width:var(--f-button-width);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer;margin:0;overflow:hidden;padding:0;pointer-events:all;position:relative}.f-button:active:not([aria-disabled]){background-color:var(--f-button-active-bg,var(--f-button-hover-bg,var(--f-button-bg)));color:var(--f-button-active-color,var(--f-button-hover-color,var(--f-button-color)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{height:var(--f-button-svg-height);-webkit-transform:var(--f-button-svg-transform);-moz-transform:var(--f-button-svg-transform);-ms-transform:var(--f-button-svg-transform);transform:var(--f-button-svg-transform);width:var(--f-button-svg-width);fill:var(--f-button-svg-fill);-webkit-filter:var(--f-button-svg-filter);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity,1);-webkit-transition:var(--f-button-svg-transition);-moz-transition:var(--f-button-svg-transition);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}@-webkit-keyframes f-spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes f-spinner{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}.f-fadeIn{-webkit-animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;-moz-animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;z-index:2}.f-fadeOut{-webkit-animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;-moz-animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;z-index:1}@-webkit-keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes f-fadeOut{to{opacity:0}}@-moz-keyframes f-fadeOut{to{opacity:0}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{-webkit-animation:var(--f-transition-duration,.2s) ease both f-crossfadeIn;-moz-animation:var(--f-transition-duration,.2s) ease both f-crossfadeIn;animation:var(--f-transition-duration,.2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{-webkit-animation:-webkit-calc(var(--f-transition-duration,.2s)*.2) ease -webkit-calc(var(--f-transition-duration,.2s)*.8) both f-crossfadeOut;-moz-animation:-moz-calc(var(--f-transition-duration,.2s)*.2) ease -moz-calc(var(--f-transition-duration,.2s)*.8) both f-crossfadeOut;animation:calc(var(--f-transition-duration, .2s)*.2) ease calc(var(--f-transition-duration, .2s)*.8) both f-crossfadeOut;z-index:1}@-webkit-keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes f-crossfadeOut{to{opacity:0}}@-moz-keyframes f-crossfadeOut{to{opacity:0}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextX;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextX;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@-webkit-keyframes f-slideInPrevX{0%{-webkit-transform:translate(-webkit-calc(100% + var(--f-carousel-gap,0)));transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes f-slideInPrevX{0%{-moz-transform:translate(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes f-slideInPrevX{0%{-webkit-transform:translate(-webkit-calc(100% + var(--f-carousel-gap,0)));-moz-transform:translate(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes f-slideInNextX{0%{-webkit-transform:translate(-webkit-calc(-100% - var(--f-carousel-gap,0)));transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes f-slideInNextX{0%{-moz-transform:translate(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes f-slideInNextX{0%{-webkit-transform:translate(-webkit-calc(-100% - var(--f-carousel-gap,0)));-moz-transform:translate(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes f-slideOutNextX{to{-webkit-transform:translate(-webkit-calc(-100% - var(--f-carousel-gap,0)));transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@-moz-keyframes f-slideOutNextX{to{-moz-transform:translate(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutNextX{to{-webkit-transform:translate(-webkit-calc(-100% - var(--f-carousel-gap,0)));-moz-transform:translate(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@-webkit-keyframes f-slideOutPrevX{to{-webkit-transform:translate(-webkit-calc(100% + var(--f-carousel-gap,0)));transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}@-moz-keyframes f-slideOutPrevX{to{-moz-transform:translate(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{-webkit-transform:translate(-webkit-calc(100% + var(--f-carousel-gap,0)));-moz-transform:translate(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextY;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextY;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{-webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY;-moz-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY;animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@-webkit-keyframes f-slideInPrevY{0%{-webkit-transform:translateY(-webkit-calc(100% + var(--f-carousel-gap,0)));transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes f-slideInPrevY{0%{-moz-transform:translateY(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes f-slideInPrevY{0%{-webkit-transform:translateY(-webkit-calc(100% + var(--f-carousel-gap,0)));-moz-transform:translateY(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes f-slideInNextY{0%{-webkit-transform:translateY(-webkit-calc(-100% - var(--f-carousel-gap,0)));transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes f-slideInNextY{0%{-moz-transform:translateY(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{-moz-transform:translateZ(0);transform:translateZ(0)}}@keyframes f-slideInNextY{0%{-webkit-transform:translateY(-webkit-calc(-100% - var(--f-carousel-gap,0)));-moz-transform:translateY(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes f-slideOutNextY{to{-webkit-transform:translateY(-webkit-calc(-100% - var(--f-carousel-gap,0)));transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@-moz-keyframes f-slideOutNextY{to{-moz-transform:translateY(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutNextY{to{-webkit-transform:translateY(-webkit-calc(-100% - var(--f-carousel-gap,0)));-moz-transform:translateY(-moz-calc(-100% - var(--f-carousel-gap,0)));transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@-webkit-keyframes f-slideOutPrevY{to{-webkit-transform:translateY(-webkit-calc(100% + var(--f-carousel-gap,0)));transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}@-moz-keyframes f-slideOutPrevY{to{-moz-transform:translateY(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{-webkit-transform:translateY(-webkit-calc(100% + var(--f-carousel-gap,0)));-moz-transform:translateY(-moz-calc(100% + var(--f-carousel-gap,0)));transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{-webkit-animation:var(--f-transition-duration,.3s) ease both f-zoomInUp;-moz-animation:var(--f-transition-duration,.3s) ease both f-zoomInUp;animation:var(--f-transition-duration,.3s) ease both f-zoomInUp}.f-zoomOutDown{-webkit-animation:var(--f-transition-duration,.3s) ease both f-zoomOutDown;-moz-animation:var(--f-transition-duration,.3s) ease both f-zoomOutDown;animation:var(--f-transition-duration,.3s) ease both f-zoomOutDown}@-webkit-keyframes f-zoomInUp{0%{opacity:var(--f-zoomInUp-opacity,0);-webkit-transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0);transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0)}to{opacity:1;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}}@-moz-keyframes f-zoomInUp{0%{opacity:var(--f-zoomInUp-opacity,0);-moz-transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0);transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0)}to{opacity:1;-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}}@keyframes f-zoomInUp{0%{opacity:var(--f-zoomInUp-opacity,0);-webkit-transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0);-moz-transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0);transform:scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0)}to{opacity:1;-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}}@-webkit-keyframes f-zoomOutDown{to{opacity:0;-webkit-transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0);transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0)}}@-moz-keyframes f-zoomOutDown{to{opacity:0;-moz-transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0);transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0)}}@keyframes f-zoomOutDown{to{opacity:0;-webkit-transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0);-moz-transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0);transform:scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0)}}.f-throwOutUp{-webkit-animation:var(--f-throwOutUp-duration,.2s) ease-out both f-throwOutUp;-moz-animation:var(--f-throwOutUp-duration,.2s) ease-out both f-throwOutUp;animation:var(--f-throwOutUp-duration,.2s) ease-out both f-throwOutUp}.f-throwOutDown{-webkit-animation:var(--f-throwOutDown-duration,.2s) ease-out both f-throwOutDown;-moz-animation:var(--f-throwOutDown-duration,.2s) ease-out both f-throwOutDown;animation:var(--f-throwOutDown-duration,.2s) ease-out both f-throwOutDown}@-webkit-keyframes f-throwOutUp{to{opacity:0;-webkit-transform:translate3d(0,-webkit-calc(var(--f-throwOutUp-y,150px)*-1),0);transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px)*-1),0)}}@-moz-keyframes f-throwOutUp{to{opacity:0;-moz-transform:translate3d(0,-moz-calc(var(--f-throwOutUp-y,150px)*-1),0);transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px)*-1),0)}}@keyframes f-throwOutUp{to{opacity:0;-webkit-transform:translate3d(0,-webkit-calc(var(--f-throwOutUp-y,150px)*-1),0);-moz-transform:translate3d(0,-moz-calc(var(--f-throwOutUp-y,150px)*-1),0);transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px)*-1),0)}}@-webkit-keyframes f-throwOutDown{to{opacity:0;-webkit-transform:translate3d(0,var(--f-throwOutDown-y,150px),0);transform:translate3d(0,var(--f-throwOutDown-y,150px),0)}}@-moz-keyframes f-throwOutDown{to{opacity:0;-moz-transform:translate3d(0,var(--f-throwOutDown-y,150px),0);transform:translate3d(0,var(--f-throwOutDown-y,150px),0)}}@keyframes f-throwOutDown{to{opacity:0;-webkit-transform:translate3d(0,var(--f-throwOutDown-y,150px),0);-moz-transform:translate3d(0,var(--f-throwOutDown-y,150px),0);transform:translate3d(0,var(--f-throwOutDown-y,150px),0)}}.has-gmap .f-html,.has-iframe .f-html,.has-pdf .f-html{height:100%;min-height:1px;overflow:visible;width:100%}.has-gmap .f-html,.has-pdf .f-html{padding:0}.f-html{background:var(--f-html-bg);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:var(--f-html-color,currentColor);margin:var(--f-html-margin,0);padding:var(--f-html-padding,2rem);position:relative}.f-html.is-error{text-align:center}.f-iframe{border:0;display:block;height:100%;margin:0;width:100%}.f-caption{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex-shrink:0;-ms-flex-negative:0;background:var(--f-caption-bg);color:var(--f-caption-color);flex-shrink:0;line-height:var(--f-caption-line-height);font:var(--f-caption-font);margin:var(--f-caption-margin);max-height:-webkit-calc(80vh - 10rem);max-height:-moz-calc(80vh - 10rem);max-height:calc(80vh - 10rem);max-width:100%;overflow:auto;overflow-wrap:anywhere;padding:var(--f-caption-padding,16px 8px)}.has-html5video .f-html,.has-vimeo .f-html,.has-youtube .f-html{aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg,rgba(0,0,0,.9));height:100%;max-height:var(--f-video-height,540px);max-width:var(--f-video-width,960px);min-height:1px;overflow:visible;padding:0;width:100%}.f-html5video{background:transparent;border:0;display:block;height:100%;width:100%}.f-button.is-arrow{--f-button-width:var(--f-arrow-width,46px);--f-button-height:var(--f-arrow-height,46px);--f-button-svg-width:var(--f-arrow-svg-width,24px);--f-button-svg-height:var(--f-arrow-svg-height,24px);--f-button-svg-stroke-width:var(--f-arrow-svg-stroke-width,1.75);--f-button-border-radius:var(--f-arrow-border-radius,unset);--f-button-bg:var(--f-arrow-bg,transparent);--f-button-hover-bg:var(--f-arrow-hover-bg,var(--f-arrow-bg));--f-button-active-bg:var(--f-arrow-active-bg,var(--f-arrow-hover-bg));--f-button-shadow:var(--f-arrow-shadow);--f-button-color:var(--f-arrow-color);--f-button-hover-color:var(--f-arrow-hover-color,var(--f-arrow-color));--f-button-active-color:var( --f-arrow-active-color,var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-next,.f-button.is-arrow.is-prev{position:absolute;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-next,.is-horizontal .f-button.is-arrow.is-prev{inset:50% auto auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos,0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next,.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos,0)}.is-horizontal.is-rtl .f-button.is-arrow.is-next,.is-horizontal.is-rtl .f-button.is-arrow.is-prev{-webkit-transform:translateY(-50%) rotateY(180deg);-moz-transform:translateY(-50%) rotateY(180deg);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos,0)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{bottom:auto;left:50%;right:auto;top:var(--f-arrow-pos,0);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{bottom:var(--f-arrow-pos,0);left:50%;right:auto;top:auto;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-next svg,.is-vertical .f-button.is-arrow.is-prev svg{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.f-carousel__toolbar{--f-progressbar-height:100%;-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);background:var(--f-toolbar-bg,none);-webkit-box-shadow:var(--f-toolbar-shadow,none);box-shadow:var(--f-toolbar-shadow,none);color:var(--f-toolbar-color,currentColor);display:grid;font-family:var(--f-toolbar-font,-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif);font-size:var(--f-toolbar-font-size,17px);font-variant-numeric:tabular-nums;font-weight:var(--f-toolbar-font-weight,inherit);grid-template-columns:1fr auto 1fr;line-height:var(--f-toolbar-line-height);margin:var(--f-toolbar-margin,0);padding:var(--f-toolbar-padding,8px);position:relative;text-align:center;text-shadow:var(--f-toolbar-text-shadow);z-index:20;-webkit-font-smoothing:subpixel-antialiased;pointer-events:none;white-space:nowrap}.f-carousel__toolbar.is-absolute{left:0;position:absolute;right:0;top:0}.f-carousel__toolbar__column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-webkit-align-content:flex-start;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;gap:var(--f-toolbar-gap,0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-flex-flow:nowrap;-ms-flex-flow:nowrap;flex-flow:nowrap;justify-content:flex-end}.f-carousel__toolbar__column>*{pointer-events:all}.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[data-autoplay-action=toggle] svg g:first-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}:-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:-moz-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:-ms-fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:flex}:-moz-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:-moz-box;display:flex}:-ms-fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:-ms-flexbox;display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.f-carousel__counter{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius);cursor:default;-ms-flex-direction:row;flex-direction:row;line-height:var(--f-counter-line-height);margin:var(--f-counter-margin,0);padding:var(--f-counter-padding,4px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.f-carousel__counter span{padding:0 var(--f-counter-gap,4px)}:root{--f-thumbs-gap:8px;--f-thumbs-margin:0;--f-thumbs-padding-x:8px;--f-thumbs-padding-y:8px;--f-thumbs-z-index:1;--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-fit:cover;--f-thumb-opacity:1;--f-thumb-transition:opacity .3s ease,transform .15s ease;--f-thumb-border:none;--f-thumb-border-radius:4px;--f-thumb-transfors:none;--f-thumb-shadow:none;--f-thumb-bg:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.05));--f-thumb-focus-shadow:inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow:inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff}.f-thumbs{--f-carousel-slide-width:-webkit-calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-width:-moz-calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-width:calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-height:-webkit-calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-slide-height:-moz-calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-slide-height:calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-gap:0;-webkit-flex-shrink:0;-ms-flex-negative:0;background:var(--f-thumbs-bg);flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;-webkit-tap-highlight-color:transparent;overflow:hidden;-webkit-transition:max-height .3s ease,max-width .3s ease;-moz-transition:max-height .3s ease,max-width .3s ease;transition:max-height .3s ease,max-width .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:-webkit-calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2 + var(--f-thumbs-gap)*2);max-height:-moz-calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2 + var(--f-thumbs-gap)*2);max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2 + var(--f-thumbs-gap)*2)}.f-thumbs.is-vertical{max-width:-webkit-calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)*2 + var(--f-thumbs-gap)*2);max-width:-moz-calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)*2 + var(--f-thumbs-gap)*2);max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)*2 + var(--f-thumbs-gap)*2)}.f-thumbs__viewport{display:grid;margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible}.f-thumbs.is-vertical .f-thumbs__viewport{height:-webkit-calc(100% - var(--f-thumbs-padding-y)*2);height:-moz-calc(100% - var(--f-thumbs-padding-y)*2);height:calc(100% - var(--f-thumbs-padding-y)*2)}.f-thumbs__slide{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;grid-area:1/1;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;cursor:pointer;-ms-flex-direction:column;flex-direction:column;height:var(--f-carousel-slide-height);margin:0;overflow:visible;padding:calc(var(--f-thumbs-gap)*.5);width:var(--f-carousel-slide-width)}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity,1);-webkit-transform:var(--f-thumb-hover-transform,none);-moz-transform:var(--f-thumb-hover-transform,none);-ms-transform:var(--f-thumb-hover-transform,none);transform:var(--f-thumb-hover-transform,none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border,none);-webkit-box-shadow:var(--f-thumb-hover-shadow,var(--f-thumb-shadow));box-shadow:var(--f-thumb-hover-shadow,var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;background:var(--f-thumb-bg);border-radius:var(--f-thumb-border-radius);height:100%;margin:auto;opacity:var(--f-thumb-opacity);outline:none;overflow:visible;padding:0;position:relative;-webkit-transform:var(--f-thumb-transform);-moz-transform:var(--f-thumb-transform);-ms-transform:var(--f-thumb-transform);transform:var(--f-thumb-transform);-webkit-transition:var(--f-thumb-transition);-moz-transition:var(--f-thumb-transition);transition:var(--f-thumb-transition);width:100%}.f-thumbs__slide button:after{border:var(--f-thumb-border);border-radius:inherit;-webkit-box-shadow:var(--f-thumb-shadow);box-shadow:var(--f-thumb-shadow);content:"";top:0;right:0;bottom:0;left:0;position:absolute;-webkit-transition:none;-moz-transition:none;transition:none;z-index:1}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity,1);-webkit-transform:var(--f-thumb-focus-transform,none);-moz-transform:var(--f-thumb-focus-transform,none);-ms-transform:var(--f-thumb-focus-transform,none);transform:var(--f-thumb-focus-transform,none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border,none);-webkit-box-shadow:var(--f-thumb-focus-shadow,var(--f-thumb-shadow));box-shadow:var(--f-thumb-focus-shadow,var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity,1);-webkit-transform:var(--f-thumb-active-transform,none);-moz-transform:var(--f-thumb-active-transform,none);-ms-transform:var(--f-thumb-active-transform,none);transform:var(--f-thumb-active-transform,none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border,none);-webkit-box-shadow:var(--f-thumb-active-shadow,var(--f-thumb-shadow));box-shadow:var(--f-thumb-active-shadow,var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity,1);-webkit-transform:var(--f-thumb-selected-transform,none);-moz-transform:var(--f-thumb-selected-transform,none);-ms-transform:var(--f-thumb-selected-transform,none);transform:var(--f-thumb-selected-transform,none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border,none);-webkit-box-shadow:var(--f-thumb-selected-shadow,var(--f-thumb-shadow));box-shadow:var(--f-thumb-selected-shadow,var(--f-thumb-shadow))}.f-thumbs__slide img{border-radius:inherit;display:block;height:100%;-o-object-fit:var(--f-thumb-fit);object-fit:var(--f-thumb-fit);pointer-events:none;width:100%}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-modern{--f-thumb-clip-width:46px;--f-thumb-extra-gap:16px;--f-carousel-slide-width:-webkit-calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));--f-carousel-slide-width:-moz-calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));--f-carousel-slide-width:calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));--f-carousel-slide-height:var(--f-thumb-height);--width-diff:-webkit-calc(var(--f-thumb-width) - var(--f-thumb-clip-width));--width-diff:-moz-calc(var(--f-thumb-width) - var(--f-thumb-clip-width));--width-diff:calc(var(--f-thumb-width) - var(--f-thumb-clip-width))}.f-thumbs.is-modern .f-thumbs__viewport{margin-left:calc(var(--width-diff)*-1);width:-webkit-calc(100% + var(--width-diff)*2);width:-moz-calc(100% + var(--width-diff)*2);width:calc(100% + var(--width-diff)*2)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift:-webkit-calc((var(--width-diff)*.5)*var(--progress));--clip-shift:-moz-calc((var(--width-diff)*.5)*var(--progress));--clip-shift:calc((var(--width-diff)*.5)*var(--progress));--clip-path:inset(0 var(--clip-shift) round var(--f-thumb-border-radius,0));left:var(--shift,0);overflow:visible;padding:0;-webkit-transition:left var(--f-transition-duration) var(--f-transition-easing);-moz-transition:left var(--f-transition-duration) var(--f-transition-easing);transition:left var(--f-transition-duration) var(--f-transition-easing);will-change:left}.f-thumbs.is-modern .f-thumbs__slide button{border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path);display:block;margin-left:-50%;-webkit-transition:opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease),-webkit-clip-path var(--f-transition-duration) var(--f-transition-easing);transition:opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease),-webkit-clip-path var(--f-transition-duration) var(--f-transition-easing);-moz-transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease);transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease);transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease),-webkit-clip-path var(--f-transition-duration) var(--f-transition-easing);width:var(--f-thumb-width)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{border:var(--f-thumb-focus-border,none);border-radius:inherit;bottom:0;-webkit-box-shadow:var(--f-thumb-focus-shadow,none);box-shadow:var(--f-thumb-focus-shadow,none);content:"";left:var(--clip-shift);position:absolute;right:var(--clip-shift);top:0;-webkit-transition:border var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing);transition:border var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing);-moz-transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing);z-index:1}.f-thumbs.is-modern{--f-transition-duration:.25s;--f-transition-easing:ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration:0s}.f-progressbar{-webkit-animation-name:f-progressbar;-moz-animation-name:f-progressbar;animation-name:f-progressbar;-webkit-animation-play-state:running;-moz-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;background:var(--f-progressbar-color,var(--f-carousel-theme-color,#575ad6));height:var(--f-progressbar-height,3px);left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-moz-transform-origin:0;-ms-transform-origin:0;transform-origin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:30}@-webkit-keyframes f-progressbar{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-moz-keyframes f-progressbar{0%{-moz-transform:scaleX(0);transform:scaleX(0)}to{-moz-transform:scaleX(1);transform:scaleX(1)}}@keyframes f-progressbar{0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:-webkit-full-screen [data-fullscreen-action=toggle] svg g:first-child{display:none}:-moz-full-screen [data-fullscreen-action=toggle] svg g:first-child{display:none}:-ms-fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:-webkit-full-screen [data-fullscreen-action=toggle] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:flex}:-moz-full-screen [data-fullscreen-action=toggle] svg g:last-child{display:-moz-box;display:flex}:-ms-fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:-ms-flexbox;display:flex}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.in-fullscreen-mode>.f-carousel{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-height:0!important;min-width:0!important}html.with-fancybox{overflow:visible;scroll-behavior:auto;width:auto}html.with-fancybox body{-ms-touch-action:none;touch-action:none}html.with-fancybox body.hide-scrollbar{margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none;width:auto}.fancybox__dialog{background:transparent;border:0;height:100vh;margin:0;max-height:unset;max-width:unset;overflow:hidden;padding:0;width:100%}.fancybox__dialog:focus{outline:none}.fancybox__dialog::-webkit-backdrop{opacity:0}.fancybox__dialog::-ms-backdrop{opacity:0}.fancybox__dialog::backdrop{opacity:0}@supports (height:100dvh){.fancybox__dialog{height:100dvh}}.fancybox__container{--fancybox-color:#dbdbdb;--fancybox-backdrop-bg:rgba(24,24,27,.95);--f-toolbar-margin:0;--f-toolbar-padding:8px;--f-toolbar-gap:0;--f-toolbar-color:#ddd;--f-toolbar-font-size:16px;--f-toolbar-font-weight:500;--f-toolbar-font:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;--f-toolbar-line-height:var(--f-button-height);--f-toolbar-text-shadow:1px 1px 1px rgba(0,0,0,.75);--f-toolbar-shadow:none;--f-toolbar-bg:none;--f-counter-margin:0;--f-counter-padding:0px 10px;--f-counter-gap:4px;--f-counter-line-height:var(--f-button-height);--f-carousel-gap:17px;--f-carousel-slide-width:100%;--f-carousel-slide-height:100%;--f-carousel-slide-padding:0;--f-carousel-slide-bg:unset;--f-html-color:#222;--f-html-bg:#fff;--f-error-color:#fff;--f-error-bg:#333;--f-caption-margin:0;--f-caption-padding:16px 8px;--f-caption-color:var(--fancybox-color,#dbdbdb);--f-caption-bg:transparent;--f-caption-font:inherit;--f-caption-line-height:1.375;--f-spinner-color-1:hsla(0,0%,100%,.2);--f-spinner-color-2:hsla(0,0%,100%,.8);--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-border-radius:50%;--f-spinner-border-width:4px;--f-progressbar-color:hsla(0,0%,100%,.2);--f-button-width:46px;--f-button-height:46px;--f-button-color:#ddd;--f-button-hover-color:#fff;--f-button-outline-width:1px;--f-button-outline-color:hsla(0,0%,100%,.75);--f-button-outline-offset:0px;--f-button-bg:rgba(54,54,54,.75);--f-button-border:0;--f-button-border-radius:0;--f-button-shadow:none;--f-button-transition:all .2s ease;--f-button-transform:none;--f-button-svg-width:24px;--f-button-svg-height:24px;--f-button-svg-stroke-width:1.75;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,.01)),drop-shadow(1px 2px 1px rgba(24,24,27,.05));--f-button-svg-fill:none;--f-button-svg-disabled-opacity:.5;--f-arrow-pos:32px;--f-arrow-width:50px;--f-arrow-height:50px;--f-arrow-svg-width:24px;--f-arrow-svg-height:24px;--f-arrow-svg-stroke-width:2;--f-arrow-border-radius:50%;--f-arrow-bg:rgba(54,54,54,.65);--f-arrow-color:#ddd;--f-arrow-hover-color:#fff;--f-thumbs-margin:0px;--f-thumbs-padding-x:8px;--f-thumbs-padding-y:8px;--f-thumbs-bg:none;--f-thumb-transition:all .2s ease;--f-thumb-width:94px;--f-thumb-height:76px;--f-thumb-opacity:1;--f-thumb-border:none;--f-thumb-shadow:none;--f-thumb-transform:none;--f-thumb-focus-opacity:1;--f-thumb-focus-border:none;--f-thumb-focus-shadow:inset 0 0 0 2px hsla(0,0%,100%,.65);--f-thumb-focus-transform:none;--f-thumb-hover-opacity:1;--f-thumb-hover-border:none;--f-thumb-hover-transform:none;--f-thumb-active-opacity:var(--f-thumb-hover-opacity);--f-thumb-active-border:var(--f-thumb-hover-border);--f-thumb-active-transform:var(--f-thumb-hover-transform);--f-thumb-selected-opacity:1;--f-thumb-selected-border:none;--f-thumb-selected-shadow:inset 0 0 0 2px #fff;--f-thumb-selected-transform:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;top:0;right:0;bottom:0;left:0;outline:none;overflow:hidden;position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color:#222;--fancybox-backdrop-bg:hsla(0,0%,100%,.97);--f-toolbar-color:var(--fancybox-color,#222);--f-toolbar-text-shadow:none;--f-toolbar-font-weight:400;--f-html-color:var(--fancybox-color,#222);--f-html-bg:#fff;--f-error-color:#555;--f-error-bg:#fff;--f-video-bg:#fff;--f-caption-color:#333;--f-spinner-color-1:rgba(0,0,0,.2);--f-spinner-color-2:rgba(0,0,0,.8);--f-spinner-border-width:3.5px;--f-progressbar-color:hsla(240,2%,45%,.2);--f-button-color:#333;--f-button-hover-color:#000;--f-button-outline-color:rgba(0,0,0,.85);--f-button-bg:hsla(0,0%,100%,.85);--f-button-svg-stroke-width:1.3;--f-button-svg-filter:none;--f-arrow-bg:hsla(0,0%,100%,.85);--f-arrow-color:#333;--f-arrow-hover-color:#000;--f-arrow-svg-stroke-width:1.3;--f-close-button-color:#555;--f-close-button-hover-color:#000;--f-thumb-bg:linear-gradient(#ebeff2,#e2e8f0);--f-thumb-focus-shadow:0 0 0 1.8px #fff,0px 0px 0px 2.25px #888;--f-thumb-selected-shadow:0 0 0 1.8px #fff,0px 0px 0px 2.25px #000}.fancybox__container::-webkit-backdrop{background-color:transparent}.fancybox__container::-ms-backdrop{background-color:transparent}.fancybox__container::backdrop{background-color:transparent}.fancybox__container.has-vertical-thumbs{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,.f-panzoom__wrapper,.f-spinner),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container>:not(.fancybox__carousel){opacity:var(--f-drag-opacity,1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,.f-panzoom__wrapper,.f-spinner),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-revealing>:not(.fancybox__carousel){-webkit-animation:var(--f-interface-enter-duration,.35s) ease none f-fadeIn;-moz-animation:var(--f-interface-enter-duration,.35s) ease none f-fadeIn;animation:var(--f-interface-enter-duration,.35s) ease none f-fadeIn}.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,.f-panzoom__wrapper),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-hiding>:not(.fancybox__carousel){-webkit-animation:var(--f-interface-exit-duration,.35s) ease forwards f-fadeOut;-moz-animation:var(--f-interface-exit-duration,.35s) ease forwards f-fadeOut;animation:var(--f-interface-exit-duration,.35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{opacity:0;pointer-events:none}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none}.fancybox__container.is-idle.is-ready .f-button.is-arrow,.fancybox__container.is-idle.is-ready .f-carousel__toolbar{-webkit-animation:f-fadeOut .15s ease-out both;-moz-animation:f-fadeOut .15s ease-out both;animation:f-fadeOut .15s ease-out both}.fancybox__backdrop{background:var(--fancybox-backdrop-bg);top:0;right:0;bottom:0;left:0;position:fixed;z-index:-1}.fancybox__carousel{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0;min-width:0;overflow-x:clip;overflow-y:visible;position:relative;z-index:10}.fancybox__carousel.is-vertical{--f-carousel-slide-height:100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{content:"";top:-30px;right:-30px;bottom:-30px;left:-30px;position:absolute;z-index:1}.fancybox__carousel>.f-progressbar{background-color:var(--fancybox-color)}.fancybox__viewport{display:grid;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-height:0;min-width:0;overflow:visible;position:relative;-webkit-transform:translate3d(0,var(--f-drag-offset,0),0);-moz-transform:translate3d(0,var(--f-drag-offset,0),0);transform:translate3d(0,var(--f-drag-offset,0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.fancybox__viewport [contenteditable],.fancybox__viewport [data-selectable]{cursor:auto}.fancybox__slide{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;grid-area:1/1;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background:var(--f-carousel-slide-bg);-ms-flex-direction:column;flex-direction:column;height:var(--f-carousel-slide-height);margin:0;max-width:100%;min-height:0;min-width:0;padding:var(--f-carousel-slide-padding);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);width:var(--f-carousel-slide-width);will-change:transform}.fancybox__slide:after,.fancybox__slide:before{content:"";display:block}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color:var(--f-error-color,--f-html-color);--f-html-bg:var(--f-error-bg,--f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide .f-button[data-fancybox-close]{--f-button-width:var(--f-close-button-width,34px);--f-button-height:var(--f-close-button-height,34px);--f-button-border-radius:var(--f-close-border-radius,4px);--f-button-color:var(--f-close-button-color,#fff);--f-button-hover-color:var(--f-close-button-hover-color,#fff);--f-button-bg:var(--f-close-button-bg,transparent);--f-button-hover-bg:var(--f-close-button-hover-bg,transparent);--f-button-active-bg:var(--f-close-button-active-bg,transparent);--f-button-svg-width:var(--f-close-button-svg-width,22px);--f-button-svg-height:var(--f-close-button-svg-height,22px);position:absolute;right:0;top:-webkit-calc(var(--f-button-height)*-1);top:-moz-calc(var(--f-button-height)*-1);top:calc(var(--f-button-height)*-1);z-index:40}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}:root{--f-spinner-color-1:rgba(0,0,0,.1);--f-spinner-color-2:rgba(17,24,28,.8);--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-border-radius:50%;--f-spinner-border-width:4px}.f-spinner{-webkit-animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both;-moz-animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both;animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-radius:var(--f-spinner-border-radius);border-top-color:var(--f-spinner-color-2);height:var(--f-spinner-height);left:50%;margin:calc(var(--f-spinner-width)*-.5) 0 0 calc(var(--f-spinner-height)*-.5);padding:0;position:absolute;top:50%;width:var(--f-spinner-width)}@keyframes f-spinner{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.f-panzoom,.f-zoomable{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.f-panzoom:after,.f-panzoom:before,.f-zoomable:after,.f-zoomable:before{content:"";display:block}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom__wrapper{max-height:100%;max-width:100%;min-height:0;min-width:0;position:relative}.f-panzoom__wrapper.will-zoom-out{cursor:-moz-zoom-out;cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:-moz-zoom-in;cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{max-height:100%;max-width:100%;min-height:0;min-width:0}.f-panzoom__content.has-lazyerror,.f-panzoom__content.is-lazyloading{visibility:hidden}img.f-panzoom__content{-o-object-fit:contain;object-fit:contain;-webkit-transition:none;-moz-transition:none;transition:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top}.f-panzoom__wrapper>img.f-panzoom__content,.f-panzoom__wrapper>picture.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{display:block;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}picture.f-panzoom__content img{height:auto;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transition:none;-moz-transition:none;transition:none;vertical-align:top;width:100%}.f-panzoom__protected,picture.f-panzoom__content img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.f-panzoom__protected{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.noUi-target{position:relative}.noUi-base,.noUi-connects{height:100%;position:relative;width:100%;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;-webkit-transform-style:flat;-moz-transform-style:flat;transform-style:flat;width:100%;will-change:transform;z-index:1}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:1.8rem}.noUi-horizontal .noUi-handle{height:2.8rem;right:-17px;top:-6px;width:3.4rem}.noUi-vertical{width:1.8rem}.noUi-vertical .noUi-handle{bottom:-17px;height:3.4rem;right:-6px;width:2.8rem}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border:1px solid #d3d3d3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{background:#fff;border:1px solid #d9d9d9;border-radius:3px;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;cursor:default}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{background:#e8e7e6;content:"";display:block;height:14px;left:14px;position:absolute;top:6px;width:1px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{height:1px;left:6px;top:14px;width:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{color:#999;position:absolute}.noUi-value{position:absolute;text-align:center;white-space:nowrap}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#ccc;position:absolute}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{height:8rem;left:0;padding:10px 0;top:100%;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);-moz-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{height:5px;margin-left:-1px;width:2px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{height:100%;left:100%;padding:0 10px;top:0}.noUi-value-vertical{padding-left:25px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.noUi-rtl .noUi-value-vertical{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{height:2px;margin-top:-1px;width:5px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{background:#fff;border:1px solid #d9d9d9;border-radius:3px;color:#000;display:block;padding:5px;position:absolute;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.noUi-vertical .noUi-tooltip{right:120%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.noUi-horizontal .noUi-origin>.noUi-tooltip{bottom:10px;left:auto;-webkit-transform:translate(50%);-moz-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%)}.noUi-vertical .noUi-origin>.noUi-tooltip{right:2.8rem;top:auto;-webkit-transform:translateY(-18px);-moz-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px)}@-webkit-keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@-moz-keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@-webkit-keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes plyr-popup{0%{opacity:.5;-moz-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}@-moz-keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;direction:ltr;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;-moz-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out,-moz-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out,-moz-transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transform:translateY(-webkit-calc(var(--plyr-control-spacing,10px)*-4));-moz-transform:translateY(-moz-calc(var(--plyr-control-spacing,10px)*-4));-ms-transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4));transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:1.8rem;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:1.8rem;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}.plyr__menu .plyr__control svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;-moz-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,hsla(0,0%,100%,.902));border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.149);box-shadow:0 1px 2px #00000026;-webkit-box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.149));box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.149));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;-webkit-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);-moz-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid rgba(0,0,0,0);border:var(--plyr-menu-arrow-size,4px) solid rgba(0,0,0,0);border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.902));content:"";height:0;position:absolute;right:14px;right:-webkit-calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);right:-moz-calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__menu__container .plyr__control,.plyr__menu__container .plyr__control>span{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%}.plyr__menu__container .plyr__control>span{-webkit-box-align:inherit;-webkit-align-items:inherit;-moz-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}.plyr__menu__container .plyr__control:after{border:4px solid rgba(0,0,0,0);border:var(--plyr-menu-item-arrow-size,4px) solid rgba(0,0,0,0);content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:-webkit-calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px));right:-moz-calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px));right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:-webkit-calc(100% - 14px);width:-moz-calc(100% - 14px);width:calc(100% - 14px);width:-webkit-calc(100% - var(--plyr-control-spacing,10px)*.7*2);width:-moz-calc(100% - var(--plyr-control-spacing,10px)*.7*2);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:-webkit-calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px));left:-moz-calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px));left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);-webkit-box-shadow:0 1px 0 #fff;box-shadow:0 1px #fff;-webkit-box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;-moz-transition:transform .3s ease,opacity .3s ease,-moz-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:-webkit-calc(var(--plyr-range-thumb-height,13px)*2);border-radius:-moz-calc(var(--plyr-range-thumb-height,13px)*2);border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:1.9rem;height:-webkit-calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));height:-moz-calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,currentColor),color-stop(0,rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,currentColor,rgba(0,0,0,0) 0);background-image:linear-gradient(90deg,currentColor,rgba(0,0,0,0) 0);background-image:-webkit-gradient(linear,left top,right top,from(currentColor),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,currentColor var(--value,0),rgba(0,0,0,0) var(--value,0));background-image:linear-gradient(to right,currentColor var(--value,0),rgba(0,0,0,0) var(--value,0));border:0;border-radius:2.5px;border-radius:-webkit-calc(var(--plyr-range-track-height,5px)/2);border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2);box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;-webkit-box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2));box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:-moz-calc(var(--plyr-range-track-height,5px)/2);border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:-moz-calc(var(--plyr-range-track-height,5px)/2);border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.149);box-shadow:0 1px 2px #00000026;-webkit-box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.149));box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.149));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;-webkit-transform:translate(-50%,10px) scale(.8);-moz-transform:translate(-50%,10px) scale(.8);-ms-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;-moz-transition:transform .2s ease .1s,opacity .2s ease .1s,-moz-transform .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s,-moz-transform .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid rgba(0,0,0,0);border-left:var(--plyr-tooltip-arrow-size,4px) solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-right:var(--plyr-tooltip-arrow-size,4px) solid rgba(0,0,0,0);border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:-webkit-calc(var(--plyr-tooltip-arrow-size,4px)*-1);bottom:-moz-calc(var(--plyr-tooltip-arrow-size,4px)*-1);bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;-webkit-transform:translate(-50%) scale(1);-moz-transform:translate(-50%) scale(1);-ms-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;-webkit-transform:translateY(10px) scale(.8);-moz-transform:translateY(10px) scale(.8);-ms-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:-webkit-calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);left:-moz-calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;-webkit-transform:translateY(10px) scale(.8);-moz-transform:translateY(10px) scale(.8);-ms-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:-webkit-calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);right:-moz-calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{-webkit-transform:translate(0) scale(1);-moz-transform:translate(0) scale(1);-ms-transform:translate(0) scale(1);transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:-webkit-calc(var(--plyr-range-thumb-height,13px)*.5);left:-moz-calc(var(--plyr-range-thumb-height,13px)*.5);left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:-webkit-calc(100% + 13px);width:-moz-calc(100% + 13px);width:calc(100% + 13px);width:-webkit-calc(100% + var(--plyr-range-thumb-height,13px));width:-moz-calc(100% + var(--plyr-range-thumb-height,13px));width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:12rem;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;-moz-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:-webkit-linear-gradient(135deg,rgba(35,40,47,.6) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0));background-image:-moz-linear-gradient(135deg,rgba(35,40,47,.6) 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,rgba(0,0,0,0) 0,rgba(0,0,0,0));background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:-webkit-linear-gradient(135deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-image:-moz-linear-gradient(135deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:9rem;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.102);box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;-webkit-box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.102));box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.102))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.102))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.102))}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;-webkit-transform:translateY(-38.28125%);-moz-transform:translateY(-38.28125%);-ms-transform:translateY(-38.28125%);transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.749)));background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.749));background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.749));background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.749)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;-moz-transition:opacity .4s ease-in-out,transform .4s ease-in-out,-moz-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out,-moz-transform .4s ease-in-out;z-index:3}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.502);box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;-webkit-box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502));box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.149),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.502))}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.251))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;top:0;right:0;bottom:0;left:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}.plyr__ads{border-radius:inherit;cursor:pointer;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.149);box-shadow:0 1px 2px #00000026;-webkit-box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.149));box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.149));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;-webkit-transform:translateY(10px) scale(.8);-moz-transform:translateY(10px) scale(.8);-ms-transform:translateY(10px) scale(.8);transform:translateY(10px) scale(.8);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;transition:opacity .2s ease .1s,-webkit-transform .2s ease .1s;-moz-transition:transform .2s ease .1s,opacity .2s ease .1s,-moz-transform .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s;transition:transform .2s ease .1s,opacity .2s ease .1s,-webkit-transform .2s ease .1s,-moz-transform .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;-webkit-transform:translate(0) scale(1);-moz-transform:translate(0) scale(1);-ms-transform:translate(0) scale(1);transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid rgba(0,0,0,0);border-left:var(--plyr-tooltip-arrow-size,4px) solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-right:var(--plyr-tooltip-arrow-size,4px) solid rgba(0,0,0,0);border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:-webkit-calc(var(--plyr-tooltip-arrow-size,4px)*-1);bottom:-moz-calc(var(--plyr-tooltip-arrow-size,4px)*-1);bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:-webkit-calc(50% + var(--preview-arrow-offset));left:-moz-calc(50% + var(--preview-arrow-offset));left:calc(50% + var(--preview-arrow-offset));position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:-webkit-calc(var(--plyr-menu-radius,8px) - 1px);border-radius:-moz-calc(var(--plyr-menu-radius,8px) - 1px);border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.149);box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.749)));background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.749));background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.749));background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.749)));border-bottom-left-radius:7px;border-bottom-left-radius:-webkit-calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-left-radius:-moz-calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:-webkit-calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:-moz-calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:2rem 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{-webkit-filter:blur(1px);filter:blur(1px);height:100%;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:2rem;padding:calc(var(--plyr-control-spacing, 10px)*2)}.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}@media (min-width:768px){.plyr__captions{font-size:1.8rem;font-size:var(--plyr-font-size-large,18px)}}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:2.1rem;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-moz-full-screen .plyr__captions{font-size:2.1rem;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:2.1rem;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:2.1rem;font-size:var(--plyr-font-size-xlarge,21px)}.plyr--fullscreen-fallback .plyr__captions{font-size:2.1rem;font-size:var(--plyr-font-size-xlarge,21px)}}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}@media (hover:hover){.f-button:hover:not([aria-disabled]){background-color:var(--f-button-hover-bg,var(--f-button-bg));color:var(--f-button-hover-color,var(--f-button-color))}}

/* End */


/* Start:/local/templates/masam/assets/css/style.min.css?1793164055283803*/
:root {
    --color-brand: #d94e44;
    --color-pink: #ffe3df;
    --color-white: #fff;
    --color-light-blue: #f5f6fa;
    --color-black: #11131b;
    --color-gray-09: #292a31;
    --color-gray-08: #3f4047;
    --color-gray-07: #56575d;
    --color-gray-06: #6c6d72;
    --color-gray-05: #848488;
    --color-gray-04: #9a9b9e;
    --color-gray-03: #b1b2b4;
    --color-gray-02: #c7c8c9;
    --color-gray-01: #dfdfe0;
    --color-brand-2: #03223e;
    --color-green: #2eb73b;
    --color-light-green: #d4f2d8;
    --color-pink-2: #f8aea9;
    --color-red: #db0d27;
    --color-brand-light: #f27967;
    --color-gradient: linear-gradient(90deg, #d8364b .09%, #f47f69 99.86%);
    --font-main: "Inter Tight", sans-serif;
    --font-heading-64: 600 64px/1.2 var(--font-main);
    --font-heading-56: 600 56px/1.2 var(--font-main);
    --font-heading-48: 600 48px/1.2 var(--font-main);
    --font-heading-40: 600 40px/1.2 var(--font-main);
    --font-heading-32: 600 32px/1.2 var(--font-main);
    --font-heading-28: 600 28px/1.2 var(--font-main);
    --font-heading-24: 600 24px/1.2 var(--font-main);
    --font-heading-20: 600 20px/1.2 var(--font-main);
    --font-heading-16: 600 16px/1.2 var(--font-main);
    --font-heading-14: 600 14px/1.2 var(--font-main);
    --font-heading-12: 600 12px/1.2 var(--font-main);
    --font-button-16: 700 16px/1.4 var(--font-main);
    --font-button-14: 700 14px/1.4 var(--font-main);
    --font-button-12: 700 12px/1.4 var(--font-main);
    --font-body-20: 400 20px/1.5 var(--font-main);
    --font-body-20-sb: 600 20px/1.5 var(--font-main);
    --font-body-16: 400 16px/1.5 var(--font-main);
    --font-body-16-sb: 600 16px/1.5 var(--font-main);
    --font-body-14: 400 14px/1.5 var(--font-main);
    --font-body-14-sb: 600 14px/1.5 var(--font-main);
    --font-body-12-sb: 600 12px/1.5 var(--font-main);
    --font-menu: 500 14px/1.4 var(--font-main);
    --header-height: 64px;
    --header-offset: 142px
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

input {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

figure, h1, h2, h3, h4, h5, h6, img, li, ol, p, ul {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

a {
    cursor: pointer;
    display: inline-block;
    line-height: inherit;
    text-decoration: none
}

a:active, a:hover {
    outline: 0
}

input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input:focus {
    outline: none
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

textarea:focus {
    outline: none
}

button {
    cursor: pointer;
    margin: 0;
    padding: 0
}

section {
    clear: both
}

:root {
    --container: 16px;
    --max-width: -webkit-calc(1720px + var(--container) * 2);
    --max-width: -moz-calc(1720px + var(--container) * 2);
    --max-width: calc(1720px + var(--container) * 2)
}

.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--max-width);
    padding: 0 var(--container);
    position: relative;
    width: 100%
}

@-webkit-keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fadeinup {
    0% {
        opacity: 0;
        -moz-transform: translateY(50px);
        transform: translateY(50px)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        transform: translateY(50px)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes faderight {
    0% {
        right: -100%
    }
    to {
        right: 0
    }
}

@-moz-keyframes faderight {
    0% {
        right: -100%
    }
    to {
        right: 0
    }
}

@keyframes faderight {
    0% {
        right: -100%
    }
    to {
        right: 0
    }
}

* {
    letter-spacing: 1px;
    -webkit-tap-highlight-color: transparent
}

.notify-block-text, a, a *, caption, li, li *, ol, p, p *, span, span *, table, table *, tbody, td, tfoot, th, thead, tr, ul {
    letter-spacing: normal
}

html {
    height: 100%;
    scroll-behavior: smooth;
    scroll-padding: -webkit-calc(var(--header-height) + 20px);
    scroll-padding: -moz-calc(var(--header-height) + 20px);
    scroll-padding: calc(var(--header-height) + 20px)
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--font-body-16);
    max-width: 100%;
    min-height: 100%;
    min-width: 360px
}

body.no-scroll, body.overflow-hidden {
    overflow: hidden
}

body b {
    color: inherit;
    font-weight: 500
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.overlay {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden
}

.overlay.show {
    background: #0003 0;
    height: 100%;
    left: 0;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 12
}

::-webkit-scrollbar {
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    resize: none
}

main {
    min-height: max(100vh - 61.4rem, 35rem)
}

.hide {
    display: none !important
}

.error {
    color: var(--color-brand)
}

a {
    color: inherit
}

a:hover {
    color: var(--color-brand)
}

li {
    list-style: none
}

p ~ p {
    margin-top: 10px
}

section ~ section {
    margin-top: 8rem
}

section:last-child {
    margin-bottom: 80px
}

.page-title {
    margin-top: 4rem
}

button {
    background-color: transparent;
    border: none;
    outline: none
}

.btn-check:focus + .btn, .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 6px;
    cursor: pointer;
    font: var(--font-button-12);
    gap: 8px;
    justify-content: center;
    letter-spacing: .72px;
    padding: 8px 16px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn[disabled] {
    pointer-events: none
}

.btn--pink {
    background-color: var(--color-pink);
    border-radius: 4px;
    font: var(--font-button-14);
    font-weight: 600;
    height: 4rem;
    padding: 10px 12px
}

.btn--border, .btn--pink {
    color: var(--color-brand);
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.btn--border {
    background-color: var(--color-white);
    border: 1px solid var(--color-brand);
    border-radius: 8px;
    font: var(--font-button-16);
    height: 5.6rem;
    letter-spacing: .96px;
    padding: 16px 3.2rem
}

.btn--border svg {
    height: 2.4rem;
    width: 2.4rem;
    fill: var(--color-brand);
    stroke: var(--color-brand);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.btn--border:hover {
    color: var(--color-brand-light)
}

.btn--border:hover svg {
    fill: var(--color-brand-light)
}

.btn--brand {
    background: var(--color-brand-light, #f27967);
    overflow: hidden;
    padding: 16px 3.2rem;
    position: relative
}

.btn--brand:before {
    background: var(--color-gradient, linear-gradient(90deg, #d8364b .09%, #f47f69 99.86%));
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.btn--brand p, .btn--brand svg {
    position: relative;
    z-index: 2
}

.btn--brand p {
    color: var(--color-white)
}

.btn--brand:hover {
    background: var(--color-brand-light, #f27967)
}

.btn--brand:hover p {
    color: var(--color-white)
}

.btn--brand:hover:before {
    opacity: 0
}

.btn--more {
    background-color: transparent;
    color: var(--color-brand);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: var(--font-button-12);
    gap: 6px;
    letter-spacing: .72px;
    text-transform: uppercase
}

.btn--more svg {
    height: 16px;
    width: 16px;
    fill: var(--color-brand);
    stroke: none
}

.btn--more:hover, .btn--white {
    color: var(--color-brand)
}

.btn--white {
    background-color: var(--color-white);
    border-radius: 12px;
    font: var(--font-button-16);
    height: 5.6rem;
    letter-spacing: .96px;
    padding: 16px 3.2rem;
    text-transform: uppercase
}

.btn--white:hover {
    color: var(--color-brand)
}

a.btn--brand:hover {
    color: var(--color-white)
}

image, svg, video {
    height: 100%;
    width: 100%
}

input[type=checkbox] {
    display: none !important
}

.checkbox-style label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    cursor: pointer;
    gap: 10px
}

.checkbox-style span {
    color: var(--color-gray-06);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 150%
}

.custom-checkbox {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    background-color: var(--color-white);
    border: 2px solid var(--color-gray-01);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 2.3rem;
    width: 2.3rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.custom-checkbox:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%230e0e0e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.334 8.667 2.667 2.666 6.666-6.666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    width: 14px
}

input:checked + label .custom-checkbox:after {
    opacity: 1;
    visibility: visible
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none
}

.swiper-navigation {
    display: none
}

.swiper-button {
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.8rem;
    width: 4.8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--color-white);
    justify-content: center
}

.swiper-button svg {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    stroke: var(--color-gray-07);
    fill: none
}

.swiper-button-next {
    left: auto;
    right: 3rem
}

.swiper-pagination-horizontal {
    bottom: -6px
}

.swiper-pagination-bullet {
    background: transparent;
    background-color: var(--color-pink);
    height: 8px;
    opacity: 1;
    width: 8px
}

.swiper-pagination-bullet-active {
    background-color: var(--color-brand);
    border-radius: 20px;
    height: 8px;
    width: 3.2rem
}

h1 {
    font: var(--font-heading-32)
}

h2 {
    font: var(--font-heading-28)
}

h3 {
    font: var(--font-heading-20)
}

.header {
    background-color: var(--color-white);
    height: var(--header-height);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30
}

.header:after {
    background-color: var(--color-gray-01);
    content: "";
    height: 1px;
    position: absolute;
    top: var(--header-height);
    width: 100%
}

.header.mobile-menu-active .back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header.mobile-menu-active .mobile-menu {
    right: 0
}

.header.mobile-menu-active .header__logo, .header.mobile-menu-active .header__main .header__phones-item {
    display: none
}

.header-scroll .header {
    top: 0
}

.header__inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--max-width);
    padding: 0 var(--container);
    position: relative;
    width: 100%
}

.header__menu {
    display: none
}

.header__menu-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.has-child .header__menu-link:after {
    background: url(/local/templates/masam/assets/css/../images/Chevron-down.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    margin-left: 6px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 16px
}

.header__contacts {
    display: none;
    gap: 12px;
    padding-bottom: 23px
}

.header__contacts li a {
    background-color: var(--color-light-blue);
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.2rem;
    width: 3.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__contacts svg {
    fill: var(--color-gray-03);
    -webkit-flex-shrink: 0;
    height: 14px;
    width: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.header__contacts li:hover svg {
    fill: var(--color-brand)
}

.header__buttons {
    display: none;
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__location {
    cursor: pointer;
    display: none
}

.header__location svg {
    -webkit-flex-shrink: 0;
    height: 2rem;
    width: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: none;
    stroke: var(--color-black)
}

.header__bar {
    display: none;
    font: var(--font-menu);
    line-height: 1.2;
    padding-bottom: 24px;
    text-transform: uppercase
}

.header__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
    position: relative
}

.header__logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__logo img {
    aspect-ratio: 4/1;
    max-height: 3.2rem
}

.header-catalog-btn .icon {
    height: 2.4rem;
    width: 2.4rem;
    fill: var(--color-white);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-catalog-btn p {
    height: 2rem
}

.header-catalog-btn:not(.active) .icon-X {
    display: none
}

.header-catalog-btn.active .icon-X {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header-catalog-btn.active .icon-catalog, .header__options {
    display: none
}

.search {
    background-color: var(--color-light-blue);
    border-radius: 8px;
    font: var(--font-body-16);
    height: 5.6rem;
    padding: 0 2rem;
    position: relative
}

.search .input-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 100%
}

.search form {
    height: 100%
}

.search input {
    background-color: transparent;
    border: none;
    color: var(--color-gray-06);
    font: var(--font-body-16);
    width: 100%
}

.search input::-webkit-input-placeholder {
    color: var(--color-gray-06);
    font: var(--font-body-16)
}

.search input::-moz-placeholder {
    color: var(--color-gray-06);
    font: var(--font-body-16)
}

.search input:-ms-input-placeholder {
    color: var(--color-gray-06);
    font: var(--font-body-16)
}

.search input::-ms-input-placeholder {
    color: var(--color-gray-06);
    font: var(--font-body-16)
}

.search input::placeholder {
    color: var(--color-gray-06);
    font: var(--font-body-16)
}

.search .icon {
    height: 2rem;
    width: 2rem;
    fill: none;
    stroke: var(--color-gray-06)
}

.search .icon-X {
    display: none;
    fill: var(--color-gray-06);
    stroke: none
}

.result-bottom span {
    font-weight: 600
}

.header__catalog {
    display: none
}

.header__catalog.active {
    background-color: #fff;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    left: 0;
    max-height: 44.8rem;
    overflow: hidden;
    padding: 0 4rem;
    position: absolute;
    top: 7rem;
    width: 100%;
    z-index: 10
}

.header__phones {
    gap: 20px
}

.header__phones, .header__phones-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__phones-item {
    gap: 4px
}

.header__phones-item a {
    color: var(--color-black);
    font: var(--font-menu);
    line-height: 1.2;
    text-transform: uppercase
}

.header__phones-item .phone-detail p {
    color: var(--color-gray-06);
    font: var(--font-body-14);
    line-height: 1.4
}

.header__phones-item img {
    height: 2.4rem;
    width: 2.4rem
}

.header__phones-item .phone-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    gap: 4px;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem
}

.header__phones-item .phone-icon svg {
    height: 16px;
    width: 16px;
    fill: var(--color-gray-03)
}

.header__phones-item:not(:first-child) {
    display: none
}

.header__phones-item:not(:first-child) .phone-icon svg {
    display: none
}

.header__phones-item:not(:first-child) .phone-detail {
    padding-left: 0
}

.header__category {
    display: none
}

.header__catalog-wrap {
    margin: 4rem 0;
    max-height: 64.9rem;
    overflow-y: auto;
    width: 100%
}

.header__catalog-wrap, .header__catalog-wrap .header__catalog-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header__catalog-wrap .header__catalog-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__catalog-wrap .header__catalog-list li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 31%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.header__catalog-wrap .header__catalog-list li, .header__subcatalog-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header__subcatalog-link {
    font: var(--font-heading-14);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__subcatalog-link:after {
    background-image: url(/local/templates/masam/assets/css/../images/chevron-right.svg);
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    width: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__catalog-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    border-radius: 12px;
    height: 34.6rem;
    justify-content: flex-end;
    margin-right: 20px;
    overflow: hidden;
    width: 23.8rem
}

.header__catalog-banner > p {
    color: var(--color-white);
    position: relative
}

.header__catalog-banner .btn {
    margin: 2rem
}

.header__catalog-banner-img {
    height: 100%;
    position: absolute
}

.header__catalog-banner-img:before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%);
    background: linear-gradient(0deg, #0006, #0006);
    border-radius: 12px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.header__catalog-banner-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header__sublist {
    display: none
}

.header__sublist li ~ li {
    margin-top: 8px
}

.header__burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    width: 4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.header__burger .icon {
    height: 2.4rem;
    width: 2.4rem;
    fill: var(--color-white);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__burger .icon-X {
    display: none
}

.header__burger.active .icon-X {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    fill: var(--color-black)
}

.header__burger.active .icon-menu {
    display: none
}

.header__burger.active.btn--brand {
    background: transparent
}

.header__burger.active.btn--brand:before {
    background: transparent
}

.mobile-menu {
    -webkit-animation: faderight .2s ease;
    -moz-animation: faderight .2s ease;
    animation: faderight .2s ease;
    background-color: var(--color-white);
    height: 100%;
    overflow-y: auto;
    padding: 2rem var(--container);
    padding-bottom: calc(var(--header-height) + 20px);
    position: fixed;
    right: -100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.mobile-menu .header__category, .mobile-menu .header__menu, .mobile-menu .header__phones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0
}

.mobile-menu .header__bar {
    gap: 28px
}

.mobile-menu .header__bar, .mobile-menu .header__location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu .header__location {
    gap: 6px
}

.mobile-menu .submenu {
    display: none
}

.mobile-menu .header__buttons, .mobile-menu .header__contacts, .mobile-menu .header__phones-item, .mobile-menu .header__phones-item p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu .header__catalog-list, .mobile-menu .header__category, .mobile-menu .header__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    padding: 2.3rem 0;
    position: relative
}

.mobile-menu .header__catalog-list:after, .mobile-menu .header__category:after {
    background-color: var(--color-gray-01);
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.mobile-menu .header__category {
    color: var(--color-gray-07);
    font: var(--font-body-14-sb)
}

.mobile-menu .header__menu {
    color: var(--color-gray-06);
    font: var(--font-body-14)
}

.mobile-menu .header__phones {
    gap: 12px;
    padding: 2.4rem 0
}

.back {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    display: none;
    order: -1
}

.back svg {
    height: 2.4rem;
    width: 2.4rem
}

.mobile-menu.expanded .header__sublist, .mobile-menu.expanded .submenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.mobile-menu.expanded .header__bar, .mobile-menu.expanded .header__buttons, .mobile-menu.expanded .header__category, .mobile-menu.expanded .header__contacts, .mobile-menu.expanded .header__location, .mobile-menu.expanded .header__phones, .mobile-menu.expanded .header__search {
    display: none
}

.mobile-menu.expanded .header__catalog-list:after, .mobile-menu.expanded .header__category:after {
    display: none
}

.mobile-menu.expanded .header__catalog-list, .mobile-menu.expanded .header__menu {
    padding: 0
}

.mobile-menu.expanded .header__menu-item {
    width: 100%
}

.mobile-menu.expanded .header__menu-link, .mobile-menu.expanded .header__subcatalog-link {
    color: var(--color-black);
    font: var(--font-heading-20);
    margin-bottom: 20px
}

.mobile-menu.expanded .header__menu-link:after, .mobile-menu.expanded .header__subcatalog-link:after {
    display: none
}

.mobile-menu.expanded .header__sublist li a, .mobile-menu.expanded .submenu li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    color: var(--color-gray-08);
    font: var(--font-heading-14);
    justify-content: space-between;
    width: 100%
}

.mobile-menu.expanded .header__sublist li a:after, .mobile-menu.expanded .submenu li a:after {
    background-image: url(/local/templates/masam/assets/css/../images/chevron-right-08.svg);
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    width: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer {
    background: var(--color-gray-09);
    color: var(--color-white)
}

.footer__inner {
    display: grid;
    padding: 4rem 4px
}

.footer__links {
    font: var(--font-menu);
    font-size: 16px;
    gap: 16px;
    margin-bottom: 40px
}

.footer__links, .footer__links ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__links ul {
    gap: 12px
}

.footer__address {
    gap: 20px;
    margin-bottom: 16px;
    max-width: 28.7rem
}

.footer__address, .footer__address-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__address-item {
    font: var(--font-menu);
    gap: 12px
}

.footer__address-item p {
    letter-spacing: .28px;
    text-transform: uppercase
}

.footer__address-item .address__map {
    color: #ffffffb3;
    line-height: 1.5
}

.footer__contact span {
    display: none
}

.footer__contact-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.8rem;
    font-weight: 500;
    gap: 20px;
    line-height: 120%;
    margin-bottom: 40px
}

.footer__contact-links, .footer__contact-links .footer__contact-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.footer__contact-links .footer__contact-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.footer__contact-links .footer__contact-item:not(:first-child) .phone-icon {
    display: none
}

.footer__contact-links a {
    gap: 4px
}

.footer__contact-links .phone-icon, .footer__contact-links a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__contact-links .phone-icon {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem
}

.footer__contact-links svg {
    height: 16px;
    width: 16px;
    fill: var(--color-gray-03);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.footer__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--font-body-14);
    gap: 20px
}

.footer__logo {
    height: 5rem
}

.footer__info-contact {
    gap: 12px;
    margin-bottom: 20px
}

.footer__info-contact, .footer__info-contact li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__info-contact li a {
    height: 3.2rem;
    width: 3.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--color-gray-08);
    border-radius: 5px;
    justify-content: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.footer__info-contact li a:hover {
    background-color: var(--color-brand)
}

.footer__info-contact svg {
    -webkit-flex-shrink: 0;
    height: 13px;
    width: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: var(--color-white)
}

.footer__bottom {
    color: #ffffff80;
    font: var(--font-body-14)
}

.footer__bottom-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

[data-ac-icon] {
    display: inline-block;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}

[data-ac-content] {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    transition: height .3s ease
}

[data-dropdown] {
    display: inline-block;
    position: relative
}

[data-dropdown-trigger] {
    background: #f0f0f0;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    padding: .75rem 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

[data-dropdown-icon] {
    display: inline-block;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}

[data-dropdown-menu] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: none;
    left: 0;
    min-width: 150px;
    opacity: 0;
    padding: .5rem 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    -moz-transition: opacity .2s ease, transform .2s ease, -moz-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease;
    z-index: 10
}

[data-dropdown-menu] ul {
    list-style: none;
    margin: 0;
    padding: 0
}

[data-dropdown-menu] li a {
    color: #333;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none
}

[data-dropdown-menu] li a:hover {
    background: #f5f5f5
}

select[data-custom-select] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-icon {
    display: none
}

.custom-select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.custom-select .select-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 2rem;
    top: 15px;
    fill: none;
    stroke: #1c1c1c
}

.custom-select__current, select[data-custom-select] {
    background: #f0f0f0;
    border: 1px solid #ccc;
    padding: 10px
}

.custom-select__list {
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    left: 0;
    max-height: 20rem;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10
}

.custom-select.is-open .custom-select__list {
    display: block
}

.custom-select__item {
    padding: 10px
}

.custom-select__item.is-selected, .custom-select__item:hover {
    background: #eee
}

.breadcrumbs {
    margin-top: var(--header-height);
    position: relative
}

.breadcrumbs:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(64%, #fff), color-stop(128%, hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(left, #fff 64%, hsla(0, 0%, 100%, 0) 128%);
    background: -moz-linear-gradient(left, #fff 64%, hsla(0, 0%, 100%, 0) 128%);
    background: linear-gradient(90deg, #fff 64%, #fff0 128%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--container)
}

.breadcrumbs-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-size: 14px;
    gap: 8px;
    line-height: 120%;
    margin: 0 auto;
    max-width: var(--max-width);
    overflow-x: auto;
    padding: 12px var(--container);
    text-transform: inherit
}

.breadcrumbs-wrapper::-webkit-scrollbar {
    display: none
}

.breadcrumbs-separator svg {
    height: 12px;
    width: 12px;
    fill: none;
    stroke: var(--color-gray-06)
}

.breadcrumbs-item {
    color: var(--color-gray-06);
    font: var(--font-body-14);
    white-space: nowrap
}

.breadcrumbs-item:last-child {
    color: var(--color-gray-08)
}

.popup {
    background: var(--color-light-blue);
    display: none;
    height: auto;
    max-height: 81rem;
    overflow-y: auto;
    padding: 2.4rem 16px;
    width: 100%
}

.popup::-webkit-scrollbar {
    height: 0;
    width: 0
}

html.with-fancybox body.hide-scrollbar {
    margin-right: 0;
    overflow: auto !important
}

.input.error input {
    border: 1px solid var(--color-brand)
}

.fancybox__viewport.is-draggable {
    cursor: default
}

.fancybox__container {
    --fancybox-backdrop-bg: rgba(0, 0, 0, .2)
}

.fancybox__slide .f-button[data-fancybox-close] {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    right: 16px;
    top: 2rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    background: none;
    flex-shrink: 0;
    position: absolute
}

.fancybox__slide .f-button[data-fancybox-close] svg {
    stroke: var(--color-black);
    fill: none
}

.fancybox__slide.has-html {
    padding: 0
}

.popup__title {
    font: var(--font-heading-32);
    padding-top: 56px
}

.popup-city {
    max-width: 46rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-city .f-button {
    right: 16px !important;
    top: 2.4rem !important
}

.popup-city .popup__title {
    margin-bottom: 32px
}

.popup-city .input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.popup-city .input input {
    border: 1px solid transparent;
    border-radius: 8px;
    height: 4.8rem;
    overflow: hidden;
    padding: 0 12px 0 4rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.popup-city .input .icon {
    height: 2rem;
    left: 12px;
    position: absolute;
    top: 2.2rem;
    width: 2rem;
    fill: none;
    stroke: var(--color-gray-06);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-city .input.error input {
    border: 1px solid var(--color-brand)
}

.popup-city ul {
    display: grid;
    gap: 12px 40px;
    grid-template-columns:repeat(2, 1fr);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup-city li {
    cursor: pointer;
    font: var(--font-body-16)
}

.popup-city .city-strong {
    font-weight: 600
}

.popup-form {
    height: 100%;
    max-width: 70.4rem
}

.popup-form .popup__title {
    font: var(--font-heading-24);
    margin-bottom: 32px
}

.popup-form .popup__form {
    gap: 12px;
    margin-bottom: 32px
}

.popup-form .input, .popup-form .popup__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-form .input {
    gap: 4px
}

.popup-form .input p {
    font: var(--font-body-14)
}

.popup-form input, .popup-form textarea {
    background-color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--color-gray-05);
    overflow: hidden;
    padding: 12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.popup-form input {
    height: 6rem
}

.popup-form textarea {
    height: 12rem;
    overflow-y: auto;
    resize: none
}

.popup__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.popup__bottom .btn {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.popup-thanks {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    text-align: center
}

.popup-thanks .popup__title {
    color: var(--color-brand)
}

.popup-thanks .popup__subtitle {
    color: var(--color-gray-08);
    font: var(--font-body-20)
}

.range-time label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.range-time span {
    color: var(--color-gray-07);
    font: var(--font-body-14)
}

.range-time .range-time-input {
    display: grid;
    gap: 12px
}

.popup-thanks-subscribe {
    border-radius: 12px;
    padding: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    max-width: 32.8rem;
    min-height: 37.6rem
}

.popup-thanks-subscribe img {
    height: 6rem;
    width: 6rem
}

.popup-thanks-subscribe .popup__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.popup-thanks-subscribe .popup__title {
    font: var(--font-heading-24);
    padding: 0
}

.popup-thanks-subscribe .popup__subtitle {
    color: var(--color-gray-08)
}

.pagination__wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 var(--container)
}

.pagination__item, .pagination__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__item {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-01);
    border-radius: 8px;
    color: var(--color-gray-06);
    -webkit-flex-shrink: 0;
    font: var(--font-button-16);
    height: 4rem;
    width: 4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pagination__item.active {
    color: var(--color-brand)
}

.pagination__arrow.btn {
    padding: 0
}

.pagination__arrow svg {
    height: 2.4rem;
    width: 2.4rem;
    fill: none;
    stroke: var(--color-white);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.callback__inner {
    background: -webkit-gradient(linear, right bottom, left top, color-stop(2%, #f37d68), color-stop(44%, #be3127)) 0 0 no-repeat;
    background: -webkit-linear-gradient(bottom right, #f37d68 2%, #be3127 44%) 0 0 no-repeat;
    background: -moz-linear-gradient(bottom right, #f37d68 2%, #be3127 44%) 0 0 no-repeat;
    background: linear-gradient(to top left, #f37d68 2%, #be3127 44%) 0 0 no-repeat;
    border-radius: 12px;
    color: var(--color-white);
    overflow: hidden;
    padding: 16px;
    position: relative
}

.callback__inner .callback-image {
    display: none
}

.callback__inner .callback-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.callback__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.callback__form-top {
    display: grid;
    gap: 12px
}

.callback__form-top h2 {
    font: var(--font-heading-32)
}

.callback__form-top p {
    font: var(--font-heading-16)
}

.callback__form-inputs {
    display: grid;
    gap: 20px
}

.callback__form-inputs label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.callback__form-inputs label span {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .64px;
    line-height: 120%
}

.callback__form-inputs input, .callback__form-inputs textarea {
    background: #ffffff4d;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--color-white);
    padding: 12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.callback__form-inputs input {
    height: 6rem
}

.callback__form-inputs textarea {
    grid-column: 1/-1;
    height: 14rem;
    width: 100%
}

.callback__form-inputs input::-webkit-input-placeholder, .callback__form-inputs textarea::-webkit-input-placeholder {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.callback__form-inputs input::-moz-placeholder, .callback__form-inputs textarea::-moz-placeholder {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.callback__form-inputs input:-ms-input-placeholder, .callback__form-inputs textarea:-ms-input-placeholder {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.callback__form-inputs input::-ms-input-placeholder, .callback__form-inputs textarea::-ms-input-placeholder {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.callback__form-inputs input::placeholder, .callback__form-inputs textarea::placeholder {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.callback__form-inputs .error input {
    border: 1px solid #f2ac67
}

.callback__form-inputs .error p {
    color: #f2ac67
}

.callback__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.callback__bottom .custom-checkbox {
    height: 2rem;
    width: 2rem
}

.callback__bottom .btn {
    width: 100%
}

.callback__form-agree label span {
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: 400;
    line-height: 140%
}

.filter__wrapper {
    background-color: var(--color-white);
    bottom: 0;
    overflow-y: auto;
    padding: 10px;
    position: fixed;
    right: -100%;
    top: 0;
    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    transition: right .3s ease;
    width: 36rem;
    z-index: 1000
}

.filter__wrapper.is-active {
    right: 0
}

.filter__inner {
    max-width: 36rem;
    padding: 2rem 16px
}

.filter-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    font: var(--font-heading-20);
    justify-content: space-between;
    margin-bottom: 20px
}

.filter-head svg {
    height: 2.4rem;
    width: 2.4rem;
    stroke: none;
    fill: var(--color-black)
}

.filter__category {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    font: var(--font-body-16);
    gap: 12px;
    padding: 2rem
}

.filter__category, .filter__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.filter__wrap {
    gap: 20px;
    margin-top: 4rem
}

.filter__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.filter__title {
    font: var(--font-heading-20)
}

.inputs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.input-with-prefix {
    background-color: var(--color-light-blue);
    border-radius: 8px;
    font: var(--font-body-14-sb);
    height: 4.8rem;
    padding: 0 12px 0 3rem;
    position: relative
}

.input-with-prefix input {
    background-color: transparent;
    border: none;
    font: var(--font-body-14-sb);
    height: 100%;
    width: 100%
}

.prefix {
    color: var(--color-gray-06);
    left: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.noUi-target {
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 1px;
    margin: 10px 0
}

.noUi-connects {
    background: #ffe3df;
    height: 1px
}

.noUi-connect {
    background: var(--color-brand);
    height: 1px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
    will-change: width
}

.noUi-horizontal .noUi-handle {
    background: var(--color-brand);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 12px;
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px
}

.noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before {
    display: none
}

.noUi-handle.noUi-handle-upper {
    right: 0
}

.noUi-handle.noUi-handle-lower {
    left: 100%
}

.filter__checkboxes .checkbox-style label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 4px 0
}

.filter__toggle-btn {
    color: var(--color-brand);
    font: var(--font-body-14-sb);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.filter__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.filter__buttons .btn {
    border-radius: 8px;
    font: var(--font-button-16);
    width: 100%
}

.product-card {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-01);
    border-radius: 16px;
    height: auto;
    overflow: hidden;
    position: relative;
    -webkit-transition: background .3s ease, -webkit-box-shadow .3s ease;
    transition: background .3s ease, -webkit-box-shadow .3s ease;
    -moz-transition: background .3s ease, box-shadow .3s ease;
    transition: background .3s ease, box-shadow .3s ease;
    transition: background .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.product-card, .product-card .product-card-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.product-card .product-card-wrap {
    height: 100%
}

.product-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    gap: 2px 5px;
    justify-content: start;
    left: 12px;
    position: absolute;
    top: 12px;
    z-index: 2
}

.product-tags .tag {
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    padding: 4px 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product-tags .green {
    background-color: var(--color-light-green);
    color: var(--color-green)
}

.product-card__image {
    aspect-ratio: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.product-card__image img {
    aspect-ratio: 1;
    max-height: 30rem;
    padding: 10px
}

.product-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: -webkit-calc(100% - 16rem);
    height: -moz-calc(100% - 16rem);
    height: calc(100% - 16rem)
}

.product-card__info .btn {
    font: var(--font-button-14);
    height: 4.8rem;
    margin-top: auto;
    width: 100%
}

.product-card__info .btn:hover {
    color: var(--color-white)
}

.products-card__title {
    font: var(--font-body-16);
    min-height: 7.2rem
}

.products-card__title:hover {
    color: unset
}

.product-card__info-char {
    color: var(--color-gray-08);
    font: var(--font-body-14);
    min-height: 7.1rem
}

.product-card__info-char li ~ li {
    margin-top: 4px
}

.product-card__bottom {
    border-top: 1px solid var(--color-gray-01);
    padding-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    min-height: 12.5rem
}

.price-block, .product-card__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

.price-block {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.price-block .price-actual {
    font: var(--font-heading-14)
}

.price-block .price-old {
    color: var(--color-gray-06);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    -webkit-text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.price-block .sale {
    background-color: var(--color-pink);
    border-radius: 100px;
    color: var(--color-brand);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    padding: 2px 6px
}

.price-leasing {
    color: var(--color-brand);
    font: var(--font-body-14-sb);
    margin-bottom: 12px
}

.price-leasing span {
    color: var(--color-gray-06);
    font: var(--font-body-14)
}

.accessories-card {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-01);
    border-radius: 16px;
    gap: 20px;
    height: auto;
    position: relative;
    -webkit-transition: background .3s ease, -webkit-box-shadow .3s ease;
    transition: background .3s ease, -webkit-box-shadow .3s ease;
    -moz-transition: background .3s ease, box-shadow .3s ease;
    transition: background .3s ease, box-shadow .3s ease;
    transition: background .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.accessories-card, .accessories-card .accessories-card-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.accessories-card .accessories-card-wrap {
    height: 100%
}

.accessories-card__image {
    aspect-ratio: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 16rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.accessories-card__image img {
    aspect-ratio: 1
}

.accessories-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: -webkit-calc(100% - 16rem);
    height: -moz-calc(100% - 16rem);
    height: calc(100% - 16rem)
}

.accessories-card__info .btn {
    font: var(--font-button-14);
    height: 4.8rem;
    margin-top: auto;
    width: 100%
}

.accessories-card__info .btn:hover {
    color: var(--color-white)
}

.accessories-card__title {
    font: var(--font-body-16);
    margin-bottom: auto;
    min-height: 7.2rem
}

.accessories-card__title:hover {
    color: unset
}

.accessories-card__bottom {
    border-top: 1px solid var(--color-gray-01);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: auto
}

.directory-card {
    border-radius: 12px;
    height: 28rem;
    overflow: hidden;
    padding: 2rem;
    position: relative
}

.directory-card:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20.63%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20.63%, rgba(0, 0, 0, .8));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20.63%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(180deg, #0000 20.63%, #000c);
    border-radius: 12px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.directory-card__image {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.directory-card__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.directory-card__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    gap: 20px;
    height: 100%;
    justify-content: end;
    max-height: 28rem;
    z-index: 2
}

.directory-card__inner .btn {
    height: 3.3rem;
    padding: 8px 16px
}

.directory-title {
    color: var(--color-white);
    font: var(--font-heading-20)
}

.service-card {
    border: 1px solid var(--color-gray-01);
    border-radius: 12px
}

.service-card-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.service-card__image {
    border-radius: 12px 12px 0 0;
    height: 20.2rem;
    overflow: hidden
}

.service-card__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.service-card__info {
    gap: 30px;
    height: -webkit-calc(100% - 20.2rem);
    height: -moz-calc(100% - 20.2rem);
    height: calc(100% - 20.2rem);
    padding: 2rem
}

.service-card__info, .service-card__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.service-card__top {
    gap: 18px
}

.service-card__top p {
    color: var(--color-gray-07);
    font: var(--font-body-16)
}

.service-card__title {
    font: var(--font-heading-20)
}

.service-card__bottom {
    margin-top: auto
}

.service-card__bottom .btn {
    padding: 0
}

.technology-card {
    border-radius: 12px;
    overflow: hidden
}

.technology-card-wrap {
    background-color: var(--color-light-blue);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.technology-card__image {
    border-radius: 12px;
    height: 9.8rem;
    overflow: hidden
}

.technology-card__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.technology-card__bottom {
    margin-top: auto
}

.technology-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-calc(100% - 9.8rem);
    height: -moz-calc(100% - 9.8rem);
    height: calc(100% - 9.8rem);
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.technology-card__info .btn {
    padding: 0
}

.technology-card__title {
    display: -webkit-box;
    font: var(--font-heading-14);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.project-card {
    border-radius: 12px;
    overflow: hidden
}

.project-card-wrap {
    background-color: var(--color-light-blue);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.project-card__image {
    border-radius: 12px;
    height: 9.8rem;
    overflow: hidden
}

.project-card__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.project-card__bottom {
    gap: 10px;
    margin-top: auto
}

.project-card__bottom, .project-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.project-card__info {
    gap: 12px;
    height: -webkit-calc(100% - 9.8rem);
    height: -moz-calc(100% - 9.8rem);
    height: calc(100% - 9.8rem);
    padding: 12px
}

.project-card__info .btn {
    padding: 0
}

.project-card__title {
    font: var(--font-heading-14);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    min-height: 5.1rem
}

.project-card__client, .project-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.project-card__client {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 7rem;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.project-card__client span {
    color: var(--color-gray-05);
    font: var(--font-body-16)
}

.project-card__client p {
    font: var(--font-heading-12)
}

.main-page .main-category .section-title:first-of-type {
    font: var(--font-heading-28)
}

.main__slide-content {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    margin-bottom: 18px;
    margin-top: calc(var(--header-height) + 10px);
    padding: 2rem 10px 10px
}

.main__content {
    text-align: center
}

.main__text {
    font-size: 11px;
    font-weight: 300;
    line-height: 160%;
    text-transform: uppercase
}

.main__title {
    font-size: 4.8rem;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase
}

.main__image {
    height: 100%;
    position: relative;
    top: -15px;
    width: 100%
}

.main__image img {
    height: auto;
    max-height: 26.4rem;
    max-width: 100%;
    width: 100%
}

.main__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.main__info .btn-more {
    font: var(--font-button-14);
    height: 4.8rem;
    width: 100%
}

.main__info .btn-more:hover {
    color: var(--color-white)
}

.main__advantage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main__advantage, .main__advantage li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.main__advantage li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(6.95px);
    backdrop-filter: blur(6.95px);
    background-color: var(--color-white);
    border-radius: 8px;
    padding: 12px 8px
}

.main__advantage p {
    font: var(--font-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    opacity: .9
}

.main__advantage svg {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.values__inner {
    display: none
}

.category__inner, .main-service__inner, .project__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.category__cards {
    display: grid;
    gap: 16px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.category__inner-top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.category__card {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    min-height: 36rem;
    overflow: hidden;
    padding: 2.4rem;
    position: relative;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 24px;
    justify-content: space-between
}

.category__card, .category__card .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.category__card .btn {
    height: 4.8rem;
    width: 4.8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.category__card .btn svg {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: none;
    stroke: var(--color-white)
}

.btn-all {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    border-radius: 8px;
    font: var(--font-button-14);
    height: 4.8rem;
    order: 2;
    width: 100%
}

.btn-all:hover {
    color: var(--color-white)
}

.category__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.category__card-title {
    font: var(--font-heading-20);
    letter-spacing: 1.5px
}

.category__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    color: var(--color-gray-07);
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--font-body-14);
    gap: 8px
}

.category__card-image {
    bottom: 0;
    position: absolute;
    right: 0
}

.category__card-image img {
    aspect-ratio: 141/125;
    max-height: 12.5rem
}

.project__inner .btn-all {
    margin-top: 4.7rem
}

.projects__slider .swiper-pagination-bullet-active {
    width: 8px
}

.projects__slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 8.1rem
}

.projects__slider .swiper-slide {
    border-radius: 8px;
    min-height: 29.4rem;
    overflow: hidden
}

.projects__slider .swiper-slide img {
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1
}

.project-content {
    height: auto
}

.project-content, .projects-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.projects-wrap {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-01);
    border-radius: 8px;
    bottom: 0;
    height: 100%;
    max-height: 15.8rem;
    padding: 12px;
    position: absolute;
    width: 100%
}

.projects-wrap .section-title {
    display: -webkit-box;
    font: var(--font-heading-14);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 12px
}

.project-content__bottom {
    gap: 12px;
    margin-top: auto
}

.project-client, .project-content__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.project-client {
    gap: 4px
}

.project-client p {
    color: var(--color-gray-05);
    font: var(--font-body-14)
}

.project-client p, .project-client span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.project-client span {
    font: var(--font-heading-14)
}

.project-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-brand);
    font: var(--font-button-12);
    gap: 6px;
    letter-spacing: .72px;
    text-transform: uppercase
}

.project-more svg {
    height: 16px;
    width: 16px;
    fill: var(--color-brand);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.service-accordion {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative
}

.accordion-item ~ .accordion-item {
    margin-top: 8px
}

.accordion-item svg {
    -webkit-flex-shrink: 0;
    height: 2rem;
    width: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: var(--color-gray-02);
    stroke: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.accordion-item .icon-chevron-down {
    height: 2.4rem;
    width: 2.4rem;
    fill: none;
    stroke: var(--color-black)
}

.accordion-item.is-active svg {
    fill: var(--color-brand)
}

.accordion-item.is-active .icon-chevron-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    fill: none
}

.accordion-item.is-active .accordion-title {
    background-color: var(--color-light-blue);
    border: 1px solid transparent
}

.accordion-title {
    display: grid;
    grid-template-columns:auto 1fr auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--color-gray-01);
    border-radius: 8px;
    color: var(--color-gray-06);
    font: var(--font-heading-16);
    gap: 12px;
    height: 4.8rem;
    padding: 9px 12px
}

.accordion-title p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1
}

.accordion-content, .accordion-title p {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.accordion-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px
}

.accordion-content .title {
    font: var(--font-heading-20)
}

.accordion-content > p {
    color: var(--color-gray-07);
    font: var(--font-body-16)
}

.accordion-content .accordion__bottom {
    margin-top: 2px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 10px;
    justify-content: space-between
}

.accordion-content .accordion__bottom, .accordion-content .service-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.accordion-content .service-more {
    color: var(--color-brand);
    font: var(--font-button-12);
    gap: 6px;
    letter-spacing: .72px;
    text-transform: uppercase
}

.accordion-content .service-more svg {
    fill: var(--color-brand);
    height: 16px;
    width: 16px
}

.accordion-content > :first-child {
    margin-top: 2rem
}

.accordion-content > :last-child {
    margin-bottom: 20px
}

.accordion-image img {
    border-radius: 12px;
    height: 15.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.service-tabs {
    display: none
}

.main-about__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.main-about__wrap {
    display: grid;
    gap: 20px
}

.main-about__advantages {
    display: grid;
    gap: 8px;
    grid-template-columns:repeat(2, 1fr)
}

.main-about__advantage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 15.1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    border: 1px solid var(--color-gray-01);
    border-radius: 12px;
    gap: 8px;
    justify-content: space-between;
    padding: 12px
}

.main-about__advantage img {
    height: 3.9rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.main-about__advantage:nth-child(4n+1) {
    background-color: var(--color-light-blue)
}

.main-about__advantage:nth-child(4n+4) {
    background-color: var(--color-light-blue)
}

.main-about__advantage-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.main-about__advantage-info span {
    font-family: var(--font-main);
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase
}

.main-about__advantage-info p {
    font: var(--font-body-14)
}

.main-about__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-about__info-text {
    color: var(--color-gray-07);
    font: var(--font-body-14)
}

.main-about__info .btn--more {
    margin-top: 10px
}

.main-about__info-image {
    margin-top: 1.8rem
}

.main-about__info-image img {
    border-radius: 12px;
    height: 16.9rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.catalog-page section:first-of-type, .category-page section:first-of-type {
    margin-top: 4rem
}

.catalog__cards {
    display: grid;
    gap: 16px
}

.category-page .category__card {
    overflow: hidden;
    padding: 2rem;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: unset
}

.category-page .category__card .category__list {
    display: none
}

.category-page .category__card .btn {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subcategory {
    margin-bottom: 0 !important;
    margin-top: 4rem
}

.news__slider {
    display: none;
    position: relative
}

.news__slider .swiper-pagination-bullet-active {
    width: 8px
}

.news__slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -2.5rem
}

.filter-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.8rem;
    width: 4.8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    background: var(--color-white);
    border: 1px solid var(--color-gray-01);
    border-radius: 6px;
    justify-content: center
}

.filter-toggle svg {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: none;
    stroke: var(--color-black)
}

.subcategory__search {
    background-color: var(--color-white);
    height: 4.8rem;
    width: 100%
}

.subcategory__inner-wrap {
    background-color: var(--color-light-blue);
    border-radius: 24px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.subcategory__inner-content {
    padding: 2.4rem var(--container) 0
}

.subcategory__inner-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

.subcategory__inner-top, .subcategory__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.subcategory__links {
    color: var(--color-gray-07);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font: var(--font-body-14)
}

.subcategory__link {
    border: 1px solid var(--color-gray-01);
    border-radius: 4px;
    padding: 4px 10px
}

.subcategory__banner {
    aspect-ratio: 400/151;
    border-radius: 12px;
    margin-top: 12px;
    overflow: hidden
}

.subcategory__banner img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.subcategory__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.category__inner-products {
    display: grid;
    gap: 16px
}

section.seo {
    margin: 6rem 0;
    position: relative
}

.seo--collapsed .seo__inner {
    max-height: 23rem
}

.seo--collapsed .seo__inner:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background: -webkit-linear-gradient(top, transparent, #fff);
    background: -moz-linear-gradient(top, transparent, #fff);
    background: linear-gradient(180deg, transparent, #fff);
    bottom: 0;
    content: "";
    height: 8rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.seo--expanded .seo__inner:after {
    display: none
}

.seo__inner {
    max-height: none;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .5s ease;
    -moz-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.seo__inner h2, .seo__inner h3, .seo__inner h4, .seo__inner h5, .seo__inner h6 {
    margin: 1em 0
}

.seo__inner ol, .seo__inner ul {
    margin: 1em 0;
    padding-left: 20px
}

.seo__inner ul li {
    list-style: disc
}

.seo__inner ol li {
    list-style: decimal
}

.seo__inner ul li::marker {
    color: var(--color-brand)
}

.seo__toggle-btn {
    background-color: var(--color-brand);
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 2rem;
    padding: 12px 3rem;
    position: relative;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 2
}

.seo--no-toggle .seo__toggle-btn {
    display: none
}

.product {
    margin-top: 4rem
}

.product-slider__thumbs {
    display: none
}

.product-slider__thumbs .video-slide:before {
    content: "";
    height: -webkit-calc(100% - 5rem);
    height: -moz-calc(100% - 5rem);
    height: calc(100% - 5rem);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.product-slider__thumbs .slider-nav-button.swiper-button-lock, .video-show {
    display: none
}

#player {
    overflow: hidden
}

#player iframe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    aspect-ratio: 1;
    border-radius: 12px;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: 70.4rem;
    min-width: 328px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.product-slider.no-video .product-slider__thumbs {
    width: 100%
}

.product-slider__main {
    padding-bottom: 70px;
    position: relative
}

.product-slider__main .swiper-slide {
    border: 1px solid var(--color-gray-01);
    border-radius: 12px;
    height: auto;
    overflow: hidden
}

.product-slider__main .video-slide {
    pointer-events: all
}

.product-slider__main .video-slide:after {
    content: "";
    height: -webkit-calc(100% - 6rem);
    height: -moz-calc(100% - 6rem);
    height: calc(100% - 6rem);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.product-slider__main .swiper-slide img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    aspect-ratio: 1;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: 70.4rem;
    min-width: 328px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.product-slider__main .product-tags {
    left: 8px;
    top: 8px
}

.product-slider__main .swiper-pagination {
    bottom: 3.5rem
}

.product-main .section-title {
    font: var(--font-heading-24);
    margin-bottom: 20px
}

.product__actions {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    gap: 40px;
    padding: 2rem
}

.product__actions, .product__actions .price-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__actions .price-block {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 4px
}

.product__actions .price-actual {
    font: var(--font-heading-24);
    width: 100%
}

.product__actions .price-old {
    font: var(--font-body-16)
}

.product__actions .price-leasing {
    font: var(--font-body-16-sb);
    margin-bottom: 0
}

.product__actions .price-leasing span {
    font: var(--font-body-16)
}

.product__actions .price-block__info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__actions .price-block__info, .product__actions-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.product__actions-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__actions-buttons .btn {
    font: var(--font-button-14);
    height: 4.8rem;
    width: 100%
}

.product__side-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    cursor: pointer;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-top: 2rem
}

.product__side-link, .product__side-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.product__side-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-gray-08);
    font: var(--font-body-14-sb);
    gap: 8px
}

.product__side-link svg {
    fill: var(--color-brand);
    stroke: none;
    -webkit-flex-shrink: 0;
    height: 2rem;
    width: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product__side-link p {
    border-bottom: 1px solid var(--color-gray-01)
}

.product__describe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 2rem
}

.product__describe-item {
    font: var(--font-body-14)
}

.product__describe-item li {
    color: var(--color-gray-08)
}

.product__describe-item li ~ li {
    margin-top: 4px
}

.product__describe-item .title {
    font: var(--font-heading-14);
    margin-bottom: 12px
}

.product__describe-item .btn-descr {
    color: var(--color-brand);
    font: var(--font-heading-14);
    margin-top: 4px
}

.advantages-list {
    padding-left: 20px
}

.advantages-list li {
    list-style: disc
}

.advantages-list li::marker {
    color: var(--color-brand)
}

.product-tabs {
    margin-top: 6rem
}

.product-tabs .tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.product-tabs .tab-buttons, .product-tabs .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.product-tabs .tab-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.product-tabs .tab-buttons::-webkit-scrollbar {
    height: 0;
    width: 0
}

.product-tabs .tab-button {
    background-color: var(--color-light-blue);
    color: var(--color-gray-07);
    font-size: 11px;
    font-weight: 700;
    height: 4rem;
    line-height: 140%;
    padding: 12px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    white-space: nowrap
}

.product-tabs .tab-button p {
    letter-spacing: 1px;
    position: relative
}

.product-tabs .tab-button p:after {
    background-color: transparent;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.product-tabs .tab-button.is-active {
    color: var(--color-brand)
}

.product-tabs .tab-button.is-active p:after {
    background-color: var(--color-brand);
    bottom: -11px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.product-tabs .tab-button:first-child {
    border-radius: 8px 0 0 8px
}

.product-tabs .tab-button:last-child {
    border-radius: 0 8px 8px 0
}

.product-tabs .tab-panel {
    display: none
}

.product-tabs .tab-panel.is-active {
    display: block
}

.product-tabs h2, .product-tabs h3, .product-tabs h4 {
    margin: 1em 0
}

.tab-panel__text {
    color: var(--color-gray-08);
    font: var(--font-body-16)
}

.tab-panel__text ul {
    margin-top: 12px;
    padding-left: 25px
}

.tab-panel__text ul li {
    list-style: disc
}

.tab-panel__text h2, .tab-panel__text h3, .tab-panel__text h4, .tab-panel__text h5, .tab-panel__text h6 {
    color: var(--color-black);
    font-family: var(--font-main)
}

.tab-panel__text h1 {
    font-size: 2.8rem
}

.tab-panel__text h2 {
    font-size: 2.4rem
}

.tab-panel__text h3 {
    font-size: 1.8rem
}

.tab-panel__text h4 {
    font-size: 16px
}

.tab-panel__text h5 {
    font-size: 14px
}

.tab-panel table {
    border-collapse: collapse;
    color: var(--color-gray-08);
    display: block;
    font: var(--font-body-16);
    margin-top: 1em;
    overflow-x: auto;
    width: 100% !important
}

.tab-panel table td {
    border-bottom: 1px solid var(--color-gray-01);
    border-top: 1px solid var(--color-gray-01);
    padding: 12px 0
}

.equipment__items {
    gap: 8px
}

.equipment__item, .equipment__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.equipment__item {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    gap: 16px;
    padding: 2rem
}

.equipment__item .title {
    color: var(--color-brand);
    font: var(--font-heading-20)
}

.equipment__item ul {
    padding-left: 20px
}

.equipment__item ul li {
    list-style: disc
}

.equipment__item li ~ li {
    margin-top: 4px
}

.equipment__item ul li::marker {
    color: var(--color-brand)
}

.accessories__slider .slider-nav, .consumables__slider .slider-nav, .directory__slider .slider-nav {
    display: none
}

.accessories__slider .swiper-slide, .consumables__slider .swiper-slide, .directory__slider .swiper-slide {
    height: auto
}

.accessories__slider .swiper-slide .product-card, .consumables__slider .swiper-slide .product-card, .directory__slider .swiper-slide .product-card {
    height: 100%
}

.tabs-review__inner {
    gap: 50px;
    margin-top: 2rem
}

.tabs-review__inner, .tabs-review__side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tabs-review__side {
    background-color: var(--color-light-blue);
    border-radius: 20px;
    gap: 30px;
    padding: 2rem
}

.tabs-review__side .btn {
    font: var(--font-button-14);
    height: 4.8rem;
    width: 100%
}

.tabs-review__side-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    font: var(--font-body-14);
    gap: 20px;
    justify-content: space-between
}

.tabs-review__side-info img {
    height: 4rem;
    width: 4rem
}

.review__items {
    gap: 10px
}

.review__item, .review__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.review__item {
    border: 1px solid var(--color-gray-01);
    border-radius: 12px;
    gap: 20px;
    padding: 2rem
}

.review__item .review__item {
    display: none
}

.review__item .review__item:first-child, .review__item .review__item:nth-child(2), .review__item .review__item:nth-child(3) {
    display: block
}

.review__item .review__show-more {
    margin-top: 2rem;
    text-align: center
}

.review__item .btn--more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-brand);
    cursor: pointer;
    font: var(--font-button-14);
    gap: 8px;
    margin-top: 10px
}

.review__item .btn--more svg {
    height: 2rem;
    width: 2rem
}

.review__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.review__top .date {
    color: var(--color-gray-08);
    font: var(--font-body-14)
}

.review__top .name {
    font: var(--font-heading-16)
}

.review__content {
    display: block;
    font: var(--font-body-16)
}

.review__show-more {
    color: var(--color-brand);
    cursor: pointer;
    margin-top: 2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    font: var(--font-button-14);
    justify-content: center
}

.review-form {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    padding: 2rem
}

.review-form form {
    gap: 20px
}

.review-form .input label, .review-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.review-form .input label {
    gap: 8px
}

.review-form .input label span {
    color: var(--color-gray-05);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .64px;
    line-height: 120%
}

.review-form input, .review-form textarea {
    background: var(--color-white);
    border: none;
    border-radius: 8px;
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 12px
}

.review-form input::-webkit-input-placeholder, .review-form textarea::-webkit-input-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.review-form input::-moz-placeholder, .review-form textarea::-moz-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.review-form input:-ms-input-placeholder, .review-form textarea:-ms-input-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.review-form input::-ms-input-placeholder, .review-form textarea::-ms-input-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.review-form input::placeholder, .review-form textarea::placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.review-form input {
    height: 6rem
}

.review-form textarea {
    height: 15rem;
    resize: none
}

.review-form__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.review-form__title {
    font: var(--font-heading-24)
}

.review-form__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.review-form__bottom .btn {
    font: var(--font-button-16);
    width: 100%
}

.review__content--collapsed {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical
}

.review__content--expanded {
    display: block
}

.review__content--measuring {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.review__item--hidden {
    display: none
}

.review__item--visible {
    display: block
}

.reviews-container--collapsed .review__item:nth-child(n+4) {
    display: none
}

.reviews-container--expanded .review__item {
    display: block
}

.review__show-more--expanded svg, .review__toggle--expanded svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.directory__slider {
    margin-top: 2rem
}

.consumables {
    background-color: var(--color-light-blue);
    padding: 4rem 0
}

.consumables__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.consumables__inner-title {
    font: var(--font-heading-24)
}

.consumables__inner-links__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.consumables__inner-links__wrap .btn {
    font: var(--font-body-14-sb);
    letter-spacing: normal;
    padding: 0;
    text-transform: unset
}

.consumables__inner-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.consumables__inner-link {
    border: 1px solid var(--color-gray-01);
    border-radius: 4px;
    color: var(--color-gray-07);
    font: var(--font-body-14);
    height: 2.9rem;
    letter-spacing: 1px;
    padding: 4px 10px
}

.consumables__inner-link.active {
    border: 1px solid var(--color-gray-05)
}

.consumables__slider .product-card .product-card-wrap {
    gap: 0
}

.similar-slider .slider-nav {
    display: none
}

.similar-slider .section-title {
    font: var(--font-heading-24);
    margin-bottom: 40px
}

.similar-slider .product-card .product-card-wrap {
    gap: 0
}

.similar-slider .swiper-slide {
    height: auto
}

.similar-slider .swiper-slide .product-card {
    height: 100%
}

.callback-tech .section-title {
    font: var(--font-heading-24)
}

.service {
    margin-top: 4rem
}

.service__cards {
    display: grid;
    gap: 16px
}

.blog {
    margin-top: 4rem
}

.blog__cards {
    display: grid;
    gap: 20px;
    margin-bottom: 20px
}

.blog__cards .directory-card {
    height: 26.7rem
}

.technologies {
    margin-top: 4rem
}

.technologies__cards {
    display: grid;
    gap: 8px;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 8px
}

.project {
    margin-top: 4rem
}

.project__cards {
    display: grid;
    gap: 8px;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 8px
}

.delivery {
    margin-top: 2rem
}

.delivery__inner {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    overflow: hidden;
    padding: 2rem
}

.delivery__inner-info {
    gap: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.delivery__advantages, .delivery__inner-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.delivery__advantages {
    gap: 12px
}

.delivery__advantage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--font-body-16);
    gap: 16px
}

.delivery__advantage svg {
    height: 2.4rem;
    width: 2.4rem;
    fill: var(--color-brand);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.delivery__image {
    bottom: -2rem;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 100%
}

.delivery__image img {
    height: 100%;
    width: 100%
}

.partners__inner {
    gap: 40px
}

.partners__inner, .partners__inner-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.partners__inner-top {
    gap: 20px
}

.partners__inner-top .btn {
    font: var(--font-button-16);
    height: 5.6rem;
    width: 100%
}

.partners__inner-top__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--font-body-16);
    gap: 20px
}

.partners__inner-top__wrap, .partners__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.partners__items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.partners__item {
    border: 1px solid var(--color-gray-01);
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.partners__item img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 10.2rem
}

.delivery-doc__inner {
    gap: 40px
}

.delivery-doc__inner, .delivery-doc__inner-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.delivery-doc__inner-top {
    gap: 20px
}

.delivery-doc__inner-top .btn {
    width: 100%
}

.delivery-table {
    overflow-x: auto;
    padding-bottom: 15px;
    position: relative
}

.delivery-table::-webkit-scrollbar {
    height: 4px
}

.delivery-table::-webkit-scrollbar-track {
    background: var(--color-gray-01);
    border-radius: 4px
}

.delivery-table::-webkit-scrollbar-thumb {
    background: var(--color-brand);
    border-radius: 4px;
    cursor: pointer
}

.delivery-table__inner {
    border-collapse: collapse
}

.delivery-table__inner svg {
    height: 2.4rem;
    width: 2.4rem;
    fill: var(--color-green);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.delivery-table__inner thead {
    background-color: var(--color-light-blue)
}

.delivery-table__inner .subtitle {
    font: var(--font-heading-16)
}

.delivery-table__inner thead .cell-content {
    font: var(--font-heading-20)
}

.delivery-table__inner td, .delivery-table__inner th {
    border: 1px solid var(--color-gray-01);
    padding: 0
}

.delivery-table__inner .cell-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 9.9rem;
    min-width: 153px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    font: var(--font-body-16);
    justify-content: center;
    text-align: center
}

.delivery-table__inner .cell-content p {
    padding: 10px 12px
}

.delivery-table__inner td:first-child, .delivery-table__inner th:first-child {
    max-width: 24.6rem;
    min-width: 232px
}

.delivery-table__inner td:first-child .cell-content, .delivery-table__inner th:first-child .cell-content {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: left
}

.leasing {
    margin-top: 2rem
}

.leasing__inner {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    overflow: hidden;
    padding: 2rem
}

.leasing__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.leasing__info .btn {
    font: var(--font-button-16);
    height: 5.6rem;
    margin-top: 12px;
    width: 100%
}

.leasing__advantage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--font-body-16);
    gap: 12px
}

.leasing__advantage, .leasing__advantage li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.leasing__advantage li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.leasing__advantage svg {
    height: 2.4rem;
    width: 2.4rem;
    fill: var(--color-brand);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.leasing__image {
    bottom: -2rem;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 100%
}

.leasing__image img {
    height: 100%;
    width: 100%
}

.steps__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.steps__inner .section-title {
    text-align: center
}

.steps__inner-wrap {
    display: grid;
    gap: 20px
}

.steps__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.step__item {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    display: grid;
    padding: 2rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 15px;
    justify-content: space-between
}

.step__item:first-child {
    min-height: 26.7rem
}

.step__item:nth-child(2) {
    min-height: 27.7rem
}

.step__item:nth-child(3) {
    min-height: 18.1rem
}

.step__item .btn {
    -webkit-align-self: end;
    font: var(--font-button-14);
    height: 4.8rem;
    margin-top: 10px;
    padding: 16px 2.2rem;
    -ms-flex-item-align: end;
    align-self: end
}

.step__num {
    color: var(--color-brand);
    font: var(--font-heading-24)
}

.step__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
}

.step__info .title {
    font: var(--font-heading-20)
}

.step__info ul, .step__info > p {
    color: var(--color-gray-07)
}

.step__info li {
    padding-left: 38px;
    position: relative
}

.step__info li:before {
    background-color: var(--color-brand);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 8px;
    position: absolute;
    top: 7px;
    width: 8px
}

.steps__image {
    height: 24.1rem;
    overflow: hidden
}

.steps__image img {
    border-radius: 12px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.benefit__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.benefit__inner .section-title {
    text-align: center
}

.benefit__cards {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.benefit__card, .benefit__cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.benefit__card {
    border: 1px solid var(--color-gray-01);
    border-radius: 12px;
    padding: 12px;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    min-height: 19.5rem
}

.benefit__card img {
    height: 3.2rem;
    width: 3.2rem
}

.benefit__card.with-img {
    overflow: hidden;
    padding: 0
}

.benefit__card.with-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.benefit-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.benefit-info .title {
    font: var(--font-heading-16)
}

.benefit-info p {
    color: var(--color-gray-07);
    font: var(--font-body-14)
}

.project-detail {
    margin-top: 4rem
}

.h1-hide {
    display: none
}

.project-detail__inner {
    display: grid;
    gap: 40px
}

.project-detail__info-wrap {
    gap: 30px
}

.project-detail__info, .project-detail__info-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.project-detail__info {
    gap: 24px
}

.project-detail__info-block p ~ p {
    margin-top: 2.3rem
}

.project-detail__info-block h2, .project-detail__info-block h3, .project-detail__info-block h4 {
    margin: 1em 0
}

.project-detail__info-block h1 {
    font-size: 2.8rem
}

.project-detail__info-block h2 {
    font-size: 2.4rem
}

.project-detail__info-block h3 {
    font-size: 1.8rem
}

.project-detail__info-block h4 {
    font-size: 16px
}

.project-detail__info-block h5 {
    font-size: 14px
}

.project-detail__info-block .card-label {
    color: var(--color-gray-08);
    font: var(--font-body-16-sb)
}

.project-detail__info-block .card-label span {
    font: var(--font-body-16)
}

.project-detail__info-block p {
    color: var(--color-gray-08);
    font: var(--font-body-16);
    margin-top: 2.4rem
}

.project-detail__info-block ol, .project-detail__info-block ul {
    color: var(--color-gray-08);
    font: var(--font-body-16);
    margin: 1em 0;
    padding-left: 20px
}

.project-detail__info-block ul li {
    list-style: disc
}

.project-detail__info-block ul li::marker {
    color: var(--color-brand)
}

.project-detail__info-block li ~ li {
    margin-top: 4px
}

.project-detail__info-block ol li {
    list-style: decimal
}

.project-detail__info-block b {
    color: var(--color-gray-08);
    font: var(--font-body-16);
    font-weight: 600
}

.project-detail__info-block a {
    color: var(--color-gray-08);
    display: block;
    font: var(--font-body-16);
    margin: 1em 0;
    text-decoration: underline
}

.project-detail__info-block a img {
    width: 100%
}

.project-detail__info-block iframe {
    aspect-ratio: 3/2;
    margin: 1em 0;
    max-height: 40.5rem
}

.project-detail__info-block table {
    margin: 1em 0
}

.project-detail__image {
    border-radius: 12px;
    max-height: 41.1rem;
    overflow: hidden
}

.project-detail__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.advice, .project-detail__side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.advice {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    padding: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.advice .advice-title {
    font: var(--font-heading-24)
}

.advice .advice-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    text-align: center
}

.advice .advice-info > p {
    color: var(--color-gray-08);
    font: var(--font-body-16)
}

.advice .btn {
    font: var(--font-button-14);
    height: 5.6rem;
    width: 100%
}

.page-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.page-tag {
    border: 1px solid var(--color-gray-01);
    border-radius: 4px;
    color: var(--color-gray-07);
    font: var(--font-body-14);
    min-height: 2.9rem;
    padding: 3px 5px;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.technology-detail {
    margin-top: 4rem
}

.technology-detail__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.technology-detail__cards {
    display: grid;
    gap: 8px
}

.technology-detail__card {
    border-radius: 6px;
    min-height: 16rem;
    overflow: hidden;
    padding: 16px;
    position: relative
}

.technology-detail__card:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(58.43%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 58.43%, rgba(0, 0, 0, .8)), -webkit-linear-gradient(bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 58.43%, rgba(0, 0, 0, .8) 100%), -moz-linear-gradient(bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: linear-gradient(180deg, #0000 58.43%, #000c), linear-gradient(0deg, #0003, #0003);
    border-radius: 6px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.technology-detail__card .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    color: var(--color-white);
    font: var(--font-heading-16);
    gap: 20px;
    height: 100%;
    justify-content: end;
    max-height: 28rem;
    z-index: 2
}

.technology-detail__image {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.technology-detail__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article {
    margin-top: 4rem
}

.article__inner p {
    color: var(--color-gray-08)
}

.article__inner a {
    color: var(--color-brand);
    cursor: pointer
}

.article__inner ul {
    color: var(--color-gray-08);
    padding: 13px 0 0 2.4rem
}

.article__inner ul li {
    list-style: disc
}

.article__inner h2 {
    font: var(--font-heading-24);
    margin-bottom: 20px
}

.article__inner h3 {
    font: var(--font-heading-20);
    margin-bottom: 12px
}

.article__inner h2:not(:first-child) {
    margin-top: 2rem
}

.article__inner h3:not(:first-child) {
    margin-top: 2rem
}

.article__inner .card-label {
    color: var(--color-gray-08);
    font-weight: 700;
    margin-top: 12px
}

.article__inner .card-label span {
    font-weight: 400
}

.article__inner-image {
    margin: 4rem 0
}

.article__inner-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article__inner-text img {
    aspect-ratio: 987/394;
    height: 100% !important;
    margin: 1em 0;
    width: 100% !important
}

.article__inner-text h2, .article__inner-text h3, .article__inner-text h4, .article__inner-text h5 {
    margin: 1em 0
}

.subscribe {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    margin-top: 4rem;
    padding: 2rem
}

.subscribe__inner {
    display: grid;
    gap: 8px
}

.subscribe__inner .input {
    margin-top: 12px
}

.subscribe__inner input {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-01);
    border-radius: 8px;
    height: 5.6rem;
    padding: 0 2rem;
    width: 100%
}

.subscribe__inner .btn {
    font: var(--font-button-16);
    width: 100%
}

.subscribe__inner .btn p {
    color: var(--color-white);
    font: var(--font-button-16)
}

.subscribe__inner .popup__agree {
    margin-top: 12px
}

.subscribe__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.subscribe__top .title {
    font: var(--font-heading-24)
}

.subscribe__top p {
    color: var(--color-gray-08)
}

.error-404 {
    margin-top: 4rem
}

.error-404__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.error-decor .title {
    color: var(--color-brand);
    font-size: 12rem;
    font-weight: 600;
    line-height: 120%
}

.error-404__text, .error__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.error-404__text {
    color: var(--color-gray-08);
    text-align: center
}

.error-404__text .section-title {
    font: var(--font-heading-24)
}

.error-404__text p {
    font: var(--font-body-20)
}

.error__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.error__actions .btn {
    font: var(--font-button-14);
    height: 4.8rem;
    width: 100%
}

.service-detail {
    margin-top: 2rem
}

.service-detail__inner {
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.service-detail__inner:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(16.33%, rgba(245, 246, 250, 0)), color-stop(47.26%, #f5f6fa));
    background: -webkit-linear-gradient(right, rgba(245, 246, 250, 0) 16.33%, #f5f6fa 47.26%);
    background: -moz-linear-gradient(right, rgba(245, 246, 250, 0) 16.33%, #f5f6fa 47.26%);
    background: linear-gradient(270deg, #f5f6fa00 16.33%, #f5f6fa 47.26%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.service-detail__inner-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 4rem 15px
}

.service-detail__inner-info .btn {
    font: var(--font-button-16);
    margin-top: 16px;
    width: 100%
}

.service-detail__advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.service-detail__advantage, .service-detail__advantages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.service-detail__advantage {
    gap: 16px
}

.service-detail__advantage svg {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: var(--color-brand)
}

.service-detail__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.service-detail__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.service-info__inner .section-title {
    margin-bottom: 20px
}

.service-info__inner .bold {
    font: var(--font-body-16-sb);
    margin-top: 2rem
}

.service-info__inner ul {
    padding: 12px 0 0 2.4rem
}

.service-info__inner ul li {
    list-style: disc
}

.necessity__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.necessity__inner .section-title {
    text-align: center
}

.necessity__items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.necessity__item, .necessity__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.necessity__item {
    border: 1px solid var(--color-gray-01);
    border-radius: 12px;
    min-height: 16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px)
}

.necessity__item img {
    height: 3.2rem;
    width: 3.2rem
}

.necessity__item .title {
    font: var(--font-heading-16)
}

.structure__inner {
    display: grid;
    gap: 20px
}

.structure__inner .section-title {
    margin-bottom: 20px
}

.structure__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.structure__item, .structure__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.structure__item {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    gap: 20px;
    padding: 16px
}

.structure__item img {
    -webkit-flex-shrink: 0;
    height: 2.8rem;
    width: 2.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.structure__item .title {
    font: var(--font-heading-20)
}

.structure__image {
    border-radius: 12px;
    min-height: 25rem;
    overflow: hidden
}

.structure__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.reasons__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.reasons__inner .section-title {
    text-align: center
}

.reasons__items {
    display: grid;
    gap: 8px;
    grid-template-columns:repeat(2, 1fr)
}

.reasons__item {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.reasons__item > p {
    color: var(--color-gray-08);
    text-align: center
}

.reasons__item-top {
    background-color: var(--color-white);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--font-heading-20);
    min-height: 8rem;
    padding: 0 2rem;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reasons__item-top p {
    color: var(--color-brand)
}

.reasons__item-top span {
    color: var(--color-black)
}

.stage__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.stage__inner .section-title {
    text-align: center
}

.stage__items {
    counter-reset: step-counter;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.stage__item {
    border: 1px solid transparent;
    border-radius: 12px;
    display: grid;
    min-height: 13.7rem;
    padding: 10px;
    position: relative;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px)
}

.stage__item:before {
    color: var(--color-brand);
    content: counter(step-counter, decimal-leading-zero);
    counter-increment: step-counter;
    font: var(--font-heading-24);
    left: 12px;
    position: absolute;
    top: 12px
}

.stage__item:nth-child(n+10):before {
    content: counter(step-counter)
}

.stage__item svg {
    height: 3rem;
    justify-self: end;
    width: 3rem
}

.stage__item:nth-child(odd) {
    background-color: var(--color-light-blue)
}

.stage__item:nth-child(odd) svg {
    fill: var(--color-white)
}

.stage__item:nth-child(2n) {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-01)
}

.stage__item:nth-child(2n) svg {
    fill: var(--color-light-blue)
}

.stage__item .title {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    align-self: end;
    font: var(--font-heading-16)
}

.contacts {
    margin-top: 4rem
}

.contacts__items {
    display: grid;
    gap: 20px
}

.contacts__item, .organization-details {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.contact__title, .organization-details__title {
    font: var(--font-heading-24)
}

.contact__detail {
    gap: 20px
}

.contact__calls, .contact__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact__calls {
    color: var(--color-gray-08);
    gap: 16px
}

.contact__call {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contact__call svg {
    -webkit-flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: var(--color-brand)
}

.contact__work {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: grid;
    grid-template-columns:5fr 2fr
}

.contact__days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    font: var(--font-body-14-sb);
    justify-content: space-around
}

.contact__days p ~ p {
    margin-top: 0
}

.contact__workday.weekend {
    color: var(--color-brand)
}

.contact__workday.weekend .contact__time {
    background-color: var(--color-brand);
    border-radius: 0 6px 6px 0;
    color: var(--color-white);
    padding: 0 6px
}

.contact__workday {
    display: grid;
    gap: 4px;
    grid-template-columns:auto
}

.contact__workday .contact__time {
    background-color: var(--color-black);
    border-radius: 6px 0 0 6px;
    color: var(--color-white);
    font: var(--font-button-12);
    grid-column: 1/-1;
    height: 4.1rem;
    letter-spacing: .72px;
    padding: 12px 3.2rem;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.contact__workday .contact__time p {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    height: 100%;
    justify-content: center
}

.contact__workday .contact__time p, .contacts-map__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.contacts-map__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.contacts-map__item p {
    line-height: 160%;
    margin-bottom: 20px
}

.contacts__map-title {
    font: var(--font-heading-20)
}

.map__wrapper {
    border: 1px solid var(--color-gray-01);
    border-radius: 12px;
    height: 40rem;
    overflow: hidden;
    width: 100%
}

.map__wrapper .my-map {
    max-width: 100% !important
}

.map__wrapper .my-map, .map__wrapper .ymaps-2-1-79-map {
    height: 100% !important;
    width: 100% !important
}

.organization-details__item {
    border-top: 1px solid var(--color-gray-01);
    color: var(--color-gray-08);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.organization-details__item:last-child {
    border-bottom: 1px solid var(--color-gray-01)
}

.organization-details__item .title {
    font: var(--font-body-16-sb);
    max-width: 21rem
}

.about {
    background: var(--color-light-blue);
    border-radius: 12px;
    margin-top: 2rem;
    overflow: hidden;
    position: relative
}

.about__inner {
    display: grid;
    gap: 20px;
    padding: 2rem 0 0
}

.about__inner .subtitle {
    font: var(--font-heading-20)
}

.about__inner-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.about__inner-text p ~ p {
    margin-top: 13px
}

.about__image {
    aspect-ratio: 164/75;
    border-radius: 12px;
    margin-top: 2rem;
    overflow: hidden
}

.about__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.about__subsection {
    display: grid;
    gap: 20px;
    margin-top: 6rem
}

.about__subsection .section-title {
    font: var(--font-heading-32)
}

.about__subsection .about__subsection-text {
    color: var(--color-gray-08)
}

.about__subsection:last-child {
    padding-bottom: 20px
}

.about__subsection-items {
    gap: 24px
}

.about__subsection-item, .about__subsection-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.about__subsection-item {
    gap: 12px
}

.about__subsection-item .title {
    font: var(--font-heading-20)
}

.about__subsection-item p {
    color: var(--color-gray-08)
}

.about__subsection-image {
    aspect-ratio: 328/253;
    border-radius: 12px;
    overflow: hidden
}

.about__subsection-image img {
    height: 100%;
    width: 100%
}

.career-page .about__subsection {
    margin-top: 4rem
}

.career-page .about__subsection .section-title {
    font: var(--font-heading-24)
}

.career-page .about__subsection-items {
    gap: 16px
}

.career-page .about__subsection-item {
    gap: 8px
}

.career-page .product-tabs {
    margin-top: 8rem
}

.career-page .tab-button {
    font: var(--font-button-14);
    height: 4.4rem
}

.career-page .tab-button:first-child {
    padding-left: 24px
}

.career-page .tab-button:last-child {
    padding-right: 24px
}

.tab-panel__cards {
    display: grid;
    gap: 16px
}

.tab-panel__card {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.tab-panel__card .btn {
    font: var(--font-button-14);
    margin-top: auto;
    padding: 0
}

.tab-panel__card-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.tab-panel__card-top .title {
    font: var(--font-heading-20)
}

.tab-panel__card-top .town {
    color: var(--color-gray-07);
    font: var(--font-body-14)
}

.tab-panel__card-conditions p ~ p {
    margin-top: 12px
}

.product-tabs__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.product-tabs__inner .section-title {
    margin-bottom: 20px
}

.career-callback {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.career-callback .section-title {
    font: var(--font-heading-24)
}

.career-callback p {
    color: var(--color-gray-08);
    font: var(--font-body-20)
}

.career-callback a {
    color: var(--color-brand)
}

.career-banner__inner {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    display: grid;
    overflow: hidden
}

.career-banner__text {
    display: grid;
    gap: 20px;
    padding: 2rem
}

.career-banner__text .section-title {
    font: var(--font-heading-24)
}

.career-banner__text .btn {
    font: var(--font-button-14);
    padding: 0
}

.career-banner__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.career-banner__info .title {
    font: var(--font-heading-16)
}

.career-banner__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.career-banner__item, .career-banner__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.career-banner__item {
    color: var(--color-gray-08);
    font: var(--font-body-14);
    gap: 16px
}

.career-banner__item img {
    -webkit-flex-shrink: 0;
    height: 2rem;
    width: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.career-banner__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.vacancy {
    margin-top: 4rem
}

.vacancy__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.vacancy__block {
    color: var(--color-gray-08)
}

.vacancy__block .title {
    font: var(--font-body-16-sb)
}

.vacancy__block ul {
    padding: 13px 0 0 2.5rem
}

.vacancy__block ul li {
    list-style: disc
}

.vacancy-form {
    margin-top: 4rem
}

.vacancy-form__inner {
    background-color: var(--color-light-blue);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.vacancy-form__title {
    font: var(--font-heading-24)
}

.vacancy-form__form {
    display: grid;
    gap: 20px
}

.vacancy-form__form .input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.vacancy-form__form .input label {
    color: var(--color-gray-05);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .64px;
    line-height: 120%
}

.vacancy-form__form .input input, .vacancy-form__form .input textarea {
    background-color: var(--color-white);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.vacancy-form__form .input input {
    height: 6rem
}

.vacancy-form__form .input textarea {
    height: 15rem
}

.vacancy-form__form .input.error input {
    border-color: var(--color-brand)
}

.vacancy-form__form .input input::-webkit-input-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.vacancy-form__form .input input::-moz-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.vacancy-form__form .input input:-ms-input-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.vacancy-form__form .input input::-ms-input-placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.vacancy-form__form .input input::placeholder {
    color: var(--color-gray-07);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%
}

.file-upload-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border: 1px solid var(--color-gray-01);
    border-radius: 8px;
    color: var(--color-gray-07);
    cursor: pointer;
    font: var(--font-heading-16);
    gap: 8px;
    height: 6rem;
    justify-content: center;
    padding: 12px 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.file-upload-btn--file-selected {
    background-color: #f8fff9;
    border-color: #28a745
}

.button__icon {
    display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.button__icon svg {
    fill: none;
    stroke: var(--color-green);
    height: 2.4rem;
    width: 2.4rem
}

.button--file-selected .button__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.button__text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-line-clamp: 1;
    line-clamp: 1
}

.button__text, .vacancy-form__bottom {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.vacancy-form__bottom {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.vacancy-form__bottom .btn {
    font: var(--font-button-16);
    height: 5.6rem;
    width: 100%
}

.result {
    margin-top: 3rem
}

.result__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.result__inner .search {
    height: 4.8rem
}

.result__inner .section-title {
    font: var(--font-heading-20)
}

.result__inner .result-not-found {
    font: var(--font-body-16);
    max-width: 40.4rem
}

.result__inner .product-card .product-card-wrap {
    gap: 0
}

.result__inner .pagination {
    margin-top: 16px
}

@media (min-width: 475px) {
    :root {
        --header-offset: 100px
    }
}

@media (min-width: 744px) {
    :root {
        --header-height: 82px
    }

    :root {
        --header-offset: 65px
    }

    :root {
        --container: 20px
    }

    --header-height {
        --header-height: 82px
    }

    --header-scroll-height {
        --header-scroll-height: 82px
    }

    section ~ section {
        margin-top: 10rem
    }

    section:last-child {
        margin-bottom: 100px
    }

    .btn {
        border-radius: 8px;
        font: var(--font-button-14);
        letter-spacing: .84px;
        padding: 12px 2.4rem
    }

    .swiper-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .swiper-button-next, .swiper-button-prev {
        bottom: 4rem;
        margin: 0;
        top: auto
    }

    .swiper-button-prev {
        left: auto;
        right: 9.6rem
    }

    .swiper-pagination-bullet {
        display: none
    }

    h1 {
        font: var(--font-heading-40)
    }

    h2 {
        font: var(--font-heading-32)
    }

    h3 {
        font: var(--font-heading-24)
    }

    .header__inner {
        padding: 16px var(--container)
    }

    .header__main {
        padding: 0
    }

    .header__logo img {
        max-height: 5rem
    }

    .header__phones-item {
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .header__phones-item a {
        font-size: 16px
    }

    .header__phones-item .phone-detail p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px
    }

    .header__phones-item:not(:first-child) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__burger {
        height: 4.8rem;
        width: 4.8rem
    }

    .footer__inner {
        gap: 60px 16px;
        grid-template-columns:repeat(2, 1fr);
        padding: 4rem 0
    }

    .footer__links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-column: 1/-1;
        margin-bottom: 0
    }

    .footer__links nav {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .footer__address {
        margin-bottom: 0;
        max-width: 29.1rem
    }

    .footer__address-item p {
        font-weight: 600
    }

    .footer__contact-links {
        font-size: 2rem;
        margin-bottom: 0
    }

    .footer__info-contact {
        margin-bottom: 0
    }

    .footer__info-contact svg {
        height: 1.8rem;
        width: 1.8rem
    }

    .footer__bottom {
        margin: auto 0
    }

    .footer__bottom-links {
        gap: 12px
    }

    .breadcrumbs-wrapper {
        padding: 12px 2rem
    }

    .popup {
        border-radius: 12px;
        padding: 2.4rem
    }

    .fancybox__slide .f-button[data-fancybox-close] {
        right: 4rem;
        top: 4rem
    }

    .fancybox__slide.has-html {
        padding: 3.4rem 8px
    }

    .popup-city .f-button {
        right: 2.4rem !important
    }

    .popup-form {
        height: auto;
        padding: 4rem
    }

    .popup-form .popup__title {
        font: var(--font-heading-32)
    }

    .popup__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .popup__bottom .btn {
        font: var(--font-button-16);
        height: 5.6rem;
        letter-spacing: .96px
    }

    .popup-thanks {
        height: auto;
        max-width: 52.7rem;
        padding: 4rem
    }

    .popup-commercial .popup__form {
        display: grid;
        gap: 12px;
        grid-template-columns:repeat(2, 1fr)
    }

    .popup-commercial .input:has(textarea) {
        grid-column: 2;
        grid-row: 2/5
    }

    .popup-commercial .input textarea {
        height: 100%
    }

    .popup-commercial .input {
        grid-column: 1
    }

    .popup-commercial .input.phone {
        grid-column: 2;
        grid-row: 1
    }

    .range-time .range-time-input {
        grid-template-columns:repeat(2, 1fr)
    }

    .popup-thanks-subscribe {
        max-width: 70.4rem;
        min-height: 25rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 4rem
    }

    .pagination__wrapper {
        gap: 12px
    }

    .pagination__item {
        height: 4.8rem;
        width: 4.8rem
    }

    .callback__inner {
        padding: 4rem
    }

    .callback__form-top {
        gap: 24px;
        max-width: 45rem
    }

    .callback__form-top p {
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 150%
    }

    .callback__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .callback__bottom .btn {
        border-radius: 12px;
        font: var(--font-button-16);
        height: 5.6rem;
        padding: 16px 2rem
    }

    .callback__form-agree {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .filter__inner {
        padding: 2rem
    }

    .products-card__title {
        margin-bottom: auto
    }

    .accessories-card__title {
        min-height: 4.8rem
    }

    .accessories-card__bottom {
        min-height: 10.4rem
    }

    .directory-card__inner .btn {
        font: var(--font-button-12)
    }

    .technology-card__image {
        height: 21.1rem
    }

    .technology-card__info {
        gap: 20px;
        height: -webkit-calc(100% - 21.1rem);
        height: -moz-calc(100% - 21.1rem);
        height: calc(100% - 21.1rem);
        padding: 2rem
    }

    .technology-card__title {
        font: var(--font-heading-20)
    }

    .project-card__image {
        height: 21.1rem
    }

    .project-card__bottom {
        gap: 16px
    }

    .project-card__info {
        gap: 20px;
        height: -webkit-calc(100% - 21.1rem);
        height: -moz-calc(100% - 21.1rem);
        height: calc(100% - 21.1rem);
        padding: 2rem
    }

    .project-card__title {
        display: -webkit-box;
        font: var(--font-heading-20);
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        min-height: 12rem
    }

    .project-card__client p {
        font: var(--font-heading-16)
    }

    .main-page .main-category .section-title:first-of-type {
        font: var(--font-heading-32)
    }

    .main__slide-content {
        margin-bottom: 12px;
        padding: 3.2rem 10px 16px
    }

    .main__text {
        font-size: 16px
    }

    .main__title {
        font-size: 9.4rem
    }

    .main__image {
        top: -4rem
    }

    .main__image img {
        max-height: 100%
    }

    .main__info {
        gap: 28px
    }

    .main__info .btn-more {
        font: var(--font-button-16);
        height: 5.6rem;
        padding: 16px 3.2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .main__advantage {
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .main__advantage, .main__advantage li {
        -webkit-box-direction: normal;
        -moz-box-direction: normal
    }

    .main__advantage li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 16px 12px;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .main__advantage p {
        font-size: 14px
    }

    .values {
        margin-top: 8px
    }

    .values__inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px
    }

    .value__card, .values__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .value__card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 30%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        padding: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        border: 1px solid #dedede;
        border-radius: 12px;
        justify-content: space-between;
        min-height: 16.8rem
    }

    .value__card svg {
        -webkit-flex-shrink: 0;
        height: 3.2rem;
        width: 3.2rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .value__descr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        margin-top: 2rem
    }

    .value__title {
        font: var(--font-heading-20)
    }

    .value__text {
        color: var(--color-gray-07);
        font: var(--font-body-16)
    }

    .category__inner, .main-service__inner, .project__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .category__cards {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        grid-template-columns:repeat(2, 1fr)
    }

    .category__inner-top {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 44.9rem
    }

    .btn-all {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .project__inner {
        display: grid;
        grid-template-columns:minmax(0, 1fr) minmax(0, auto)
    }

    .project__inner .btn-all {
        margin-top: 0;
        padding: 12px 2rem
    }

    .project__inner .swiper-button {
        border-radius: 8px;
        bottom: 10px;
        height: 4rem;
        width: 4rem
    }

    .project__inner .swiper-button-next {
        right: 2.8rem
    }

    .project__inner .swiper-button-prev {
        right: 7.6rem
    }

    .project__inner .swiper-button-next .icon-arrow-narrow-right {
        fill: var(--color-black);
        stroke: none
    }

    .projects__slider {
        grid-column: 1/-1
    }

    .projects__slider .swiper-slide {
        border-radius: 12px;
        min-height: 25.7rem
    }

    .projects-wrap {
        bottom: auto;
        left: 8px;
        max-height: 23.8rem;
        max-width: 31.1rem;
        padding: 16px;
        top: 8px
    }

    .projects-wrap .section-title {
        display: -webkit-box;
        font: var(--font-heading-16);
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical
    }

    .project-client p {
        font: var(--font-body-16)
    }

    .project-client span {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .accordion-item ~ .accordion-item {
        margin-top: 12px
    }

    .accordion-title {
        font: var(--font-heading-20);
        height: 6.4rem;
        padding: 16px 2rem
    }

    .accordion-content .title {
        font: var(--font-heading-24)
    }

    .accordion-content > p {
        font: var(--font-body-20)
    }

    .accordion-content .accordion__bottom {
        margin-top: 12px
    }

    .accordion-content .accordion__bottom .btn {
        height: 4.8rem;
        padding: 16px 2.2rem
    }

    .accordion-content .service-more {
        font: var(--font-button-16);
        letter-spacing: .96px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .accordion-content .service-more svg {
        height: 2.4rem;
        width: 2.4rem
    }

    .accordion-content > :last-child {
        margin-bottom: 10px
    }

    .accordion-image img {
        border-radius: 16px;
        height: 24.9rem
    }

    .main-about__advantages {
        gap: 20px
    }

    .main-about__advantage {
        min-height: 24.5rem;
        padding: 3rem
    }

    .main-about__advantage img {
        height: 6.5rem
    }

    .main-about__advantage-info span {
        font-size: 2.8rem
    }

    .main-about__advantage-info p {
        font-size: 2rem;
        line-height: 140%
    }

    .main-about__info-text {
        font: var(--font-body-16)
    }

    .main-about__info .btn--more {
        font: var(--font-button-16);
        letter-spacing: .96px;
        text-transform: uppercase
    }

    .main-about__info-image {
        margin-top: 4.3rem
    }

    .main-about__info-image img {
        height: 18.6rem
    }

    .catalog__cards {
        grid-template-columns:repeat(2, 1fr)
    }

    .subcategory__inner-wrap {
        padding-bottom: 100px
    }

    .subcategory__inner-top {
        position: relative
    }

    .subcategory__links {
        max-width: -webkit-calc(100% - 24.4rem);
        max-width: -moz-calc(100% - 24.4rem);
        max-width: calc(100% - 24.4rem)
    }

    .subcategory__banner {
        bottom: 0;
        max-width: 22.4rem;
        position: absolute;
        right: 0
    }

    .subcategory__actions {
        width: -webkit-calc(100% - 24.4rem);
        width: -moz-calc(100% - 24.4rem);
        width: calc(100% - 24.4rem)
    }

    .category__inner-products {
        grid-template-columns:repeat(2, 1fr)
    }

    .product-slider__main .product-tags {
        left: 2rem;
        top: 2rem
    }

    .product-slider__main .tag {
        font: var(--font-body-14-sb);
        padding: 6px 10px
    }

    .product-slider__main .swiper-pagination-bullet {
        display: inline-block
    }

    .product__describe {
        max-width: 35.5rem
    }

    .tab-panel__text {
        max-width: 85rem
    }

    .equipment__items, .tab-panel[data-tab=characteristics] {
        margin-top: 2rem;
        max-width: 76.7rem
    }

    .equipment__items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 16px
    }

    .equipment__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 2.4rem
    }

    .accessories__slider, .consumables__slider, .directory__slider {
        margin-top: 2rem
    }

    .tabs-review__side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tabs-review__side .btn {
        -webkit-flex-shrink: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font: var(--font-button-16);
        height: 5.6rem;
        padding: 12px 16px
    }

    .review-form {
        padding: 4rem
    }

    .review-form form {
        gap: 32px
    }

    .review-form .input {
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .review-form .textarea {
        width: 100%
    }

    .review-form textarea {
        height: 10rem
    }

    .review-form__form {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .review-form__bottom, .review-form__form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal
    }

    .review-form__bottom {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .review-form__bottom .btn {
        -webkit-flex-shrink: 0;
        height: 5.6rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 12px 2.8rem
    }

    .review-form__bottom .custom-checkbox {
        height: 2rem;
        width: 2rem
    }

    .consumables {
        margin-top: 8rem;
        padding: 8rem 0
    }

    .consumables__slider {
        margin-top: 0
    }

    .callback-tech .section-title {
        font: var(--font-heading-32)
    }

    .service-page .page-title {
        margin-top: 5rem
    }

    .blog__cards, .service__cards {
        grid-template-columns:repeat(2, 1fr)
    }

    .blog__cards {
        gap: 20px 16px
    }

    .blog__cards .directory-card {
        height: 28rem
    }

    .project__cards, .technologies__cards {
        gap: 16px;
        margin-bottom: 16px
    }

    .delivery__inner {
        display: grid;
        grid-template-columns:auto 289px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        gap: 20px;
        justify-content: space-between;
        padding: 10px 3rem
    }

    .delivery__inner-info {
        gap: 24px
    }

    .delivery__image {
        bottom: auto;
        left: auto;
        right: -3rem;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0);
        width: 100%
    }

    .partners__inner-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .partners__inner-top .btn {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 12px 3rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .partners__inner-top__wrap p {
        font: var(--font-body-20)
    }

    .partners__items {
        gap: 16px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .partners__item {
        width: -webkit-calc(25% - 12px);
        width: -moz-calc(25% - 12px);
        width: calc(25% - 12px)
    }

    .partners__item img {
        min-height: 10.5rem
    }

    .delivery-doc__inner-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 80px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .delivery-doc__inner-top .btn {
        font: var(--font-button-16);
        padding: 12px 3rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .leasing__inner {
        padding: 3rem;
        position: relative
    }

    .leasing__info {
        gap: 24px;
        max-width: 47rem
    }

    .leasing__info .btn {
        margin-top: 16px;
        padding: 12px 3rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .leasing__image {
        bottom: 0;
        height: 24.6rem;
        left: auto;
        position: absolute;
        right: 0;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: 35.3rem
    }

    .steps__items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 16px
    }

    .step__item {
        gap: 25px;
        grid-template-rows:auto 1fr
    }

    .step__item:first-child {
        grid-template-columns:1fr auto;
        grid-template-rows:auto;
        min-height: 24rem;
        width: 100%
    }

    .step__item:first-child .step__info {
        max-width: 29.5rem;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .step__item:nth-child(2) {
        min-height: 33.3rem;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .step__item:nth-child(3) {
        min-height: 33.3rem;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .step__item:nth-child(3) .step__info {
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .step__num {
        align-self: start;
        grid-column: 1/-1
    }

    .steps__image {
        height: 48.4rem
    }

    .benefit__cards {
        gap: 16px
    }

    .benefit__card {
        min-height: 27.2rem;
        padding: 2rem;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .benefit__card img {
        height: 4rem;
        width: 4rem
    }

    .benefit-info .title {
        font: var(--font-heading-24)
    }

    .benefit-info p {
        font: var(--font-body-20)
    }

    .advice {
        padding: 4rem
    }

    .advice .advice-info {
        gap: 28px
    }

    .advice .btn {
        padding: 12px 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .page-tags {
        gap: 10px
    }

    .page-tag {
        padding: 3px 8px
    }

    .technology-detail__inner {
        gap: 60px
    }

    .technology-detail__cards {
        gap: 16px;
        grid-template-columns:repeat(2, 1fr)
    }

    .technology-detail__card {
        border-radius: 12px;
        min-height: 15.7rem;
        padding: 2rem
    }

    .technology-detail__card .title {
        font: var(--font-heading-20)
    }

    .technology-detail__text p ~ p {
        margin-top: 13px
    }

    .article__inner h2 {
        font: var(--font-heading-32);
        margin-bottom: 40px
    }

    .article__inner h3 {
        font: var(--font-heading-24);
        margin-bottom: 20px
    }

    .article__inner h2:not(:first-child) {
        margin-top: 4rem
    }

    .article__inner h3:not(:first-child) {
        margin-top: 4rem
    }

    .article__inner-image {
        height: 39.4rem
    }

    .subscribe__inner {
        grid-template-columns:232px 1fr;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px 40px
    }

    .subscribe__inner .btn {
        height: 5.6rem
    }

    .subscribe__inner .popup__agree {
        grid-column: 2
    }

    .subscribe__top {
        grid-column: 1;
        grid-row: span 3
    }

    .error-404__inner {
        gap: 40px
    }

    .error__actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .error__actions .btn {
        padding: 12px 2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .service-detail__inner-info {
        padding: 3.5rem 2rem
    }

    .service-detail__inner-info .btn {
        height: 5.6rem;
        padding: 12px 3.2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .service-detail__inner-info .section-title {
        max-width: 48rem
    }

    .service-info__inner .bold {
        font: var(--font-body-20-sb)
    }

    .service-info__inner ul {
        padding: 16px 0 0 2.5rem
    }

    .necessity__items {
        gap: 16px
    }

    .necessity__item {
        padding: 2rem;
        width: -webkit-calc(33.33333% - 11px);
        width: -moz-calc(33.33333% - 11px);
        width: calc(33.33333% - 11px)
    }

    .structure__image {
        min-height: 49rem
    }

    .reasons__items {
        gap: 16px
    }

    .reasons__item {
        gap: 18px;
        padding: 2rem
    }

    .reasons__item-top {
        font: var(--font-heading-24);
        min-height: 10rem
    }

    .reasons__item-top p {
        max-width: 12rem
    }

    .stage__items {
        gap: 16px
    }

    .stage__item {
        min-height: 14.7rem;
        padding: 2rem;
        width: -webkit-calc(33.33333% - 11px);
        width: -moz-calc(33.33333% - 11px);
        width: calc(33.33333% - 11px)
    }

    .stage__item:before {
        font: var(--font-heading-32);
        left: 2rem;
        top: 2rem
    }

    .stage__item svg {
        height: 4rem;
        width: 4rem
    }

    .stage__item .title {
        font: var(--font-heading-20)
    }

    .contacts__item, .organization-details {
        padding: 2rem
    }

    .contact__title, .organization-details__title {
        font: var(--font-heading-32)
    }

    .contact__detail {
        gap: 41px
    }

    .contact__calls {
        font: var(--font-body-20)
    }

    .contact__workday.weekend .contact__time {
        padding: 0 5.7rem
    }

    .contacts__map-title {
        font: var(--font-heading-24)
    }

    .map__wrapper {
        height: 44.8rem
    }

    .organization-details__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font: var(--font-body-20)
    }

    .organization-details__item .title {
        font: var(--font-body-20-sb)
    }

    .about__inner .subtitle {
        font: var(--font-heading-24)
    }

    .about__subsection .section-title {
        font: var(--font-heading-40)
    }

    .career-page .about__subsection {
        margin-top: 6rem
    }

    .career-page .about__subsection .section-title {
        font: var(--font-heading-28)
    }

    .career-page .product-tabs {
        margin-top: 10rem
    }

    .career-banner__inner, .tab-panel__cards {
        grid-template-columns:repeat(2, 1fr)
    }

    .career-banner__inner {
        gap: 20px
    }

    .career-banner__text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 2.5rem 2rem
    }

    .career-banner__image {
        justify-self: end
    }

    .vacancy-form__inner {
        gap: 32px;
        padding: 2.4rem
    }

    .vacancy-form__title {
        font: var(--font-heading-32)
    }

    .vacancy-form__form {
        grid-template-columns:1fr auto
    }

    .vacancy-form__form .input textarea {
        height: 10rem
    }

    .file-upload {
        align-self: end;
        grid-column: 2;
        height: 10rem;
        width: 19.4rem
    }

    .file-upload-btn {
        height: 100%
    }

    .button__text {
        display: -webkit-box;
        max-width: 12.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .vacancy-form__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .vacancy-form__bottom .btn {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-flex-shrink: 0;
        order: 1;
        padding: 16px 3.2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .result {
        margin-top: 4rem
    }
}

@media (min-width: 744px) and (max-width: 1199px) {
    .project__inner .swiper-button-next .icon-arrow-narrow-right {
        display: none
    }

    .necessity__item:nth-child(5n+5) {
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .necessity__item:nth-child(5n+4) {
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .stage__item:nth-child(5n+4) {
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .stage__item:nth-child(5n+5) {
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .vacancy-form__form .input {
        grid-column: 1/-1
    }

    .vacancy-form__form .input-textarea {
        grid-column: 1
    }
}

@media (min-width: 744px) and (max-width: 1759px) {
    .organization-details__item p {
        max-width: 32.4rem;
        text-align: right
    }
}

@media (min-width: 1200px) {
    :root {
        --header-height: 186px
    }

    html {
        scroll-padding: 115px
    }

    --header-height {
        --header-height: 170px
    }

    --header-scroll-height {
        --header-scroll-height: 75px
    }

    ::-webkit-scrollbar {
        border-radius: 6px;
        width: 3px
    }

    ::-webkit-scrollbar-track {
        background: var(--color-gray-01);
        border-radius: 6px
    }

    ::-webkit-scrollbar-thumb {
        background: var(--color-gray-03);
        border-radius: 6px
    }

    .browser-firefox, .browser-firefox * {
        scrollbar-color: var(--color-gray-03) var(--color-gray-01);
        scrollbar-width: thin
    }

    a {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    section ~ section {
        margin-top: 12rem
    }

    section:last-child {
        margin-bottom: 120px
    }

    .btn {
        letter-spacing: .96px;
        padding: 16px 3.2rem
    }

    .btn--pink {
        font-size: 11px;
        height: 3.2rem;
        padding: 10px 8px
    }

    .swiper-button-next, .swiper-button-prev {
        bottom: 2rem
    }

    .swiper-button-prev {
        right: 10.3rem
    }

    .swiper-button-next {
        right: 3.7rem
    }

    h1 {
        font: var(--font-heading-56)
    }

    h2 {
        font: var(--font-heading-48)
    }

    .header:after {
        top: 5.1rem
    }

    .header-scroll .header {
        height: auto
    }

    .header-scroll .header__catalog.active {
        top: 6.3rem
    }

    .header-scroll .header__category, .header-scroll .header__top {
        display: none
    }

    .header-scroll .header__main {
        padding-top: 0
    }

    .header-scroll .header:after {
        top: 9.6rem
    }

    .header__inner {
        padding: 12px var(--container) 0
    }

    .header__top {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 8px
    }

    .header__menu, .header__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__menu {
        gap: 12px
    }

    .header__menu-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--color-gray-06);
        font: var(--font-menu)
    }

    .has-child .header__menu-link:after {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .submenu {
        background: var(--color-white);
        border-radius: 16px;
        -webkit-box-shadow: 0 6px 8px 0 rgba(60, 59, 67, .08);
        box-shadow: 0 6px 8px #3c3b4314;
        display: none;
        gap: 8px;
        left: 0;
        padding: 2.4rem;
        position: absolute;
        top: -webkit-calc(100% + 8px);
        top: -moz-calc(100% + 8px);
        top: calc(100% + 8px);
        width: 25.4rem;
        z-index: 11
    }

    .submenu:before {
        content: "";
        height: 5px;
        left: 16px;
        position: absolute;
        top: -5px;
        width: 8.8rem
    }

    .submenu:before {
        height: 10px;
        top: -10px;
        width: 10rem
    }

    .has-child:hover .submenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .has-child:hover .submenu, .header__contacts {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__contacts {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        padding-bottom: 0
    }

    .header__contacts li a {
        height: 2.4rem;
        width: 2.4rem
    }

    .header__buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px
    }

    .header__buttons .btn--pink {
        padding: 10px 15px
    }

    .header__location {
        cursor: pointer;
        font: var(--font-body-14);
        gap: 6px;
        line-height: 1.4
    }

    .header__bar, .header__location {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        gap: 12px;
        padding-bottom: 0
    }

    .header__main {
        display: grid;
        gap: 20px;
        grid-template-columns:auto 1fr auto
    }

    .header__logo img {
        height: 8.5rem;
        max-height: 100%
    }

    .header-catalog-btn {
        -webkit-flex-shrink: 0;
        height: 4.8rem;
        width: 16.3rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header__options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

    .search {
        height: 4.8rem;
        padding: 0 12px;
        width: 100%
    }

    .search .search-icon {
        height: 2rem;
        width: 2rem
    }

    .input-result {
        background-color: var(--color-white);
        border-radius: 12px;
        left: 0;
        padding: 12px;
        position: absolute;
        width: 100%
    }

    .input-result__list {
        margin-bottom: 13px;
        max-height: 38rem;
        overflow-y: auto
    }

    .input-result__list::-webkit-scrollbar {
        height: 0;
        width: 2px
    }

    .input-result__list li {
        display: grid;
        gap: 12px 24px;
        grid-template-columns:auto 1fr;
        padding: 8px
    }

    .input-result__list .result__product-img {
        border-radius: 4px;
        grid-row: span 2;
        height: 6rem;
        overflow: hidden;
        width: 6rem
    }

    .input-result__list li:nth-child(2n) {
        background-color: var(--color-light-blue)
    }

    .result__product-title {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        font: var(--font-body-14)
    }

    .result__product-price {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        grid-column: 2
    }

    .result__product-price .new {
        font: var(--font-heading-14)
    }

    .result__product-price .old {
        color: var(--color-gray-06);
        font: var(--font-body-14);
        text-decoration: line-through
    }

    .result__product-price .sale {
        background-color: var(--color-pink);
        border-radius: 100px;
        color: var(--color-brand);
        font: var(--font-body-14-sb);
        padding: 2px 6px
    }

    .result-bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        color: var(--color-brand);
        -ms-flex-direction: column;
        flex-direction: column;
        font: var(--font-body-14);
        gap: 8px;
        text-decoration: underline
    }

    .header__catalog.active .header__sublist {
        display: block
    }

    .header__category {
        background-color: var(--color-light-blue);
        border-radius: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        font: var(--font-menu);
        font-size: 11px;
        gap: 20px;
        justify-content: space-around;
        text-transform: uppercase
    }

    .header__catalog-wrap .header__catalog-list {
        gap: 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .header__subcatalog-link {
        display: inline-block;
        font: var(--font-heading-16)
    }

    .header__subcatalog-link:after {
        background-image: none;
        color: var(--color-brand);
        content: attr(data-count);
        display: inline-block;
        margin-left: 6px
    }

    .header__catalog-banner > p {
        font: var(--font-heading-20);
        margin: 2rem 2rem 0
    }

    .header__burger {
        display: none
    }

    .footer__inner {
        gap: 24px 0;
        grid-template-columns:1fr auto 1fr 26px 287px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__links {
        gap: 26px;
        grid-column: 3;
        grid-row: 1;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer__links nav {
        -webkit-box-flex: 0;
        -webkit-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }

    .footer__links .footer__nav {
        min-width: 140px
    }

    .footer__links .footer__category {
        min-width: 287px
    }

    .footer__address {
        grid-column: 5
    }

    .footer__contact {
        grid-column: 1/-1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        gap: 64px;
        justify-content: space-between
    }

    .footer__contact, .footer__contact span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .footer__contact span {
        background-color: #fff6;
        height: 1px;
        width: 43.5rem
    }

    .footer__contact-links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 48px
    }

    .footer__info {
        gap: 32px;
        grid-column: 1;
        grid-row: 1;
        max-width: 27.5rem
    }

    .footer__bottom {
        grid-column: 1/-1
    }

    .footer__bottom-links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .popup-city .input {
        margin-bottom: 32px
    }

    .popup-thanks-subscribe {
        max-width: 96.2rem;
        min-height: 20.9rem
    }

    .callback__inner {
        display: grid;
        grid-template-columns:275px 1fr
    }

    .callback__inner form {
        grid-column: 2
    }

    .callback__inner .callback-image {
        border-radius: 12px;
        display: block;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 27.5rem
    }

    .callback__form-top {
        grid-template-columns:auto 1fr;
        max-width: 100%
    }

    .callback__form-top p {
        justify-self: end;
        max-width: 44.5rem
    }

    .callback__form-inputs {
        grid-template-columns:repeat(3, 1fr)
    }

    .callback__form-inputs label:has(textarea) {
        grid-column: 1/-1
    }

    .callback__bottom .btn {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 24rem
    }

    .filter__wrapper {
        bottom: auto;
        left: 0;
        padding: 0;
        position: relative;
        right: auto;
        width: 25.5rem;
        z-index: 0
    }

    .filter__inner {
        padding: 0
    }

    .filter-head {
        display: none
    }

    .filter__wrap {
        gap: 17px
    }

    .filter__item {
        gap: 0
    }

    .filter__title {
        margin-bottom: 12px
    }

    .filter__checkboxes .custom-checkbox {
        height: 2rem;
        width: 2rem
    }

    .filter__toggle-btn {
        margin-top: 14px
    }

    .filter__buttons {
        margin-top: 3px
    }

    .product-card, .product-card .product-card-wrap {
        gap: 0
    }

    .price-block .price-actual {
        font: var(--font-heading-16)
    }

    .accessories-card, .accessories-card .accessories-card-wrap {
        gap: 0
    }

    .accessories-card__bottom {
        min-height: 10.3rem
    }

    .accessories-card__bottom .price-old {
        font: var(--font-body-14)
    }

    .directory-card {
        height: 41.2rem;
        padding: 4rem
    }

    .directory-card__inner {
        max-height: 41.2rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .directory-card__inner .btn {
        font: var(--font-button-14);
        height: 4.8rem;
        padding: 8px 4rem
    }

    .directory-title, .service-card__title {
        font: var(--font-heading-24)
    }

    .technology-card__image {
        height: 22.8rem
    }

    .technology-card__info {
        height: -webkit-calc(100% - 22.8rem);
        height: -moz-calc(100% - 22.8rem);
        height: calc(100% - 22.8rem)
    }

    .project-card__image {
        height: 22.8rem
    }

    .project-card__info {
        height: -webkit-calc(100% - 22.8rem);
        height: -moz-calc(100% - 22.8rem);
        height: calc(100% - 22.8rem)
    }

    .main-page .main-category .section-title:first-of-type {
        font: var(--font-heading-48)
    }

    .main__slide-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        margin-bottom: 0;
        padding: 2rem;
        position: relative
    }

    .main__content {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        width: 100%
    }

    .main__text {
        margin-top: 12px
    }

    .main__image {
        bottom: 0;
        height: auto;
        left: 50%;
        position: absolute;
        top: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }

    .main__image img {
        max-height: 26.4rem
    }

    .main__info {
        gap: 31px
    }

    .main__info .btn-more {
        width: 23rem
    }

    .main__advantage {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 23rem
    }

    .values {
        margin-top: 2rem
    }

    .value__card {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 22.2rem
    }

    .value__descr {
        margin-top: 2.6rem
    }

    .category__cards {
        gap: 20px
    }

    .category__inner-top {
        max-width: 100%
    }

    .category__card {
        min-height: 34.6rem
    }

    .btn-all {
        font: var(--font-button-16);
        height: 5.6rem
    }

    .category__info {
        width: -webkit-calc(100% - 22.5rem);
        width: -moz-calc(100% - 22.5rem);
        width: calc(100% - 22.5rem)
    }

    .category__card-image {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .category__card-image img {
        max-height: 21.7rem
    }

    .project__inner .btn-all {
        padding: 12px 2.8rem
    }

    .project__inner .swiper-button {
        border-radius: 12px;
        bottom: 16px;
        height: 4.8rem;
        width: 4.8rem
    }

    .project__inner .swiper-button-next {
        border-radius: 8px;
        height: 17.5rem !important;
        right: 3.6rem;
        width: 22.8rem !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .project__inner .swiper-button-next img {
        border-radius: 4px;
        height: 11.9rem;
        -o-object-fit: cover;
        object-fit: cover;
        width: 20.4rem
    }

    .project__inner .swiper-button-prev {
        left: 3.6rem;
        right: auto
    }

    .project__inner .swiper-button-next .icon-chevron-right {
        display: none
    }

    .project__inner .swiper-button-next-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        color: var(--color-black);
        font: var(--font-button-14);
        letter-spacing: .84px;
        order: 1;
        text-transform: uppercase
    }

    .projects__slider .swiper-slide {
        min-height: 44.4rem
    }

    .projects-wrap {
        left: 16px;
        max-height: 19.4rem;
        max-width: 48.5rem;
        padding: 2rem;
        top: 16px
    }

    .projects-wrap .section-title {
        font: var(--font-heading-20)
    }

    .project-content__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 40px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .project-more {
        -webkit-align-self: end;
        -ms-flex-item-align: end;
        align-self: end;
        font: var(--font-button-14)
    }

    .project-more svg {
        height: 2rem;
        width: 2rem
    }

    .service-accordion {
        display: none
    }

    .accordion-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .accordion-item svg {
        height: 2.4rem;
        width: 2.4rem
    }

    .accordion-item.is-active .icon-chevron-down {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .accordion-item.is-active .accordion-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .accordion-title {
        width: 57rem
    }

    .accordion-content {
        display: none;
        left: -webkit-calc(50% + 10px);
        left: -moz-calc(50% + 10px);
        left: calc(50% + 10px);
        position: absolute;
        top: 0;
        -webkit-transition: height 0s;
        -moz-transition: height 0s;
        transition: height 0s
    }

    .accordion-content .title {
        font: var(--font-heading-32)
    }

    .accordion-content > p {
        font: var(--font-body-16)
    }

    .accordion-content .accordion__bottom {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        gap: 16px;
        justify-content: start
    }

    .accordion-content .service-more {
        font: var(--font-button-16)
    }

    .accordion-content > :first-child {
        margin-top: 0
    }

    .accordion-image {
        margin-top: 3.8rem
    }

    .service-tabs {
        gap: 20px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .service-tabs, .service-tabs .tab-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .service-tabs .tab-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .service-tabs .tab-button {
        display: grid;
        gap: 12px;
        grid-template-columns:auto 1fr auto;
        width: 57rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        border: 1px solid var(--color-gray-01);
        border-radius: 8px;
        height: 6.4rem;
        padding: 1.8rem 2rem
    }

    .service-tabs .tab-button, .service-tabs .tab-button p {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .service-tabs .tab-button p {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        color: var(--color-gray-06);
        font: var(--font-heading-20);
        text-align: left
    }

    .service-tabs .tab-button svg {
        height: 2.4rem;
        width: 2.4rem;
        fill: var(--color-gray-02);
        stroke: none
    }

    .service-tabs .tab-button .icon-chevron-down, .service-tabs .tab-button svg {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .service-tabs .tab-button .icon-chevron-down {
        fill: none;
        stroke: var(--color-black)
    }

    .service-tabs .tab-button.is-active {
        background-color: var(--color-light-blue)
    }

    .service-tabs .tab-button.is-active svg {
        fill: var(--color-brand);
        stroke: none
    }

    .service-tabs .tab-button.is-active .icon-chevron-down {
        fill: none;
        stroke: var(--color-black);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .service-tabs .tab-button.is-active p {
        color: var(--color-black)
    }

    .service-tabs .tab-panel {
        -webkit-animation: fadein .2s ease forwards;
        -moz-animation: fadein .2s ease forwards;
        animation: fadein .2s ease forwards;
        display: none
    }

    .service-tabs .tab-content, .service-tabs .tab-panel.is-active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .service-tabs .tab-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 18px;
        max-width: 84rem
    }

    .service-tabs .tab-content .title {
        font: var(--font-heading-32)
    }

    .service-tabs .tab-content .tab__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 12px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }

    .service-tabs .tab-content .tab__bottom .btn {
        height: 4.8rem;
        padding: 16px 2.2rem
    }

    .service-tabs .tab-content .service-more {
        color: var(--color-brand);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font: var(--font-button-16);
        letter-spacing: .96px;
        text-transform: uppercase;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px
    }

    .service-tabs .tab-content .service-more svg {
        height: 2.4rem;
        width: 2.4rem;
        fill: var(--color-brand)
    }

    .service-tabs .tab-content .tab-image {
        margin-top: 3.8rem
    }

    .service-tabs .tab-content .tab-image img {
        border-radius: 16px;
        height: 24.9rem;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .main-about__wrap {
        grid-template-columns:repeat(2, 1fr);
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .main-about__info-image {
        margin-top: auto
    }

    .catalog__cards {
        gap: 20px;
        grid-template-columns:repeat(2, 1fr)
    }

    .category-page .category__card {
        padding: 2.4rem
    }

    .category-page .category__card .category__card-title {
        font: var(--font-heading-24)
    }

    .category-page .category__card .btn {
        height: 5.6rem;
        width: 5.6rem
    }

    .subcategory__inner {
        display: grid;
        grid-template-columns:minmax(0, 274px) 1fr;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        gap: 20px;
        justify-content: space-between
    }

    .subcategory__inner-side {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 0 var(--container);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 60px;
        margin-bottom: 40px
    }

    .news__slider {
        display: block
    }

    .news__slider .swiper-slide {
        display: block;
        height: auto
    }

    .news__slider .swiper-pagination-bullet {
        display: inline-block
    }

    .news__slider-title {
        font: var(--font-heading-24);
        margin-bottom: 20px
    }

    .news__slide-content {
        background-color: var(--color-light-blue);
        border-radius: 12px;
        height: 100%;
        overflow: hidden
    }

    .news__slide-content .btn--more {
        margin-top: auto
    }

    .news__slide-image {
        border-radius: 12px;
        height: 17.2rem;
        overflow: hidden
    }

    .news__slide-image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .news__slide-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 19.3rem;
        padding: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        height: -webkit-calc(100% - 17.2rem);
        height: -moz-calc(100% - 17.2rem);
        height: calc(100% - 17.2rem)
    }

    .news__slide-info .date {
        color: var(--color-gray-06);
        font: var(--font-body-14)
    }

    .news__slide-info .title {
        font: var(--font-heading-20)
    }

    .filter-toggle {
        display: none
    }

    .subcategory__search {
        margin-top: 14px
    }

    .subcategory__search.search {
        height: 5.6rem;
        width: 100%
    }

    .subcategory__inner-wrap {
        padding-bottom: 120px
    }

    .subcategory__inner-top {
        gap: 12px
    }

    .subcategory__links {
        max-width: -webkit-calc(100% - 29.5rem);
        max-width: -moz-calc(100% - 29.5rem);
        max-width: calc(100% - 29.5rem)
    }

    .subcategory__banner {
        max-width: 27.5rem
    }

    .subcategory__actions {
        max-width: -webkit-calc(100% - 29.5rem);
        max-width: -moz-calc(100% - 29.5rem);
        max-width: calc(100% - 29.5rem)
    }

    .category__inner-products {
        gap: 10px;
        grid-template-columns:repeat(3, 1fr)
    }

    .product__inner {
        display: grid;
        gap: 30px;
        grid-template-columns:minmax(0, 474px) 1fr
    }

    .product-slider__thumbs {
        display: block;
        margin: 0 0 0 auto;
        position: relative;
        width: 75%
    }

    .product-slider__thumbs .swiper-slide {
        border: 1px solid var(--color-gray-01);
        border-radius: 8px;
        height: 8.3rem;
        overflow: hidden;
        width: 8.3rem
    }

    .product-slider__thumbs .swiper-slide img {
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover
    }

    .product-slider__thumbs .slider-nav-button {
        background-color: var(--color-white);
        border-radius: 2px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 16px;
        width: 16px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2
    }

    .product-slider__thumbs .slider-nav-prev {
        left: 5px
    }

    .product-slider__thumbs .slider-nav-next {
        right: 5px
    }

    .product-slider__thumbs .slider-nav-button svg {
        -webkit-flex-shrink: 0;
        height: 12px;
        width: 12px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        stroke: var(--color-black);
        fill: none
    }

    .video-show {
        border-radius: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 8.1rem;
        overflow: hidden;
        position: absolute;
        width: 11.6rem
    }

    .video-show img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .video-show:after {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2) 100%);
        background: linear-gradient(0deg, #0003, #0003);
        border-radius: 8px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .video-show svg {
        height: 2.5rem;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 2.5rem;
        fill: var(--color-white);
        z-index: 1
    }

    .product-slider {
        grid-row: span 2
    }

    .product-slider__main {
        padding-bottom: 8px
    }

    .product-slider__main .swiper-pagination-bullet {
        display: none
    }

    .product-main {
        display: grid;
        gap: 10px 30px;
        grid-template-columns:1fr 275px
    }

    .product-main .section-title {
        margin-bottom: 10px
    }

    .product__actions {
        align-self: start;
        gap: 30px;
        grid-column: 2;
        grid-row: span 2
    }

    .product__actions .price-actual {
        font: var(--font-heading-28)
    }

    .product__side-links {
        grid-column: 2;
        margin-top: 12px
    }

    .product__describe {
        grid-column: 1;
        grid-row: 2/5;
        margin-top: 0
    }

    .product-tabs .tabs {
        gap: 40px
    }

    .product-tabs .tab-button {
        font: var(--font-button-12);
        height: 4.4rem
    }

    .product-tabs .tab-button.is-active p:after {
        bottom: -13px
    }

    .tab-panel[data-tab=characteristics] {
        margin-top: 0
    }

    .equipment__items {
        gap: 40px;
        margin-top: 0;
        max-width: 84.1rem
    }

    .accessories__slider, .consumables__slider, .directory__slider {
        margin-top: 0
    }

    .accessories__slider .slider-nav, .consumables__slider .slider-nav, .directory__slider .slider-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-bottom: 20px
    }

    .accessories__slider .slider-nav-button, .consumables__slider .slider-nav-button, .directory__slider .slider-nav-button {
        background-color: var(--color-light-blue);
        border-radius: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 4rem;
        width: 4rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .accessories__slider .slider-nav-button svg, .consumables__slider .slider-nav-button svg, .directory__slider .slider-nav-button svg {
        height: 2.4rem;
        width: 2.4rem;
        stroke: var(--color-brand);
        fill: none;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .accessories__slider .swiper-button-disabled svg, .consumables__slider .swiper-button-disabled svg, .directory__slider .swiper-button-disabled svg {
        stroke: var(--color-gray-03)
    }

    .tabs-review__inner {
        margin-top: 0;
        max-width: 76.7rem
    }

    .tabs-review__side .btn {
        padding: 12px 2.7rem
    }

    .tabs-review__side-info {
        font: var(--font-body-16);
        gap: 30px
    }

    .review-form__title {
        font: var(--font-heading-32)
    }

    .consumables__inner {
        gap: 0
    }

    .consumables__inner-title {
        margin-bottom: 40px
    }

    .consumables__inner-links {
        width: -webkit-calc(100% - 11.2rem);
        width: -moz-calc(100% - 11.2rem);
        width: calc(100% - 11.2rem)
    }

    .consumables__slider .slider-nav {
        margin-bottom: 30px
    }

    .consumables__slider .slider-nav-button {
        background-color: var(--color-white)
    }

    .similar-slider .section-top {
        display: grid;
        grid-template-columns:1fr auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px
    }

    .similar-slider .slider-nav {
        gap: 12px;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .similar-slider .slider-nav, .similar-slider .slider-nav-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .similar-slider .slider-nav-button {
        background-color: var(--color-light-blue);
        border-radius: 8px;
        height: 4rem;
        width: 4rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .similar-slider .slider-nav-button svg {
        height: 2.4rem;
        width: 2.4rem;
        stroke: var(--color-brand);
        fill: none;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .similar-slider .swiper-button-disabled svg {
        stroke: var(--color-gray-03)
    }

    .similar-slider .section-title {
        margin-bottom: 0
    }

    .callback-tech .callback__form-top {
        grid-template-columns:auto
    }

    .callback-tech .callback__inner {
        gap: 20px;
        grid-template-columns:316px 1fr;
        padding: 0
    }

    .callback-tech .callback__form {
        padding: 2.8rem
    }

    .callback-tech .callback-image {
        width: 31.6rem
    }

    .service-page .page-title {
        margin-top: 4rem
    }

    .blog__cards, .service__cards {
        gap: 20px
    }

    .blog__cards .directory-card {
        height: 41.2rem
    }

    .project__cards, .technologies__cards {
        gap: 20px;
        grid-template-columns:repeat(3, 1fr);
        margin-bottom: 20px
    }

    .delivery__inner {
        gap: 25px;
        grid-template-columns:auto 570px;
        padding: 0 4rem
    }

    .delivery__image {
        right: -4rem
    }

    .partners__inner-top {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .partners__inner-top__wrap {
        max-width: 73.9rem
    }

    .partners__inner-top__wrap .section-title {
        font: var(--font-heading-40)
    }

    .partners__item img {
        min-height: 17.5rem
    }

    .delivery-doc__inner-top__wrap .section-title {
        font: var(--font-heading-40)
    }

    .delivery-table__inner {
        width: 100%
    }

    .leasing__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        margin-bottom: 0;
        padding: 3.6rem 3rem
    }

    .leasing__info {
        max-width: 65rem
    }

    .leasing__image {
        bottom: 2.7rem;
        height: 37.2rem;
        right: -4px;
        width: 53.2rem
    }

    .steps__inner .section-title {
        margin: 0 auto;
        max-width: 94rem
    }

    .steps__inner-wrap {
        grid-template-columns:repeat(2, 1fr)
    }

    .steps__items {
        gap: 20px
    }

    .step__item:nth-child(2) {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .step__item:nth-child(3) {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .steps__image {
        height: 100%
    }

    .benefit__cards {
        gap: 20px
    }

    .benefit__card {
        padding: 2.4rem;
        width: -webkit-calc(33.33333% - 14px);
        width: -moz-calc(33.33333% - 14px);
        width: calc(33.33333% - 14px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 20.8rem
    }

    .benefit__card.with-img img {
        height: 20.8rem
    }

    .project-detail-page .page-title h1 {
        display: none
    }

    .h1-hide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        font: var(--font-heading-56)
    }

    .project-detail__inner {
        gap: 119px;
        grid-template-columns:1fr 373px
    }

    .project-detail__info {
        gap: 35px
    }

    .project-detail__info-block .card-label {
        font: var(--font-body-20-sb)
    }

    .project-detail__info-block .card-label span {
        font: var(--font-body-20)
    }

    .project-detail__info-block p {
        font: var(--font-body-20);
        margin-top: 3rem
    }

    .project-detail__info-block ol, .project-detail__info-block ul {
        font: var(--font-body-20)
    }

    .project-detail__info-block b {
        font: var(--font-body-20);
        font-weight: 600
    }

    .project-detail__info-block a {
        font: var(--font-body-20)
    }

    .project-detail__image {
        max-width: 98.7rem
    }

    .advice {
        gap: 30px
    }

    .advice .advice-info {
        gap: 40px
    }

    .technology-detail-page h1 {
        max-width: 98.7rem;
        width: -webkit-calc(100% - 20rem);
        width: -moz-calc(100% - 20rem);
        width: calc(100% - 20rem)
    }

    .technology-detail {
        margin-top: 6rem
    }

    .technology-detail__inner {
        gap: 80px
    }

    .technology-detail__cards {
        gap: 20px
    }

    .technology-detail__card {
        min-height: 25.9rem;
        padding: 2.4rem
    }

    .technology-detail__card .title {
        font: var(--font-heading-24)
    }

    .technology-detail__text {
        font: var(--font-body-20);
        max-width: 98.7rem;
        width: -webkit-calc(100% - 20rem);
        width: -moz-calc(100% - 20rem);
        width: calc(100% - 20rem)
    }

    .technology-detail__text p ~ p {
        margin-top: 16px
    }

    .article {
        margin-top: 6rem
    }

    .article-page .page-title h1, .article__inner {
        max-width: 96.2rem
    }

    .article__inner p {
        font: var(--font-body-20)
    }

    .article__inner p ~ p {
        margin-top: 16px
    }

    .article__inner ul {
        font: var(--font-body-20);
        padding: 17px 0 4rem 3rem
    }

    .article__inner h2 {
        font: var(--font-heading-40)
    }

    .article__inner .card-label {
        font: var(--font-body-20);
        font-weight: 700;
        margin-top: 15px
    }

    .article__inner-image {
        margin: 4rem 0 6rem
    }

    .subscribe {
        padding: 4rem
    }

    .subscribe__inner {
        gap: 8px;
        grid-template-columns:296px 24px 1fr auto
    }

    .subscribe__inner .input {
        grid-column: 3;
        grid-row: 1;
        margin-top: 0
    }

    .subscribe__inner .btn {
        grid-column: 4;
        place-self: end center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .subscribe__inner .popup__agree {
        grid-column: 3/5
    }

    .subscribe__top {
        grid-row: span 2
    }

    .error-404__inner {
        margin: 0 auto;
        max-width: 98.7rem
    }

    .service-detail__inner-info {
        padding: 3.5rem 10rem
    }

    .service-detail__inner-info .section-title {
        max-width: 58rem
    }

    .service-info__inner {
        display: grid;
        gap: 92px;
        grid-template-columns:auto 1fr;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .service-info__inner .section-title {
        font: var(--font-heading-40);
        max-width: 40rem
    }

    .service-info__inner p {
        font: var(--font-body-20)
    }

    .service-info__inner p ~ p {
        margin-top: 16px
    }

    .service-info__inner .bold {
        margin-top: 3.5rem
    }

    .service-info__inner ul {
        font: var(--font-body-20);
        padding: 2rem 0 0 3rem
    }

    .necessity__inner .section-title {
        font: var(--font-heading-40);
        margin: 0 auto;
        max-width: 80.7rem
    }

    .necessity__items {
        gap: 12px
    }

    .necessity__item {
        width: -webkit-calc(20% - 10px);
        width: -moz-calc(20% - 10px);
        width: calc(20% - 10px)
    }

    .structure__inner {
        gap: 40px 20px;
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:auto 1fr
    }

    .structure__inner .section-title {
        font: var(--font-heading-40);
        margin-bottom: 0
    }

    .structure__items {
        grid-row: 2
    }

    .structure__image {
        grid-row: span 2;
        max-height: 63.9rem
    }

    .reasons__inner .section-title {
        font: var(--font-heading-40)
    }

    .reasons__items {
        gap: 20px;
        grid-template-columns:repeat(4, 1fr)
    }

    .stage__inner .section-title {
        font: var(--font-heading-40)
    }

    .stage__items {
        gap: 20px
    }

    .stage__item {
        min-height: 18rem;
        width: -webkit-calc(20% - 16px);
        width: -moz-calc(20% - 16px);
        width: calc(20% - 16px)
    }

    .contacts__items {
        grid-template-columns:repeat(2, 1fr)
    }

    .contact__detail {
        height: 100%
    }

    .contact__calls {
        margin-bottom: auto
    }

    .contact__workday.weekend .contact__time {
        padding: 0 4rem
    }

    .contacts-map__item p {
        font-size: 2rem;
        grid-column: 1/2;
        grid-row: 2/3
    }

    .about {
        background: transparent
    }

    .about:before {
        background: var(--color-light-blue);
        border-radius: 12px 0 0 12px;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translate(20px);
        width: 100%;
        z-index: -1
    }

    .about__inner {
        gap: 20px 132px;
        grid-template-columns:auto 1fr;
        padding: 2rem 0 0 2rem
    }

    .about__inner-top {
        max-width: 34rem
    }

    .about__image {
        grid-column: 1/-1
    }

    .about__subsection {
        grid-template-columns:452px 1fr;
        padding: 0 0 0 2rem
    }

    .about__subsection .section-title {
        grid-column: 1
    }

    .about__subsection .about__subsection-text, .about__subsection-items {
        grid-column: 2
    }

    .about__subsection.with-image .about__subsection-items {
        grid-column: 1
    }

    .about__subsection-image {
        grid-column: 2;
        grid-row: 1/3
    }

    .career-page .about__subsection .section-title {
        font: var(--font-heading-40)
    }

    .career-page .about__subsection-items {
        gap: 60px
    }

    .career-page .about__subsection-item {
        gap: 12px
    }

    .career-page .about__inner-top {
        max-width: 44rem
    }

    .career-page .about__subsection-text p ~ p {
        margin-top: 13px
    }

    .career-page .product-tabs {
        margin-top: 12rem
    }

    .career-page .tab-button {
        font: var(--font-button-14);
        padding: 12px 16px
    }

    .career-page .product-tabs .tabs, .tab-panel__cards {
        gap: 20px
    }

    .tab-panel__card {
        gap: 30px
    }

    .tab-panel__card .btn {
        font: var(--font-button-16)
    }

    .tab-panel__card-top .title {
        font: var(--font-heading-24)
    }

    .tab-panel__card-top .town {
        font: var(--font-body-16)
    }

    .tab-panel__card-conditions {
        font: var(--font-body-20)
    }

    .career-banner__text {
        gap: 40px;
        grid-template-columns:162px auto;
        margin: auto 0;
        padding: 0 0 0 4rem
    }

    .career-banner__text .section-title {
        font: var(--font-heading-32)
    }

    .career-banner__info {
        gap: 28px;
        grid-row: span 2
    }

    .career-banner__info .title {
        font: var(--font-heading-20)
    }

    .career-banner__item {
        font: var(--font-body-16)
    }

    .career-banner__image {
        aspect-ratio: 285/161
    }

    .vacancy__inner {
        gap: 16px;
        max-width: 96.3rem
    }

    .vacancy__block {
        font: var(--font-body-20)
    }

    .vacancy__block .title {
        font: var(--font-body-20-sb)
    }

    .vacancy__block ul {
        padding: 16px 0 0 3rem
    }

    .vacancy-form__inner {
        max-width: 96.3rem;
        padding: 4rem
    }

    .vacancy-form__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vacancy-form__form .input {
        width: -webkit-calc(33.33333% - 14px);
        width: -moz-calc(33.33333% - 14px);
        width: calc(33.33333% - 14px)
    }

    .vacancy-form__form .input-textarea {
        width: -webkit-calc(100% - 21.4rem);
        width: -moz-calc(100% - 21.4rem);
        width: calc(100% - 21.4rem)
    }

    .vacancy-form__bottom {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .result__inner .search {
        height: 5.6rem;
        width: 100%
    }

    .result__inner .section-title {
        font: var(--font-heading-28)
    }

    .result__inner .result-not-found {
        font: var(--font-body-20);
        max-width: 57.2rem
    }

    .result__inner .category__inner-products {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1200px) and (max-width: 1759px) {
    .benefit__card:nth-child(8n+4), .benefit__card:nth-child(8n+5) {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

@media (min-width: 1400px) {
    :root {
        --header-offset: 56px
    }
}

@media (width >= 1400px) {
    .header__menu {
        gap: 24px
    }

    .header__bar, .header__buttons, .header__contacts {
        gap: 20px
    }

    .header__category {
        font-size: 12px
    }
}

@media (min-width: 1760px) {
    :root {
        --header-height: 206px
    }

    html {
        scroll-padding: 138px
    }

    --header-height {
        --header-height: 214px
    }

    --header-scroll-height {
        --header-scroll-height: 78px
    }

    section ~ section {
        margin-top: 16rem
    }

    section:last-child {
        margin-bottom: 160px
    }

    .page-title {
        margin-top: 6rem
    }

    .btn {
        font: var(--font-button-16);
        padding: 2.4rem 4.8rem
    }

    .btn--pink {
        font-size: 14px;
        height: 4rem;
        padding: 10px
    }

    .btn--pink:hover {
        color: var(--color-brand-light)
    }

    .swiper-button-next, .swiper-button-prev {
        bottom: 4rem
    }

    .swiper-button-prev {
        right: 12.5rem
    }

    .swiper-button-next {
        right: 6rem
    }

    h1 {
        font: var(--font-heading-64)
    }

    h2 {
        font: var(--font-heading-56)
    }

    h3 {
        font: var(--font-heading-40)
    }

    .header:after {
        top: 6.6rem
    }

    .header-scroll .header__catalog.active {
        top: 7.7rem
    }

    .header__top {
        gap: 62px;
        margin-bottom: 12px
    }

    .header__menu {
        gap: 40px
    }

    .header__menu-item {
        font-size: 16px
    }

    .has-child .header__menu-link:after {
        height: 2.4rem;
        width: 2.4rem
    }

    .submenu {
        left: -16px;
        top: -webkit-calc(100% + 4px);
        top: -moz-calc(100% + 4px);
        top: calc(100% + 4px)
    }

    .header__contacts {
        gap: 12px
    }

    .header__contacts li a {
        height: 3.2rem;
        width: 3.2rem
    }

    .header__contacts svg {
        height: 16px;
        width: 16px
    }

    .header__buttons {
        gap: 20px
    }

    .header__location svg {
        height: 2.4rem;
        width: 2.4rem
    }

    .header__bar {
        gap: 28px
    }

    .header__main {
        gap: 40px
    }

    .header-catalog-btn, .search {
        height: 5.6rem
    }

    .search {
        padding: 0 2rem
    }

    .input-result {
        padding: 2rem
    }

    .input-result__list {
        margin-bottom: 20px;
        max-height: 52rem
    }

    .input-result__list li {
        padding: 12px
    }

    .input-result__list .result__product-img {
        height: 8rem;
        width: 8rem
    }

    .result__product-title {
        font: var(--font-body-16)
    }

    .result__product-price .new {
        font: var(--font-heading-20)
    }

    .result-bottom {
        font: var(--font-body-16)
    }

    .header__catalog.active {
        max-height: 64.9rem;
        top: 9rem
    }

    .header__phones {
        gap: 28px
    }

    .header__phones-item a {
        font: var(--font-heading-20);
        font-weight: 500
    }

    .header__phones-item .phone-detail p {
        font-size: 14px
    }

    .header__category {
        gap: 40px;
        padding: 2rem 16px
    }

    .header__catalog-wrap .header__catalog-list {
        gap: 60px 24px
    }

    .header__catalog-banner {
        height: 50rem;
        margin-right: 40px;
        width: 34.8rem
    }

    .header__catalog-banner > p {
        font: var(--font-heading-32);
        margin: 2.4rem 2.4rem 0
    }

    .header__catalog-banner .btn {
        margin: 2.4rem
    }

    .footer__inner {
        gap: 48px 0;
        grid-template-columns:1fr auto 1fr 68px 287px;
        padding: 6.4rem 0 4.8rem
    }

    .footer__links {
        gap: 68px
    }

    .footer__contact span {
        width: 99.5rem
    }

    .footer__info {
        max-width: 41.6rem
    }

    .footer__logo, .footer__logo img {
        height: 6.6rem
    }

    .footer__bottom-links {
        padding-right: 48px
    }

    .callback__inner {
        grid-template-columns:560px 1fr;
        padding: 8rem 6.4rem
    }

    .callback__inner .callback-image {
        width: 56rem
    }

    .callback__form-top h2 {
        font: var(--font-heading-40)
    }

    .callback__form-top p {
        max-width: 49.3rem
    }

    .callback__form-inputs textarea {
        height: 16.3rem
    }

    .callback__bottom {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .callback__bottom .checkbox-style {
        max-width: 66.6rem
    }

    .callback__bottom .btn {
        padding: 16px 2.8rem
    }

    .filter__wrapper {
        width: 36.8rem
    }

    .filter__category {
        padding: 2.4rem
    }

    .inputs-container {
        max-width: 30.5rem
    }

    .input-with-prefix {
        font: var(--font-body-16-sb);
        height: 5.6rem;
        padding: 0 16px 0 4rem
    }

    .filter__buttons .btn {
        height: 5.6rem
    }

    .product-card__image {
        width: 28rem
    }

    .product-card__info {
        gap: 16px;
        padding: 16px
    }

    .product-card__info .btn {
        font: var(--font-button-16);
        height: 5.6rem
    }

    .products-card__title {
        font: var(--font-body-20)
    }

    .product-card__bottom {
        min-height: 13.7rem
    }

    .price-block .price-actual {
        font: var(--font-heading-20)
    }

    .accessories-card__image {
        width: 28rem
    }

    .accessories-card__info {
        gap: 16px;
        padding: 16px
    }

    .accessories-card__info .btn {
        font: var(--font-button-16);
        height: 5.6rem
    }

    .accessories-card__title {
        font: var(--font-body-20);
        min-height: 6rem
    }

    .service-card__image {
        height: 29.7rem
    }

    .service-card__info {
        height: -webkit-calc(100% - 29.7rem);
        height: -moz-calc(100% - 29.7rem);
        height: calc(100% - 29.7rem);
        padding: 2.4rem
    }

    .service-card__top p {
        font: var(--font-body-20)
    }

    .service-card__title {
        font: var(--font-heading-32)
    }

    .technology-card__image {
        height: 33.5rem
    }

    .technology-card__info {
        gap: 32px;
        height: -webkit-calc(100% - 33.5rem);
        height: -moz-calc(100% - 33.5rem);
        height: calc(100% - 33.5rem);
        padding: 2.4rem
    }

    .project-card__image {
        height: 33.5rem
    }

    .project-card__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

    .project-card__info {
        gap: 32px;
        height: -webkit-calc(100% - 33.5rem);
        height: -moz-calc(100% - 33.5rem);
        height: calc(100% - 33.5rem);
        padding: 2.4rem
    }

    .project-card__title {
        min-height: 7.2rem
    }

    .main-page .main-category .section-title:first-of-type {
        font: var(--font-heading-56)
    }

    .main__slide-content {
        padding: 4rem
    }

    .main__content {
        min-height: 60rem
    }

    .main__text {
        font-size: 2.4rem;
        position: relative;
        top: 15px
    }

    .main__title {
        font-size: 17rem
    }

    .main__image img {
        max-height: 42.1rem
    }

    .main__info {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main__info .btn-more {
        border-radius: 12px;
        height: 7rem
    }

    .main__advantage {
        gap: 16px
    }

    .main__advantage li {
        gap: 14px;
        padding: 16px
    }

    .main__advantage p {
        font-size: 1.8rem
    }

    .main__advantage svg {
        height: 3.2rem;
        width: 3.2rem
    }

    .values__inner {
        gap: 20px
    }

    .value__card {
        padding: 2rem
    }

    .value__card svg {
        height: 4rem;
        width: 4rem
    }

    .value__descr {
        gap: 16px;
        margin-top: 2rem
    }

    .value__title {
        font: var(--font-heading-24)
    }

    .value__text {
        letter-spacing: -.3px
    }

    .category__inner, .main-service__inner, .project__inner {
        gap: 60px
    }

    .category__cards {
        gap: 40px
    }

    .category__card {
        min-height: 42.6rem
    }

    .category__card .btn {
        height: 5.6rem;
        width: 5.6rem
    }

    .btn-all {
        padding: 2.4rem 3rem
    }

    .category__info {
        width: -webkit-calc(100% - 33rem);
        width: -moz-calc(100% - 33rem);
        width: calc(100% - 33rem)
    }

    .category__card-title {
        font: var(--font-heading-24)
    }

    .category__list {
        font: var(--font-body-16)
    }

    .category__card-image img {
        max-height: 32rem
    }

    .project__inner .swiper-button {
        height: 6.4rem;
        width: 6.4rem
    }

    .projects__slider .swiper-slide {
        min-height: 65.8rem
    }

    .projects-wrap {
        max-height: 30.9rem;
        max-width: 58.7rem;
        padding: 2.4rem
    }

    .projects-wrap .section-title {
        font: var(--font-heading-32)
    }

    .project-client span {
        font: var(--font-heading-16)
    }

    .project-more {
        font: var(--font-button-16)
    }

    .accordion-item ~ .accordion-item {
        margin-top: 2rem
    }

    .accordion-item svg {
        height: 3rem;
        width: 3rem
    }

    .accordion-title {
        font-size: 2.4rem;
        height: 7.8rem;
        padding: 2.2rem 2.3rem;
        width: 69.3rem
    }

    .accordion-content {
        left: -webkit-calc(50% + 2rem);
        left: -moz-calc(50% + 2rem);
        left: calc(50% + 2rem)
    }

    .accordion-content .title {
        font: var(--font-heading-40)
    }

    .accordion-content > p {
        font: var(--font-body-20)
    }

    .accordion-content .accordion__bottom {
        margin-top: 10px
    }

    .accordion-content .accordion__bottom .btn {
        font: var(--font-button-14)
    }

    .accordion-image img {
        height: 29.7rem
    }

    .service-tabs .tab-buttons {
        gap: 20px
    }

    .service-tabs .tab-button {
        height: 7.8rem;
        width: 69.3rem
    }

    .service-tabs .tab-button p {
        font-size: 2.4rem
    }

    .service-tabs .tab-button svg {
        height: 3rem;
        width: 3rem
    }

    .service-tabs .tab-content .title {
        font: var(--font-heading-40)
    }

    .service-tabs .tab-content > p {
        font: var(--font-body-20)
    }

    .service-tabs .tab-content .tab__bottom .btn {
        font: var(--font-button-14)
    }

    .service-tabs .tab-content .tab-image {
        margin-top: 3.5rem
    }

    .service-tabs .tab-content .tab-image img {
        height: 29.7rem
    }

    .main-about__inner {
        gap: 60px
    }

    .main-about__advantages, .main-about__wrap {
        gap: 40px
    }

    .main-about__advantage {
        min-height: 30.5rem
    }

    .main-about__advantage img {
        height: 7.8rem
    }

    .main-about__advantage-info span {
        font-size: 3.4rem
    }

    .main-about__info .btn--more {
        margin-top: 3.2rem
    }

    .main-about__info-image img {
        height: 30.6rem
    }

    .catalog-page section:first-of-type, .category-page section:first-of-type {
        margin-top: 6rem
    }

    .catalog__cards {
        gap: 40px
    }

    .subcategory__inner {
        gap: 32px;
        grid-template-columns:minmax(0, 389px) 1fr;
        margin: 0 auto;
        max-width: var(--max-width)
    }

    .news__slide-content .btn--more {
        font: var(--font-button-14)
    }

    .news__slide-image {
        height: 20rem
    }

    .news__slide-info {
        height: -webkit-calc(100% - 20rem);
        height: -moz-calc(100% - 20rem);
        height: calc(100% - 20rem);
        min-height: 14.5rem
    }

    .subcategory__inner-wrap {
        border-radius: 40px 0 0;
        position: relative
    }

    .subcategory__inner-content {
        padding: 4rem 2rem 0 4rem
    }

    .subcategory__inner-top .section-title {
        width: -webkit-calc(100% - 44rem);
        width: -moz-calc(100% - 44rem);
        width: calc(100% - 44rem)
    }

    .subcategory__links {
        max-width: -webkit-calc(100% - 44rem);
        max-width: -moz-calc(100% - 44rem);
        max-width: calc(100% - 44rem)
    }

    .subcategory__banner {
        max-width: 40rem
    }

    .subcategory__actions {
        margin-top: 0;
        max-width: -webkit-calc(100% - 44rem);
        max-width: -moz-calc(100% - 44rem);
        max-width: calc(100% - 44rem)
    }

    .product {
        margin-top: 6rem
    }

    .product__inner {
        grid-template-columns:minmax(0, 550px) 1060px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .product-slider__thumbs .swiper-slide {
        height: 9.5rem;
        width: 9.5rem
    }

    .video-show {
        height: 9.5rem;
        width: 13rem
    }

    .product-main {
        gap: 22px;
        grid-template-columns:570px 400px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .product-main .section-title {
        font: var(--font-heading-32)
    }

    .product__actions {
        gap: 40px
    }

    .product__actions .price-actual {
        font: var(--font-heading-32);
        width: unset
    }

    .product__actions .sale {
        font: var(--font-body-14-sb);
        padding: 2px 6px
    }

    .product__actions-buttons .btn {
        font: var(--font-button-16);
        height: 5.6rem
    }

    .product__side-links {
        margin-top: 1.8rem
    }

    .product__side-link {
        font: var(--font-body-16-sb)
    }

    .product__describe {
        gap: 30px;
        max-width: 43rem
    }

    .product__describe-item {
        font: var(--font-body-16)
    }

    .product__describe-item .title {
        font: var(--font-heading-20);
        margin-bottom: 18px
    }

    .product__describe-item .btn-descr {
        font: var(--font-body-16-sb)
    }

    .product-tabs .tab-button {
        font: var(--font-button-14)
    }

    .tab-panel__text {
        font: var(--font-body-20)
    }

    .tab-panel__text h1 {
        font-size: 3.2rem
    }

    .tab-panel__text h2 {
        font-size: 2.8rem
    }

    .tab-panel__text h3 {
        font-size: 2.2rem
    }

    .tab-panel__text h4 {
        font-size: 2rem
    }

    .tab-panel__text h5 {
        font-size: 16px
    }

    .tab-panel table {
        font: var(--font-body-20)
    }

    .tabs-review__inner {
        max-width: 84.1rem
    }

    .consumables__inner-title {
        font: var(--font-heading-28);
        margin-bottom: 60px
    }

    .consumables__inner-links {
        width: -webkit-calc(100% - 14.8rem);
        width: -moz-calc(100% - 14.8rem);
        width: calc(100% - 14.8rem)
    }

    .consumables__slider .slider-nav-button {
        height: 4.8rem;
        width: 4.8rem
    }

    .consumables__slider .product-tags .tag {
        font: var(--font-body-14-sb);
        padding: 6px 10px
    }

    .similar-slider {
        margin-top: 12rem
    }

    .similar-slider .section-top {
        margin-bottom: 60px
    }

    .similar-slider .slider-nav-button {
        height: 4.8rem;
        width: 4.8rem
    }

    .similar-slider .section-title {
        font: var(--font-heading-28)
    }

    .similar-slider .product-tags .tag {
        font: var(--font-body-14-sb);
        padding: 6px 10px
    }

    .callback-tech .callback__inner {
        grid-template-columns:560px 1fr
    }

    .callback-tech .callback__form {
        padding: 6.4rem
    }

    .callback-tech .callback-image {
        width: 56rem
    }

    .service, .service-page .page-title {
        margin-top: 6rem
    }

    .service__cards {
        gap: 40px
    }

    .blog {
        margin-top: 6rem
    }

    .blog__cards {
        gap: 40px;
        grid-template-columns:repeat(3, 1fr);
        margin-bottom: 40px
    }

    .technologies {
        margin-top: 6rem
    }

    .technologies__cards {
        gap: 40px;
        margin-bottom: 40px
    }

    .project {
        margin-top: 6rem
    }

    .project__cards {
        gap: 40px;
        margin-bottom: 40px
    }

    .delivery__inner {
        gap: 30px;
        grid-template-columns:auto 938px;
        padding: 0 10rem
    }

    .delivery__advantages {
        gap: 16px
    }

    .delivery__advantage {
        font: var(--font-body-20)
    }

    .delivery__image {
        right: -10rem
    }

    .partners__inner {
        gap: 60px
    }

    .partners__inner-top__wrap .section-title {
        font: var(--font-heading-56)
    }

    .partners__items {
        gap: 20px
    }

    .partners__item {
        width: -webkit-calc(20% - 16px);
        width: -moz-calc(20% - 16px);
        width: calc(20% - 16px)
    }

    .partners__item img {
        min-height: 21rem
    }

    .delivery-doc__inner {
        gap: 60px
    }

    .delivery-doc__inner-top__wrap .section-title {
        font: var(--font-heading-56)
    }

    .delivery-table__inner .subtitle {
        font: var(--font-heading-20)
    }

    .delivery-table__inner thead .cell-content {
        font: var(--font-heading-24);
        min-height: 9.9rem;
        min-width: 153px
    }

    .delivery-table__inner .cell-content {
        font: var(--font-body-20);
        min-height: 16.7rem;
        min-width: 244px
    }

    .leasing__inner {
        padding: 5.3rem 10rem
    }

    .leasing__info {
        max-width: 75rem
    }

    .leasing__advantage {
        font: var(--font-body-20);
        gap: 16px
    }

    .leasing__image {
        bottom: 0;
        height: 50rem;
        right: 7.8rem;
        width: 71.6rem
    }

    .steps__inner {
        gap: 60px
    }

    .steps__inner-wrap, .steps__items {
        gap: 40px
    }

    .step__item {
        padding: 2.4rem
    }

    .step__item:first-child .step__info {
        max-width: 100%
    }

    .step__item:nth-child(2) {
        width: -webkit-calc(50% - 2rem);
        width: -moz-calc(50% - 2rem);
        width: calc(50% - 2rem)
    }

    .step__item:nth-child(3) {
        width: -webkit-calc(50% - 2rem);
        width: -moz-calc(50% - 2rem);
        width: calc(50% - 2rem)
    }

    .step__item .btn {
        font: var(--font-button-16);
        height: 5.6rem
    }

    .step__num {
        font: var(--font-heading-32)
    }

    .step__info .title {
        font: var(--font-heading-24)
    }

    .step__info ul, .step__info > p {
        font: var(--font-body-20)
    }

    .benefit__inner {
        gap: 60px
    }

    .benefit__cards {
        gap: 40px
    }

    .benefit__card {
        width: -webkit-calc(25% - 3rem);
        width: -moz-calc(25% - 3rem);
        width: calc(25% - 3rem)
    }

    .h1-hide {
        font: var(--font-heading-64);
        margin-bottom: 30px
    }

    .project-detail__inner {
        grid-template-columns:1fr 547px
    }

    .project-detail__info-wrap {
        gap: 45px
    }

    .project-detail__info {
        gap: 30px
    }

    .project-detail__info-block h1 {
        font-size: 3.2rem
    }

    .project-detail__info-block h2 {
        font-size: 2.8rem
    }

    .project-detail__info-block h3 {
        font-size: 2.2rem
    }

    .project-detail__info-block h4 {
        font-size: 2rem
    }

    .project-detail__info-block h5 {
        font-size: 16px
    }

    .project-detail__image {
        max-height: 60.5rem
    }

    .project-detail__side {
        gap: 50px
    }

    .advice .advice-title {
        font: var(--font-heading-32)
    }

    .advice .advice-info > p {
        font: var(--font-body-20)
    }

    .technology-detail__cards {
        gap: 40px;
        grid-template-columns:repeat(3, 1fr)
    }

    .technology-detail__card {
        min-height: 24.9rem
    }

    .article-page .page-title h1 {
        max-width: 104rem
    }

    .article__inner {
        max-width: 98.7rem
    }

    .subscribe {
        margin-top: 6rem
    }

    .subscribe__inner .btn {
        padding: 2.4rem 3rem
    }

    .error-404 {
        margin-top: 6rem
    }

    .error-decor .title {
        font-size: 18rem
    }

    .error-404__text .section-title {
        font: var(--font-heading-32)
    }

    .service-detail__inner-info {
        padding: 5.3rem 10rem
    }

    .service-detail__inner-info .section-title {
        max-width: 66rem
    }

    .service-detail__advantages {
        font: var(--font-body-20);
        gap: 16px
    }

    .service-info__inner .section-title {
        font: var(--font-heading-56);
        max-width: 69rem
    }

    .service-info__inner-text {
        justify-self: end;
        max-width: 84rem
    }

    .necessity__inner {
        gap: 60px
    }

    .necessity__inner .section-title {
        font: var(--font-heading-56)
    }

    .necessity__items {
        gap: 34px
    }

    .necessity__item {
        min-height: 19.9rem;
        padding: 2.4rem;
        width: -webkit-calc(20% - 2.8rem);
        width: -moz-calc(20% - 2.8rem);
        width: calc(20% - 2.8rem)
    }

    .necessity__item img {
        height: 4rem;
        width: 4rem
    }

    .necessity__item .title {
        font: var(--font-heading-24)
    }

    .structure__inner {
        gap: 40px
    }

    .structure__inner .section-title {
        font: var(--font-heading-56)
    }

    .structure__items {
        gap: 20px
    }

    .structure__item {
        padding: 2.4rem
    }

    .structure__item .title {
        font: var(--font-heading-24)
    }

    .reasons__inner {
        gap: 60px
    }

    .reasons__inner .section-title {
        font: var(--font-heading-56)
    }

    .reasons__item > p {
        font: var(--font-body-20)
    }

    .reasons__item-top {
        font: var(--font-heading-32);
        min-height: 12.4rem
    }

    .reasons__item-top p {
        max-width: 16rem
    }

    .stage__inner {
        gap: 60px
    }

    .stage__inner .section-title {
        font: var(--font-heading-56)
    }

    .stage__item {
        min-height: 22rem;
        padding: 2.4rem
    }

    .stage__item:before {
        font: var(--font-heading-40);
        left: 2.4rem;
        top: 2.4rem
    }

    .stage__item svg {
        height: 6rem;
        width: 6rem
    }

    .stage__item .title {
        font: var(--font-heading-24)
    }

    .contacts {
        margin-top: 6rem
    }

    .contacts__items {
        gap: 40px
    }

    .contacts__item, .organization-details {
        gap: 49px;
        padding: 4rem
    }

    .contact__title, .organization-details__title {
        font: var(--font-heading-40)
    }

    .contact__workday.weekend .contact__time {
        padding: 0 7.8rem
    }

    .organization-details__item {
        padding: 14px 0
    }

    .about:before {
        -webkit-transform: translateX(-webkit-calc(50% - min(860px, 50vw)));
        -moz-transform: translateX(-moz-calc(50% - min(860px, 50vw)));
        -ms-transform: translateX(calc(50% - min(860px, 50vw)));
        transform: translate(calc(50% - min(860px, 50vw)))
    }

    .about__inner {
        gap: 60px 220px;
        padding: 4rem 0 0 4rem
    }

    .about__inner .subtitle {
        font: var(--font-heading-32)
    }

    .about__inner-top {
        max-width: 62rem
    }

    .about__inner-text {
        font: var(--font-body-20);
        max-width: 84rem
    }

    .about__image {
        margin-top: 0
    }

    .about__subsection {
        gap: 20px 40px;
        grid-template-columns:653px 1fr;
        margin-top: 12rem;
        padding: 0 0 0 4rem
    }

    .about__subsection .section-title {
        font: var(--font-heading-48)
    }

    .about__subsection .about__subsection-text {
        font: var(--font-body-20)
    }

    .about__subsection:last-child {
        padding-bottom: 40px
    }

    .about__subsection-items {
        gap: 22px
    }

    .about__subsection-item .title {
        font: var(--font-heading-24)
    }

    .about__subsection-item p, .career-page .about__inner-top p {
        font: var(--font-body-20)
    }

    .career-page .about__subsection {
        margin-top: 12rem
    }

    .career-page .about__subsection .section-title {
        font: var(--font-heading-48);
        max-width: 46rem
    }

    .career-page .about__inner-top {
        max-width: 62rem
    }

    .career-page .about__subsection-text p ~ p {
        margin-top: 16px
    }

    .career-page .about__subsection:last-child {
        padding-bottom: 40px
    }

    .career-page .product-tabs {
        margin-top: 16rem
    }

    .career-page .product-tabs .tabs {
        gap: 40px
    }

    .tab-panel__cards {
        gap: 40px;
        grid-template-columns:repeat(3, 1fr)
    }

    .product-tabs__inner {
        gap: 40px
    }

    .career-callback .section-title {
        font: var(--font-heading-40)
    }

    .career-banner__inner {
        gap: 70px
    }

    .career-banner__text {
        grid-template-columns:285px auto;
        padding: 0 0 0 13rem
    }

    .career-banner__text .section-title {
        font: var(--font-heading-40)
    }

    .career-banner__text .btn {
        font: var(--font-button-16)
    }

    .career-banner__info .title {
        font: var(--font-heading-24)
    }

    .career-banner__item {
        font: var(--font-body-20);
        gap: 22px
    }

    .vacancy, .vacancy-form {
        margin-top: 6rem
    }

    .vacancy-form__inner {
        max-width: 98.7rem
    }

    .vacancy-form__title {
        font-size: 3.9rem
    }

    .result {
        margin-top: 6rem
    }

    .result__inner {
        gap: 40px
    }

    .result__inner .pagination {
        margin-top: 0
    }
}

@media (max-width: 1199px) {
    .project__inner .next-text {
        display: none
    }
}

@media (max-width: 743px) {
    .header__phones-item .phone-detail p {
        display: none
    }

    .necessity__item:nth-child(5n+5) {
        width: 100%
    }

    .career-banner__image {
        aspect-ratio: 41/25
    }
}

/* End */


/* Start:/local/templates/masam/include/css/custom.css?17917964413160*/
.popup {
    .custom-checkbox:after{
        top: 3px;
        left: 4px;
    }
}
.bold{
    font-weight: bold!important;
}
.bordered-table {
    margin-top: 10px;
}
.bordered-table td, .bordered-table th, .article__inner-text table td {
    border: 1px solid #e0e0e0;
}
.bordered-table, .article__inner-text table{
    border-collapse: collapse;
}
.bordered-table td, .bordered-table th {
    padding: 10px;
}
/*main ul li {*/
/*    list-style: disc;*/
/*}*/
.product-card__info-char li { list-style: none; }
main ul li::marker, .project-detail__info-block a {
    color: var(--color-brand);
}
.tab-panel table td, .article__inner-text table td{
   padding: 10px;
}
.project-detail__info-block a{
    display: initial;
}
.element-buttons{
    width: auto;
}
/* FAQ Block */
.faq-block {
    margin: 0 auto;
    padding: 2rem 1rem;
}

.faq-block__title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    color: #1a1a2e;
}

.faq-block__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-block__item {
    /*border: 1px solid #e2e8f0;*/
    border-radius: 0.75rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.faq-block__item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.faq-block__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    padding: 1.25rem 1.5rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1a1a2e;
    background: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    gap: 1rem;
    transition: background 0.2s ease;
}

.faq-block__question:hover {
    background: #f8fafc;
}

.faq-block__question[aria-expanded="true"] {
    background: #f1f5f9;
}

.faq-block__q {
    flex: 1;
}

.faq-block__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: transform 0.3s ease, color 0.2s ease;
}

.faq-block__question[aria-expanded="true"] .faq-block__icon {
    transform: rotate(180deg);
    color: #3b82f6;
}

.faq-block__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
}

.faq-block__answer.is-open {
    max-height: fit-content;
}

.faq-block__a {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    padding: 18px 20px;
    background: #fff
}
.faq_block_article_wrapper .container{
    padding: 0;
}
.faq_block_article_wrapper .faq-block__list, .faq_block_article_wrapper .article__inner h2{
    margin-top: 10px;
}
.delivery-table__inner th, .delivery-table__inner td{
    padding: 10px;
}

.article__inner-text table{
    display: block;
    overflow-x: auto;
}
@media (max-width: 640px) {
    .faq-block {
        padding: 1.5rem 0.75rem;
    }

    .faq-block__title {
        font-size: 1.5rem;
    }

    .faq-block__question {
        padding: 1rem 1.25rem;
        font-size: 0.95rem;
    }

    .faq-block__a {
        padding: 0 1.25rem 1rem;
    }
    .delivery-table__inner td, .delivery-table__inner th{
        padding: 10px;
    }
}
/* End */


/* Start:/local/templates/masam/components/bitrix/search.title/header_search/style.css?1764157764635*/
.searche-title {}

.search-title-button {
}


.title-search-result {
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: var(--color-white);
	border-radius: 12px;
	padding: 12px;
}

.search-title-result-item {
	border-bottom: 1px solid #ddd;
}


.search-title .search-title-result-item:last-child {
	border-bottom:  none;
}

.search-title-result-item-link {
	font-size: 16px;
	transition: 170ms linear all;
}

.search-title-result-item-price {
	font-size: 16px;
}

.search-title-result-item-current-price {
	font-weight: bold;
}

.search-title-result-item-old-price {
	font-size: 80%;
	text-decoration: line-through;
}
/* End */


/* Start:/local/templates/masam/components/bitrix/news.list/faq/style.css?17864292231606*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}



.useful-info {
	max-width: 800px;
	margin: 40px auto;
	padding: 30px;
	background: #f5f7fa;
	border: 1px solid #e1e5eb;
	border-radius: 12px;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}

.useful-info h2 {
	margin: 0 0 25px;
	text-align: center;
	font-size: 28px;
	color: #333;
}

.faq {
	width: 100%;
}

.faq-item {
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #e1e5eb;
	border-radius: 8px;
	overflow: hidden;
}

.faq-question {
	width: 100%;
	padding: 18px 20px;
	border: none;
	background: #fff;
	cursor: pointer;

	display: flex;
	align-items: center;
	justify-content: space-between;

	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #333;

	transition: background 0.2s ease;
}

.faq-question:hover {
	background: #f8f9fb;
}

.faq-icon {
	flex-shrink: 0;
	margin-left: 15px;
	font-size: 24px;
	font-weight: 400;
	color: #777;

	transition: transform 0.3s ease;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;

	transition:
			max-height 0.3s ease,
			padding 0.3s ease;
}

.faq-answer p {
	margin: 0;
	padding-bottom: 18px;
	font-size: 15px;
	line-height: 1.6;
	color: #666;
}

.faq-item.active .faq-answer {
	max-height: 300px;
	padding-top: 5px;
}

.faq-item.active .faq-icon {
	transform: rotate(45deg);
}

@media (max-width: 600px) {
	.useful-info {
		margin: 20px 10px;
		padding: 20px 15px;
	}

	.useful-info h2 {
		font-size: 24px;
	}

	.faq-question {
		padding: 15px;
	}
}
/* End */
/* /local/templates/masam/assets/css/plugins.min.css?1782228693133231 */
/* /local/templates/masam/assets/css/style.min.css?1793164055283803 */
/* /local/templates/masam/include/css/custom.css?17917964413160 */
/* /local/templates/masam/components/bitrix/search.title/header_search/style.css?1764157764635 */
/* /local/templates/masam/components/bitrix/news.list/faq/style.css?17864292231606 */