/** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);-o-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,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{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:75rem;perspective:75rem}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:75rem;perspective:75rem}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{-webkit-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{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-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:'';-ms-flex-negative:0;flex-shrink:0;-webkit-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);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{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.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:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.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:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.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:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:2.625rem;height:2.625rem;position:absolute;left:50%;top:50%;margin-left:-1.313rem;margin-top:-1.313rem;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.25rem solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.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(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:2.75rem}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,0.625rem);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,0.625rem);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,0.625rem);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,0.5rem);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,0.5rem));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,0.5rem));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,0.5rem);left:var(--swiper-pagination-left,auto);top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,0.375rem) 0;display:block}.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%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:0.5rem}.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:.2s transform,.2s top;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,0.25rem)}.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%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-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{width:100%;height:var(--swiper-pagination-progressbar-size,0.25rem);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,0.25rem);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,0.625rem);position:relative;-ms-touch-action:none;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,0.25rem);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,0.25rem);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,0.25rem);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,0.25rem);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,0.625rem);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-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-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-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{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(3.125rem);filter:blur(3.125rem)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;-o-transition-property:transform,opacity,height;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* https://github.com/leongersen/noUiSlider/blob/master/dist/nouislider.min.css */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.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;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;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:1.125rem}.noUi-horizontal .noUi-handle{width:2.125rem;height:1.75rem;right:-1.063rem;top:-0.375rem}.noUi-vertical{width:1.125rem}.noUi-vertical .noUi-handle{width:1.75rem;height:2.125rem;right:-0.375rem;bottom:-1.063rem}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-1.063rem;right:auto}.noUi-target{background:#FAFAFA;border-radius:0.25rem;border:1px solid #D3D3D3;-webkit-box-shadow:inset 0 1px 1px #F0F0F0,0 0.188rem 0.375rem -0.313rem #BBB;box-shadow:inset 0 1px 1px #F0F0F0,0 0.188rem 0.375rem -0.313rem #BBB}.noUi-connects{border-radius:0.188rem}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:0.188rem;background:#FFF;cursor:default;-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 0.438rem #EBEBEB,0 0.188rem 0.375rem -0.188rem #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 0.438rem #EBEBEB,0 0.188rem 0.375rem -0.188rem #BBB}.noUi-active{-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 0.438rem #DDD,0 0.188rem 0.375rem -0.188rem #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 0.438rem #DDD,0 0.188rem 0.375rem -0.188rem #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:0.875rem;width:1px;background:#E8E7E6;left:0.875rem;top:0.375rem}.noUi-handle:after{left:1.063rem}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:0.875rem;height:1px;left:0.375rem;top:0.875rem}.noUi-vertical .noUi-handle:after{top:1.063rem}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:0.625rem}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:0.625rem 0;height:5rem;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:0.125rem;height:0.313rem}.noUi-marker-horizontal.noUi-marker-sub{height:0.625rem}.noUi-marker-horizontal.noUi-marker-large{height:0.938rem}.noUi-pips-vertical{padding:0 0.625rem;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:1.563rem}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:0.313rem;height:0.125rem;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:0.625rem}.noUi-marker-vertical.noUi-marker-large{width:0.938rem}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:0.188rem;background:#fff;color:#000;padding:0.313rem;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:0.625rem}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-1.125rem);-ms-transform:translate(0,-1.125rem);transform:translate(0,-1.125rem);top:auto;right:1.75rem} /* https://github.com/biati-digital/glightbox/blob/master/dist/css/glightbox.min.css */ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:10.313rem;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:12.5rem}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;-o-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 2.5rem);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:1.25rem;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;-o-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:0.75rem}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:1.188rem 0.688rem;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:3.125rem}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:1.875rem}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:1.563rem;width:1.563rem;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:0.125rem solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:1.625rem;height:2.75rem;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:1.563rem;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:0.125rem solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:1.375rem 1.25rem}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:1.188rem;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:0.25rem}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:1.875rem;width:2.5rem;height:3.125rem}.glightbox-clean .gnext{position:absolute;top:-100%;right:1.875rem;width:2.5rem;height:3.125rem}.glightbox-clean .gclose{width:2.188rem;height:2.188rem;top:0.938rem;right:0.625rem;position:absolute}.glightbox-clean .gclose svg{width:1.125rem;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:17.188rem}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 0.125rem 0.563rem 0 rgba(0,0,0,.65);box-shadow:1px 0.125rem 0.563rem 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:1.25rem}}@media screen and (max-height:420px){.goverlay{background:#000}} @font-face { font-family: 'Play'; font-display: swap; src: url('../fonts/Play-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Play'; font-display: swap; src: url('../fonts/Play-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } :root { --container-padding: 1.25rem; --header-height: 4.625rem; --content-gap: 1.25rem; } @media (max-width: 1023px) { :root { --container-padding: 1rem; } } @media (max-width: 1023px) { :root { --header-height: 3.625rem; } } @media (max-width: 1023px) { :root { --content-gap: 1.125rem; } } .scrollbar::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: #000; border-radius: 1.375rem; } .scrollbar::-webkit-scrollbar-thumb { background-color: #FF8A22; border-radius: 1.375rem; border: solid 0.125rem #000; background-clip: content-box; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .link { color: #fff; text-decoration: underline; text-underline-offset: 0.125rem; text-decoration-thickness: 1px; -webkit-text-decoration-color: #fff; text-decoration-color: #fff; -webkit-transition: color 0.4s, -webkit-text-decoration-color 0.4s; transition: color 0.4s, -webkit-text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s, -webkit-text-decoration-color 0.4s; } .link:hover { -webkit-text-decoration-color: rgba(255, 255, 255, 0); text-decoration-color: rgba(255, 255, 255, 0); } /* base */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1024px) { *::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: #000; border-radius: 1.375rem; } *::-webkit-scrollbar-thumb { background-color: #FF8A22; border-radius: 1.375rem; border: solid 0.125rem #000; background-clip: content-box; } } *:after, *:before { -webkit-box-sizing: inherit; box-sizing: inherit; } html { overflow: hidden scroll; -webkit-tap-highlight-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; scroll-padding-top: var(--header-height); } @media (max-width: 1439px) and (min-width: 1024px) { html { font-size: clamp(0.719rem, 1.1vw, 1rem); } } html:has(.product-nav) { scroll-padding-top: calc(var(--header-height) + 3.75rem); } @media (max-width: 1023px) { html:has(.product-nav) { scroll-padding-top: calc(var(--header-height) + 3.125rem); } } @media (min-width: 1024px) { html:has(.filter.active) { overflow: hidden scroll; } } body { font-family: 'Play', sans-serif; color: #fff; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overflow: hidden; min-width: 24.375rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; position: relative; line-height: 1.33; font-size: 1.125rem; padding-top: var(--header-height); letter-spacing: 0.01em; background: #212121 -o-linear-gradient(179.78deg, #333333 0.26%, #646464 102.34%); background: #212121 linear-gradient(270.22deg, #333333 0.26%, #646464 102.34%); } @media (max-width: 1023px) { body { font-size: 0.875rem; line-height: 1.42; } } @media (max-width: 389px) { body { background-size: 24.375rem auto; } } a { color: #FF8A22; text-decoration: none; } a:focus, a:active { outline: none; } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #fff; } h1, .h1 { font-size: 2.125rem; line-height: 1.2; font-weight: 700; } @media (max-width: 1023px) { h1, .h1 { font-size: 1.5rem; } } h2, .h2 { font-size: 1.5rem; line-height: 1.3; font-weight: 700; } @media (max-width: 1023px) { h2, .h2 { font-size: 1.125rem; } } h3, .h3 { font-size: 1.375rem; line-height: 1.3; font-weight: 700; } @media (max-width: 1023px) { h3, .h3 { font-size: 1.125rem; } } input, button, select, textarea { color: #fff; font: inherit; margin: 0; } input:focus, button:focus, select:focus, textarea:focus { outline: none; } input { padding-top: 0; padding-bottom: 0; } ::-moz-placeholder { color: #D0D0D0; } :-ms-input-placeholder { color: #D0D0D0; } ::-webkit-input-placeholder { color: #D0D0D0; } table { border-collapse: collapse; border-spacing: 0; background-color: transparent; } button, input[type="submit"], input[type="reset"], input[type="button"] { all: unset; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-appearance: button; -moz-appearance: button; appearance: button; } button[disabled], input[disabled] { cursor: default; pointer-events: none; } img { border: 0; max-width: 100%; } ul { list-style: none; } .container { --width: 87.5rem; margin-left: auto; margin-right: auto; max-width: 100%; padding-left: var(--container-padding); padding-right: var(--container-padding); width: calc(var(--width) + var(--container-padding) * 2); } use { fill: currentColor; } svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .icon { --size: 1.5rem; width: var(--size); height: var(--size); } @media (max-width: 1199px) { .hidden-desktop { display: none!important; } } @media (max-width: 1023px) { .hidden-tablet { display: none!important; } } @media (max-width: 767px) { .hidden-mobile { display: none!important; } } @media (min-width: 768px) { .visible-mobile { display: none!important; } } @media (min-width: 1024px) { .visible-tablet { display: none!important; } } @media (min-width: 1200px) { .visible-desktop { display: none!important; } } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.5rem; height: 3rem; border: 0; padding: 0 1rem; font-size: 1rem; font-weight: 700; max-width: 100%; border-radius: 0.125rem; color: #fff; overflow: hidden; will-change: transform; border-radius: 0.75rem; } .btn > * { position: relative; z-index: 1; } .btn:before { content: ''; position: absolute; background: -webkit-gradient(linear, left top, right top, from(#FF8A22), color-stop(#FF6422), to(#FF8A22)); background: -o-linear-gradient(left, #FF8A22, #FF6422, #FF8A22); background: linear-gradient(to right, #FF8A22, #FF6422, #FF8A22); inset: 0 -100% 0 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .btn:hover:before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .btn[disabled], .btn.disabled { opacity: 0.6; pointer-events: none; } .btn-alt { border: solid 1px #000; } .btn-alt:before { background: -webkit-gradient(linear, left top, left bottom, from(#494949), color-stop(#313131), to(#494949)); background: -o-linear-gradient(top, #494949, #313131, #494949); background: linear-gradient(to bottom, #494949, #313131, #494949); inset: 0 0 -100%; } .btn-alt:hover:before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-full-width { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .cover-img { position: relative; will-change: transform; overflow: hidden; } .cover-img img, .cover-img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .fit-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fit-img picture, .fit-img img { display: block; max-height: 100%; } .tab-block { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .tab-block:not(.active) { opacity: 0; visibility: hidden; pointer-events: none; height: 0; overflow: hidden; padding: 0; margin: 0; min-height: 0; } .item-link { position: absolute; inset: 0; z-index: 6; } .input { border-radius: 0.75rem; border: solid 1px #CDCDCD; background-color: #CDCDCD; display: block; width: 100%; height: 2.5rem; padding: 0 0.75rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; caret-color: #000; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; color: #000; line-height: 1; font-size: 0.875rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .input:-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .input::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .input:focus { border-color: #FF8A22; } .input:-webkit-autofill { -webkit-text-fill-color: #000; background-color: transparent; -webkit-transition: background-color 5000000s 0s; -o-transition: background-color 5000000s 0s; transition: background-color 5000000s 0s; } .input:-webkit-autofill::first-line { font-family: 'Play', sans-serif; } .input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; display: none; } .input::-webkit-search-decoration, .input::-webkit-search-cancel-button, .input::-webkit-search-results-button, .input::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; display: none; } textarea { resize: none; height: 8.25rem; padding-top: 1rem; padding-bottom: 1rem; } .swiper-slide { height: auto; } .link { color: inherit; text-decoration: underline; text-underline-offset: 0.125rem; text-decoration-thickness: 1px; -webkit-transition: color 0.4s, -webkit-text-decoration-color 0.4s; transition: color 0.4s, -webkit-text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s, -webkit-text-decoration-color 0.4s; } @media (max-width: 1023px) { .sticky-spacer { display: none!important; } } .slider-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; width: 5.75rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slider-arrow { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 0.75rem; background-color: #373437; border: solid 1px rgba(255, 138, 34, 0.5); color: #FF8A22; -webkit-transition: color 0.4s, background-color 0.4s, border-color 0.4s; -o-transition: color 0.4s, background-color 0.4s, border-color 0.4s; transition: color 0.4s, background-color 0.4s, border-color 0.4s; } .slider-arrow.swiper-button-lock { display: none; } .slider-arrow:hover { background-color: #FF8A22; color: #fff; border-color: #FF8A22; } .slider-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; gap: 0.375rem; } .slider-pagination:not(.slider-dots) span { height: 0.125rem; background: rgba(255, 138, 34, 0.3); opacity: 1; -webkit-transition: background-color 0.4s, width 0.4s; -o-transition: background-color 0.4s, width 0.4s; transition: background-color 0.4s, width 0.4s; width: 1rem; border-radius: 0.125rem; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0!important; } .slider-pagination:not(.slider-dots) span:before { content: ''; position: absolute; inset: -0.25rem 0; } .slider-pagination:not(.slider-dots) span.swiper-pagination-bullet-active { width: 2.75rem; background-color: #FF8A22; } .slider-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .slider-dots { margin-top: 1rem; } } .slider-dots span { width: 1.25rem; height: 1.25rem; border: solid 1px rgba(255, 138, 34, 0); opacity: 1; position: relative; border-radius: 50%; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; margin: 0!important; } .slider-dots span:before { content: ''; position: absolute; width: 0.75rem; height: 0.75rem; left: calc(50% - 0.375rem); top: calc(50% - 0.375rem); border-radius: 50%; background-color: #D8D8D8; -webkit-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .slider-dots span:hover:before { background-color: #FF8A22; } .slider-dots span.swiper-pagination-bullet-active { border-color: #FF8A22; } .slider-dots span.swiper-pagination-bullet-active:before { background-color: #FF8A22; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 666666; } .modal:not(.active) { opacity: 0; visibility: hidden; pointer-events: none; } .modal.open, .modal.close { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .modal.open .modal-body, .modal.close .modal-body { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .modal.active .modal-body { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-wrapp { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(72, 72, 72, 0.9); padding: 1.875rem var(--container-padding); overflow: hidden; overflow-y: scroll; outline: none; } .modal-body { background: -o-linear-gradient(276.11deg, #494949 0%, #313131 100%); background: linear-gradient(173.89deg, #494949 0%, #313131 100%); -webkit-box-flex: 0; -ms-flex: none; flex: none; min-height: 1px; width: 22.375rem; max-width: 100%; margin: 0; padding: 1.5rem 1rem; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0.75rem; -webkit-box-shadow: 0px 4rem 4rem -2rem #5656568F; box-shadow: 0px 4rem 4rem -2rem #5656568F; border: solid 1px #000; } @media (max-width: 1023px) { .modal-body { padding: 1.875rem 1rem; } } .modal-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.25rem; } .modal-close-btn { display: -webkit-box; display: -ms-flexbox; display: flex; color: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .modal-close-btn:hover { color: #FF8A22; } .range-slider { margin: 0.5rem 0.625rem; background: #F0F0F0; } .range-slider:before, .range-slider:after { content: ''; position: absolute; top: 0; bottom: 0; background: #F0F0F0; width: 0.625rem; } .range-slider:before { left: -0.563rem; border-radius: 1.25rem 0 0 1.25rem; } .range-slider:after { right: -0.563rem; border-radius: 0 1.25rem 1.25rem 0; } .noUi-target { height: 0.313rem; border: 0; -webkit-box-shadow: none; box-shadow: none; } .noUi-target * { -ms-touch-action: pan-up pan-down; touch-action: pan-up pan-down; } .noUi-connects { border-radius: 0; } .noUi-connect { background-color: #FF8A22; } .noUi-horizontal .noUi-handle { border: 0; width: 1.25rem; height: 1.25rem; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; right: -0.625rem; top: -0.438rem; background: #FF8A22; border-radius: 50%; } .noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after { display: none; } .checkbox-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; gap: 0.75rem; -ms-flex-item-align: start; align-self: flex-start; } .checkbox-label.active .checkbox-label-icon { border-color: #FF8A22; } .checkbox-label.active .checkbox-label-icon svg { opacity: 1; } .checkbox-label-icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 1.5rem; height: 1.5rem; border-radius: 0.313rem; display: grid; place-items: center; -webkit-transition: background-color 0.4s, border-color 0.4s; -o-transition: background-color 0.4s, border-color 0.4s; transition: background-color 0.4s, border-color 0.4s; color: #FF8A22; background-color: #fff; border: solid 1px #DCDCDC; } .checkbox-label-icon svg { --size: 1.25rem; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .checkbox-label-title { min-width: 1px; -ms-flex-item-align: center; align-self: center; font-size: 0.875rem; text-transform: uppercase; } .checkbox-input { position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; opacity: 0; cursor: pointer; border-radius: 0.313rem; } .select { position: relative; font-size: 0.875rem; } .select.active .select-options { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; opacity: 1; visibility: visible; pointer-events: auto; } .select-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1.5rem; gap: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.5rem; border-radius: 0.5rem; border: solid 1px #555555; color: inherit; } .select-toggle span { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .select-options { position: absolute; inset: 100% 0 auto; z-index: 66; border-radius: 0.5rem; border: solid 1px #555555; background-color: #484848; overflow: hidden; will-change: transform; padding: 0.5rem 0; opacity: 0; visibility: hidden; pointer-events: none; } .select-option { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.5rem 1.5rem; color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .select-option:hover { color: #FF8A22; } .select-option.active { background-color: #555555; } .glightbox-mobile .goverlay, .goverlay { background: rgba(0, 0, 0, 0.6); height: auto; width: auto; inset: 0; } .glightbox-container { height: auto; bottom: 0; } .gslide-description[style="max-width: 1440;"] { max-width: 90rem!important; } .gslide-title:last-child { margin-bottom: 0; } .content-text { display: flow-root; color: #D0D0D0; } .content-text .container { padding: 0; } .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { color: #fff; margin: calc(2 * var(--content-gap)) 0 var(--content-gap); } @media (max-width: 1023px) { .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { margin-top: 0; } } .content-text h1:first-child, .content-text h2:first-child, .content-text h3:first-child, .content-text h4:first-child, .content-text h5:first-child, .content-text h6:first-child { margin-top: 0; } .content-text h1:last-child, .content-text h2:last-child, .content-text h3:last-child, .content-text h4:last-child, .content-text h5:last-child, .content-text h6:last-child { margin-bottom: 0; } .content-text p { margin-bottom: var(--content-gap); } .content-text p:last-child { margin-bottom: 0; } .content-text p:empty + * { margin-top: calc(var(--content-gap) * 2); } .content-text a:not(.btn):not(.btn-link):not(.content-custom-link):not(.wp-block-button__link) { text-decoration: underline; text-underline-offset: 0.125rem; text-decoration-thickness: 1px; -webkit-text-decoration-color: rgba(255, 138, 34, 0); text-decoration-color: rgba(255, 138, 34, 0); -webkit-transition: color 0.4s, -webkit-text-decoration-color 0.4s; transition: color 0.4s, -webkit-text-decoration-color 0.4s; -o-transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s; transition: text-decoration-color 0.4s, color 0.4s, -webkit-text-decoration-color 0.4s; } .content-text ol { list-style: none; counter-reset: counter; margin-bottom: var(--content-gap); } .content-text ol:last-child { margin-bottom: 0; } @supports not (display:flow-root) { .content-text ol { overflow: hidden; } } .content-text ol li { padding-left: 2rem; position: relative; display: flow-root; margin-bottom: var(--content-gap); } .content-text ol li:last-child { margin-bottom: 0; } .content-text ol li:before { content: counters(counter, '.') '\002E'; position: absolute; top: 0; left: 0; counter-increment: counter; width: 2rem; text-align: center; } .content-text ul:not(.content-custom-list):not(.blocks-gallery-grid) { margin-bottom: var(--content-gap); } .content-text ul:not(.content-custom-list):not(.blocks-gallery-grid):last-child { margin-bottom: 0; } @supports not (display:flow-root) { .content-text ul:not(.content-custom-list):not(.blocks-gallery-grid) { overflow: hidden; } } .content-text ul:not(.content-custom-list):not(.blocks-gallery-grid) li { position: relative; padding-left: 2rem; display: flow-root; margin-bottom: var(--content-gap); } .content-text ul:not(.content-custom-list):not(.blocks-gallery-grid) li:last-child { margin-bottom: 0; } .content-text ul:not(.content-custom-list):not(.blocks-gallery-grid) li:before { content: ''; position: absolute; width: 0.375rem; height: 0.375rem; left: 0.625rem; top: 0.5em; top: calc(1lh / 2 - 0.188rem); background-color: currentColor; border-radius: 50%; } .content-text blockquote { padding: 2.5rem; border-radius: 1.625rem; } .content-text figcaption { margin-top: var(--content-gap); } .content-text .clear { clear: both; } .wp-block-separator { margin: calc(2 * var(--content-gap)) 0; height: 1px; background-color: #555555; border: 0; } @media (max-width: 1023px) { .wp-block-separator { margin: var(--content-gap) 0; } } .wp-block-separator:first-child { margin-top: 0; } .wp-block-separator:last-child { margin-bottom: 0; } .wp-block-image { margin: calc(2 * var(--content-gap)) 0; } @media (max-width: 1023px) { .wp-block-image { margin: var(--content-gap) 0; } } .wp-block-image img { display: block; border-radius: 0.625rem; -webkit-box-shadow: 0px 1.5rem 2.125rem -2rem #56565659; box-shadow: 0px 1.5rem 2.125rem -2rem #56565659; } .wp-block-image:first-child { margin-top: 0; } .wp-block-image:last-child { margin-bottom: 0; } .wp-block-table { overflow: visible; } @media (max-width: 767px) { .wp-block-table { overflow-y: auto; } .wp-block-table::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; background-color: #000; border-radius: 1.375rem; } .wp-block-table::-webkit-scrollbar-thumb { background-color: #FF8A22; border-radius: 1.375rem; border: solid 0.125rem #000; background-clip: content-box; } .wp-block-table table { table-layout: auto; white-space: nowrap; width: 100%; } .wp-block-table table tbody tr:last-child td { border-bottom: 0; } .wp-block-table table td, .wp-block-table table th { padding: 0.625rem 1.25rem; border-bottom: solid 1px #FF8A22; height: 3.75rem; text-align: left; } .wp-block-table table td:last-child, .wp-block-table table th:last-child { padding-right: 1.25rem; } .wp-block-table table thead { font-size: 0.75rem; text-transform: uppercase; color: #FF8A22; letter-spacing: 0.094rem; font-weight: 600; } .wp-block-table table img { display: block; margin: auto; } } .wp-block-image.alignright { margin-bottom: var(--content-gap); max-width: 54.166%; margin-left: 1.875rem; float: right; } @media (max-width: 479px) { .wp-block-image.alignright { float: none!important; margin-left: 0; display: block; max-width: none; } .wp-block-image.alignright img { display: block; margin: auto; } } .wp-block-image.alignleft { margin-bottom: var(--content-gap); max-width: 54.166%; margin-right: 1.875rem; float: left; } @media (max-width: 479px) { .wp-block-image.alignleft { float: none!important; margin-right: 0; display: block; max-width: none; } .wp-block-image.alignleft img { display: block; margin: auto; } } @media (max-width: 767px) { .wp-block-table .has-fixed-layout { table-layout: auto; } } @media (max-width: 767px) { .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: normal; } } .wp-block-embed__wrapper { padding-top: 56.25%; overflow: hidden; border-radius: 1.625rem; position: relative; will-change: transform; } .wp-block-embed__wrapper iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; } @media (max-width: 479px) { .wp-block-button { width: 100%; } } body .content-text .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 100%; } body .is-layout-flex { gap: 4.5rem; } @media (max-width: 1023px) { body .is-layout-flex { gap: 3.75rem; } } body .is-layout-flow > * + * { -webkit-margin-before: var(--content-gap); margin-block-start: var(--content-gap); } @media (max-width: 767px) { .has-large-font-size { font-size: 1.25rem!important; } } .header { position: fixed; inset: 0 0 auto; background-color: #212121; z-index: 600; } .header:before { content: ''; position: absolute; inset: auto 0 0; border-top: solid 1px rgba(255, 138, 34, 0.5); pointer-events: none; } .header > .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.5rem; height: var(--header-height); } @media (max-width: 1023px) { .header > .container { gap: 0.75rem; } } @media (max-width: 1023px) { .header .logo { margin-right: auto; } } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (min-width: 1024px) { .header-nav > .container { padding: 0; width: auto; } } @media (max-width: 1023px) { .header-nav { position: fixed; inset: var(--header-height) 0 0; z-index: 600; background-color: #484848; padding: 1.5rem 0; overflow: hidden auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @media (max-width: 1023px) { .header-nav-opened .header-nav { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media (max-width: 1023px) { .header-nav-is-open { overflow: hidden; } .header-nav-is-open .header-nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .header-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 1rem; } } @media (min-width: 1024px) { .header-menu > li { height: var(--header-height); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.75rem; } .header-menu > li:not(:last-child) > a { position: relative; } } @media (min-width: 1024px) and (min-width: 1024px) { .header-menu > li:not(:last-child) > a:after { content: ''; position: absolute; inset: 0 -0.75rem 0 auto; height: 2.625rem; border-right: solid 1px #555555; pointer-events: none; } } @media (max-width: 1023px) { .header-menu > li { margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: solid 1px #555555; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header-menu > li.sub-menu-is-open > a .sub-menu-arrow { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } .header-menu > li > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 3rem; border: 0; padding: 0 1rem; font-size: 1rem; max-width: 100%; border-radius: 0.125rem; color: #fff; overflow: hidden; will-change: transform; height: 2.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; padding: 0 0.75rem; font-size: 0.875rem; font-weight: 700; color: inherit; background: #484848; border-radius: 0.75rem; overflow: visible; } .header-menu > li > a > * { position: relative; z-index: 1; } .header-menu > li > a:before { content: ''; position: absolute; background: -webkit-gradient(linear, left top, right top, from(#FF8A22), color-stop(#FF6422), to(#FF8A22)); background: -o-linear-gradient(left, #FF8A22, #FF6422, #FF8A22); background: linear-gradient(to right, #FF8A22, #FF6422, #FF8A22); inset: 0 -100% 0 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .header-menu > li > a:hover:before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header-menu > li > a[disabled], .header-menu > li > a.disabled { opacity: 0.6; pointer-events: none; } @media (max-width: 1023px) { .header-menu > li > a { height: auto; padding: 0.75rem; margin: 0 -0.75rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: unset; } } .header-menu > li > a:before { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; background: -webkit-gradient(linear, left top, right top, from(#FF8A22), to(#FF6422)); background: -o-linear-gradient(left, #FF8A22, #FF6422); background: linear-gradient(to right, #FF8A22, #FF6422); right: 0; border-radius: inherit; } @media (min-width: 1024px) { .header-menu > li > a:hover:before { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .header-menu > li:hover > .sub-menu-wrapp { opacity: 1; visibility: visible; pointer-events: auto; } .header-menu > li.current-menu-item > a:before { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .header-menu .sub-menu-arrow { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media (min-width: 1024px) { .header-menu .sub-menu-arrow { display: none; } } @media (min-width: 1024px) { .header-menu .sub-menu-wrapp { position: absolute; inset: 100% 0 auto; max-height: calc(100vh - var(--header-height)); overflow: hidden auto; background-color: #484848; z-index: 66; padding: 3rem 0; -webkit-box-shadow: 0 100vmax 0 100vmax rgba(72, 72, 72, 0.9); box-shadow: 0 100vmax 0 100vmax rgba(72, 72, 72, 0.9); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; display: block!important; } .header-menu .sub-menu-wrapp .container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1023px) { .header-menu .sub-menu-wrapp { display: none; } } @media (max-width: 1023px) { .header-menu .sub-menu-wrapp .container { width: 100%; padding: 0; } } @media (min-width: 1024px) { .header-menu .sub-menu { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; margin-bottom: -0.75rem; } .header-menu .sub-menu > li { padding-bottom: 0.75rem; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } } @media (max-width: 1023px) { .header-menu .sub-menu > li:first-child { border-top: solid 1px #555555; margin-top: 0.5rem; padding-top: 0.5rem; } } @media (max-width: 1023px) { .header-menu .sub-menu > li:last-child { margin-bottom: 0.5rem; } } .header-menu .sub-menu > li.current-menu-item > a { color: #FF8A22; } .header-menu .sub-menu a { font-size: 0.75rem; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; color: inherit; font-weight: 700; } @media (max-width: 1023px) { .header-menu .sub-menu a { padding: 0.5rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: inherit; font-weight: 400; } } @media (min-width: 1024px) { .header-menu .sub-menu a:hover { color: #FF8A22; } } .catalog-accent-menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; } .catalog-accent-menu-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 10rem; color: inherit; text-align: center; } .catalog-accent-menu-link:hover .catalog-accent-menu-link-arrow { color: #FF8A22; } .catalog-accent-menu-link-img { background-color: #F3F5F7; border-radius: 0.5rem; aspect-ratio: 1; margin-bottom: 1rem; } .catalog-accent-menu-link-title { font-weight: 700; } .catalog-accent-menu-link-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; gap: 0.25rem; padding: 0.25rem 0; border-bottom: solid 1px; font-size: 0.75rem; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .catalog-accent-menu-link-arrow svg { --size: 1rem; } .search { width: 16rem; position: relative; min-width: 8.25rem; } @media (max-width: 1023px) { .search { margin-left: 0.75rem; } } .search.active .search-results { opacity: 1; visibility: visible; pointer-events: auto; } .search-input { padding-left: 2.75rem; background-color: #484848; caret-color: #fff; color: #fff; } .search-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .search-input:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .search-input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .search-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .search-input:not(:focus) { border-color: #484848; } .search-submit { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 1; top: calc(50% - 0.75rem); left: 0.75rem; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .search-submit:hover { color: #FF8A22; } .search-results { position: absolute; inset: 100% 0 auto; z-index: 66; border-radius: 0.5rem; border: solid 1px #555555; background-color: #484848; overflow: hidden; will-change: transform; padding: 0.5rem 0; opacity: 0; visibility: hidden; pointer-events: none; font-size: 0.875rem; overflow: hidden auto; max-height: calc(100vh - 2.5rem - 0.5 * (var(--header-height) - 2.5rem)); } @media (max-width: 1023px) { .search-results { left: auto; width: 100%; min-width: 18.25rem; } } .search-result { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.5rem 1.5rem; color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .search-result:hover { color: #FF8A22; } .search-result.active { background-color: #555555; } .header-nav-toggle { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: -0.5rem; padding: 0.5rem; color: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .header-nav-toggle svg { -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; } .header-nav-toggle svg:last-child { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; left: 0.5rem; top: 0.5rem; } .header-nav-toggle.active svg:first-child { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .header-nav-toggle.active svg:last-child { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .page-main { padding: 2.5rem 0; } @media (max-width: 1023px) { .page-main { padding-top: 1.25rem; } } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; color: #D0D0D0; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 700; row-gap: 0.625rem; } @media (max-width: 1023px) { .breadcrumbs { margin-bottom: 1.25rem; } } .breadcrumbs li:not(:last-child) { padding-right: 1rem; margin-right: 1rem; position: relative; } .breadcrumbs li:not(:last-child):after { --size: 1rem; content: ''; position: absolute; top: calc(0.5lh - 0.5 * var(--size)); left: calc(100% - 0.5 * var(--size)); background-image: url(../img/breadcrumbs-arrow.svg); background-size: 100% 100%; width: var(--size); aspect-ratio: 1; } .breadcrumbs li:last-child { text-transform: uppercase; } .breadcrumbs a { color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .breadcrumbs a:hover { color: #FF8A22; } .product-nav { height: 3.75rem; margin-bottom: 2rem; } @media (max-width: 1023px) { .product-nav { height: 3.125rem; white-space: nowrap; } .product-nav .container { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-nav .container::-webkit-scrollbar { display: none; } } .product-nav.fixed .product-nav-body { position: fixed; z-index: 60; inset: var(--header-height) 0 auto; } .product-nav.fixed .product-nav-content { border-radius: 0 0 0.75rem 0.75rem; } .product-nav-content { margin-bottom: 1.75rem; padding: 0.75rem 1.25rem; border-radius: 0.75rem; background-color: #484848; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; height: 3.75rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .product-nav-content { height: 3.125rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 0 0.75rem; min-width: 100%; } } .product-nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; } .product-nav-links a { height: 2.125rem; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .product-nav-links a:hover { color: #FF8A22; } .product-nav-links a:before { opacity: 0; } .product-nav-links .active a { color: #fff; } .product-nav-links .active a:before { opacity: 1; } .product-code { font-size: 0.75rem; } @media (max-width: 1023px) { .product-code { padding: 0.25rem 0.625rem; border-radius: 0.5rem; background-color: #484848; } } .product-main .container { display: grid; gap: 2rem; } @media (min-width: 1024px) { .product-main .container { grid-template-columns: 43.125rem 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-rows: 34.625rem auto; gap: 3rem 1.25rem; } } .product-gallery { min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; } @media (max-width: 1023px) { .product-gallery { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position: static!important; } } .product-gallery-nav { -webkit-box-flex: 0; -ms-flex: none; flex: none; overflow: visible; margin: 0; } @media (min-width: 1024px) { .product-gallery-nav { height: 34rem; width: 7.75rem; } } .product-gallery-nav-slide { background-color: #fff; -webkit-box-shadow: 0px 1.5rem 4rem -2rem rgba(0, 0, 0, 0.4); box-shadow: 0px 1.5rem 4rem -2rem rgba(0, 0, 0, 0.4); height: 7.75rem; border-radius: 0.75rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: solid 1px rgba(255, 138, 34, 0); -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .product-gallery-nav-slide img { left: -1px; width: calc(100% + 0.125rem); top: -1px; height: calc(100% + 0.125rem); } @media (max-width: 1023px) { .product-gallery-nav-slide { width: 5.75rem; height: 5.75rem; border-radius: 0.625rem; } } .product-gallery-nav-slide:before { content: ''; position: absolute; inset: 0; border-radius: 0.75rem; border: solid 1px #FF8A22; opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; z-index: 1; } .product-gallery-nav-slide.swiper-slide-thumb-active { border-color: #FF8A22; } @media (min-width: 1024px) { .product-gallery-nav-slide { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .product-gallery-nav-slide:not(.swiper-slide-visible) { opacity: 0; visibility: hidden; pointer-events: none; } } .product-gallery-main { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 0; background-color: #fff; -webkit-box-shadow: 0px 1.5rem 4rem -2rem rgba(0, 0, 0, 0.4); box-shadow: 0px 1.5rem 4rem -2rem rgba(0, 0, 0, 0.4); border-radius: 0.75rem; overflow: hidden; will-change: transform; } @media (min-width: 1024px) { .product-gallery-slider { margin: 0; position: absolute; inset: 0; } } @media (max-width: 1023px) { .product-gallery-slide { height: 21.25rem; } } .product-body { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } @media (min-width: 1024px) { .product-body { grid-row: span 2; gap: 1.25rem; } } .widget { padding: 1.25rem; border-radius: 0.75rem; -webkit-box-shadow: 0px 4rem 4rem -2rem rgba(0, 0, 0, 0.4); box-shadow: 0px 4rem 4rem -2rem rgba(0, 0, 0, 0.4); background: -o-linear-gradient(276.11deg, #313131 0%, #494949 100%); background: linear-gradient(173.89deg, #313131 0%, #494949 100%); } @media (max-width: 1023px) { .widget { padding: 1.25rem 1rem; } } .product-mobile-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; } .product-cost { margin-top: 1.25rem; } @media (max-width: 1023px) { .product-cost .product-availability { display: none; } } .product-availability { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 700; } @media (max-width: 1023px) { .product-availability { font-size: 0.75rem; } } .product-availability svg { --size: 1.125rem; color: #56A805; } .product-availability[data-state="unknown"] svg { color: #DC5A49; } .product-prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 1rem; white-space: nowrap; line-height: 1.5; font-size: 1.25rem; } .product-prices b { font-size: 1.5rem; } @media (max-width: 1023px) { .product-prices b { font-size: 1.25rem; } } .product-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 0.5rem; } .product-price-old { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 0.5rem; color: #DC5A49; } .product-price-old b { font-weight: 400; text-decoration: line-through; } .product-order { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .product-order-btns { display: grid; gap: 1rem 2rem; } @media (min-width: 1024px) { .product-order-btns { grid-template-columns: 1fr 1fr; } } .spoiler-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.5rem; font-size: 1.25rem; font-weight: 700; color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; padding: 1.25rem; height: auto; } @media (max-width: 1023px) { .spoiler-toggle { font-size: 1.125rem; } } .spoiler-toggle.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } @media (max-width: 1023px) { .spoiler-toggle { padding: 1.25rem 1rem; } } @media (min-width: 1024px) { .spoiler-toggle:hover { color: #FF8A22; } } .spoiler-toggle svg { --size: 0.75rem; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .spoiler-body { display: none; } .spoiler-content { padding: 0 1.25rem 1.25rem; } @media (max-width: 1023px) { .spoiler-content { padding: 0 1rem 1.25rem; } } @media (max-width: 1023px) { .product-delivery-warranty { padding: 0; } } @media (min-width: 1024px) { .product-delivery-warranty .spoiler-body { display: block!important; } } .product-delivery-warranty .spoiler-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } @media (min-width: 1024px) { .product-delivery-warranty .spoiler-content { padding: 0; } } .product-delivery-warranty-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .product-delivery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 1rem; border-bottom: solid 1px #555555; gap: 1rem; } .product-delivery-icon { width: 1.875rem; height: 1.875rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .product-delivery-body { -ms-flex-item-align: center; align-self: center; font-size: 0.875rem; } .product-warranty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; font-size: 0.875rem; } .product-warranty svg { --size: 1.875rem; color: #FF8A22; } .product-warranty span { -ms-flex-item-align: center; align-self: center; } .product-content { margin-top: 2.5rem; } @media (max-width: 1023px) { .product-content { margin-top: 2rem; } .product-content img { min-height: 12rem; -o-object-fit: cover; object-fit: cover; } } .product-characteristics-title { margin-bottom: 1rem; } .product-characteristics-title:last-child { margin-bottom: 0; } .product-characteristics-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .product-characteristic:not(:last-child) { padding-bottom: 0.5rem; border-bottom: solid 1px #555555; } .product-characteristic-title { font-size: 1rem; } .product-characteristic-desc { font-weight: 700; } .footer { margin-top: auto; background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#1B1B1B)); background: -o-linear-gradient(top, #303030 0%, #1B1B1B 100%); background: linear-gradient(180deg, #303030 0%, #1B1B1B 100%); padding: 3rem 0; } .footer .container { display: grid; gap: 2rem; } @media (min-width: 768px) { .footer .container { grid-template-columns: 1fr 1fr 1fr; } } .footer-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 0; } @media (max-width: 767px) { .footer-cell-logo { margin-bottom: 1rem; } } .footer-cell-logo .logo img { width: 13.5rem; } @media (max-width: 1023px) { .footer-cell-logo .logo img { width: 8.75rem; } } @media (max-width: 767px) { .footer-cell-nav { padding-bottom: 2rem; border-bottom: solid 1px #555555; } } @media (min-width: 1024px) { .footer-nav { width: 15.625rem; max-width: 100%; } } @media (max-width: 767px) { .footer-nav { width: 100%; } } .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media (max-width: 767px) { .footer-menu { font-size: 1.125rem; } } .footer-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .footer-menu li { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } .footer-menu li.menu-item-home { padding-bottom: 1.75rem; margin-bottom: 0.5rem; border-bottom: solid 1px #555555; } .footer-menu a { color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .footer-menu a:hover { color: #FF8A22; } .footer-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; } .footer-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 0.875rem; } .footer-contact svg { --size: 2rem; color: #FF8A22; } a.footer-contact { color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } a.footer-contact:hover { color: #FF8A22; } .footer-tels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; white-space: nowrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-tel { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-tel:not(:last-child):after { content: '\00A0/\00A0'; color: #555555; } .footer-tel a { color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .footer-tel a:hover { color: #FF8A22; } .page-slider-wrapp { position: relative; background: -o-linear-gradient(329.86deg, #9D9D9D 26.68%, #343434 100%); background: linear-gradient(120.14deg, #9D9D9D 26.68%, #343434 100%); -webkit-box-shadow: 0px 0.25rem 0.25rem 0px #00000040; box-shadow: 0px 0.25rem 0.25rem 0px #00000040; overflow: hidden; will-change: transform; margin: 2.5rem 0; } @media (max-width: 1023px) { .page-slider-wrapp { border-radius: 0 0 0.75rem 0.75rem; margin-left: calc(-1 * var(--container-padding)); margin-right: calc(-1 * var(--container-padding)); } } .page-slider-wrapp:first-child { margin-top: -1.25rem; } .page-slider-wrapp:last-child { margin-bottom: 0; } .page-slider-wrapp:before { content: ''; position: absolute; inset: 0; border: solid 1px rgba(255, 138, 34, 0.5); z-index: 6; pointer-events: none; border-radius: inherit; } .page-slider-wrapp .slider-arrows { position: absolute; right: 6.125rem; bottom: 2.25rem; z-index: 6; } @media (max-width: 1023px) { .page-slider-wrapp .slider-arrows { bottom: 3.25rem; right: 2.5rem; } } .page-slider-wrapp .slider-pagination { position: absolute; left: 6.125rem; bottom: 3.438rem; z-index: 6; max-width: 54rem; } @media (min-width: 1024px) { .page-slider-wrapp .slider-pagination { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 1023px) { .page-slider-wrapp .slider-pagination { inset: auto var(--container-padding) 1.5rem; } } @media (min-width: 1024px) { .page-slide { aspect-ratio: 14/5; } } @media (max-width: 1023px) { .page-slide { min-height: 25rem; } } .page-slide-btn { position: absolute; bottom: 2.25rem; right: 12.75rem; z-index: 2; height: 2.5rem; font-size: 0.875rem; gap: 0.375rem; } @media (max-width: 1023px) { .page-slide-btn { bottom: 3.25rem; right: auto; left: 2.5rem; } } .page-slide-btn svg { --size: 1.25rem; } .catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media (min-width: 1024px) { .catalog { display: grid; grid-template-columns: repeat(5, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 0.625rem; } } @media (min-width: 1024px) { .filter { position: static; width: unset; min-width: 0; z-index: 0; } .filter:not(.active) { opacity: 1; visibility: visible; pointer-events: auto; } .filter.open, .filter.close { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .filter.open .modal-body, .filter.close .modal-body { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .filter .modal-wrapp { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; background: none; padding: 0; overflow: visible; } .filter .modal-body { -webkit-transform: none; -ms-transform: none; transform: none; padding: 1.875rem 1rem; } } .filter-head { padding-bottom: 0.625rem; margin-bottom: 1.25rem; border-bottom: solid 1px #555555; } @media (max-width: 1023px) { .filter-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.75rem; } } .filter-head .filter-title { padding-bottom: 0; } .filter-close-btn { display: -webkit-box; display: -ms-flexbox; display: flex; color: inherit; } .filter-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.25rem; line-height: 1.2; font-weight: 700; padding-bottom: 0.625rem; } .filter-section { padding-bottom: 1.25rem; } .filter-section-content { margin-top: 1.25rem; } .filter-section-content.spoiler-content { padding: 0 0.75rem; } .filter-section-content .checkbox-list { max-height: 20.625rem; overflow: hidden auto; margin-right: -0.75rem; padding-right: 0.75rem; } .range-slider-inputs { padding-top: 1.875rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } .range-slider-inputs .input { text-align: center; color: #000; height: 3rem; background-color: #F0F0F0; } .range-slider-inputs .input:not(:focus) { border-color: #F0F0F0; } .range-slider-inputs .input::-webkit-input-placeholder { color: #737373; } .range-slider-inputs .input:-moz-placeholder { color: #737373; } .range-slider-inputs .input::-moz-placeholder { color: #737373; } .range-slider-inputs .input:-ms-input-placeholder { color: #737373; } .filter-section-title { padding: 0; font-weight: 700; color: inherit; font-size: 1rem; } .filter-section-title:before { opacity: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .filter-section-title svg { --size: 1.5rem; } .filter-section-title.active:hover { color: #fff; } .filter-section-title.active:hover:before { -webkit-transform: none; -ms-transform: none; transform: none; } .filter-section-title.active svg { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .checkbox-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; } .filter-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; margin-top: 1.875rem; } .catalog-body { grid-column: span 4; } .catalog-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.5rem; padding-left: 1rem; margin-bottom: 2.5rem; } @media (max-width: 1023px) { .catalog-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; gap: 1.25rem; margin-bottom: 1.25rem; padding: 0; } } .catalog-title { text-transform: uppercase; } .catalog-order-wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.75rem; } .catalog-order { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-order .select { width: 11.875rem; } @media (max-width: 1023px) { .catalog-order .select { width: 2.25rem; } } @media (max-width: 1023px) { .catalog-order .select-toggle { padding: 0; height: 2.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1023px) { .catalog-order .select-options { left: auto; width: 11.875rem; } } .products-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.625rem; } @media (max-width: 767px) { .products-list { grid-template-columns: 1fr 1fr; } } .product-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0.625rem; gap: 1.25rem; min-width: 0; } .product-item .product-cost { margin-top: auto; } .product-item .product-availability { font-size: 0.75rem; gap: 0.25rem; } @media (max-width: 1023px) { .product-item .product-availability { display: -webkit-box; display: -ms-flexbox; display: flex; } } .product-item .product-availability svg { --size: 0.875rem; } .product-item .product-price, .product-item .product-price-old { gap: 0; font-size: 1.125rem; } .product-item .product-price b, .product-item .product-price-old b { font-size: inherit; } @media (max-width: 1023px) { .product-item .product-price-old { font-size: 1rem; } } @media (max-width: 1023px) { .product-item .product-prices { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .product-item-img { aspect-ratio: 252/222; border-radius: 0.75rem; } .product-item-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; } .product-item-code { font-size: 0.625rem; padding: 0.25rem 0.5rem; border-radius: 0.5rem; background-color: #484848; -ms-flex-item-align: start; align-self: flex-start; } .product-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 700; } .product-item-title a { color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .product-item-title a:hover { color: #FF8A22; } ul.page-numbers { margin-top: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.5rem; width: 100%; font-size: 0.875rem; } @media (max-width: 1023px) { ul.page-numbers { margin-top: 2.5rem; gap: 0.25rem; } } ul.page-numbers a, ul.page-numbers span { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; line-height: 1; color: #D0D0D0; } ul.page-numbers .prev, ul.page-numbers .next { background: none; color: #FF8A22; } ul.page-numbers .prev:hover, ul.page-numbers .next:hover { color: #FF6422; } ul.page-numbers .prev svg, ul.page-numbers .next svg { --size: 1rem; } ul.page-numbers a { -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } ul.page-numbers a:hover { color: #FF8A22; } ul.page-numbers .current { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#FF8A22), to(#FF6422)); background: -o-linear-gradient(left, #FF8A22, #FF6422); background: linear-gradient(to right, #FF8A22, #FF6422); pointer-events: none; } @media (min-width: 1024px) { .products-empty { padding-left: 1rem; } } .purpose { margin-bottom: 2.5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem 0.75rem; } @media (max-width: 1023px) { .purpose { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .purpose { grid-template-columns: 1fr; } } .purpose:last-child { margin-bottom: 0; } .purpose-item { background-image: url(../img/purpose-item-bg.webp); background-position: center center; background-size: cover; min-height: 9.5rem; padding: 1rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; will-change: transform; border-bottom: solid 1px rgba(255, 138, 34, 0.5); } .purpose-item-body { max-width: 9.5rem; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.75rem; } .purpose-item-title { font-size: 1.25rem; font-weight: 700; } .purpose-item-img { width: 11.625rem; position: absolute; inset: 0 0 0 auto; } .products-slider-wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 4.5rem; } @media (max-width: 1023px) { .products-slider-wrapp { gap: 1.25rem; margin-bottom: 2.5rem; } } .products-slider-wrapp:last-child { margin-bottom: 0; } .roducts-slider-title { margin-bottom: 2rem; } @media (max-width: 1023px) { .roducts-slider-title { margin-bottom: 1.25rem; } } .products-slider { width: 100%; margin: 0; overflow: visible; } .products-slider .product-item { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .products-slider .product-item:not(.swiper-slide-visible) { opacity: 0; visibility: hidden; pointer-events: none; } .form-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } .application-form-title { font-size: 0.875rem; } .home-category { margin-bottom: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .home-category-slider { min-width: 0; overflow: visible; max-width: 100%; } .home-category-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; width: 6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .home-category-slide:hover { color: #FF8A22; } .home-category-slide-img { width: 4.5rem; aspect-ratio: 1; border-radius: 0.625rem; border: solid 1px #FF8A22; overflow: hidden; will-change: transform; } .home-category-slide-title { font-size: 0.75rem; text-align: center; } .gallery-slider-wrapp { padding: 0 3.75rem; position: relative; } @media (max-width: 1023px) { .gallery-slider-wrapp { padding: 0 3.125rem; } } .gallery-slider-wrapp .slider-arrow { position: absolute; top: calc(50% - 1.25rem); } .gallery-slider-wrapp .slider-arrow-prev { left: 0; } .gallery-slider-wrapp .slider-arrow-next { right: 0; } .gallery-slide { height: 23.125rem; border-radius: 0.75rem; }