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


/* Start:/local/templates/generica-redesign/css/main.css?177191475341201*/
@font-face{display:block;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/local/templates/generica-redesign/css/../fonts/montserrat/400.woff2)}@font-face{display:block;font-family:Montserrat;font-style:normal;font-weight:500;src:url(/local/templates/generica-redesign/css/../fonts/montserrat/500.woff2)}@font-face{display:block;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/local/templates/generica-redesign/css/../fonts/montserrat/600.woff2)}@font-face{display:block;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/local/templates/generica-redesign/css/../fonts/montserrat/700.woff2)}@font-face{display:block;font-family:Montserrat;font-style:normal;font-weight:800;src:url(/local/templates/generica-redesign/css/../fonts/montserrat/800.woff2)}@font-face{display:block;font-family:Montserrat;font-style:normal;font-weight:900;src:url(/local/templates/generica-redesign/css/../fonts/montserrat/900.woff2)}body{margin:0}h1,h2,h3,h4,h5,h6,p{margin-block:0}a{outline:none;text-decoration:none}button{background:none;border:none;padding:0}ol,ul{margin-block:0;padding-left:0}li{list-style:none}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,button{font-family:Montserrat}img{display:block;width:100%}img[src=""]{background-color:#c4c4c4}input{border:none;font-feature-settings:"Montserrat";padding:0}svg{display:block}.overflow-x-hidden{overflow:hidden}.swiper-pagination-bullets{display:flex;justify-content:center}.swiper-pagination-bullet{background-color:#a1a5a7;border-radius:0;margin:0!important;opacity:1;transition-duration:.15s}.swiper-pagination-bullet:hover{background-color:#86bc25}.swiper-pagination-bullet-active{background-color:#86bc25;cursor:default!important}.swiper-pagination-horizontal{-moz-column-gap:8px;column-gap:8px}.swiper-pagination-horizontal .swiper-pagination-bullet{height:3px;width:25px}.swiper-pagination-vertical{flex-direction:column;height:100%;row-gap:8px}.swiper-pagination-vertical .swiper-pagination-bullet{height:25px;width:3px}.wrapper{background-color:#fff;min-height:100vh}.section-list,.wrapper{display:flex;flex-direction:column}.section-list{padding-block:24px 96px;row-gap:96px}@media (max-width:600px){.section-list{padding-block:24px 48px;row-gap:48px}}.section__content{display:flex;flex-direction:column;row-gap:48px}.container{margin-inline:auto;max-width:1338px;padding-inline:24px;width:100%}@media (max-width:990px){.container{padding-inline:16px}}.flex-column{flex-direction:column}.flex-grow-1{flex-grow:1}.align-items-center{align-items:center}.d-flex{display:flex}.d-block,.d-none{display:none}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}@media (min-width:600px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (min-width:990px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (min-width:1338px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}.row{display:flex;flex-wrap:wrap;margin-inline:-10px}.row>.col,.row>[class*=col-]{padding-inline:10px}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media (min-width:600px){.col-sm-1{width:8.3333333333%}.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}}@media (min-width:990px){.col-md-1{width:8.3333333333%}.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}}@media (min-width:1338px){.col-lg-1{width:8.3333333333%}.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}}.headline{margin-bottom:48px;padding-block:70px;position:relative;width:66.6666666667%;z-index:0}@media (max-width:1338px){.headline{padding-block:48px}}@media (max-width:990px){.headline{padding-block:24px;width:100%}}.headline:before{background-color:#86bc25;content:"";inset:0 0 0 calc(-50vw + 75%);position:absolute;z-index:-1}@media (max-width:1338px){.headline:before{inset:0 0 0 -24px}}.headline__title{color:#323e48;font-size:48px;font-weight:900;line-height:.9375;text-transform:uppercase}@media (max-width:1338px){.headline__title{font-size:40px}}@media (max-width:990px){.headline__title{font-size:32px;line-height:.8529411765}}@media (max-width:600px){.headline__title{font-size:24px}}.button{--button-justify-content:center;--button-min-height:40px;--button-padding-inline:24px;--button-border-color:transparent;--button-background-color:transparent;--button-font-weight:700;--button-font-size:14px;--button-line-height:1.21429;--button-text-align:center;--button-color:$color-neutral-700}@media (max-width:1338px){.button{--button-font-size:12px}}.button{align-items:center;background-color:var(--button-background-color);border:1px solid var(--button-border-color);color:var(--button-color);-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:inline-flex;font-size:var(--button-font-size);font-weight:var(--button-font-weight);justify-content:var(--button-justify-content);line-height:var(--button-line-height);min-height:var(--button-min-height);padding-inline:var(--button-padding-inline);text-align:var(--button-text-align);transition:background-color .15s,border-color .15s}@media (max-width:990px){.button{--button-padding-inline:16px}}.button:hover,.button_primary{--button-border-color:#86bc25;--button-background-color:#86bc25}.button_primary:hover{--button-background-color:#fff}.button_neutral-200{--button-border-color:#d6d6d6;--button-background-color:#d6d6d6}.button_neutral-200:hover{--button-background-color:#fff}.button_dark{--button-border-color:#323e48;--button-background-color:#323e48;--button-color:#fff}.button_dark:hover{--button-border-color:#323e48;--button-background-color:#fff;--button-color:#323e48}.button_lg{--button-min-height:48px;--button-font-size:16px;--button-line-height:1.125}.button_catalog-nav{--button-font-weight:600;--button-font-size:16px}.button_catalog-nav .button__icon{transition:transform .15s}.button__icon{height:20px;width:20px}.button__icon_fill{fill:#323e48}.button__text{transition:color .15s}.button__logotype-image{height:18px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:90px}.logotype{display:block;height:48px;width:267px}@media (max-width:1338px){.logotype{height:32px;width:180px}}@media (max-width:990px){.logotype{height:24px;width:136px}}@media (max-width:600px){.logotype{height:20px;width:110px}}.heading-1{color:#323e48;font-size:64px;font-weight:900;text-transform:uppercase}@media (max-width:1338px){.heading-1{font-size:38px}}.heading-2{color:#323e48;font-size:52px;font-weight:900;line-height:1;text-transform:uppercase}@media (max-width:1338px){.heading-2{font-size:38px}}.heading-3{color:#323e48;font-size:44px;font-weight:900;line-height:1;text-transform:uppercase}@media (max-width:1338px){.heading-3{font-size:38px}}@media (max-width:990px){.heading-3{font-size:24px}}.heading-4{color:#323e48;font-size:36px;font-weight:800;line-height:1.3888888889;text-transform:uppercase}@media (max-width:1338px){.heading-4{font-size:25px;line-height:2}}.heading-5{color:#323e48;font-size:30px;font-weight:700;line-height:1;text-transform:uppercase}@media (max-width:990px){.heading-5{font-size:20px}}.heading-5:has(.heading-5__icon){padding-left:30px;position:relative;z-index:0}.heading-5__icon{height:30px;inset:0 auto 0 0;position:absolute;width:30px;z-index:0}.paragraph{color:#323e48;font-size:20px;font-weight:500;line-height:1.4}@media (max-width:1338px){.paragraph{font-size:16px}}@media (max-width:990px){.paragraph{font-size:14px}}.paragraph_enlarged{font-size:23px;font-weight:800;line-height:1;text-transform:uppercase}@media (max-width:1338px){.paragraph_enlarged{font-size:18px}}@media (max-width:600px){.paragraph_enlarged{font-size:16px}}.list__item{color:#323e48;font-size:20px;font-weight:500;line-height:1.4;padding-left:24px;position:relative;z-index:0}@media (max-width:1338px){.list__item{font-size:16px}}@media (max-width:990px){.list__item{font-size:14px}}.list__item:before{content:"";height:24px;left:0;position:absolute;top:2px;width:24px;z-index:0}.list__item:not(:last-child){margin-bottom:24px}.list__item_enlarged{font-size:23px;font-weight:800;line-height:1;text-transform:uppercase}@media (max-width:1338px){.list__item_enlarged{font-size:18px}}@media (max-width:600px){.list__item_enlarged{font-size:16px}}.list__item_enlarged:before{background-size:32px!important}.list__item-hint{color:#a1a5a7;font-weight:400;text-transform:none}.list li:before{background-image:url(/local/templates/generica-redesign/css/../images/list/chevron-right-primary.svg);background-position:50%;background-repeat:no-repeat;background-size:20px}.iframe-ymap{aspect-ratio:3/2;border:none;width:100%}.scroll-to-top{--scroll-to-top-icon-color:#d6d6d6;cursor:pointer;inset:auto 24px 24px auto;opacity:0;position:fixed;transition:visibility .15s,opacity .15s;visibility:hidden;z-index:11}@media (max-width:600px){.scroll-to-top{inset:auto 16px 16px auto}}.scroll-to-top:hover{--scroll-to-top-icon-color:#86bc25}.scroll-to-top_visible{opacity:1;visibility:visible}.scroll-to-top__icon{height:64px;width:64px;fill:var(--scroll-to-top-icon-color);transition:fill .15s}.header{background-color:#fff;padding-block:24px;z-index:2}@media (max-width:990px){.header{border-bottom:1px solid #d6d6d6;padding-block:16px}}.header_sticky{inset:0 0 auto 0;position:fixed;transform:translateY(-100%);transition:transform .15s}.header_sticky-visible{transform:translateY(0)}.header__nav{-moz-column-gap:8px;column-gap:8px;display:flex}@media (max-width:1338px){.header__nav{-moz-column-gap:0;column-gap:0}}.header__nav-item:has(>ul){position:relative}.header__nav ul{background-color:#fff;box-shadow:0 0 4px 0 #d6d6d6;display:none;left:0;position:absolute;top:100%;width:-moz-max-content;width:max-content}.header__nav li a{justify-content:flex-start;text-align:left;width:100%}.header__nav li:hover>ul{display:block}.header__info{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;width:-moz-fit-content;width:fit-content}.header__info:hover .header__info-text{color:#86bc25}.header__info-icon{height:20px;width:20px}@media (max-width:1338px){.header__info-icon{height:16px;width:16px}}.header__info-text{color:#323e48;font-size:13px;font-weight:700;line-height:1;transition:color .15s}@media (max-width:1338px){.header__info-text{font-size:10px}}.header .button{--button-padding-inline:16px;--button-font-weight:600}@media (max-width:1338px){.header .button{--button-padding-inline:8px}}.menu-trigger{display:block}.menu-trigger,.menu-trigger__icon{height:26px;width:26px}.menu{background-color:#fff;box-shadow:0 0 4px 0 #d6d6d6;inset:0 auto 0 0;max-width:360px;padding-top:42px;position:fixed;transform:translateX(-100%);transition:transform .15s;width:100%;z-index:12}.menu_visible{transform:translateX(0)}.menu__close{display:block;inset:16px auto auto 16px;position:absolute}.menu__close,.menu__close-icon{height:26px;width:26px}.menu ul ul{display:none}.search-button{display:block}.search-button,.search-button__icon{height:20px;width:20px}.drop_lang{position:relative;z-index:0}.drop_lang:has(.drop__content_visible) .button__icon{transform:scaleY(-1)}.drop_lang .button__icon{transition:transform .15s}.drop_lang .drop__trigger{cursor:pointer}.drop_lang .drop__content{box-shadow:0 0 4px 0 #d6d6d6;inset:100% 0 auto 0;padding:4px 8px;position:absolute;z-index:0}.drop__content:not(.drop__content_visible){display:none}.breadcrumbs{--breadcrumbs-text-color:#a1a5a7;display:flex;overflow-x:hidden;position:relative;z-index:0}.breadcrumbs:before{background-image:linear-gradient(270deg,#fff,transparent);content:"";inset:0 0 0 auto;position:absolute;width:48px;z-index:1}.breadcrumbs__item:not(:last-child){margin-right:8px;padding-right:16px;position:relative;z-index:0}.breadcrumbs__item:not(:last-child):before{background-image:url(/local/templates/generica-redesign/css/../images/breadcrumbs/arrow-right.svg);background-position:50%;background-repeat:no-repeat;background-size:8px;content:"";inset:0 0 0 auto;position:absolute;width:8px;z-index:0}.breadcrumbs__text{color:var(--breadcrumbs-text-color);font-size:12px;font-weight:500;line-height:1.5;transition:color .15s;white-space:nowrap}.breadcrumbs__text[href]:hover{--breadcrumbs-text-color:#86bc25}.breadcrumbs__text_dots{background-color:#d6d6d6;padding-inline:8px}.catalog-nav{position:relative;z-index:0}.catalog-nav__content{background-color:#fff;border:1px solid #d6d6d6;border-top:0 solid #d6d6d6;height:100vh;height:680px;inset:100% 0 auto 0;max-height:680px;overflow:hidden auto;padding-block:16px;position:absolute;width:-moz-fit-content;width:fit-content;z-index:0}.catalog-nav__content::-webkit-scrollbar{width:4px}.catalog-nav__content::-webkit-scrollbar-track{background:#d6d6d6}.catalog-nav__content::-webkit-scrollbar-thumb{background:#a1a5a7}.catalog-nav__content-scroll{display:flex;flex-direction:column;row-gap:16px;width:-moz-fit-content;width:fit-content}@media (max-width:1338px){.catalog-nav__content-scroll{row-gap:8px}}.catalog-nav__content .button{--button-padding-inline:16px}.catalog-nav .button{--button-justify-content:start;--button-text-align:left;width:100%}.publication-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:72px}@media (max-width:1338px){.publication-list{grid-gap:20px}}@media (max-width:990px){.publication-list{grid-template-columns:repeat(2,1fr)}}.publication-list__tabs{display:none;grid-column:1/3}@media (max-width:990px){.publication-list__tabs{display:block}}.publication-list__item{display:flex;flex-direction:column;row-gap:24px}@media (max-width:990px){.publication-list__item{display:none;row-gap:16px}.publication-list__item_active{display:flex;grid-column:1/3}}.publication-list__item:not(:has(.publication-list__title)){padding-top:81px}.publication-list__title{color:#323e48;font-size:50px;font-weight:800;line-height:1.14;text-transform:uppercase}@media (max-width:1338px){.publication-list__title{font-size:35px;line-height:1.6285714286}}@media (max-width:990px){.publication-list__title{font-size:19px;line-height:1.5263157895}}.publication-list__title-link{color:#323e48;text-decoration:none;transition:color .15s}.publication-list__title-link:hover{color:#86bc25}.publication-list__button{text-align:left}@media (max-width:990px){.publication-list__button:not(.publication-list__button_active) .publication-list__title{color:#a1a5a7}}.publication{display:flex;flex-direction:column}.publication_extra{height:100%}.publication__item{display:flex;flex-direction:column;padding-bottom:16px;row-gap:16px}.publication__item:not(:last-child){border-bottom:1px solid #a1a5a7}.publication__item:hover .publication__media-image{transform:scale(1.1)}.publication__item:hover .publication__title{color:#86bc25}.publication__item_extra,.publication__item_extra .publication__media{flex-grow:1}.publication__media{aspect-ratio:1.4/1;overflow:hidden}.publication__media-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .15s}.publication__content{display:flex;flex-direction:column;padding-top:16px;row-gap:16px}@media (max-width:1338px){.publication__content{row-gap:8px}}.publication__title{color:#323e48;font-size:16px;font-weight:500;line-height:1.0625;transition:color .15s}@media (max-width:1338px){.publication__title{font-size:12px;line-height:1}}.publication__meta-text{color:#a1a5a7;font-size:16px;font-weight:400;line-height:1.4375}@media (max-width:1338px){.publication__meta-text{font-size:12px;line-height:1.3333333333}}.post-list__item{border-bottom:1px solid #d6d6d6;padding-bottom:48px}@media (max-width:1338px){.post-list__item{padding-bottom:40px}}@media (max-width:990px){.post-list__item{padding-bottom:24px}}@media (max-width:600px){.post-list__item{padding-bottom:16px}}.post-list__item:not(:last-child){margin-bottom:48px}@media (max-width:1338px){.post-list__item:not(:last-child){margin-bottom:40px}}@media (max-width:990px){.post-list__item:not(:last-child){margin-bottom:24px}}@media (max-width:600px){.post-list__item:not(:last-child){margin-bottom:16px}}.post-item{display:block}.post-item:hover .post-item__media-image{transform:scale(1.1)}.post-item:hover .post-item__title{color:#86bc25}.post-item__media{aspect-ratio:1.5/1;overflow:hidden}.post-item__media-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .15s}.post-item__content{display:flex;flex-direction:column;row-gap:16px}.post-item__title{color:#323e48;font-size:30px;font-weight:700;line-height:1.0666666667;transition:color .15s}@media (max-width:1338px){.post-item__title{font-size:25px;font-size:18px;line-height:.84;line-height:1.1666666667}}.post-item__meta-text{color:#d6d6d6;font-size:24px;font-weight:400;line-height:1.3333333333}@media (max-width:1338px){.post-item__meta-text{font-size:16px;line-height:2}}.post-item__extra-text{color:#606567;font-size:20px;font-weight:400;line-height:1.3}@media (max-width:1338px){.post-item__extra-text{font-size:17px}}@media (max-width:990px){.post-item__extra-text{font-size:14px;line-height:1.2142857143}}.card{border:1px solid #d6d6d6;display:flex;flex-direction:column;width:100%}.card:hover .card__media-image{transform:scale(1.1)}.card:hover .card__title{color:#86bc25}.card__media{aspect-ratio:3/2;overflow:hidden}.card__media-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .15s}.card__content{display:flex;flex-direction:column;flex-grow:1;padding:16px;row-gap:8px}.card__title{color:#323e48;font-size:18px;font-weight:700;line-height:1.3333333333;transition:color .15s}@media (max-width:1338px){.card__title{font-size:14px;line-height:1.2142857143}}.card__meta-text{color:#323e48;font-size:14px;font-weight:500;line-height:1.4285714286}@media (max-width:1338px){.card__meta-text{font-size:12px;line-height:1.25}}.card__extra-text{color:#323e48;font-size:14px;font-weight:400;line-height:1.4285714286;margin-top:auto}@media (max-width:1338px){.card__extra-text{font-size:10px;line-height:1.7}}.tile-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}@media (max-width:1338px){.tile-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:990px){.tile-list{grid-template-columns:1fr}}.tile{--tile-border-color:#d6d6d6;--tile-background-color:#fff;--tile-title-width:66.66667%;--tile-title-margin-block:auto;--tile-title-font-weight:700;--tile-title-font-size:16px;--tile-title-line-height:1.5;--tile-media-width:41.66667%;--tile-media-image-object-position:center;aspect-ratio:2/1;background-color:var(--tile-background-color);border:1px solid var(--tile-border-color);display:flex;flex-direction:column;padding:24px 16px;position:relative;z-index:0}.tile_1x1{aspect-ratio:1}.tile_type-1{--tile-title-width:calc(100% - 68px);--tile-title-margin-block:0;--tile-border-color:#323e48;--tile-title-font-weight:500;--tile-title-font-size:20px;--tile-title-line-height:1.4;--tile-media-width:50%;--tile-media-image-object-position:bottom right;background-image:url(/local/templates/generica-redesign/css/../images/tile/chevron-right-dark.svg);background-position:top 24px right 16px;background-repeat:no-repeat;background-size:20px;transition:background-color .15s,border-color .15s}.tile_type-1:hover{--tile-background-color:#86bc25;--tile-border-color:#86bc25}.tile__media{inset:0 0 0 auto;position:absolute;width:var(--tile-media-width);z-index:-1}.tile__media-image{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:var(--tile-media-image-object-position);object-position:var(--tile-media-image-object-position)}.tile__title{color:#323e48;font-size:var(--tile-title-font-size);font-weight:var(--tile-title-font-weight);line-height:var(--tile-title-line-height);margin-block:var(--tile-title-margin-block);width:var(--tile-title-width)}@media (max-width:990px){.tile__title{--tile-title-font-size:12px}}.tile__text{color:#323e48;font-size:18px;font-weight:500;line-height:1.1666666667;margin-block:auto}@media (max-width:990px){.tile__text{font-size:16px}}.product-title{color:#323e48;font-size:32px;font-weight:700;line-height:1.25}.media-viewer{--media-viewer-wrapper-button-opacity:0;--media-viewer-wrapper-button-icon-color:#323e48;-moz-column-gap:24px;column-gap:24px;display:flex}.media-viewer__main{aspect-ratio:1;border:1px solid #a1a5a7;padding:48px;width:calc(100% - 88px)}.media-viewer__image{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.media-viewer__side{display:flex;flex-direction:column;row-gap:16px;width:64px}.media-viewer__item-wrapper{aspect-ratio:1;border:1px solid #a1a5a7;padding:8px;position:relative;z-index:0}.media-viewer__item-wrapper:hover{--media-viewer-wrapper-button-opacity:1}.media-viewer__item-title{color:#323e48;font-size:14px;font-weight:400;line-height:1.4285714286}.media-viewer__button{cursor:pointer;height:36px;left:50%;opacity:var(--media-viewer-wrapper-button-opacity);position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .15s,fill .15s;width:36px}.media-viewer__button:hover{--media-viewer-wrapper-button-icon-color:#86bc25}.media-viewer__button-icon{height:100%;width:100%;fill:var(--media-viewer-wrapper-button-icon-color)}.promo-slider{margin-bottom:15px;overflow-x:hidden;padding-bottom:18px;position:relative}@media (max-width:990px){.promo-slider{margin-bottom:16px;padding-bottom:0}}.promo-slider__media{aspect-ratio:973/444;display:block}.promo-slider__media-image{-o-object-position:center;object-position:center}.promo-slider__media-image,.promo-slider__media-video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.promo-slider__media-video{display:block;-o-object-position:top center;object-position:top center;pointer-events:none}.promo-slider .slick-dots{bottom:0;-moz-column-gap:8px;column-gap:8px;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.promo-slider .slick-dots li{height:3px;width:25px}.promo-slider .slick-dots li.slick-active button{background-color:#86bc25}.promo-slider .slick-dots li button{background-color:#a1a5a7;display:block;font-size:0;height:100%;width:100%}.promo-slider .slick-arrow{background-color:hsla(0,0%,100%,.3);background-position:50%;background-repeat:no-repeat;background-size:28px;color:transparent;cursor:pointer;font-size:0;opacity:0;position:absolute;transition:.15s;width:35px;z-index:1}.promo-slider .slick-arrow.slick-prev{background-image:url(/local/templates/generica-redesign/css/../images/svg/chevron-left-white.svg);inset:0 auto 0 0}.promo-slider .slick-arrow.slick-next{background-image:url(/local/templates/generica-redesign/css/../images/svg/chevron-right-white.svg);inset:0 0 0 auto}.promo-slider:hover .slick-arrow{opacity:1}.promo-thumbs-slider .slick-list{margin-inline:-8px}.promo-thumbs-slider .slick-slide{margin-inline:8px}.tile-slider{position:relative;z-index:0}.tile-slider .swiper-slide{display:flex;flex-direction:column;padding-inline:8px;row-gap:16px}@media (max-width:990px){.tile-slider .swiper-slide{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.tile-slider .swiper-slide:has(.tile_1x1){margin-right:8px;padding-inline:0}.tile-slider .tile-slider__button-next,.tile-slider .tile-slider__button-prev{bottom:0;left:28.5714285714%;position:absolute;z-index:1}@media (max-width:990px){.tile-slider .tile-slider__button-next,.tile-slider .tile-slider__button-prev{display:none}}.tile-slider .tile-slider__button-prev{transform:translateX(-200%)}.tile-slider .tile-slider__button-next{transform:translateX(-100%)}.vertical-slider{height:450px;margin-inline:-20px;overflow:hidden;padding-inline:20px;position:relative;z-index:0}@media (max-width:1338px){.vertical-slider{height:345px}}@media (max-width:990px){.vertical-slider{height:auto;padding-bottom:40px}}.vertical-slider .swiper-slide{-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:990px){.vertical-slider .swiper-pagination{display:none}}.vertical-slider .swiper-pagination-bullets{right:0}.object-page__slider{position:relative}.object-page__slider .slick-arrow{background-color:hsla(0,0%,100%,.3);background-position:50%;background-repeat:no-repeat;background-size:28px;color:transparent;cursor:pointer;font-size:0;opacity:0;position:absolute;transition:.15s;width:35px;z-index:1}.object-page__slider .slick-arrow.slick-prev{background-image:url(/local/templates/generica-redesign/css/../images/svg/chevron-left-white.svg);inset:0 auto 0 0}.object-page__slider .slick-arrow.slick-next{background-image:url(/local/templates/generica-redesign/css/../images/svg/chevron-right-white.svg);inset:0 0 0 auto}.object-page__slider:hover .slick-arrow{opacity:1}.object-page__slider .object-page__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.form{border:1px solid #a1a5a7;display:flex;flex-direction:column;padding:48px;row-gap:16px}@media (max-width:990px){.form__item{margin-inline:auto;max-width:480px;width:100%}}.form .button{width:100%;--button-font-weight:500}.form-search{position:relative;z-index:0}.form-search .input-text{--input-text-padding-inline:14px 40px}@media (max-width:1338px){.form-search .input-text{--input-text-padding-inline:14px 30px}}.form-search__button{cursor:pointer;height:40px;inset:0 0 0 auto;position:absolute;width:40px;z-index:0}@media (max-width:1338px){.form-search__button{height:30px;width:30px}}.form-search__button-icon{height:20px;margin:10px;width:20px}@media (max-width:1338px){.form-search__button-icon{margin:5px}}.checkbox{--checkbox-border-color:#323e48;--checkbox-text-color:#323e48;cursor:pointer;display:block;padding-left:24px;position:relative;width:-moz-fit-content;width:fit-content;z-index:0}.checkbox:hover{--checkbox-border-color:#86bc25;--checkbox-text-color:#86bc25}.checkbox:before{border:1px solid var(--checkbox-border-color);content:"";height:16px;left:0;position:absolute;top:1px;transition:border-color .15s;width:16px}.checkbox:after{background-color:#86bc25;content:"";height:8px;left:4px;opacity:0;position:absolute;top:5px;transition:opacity .15s;width:8px}.checkbox:has(.checkbox__input:checked):after{opacity:1}.checkbox__input{display:none}.checkbox__text{color:var(--checkbox-text-color);font-size:16px;font-weight:400;line-height:1.125;transition:.15s}.input-text{--input-text-min-height:40px;--input-text-padding-inline:14px;--input-text-font-size:14px;--input-text-line-height:1.42857}@media (max-width:1338px){.input-text{--input-text-min-height:30px}}.input-text{border:1px solid #a1a5a7;color:#323e48;display:block;font-size:var(--input-text-font-size);font-weight:400;line-height:var(--input-text-line-height);min-height:var(--input-text-min-height);padding-inline:var(--input-text-padding-inline);width:100%}.input-text::-moz-placeholder{color:#a1a5a7}.input-text::placeholder{color:#a1a5a7}.input-text_lg{--input-text-min-height:48px;--input-text-font-size:16px;--input-text-line-height:1.4375}@media (max-width:1338px){.input-text_lg{--input-text-min-height:40px}}.pagination{--pagination-button-size:32px;--pagination-button-border-color:#86bc25;--pagination-button-background:none;align-items:center;-moz-column-gap:0;column-gap:0;display:flex}.pagination__arrow{--pagination-button-size:24px;--pagination-button-border-color:#323e48}.pagination__item:not(.pagination__item_active){--pagination-button-border-color:transparent}.pagination__item_active{--pagination-button-background:#86bc25}.pagination__button{align-items:center;background-color:var(--pagination-button-background);border:1px solid var(--pagination-button-border-color);color:#323e48;display:flex;font-size:14px;font-weight:700;height:var(--pagination-button-size);justify-content:center;line-height:1.2142857143;text-align:center;transition:color .15s,background .15s;width:var(--pagination-button-size)}.pagination__button:hover{color:#86bc25;--pagination-button-background:transparent}.pagination__button-icon{height:20px;width:20px}.listing-display{align-items:center;display:flex}.listing-display__title{color:#323e48;font-size:14px;font-weight:700;line-height:1.2142857143}.listing-display__drop{position:relative;z-index:0}.listing-display__drop:has(.drop__content_visible) .listing-display__drop-button{border-bottom-color:transparent}.listing-display__drop:has(.drop__content_visible) .listing-display__drop-button-icon{transform:scaleY(-1)}.listing-display__drop-button{align-items:center;background-color:#fff;border:1px solid #d6d6d6;-moz-column-gap:4px;column-gap:4px;cursor:pointer;display:flex;height:32px;padding:5px 7px;width:-moz-fit-content;width:fit-content}.listing-display__drop-button-text{color:#323e48;font-size:14px;font-weight:700;line-height:1.2142857143}.listing-display__drop-button-icon{height:20px;transition:transform .15s;width:20px}.listing-display__drop-content{border:1px solid #d6d6d6;display:flex;flex-direction:column;inset:calc(100% - 1px) 0 auto 0;position:absolute;z-index:-1}.listing-display__button{cursor:pointer;display:block;height:24px;width:24px}.listing-display__button_active .listing-display__button-icon{fill:#323e48}.listing-display__button-icon{height:24px;width:24px;fill:#d6d6d6}.tags{display:flex;flex-wrap:wrap;gap:16px}.tags .button{flex-grow:1}.footer{background-color:#323e48;padding-block:80px}@media (max-width:1338px){.footer{padding-block:40px}}.footer__info{display:block;width:-moz-fit-content;width:fit-content}.footer__info:has(.footer__info-icon){display:grid;grid-template-columns:18px 1fr;grid-column-gap:4px}.footer__info-icon{height:18px;margin-block:1px;width:18px;stroke:#fff}.footer__info-text{color:#fff;font-size:16px;font-weight:400;line-height:1.25}@media (max-width:1338px){.footer__info-text{font-size:14px;line-height:1.2857142857}}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:16px}.m-4{margin:24px}.m-5{margin:48px}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:48px}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:48px}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:48px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:48px}.mr-auto{margin-right:auto}.mx-0{margin-inline:0}.mx-1{margin-inline:4px}.mx-2{margin-inline:8px}.mx-3{margin-inline:16px}.mx-4{margin-inline:24px}.mx-5{margin-inline:48px}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-1{margin-block:4px}.my-2{margin-block:8px}.my-3{margin-block:16px}.my-4{margin-block:24px}.my-5{margin-block:48px}.my-auto{margin-block:auto}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:48px}.p-auto{padding:auto}.pt-0{padding-top:0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:16px}.pt-4{padding-top:24px}.pt-5{padding-top:48px}.pt-auto{padding-top:auto}.pb-0{padding-bottom:0}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:16px}.pb-4{padding-bottom:24px}.pb-5{padding-bottom:48px}.pb-auto{padding-bottom:auto}.pl-0{padding-left:0}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:16px}.pl-4{padding-left:24px}.pl-5{padding-left:48px}.pl-auto{padding-left:auto}.pr-0{padding-right:0}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:16px}.pr-4{padding-right:24px}.pr-5{padding-right:48px}.pr-auto{padding-right:auto}.px-0{padding-inline:0}.px-1{padding-inline:4px}.px-2{padding-inline:8px}.px-3{padding-inline:16px}.px-4{padding-inline:24px}.px-5{padding-inline:48px}.px-auto{padding-inline:auto}.py-0{padding-block:0}.py-1{padding-block:4px}.py-2{padding-block:8px}.py-3{padding-block:16px}.py-4{padding-block:24px}.py-5{padding-block:48px}.py-auto{padding-block:auto}@media (min-width:600px){.m-sm-0{margin:0}.m-sm-1{margin:4px}.m-sm-2{margin:8px}.m-sm-3{margin:16px}.m-sm-4{margin:24px}.m-sm-5{margin:48px}.m-sm-auto{margin:auto}.mt-sm-0{margin-top:0}.mt-sm-1{margin-top:4px}.mt-sm-2{margin-top:8px}.mt-sm-3{margin-top:16px}.mt-sm-4{margin-top:24px}.mt-sm-5{margin-top:48px}.mt-sm-auto{margin-top:auto}.mb-sm-0{margin-bottom:0}.mb-sm-1{margin-bottom:4px}.mb-sm-2{margin-bottom:8px}.mb-sm-3{margin-bottom:16px}.mb-sm-4{margin-bottom:24px}.mb-sm-5{margin-bottom:48px}.mb-sm-auto{margin-bottom:auto}.ml-sm-0{margin-left:0}.ml-sm-1{margin-left:4px}.ml-sm-2{margin-left:8px}.ml-sm-3{margin-left:16px}.ml-sm-4{margin-left:24px}.ml-sm-5{margin-left:48px}.ml-sm-auto{margin-left:auto}.mr-sm-0{margin-right:0}.mr-sm-1{margin-right:4px}.mr-sm-2{margin-right:8px}.mr-sm-3{margin-right:16px}.mr-sm-4{margin-right:24px}.mr-sm-5{margin-right:48px}.mr-sm-auto{margin-right:auto}.mx-sm-0{margin-inline:0}.mx-sm-1{margin-inline:4px}.mx-sm-2{margin-inline:8px}.mx-sm-3{margin-inline:16px}.mx-sm-4{margin-inline:24px}.mx-sm-5{margin-inline:48px}.mx-sm-auto{margin-inline:auto}.my-sm-0{margin-block:0}.my-sm-1{margin-block:4px}.my-sm-2{margin-block:8px}.my-sm-3{margin-block:16px}.my-sm-4{margin-block:24px}.my-sm-5{margin-block:48px}.my-sm-auto{margin-block:auto}.p-sm-0{padding:0}.p-sm-1{padding:4px}.p-sm-2{padding:8px}.p-sm-3{padding:16px}.p-sm-4{padding:24px}.p-sm-5{padding:48px}.p-sm-auto{padding:auto}.pt-sm-0{padding-top:0}.pt-sm-1{padding-top:4px}.pt-sm-2{padding-top:8px}.pt-sm-3{padding-top:16px}.pt-sm-4{padding-top:24px}.pt-sm-5{padding-top:48px}.pt-sm-auto{padding-top:auto}.pb-sm-0{padding-bottom:0}.pb-sm-1{padding-bottom:4px}.pb-sm-2{padding-bottom:8px}.pb-sm-3{padding-bottom:16px}.pb-sm-4{padding-bottom:24px}.pb-sm-5{padding-bottom:48px}.pb-sm-auto{padding-bottom:auto}.pl-sm-0{padding-left:0}.pl-sm-1{padding-left:4px}.pl-sm-2{padding-left:8px}.pl-sm-3{padding-left:16px}.pl-sm-4{padding-left:24px}.pl-sm-5{padding-left:48px}.pl-sm-auto{padding-left:auto}.pr-sm-0{padding-right:0}.pr-sm-1{padding-right:4px}.pr-sm-2{padding-right:8px}.pr-sm-3{padding-right:16px}.pr-sm-4{padding-right:24px}.pr-sm-5{padding-right:48px}.pr-sm-auto{padding-right:auto}.px-sm-0{padding-inline:0}.px-sm-1{padding-inline:4px}.px-sm-2{padding-inline:8px}.px-sm-3{padding-inline:16px}.px-sm-4{padding-inline:24px}.px-sm-5{padding-inline:48px}.px-sm-auto{padding-inline:auto}.py-sm-0{padding-block:0}.py-sm-1{padding-block:4px}.py-sm-2{padding-block:8px}.py-sm-3{padding-block:16px}.py-sm-4{padding-block:24px}.py-sm-5{padding-block:48px}.py-sm-auto{padding-block:auto}}@media (min-width:990px){.m-md-0{margin:0}.m-md-1{margin:4px}.m-md-2{margin:8px}.m-md-3{margin:16px}.m-md-4{margin:24px}.m-md-5{margin:48px}.m-md-auto{margin:auto}.mt-md-0{margin-top:0}.mt-md-1{margin-top:4px}.mt-md-2{margin-top:8px}.mt-md-3{margin-top:16px}.mt-md-4{margin-top:24px}.mt-md-5{margin-top:48px}.mt-md-auto{margin-top:auto}.mb-md-0{margin-bottom:0}.mb-md-1{margin-bottom:4px}.mb-md-2{margin-bottom:8px}.mb-md-3{margin-bottom:16px}.mb-md-4{margin-bottom:24px}.mb-md-5{margin-bottom:48px}.mb-md-auto{margin-bottom:auto}.ml-md-0{margin-left:0}.ml-md-1{margin-left:4px}.ml-md-2{margin-left:8px}.ml-md-3{margin-left:16px}.ml-md-4{margin-left:24px}.ml-md-5{margin-left:48px}.ml-md-auto{margin-left:auto}.mr-md-0{margin-right:0}.mr-md-1{margin-right:4px}.mr-md-2{margin-right:8px}.mr-md-3{margin-right:16px}.mr-md-4{margin-right:24px}.mr-md-5{margin-right:48px}.mr-md-auto{margin-right:auto}.mx-md-0{margin-inline:0}.mx-md-1{margin-inline:4px}.mx-md-2{margin-inline:8px}.mx-md-3{margin-inline:16px}.mx-md-4{margin-inline:24px}.mx-md-5{margin-inline:48px}.mx-md-auto{margin-inline:auto}.my-md-0{margin-block:0}.my-md-1{margin-block:4px}.my-md-2{margin-block:8px}.my-md-3{margin-block:16px}.my-md-4{margin-block:24px}.my-md-5{margin-block:48px}.my-md-auto{margin-block:auto}.p-md-0{padding:0}.p-md-1{padding:4px}.p-md-2{padding:8px}.p-md-3{padding:16px}.p-md-4{padding:24px}.p-md-5{padding:48px}.p-md-auto{padding:auto}.pt-md-0{padding-top:0}.pt-md-1{padding-top:4px}.pt-md-2{padding-top:8px}.pt-md-3{padding-top:16px}.pt-md-4{padding-top:24px}.pt-md-5{padding-top:48px}.pt-md-auto{padding-top:auto}.pb-md-0{padding-bottom:0}.pb-md-1{padding-bottom:4px}.pb-md-2{padding-bottom:8px}.pb-md-3{padding-bottom:16px}.pb-md-4{padding-bottom:24px}.pb-md-5{padding-bottom:48px}.pb-md-auto{padding-bottom:auto}.pl-md-0{padding-left:0}.pl-md-1{padding-left:4px}.pl-md-2{padding-left:8px}.pl-md-3{padding-left:16px}.pl-md-4{padding-left:24px}.pl-md-5{padding-left:48px}.pl-md-auto{padding-left:auto}.pr-md-0{padding-right:0}.pr-md-1{padding-right:4px}.pr-md-2{padding-right:8px}.pr-md-3{padding-right:16px}.pr-md-4{padding-right:24px}.pr-md-5{padding-right:48px}.pr-md-auto{padding-right:auto}.px-md-0{padding-inline:0}.px-md-1{padding-inline:4px}.px-md-2{padding-inline:8px}.px-md-3{padding-inline:16px}.px-md-4{padding-inline:24px}.px-md-5{padding-inline:48px}.px-md-auto{padding-inline:auto}.py-md-0{padding-block:0}.py-md-1{padding-block:4px}.py-md-2{padding-block:8px}.py-md-3{padding-block:16px}.py-md-4{padding-block:24px}.py-md-5{padding-block:48px}.py-md-auto{padding-block:auto}}@media (min-width:1338px){.m-lg-0{margin:0}.m-lg-1{margin:4px}.m-lg-2{margin:8px}.m-lg-3{margin:16px}.m-lg-4{margin:24px}.m-lg-5{margin:48px}.m-lg-auto{margin:auto}.mt-lg-0{margin-top:0}.mt-lg-1{margin-top:4px}.mt-lg-2{margin-top:8px}.mt-lg-3{margin-top:16px}.mt-lg-4{margin-top:24px}.mt-lg-5{margin-top:48px}.mt-lg-auto{margin-top:auto}.mb-lg-0{margin-bottom:0}.mb-lg-1{margin-bottom:4px}.mb-lg-2{margin-bottom:8px}.mb-lg-3{margin-bottom:16px}.mb-lg-4{margin-bottom:24px}.mb-lg-5{margin-bottom:48px}.mb-lg-auto{margin-bottom:auto}.ml-lg-0{margin-left:0}.ml-lg-1{margin-left:4px}.ml-lg-2{margin-left:8px}.ml-lg-3{margin-left:16px}.ml-lg-4{margin-left:24px}.ml-lg-5{margin-left:48px}.ml-lg-auto{margin-left:auto}.mr-lg-0{margin-right:0}.mr-lg-1{margin-right:4px}.mr-lg-2{margin-right:8px}.mr-lg-3{margin-right:16px}.mr-lg-4{margin-right:24px}.mr-lg-5{margin-right:48px}.mr-lg-auto{margin-right:auto}.mx-lg-0{margin-inline:0}.mx-lg-1{margin-inline:4px}.mx-lg-2{margin-inline:8px}.mx-lg-3{margin-inline:16px}.mx-lg-4{margin-inline:24px}.mx-lg-5{margin-inline:48px}.mx-lg-auto{margin-inline:auto}.my-lg-0{margin-block:0}.my-lg-1{margin-block:4px}.my-lg-2{margin-block:8px}.my-lg-3{margin-block:16px}.my-lg-4{margin-block:24px}.my-lg-5{margin-block:48px}.my-lg-auto{margin-block:auto}.p-lg-0{padding:0}.p-lg-1{padding:4px}.p-lg-2{padding:8px}.p-lg-3{padding:16px}.p-lg-4{padding:24px}.p-lg-5{padding:48px}.p-lg-auto{padding:auto}.pt-lg-0{padding-top:0}.pt-lg-1{padding-top:4px}.pt-lg-2{padding-top:8px}.pt-lg-3{padding-top:16px}.pt-lg-4{padding-top:24px}.pt-lg-5{padding-top:48px}.pt-lg-auto{padding-top:auto}.pb-lg-0{padding-bottom:0}.pb-lg-1{padding-bottom:4px}.pb-lg-2{padding-bottom:8px}.pb-lg-3{padding-bottom:16px}.pb-lg-4{padding-bottom:24px}.pb-lg-5{padding-bottom:48px}.pb-lg-auto{padding-bottom:auto}.pl-lg-0{padding-left:0}.pl-lg-1{padding-left:4px}.pl-lg-2{padding-left:8px}.pl-lg-3{padding-left:16px}.pl-lg-4{padding-left:24px}.pl-lg-5{padding-left:48px}.pl-lg-auto{padding-left:auto}.pr-lg-0{padding-right:0}.pr-lg-1{padding-right:4px}.pr-lg-2{padding-right:8px}.pr-lg-3{padding-right:16px}.pr-lg-4{padding-right:24px}.pr-lg-5{padding-right:48px}.pr-lg-auto{padding-right:auto}.px-lg-0{padding-inline:0}.px-lg-1{padding-inline:4px}.px-lg-2{padding-inline:8px}.px-lg-3{padding-inline:16px}.px-lg-4{padding-inline:24px}.px-lg-5{padding-inline:48px}.px-lg-auto{padding-inline:auto}.py-lg-0{padding-block:0}.py-lg-1{padding-block:4px}.py-lg-2{padding-block:8px}.py-lg-3{padding-block:16px}.py-lg-4{padding-block:24px}.py-lg-5{padding-block:48px}.py-lg-auto{padding-block:auto}}.border{border:1px solid #323e48}.border-top{border-top:1px solid #323e48}.border-bottom{border-bottom:1px solid #323e48}.border-left{border-left:1px solid #323e48}.border-right{border-right:1px solid #323e48}.border-inline{border-inline:1px solid #323e48}.border-block{border-block:1px solid #323e48}.order-0{order:0}@media (min-width:600px){.order-sm-0{order:0}}@media (min-width:990px){.order-md-0{order:0}}@media (min-width:1338px){.order-lg-0{order:0}}.order-1{order:1}@media (min-width:600px){.order-sm-1{order:1}}@media (min-width:990px){.order-md-1{order:1}}@media (min-width:1338px){.order-lg-0{order:1}}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
/*# sourceMappingURL=main.css.map */

/* End */


/* Start:/local/templates/generica-redesign/css/custom.css?17764331052022*/
.b24-widget-button-wrapper {
    display: none !important;
}

.piece-news__promo::before {
    z-index: 1;
}

.piece-news__promo-text {
    z-index: 1;
}

.tile__media-image{
    height: 105px;
    width: 105px;
    bottom: 25px;
    right: 25px;
    position: absolute;
}
.section__content{
    row-gap: 0px;
}

.promo-slider__media .promo-slider__media-image {
    object-fit: cover;
}
.m-t-20{
    margin-top: 20px;
}

body:has(.promo-slider) .header {
    padding-bottom: 0;
}

.section-list:has(.promo-slider) {
    transform: translateY(-4px);
}

@media (max-width: 990px) {
    .header:not(.header_sticky) div:has(> .form-search) {
        position: fixed;
        inset: 57px 0 auto;
        align-items: center;
        column-gap: 8px;
        width: 100%;
        padding-block: 8px;
        background-color: #ffffff;
    }

    .header:not(.header_sticky) div:has(> .form-search)::after {
        content: '✖';
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        cursor: pointer;
    }

    .header:not(.header_sticky) div:has(> .form-search) .form-search {
        flex-grow: 1;
    }

    .search-block-visible {
        display: flex !important;
    }

    .publication-list__item:not(:has(.publication-list__title)) {
        padding-top: 0;
    }

    .publication-list__item:nth-child(2) {
        order: 2;
    }

    .publication-list__item:nth-child(3) {
        order: 1;
    }

    .publication-list__item:nth-child(4) {
        order: 0;
    }
}

@media (max-width: 1338px) {
    .header__info-text {
        font-size: 12px;
    }
}

@media (max-width: 990px) {
    .publication-list__item[data-tab="1"] .publication__media {
        display: none;
    }

    .publication-list:has(.publication-list__item_active[data-tab="1"]) .publication-list__item:not([data-tab]) {
        display: flex;
        grid-column: 1 / 3;
    }
}

.publication__media-image {
    object-fit: initial;
    -o-object-fit: cover;
    -o-object-position: center;
}

/* End */


/* Start:/local/components/iek/iek.search/templates/mainpage/style.css?1776769599304631*/
.header-search {
  color: #121318;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 1300px) {
  .header-search {
    font-size: 10px;
  }
}
.header-search__icon {
  width: 10px;
  position: absolute;
  height: 100%;
}
.header-search__icon svg {
  width: 10px;
  height: 12px;
  fill: none;
  stroke: #121318;
}
.header-search__input {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  padding-left: 15px;
  outline: 0;
  border-bottom: 1px solid #003595;
  width: 375px;
}



.hide {
    display: none !important;
}

a.search-popup-query__clear-history:hover {
    text-decoration: none;
}

.theme2 .search-popup__products {
    height: calc(100vh - 288px);
}

.theme2 .search-result-item__image {
    min-width: 90px;
    min-height: 60px;
    height: 60px;
    width: 90px;
}

.theme2 .search-result-item__image img {
    width: 100%;
    height: 100%;
}

.theme2 .search-result-item__label-wrap {
    justify-content: end;
}

.theme2 .search-result-item.exact-result {
    border: 4px solid #86bc25;
}

.search-popup__filter-outofprod {
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9;
}

.search-popup__filter-outofprod-button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    display: flex;
    width: 100%;
    gap: 8px;
}

.search-popup__filter-outofprod-button div {
    margin: 0;
    padding: 0;
    border: 0;
    width: calc(100% - 32px);
    text-align: left;
    color: #444642;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 200px;
}

.search-popup__filter-outofprod-button svg {
    transform: rotate(180deg);
    margin-top: 5px;
}

.search-popup__filter-outofprod-button.active svg {
    transform: rotate(0deg);
    color: #86bc25;
}

.theme2 .search-popup__queries {
    min-width: 210px;
    width: 210px;
    margin-right: 24px;
}

@media (max-width: 1279px) {
    .theme2 .search-result-item__label-wrap {
        gap: 4px;
    }
}

@media (max-width: 767px) {
    .theme2 .search-popup__queries {
        min-width: 100%;
        width: 100%;
    }

    .search-popup__filter-outofprod-button div {
        max-width: 100%;
    }
}

* {
    box-sizing: border-box;
    outline: none;
}

.body--noscroll {
    overflow: hidden;
    height: 100%;
}

html.overflow-hidden {
    overflow: hidden;
    height: 100%;
}

button {
    border: none;
    outline: none;
}


.swiper-button-prev,
.swiper-button-next {
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    top: auto;
    left: auto;
    right: auto;
}

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

.main {
    padding-top: 34px;
}

@media (min-width: 0) and (max-width: 767px) {
    .main {
        padding-top: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main {
        padding-top: 28px;
    }
}

.main--index {
    padding-top: 0;
}

table {
    width: 100%;
    border-spacing: 0;
    max-height: 660px;
    overflow-y: hidden;
}

table tr {
    background-color: #f3f3f3;
}

table tr:nth-child(2n) {
    background-color: #f9f9f9;
}

table th {
    padding: 9px 20px;
    font-weight: 700;
    text-align: left;
}

table td {
    padding: 10px 20px;
    border-right: 1px solid #ffffff;
    vertical-align: top;
    line-height: 1.43;
}

table td:last-child {
    border: none;
}

.scrollbar-track-y {
    width: 5px !important;
    background-color: #f3f3f3 !important;
}

.scrollbar-thumb-y {
    width: 3px !important;
    background: #86bc25 !important;
}

.scrollbar-trac-x {
    height: 3px !important;
    background-color: #f3f3f3 !important;
}

.scrollbar-thumb-x {
    height: 3px !important;
    background: #86bc25 !important;
}

.fslightbox-slide-btn:hover .fslightbox-svg-path {
    fill: #86bc25;
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #86bc25;
}

.about {
    padding: 0 0 80px;
}

@media (min-width: 0) and (max-width: 767px) {
    .about {
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .about {
        padding-bottom: 16px;
    }
}

.about-history {
    padding-top: 5px;
}

@media (min-width: 0) and (max-width: 767px) {
    .about-history {
        padding-top: 2px;
    }
}

.about-history-item {
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .about-history-item {
        display: block;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .about-history-item h4 {
        margin-bottom: 19px;
        line-height: 1.43;
    }
}

.about-history-item__text {
    padding-right: 60px;
}

@media (min-width: 0) and (max-width: 767px) {
    .about-history-item__text {
        margin-bottom: 35px;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .about-history-item__text {
        padding-right: 40px;
    }
}

.about-history-item__image {
    width: 350px;
    height: 240px;
    margin-top: 3px;
    background: center no-repeat;
    background-size: cover;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .about-history-item__image {
        width: 100%;
        height: auto;
        margin: 0;
        padding-top: 65.52%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .about-history-item__image {
        width: 330px;
        height: 220px;
    }
}

.another-news {
    width: calc(100% + 10px);
    margin: 0 -5px;
    padding-top: 37px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .project-detail .another-news {
        padding-top: 17px;
    }
}

.another-news .swiper-container {
    padding: 5px;
}

.another-news-item {
    height: auto;
    min-height: 160px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .another-news-item {
        min-height: 195px;
    }
}

.another-news-item::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
    transition: 0.2s;
}

.another-news-item:hover::before {
    opacity: 1;
}

.another-news-item-card {
    padding: 25px 30px 63px;
    background: #f3f3f3;
    flex-grow: 1;
    transition: 0.2s;
}

.another-news-item-card__date {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.43;
    color: #c9c7c7;
}

.another-news-item-card__title {
    font-size: 16px;
    line-height: 1.5;
    color: #444642;
}

.another-news-item:hover .another-news-item-card {
    transform: translateX(5px) translateY(-5px);
}

.another-news .ui-slider-arrow--bn {
    bottom: 30px;
}

.another-news .ui-slider-arrow--bn.ui-slider-arrow--left {
    left: 35px;
}

.another-news .ui-slider-arrow--bn.ui-slider-arrow--right {
    right: 35px;
}

.burger {
    width: 24px;
    height: 14px;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1;
}

.burger:before, .burger:after {
    content: '';
    transform: rotate(0);
}

.burger:before {
    top: 0;
    transition: transform 0.2s;
}

.header--menu-mobile-opened .burger:before {
    top: 11px;
    transform: rotate(45deg);
}

.burger:after {
    bottom: 0;
    transition: transform 0.2s;
}

.header--menu-mobile-opened .burger:after {
    bottom: 11px;
    transform: rotate(-45deg);
}

.burger__line, .burger:before, .burger:after {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #444642;
    transition: 0.2s;
}

.burger__line {
    top: 50%;
    margin-top: -1px;
    visibility: visible;
}

.header--menu-mobile-opened .burger__line {
    display: none;
}

.catalog {
    padding-bottom: 50px;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog {
        padding-bottom: 45px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog {
        padding-bottom: 30px;
    }
}

.catalog__container {
    display: flex;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 1279px) {
    .catalog__container {
        display: block;
    }
}

.catalog__sidebar {
    width: 255px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .catalog__sidebar {
        display: none;
    }
}

.catalog-content {
    width: calc(100% - 255px);
    padding-left: 30px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .catalog-content {
        width: 100%;
        padding-left: 0;
    }
}

@media (min-width: 1280px) and (max-width: 99999px) {
    .catalog-content--list .ui-button--filter {
        display: none;
    }
}

.catalog-content__wrap {
    width: 100%;
}

@media (min-width: 1280px) and (max-width: 99999px) {
    .catalog-content--list .catalog-content__wrap {
        display: flex;
        align-items: flex-start;
    }
}

.catalog-content__container {
    width: 100%;
}

@media (min-width: 1280px) and (max-width: 99999px) {
    .catalog-content--list .catalog-content__container {
        width: calc(100% - 255px - 30px);
        margin-right: 30px;
    }
}

.catalog-content__row {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content__row {
        flex-wrap: wrap;
    }
}

.catalog-content__row--mobile {
    display: none;
}

@media (min-width: 0) and (max-width: 1279px) {
    .catalog-content__row--mobile {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-content__row .ui-button--filter {
        order: 2;
    }
}

.catalog-content__sorting {
    width: 100%;
    max-width: 254px;
    margin: 0 30px 0 auto;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content__sorting {
        width: calc(100% - 80px - 15px);
        max-width: 100%;
        margin: 15px 15px 0 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-content__sorting {
        order: 1;
        max-width: 225px;
        margin: 0 15px 0 30px;
    }
}

@media (min-width: 1280px) and (max-width: 99999px) {
    .catalog-content--list .catalog-content__sorting {
        margin-left: 0;
    }
}

.catalog-content-view {
    display: flex;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content-view {
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-content-view {
        order: 3;
        margin-left: 30px;
    }
}

.catalog-content-view__item {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c7c7c7;
    cursor: pointer;
    transition: 0.2s;
    text-decoration: none;
}

.catalog-content-view__item--active {
    background-color: #f3f3f3;
    color: #444642;
}

.catalog-content-view__item--active[data-view="list"] {
    background: #f3f3f3 url("/local/components/iek/iek.search/templates/mainpage/../../images/list-dark.svg") center no-repeat !important;
}

.catalog-content-view__item i {
    font-size: 15px;
}

.catalog-content-view__item[data-view="list"] {
    background: #ffffff url("/local/components/iek/iek.search/templates/mainpage/../../images/list.svg") center no-repeat;
}

.catalog-sidebar {
    width: 255px;
    background-color: #f3f3f3;
    position: relative;
}

@media (min-width: 0) and (max-width: 1279px) {
    .catalog-sidebar--desktop {
        display: none;
    }
}

.catalog-sidebar .ui-button--dark {
    text-transform: none;
}

.catalog-sidebar__inner {
    width: 100%;
    background-color: #f3f3f3;
}

.catalog-sidebar__top {
    padding: 15px 15px 0;
}

.product-catalog .catalog-sidebar__top {
    padding: 12px 15px 15px;
}

.catalog-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-items {
    width: calc(100% + 30px);
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-items {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 2px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content--list .catalog-items {
        padding: 0;
    }
}

.catalog-item {
    display: block;
    text-decoration: none;
    position: relative;
}

.catalog-item.swiper-slide {
    height: auto;
}

.catalog-item::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
    transition: 0.2s;
}

.catalog-item:hover::before {
    opacity: 1;
}

.catalog-item-card {
    height: 100%;
    padding: 30px 29px 27px;
    background: #f3f3f3;
    transition: 0.2s;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-item-card {
        padding: 30px 29px 25px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-item-card {
        padding-bottom: 25px;
    }
}

.catalog-item-card__image {
    width: 100%;
    height: 190px;
    margin-bottom: 25px;
    background: center no-repeat;
    background-size: contain;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-item-card__image {
        height: 188px;
        margin-bottom: 27px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .catalog-item-card__image {
        height: 144px;
        margin-bottom: 31px;
    }
}

.catalog-item-card__title {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #444642;
    transition: 0.2s;
}

.catalog-item-card__code {
    margin: 15px 0 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #444642;
}

.catalog-item-card__params {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .swiper-container .catalog-item-card {
        padding: 38px 29px 25px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .swiper-container .catalog-item-card__image {
        height: 174px;
        margin-bottom: 33px;
    }
}

.catalog-item:hover .catalog-item-card {
    transform: translateX(5px) translateY(-5px);
}

.catalog-item:hover .catalog-item-card__title {
    color: #86bc25;
}

.catalog-items .catalog-item {
    width: calc((100% - 90px) / 3);
    margin: 0 15px 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-items .catalog-item {
        width: calc(100% - 30px);
        margin-bottom: 30px;
    }
}

.catalog-items .catalog-item-card {
    background-color: #f3f3f3;
}

.catalog-items .catalog-item:hover .catalog-item-card__title {
    color: #444642;
}

.catalog-content--list .catalog-items .catalog-item {
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content--list .catalog-items .catalog-item {
        margin: 0 0 15px;
    }
}

.catalog-content--list .catalog-items .catalog-item-card {
    display: flex;
    padding: 25px 50px 27px 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content--list .catalog-items .catalog-item-card {
        padding-right: 43px;
    }
}

.catalog-content--list .catalog-items .catalog-item-card__image {
    width: 49px;
    height: 60px;
    margin: 5px 32px 0 0;
    flex-shrink: 0;
}

.catalog-content--list .catalog-items .catalog-item-card__title {
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
}

.catalog-content--list .catalog-items .catalog-item-card__code {
    margin: 12px 0 0;
    font-weight: 400;
    text-align: left;
}

.catalog-content--list .catalog-items .catalog-item-card__params {
    display: inline-block;
    font-size: 12px;
    text-align: right;
    color: #444642;
    border-bottom: 1px solid #444642;
    position: absolute;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    transition: 0.2s;
}

.catalog-content--list .catalog-items .catalog-item:hover .catalog-item-card__params {
    opacity: 1;
}

.category-description {
    padding: 40px 0 11px;
}

@media (min-width: 0) and (max-width: 767px) {
    .category-description {
        padding-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .category-description {
        padding: 22px 0 11px;
    }
}

.category-items {
    width: calc(100% + 30px);
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 767px) {
    .category-items {
        display: block;
        width: 100%;
        margin: 0;
    }
}

.category-item {
    width: calc((100% - 60px) / 2);
    height: 229px;
    margin: 0 15px 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .category-item {
        width: 100%;
        margin: 0 0 15px;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .category-item {
        height: 197px;
    }
}

.category-item__head {
    padding: 10px 15px 10px 21px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #444642;
    position: relative;
    z-index: 1;
}

.category-item__head::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 5px solid #444642;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: border-box;
    transition: 0.2s;
}

.category-item:hover .category-item__head::before {
    opacity: 1;
    width: calc(100% + 10px);
    height: calc(100% + 5px);
    top: -5px;
    left: -5px;
}

.category-item__title {
    width: 100%;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #ffffff;
    text-decoration: none;
    transition: 0.2s;
    position: relative;
}

@media (min-width: 0) and (max-width: 1279px) {
    .category-item__title {
        margin-right: 10px;
    }
}

.category-item__title:hover {
    color: #86bc25;
}

.category-item__download {
    width: 17px;
    height: 18px;
    font-size: 18px;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    position: relative;
}

.category-item__download i {
    display: block;
    width: 17px;
    overflow: hidden;
}

.category-item__download:hover {
    color: #86bc25;
}

.category-item:hover .category-item__download {
    opacity: 1;
    visibility: visible;
}

.category-item__image {
    width: 100%;
    height: calc(100% - 40px);
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    top: 40px;
    left: 0;
}

.category-item__body {
    width: 100%;
    flex-grow: 1;
    background: center no-repeat;
    background-size: cover;
    transition: 0.2s;
}

.category-item:hover .category-item__body {
    width: calc(100% + 10px);
    margin: 0 -5px;
}

.category-item__subcategories {
    width: 100%;
    height: 100%;
    padding: 10px 21px;
    background: rgba(68, 70, 66, 0.9);
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.category-item:hover .category-item__subcategories {
    height: calc(100% + 5px);
    padding: 10px 26px;
    opacity: 1;
    visibility: visible;
}

.category-item__subcategory {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    color: #ffffff;
    display: block;
    text-decoration: none;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .category-item__subcategory {
        margin-bottom: 10px;
        line-height: normal;
    }
}

.category-item__subcategory:hover {
    color: #86bc25;
    text-decoration: underline;
}

.category-new-products {
    padding: 48px 0 31px;
}

@media (min-width: 0) and (max-width: 767px) {
    .category-new-products {
        padding-top: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .category-new-products {
        padding: 28px 0 31px;
    }
}

.contacts {
    padding: 0 0 80px;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts {
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .contacts {
        padding: 4px 0 30px;
    }
}

.contacts-head {
    margin-bottom: 19px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-head {
        display: block;
        margin-bottom: 19px;
    }
}

.contacts-head__image {
    width: 350px;
    height: 235px;
    background: center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-head__image {
        width: 100%;
        height: auto;
        padding-top: 65.52%;
        margin: 0 0 35px;
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .contacts-head__image {
        width: 330px;
        height: 220px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-head__image--desktop {
        display: none;
    }
}

.contacts-head__image--mobile {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-head__image--mobile {
        display: block;
    }
}

.contacts__group {
    width: 100%;
    padding-right: 27px;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts__group {
        padding: 0;
    }
}

.contacts__title {
    margin: -5px 0 17px;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts__title {
        margin-bottom: 33px;
    }
}

.contacts-desc {
    margin: 25px 0 20px;
}

.contacts-item {
    width: fit-content;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.71;
    color: #444642;
    text-decoration: none;
    transition: 0.2s;
}

.contacts-item__icon {
    margin-right: 19px;
    font-size: 12px;
}

.contacts-info {
    margin: 16px 0;
}

.contacts-scheme {
    height: 400px;
    margin: 47px 0 50px;
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-scheme {
        display: block;
        height: auto;
        margin: 38px 0 34px;
    }
}

.contacts-scheme__info {
    width: calc(100% - 350px);
    padding: 26px 135px 30px 30px;
    background: #f3f3f3;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-scheme__info {
        width: 100%;
        padding: 26px 30px 1px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .contacts-scheme__info {
        width: calc(100% - 330px);
        padding-right: 30px;
    }
}

.contacts-scheme__title {
    margin-bottom: 23px;
    line-height: 1.25;
}

.contacts-scheme-item {
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.43;
    transition: 0.2s;
    color: #444642;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-scheme-item {
        margin-bottom: 21px;
        line-height: 1.71;
    }
}

.contacts-scheme-item:hover {
    color: #86bc25;
}

.contacts-scheme-item i {
    margin: 2px 10px 0 0;
}

.contacts-scheme-item__title {
    text-decoration: underline;
}

.contacts-scheme-map {
    width: 350px;
    background: center no-repeat;
    background-size: cover;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-scheme-map {
        width: 100%;
        height: 320px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .contacts-scheme-map {
        width: 330px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-schedule h3 {
        line-height: 1.33;
    }
}

.contacts-schedule__cards {
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-schedule__cards {
        display: block;
    }
}

.contacts-schedule-card {
    padding: 24px 30px 6px;
    background: #f3f3f3;
}

.contacts-schedule-card--to {
    width: calc(100% - 350px - 30px);
    margin-right: 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-schedule-card--to {
        width: 100%;
        margin: 0 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .contacts-schedule-card--to {
        width: calc((100% - 30px) / 2);
    }
}

.contacts-schedule-card--from {
    width: 350px;
    position: relative;
    border-bottom: 2px solid #444642;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-schedule-card--from {
        width: 100%;
        padding-bottom: 75px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .contacts-schedule-card--from {
        width: calc((100% - 30px) / 2);
    }
}

.contacts-schedule-card--from::after {
    content: '';
    width: 100%;
    height: 50px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/bus.png") right bottom no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -2px;
    right: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .contacts-schedule-card--from::after {
        background-size: auto;
    }
}

.contacts-schedule-card__title {
    margin-bottom: 11px;
}

.contacts-schedule-card-item {
    margin-bottom: 20px;
}

.contacts-schedule-card-item__title {
    line-height: 1.43;
}

.contacts-schedule-card-item__title i {
    margin-right: 8px;
    font-size: 10px;
}

.contacts-schedule-card-item p {
    margin: 0;
}

a.contacts-item:hover {
    color: #86bc25;
}

.container-sidebar {
    width: 255px;
    margin-right: 30px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .container-sidebar {
        width: 100%;
        margin-right: 0;
    }
}

.container-content {
    width: calc(100% - 255px - 30px);
}

@media (min-width: 0) and (max-width: 1279px) {
    .container-content {
        width: 100%;
    }
}

.container-content--w100 {
    width: 100%;
}


@media (min-width: 1280px) and (max-width: 99999px) {
    .catalog-content--list .filter {
        position: relative;
        width: 255px;
        height: auto;
        background: none;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }

    .catalog-content--list .filter__inner {
        margin-left: 0;
        padding: 0;
    }

    .catalog-content--list .filter__title {
        display: none;
    }

    .catalog-content--list .filter__params {
        padding-top: 0;
    }

    .catalog-content--list .filter-param {
        margin-bottom: 10px;
        padding: 0;
        background-color: #f3f3f3;
        border-bottom: none;
    }

    .catalog-content--list .filter-param::after {
        top: 18px;
        right: 16px;
    }

    .catalog-content--list .filter-param__head {
        padding: 9px 15px 0;
    }

    .catalog-content--list .filter-param__title {
        padding: 0 15px 9px 5px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
        color: #444642;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s;
    }

    .catalog-content--list .filter-param__body {
        padding: 14px 15px 4px;
    }

    .catalog-content--list .filter-param__items--expanded .catalog-content--list .filter-param__item {
        display: block;
    }

    .catalog-content--list .filter-param-more {
        margin-bottom: 16px;
    }

    .catalog-content--list .filter__apply {
        margin: 30px 0 20px;
    }
}

@media (min-width: 1280px) and (max-width: 99999px) {
    .catalog-content--list .filter-param--opened .filter-param__title {
        border-color: #444642;
    }
}

.gallery {
    width: calc(100% + 10px);
    margin: 17px -5px 15px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .gallery {
        margin-top: 15px;
    }
}

h5 + .gallery {
    margin-top: 0;
}

.gallery--big {
    height: 420px;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery--big {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .gallery--big {
        height: 350px;
    }
}

.gallery-container {
    width: calc(100% + 30px);
    height: 100%;
    margin: 0 -15px;
    padding: 5px;
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery-container {
        width: 100%;
        margin: 0;
        padding: 5px 7px;
    }
}

.gallery-container.swiper-container-initialized {
    width: 100%;
    margin: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery-container.swiper-container-initialized {
        margin-bottom: 48px;
        padding: 5px 22px;
    }
}

.gallery--big .gallery-container .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery--big .gallery-container .swiper-wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
    }
}

.gallery-item {
    width: calc((100% - 90px) / 3);
    height: 175px;
    margin: 15px;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery-item {
        width: calc(100% - 30px);
        height: auto;
        padding-top: 59.45%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .gallery-item {
        height: 140px;
    }
}

.swiper-container-initialized .gallery-item {
    margin: 15px 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .swiper-container-initialized .gallery-item {
        padding-top: 66.41%;
    }
}

.gallery-item::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
    transition: 0.2s;
}

.gallery-item:hover::before {
    opacity: 1;
}

.gallery-item__image {
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: cover;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery-item__image {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.gallery-item:hover .gallery-item__image {
    transform: translateX(5px) translateY(-5px);
}

.gallery--big .gallery-item:first-child {
    width: 540px;
    height: 380px;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery--big .gallery-item:first-child {
        height: auto;
        padding-top: 66.41%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .gallery--big .gallery-item:first-child {
        width: 450px;
        height: 310px;
    }
}

.gallery .ui-slider-arrow {
    top: 50%;
}

.gallery .swiper-pagination {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .gallery .swiper-pagination {
        display: flex;
        width: 100%;
        justify-content: center;
        bottom: -13px;
    }
}

.gallery .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    margin: 0 4px;
    background: #444642;
    opacity: 1;
}

.gallery .swiper-pagination-bullet-active {
    background: #86bc25;
}

.header__search {
    width: 475px;
    margin: 0 auto 0 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .header__search {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .header__search {
        width: 240px;
    }
}

.header-search-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .header-search-mobile {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.header-search-mobile--opened {
    width: 100%;
    height: 100%;
    z-index: 100;
    box-shadow: 0 0 11.1px 3.9px rgba(0, 0, 0, 0.1);
}

@media (max-width: 950px) {
    .header-search-mobile {
        height: unset;
    }
}

.header-search-mobile__button {
    width: 45px;
    height: 50px;
    font-size: 15px;
    color: #444642;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.header-search-mobile--opened .header-search-mobile__button {
    display: none;
}

.header-search-mobile__form {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

@media (min-width: 0) and (max-width: 767px) {
    .header-search-mobile__form .ui-input__control {
        padding: 8px 50px 8px 15px;
        height: 40px;
        line-height: 24px;
        color: #444642;
    }
}

.header-search-mobile__form .ui-input__control::-webkit-input-placeholder {
    color: #444642;
}

.header-search-mobile__form .ui-input__control:-moz-placeholder {
    color: #444642;
}

.header-search-mobile__form .ui-input__control::-moz-placeholder {
    color: #444642;
}

.header-search-mobile__form .ui-input__control:-ms-input-placeholder {
    color: #444642;
}

.header-search-mobile--opened .header-search-mobile__form {
    /*@include mediaXS {*/
}

@media (max-width: 1023px) {
    .header-search-mobile--opened .header-search-mobile__form {
        width: 100%;
        position: relative;
        overflow: auto;
    }
}

.header-search-mobile--opened .header-search-mobile__form .ui-search__button {
    /* @include mediaXS {*/
}

@media (max-width: 1023px) {
    .header-search-mobile--opened .header-search-mobile__form .ui-search__button {
        width: 45px;
        height: 100%;
        color: #444642;
    }
}


.index-catalog {
    padding: 80px 0 75px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-catalog {
        padding: 60px 0 55px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-catalog {
        padding: 60px 0 55px;
    }
}

.index-catalog-filter {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-catalog-filter {
        display: block;
        margin-bottom: 53px;
    }
}

.index-catalog__select {
    width: calc(100% - 285px);
    margin-right: 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-catalog__select {
        width: 100%;
        margin: 0 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-catalog__select {
        width: calc(100% - 210px - 30px);
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-catalog .ui-button {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-catalog .ui-button {
        width: 210px;
    }
}

.index-links {
    padding: 60px 0;
    background: #f3f3f3;
}

@media (min-width: 0) and (max-width: 1279px) {
    .index-links {
        padding: 40px 0;
    }
}

.index-links__items {
    width: calc(100% + 22px);
    margin: 0 -11px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-links__items {
        width: calc(100% + 25px);
        margin: 0 -12px 0 -13px;
    }
}

.index-links__items .swiper-container {
    padding: 20px 7px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links__items .swiper-container {
        width: 216px;
        margin: 0 auto;
    }
}

.index-links__items .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
    transform: none !important;
}

.index-links-item {
    width: calc((100% - 40px) / 5);
    height: 121px;
    margin: 0 4px;
    display: block;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links-item {
        margin: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-links-item {
        width: calc((100% - 25px) / 5);
        height: 75px;
        margin: 0 2px 0 3px;
    }
}

.swiper-container-initialized .index-links-item {
    width: auto;
    margin: 0;
}

.index-links-item:hover {
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.15);
}

.index-links-item__image {
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: cover;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links .swiper-container-initialized {
        padding-bottom: 43px;
    }
}

.index-links .swiper-pagination {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links .swiper-pagination {
        display: flex;
        width: 100%;
        justify-content: center;
        bottom: 0;
    }
}

.index-links .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    margin: 0 4px;
    background: #444642;
    opacity: 1;
}

.index-links .swiper-pagination-bullet-active {
    background: #86bc25;
}

.index-links .ui-slider-arrow {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links .ui-slider-arrow {
        display: block;
        top: 50%;
        margin-top: -35px !important;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links .ui-slider-arrow--left {
        left: -3px !important;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-links .ui-slider-arrow--right {
        right: -3px !important;
    }
}

.index-links .swiper-container-initialized ~ .ui-slider-arrow {
    display: block;
    margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-links .swiper-container-initialized ~ .ui-slider-arrow {
        margin-top: -5px;
    }
}

.index-links .swiper-container-initialized ~ .ui-slider-arrow--left {
    left: -5px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-links .swiper-container-initialized ~ .ui-slider-arrow--left {
        left: -2px;
    }
}

.index-links .swiper-container-initialized ~ .ui-slider-arrow--right {
    right: -5px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-links .swiper-container-initialized ~ .ui-slider-arrow--right {
        right: -2px;
    }
}

.index-news {
    padding: 76px 0 70px;
    background: #f3f3f3;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news {
        padding: 54px 0 63px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-news {
        padding: 60px 0 50px;
    }
}

.index-news__row {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news__row {
        display: block;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news__title {
        font-size: 24px;
        text-align: center;
    }
}

.index-news-slider {
    width: calc(100% + 10px);
    margin: 0 -5px;
    padding-bottom: 65px;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news-slider {
        margin-bottom: 30px;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 939px) {
    .index-news-slider {
        padding-bottom: 65px;
    }
}

.index-news .swiper-container {
    padding: 10px 5px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news .swiper-container {
        padding: 10px 22px;
    }
}

.index-news .ui-slider-arrow {
    bottom: 3px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news .ui-slider-arrow {
        bottom: auto;
        top: 50%;
        margin-top: -28px;
    }
}

.index-news .ui-slider-arrow--left {
    left: -9px;
}

.index-news .ui-slider-arrow--right {
    right: -9px;
}

.index-news-item {
    width: calc((100% - 90px) / 4);
    height: auto;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-news-item {
        width: calc((100% - 60px) / 3);
    }
}

.index-news-item--big {
    width: calc((100% - 90px) / 2 + 30px);
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-news-item--big {
        width: calc((100% - 60px) / 3);
    }
}

.index-news-item::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
    transition: 0.2s;
}

.index-news-item:hover::before {
    opacity: 1;
}

.index-news-item-card {
    text-decoration: none;
    display: block;
    background: #ffffff;
    position: relative;
    flex-grow: 1;
    transition: 0.2s;
}

.index-news-item-card__image {
    width: 100%;
    height: 170px;
    background: center no-repeat;
    background-size: cover;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news-item-card__image {
        height: auto;
        padding-top: 66.41%;
    }
}

.index-news-item-card__body {
    padding: 25px 30px 45px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-news-item-card__body {
        padding-bottom: 25px;
    }
}

.index-news-item-card__date {
    margin-bottom: 8px;
    line-height: 1.43;
    color: #c9c7c7;
}

.index-news-item-card__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #444642;
    transition: 0.2s;
}

.index-news-item--big .index-news-item-card__image {
    height: 260px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news-item--big .index-news-item-card__image {
        height: auto;
        padding-top: 66.41%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-news-item--big .index-news-item-card__image {
        height: 170px;
    }
}

.index-news-item:hover .index-news-item-card {
    transform: translateX(5px) translateY(-5px);
}

.index-news-item:hover .index-news-item-card__text {
    color: #86bc25;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news__button--desktop.ui-button {
        display: none;
    }
}

.index-news__button--mobile.ui-button {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-news__button--mobile.ui-button {
        display: flex;
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }
}

.index-projects {
    padding: 80px 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects {
        padding: 54px 0 60px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-projects {
        padding: 60px 0;
    }
}

.index-projects__row {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects__row {
        margin-bottom: 23px;
        display: block;
    }
}

.index-projects__title {
    font-size: 24px;
    text-align: center;
}

.index-projects-slider {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding-bottom: 50px;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects-slider {
        padding-bottom: 65px;
    }
}

@media (min-width: 768px) and (max-width: 939px) {
    .index-projects-slider {
        padding-bottom: 50px;
    }
}

@media (min-width: 1280px) and (max-width: 1339px) {
    .index-projects-slider {
        padding-bottom: 50px;
    }
}

.index-projects .swiper-container {
    padding: 15px 15px 15px 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .swiper-container {
        padding-right: 0;
    }
}

.index-projects .ui-slider-arrow {
    bottom: -6px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .ui-slider-arrow {
        bottom: 23px;
    }
}

.index-projects .ui-slider-arrow--left {
    left: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .ui-slider-arrow--left {
        left: 1px;
    }
}

.index-projects .ui-slider-arrow--right {
    right: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .ui-slider-arrow--right {
        right: 1px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects__button--desktop.ui-button {
        display: none;
    }
}

.index-projects__button--mobile.ui-button {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects__button--mobile.ui-button {
        display: flex;
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }
}

.index-slider {
    background: #f3f3f3;
}

.index-slider__carousel {
    padding: 45px 0 18px;
    background: #f3f3f3;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider__carousel {
        padding: 6px 0 23px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-slider__carousel {
        height: 390px;
    }
}

.index-slider__carousel .swiper-container {
    height: 100%;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider__carousel .swiper-container {
        padding-bottom: 20px;
    }
}

.index-slider-item {
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item {
        display: block;
        padding: 0 0 40px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-slider-item {
        padding-right: 0;
    }
}

.index-slider-item__group {
    max-width: 335px;
    padding-top: 29px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item__group {
        margin: 0 auto;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-slider-item__group {
        max-width: 290px;
        padding-top: 0;
    }
}

.index-slider-item__title {
    margin-bottom: 15px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item__title {
        font-size: 30px;
        line-height: 1.2;
    }
}

.index-slider-item__subtitle {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.33;
}

.index-slider-item__image {
    width: 50%;
    height: 346px;
    background: right center no-repeat;
    background-size: contain;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item__image {
        width: 290px;
        height: 207px;
        margin: 0 auto 14px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-slider-item__image {
        height: 274px;
    }
}

.index-slider-item__button.ui-button {
    width: 180px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item__button.ui-button {
        margin: 0 auto;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item__button--desktop.ui-button {
        display: none;
    }
}

.index-slider-item__button--mobile.ui-button {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider-item__button--mobile.ui-button {
        display: flex;
    }
}

.index-slider .swiper-pagination {
    width: 100%;
    line-height: 3px;
    bottom: 13px;
    display: flex;
    justify-content: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider .swiper-pagination {
        bottom: 9px;
    }
}

.index-slider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 4px;
    display: flex;
    align-items: center;
    border-radius: 0;
    background: transparent;
    opacity: 1;
}

.index-slider .swiper-pagination-bullet::before {
    content: '';
    width: 100%;
    height: 3px;
    background: #444642;
}

.index-slider .swiper-pagination-bullet-active::before {
    background: #86bc25;
}

.index-slider .swiper-button-prev,
.index-slider .swiper-button-next {
    bottom: 32px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-slider .swiper-button-prev,
    .index-slider .swiper-button-next {
        display: none;
    }
}

.index-slider .swiper-button-prev {
    left: -14px;
}

.index-slider .swiper-button-next {
    right: -14px;
}

.mobile-menu {
    width: 100%;
    height: 100vh;
    padding: 18px 15px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 101;
    transform: translateX(-100%);
    transition: transform 0.3s ease-out;
}

.mobile-menu--opened {
    transform: translateX(0);
    position: fixed;
}

.mobile-menu__head {
    padding: 0 40px 20px 0;
    border-bottom: 1px solid #f3f3f3;
}

.mobile-menu-close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 16px;
    right: 13px;
    cursor: pointer;
    z-index: 1;
}

.mobile-menu-close::before, .mobile-menu-close::after {
    content: '';
    width: 1px;
    height: 20px;
    background: #444642;
    position: absolute;
    top: 1px;
    left: 6px;
    transition: 0.2s;
}

.mobile-menu-close::before {
    transform: rotate(45deg);
}

.mobile-menu-close::after {
    transform: rotate(-45deg);
}

.mobile-menu-close:hover::before, .mobile-menu-close:hover::after {
    background: #86bc25;
}

.mobile-menu-level {
    padding: 21px 0;
    list-style: none;
    margin: 0;
}

.mobile-menu-level-item__link {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    color: #444642;
    text-decoration: none;
    transition: 0.2s;
}

.mobile-menu-level-item__link:hover {
    color: #86bc25;
}

.mobile-menu-catalog {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    transform: translateX(-100%);
    transition: transform 0.3s ease-out;
}

.mobile-menu-catalog--opened {
    transform: translateX(0);
}

.mobile-menu-catalog__back {
    margin-right: 100px;
    padding: 18px 15px 20px;
    color: rgba(68, 70, 66, 0.6);
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.mobile-menu-catalog__back i {
    margin-right: 18px;
    font-size: 10px;
}

.mobile-menu-catalog-level {
    margin: 0;
    padding: 0 15px;
    background: #ffffff;
    list-style: none;
}

.mobile-menu-catalog-level__category {
    display: block;
    padding: 10px 15px;
    font-weight: 700;
    line-height: 1.5;
    color: #444642;
    background: #f3f3f3;
    text-decoration: none;
}

.mobile-menu-catalog-level-item {
    padding: 10px 0;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu-catalog-level-item__link {
    padding-right: 20px;
    color: #444642;
    line-height: 1.5;
    text-decoration: none;
}

.mobile-menu-catalog-level-item i {
    color: rgba(68, 70, 66, 0.4);
}

.news {
    padding-bottom: 80px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news {
        padding-bottom: 30px;
    }
}

.news-content__row {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.news-content__row .ui-pagination {
    width: calc(100% - 540px);
    padding-top: 0;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-content__row .ui-pagination {
        display: none;
    }
}

.news-select {
    width: 540px;
    display: flex;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-select {
        width: 100%;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .news-select {
        display: block;
    }
}

.news-select-item {
    width: 50%;
    border-right: 1px solid #ffffff;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-select-item {
        width: 100%;
        border-bottom: 1px solid #ffffff;
        border-right: none;
    }
}

.news-select-item:first-child {
    max-width: 120px;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-select-item:first-child {
        max-width: 100%;
    }
}

.news-select-item:nth-child(2) {
    max-width: 163px;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-select-item:nth-child(2) {
        max-width: 100%;
    }
}

.news-select-item:last-child {
    border: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .news-select-item:last-child {
        width: 405px;
    }
}

.news-detail {
    padding-bottom: 80px;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-detail {
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .news-detail {
        padding: 5px 0 30px;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-detail__all-news--desktop.ui-button {
        display: none;
    }
}

.news-detail__all-news--mobile.ui-button {
    display: none;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-detail__all-news--mobile.ui-button {
        display: flex;
        margin-top: 25px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .news-detail__all-news--mobile.ui-button {
        width: 100%;
        max-width: 330px;
        margin: 25px auto 0;
    }
}

.news-detail-head {
    margin-bottom: 35px;
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-detail-head {
        display: block;
        margin-bottom: 35px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .news-detail-head {
        margin-bottom: 27px;
    }
}

.news-detail-head__image {
    width: 350px;
    height: 230px;
    margin-left: 40px;
    background: center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-detail-head__image {
        width: 100%;
        height: auto;
        padding-top: 65.52%;
        margin: 0;
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .news-detail-head__image {
        width: 330px;
        height: 220px;
        margin: 0;
    }
}

.news-detail__group {
    width: 100%;
    padding-right: 30px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-detail__group {
        display: flex;
        flex-direction: column;
    }
}

.news-detail__title {
    margin: -5px 0 17px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-detail__title {
        order: 2;
        margin: 0 0 31px;
    }
}

.news-detail__date {
    font-size: 14px;
    line-height: 1.43;
    color: #c9c7c7;
}

@media (min-width: 0) and (max-width: 1279px) {
    .news-detail__date {
        order: 1;
        margin: -5px 0 7px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .news-items {
        padding: 5px 17px 0;
    }
}

.news-item {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;
    display: flex;
    text-decoration: none;
    border-bottom: 1px solid #f3f3f3;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-item {
        display: block;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
}

.news-item__image-container {
    width: 255px;
    height: 170px;
    margin: 5px 30px 5px 0;
    flex-shrink: 0;
    display: block;
    text-decoration: none;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-item__image-container {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
        padding-top: 66.41%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .news-item__image-container {
        width: 210px;
        height: 140px;
    }
}

.news-item__image-container::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
    transition: 0.2s;
}

.news-item__image-container:hover::before {
    opacity: 1;
}

.news-item__image-container--hovered::before {
    opacity: 1;
}

.news-item__image {
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: cover;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-item__image {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.news-item__image-container:hover .news-item__image {
    transform: translateX(5px) translateY(-5px);
}

.news-item__image-container--hovered .news-item__image {
    transform: translateX(5px) translateY(-5px);
}

.news-item__date {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.43;
    color: #c9c7c7;
    display: block;
}

.news-item__title {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #444642;
    display: block;
    text-decoration: none;
    transition: 0.2s;
}

.news-item__title:hover {
    text-decoration: underline;
}

.news-item__text {
    width: 100%;
    margin: 0;
    padding-right: 30px;
    font-size: 14px;
    line-height: 1.43;
    color: #444642;
}

@media (min-width: 0) and (max-width: 767px) {
    .news-item__text {
        display: none;
    }
}

.news-item__text a {
    color: #444642;
    transition: 0.2s;
}

.news-item__text a:hover {
    color: #86bc25;
    text-decoration: none;
}

.overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: 0.2s;
}

.overlay--visible {
    width: 100%;
    height: 100%;
    background: rgba(68, 70, 66, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.page-head {
    margin-bottom: 32px;
}

@media (min-width: 0) and (max-width: 767px) {
    .page-head {
        margin-bottom: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .page-head {
        margin-bottom: 22px;
    }
}

.partners-select {
    width: 100%;
    display: flex;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-select {
        display: block;
    }
}

.partners-select-item {
    width: 284px;
    border-right: 1px solid #ffffff;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-select-item {
        width: 100%;
        border-bottom: 1px solid #ffffff;
        border-right: none;
        box-sizing: border-box;
    }
}

.partners-select-item:first-child, .partners-select-item:last-child {
    width: 270px;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-select-item:first-child, .partners-select-item:last-child {
        width: 100%;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-select-item:first-child {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .partners-select-item:first-child {
        width: 144px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .partners-select-item:nth-child(2) {
        width: 199px;
    }
}

.partners-select-item:last-child {
    border: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .partners-select-item:last-child {
        width: 165px;
    }
}

.partners-map {
    width: 100%;
    height: 400px;
    background: center no-repeat;
    background-size: cover;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-map {
        height: 320px;
    }
}

.partners-items {
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-items {
        width: 100%;
        margin: 0 0 15px;
    }
}

.partners-item {
    width: calc((100% - 60px) / 2);
    margin: 0 15px 30px;
    padding: 25px 30px 25px;
    background: #f3f3f3;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-item {
        width: 100%;
        margin: 0 0 15px;
        padding-bottom: 27px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .partners-item {
        padding-right: 26px;
    }
}

.partners-item__title {
    margin-bottom: 10px;
}

.partners-item-contact {
    width: fit-content;
    display: flex;
    text-decoration: none;
    line-height: 1.72;
    color: #444642;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-item-contact {
        line-height: 1.71;
    }
}

.partners-item-contact__icon {
    width: 12px;
    margin: 3px 20px 0 0;
    font-size: 12px;
    text-align: center;
}

.partners-item-contact__text span {
    white-space: nowrap;
}

.partners-item__image {
    width: 97px;
    height: 30px;
    background: center no-repeat;
    background-size: contain;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .partners-item__image {
        position: relative;
        right: 0;
        bottom: 0;
        margin: 13px 0 3px;
    }
}

a.partners-item-contact:hover {
    color: #86bc25;
}

.product-analogs {
    padding: 80px 0 75px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-analogs {
        padding: 55px 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-analogs {
        padding: 58px 0 55px;
    }
}

.product-analogs .products-slider--analogs {
    margin-bottom: 68px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-analogs .products-slider--analogs {
        margin-bottom: 51px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-analogs .products-slider--analogs {
        margin-bottom: 53px;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-analogs .products-slider .ui-slider-arrow {
        width: 30px;
        height: 30px;
        margin-top: -7px;
        padding: 0;
        background: none;
        border: none;
    }

    .product-analogs .products-slider .ui-slider-arrow:hover {
        background: none;
        color: #86bc25;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-analogs .products-slider .ui-slider-arrow {
        margin-top: -17px;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-analogs .products-slider .ui-slider-arrow--left {
        left: -10px;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-analogs .products-slider .ui-slider-arrow--right {
        right: -10px;
    }
}

.product-catalog {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s;
}

.product-catalog--fixed {
    width: 100%;
    height: 100vh;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(68, 70, 66, 0.7);
    visibility: visible;
    opacity: 1;
    z-index: 100;
}

.product-catalog__title {
    margin: 0 0 9px;
}

.product-catalog-button.ui-button {
    display: none;
    width: 260px;
    margin-top: -20px;
    position: fixed;
    left: -110px;
    top: 50%;
    transform: rotate(90deg);
}

.main--product .product-catalog-button.ui-button {
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .main--product .product-catalog-button.ui-button {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-catalog-button.ui-button {
        display: flex;
    }
}

.product-catalog-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 265px;
    cursor: pointer;
}

.product-catalog-close::before, .product-catalog-close::after {
    content: '';
    width: 1px;
    height: 22px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 10px;
    transition: 0.2s;
}

.product-catalog-close::before {
    transform: rotate(45deg);
}

.product-catalog-close::after {
    transform: rotate(-45deg);
}

.product-catalog-close:hover::before, .product-catalog-close:hover::after {
    background: #86bc25;
}

.product-description {
    padding: 75px 0 80px;
    background: #f3f3f3;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-description {
        padding: 55px 0 60px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-description {
        padding: 55px 0 60px;
    }
}

.product-description__content {
    display: flex;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-description__content {
        display: block;
    }
}

.product-description__left {
    width: calc(100% - 445px);
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-description__left {
        width: 100%;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-description__left {
        margin-bottom: 54px;
    }
}

.product-description__right {
    width: 445px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-description__right {
        width: 100%;
    }
}

.product-description-advantages {
    padding-right: 110px;
    font-weight: 700;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-description-advantages {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-description-advantages {
        padding-right: 0;
    }
}

.product-description-advantages > ul {
    margin-top: 0;
}

.product-description-advantages > ul li:first-child {
    margin-top: 0;
}

.text-content .product-description-advantages > ul > li {
    margin-bottom: 30px;
    padding-left: 30px;
}

.text-content .product-description-advantages > ul > li::before {
    width: 3px;
    height: calc(100% - 10px);
    top: 5px;
}

.text-content .product-description-advantages > ul > li li {
    margin: 0;
    padding-left: 15px;
}

.product-description__video {
    width: 500px;
    height: 280px;
    margin-top: 45px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-description__video {
        width: 100%;
        height: auto;
        padding-top: 56%;
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-description__video {
        margin: 45px auto 0;
    }
}

.product-description__video iframe {
    width: 100%;
    max-width: 100%;
    height: 100%;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-description__video iframe {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.product-description__documents {
    padding-top: 5px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-description__documents {
        padding-top: 62px;
    }
}

.product-documents {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-documents {
        margin-bottom: 15px;
    }
}

.product-documents:last-child {
    margin-bottom: 0;
}

.product-documents__title {
    padding: 12px 15px 12px 20px;
    background-color: #444642;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.product-documents__items {
    padding: 10px 19px 15px;
    background: #ffffff;
}

.product-documents__label {
    margin-top: 11px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71;
    color: #444642;
}

.product-documents__label:first-child {
    margin-top: 0;
}

.product-documents-item {
    display: flex;
    align-items: center;
    color: #444642;
    transition: 0.2s;
    text-decoration: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-documents-item {
        align-items: flex-start;
    }
}

.product-documents-item:hover {
    color: #86bc25;
}

.product-documents-item__title {
    font-size: 14px;
    line-height: normal;
    border-bottom: 1px solid #444642;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-documents-item__title {
        border: none;
        text-decoration: underline;
        line-height: 1.71;
    }
}

.product-documents-item:hover .product-documents-item__title {
    border-color: #86bc25;
}

.product-documents-item i {
    margin-right: 11px;
    font-size: 16px;
    line-height: 1.5;
}

.product-documents-item .fa-download {
    margin-top: 4px;
    font-size: 14px;
}

.product-documents .ui-accordion__head::before {
    margin-top: 0;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/arrow-select-white.svg") center no-repeat;
    top: 18px;
    right: 15px;
}

.product-features {
    padding: 80px 0 22px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features {
        padding: 57px 0 5px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-features {
        padding: 60px 0 22px;
    }
}

.product-features--detail {
    padding: 80px 0 70px;
    background: #f3f3f3;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features--detail {
        padding: 56px 0 50px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-features--detail {
        padding: 58px 0 50px;
    }
}

.product-features__title {
    margin-bottom: 40px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features__title {
        margin-bottom: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-features__title {
        margin-bottom: 32px;
    }
}

.product-features--detail .product-features__title {
    margin-bottom: 50px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features--detail .product-features__title {
        margin-bottom: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-features--detail .product-features__title {
        margin-bottom: 27px;
    }
}

.product-features-slider {
    width: calc(100% + 20px);
    margin: 0 -10px;
    position: relative;
}

.product-features-slider .swiper-container {
    padding: 10px;
}

.product-features-slider .ui-slider-arrow {
    top: 50%;
    margin-top: -10px;
}

.product-features-slider .ui-slider-arrow--left {
    left: -4px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-features-slider .ui-slider-arrow--left {
        left: -4px;
    }
}

.product-features-slider .ui-slider-arrow--right {
    right: -4px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-features-slider .ui-slider-arrow--right {
        right: -4px;
    }
}

.product-features-item {
    text-decoration: none;
    position: relative;
}

.product-features-item::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
}

.product-features-item:hover::before {
    opacity: 1;
    transition: 0.2s 0.08s;
}

.product-features-item-card {
    height: 180px;
    padding: 25px 25px 30px 30px;
    background-color: #f3f3f3;
    display: flex;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features-item-card {
        padding-left: 28px;
    }
}

.product-features-item-card__image {
    width: 120px;
    height: 120px;
    margin: 5px 30px 0 0;
    background: #ffffff center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features-item-card__image {
        width: 100px;
        height: 100px;
        margin-right: 18px;
    }
}

.product-features-item-card__text {
    max-height: 93px;
    margin: 0 0 18px;
    line-height: 1.43;
    color: #444642;
    overflow: hidden;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-features-item-card__text {
        max-height: 100px;
        margin-bottom: 11px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-features-item-card__text {
        max-height: 99px;
        margin-bottom: 12px;
    }
}

.product-features-item-card__link {
    margin: 0;
    color: #86bc25;
    line-height: normal;
    display: inline-block;
    border-bottom: 1px solid #86bc25;
}

.product-features-item:hover .product-features-item-card {
    transform: translateX(5px) translateY(-5px);
}

.product-features--detail .product-features-item-card {
    padding-right: 20px;
    background: #ffffff;
}

.product-gallery {
    height: 445px;
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery {
        height: auto;
        margin-bottom: 36px;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-gallery {
        height: 450px;
    }
}

.product-gallery-slider {
    width: 540px;
    height: 100%;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery-slider {
        order: 1;
        width: 100%;
        height: 240px;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-gallery-slider {
        width: 570px;
    }
}

.product-gallery-slider__container {
    height: 100%;
}

.product-gallery-slider .swiper-wrapper {
    flex-direction: column;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery-slider .swiper-wrapper {
        flex-direction: row;
    }
}

.product-gallery-slider-item {
    height: 100%;
    padding: 25px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery-slider-item {
        padding: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-gallery-slider-item {
        padding: 27px;
    }
}

.product-gallery-slider-item__image {
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: contain;
}

.product-gallery-thumbs {
    width: 65px;
    height: 100%;
    margin-right: 30px;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery-thumbs {
        order: 2;
        width: 100%;
        height: 65px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-gallery-thumbs {
        width: 90px;
        padding-bottom: 120px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery-thumbs::after {
        content: '';
        width: 50px;
        height: 100%;
        background-image: linear-gradient(to left, #ffffff, #fff0);
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity: 1;
        transition: opacity 0.2s;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-gallery-thumbs::after {
        content: '';
        width: 100%;
        height: 90px;
        background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
        position: absolute;
        left: 0;
        bottom: 120px;
        z-index: 1;
        opacity: 1;
        transition: opacity 0.2s;
    }
}

.product-gallery-thumbs--scrolled-end::after {
    opacity: 0;
}

.product-gallery-thumbs__container {
    height: 100%;
}

.product-gallery-thumbs .swiper-wrapper {
    flex-direction: column;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-gallery-thumbs .swiper-wrapper {
        flex-direction: row;
    }
}

.product-gallery-thumbs-item {
    height: 65px;
    padding: 7px;
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-gallery-thumbs-item {
        padding: 9px;
    }
}

.product-gallery-thumbs-item.swiper-slide-thumb-active {
    border: solid 2px #86bc25;
    padding: 6px;
}

.product-gallery-thumbs-item__image {
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: contain;
}

.product-info {
    padding-bottom: 80px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-info {
        padding-bottom: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info {
        padding-bottom: 60px;
    }
}

.product-info__content {
    display: flex;
    padding-top: 17px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-info__content {
        display: block;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-info__content {
        padding-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info__content {
        padding-top: 10px;
    }
}

.product-info__left {
    padding-top: 4px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-info__left {
        padding: 0;
    }
}

.product-info__right {
    width: calc(100% - 635px);
    height: 449px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-info__right {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-info__right {
        padding-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info__right {
        padding: 37px 0 0;
    }
}

.product-info__code {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #444642;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info__code {
        margin-bottom: 18px;
    }
}

.product-info-description {
    margin-bottom: 20px;
    padding-right: 47px;
    font-size: 14px;
    line-height: 1.43;
    color: #444642;
    overflow-y: auto;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-info-description {
        margin-bottom: 6px;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info-description {
        padding: 0;
    }
}

.product-info-description::after {
    content: '';
    width: calc(100% - 5px);
    height: 28px;
    background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0.37));
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-info-description::after {
        display: none;
    }
}

.product-info-description .scroll-content {
    padding-bottom: 25px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-info-description .scroll-content {
        padding: 0;
    }
}

.product-info-description p:first-child,
.product-info-description ul:first-child {
    margin-top: 0;
}

.product-info-description ul {
    padding: 0;
    list-style: none;
}

.product-info-description ul li {
    margin: 15px 0 16px;
    position: relative;
    padding-left: 20px;
}

.product-info-description ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #86bc25;
    position: absolute;
    top: 8px;
    left: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info__buttons {
        width: calc(100% + 30px);
        margin: 0 -15px;
        display: flex;
    }
}

.product-info__buttons .ui-button {
    width: 100%;
    margin-top: 15px;
}

.product-info__buttons .ui-button--outline {
    text-transform: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-info__buttons .ui-button {
        max-width: 330px;
        margin: 15px auto 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-info__buttons .ui-button {
        margin: 0 15px;
    }
}

.product-nav {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}

@media (min-width: 0) and (max-width: 1749px) {
    .product-nav {
        display: none;
    }
}

.product-nav-item {
    margin-bottom: 3px;
    padding-right: 13px;
    font-size: 14px;
    text-align: right;
    color: #dcdada;
    transition: 0.2s;
    position: relative;
    display: block;
    text-decoration: none;
}

.product-nav-item:last-child {
    margin-bottom: 0;
}

.product-nav-item__link {
    height: 40px;
    padding: 12px 20px;
    color: #dcdada;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.product-nav-item__link::before {
    content: '';
    border: 20px solid transparent;
    border-left: 12px solid #444642;
    position: absolute;
    top: 0;
    right: -32px;
    opacity: 0;
}

.product-nav-item__link:hover {
    margin-right: 27px;
    background: #444642;
    color: #ffffff;
}

.product-nav-item__link:hover::before {
    opacity: 1;
}

.product-nav-item__link::after {
    content: '';
    width: 13px;
    height: 13px;
    margin-top: -7px;
    border-radius: 600px;
    border: solid 2px #e3e3e3;
    box-sizing: border-box;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: -13px;
}

.product-nav-item__link:hover::after {
    background: #86bc25;
    border-color: #86bc25;
    right: -40px;
}

.product-nav-item__link--active::after {
    background: #86bc25;
    border-color: #86bc25;
}

.product-parameters {
    padding: 80px 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters {
        padding: 56px 0 61px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-parameters {
        padding: 60px 0;
    }
}

.product-parameters-item {
    margin-bottom: 13px;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters-item {
        margin-bottom: 0;
    }
}

.product-parameters-item__title {
    margin-bottom: 25px;
    padding-right: 50px;
    display: inline-block;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters-item__title {
        margin-bottom: 34px;
    }
}

.product-parameters-item table {
    margin-bottom: 35px;
}

.product-parameters-item td {
    min-width: 103px;
}

.product-parameters-item td:first-child {
    font-weight: 700;
}

.product-parameters__container {
    padding-top: 26px;
    display: flex;
    justify-content: space-between;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-parameters__container {
        display: block;
        border-top: 1px solid #f3f3f3;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters__container {
        margin-top: 25px;
        padding-top: 56px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-parameters__container {
        margin-top: 36px;
        padding-top: 58px;
    }
}

.product-parameters__left {
    width: calc(100% - 445px);
    padding-right: 160px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-parameters__left {
        width: 100%;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters__left {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-parameters__left {
        padding-right: 185px;
    }
}

.product-parameters__right {
    width: 445px;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 1279px) {
    .product-parameters__right {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-parameters__right {
        padding-top: 40px;
    }
}

.product-parameters__right .product-parameters-item {
    margin-bottom: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters__right .product-parameters-item__title {
        margin-bottom: 20px;
    }
}

.product-parameters__right .product-parameters-item table {
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-parameters__right .product-parameters-item table br {
        display: none;
    }
}

.product-parameters-software {
    padding-top: 54px;
    display: flex;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-parameters-software {
        margin-bottom: 64px;
        padding-top: 50px;
        padding-right: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .product-parameters-software {
        margin-bottom: 26px;
    }
}

.product-parameters-software__image {
    width: 65px;
    height: 56px;
    margin: 5px 30px 0 0;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/save.png") center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.product-parameters-software__title {
    margin-bottom: 10px;
    padding: 0 10px 6px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.33;
    color: #444642;
    display: inline-block;
    border-bottom: 2px solid #86bc25;
}

.product-parameters-software__text {
    width: 100%;
    margin: 0 0 10px;
    line-height: 1.43;
}

.product-parameters-software__link {
    line-height: normal;
    color: #86bc25;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #86bc25;
    transition: 0.2s;
}

.product-parameters-software__link:hover {
    color: #ffbb00;
    border-color: #ffbb00;
}

.products-slider__title {
    margin-bottom: 44px;
}

@media (min-width: 0) and (max-width: 767px) {
    .products-slider__title {
        margin-bottom: 34px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .products-slider__title {
        margin-bottom: 37px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .index-catalog .products-slider__title {
        font-size: 24px;
        text-align: center;
    }
}

.products-slider__carousel {
    width: calc(100% + 10px);
    margin: 0 -5px;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .products-slider__carousel {
        padding: 0 18px 0 17px;
    }
}

.products-slider .swiper-container {
    padding: 5px;
}

.products-slider .ui-slider-arrow {
    margin-top: -15px;
    top: 50%;
}

@media (min-width: 0) and (max-width: 767px) {
    .products-slider .ui-slider-arrow {
        margin-top: -17px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .products-slider .ui-slider-arrow {
        margin-top: -7px;
    }
}

.products-slider .ui-slider-arrow--left {
    left: -10px;
}

@media (min-width: 0) and (max-width: 767px) {
    .products-slider .ui-slider-arrow--left {
        left: -9px;
    }
}

.products-slider .ui-slider-arrow--right {
    right: -10px;
}

@media (min-width: 0) and (max-width: 767px) {
    .products-slider .ui-slider-arrow--right {
        right: -9px;
    }
}

.project-detail {
    padding: 0 0 75px;
}

@media (min-width: 0) and (max-width: 767px) {
    .project-detail {
        padding-bottom: 30 xp;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .project-detail {
        padding: 5px 0 30px;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .project-detail__all-projects--desktop.ui-button {
        display: none;
    }
}

.project-detail__all-projects--mobile.ui-button {
    display: none;
}

@media (min-width: 0) and (max-width: 1279px) {
    .project-detail__all-projects--mobile.ui-button {
        display: flex;
        margin-top: 25px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .project-detail__all-projects--mobile.ui-button {
        width: 100%;
        max-width: 330px;
        margin: 25px auto 0;
    }
}

.project-detail-head {
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .project-detail-head {
        display: block;
        margin-bottom: 35px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .project-detail-head {
        margin-bottom: 30px;
    }
}

.project-detail-head__image {
    width: 350px;
    height: 235px;
    margin-left: 40px;
    background: center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .project-detail-head__image {
        width: 100%;
        height: auto;
        padding-top: 65.52%;
        margin: 0;
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .project-detail-head__image {
        width: 330px;
        height: 220px;
        margin: 0;
    }
}

.project-detail__group {
    width: 100%;
    padding-right: 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .project-detail__group {
        margin-bottom: 35px;
        padding-right: 0;
    }
}

.project-detail__title {
    margin: -5px 0 17px;
}

@media (min-width: 0) and (max-width: 767px) {
    .project-detail__title {
        margin-bottom: 9px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .project-detail__title {
        margin: -7px 0 8px;
    }
}

.project-detail-desc {
    padding-top: 9px;
}

.project-detail-desc__item {
    font-size: 14px;
    line-height: 1.43;
    color: #444642;
}

.project-detail-desc__item a {
    color: #444642;
    transition: 0.2s;
    text-decoration: underline;
}

.project-detail-desc__item a:hover {
    color: #86bc25;
    text-decoration: none;
}

.projects {
    padding: 0 0 80px;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects {
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects {
        padding-bottom: 30px;
    }
}

.projects-items {
    width: calc(100% + 15px);
    margin: 0 0 40px -15px;
    padding-top: 45px;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects-items {
        width: 100%;
        margin: 0 0 30px;
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-items {
        margin-bottom: 55px;
    }
}

.projects-item {
    margin-bottom: 30px;
    position: relative;
    text-decoration: none;
    display: block;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects-item {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-item {
        margin-bottom: 45px;
    }
}

.index-projects .projects-item {
    height: 245px;
    margin-bottom: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .projects-item {
        height: 320px;
        padding-top: 15px;
        overflow: hidden;
    }

    .index-projects .projects-item.swiper-slide-active {
        z-index: 2;
    }
}

.projects-item__top {
    min-height: 100px;
    padding: 24px 50px 24px 300px;
    background: #f3f3f3;
    display: block;
    text-decoration: none;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects-item__top {
        padding: 26px 30px 29px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-item__top {
        min-height: 130px;
        padding: 26px 50px 24px 374px;
    }
}

.projects-item__top:hover {
    background: #86bc25;
}

.index-projects .projects-item__top {
    min-height: 125px;
    padding: 30px 30px 30px 300px;
    background: #86bc25;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .projects-item__top {
        min-height: 154px;
        padding: 26px 15px 28px calc(45% + 30px);
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-projects .projects-item__top {
        min-height: 130px;
        padding: 26px 85px 24px 374px;
    }
}

.projects-item__image:hover ~ .projects-item__top {
    background: #86bc25;
}

.projects-item__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #444642;
}

@media (min-width: 0) and (max-width: 1279px) {
    .projects-item__title {
        line-height: 1.25;
    }
}

.projects-item__bottom {
    min-height: 130px;
    padding: 25px 30px 25px 300px;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects-item__bottom {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-item__bottom {
        padding: 25px 30px 25px 374px;
    }
}

.index-projects .projects-item__bottom {
    min-height: 100px;
    padding: 25px 30px 30px 300px;
    height: 120px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .projects-item__bottom {
        display: block;
        padding: 25px 15px 30px calc(45% + 30px);
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .index-projects .projects-item__bottom {
        padding: 25px 65px 25px 374px;
    }
}

.projects-item__top:hover ~ .projects-item__bottom {
    background: #86bc25;
}

.projects-item__image:hover ~ .projects-item__bottom {
    background: #86bc25;
}

.projects-item__desc {
    font-size: 14px;
    line-height: 1.43;
    color: #444642;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-item__desc--supplier {
        display: none;
    }
}

.projects-item__desc a {
    text-decoration: underline;
    transition: 0.2s;
    color: #444642;
}

.projects-item__desc a:hover {
    color: #86bc25;
    text-decoration: none;
}

.projects-item__image {
    width: 255px;
    height: 230px;
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    top: -15px;
    left: 15px;
    display: block;
    text-decoration: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects-item__image {
        width: 100%;
        height: auto;
        padding-top: 65.52%;
        position: relative;
        top: 0;
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-item__image {
        width: 330px;
        height: 275px;
    }
}

.index-projects .projects-item__image {
    height: 275px;
}

@media (min-width: 0) and (max-width: 767px) {
    .index-projects .projects-item__image {
        width: 290px;
        height: 320px;
        padding: 0;
        position: absolute;
        top: 0;
        left: auto;
        right: 55%;
    }
}

.projects-filter {
    width: 100%;
}

.projects-filter__buttons {
    width: calc(100% + 10px);
    margin: -5px -5px 20px;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 1279px) {
    .projects-filter__buttons {
        display: none;
    }
}

.projects-filter-item {
    margin: 5px;
    display: block;
    position: relative;
}

.projects-filter-item .ui-button {
    width: auto;
    padding: 10px 19px 8px;
    text-transform: none;
}

.projects-filter-item:first-child .ui-button {
    padding: 10px 37px 8px;
}

.projects-filter-item input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.projects-filter-item input:checked ~ .ui-button {
    background: #444642;
    color: #ffffff;
}

.projects-filter-item input:checked ~ .ui-button:hover {
    border-color: #444642;
}

.projects-filter-item--active.ui-button {
    background: #444642;
    color: #ffffff;
}

.projects-filter__select {
    display: none;
}

@media (min-width: 0) and (max-width: 1279px) {
    .projects-filter__select {
        display: block;
    }
}

.search {
    padding-bottom: 80px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .search {
        padding-bottom: 30px;
    }
}

.search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-form {
        display: block;
    }
}

.search-form__input {
    width: calc(100% - 255px - 160px - 30px - 30px);
    margin-right: 30px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-form__input {
        width: 100%;
        margin: 0 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-form__input {
        width: calc(100% - 210px - 120px - 30px - 30px);
    }
}

.search-form__input .ui-input__control {
    padding: 11px 20px;
}

.search-form__select {
    width: 255px;
    margin-right: 30px;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-form__select {
        width: 100%;
        margin: 0 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-form__select {
        width: 210px;
    }
}

.search-form__button {
    flex-shrink: 0;
}

.search-form__button.ui-button {
    width: 160px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-form__button.ui-button {
        width: 120px;
    }
}

.search-form__button.ui-button i {
    margin-left: 10px;
    font-size: 15px;
}

.search-results {
    margin-bottom: 30px;
}

.search-results-item {
    padding: 27px 0 26px;
    border-bottom: 1px solid #f3f3f3;
}

.search-results-item__title {
    margin: 0 0 16px;
    font-weight: 700;
    color: #444642;
    display: block;
    text-decoration: none;
    transition: 0.2s;
}

.search-results-item__title:hover {
    color: #86bc25;
}

.search-results-item__code {
    margin-bottom: 14px;
    font-size: 12px;
}

.search-results-item__section {
    color: #86bc25;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

.search-results-item__section:hover {
    color: #ffbb00;
}

.search-results-item__section i {
    margin-right: 14px;
    font-size: 13px;
}

.search-results-item__section span {
    line-height: normal;
    border-bottom: 1px solid #86bc25;
    display: table;
}

.service {
    padding: 40px 0 40px;
}

@media (min-width: 0) and (max-width: 767px) {
    .service {
        padding: 19px 0 36px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .service {
        padding: 22px 0 36px;
    }
}

.service__title {
    margin-bottom: 27px;
}

.service td {
    max-width: 28%;
}

.sidebar-menu {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 1280px) and (max-width: 99999px) {
    .sidebar-menu .swiper-wrapper {
        display: block;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu .swiper-slide {
        width: auto;
    }

    .sidebar-menu .swiper-slide:last-child .sidebar-menu-item {
        margin-right: 1px;
    }
}

.sidebar-menu-arrow {
    display: none;
    width: 75px;
    height: 40px;
    font-size: 21px;
    color: #444642;
    position: absolute;
    top: 0;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu-arrow {
        display: flex;
    }
}

.sidebar-menu-arrow:hover {
    color: #86bc25;
}

.sidebar-menu-arrow--prev {
    left: 0;
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    justify-content: flex-start;
}

.sidebar-menu-arrow--next {
    right: 0;
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    justify-content: flex-end;
}

.sidebar-menu .swiper-button-disabled {
    display: none;
}

.sidebar-menu-item {
    padding: 9px 20px 10px;
    background: #f3f3f3;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #444642;
    text-decoration: none;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu-item {
        display: inline-block;
        width: auto;
        padding-bottom: 9px;
        white-space: nowrap;
        background: #ffffff;
        border: 1px solid #444642;
    }
}

.sidebar-menu-item:hover {
    background: #ffffff;
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu-item:hover {
        color: #ffffff;
        background: #ffbb00;
        border-color: #ffbb00;
    }
}

.sidebar-menu-item:last-child {
    border-color: transparent;
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu-item:last-child {
        border-color: #444642;
    }

    .sidebar-menu-item:last-child:hover {
        border-color: #ffbb00;
    }
}

.sidebar-menu-item--active {
    background: #444642;
    color: #ffffff;
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu-item--active {
        background: #444642;
    }
}

.sidebar-menu-item--active:hover {
    color: #ffffff;
}

.sidebar-menu-item--active::after {
    content: '';
    width: 8px;
    height: 5px;
    margin-top: -4px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/arrow-select-white.svg") center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(-90deg);
}

@media (min-width: 0) and (max-width: 1279px) {
    .sidebar-menu-item--active::after {
        display: none;
    }
}

.social {
    display: flex;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .social {
        justify-content: center;
    }
}

.social-item {
    margin-right: 30px;
    display: block;
    font-size: 16px;
    color: #d1d3d4;
    text-decoration: none;
    transition: 0.2s;
}

.social-item:last-child {
    margin-right: 0;
}

.social-item:hover {
    color: #86bc25;
}

.subcategory-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.subcategory-item {
    width: 100%;
    margin-bottom: 30px;
    text-decoration: none;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .subcategory-item {
        margin-bottom: 15px;
    }
}

.subcategory-item::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #86bc25;
    position: absolute;
    top: 5px;
    left: -5px;
    opacity: 0;
}

.subcategory-item:hover::before {
    opacity: 1;
    transition: 0.2s 0.08s;
}

.subcategory-item-card {
    max-height: 180px;
    padding: 26px 25px 23px 30px;
    background-color: #f3f3f3;
    display: flex;
    position: relative;
    transition: transform 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .subcategory-item-card {
        padding-bottom: 31px;
    }
}

.subcategory-item-card__image {
    width: 96px;
    height: 119px;
    margin: 4px 34px 0 0;
    background: center no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .subcategory-item-card__image {
        width: 65px;
        height: 79px;
        margin-right: 30px;
    }
}

.subcategory-item-card__info {
    max-height: 131px;
    overflow: hidden;
    position: relative;
}

.subcategory-item-card__info::after {
    content: '';
    width: 100%;
    height: 37px;
    background-image: linear-gradient(to top, #f3f3f3, rgba(243, 243, 243, 0));
    position: absolute;
    left: 0;
    bottom: -6px;
    opacity: 1;
    transition: 0.2s;
}

.subcategory-item-card__title {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #444642;
}

.subcategory-item-card__icon {
    font-size: 16px;
    color: #444642;
    position: absolute;
    top: 30px;
    right: 30px;
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .subcategory-item-card__icon {
        right: 16px;
        top: auto;
        bottom: 9px;
    }
}

.subcategory-item-card__description {
    font-size: 14px;
    line-height: 1.43;
    color: #444642;
}

@media (min-width: 0) and (max-width: 767px) {
    .subcategory-item-card__description {
        display: none;
    }
}

.subcategory-item:hover .subcategory-item-card {
    max-height: 100%;
    transform: translateX(5px) translateY(-5px);
}

.subcategory-item:hover .subcategory-item-card__info {
    max-height: 100%;
}

.subcategory-item:hover .subcategory-item-card__info::after {
    opacity: 0;
}

.subcategory-item:hover .subcategory-item-card__icon {
    color: #86bc25;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .text-content {
        margin-bottom: 15px;
    }
}

.text-content h2 {
    margin: 44px 0 22px;
}

.text-content .gallery + h2 {
    margin-top: 28px;
}

@media (min-width: 0) and (max-width: 767px) {
    .text-content .gallery + h2 {
        margin-top: 58px;
    }
}

.text-content h3 {
    margin: 25px 0 20px;
}

.text-content h5 {
    margin-top: 20px;
}

@media (min-width: 0) and (max-width: 1279px) {
    .text-content h5 {
        margin-top: 30px;
    }
}

.text-content h2 + h5 {
    margin-top: 22px;
}

.text-content .gallery + h5 {
    margin-top: 0;
}

.text-content h2:first-child,
.text-content h3:first-child,
.text-content h4:first-child,
.text-content h5:first-child {
    margin-top: 0;
}

.text-content p {
    font-size: 14px;
    line-height: 1.43;
}

.text-content p:first-child {
    margin-top: 0;
}

.text-content ul {
    margin: 22px 0 14px;
    padding: 0;
    list-style: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .text-content ul {
        margin: 19px 0 6px;
    }
}

.text-content ul:first-child {
    margin-top: 0;
}

.text-content ul li {
    margin: 15px 0;
    position: relative;
    padding-left: 20px;
    line-height: 1.43;
}

@media (min-width: 0) and (max-width: 767px) {
    .text-content ul li:last-child {
        margin-bottom: 0;
    }
}

.text-content ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #86bc25;
    position: absolute;
    top: 8px;
    left: 0;
}

.text-content .image-content {
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .text-content .image-content {
        padding-top: 14px;
        flex-direction: column;
        justify-content: flex-start;
    }
}

.text-content .image-content__text {
    padding-right: 50px;
}

@media (min-width: 0) and (max-width: 767px) {
    .text-content .image-content__text {
        order: 2;
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .text-content .image-content__text {
        padding-right: 30px;
    }
}

.text-content img {
    width: 100%;
    max-width: 350px;
    height: auto;
    margin-top: 7px;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .text-content img {
        max-width: 100%;
        margin-bottom: 34px;
        order: 1;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .text-content img {
        max-width: 330px;
    }
}

.where-buy {
    padding: 0 0 80px;
}

@media (min-width: 0) and (max-width: 767px) {
    .where-buy {
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .where-buy {
        padding-bottom: 60px;
    }
}

.wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    padding: 0 85px;
}

@media (min-width: 0) and (max-width: 767px) {
    .wrap {
        padding: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .wrap {
        max-width: 768px;
        padding: 0 39px;
    }
}

.zoom {
    display: block;
    position: relative;
    cursor: pointer;
}

@media (min-width: 0) and (max-width: 767px) {
    .zoom {
        position: absolute;
    }
}

.zoom::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #444642;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s;
}

.zoom::after {
    content: '';
    width: 30px;
    height: 30px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/zoom.svg") center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.2s;
    opacity: 0;
}

.zoom:hover::before {
    opacity: 0.5;
}

.zoom:hover::after {
    opacity: 1;
}

.search-popup {
    display: none;
    position: relative;
    z-index: 11;
    width: 100%;
    height: calc(100% - 67px);
}

/* .search-popup:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 112px);
  height: calc(100% + 90px);
  background: white;
  border-radius: 8px;
  z-index: -1;
  left: -56px;
  top: -50px; } */
.search-popup--focus {
    display: flex;
}

.header-search-mobile input:focus {
    background: #fff;
}

.header-search-mobile .search-popup {
    background: white;
    padding: 0 14px;
    width: 100%;
    height: calc(100vh - 50px);
    overflow-y: auto;
    top: -1px;
}

.header-search-mobile .search-popup:before {
    content: none;
}

.header-search-mobile .search-popup__products {
    padding-top: 16px;
}

.header-search-mobile .search-popup__btnWrap {
    /* position: fixed;
bottom: 14px;
width: 100%;  */
}

/* @media (min-width: 768px) and (max-width: 1023px) {
  .header-search-mobile .search-popup__btnWrap {
    width: auto;
    right: 16px; } } */

.header-search-mobile .ui-search {
    position: relative;
    display: flex;
    gap: 4px;
    background: #ffffff;
    padding: 24px 14px;
}

.header-search-mobile .ui-search__mobile-button {
    width: 86px;
    padding: 10px 22px;
    text-transform: none;
    font-weight: 700;
    /* border-radius: 8px; */
}

.header-search-mobile__close {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 2;
    margin-left: 2px;
    margin-top: 8px;
    cursor: pointer;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/icon-mob-close.svg") center center no-repeat;
}

.search-popup__content {
    display: flex;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-popup__content {
        flex-direction: column;
        margin-top: 1px;
    }
}

.search-popup__queries {
    width: 40%;
}

@media (max-width: 950px) {
    .search-popup__queries[data-scrollbar] {
        display: none;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-popup__queries {
        width: 100%;
        margin-right: 0;
    }
}

.search-popup__products {
    height: 567px;
    overflow-y: auto;
}

.header__search.header__search--focus {
    position: absolute;
    z-index: 100;
    width: 42.7rem;
    left: 50%;
    margin-left: -21.35rem;
}

.header__search.header__search--focus .ui-search {
    position: relative;
    z-index: 12;
}

.header__search.header__search--focus .ui-search__button {
    color: #444642;
}

.search-popup-query:not(:last-child) {
    border-bottom: 1px solid #F1F1F1;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-popup-query {
        padding-bottom: 16px;
    }

    .search-popup-query:not(:last-child) {
        border-bottom: 1px solid #F1F1F1;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-popup-query {
        padding-bottom: 30px;
    }

    .search-popup-query:not(:last-child) {
        border-bottom: 0;
    }
}

.search-popup-query__title {
    font-weight: bold;
    line-height: 20px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-popup-query__title {
        font-size: 20px;
        line-height: 28px;
    }
}

.search-popup-query-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 20px;
}

.search-popup-query-item:not(:last-child) {
    margin-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-popup-query-item {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-popup-query-item {
        font-size: 16px;
    }

    .search-popup-query-item:not(:last-child) {
        margin-bottom: 12px;
    }
}

.search-popup-query-item--match {
    font-weight: bold;
    margin-right: 4px;
}

.search-popup-query-item svg {
    margin-right: 4px;
    min-width: 16px;
}

.search-result-item {
    margin-right: 9px;
    padding: 6px 12px;
    border: 1px solid #F1F1F1;
    /* border-radius: 16px; */
    display: flex;
    position: relative;
}

.search-result-item:not(:last-child) {
    margin-bottom: 8px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-result-item:not(:last-child) {
        margin-bottom: 16px;
    }
}

.search-result-item__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.search-result-item__image {
    min-width: 112px;
    /*padding: 0 15px;*/
    display: flex;
    justify-content: center;
    top: 4px;
    position: relative;
    width: 60px;
    height: 60px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-result-item__image {
        min-width: 94px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-result-item__image {
        min-width: 120px;
        top: 10px;
    }
}

.search-result-item__image img {
    width: auto;
    height: 100px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-result-item__image img {
        margin-top: 12px;
        margin-bottom: 4px;
    }
}

.search-result-item__title {
    display: block;
    padding-right: 16px;
    margin-bottom: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-result-item__title {
        margin-bottom: 8px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-result-item__title {
        margin-bottom: 8px;
    }
}

/* .search-result-item__code {
font-size: 12px;
color: #949593;
margin-bottom: 16px; } */
/* @media (min-width: 768px) and (max-width: 99998px) {
  .search-result-item__code {
    display: none; } } */

.search-result-item__aviability-and-label {
    display: flex;
    justify-content: space-between;
}

.search-result-item__aviability-dilers {
    font-size: 12px;
    margin-top: 6px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-result-item__aviability-dilers {
        font-size: 14px;
    }
}

.search-result-item__aviability-dilers > *:not(:last-child) {
    margin-right: 8px;
}

/* @media (min-width: 0) and (max-width: 767px) {
.search-result-item__label {
  position: absolute;
  top: -6px;
  left: 11px; } } */

.search-popup__btnWrap {
    margin-top: 16px;
}

.search-popup__btn-all.ui-button {
    align-items: center;
    background-color: #ff8718;
    color: white;
    font-weight: bold;
    text-transform: none;
    padding: 14px 23px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-popup__btn-all.ui-button {
        width: 100%;
    }
}

/* .search-popup__btn-all.ui-button:after {
  content: '';
  display: flex;
  margin-left: 8px;
  top: 2px;
  width: 20px;
  height: 20px;
  background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-arrow-right-alt.svg") center center/100% auto no-repeat; } */

.product-aviability--available {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #099321;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-aviability--available {
        font-size: 14px;
    }
}

.product-aviability--available:before {
    content: '';
    display: flex;
    position: relative;
    background-size: 100% auto;
    width: 19px;
    height: 20px;
    top: -1px;
    margin-right: 6px;
}

.product-aviability--available:before {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-check-round.svg") center center/100% auto no-repeat;
}

.product-aviability--coming-soon {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #444642;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-aviability--coming-soon {
        font-size: 14px;
    }
}

.product-aviability--coming-soon:before {
    content: '';
    display: flex;
    position: relative;
    background-size: 100% auto;
    width: 19px;
    height: 20px;
    top: -1px;
    margin-right: 6px;
}

.product-aviability--coming-soon:before {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-flag.svg") center center/100% auto no-repeat;
}

.product-aviability--not-available {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #fa4516;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-aviability--not-available {
        font-size: 14px;
    }
}

.product-aviability--not-available:before {
    content: '';
    display: flex;
    position: relative;
    background-size: 100% auto;
    width: 19px;
    height: 20px;
    top: -1px;
    margin-right: 6px;
}

.product-aviability--not-available:before {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-alert-romb.svg") center center/100% auto no-repeat;
}

.product-aviability--preorder {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #275CE5;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-aviability--preorder {
        font-size: 14px;
    }
}

.product-aviability--preorder:before {
    content: '';
    display: flex;
    position: relative;
    background-size: 100% auto;
    width: 19px;
    height: 20px;
    top: -1px;
    margin-right: 6px;
}

.product-aviability--preorder:before {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-chat.svg") center center/100% auto no-repeat;
}

.product-label--hit {
    display: inline-block;
    /* border-radius: 8px; */
    font-size: 12px;
    line-height: 18px;
    padding: 2px 12px;
    background: #86bc25;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-label--hit {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px;
    }
}

.product-label--new {
    display: inline-block;
    /* border-radius: 8px; */
    font-size: 12px;
    line-height: 18px;
    padding: 2px 12px;
    background: #fa4516;
    color: white;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-label--new {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px;
    }
}

.product-label--analog {
    display: inline-block;
    /* border-radius: 8px; */
    font-size: 12px;
    line-height: 18px;
    padding: 2px 12px;
    background: #98C455;
    color: white;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-label--analog {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px;
    }
}

.product-label--out-from-range, .product-label--production-stopped {
    display: inline-block;
    /* border-radius: 8px; */
    font-size: 12px;
    line-height: 18px;
    padding: 2px 12px;
    background: #353535;
    color: white;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-label--out-from-range, .product-label--production-stopped {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px;
    }
}

.product-label--exact-result {
    display: inline-block;
    /* border-radius: 8px; */
    font-size: 12px;
    line-height: 18px;
    padding: 2px 12px;
    background: #86bc25;
}

@media (min-width: 0) and (max-width: 767px) {
    .product-label--exact-result {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px;
    }
}

.product-diler--wildberries {
    color: #eb1f85;
    text-decoration: none;
}

.product-diler--ozon {
    color: #275CE5;
    text-decoration: none;
}

.product-diler--more {
    color: #949593;
    text-decoration: none;
}

.search-results {
    margin-bottom: 160px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results {
        margin-bottom: 120px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results {
        margin-bottom: 48px;
    }
}

.search-results__container {
    display: flex;
    align-items: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__container {
        flex-direction: column;
    }
}

.search-results__filters {
    width: 266px;
    margin-right: 48px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__filters {
        width: 197px;
        margin-right: 32px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__filters {
        position: fixed;
        display: none;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        margin-right: 0;
        background: white;
        z-index: 3;
        top: 0;
        left: 0;
        padding-bottom: 55px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__filters--show {
        display: block;
    }
}

.search-result-list {
    margin-bottom: 24px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-result-list {
        order: 4;
    }
}

.search-results__content {
    width: calc(100% - 314px);
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__content {
        width: calc(100% - 229px);
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__content {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}

.search-results__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    padding-bottom: 56px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__title {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 32px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__title {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 8px;
        order: 1;
    }
}

.search-results__btn-filters {
    display: none;
    color: #ff8718;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 16px;
    cursor: pointer;
    order: 2;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__btn-filters {
        display: flex;
        align-items: center;
    }
}

.search-results__btn-filters:before {
    content: "";
    display: flex;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-plus-square.svg") center center no-repeat;
}

.search-results__view-options {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__view-options {
        z-index: 2;
        position: fixed;
        bottom: 40px;
        left: 40px;
        right: 40px;
        margin-bottom: 0;
        width: calc(100% - 80px);
        justify-content: center;
        background: white;
        padding: 16px 20px;
        /* border-radius: 16px; */
        border: 1px solid #7d7d7d;
    }
}

.search-results__view-options .ui-pagination {
    width: auto;
    padding-top: 0;
}

.search-results__view-options .ui-pagination .ui-pagination-nav {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__view-options .ui-pagination .ui-pagination-nav {
        padding-left: 0;
    }
}

.search-results__view-options li {
    list-style-type: none;
}

.search-results__view-options .ui-pagination__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #939593;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__view-options .ui-pagination__text {
        font-size: 14px;
        line-height: 20px;
        order: 3;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__view-options .ui-pagination__text {
        display: none;
    }
}

.search-results__view-options .ui-pagination__size-select {
    font-size: 16px;
    color: #939593;
    border-color: #939593;
    padding: 2px 4px;
    /* border-radius: 4px; */
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__view-options .ui-pagination__size-select {
        font-size: 14px;
        line-height: 20px;
        padding: 1px 2px;
    }
}

.search-results__view-options .rc-pagination-item {
    cursor: pointer;
}

.search-results__view-options .rc-pagination-item .ui-pagination-nav__item,
.search-results__view-options .rc-pagination-jump-next .ui-pagination-nav__item {
    width: 33px;
    height: 32px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    color: #939593;
    font-weight: 700;
    /* border-radius: 8px; */
    border: 1px solid #939593;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__view-options .rc-pagination-item .ui-pagination-nav__item,
    .search-results__view-options .rc-pagination-jump-next .ui-pagination-nav__item {
        font-size: 12px;
        line-height: 25px;
        padding: 0;
        width: 27px;
        height: 26px;
    }
}

.search-results__view-options .rc-pagination-item .ui-pagination-nav__item:hover,
.search-results__view-options .rc-pagination-jump-next .ui-pagination-nav__item:hover {
    background: #939593;
    color: #fff;
}

.search-results__view-options .rc-pagination-item .ui-pagination-nav__item,
.search-results__view-options .rc-pagination-jump-next .ui-pagination-nav__item {
    margin-left: 8px;
}

.search-results__view-options .rc-pagination-prev + .rc-pagination-item .ui-pagination-nav__item {
    margin-left: 0;
}

.search-results__view-options .rc-pagination-item-active .ui-pagination-nav__item {
    background: #939593;
    color: #fff;
    cursor: default;
}

.search-results__view-options .ui-pagination-nav__item {
    cursor: pointer;
    color: #939593;
}

.search-results__view-options .ui-pagination-nav__item--prev {
    padding: 2px 20px 0 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__view-options .ui-pagination-nav__item--prev {
        font-size: 14px;
    }
}

.search-results__view-options .ui-pagination-nav__item--next {
    padding: 2px 0 0 20px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results__view-options .ui-pagination-nav__item--next {
        font-size: 14px;
    }
}

.search-results__view-options--bottom {
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__view-options--bottom {
        display: none;
    }
}

.search-results-view {
    display: flex;
    gap: 16px;
    margin-top: 2px;
}

@media (min-width: 0) and (max-width: 1278px) {
    .search-results-view {
        display: none;
    }
}

.search-results-view__item {
    width: 24px;
    height: 24px;
}

.search-results-view__item:not(.search-results-view__item--active) {
    opacity: .3;
    cursor: pointer;
    transition: opacity .3s ease-in-out;
}

.search-results-view__item--active {
    transition: opacity .3s ease-in-out;
}

.search-results-view__item[data-view="tile"] {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-tile-alt.svg") center center no-repeat;
}

.search-results-view__item[data-view="list"] {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-list-alt.svg") center center no-repeat;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-to-top {
        display: none;
    }
}

.search-results-filters-list {
    margin-top: 32px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-filters-list {
        margin-top: 24px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-filters-list {
        padding-left: 14px;
        padding-right: 14px;
        margin-top: 16px;
    }
}

.search-results-filter-mob-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    background: #ff8718;
    height: 52px;
    color: white;
    padding-left: 14px;
    padding-right: 14px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-filter-mob-header {
        display: flex;
    }
}

.search-results-filter-mob-header__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.search-results-filter-mob-header__close {
    width: 24px;
    height: 24px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-close-square-white.svg") center center no-repeat;
    cursor: pointer;
}

.search-results-filters__param {
    padding-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-filters__param {
        padding-bottom: 16px;
    }
}

.search-results-filters__param .search-results-filters__body {
    display: none;
}

.search-results-filters__param--opened .search-results-filters__body {
    display: block;
}

.search-results-filters__param:not(:last-child) {
    border-bottom: 1px solid #f1f1f1;
}

.search-results-filters__param:not(:first-child) {
    padding-top: 24px;
}

.search-results-filters__title {
    font-weight: bold;
    color: #444642;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-filters__title {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-filters__title {
        font-size: 16px;
        line-height: 24px;
    }
}

.search-results-filters__title .fas {
    transition: all .3s ease-in-out;
}

.search-results-filters__title--opened .fas {
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
}

.search-results-filter-param__item:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-filter-param__item:not(:last-child) {
        margin-bottom: 8px;
    }
}

.search-results__btn-action.ui-button {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    text-transform: none;
    font-weight: bold;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__btn-action.ui-button:first-child {
        position: fixed;
        left: 20px;
        right: 20px;
        bottom: 20px;
        width: auto;
        z-index: 1;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results__btn-action.ui-button:not(:first-child) {
        display: none;
    }
}

.search-results-filter-param__items--hidden {
    margin-top: 8px;
}

.search-results-filter-param__items--hidden.hidden {
    display: none;
}

.search-results-filter__show-more {
    display: flex;
    align-items: center;
    color: #444642;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-filter__show-more {
        margin-top: 16px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-filter__show-more {
        font-size: 16px;
        line-height: 24px;
    }
}

.search-results-filter__show-more:before {
    content: '';
    display: flex;
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-ellipsis.svg") center center no-repeat;
    width: 20px;
    height: 4px;
    margin-right: 8px;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-filter__show-more:before {
        width: 26px;
        height: 6px;
        background-size: 100% auto;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-tabs {
        order: 3;
    }
}

.search-results-tabs .tabs__list {
    /* border-radius: 8px; */
    display: flex;
    padding-left: 0;
    padding-bottom: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-tabs .tabs__list {
        padding-bottom: 16px;
    }
}

.search-results-tabs .tabs__item {
    list-style-type: none;
    position: relative;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-tabs .tabs__item {
        flex-grow: 1;
    }
}

.search-results-tabs .tabs__item:first-child > .tabs__btn {
    /* border-radius: 8px 0 0 8px;  */
}

.search-results-tabs .tabs__item:last-child > .tabs__btn {
    /* border-radius: 0 8px 8px 0;  */
}

.search-results-tabs .tabs__item:not(:last-child):after {
    background-color: #949593;
    bottom: 0;
    content: "";
    height: 15px;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}

.search-results-tabs .tabs__btn {
    display: block;
    background: #f1f1f1;
    padding: 10px 38px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #444642;
    text-align: center;
    cursor: pointer;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-tabs .tabs__btn {
        padding: 14px 24px;
        line-height: 24px;
    }
}

.search-results-tabs .tabs__btn--active:after {
    background-color: #86bc25;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 63px;
}

.search-results-items--list .search-result-item {
    border-color: #d9d9d9;
    outline: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-items--list .search-result-item {
        padding: 6px 12px;
    }
}

.search-results-items--list .search-result-item:hover {
    border-color: transparent;
    outline: 2px solid #949593;
}

.search-results-items--list .search-result-item:not(:last-child) {
    margin-bottom: 16px;
}

.search-results-items--list .search-result-item__image {
    min-width: 173px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-items--list .search-result-item__image {
        min-width: 94px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__image {
        min-width: 120px;
    }
}

.search-results-items--list .search-result-item__image img {
    width: auto;
    height: 143px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-items--list .search-result-item__image img {
        height: 94px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__image img {
        height: 118px;
    }
}

.search-results-items--list .search-result-item__title {
    max-width: 440px;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
}

@media (min-width: 0) and (max-width: 1278px) {
    .search-results-items--list .search-result-item__title {
        font-size: 16px;
        line-height: 20px;
        max-width: 240px;
        margin-bottom: 8px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__title {
        max-width: none;
    }
}

.search-results-items--list .search-result-item__code {
    display: flex;
    font-size: 14px;
    color: #444642;
}

.search-results-items--list .search-result-item__code-name {
    color: #949593;
    margin-right: 12px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-items--list .search-result-item__code-name {
        margin-right: 2px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__code-name {
        margin-right: 4px;
    }
}

.search-results-items--list .search-result-item__code-copy {
    position: relative;
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-copy-alt.svg") center center no-repeat;
    background-size: contain;
    width: 17px;
    height: 20px;
    margin-left: 12px;
    top: -4px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-items--list .search-result-item__code-copy {
        width: 13px;
        height: 13px;
        margin-left: 5px;
        top: 0;
    }
}

/* .search-results-items--list .search-result-item__code {
margin-bottom: 8px; } */

.search-results-items--list .search-result-item__aviability-and-dilers {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__aviability-and-dilers {
        flex-direction: column;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__aviability-dilers {
        flex-direction: column;
        margin-top: 4px;
    }
}

.search-results-items--list .search-result-item__label {
    position: absolute;
    right: 23px;
    top: 22px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-results-items--list .search-result-item__label {
        right: 16px;
        top: 16px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .search-results-items--list .search-result-item__label {
        left: 12px;
        right: auto;
        top: -6px;
    }
}

.search-results-items--tile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.search-results-items--tile .search-result-item {
    width: calc((100% - 32px) / 3);
    margin-right: 0;
    margin-bottom: 0;
    flex-direction: column;
    padding: 6px 12px;
    position: relative;
}

.search-results-items--tile .search-result-item:hover {
    border-color: transparent;
    outline: 2px solid #949593;
}

.search-results-items--tile .search-result-item__label {
    left: 16px;
    top: 8px;
    position: absolute;
}

.search-results-items--tile .search-result-item__image img {
    height: 150px;
    width: auto;
    margin-bottom: 8px;
}

.search-results-items--tile .search-results-items--title {
    margin-bottom: 16px;
}

.search-results-items--tile .search-result-item__aviability-dilers {
    position: absolute;
    bottom: 24px;
}

.breadcrumb {
    display: flex;
    gap: 8px;
    margin-bottom: 36px;
}

.breadcrumb__hidden-container {
    position: relative;
}

.breadcrumb__hidden-list {
    position: absolute;
    top: 25px;
    display: flex;
    width: auto;
    min-width: 250px;
    align-items: flex-start;
    flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    padding: 6px 0;
    z-index: 102;
}

.breadcrumb__hidden-item {
    padding: 7px 14px;
    width: 100%;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #949593;
}

.breadcrumb__hidden-item:hover {
    background-color: rgba(0, 0, 0, 0.03);
    color: #000000;
}

.breadcrumbs__link {
    font-size: 12px;
    line-height: 18px;
    color: #949593;
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.breadcrumbs__link:hover {
    cursor: pointer;
}

.breadcrumbs__link--btn > button {
    background-color: transparent;
    border: 1px solid #F1F1F1;
    border-radius: 4px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.breadcrumbs__link--btn > button:hover {
    cursor: pointer;
    border: 1px solid black;
}

.breadcrumbs__link--btn > button:hover svg {
    fill: black;
}

.breadcrumbs__link--btn > button svg {
    fill: #949593;
}

.breadcrumbs__link:not(.breadcrumbs__link--last):after {
    content: '';
    width: 8px;
    height: 8px;
    background-image: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-breadcrumbs-arrow.svg");
}

.breadcrumbs__link--last {
    width: calc(100% - 140px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.breadcrumb__hidden-item-close {
    position: absolute;
    top: 0;
    right: -30px;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.breadcrumb__hidden-item-close:hover {
    cursor: pointer;
}

.breadcrumb__hidden-item-close:hover::before, .breadcrumb__hidden-item-close:hover::after {
    background: black;
}

.breadcrumb__hidden-item-close::before, .breadcrumb__hidden-item-close::after {
    content: "";
    width: 1px;
    height: 22px;
    background: rgba(68, 70, 66, 0.7);
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.breadcrumb__hidden-item-close::before {
    transform: rotate(45deg);
}

.breadcrumb__hidden-item-close::after {
    transform: rotate(-45deg);
}

.ui-accordion__head {
    position: relative;
    cursor: pointer;
    transition: 0.2s;
}

.ui-accordion__head::before {
    content: '';
    width: 8px;
    height: 5px;
    margin-top: -1px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/arrow-select.svg") center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 15px;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-accordion__head::before {
        margin-top: 0;
        top: 11px;
        right: 1px;
    }
}

.ui-accordion--active .ui-accordion__head::before {
    transform: scale(1, -1);
}

.ui-accordion__body {
    display: none;
}

.ui-accordion--active .ui-accordion__body {
    display: block;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-accordion--active .ui-accordion__body {
        margin-bottom: 10px;
    }
}

.ui-breadcrumb {
    margin-bottom: 5px;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-breadcrumb {
        height: 23px;
        margin-bottom: 11px;
        overflow: hidden;
        position: relative;
    }

    .ui-breadcrumb::before {
        display: none;
        content: '';
        width: 100px;
        height: 100%;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-breadcrumb--show-overlay::before {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ui-breadcrumb {
        margin-bottom: 9px;
    }
}

.ui-breadcrumb__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-breadcrumb__inner {
        padding-bottom: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

.ui-breadcrumb__item {
    padding-right: 12px;
    font-size: 14px;
    line-height: 1.71;
    color: #444642;
    position: relative;
    text-decoration: none;
    transition: 0.2s;
    flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ui-breadcrumb__item {
        line-height: 1.21;
    }
}

.ui-breadcrumb__item:hover {
    color: #86bc25;
}

.ui-breadcrumb__item::after {
    content: '/';
    margin-left: 12px;
    color: #444642;
    display: inline-block;
}

.ui-breadcrumb__item:last-child {
    padding-left: 0;
}

.ui-breadcrumb__item:last-child::after {
    display: none;
}

.ui-breadcrumb__item--current {
    color: #444642;
}

.ui-breadcrumb__item--current:hover {
    color: #444642;
}

.ui-breadcrumb__item--current::after {
    color: #444642;
}

.ui-button {
    width: 255px;
    padding: 11px 18px 9px;
    box-sizing: border-box;
    outline: none;
    background-color: #86bc25;
    font-size: 14px;
    font-style: normal;
    line-height: 1.43;
    text-align: center;
    color: #444642;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: 0.2s;
    text-transform: uppercase;
    cursor: pointer;
}


.ui-button:hover {
    background-color: #ffbb00;
    color: #ffffff;
}

.ui-button--dark {
    background: #444642;
    color: #ffffff;
}

.ui-button--gray {
    background: #f3f3f3;
}

.ui-button--file {
    padding: 9px 18px 11px;
    justify-content: flex-start;
    text-align: left;
    text-transform: none;
}

.catalog-content__row .ui-button--file {
    display: none;
}

@media (min-width: 0) and (max-width: 1279px) {
    .catalog-content__row .ui-button--file {
        display: flex;
        width: auto;
        min-width: 220px;
    }
}

.ui-button--file i {
    padding-right: 10px;
    font-size: 16px;
}

.ui-button--file span {
    text-decoration: underline;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button--download {
        width: 210px;
    }
}

.ui-button--download i {
    margin-right: 9px;
    font-size: 18px;
}

.ui-button--outline {
    padding: 10px 17px 8px;
    background: transparent;
    border: solid 1px #444642;
}

.ui-button--outline:hover {
    border-color: #ffbb00;
}

.ui-button--orange {
    color: #ffffff;
    background: #ff8718;
}

.ui-button--back {
    width: 126px;
    height: 40px;
    padding: 10px 17px 8px 7px;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button--back {
        width: 55px;
        height: 40px;
        padding: 0;
    }
}

.ui-button--back i {
    margin-right: 14px;
    font-size: 14px;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button--back i {
        margin: 0;
    }
}

.ui-button--back span {
    text-align: left;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button--back span {
        display: none;
    }
}

.ui-button--back-arrow {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button--back-arrow {
        display: flex;
        width: 50px;
        height: 40px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ui-button--back-arrow {
        display: flex;
        width: 55px;
        height: 40px;
    }
}

.ui-button--filter i {
    margin-right: 9px;
    font-size: 18px;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button--filter {
        width: calc(100% - 50px - 15px);
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button__text--desktop {
        display: none;
    }
}

.ui-button__text--mobile {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-button__text--mobile {
        display: block;
    }
}

.ui-button--to-top {
    color: #000000;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: center;
}

.ui-button--to-top:before {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-to-top.svg") center center no-repeat;
}

.ui-checkbox {
    display: flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
}

.ui-checkbox__control {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.ui-checkbox__control:checked ~ .ui-checkbox__icon {
    background: #444642;
}

.ui-checkbox__control:checked ~ .ui-checkbox__icon::after {
    content: '';
    width: 8px;
    height: 7px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/check.svg") center no-repeat;
    background-size: contain;
    position: absolute;
    top: 2px;
    left: 2px;
}

.ui-checkbox__icon {
    width: 13px;
    height: 13px;
    margin: 1px 10px 0 0;
    background-color: #ffffff;
    border: solid 1px #d8d8d8;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
}

.ui-checkbox__text {
    line-height: normal;
    color: #444642;
}

.ui-checkbox__text span {
    color: #bdbebb;
}

.ui-checkbox--orange {
    display: flex;
    cursor: pointer;
}

.ui-checkbox--orange .ui-checkbox__icon {
    width: 14px;
    height: 14px;
    border: 1.5px solid #444642;
    border-radius: 3px;
    margin: 3px 8px 0 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: all .3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ui-checkbox--orange .ui-checkbox__icon {
        width: 11px;
        height: 11px;
        margin-right: 6px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-checkbox--orange .ui-checkbox__icon {
        width: 18px;
        height: 18px;
    }
}

.ui-checkbox--orange .ui-checkbox__control:checked ~ .ui-checkbox__icon {
    background: #ffffff;
    border-color: #ff8718;
    transition: all .3s ease-in-out;
}

.ui-checkbox--orange .ui-checkbox__control ~ .ui-checkbox__icon:after {
    content: "";
    width: 8px;
    height: 7px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/icon-check.svg") 50% no-repeat;
    background-size: 8px 7px;
    position: absolute;
    top: 3px;
    left: 2px;
    opacity: 0;
    transform: scale(2);
    transition: all .3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ui-checkbox--orange .ui-checkbox__control ~ .ui-checkbox__icon:after {
        top: 2px;
        left: 1px;
        width: 5px;
        height: 5px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-checkbox--orange .ui-checkbox__control ~ .ui-checkbox__icon:after {
        top: 5px;
        left: 4px;
    }
}

.ui-checkbox--orange .ui-checkbox__control:checked ~ .ui-checkbox__icon:after {
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease-in-out;
}

.ui-checkbox--orange .ui-checkbox__text {
    font-size: 14px;
    line-height: 20px;
    color: #444642;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .ui-checkbox--orange .ui-checkbox__text {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-checkbox--orange .ui-checkbox__text {
        font-size: 16px;
        line-height: 24px;
    }
}

.ui-checkbox--orange .ui-checkbox__control:checked ~ .ui-checkbox__text {
    color: #000000;
}

.ui-input {
    width: 100%;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #444642;
    position: relative;
    padding: 3px 16px 3px 10px;
    border: 1px solid #a1a5a7;
}

@media (max-width: 950px) {
    .ui-input {
        border: 0;
    }
}


.ui-input__control {
    width: 100%;
    padding: 9px 10px;
    /* border: 1.5px solid #949593; */
    background-color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
    height: 32px;
    font-weight: 400;
    font-style: normal;
    color: #444642;
    /* transition: 0.2s;  */
}

.ui-input__control--gray {
    background: #f3f3f3;
    border-color: #f3f3f3;
}

.ui-input__control--gray::-webkit-input-placeholder {
    color: rgba(68, 70, 66, 0.5);
}

.ui-input__control--gray:-moz-placeholder {
    color: rgba(68, 70, 66, 0.5);
}

.ui-input__control--gray::-moz-placeholder {
    color: rgba(68, 70, 66, 0.5);
}

.ui-input__control--gray:-ms-input-placeholder {
    color: rgba(68, 70, 66, 0.5);
}

.ui-input__control--gray:focus {
    border-color: transparent !important;
}

.ui-input__control--big {
    padding: 11px 19px;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-input__control--big {
        padding-left: 9px;
    }
}

.ui-input__control::-webkit-input-placeholder {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #949593;
}

.ui-input__control:-moz-placeholder {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #949593;
}

.ui-input__control::-moz-placeholder {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #949593;
}

.ui-input__control:-ms-input-placeholder {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    color: #949593;
}

.ui-pagination {
    width: 100%;
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-pagination {
        display: block;
        padding-top: 0;
    }
}

@media (min-width: 0) and (max-width: 1279px) {
    .ui-pagination--desktop {
        display: none;
    }
}

.catalog-content--list .ui-pagination {
    padding-top: 20px;
}

@media (min-width: 0) and (max-width: 767px) {
    .catalog-content--list .ui-pagination {
        padding-top: 10px;
    }
}

.ui-pagination__text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #444642;
    flex-shrink: 0;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-pagination__text {
        margin-bottom: 25px;
        text-align: center;
    }
}

.ui-pagination-nav {
    width: 100%;
    padding-left: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-pagination-nav {
        padding: 0;
        justify-content: center;
    }
}

.ui-pagination-nav__item {
    padding: 5px 11px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #444642;
    text-decoration: none;
    transition: 0.2s;
}

.ui-pagination-nav__item:hover {
    background: #86bc25;
}

.ui-pagination-nav__item:active {
    background: #86bc25;
}

.ui-pagination-nav__item--active {
    background: #86bc25;
}

.ui-pagination-nav__item--prev, .ui-pagination-nav__item--next {
    margin-bottom: -2px;
    font-size: 21px;
}

.ui-pagination-nav__item--prev:hover, .ui-pagination-nav__item--next:hover {
    background: transparent;
    color: #86bc25;
}

.ui-pagination-nav__item--prev {
    padding: 2px 16px 0 0;
}

.ui-pagination-nav__item--next {
    padding: 2px 0 0 16px;
}

.ui-select {
    width: 100%;
    line-height: 1.43;
    color: #444642;
    position: relative;
}

.ui-select--opened {
    z-index: 100;
}

.ui-select__control {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.ui-select__preview {
    width: 100%;
    padding: 9px 25px 9px 17px;
    border: solid 1px #444642;
    color: #444642;
    position: relative;
    cursor: pointer;
}

.ui-select--opened .ui-select__preview::after {
    display: none;
}

.ui-select--gray .ui-select__preview {
    padding-left: 19px;
    background-color: #f3f3f3;
    border-color: transparent;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select--gray.ui-select--multiple.ui-select--opened .ui-select__preview {
        background: #ffffff;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select--gray.ui-select--multiple.ui-select--opened .ui-select__preview::before {
        content: '';
        width: calc(100% - 38px);
        height: 1px;
        background: #f3f3f3;
        position: absolute;
        bottom: 0;
        left: 19px;
    }
}

.ui-select--sorting .ui-select__preview {
    padding-left: 36px;
}

.ui-select--sorting .ui-select__preview::before {
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/sort.svg");
    background-size: contain;
    position: absolute;
    left: 18px;
    top: 50%;
}

.ui-select__icon {
    width: 44px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: #444642;
}

.ui-select--gray .ui-select__icon {
    background: #f3f3f3;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select--gray.ui-select--multiple.ui-select--opened .ui-select__icon {
        background: #ffffff;
    }
}

.ui-select--opened .ui-select__icon {
    transform: scale(1, -1);
}

.ui-select__placeholder {
    transition: 0.2s;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select__placeholder--desktop {
        display: none;
    }
}

.ui-select__placeholder--mobile {
    display: none;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select__placeholder--mobile {
        display: block;
    }
}

.ui-select--selected .ui-select__placeholder {
    display: none;
}

.ui-select--gray .ui-select__placeholder {
    color: rgba(68, 70, 66, 0.5);
}

.ui-select__text {
    display: none;
}

.ui-select--selected .ui-select__text {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
}

.ui-select__label {
    display: none;
    margin-top: 5px;
    font-size: 11px;
    line-height: 100%;
}

.ui-select__label span {
    font-weight: 700;
}

.ui-select--selected .ui-select__label {
    display: block;
}

.ui-select--opened.ui-select--selected .ui-select__label {
    display: none;
}

.ui-select__options {
    display: none !important;
    width: 100%;
    max-height: 270px;
    overflow: auto;
    padding: 10px 0;
    border: solid 1px #444642;
    border-top: none;
    background: #FFFFFF;
    position: absolute !important;
    left: 0;
    top: 100%;
    z-index: 100;
}

.ui-select--opened .ui-select__options {
    display: block !important;
}

.ui-select--gray .ui-select__options {
    padding: 0;
    background-color: #f3f3f3;
    border-color: transparent;
}

@media (min-width: 0) and (max-width: 767px) {
    .projects-filter__select .ui-select--gray .ui-select__options {
        padding: 7px 19px 15px;
        background: #ffffff;
    }
}

.ui-select-option {
    padding: 8px 17px;
    background: #FFFFFF;
    transition: 0.2s;
    white-space: nowrap;
    cursor: pointer;
}

.ui-select-option:hover {
    color: #86bc25;
}

.ui-select-option--selected {
    font-weight: 700;
}

.ui-select-option p {
    margin: 0;
}

.ui-select-option__delete {
    opacity: 0;
    width: 12px;
    height: 12px;
    position: relative;
    transition: 0.2s;
}

.ui-select-option__delete::before, .ui-select-option__delete::after {
    content: '';
    width: 1px;
    height: 12px;
    background: #000000;
    position: absolute;
    top: 0;
    left: 6px;
}

.ui-select-option__delete::before {
    transform: rotate(45deg);
}

.ui-select-option__delete::after {
    transform: rotate(-45deg);
}

.ui-select-option--selected .ui-select-option__delete {
    opacity: 1;
}

.ui-select--gray .ui-select-option {
    padding: 9px 19px 10px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ffffff;
}

.ui-select--gray .ui-select-option:last-child {
    border-color: transparent;
}

.ui-select--gray .ui-select-option:hover {
    color: #ffbb00;
}

.ui-select--gray .ui-select-option--selected {
    font-weight: 700;
}

.ui-select--multiple .ui-select-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select--gray.ui-select--multiple .ui-select-option {
        padding: 5px 10px;
        background: #ffffff;
    }
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-select--gray.ui-select--multiple .ui-select-option--selected {
        background: #f3f3f3;
    }
}

.ui-select .scrollbar-track-y {
    width: 3px !important;
    background-color: #f3f3f3 !important;
}

.ui-select .scrollbar-thumb-y {
    width: 3px !important;
    background: #86bc25 !important;
}

.ui-select .scrollbar-thumb-x {
    width: 3px !important;
    background: red !important;
}

.ui-slider-arrow {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    display: flex;
    align-items: center;
    color: #444642;
    font-size: 27px;
    transition: 0.2s;
}

.ui-slider-arrow--left {
    left: -11px;
    justify-content: flex-start;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-slider-arrow--left {
        left: -9px;
    }
}

.ui-slider-arrow--right {
    right: -11px;
    justify-content: flex-end;
    text-align: right;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-slider-arrow--right {
        right: -9px;
    }
}

.ui-slider-arrow--right i {
    text-align: right;
}

.ui-slider-arrow:hover {
    color: #86bc25;
}

.ui-slider-arrow i {
    width: 30px;
    height: 30px;
}

.ui-table__container {
    overflow: hidden;
    position: relative;
}

@media (min-width: 0) and (max-width: 1279px) {
    .ui-table__container::before {
        content: '';
        width: 62px;
        height: 100%;
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
        position: absolute;
        top: 0;
        right: 0;
        opacity: 1;
        transition: opacity 0.2s;
    }
}

.ui-table--overflow-hidden .ui-table__container::after {
    content: '';
    width: 100%;
    height: 60px;
    background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    position: absolute;
    left: 0;
    bottom: 0;
}

.ui-table--scrolled-end .ui-table__container::before {
    opacity: 0;
}

.ui-table__inner {
    overflow-x: auto;
}

.ui-table--overflow-hidden .ui-table__inner {
    max-height: 660px;
    overflow-y: hidden;
}

.ui-table--expanded .ui-table__inner {
    max-height: 100%;
}

.ui-table--expanded .ui-table__container::after {
    display: none;
}

.ui-table-more {
    padding-top: 6px;
    font-size: 14px;
    line-height: normal;
    text-align: left;
    display: inline-block;
    color: #86bc25;
    border-bottom: 1px solid #86bc25;
    transition: 0.2s;
    cursor: pointer;
}

.ui-table-more:hover {
    color: #ffbb00;
}

.ui-tabs-buttons {
    margin-bottom: 27px;
    overflow: hidden;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-tabs-buttons {
        height: 30px;
        position: relative;
    }

    .ui-tabs-buttons::after {
        content: '';
        width: 80px;
        height: 30px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        position: absolute;
        top: 0;
        right: -15px;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .ui-tabs-buttons--show-overlay::after {
        opacity: 1;
    }
}

.ui-tabs-buttons__inner {
    width: 100%;
    display: flex;
    overflow: auto;
}

@media (min-width: 0) and (max-width: 767px) {
    .ui-tabs-buttons__inner {
        padding-bottom: 10px;
    }
}

.ui-tabs-buttons__item {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #444642;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.2s;
}

.ui-tabs-buttons__item:hover {
    color: #86bc25;
}

.ui-tabs-buttons__item--active {
    background: #86bc25;
}

.ui-tabs-buttons__item--active:hover {
    color: #444642;
}

.ui-tabs-content {
    display: none;
}

.ui-tabs-content--active {
    display: block;
}

.title_n {
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
}

@media (max-width: 1439px) {
    .title_n {
        font-size: 32px;
    }
}

@media (max-width: 1279px) {
    .title_n {
        font-size: 24px;
    }
}

.subtitle_n {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
}

@media (max-width: 1439px) {
    .subtitle_n {
        font-size: 16px;
    }
}

@media (max-width: 1279px) {
    .subtitle_n {
        font-size: 14px;
    }
}

.title_n--index {
    margin-bottom: 8px;
}

@use "sass:math";
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
}

.icon-stroke {
    stroke: currentColor;
    fill: none;
}

.icon-fill {
    fill: currentColor;
    stroke: none;
}

.icon-arrow-up {
    width: 1em;
}

.icon-icon-3d {
    width: 1em;
}

@use "sass:map";
.pl-2 {
    padding-left: 2px;
}

.pr-2 {
    padding-right: 2px;
}

.pt-2 {
    padding-top: 2px;
}

.pb-2 {
    padding-bottom: 2px;
}

.px-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pl-3 {
    padding-left: 3px;
}

.pr-3 {
    padding-right: 3px;
}

.pt-3 {
    padding-top: 3px;
}

.pb-3 {
    padding-bottom: 3px;
}

.px-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pl-4 {
    padding-left: 4px;
}

.pr-4 {
    padding-right: 4px;
}

.pt-4 {
    padding-top: 4px;
}

.pb-4 {
    padding-bottom: 4px;
}

.px-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.py-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.px-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pl-6 {
    padding-left: 6px;
}

.pr-6 {
    padding-right: 6px;
}

.pt-6 {
    padding-top: 6px;
}

.pb-6 {
    padding-bottom: 6px;
}

.px-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pl-8 {
    padding-left: 8px;
}

.pr-8 {
    padding-right: 8px;
}

.pt-8 {
    padding-top: 8px;
}

.pb-8 {
    padding-bottom: 8px;
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pl-12 {
    padding-left: 12px;
}

.pr-12 {
    padding-right: 12px;
}

.pt-12 {
    padding-top: 12px;
}

.pb-12 {
    padding-bottom: 12px;
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pl-14 {
    padding-left: 14px;
}

.pr-14 {
    padding-right: 14px;
}

.pt-14 {
    padding-top: 14px;
}

.pb-14 {
    padding-bottom: 14px;
}

.px-14 {
    padding-left: 14px;
    padding-right: 14px;
}

.py-14 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.pl-16 {
    padding-left: 16px;
}

.pr-16 {
    padding-right: 16px;
}

.pt-16 {
    padding-top: 16px;
}

.pb-16 {
    padding-bottom: 16px;
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pl-24 {
    padding-left: 24px;
}

.pr-24 {
    padding-right: 24px;
}

.pt-24 {
    padding-top: 24px;
}

.pb-24 {
    padding-bottom: 24px;
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pl-32 {
    padding-left: 32px;
}

.pr-32 {
    padding-right: 32px;
}

.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.px-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-40 {
    padding-right: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pl-48 {
    padding-left: 48px;
}

.pr-48 {
    padding-right: 48px;
}

.pt-48 {
    padding-top: 48px;
}

.pb-48 {
    padding-bottom: 48px;
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.py-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.pl-56 {
    padding-left: 56px;
}

.pr-56 {
    padding-right: 56px;
}

.pt-56 {
    padding-top: 56px;
}

.pb-56 {
    padding-bottom: 56px;
}

.px-56 {
    padding-left: 56px;
    padding-right: 56px;
}

.py-56 {
    padding-top: 56px;
    padding-bottom: 56px;
}

.pl-64 {
    padding-left: 64px;
}

.pr-64 {
    padding-right: 64px;
}

.pt-64 {
    padding-top: 64px;
}

.pb-64 {
    padding-bottom: 64px;
}

.px-64 {
    padding-left: 64px;
    padding-right: 64px;
}

.py-64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.pl-72 {
    padding-left: 72px;
}

.pr-72 {
    padding-right: 72px;
}

.pt-72 {
    padding-top: 72px;
}

.pb-72 {
    padding-bottom: 72px;
}

.px-72 {
    padding-left: 72px;
    padding-right: 72px;
}

.py-72 {
    padding-top: 72px;
    padding-bottom: 72px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (min-width: 1024px) {
    .pl-xs-2 {
        padding-left: 2px;
    }

    .pr-xs-2 {
        padding-right: 2px;
    }

    .pt-xs-2 {
        padding-top: 2px;
    }

    .pb-xs-2 {
        padding-bottom: 2px;
    }

    .px-xs-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .py-xs-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-3 {
        padding-left: 3px;
    }

    .pr-xs-3 {
        padding-right: 3px;
    }

    .pt-xs-3 {
        padding-top: 3px;
    }

    .pb-xs-3 {
        padding-bottom: 3px;
    }

    .px-xs-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .py-xs-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-4 {
        padding-left: 4px;
    }

    .pr-xs-4 {
        padding-right: 4px;
    }

    .pt-xs-4 {
        padding-top: 4px;
    }

    .pb-xs-4 {
        padding-bottom: 4px;
    }

    .px-xs-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .py-xs-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-5 {
        padding-left: 5px;
    }

    .pr-xs-5 {
        padding-right: 5px;
    }

    .pt-xs-5 {
        padding-top: 5px;
    }

    .pb-xs-5 {
        padding-bottom: 5px;
    }

    .px-xs-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .py-xs-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-6 {
        padding-left: 6px;
    }

    .pr-xs-6 {
        padding-right: 6px;
    }

    .pt-xs-6 {
        padding-top: 6px;
    }

    .pb-xs-6 {
        padding-bottom: 6px;
    }

    .px-xs-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .py-xs-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-8 {
        padding-left: 8px;
    }

    .pr-xs-8 {
        padding-right: 8px;
    }

    .pt-xs-8 {
        padding-top: 8px;
    }

    .pb-xs-8 {
        padding-bottom: 8px;
    }

    .px-xs-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .py-xs-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-10 {
        padding-left: 10px;
    }

    .pr-xs-10 {
        padding-right: 10px;
    }

    .pt-xs-10 {
        padding-top: 10px;
    }

    .pb-xs-10 {
        padding-bottom: 10px;
    }

    .px-xs-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .py-xs-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-12 {
        padding-left: 12px;
    }

    .pr-xs-12 {
        padding-right: 12px;
    }

    .pt-xs-12 {
        padding-top: 12px;
    }

    .pb-xs-12 {
        padding-bottom: 12px;
    }

    .px-xs-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .py-xs-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-14 {
        padding-left: 14px;
    }

    .pr-xs-14 {
        padding-right: 14px;
    }

    .pt-xs-14 {
        padding-top: 14px;
    }

    .pb-xs-14 {
        padding-bottom: 14px;
    }

    .px-xs-14 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .py-xs-14 {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-16 {
        padding-left: 16px;
    }

    .pr-xs-16 {
        padding-right: 16px;
    }

    .pt-xs-16 {
        padding-top: 16px;
    }

    .pb-xs-16 {
        padding-bottom: 16px;
    }

    .px-xs-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .py-xs-16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-20 {
        padding-left: 20px;
    }

    .pr-xs-20 {
        padding-right: 20px;
    }

    .pt-xs-20 {
        padding-top: 20px;
    }

    .pb-xs-20 {
        padding-bottom: 20px;
    }

    .px-xs-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-xs-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-24 {
        padding-left: 24px;
    }

    .pr-xs-24 {
        padding-right: 24px;
    }

    .pt-xs-24 {
        padding-top: 24px;
    }

    .pb-xs-24 {
        padding-bottom: 24px;
    }

    .px-xs-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .py-xs-24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-30 {
        padding-left: 30px;
    }

    .pr-xs-30 {
        padding-right: 30px;
    }

    .pt-xs-30 {
        padding-top: 30px;
    }

    .pb-xs-30 {
        padding-bottom: 30px;
    }

    .px-xs-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .py-xs-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-32 {
        padding-left: 32px;
    }

    .pr-xs-32 {
        padding-right: 32px;
    }

    .pt-xs-32 {
        padding-top: 32px;
    }

    .pb-xs-32 {
        padding-bottom: 32px;
    }

    .px-xs-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .py-xs-32 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-40 {
        padding-left: 40px;
    }

    .pr-xs-40 {
        padding-right: 40px;
    }

    .pt-xs-40 {
        padding-top: 40px;
    }

    .pb-xs-40 {
        padding-bottom: 40px;
    }

    .px-xs-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .py-xs-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-48 {
        padding-left: 48px;
    }

    .pr-xs-48 {
        padding-right: 48px;
    }

    .pt-xs-48 {
        padding-top: 48px;
    }

    .pb-xs-48 {
        padding-bottom: 48px;
    }

    .px-xs-48 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .py-xs-48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-56 {
        padding-left: 56px;
    }

    .pr-xs-56 {
        padding-right: 56px;
    }

    .pt-xs-56 {
        padding-top: 56px;
    }

    .pb-xs-56 {
        padding-bottom: 56px;
    }

    .px-xs-56 {
        padding-left: 56px;
        padding-right: 56px;
    }

    .py-xs-56 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-64 {
        padding-left: 64px;
    }

    .pr-xs-64 {
        padding-right: 64px;
    }

    .pt-xs-64 {
        padding-top: 64px;
    }

    .pb-xs-64 {
        padding-bottom: 64px;
    }

    .px-xs-64 {
        padding-left: 64px;
        padding-right: 64px;
    }

    .py-xs-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-72 {
        padding-left: 72px;
    }

    .pr-xs-72 {
        padding-right: 72px;
    }

    .pt-xs-72 {
        padding-top: 72px;
    }

    .pb-xs-72 {
        padding-bottom: 72px;
    }

    .px-xs-72 {
        padding-left: 72px;
        padding-right: 72px;
    }

    .py-xs-72 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
}

@media (min-width: 1024px) {
    .pl-xs-0 {
        padding-left: 0px;
    }

    .pr-xs-0 {
        padding-right: 0px;
    }

    .pt-xs-0 {
        padding-top: 0px;
    }

    .pb-xs-0 {
        padding-bottom: 0px;
    }

    .px-xs-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .py-xs-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .pl-md-2 {
        padding-left: 2px;
    }

    .pr-md-2 {
        padding-right: 2px;
    }

    .pt-md-2 {
        padding-top: 2px;
    }

    .pb-md-2 {
        padding-bottom: 2px;
    }

    .px-md-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .py-md-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media (min-width: 1280px) {
    .pl-md-3 {
        padding-left: 3px;
    }

    .pr-md-3 {
        padding-right: 3px;
    }

    .pt-md-3 {
        padding-top: 3px;
    }

    .pb-md-3 {
        padding-bottom: 3px;
    }

    .px-md-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .py-md-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

@media (min-width: 1280px) {
    .pl-md-4 {
        padding-left: 4px;
    }

    .pr-md-4 {
        padding-right: 4px;
    }

    .pt-md-4 {
        padding-top: 4px;
    }

    .pb-md-4 {
        padding-bottom: 4px;
    }

    .px-md-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .py-md-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media (min-width: 1280px) {
    .pl-md-5 {
        padding-left: 5px;
    }

    .pr-md-5 {
        padding-right: 5px;
    }

    .pt-md-5 {
        padding-top: 5px;
    }

    .pb-md-5 {
        padding-bottom: 5px;
    }

    .px-md-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .py-md-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 1280px) {
    .pl-md-6 {
        padding-left: 6px;
    }

    .pr-md-6 {
        padding-right: 6px;
    }

    .pt-md-6 {
        padding-top: 6px;
    }

    .pb-md-6 {
        padding-bottom: 6px;
    }

    .px-md-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .py-md-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media (min-width: 1280px) {
    .pl-md-8 {
        padding-left: 8px;
    }

    .pr-md-8 {
        padding-right: 8px;
    }

    .pt-md-8 {
        padding-top: 8px;
    }

    .pb-md-8 {
        padding-bottom: 8px;
    }

    .px-md-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .py-md-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 1280px) {
    .pl-md-10 {
        padding-left: 10px;
    }

    .pr-md-10 {
        padding-right: 10px;
    }

    .pt-md-10 {
        padding-top: 10px;
    }

    .pb-md-10 {
        padding-bottom: 10px;
    }

    .px-md-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .py-md-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1280px) {
    .pl-md-12 {
        padding-left: 12px;
    }

    .pr-md-12 {
        padding-right: 12px;
    }

    .pt-md-12 {
        padding-top: 12px;
    }

    .pb-md-12 {
        padding-bottom: 12px;
    }

    .px-md-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .py-md-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 1280px) {
    .pl-md-14 {
        padding-left: 14px;
    }

    .pr-md-14 {
        padding-right: 14px;
    }

    .pt-md-14 {
        padding-top: 14px;
    }

    .pb-md-14 {
        padding-bottom: 14px;
    }

    .px-md-14 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .py-md-14 {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media (min-width: 1280px) {
    .pl-md-16 {
        padding-left: 16px;
    }

    .pr-md-16 {
        padding-right: 16px;
    }

    .pt-md-16 {
        padding-top: 16px;
    }

    .pb-md-16 {
        padding-bottom: 16px;
    }

    .px-md-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .py-md-16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1280px) {
    .pl-md-20 {
        padding-left: 20px;
    }

    .pr-md-20 {
        padding-right: 20px;
    }

    .pt-md-20 {
        padding-top: 20px;
    }

    .pb-md-20 {
        padding-bottom: 20px;
    }

    .px-md-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-md-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 1280px) {
    .pl-md-24 {
        padding-left: 24px;
    }

    .pr-md-24 {
        padding-right: 24px;
    }

    .pt-md-24 {
        padding-top: 24px;
    }

    .pb-md-24 {
        padding-bottom: 24px;
    }

    .px-md-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .py-md-24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media (min-width: 1280px) {
    .pl-md-30 {
        padding-left: 30px;
    }

    .pr-md-30 {
        padding-right: 30px;
    }

    .pt-md-30 {
        padding-top: 30px;
    }

    .pb-md-30 {
        padding-bottom: 30px;
    }

    .px-md-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .py-md-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1280px) {
    .pl-md-32 {
        padding-left: 32px;
    }

    .pr-md-32 {
        padding-right: 32px;
    }

    .pt-md-32 {
        padding-top: 32px;
    }

    .pb-md-32 {
        padding-bottom: 32px;
    }

    .px-md-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .py-md-32 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1280px) {
    .pl-md-40 {
        padding-left: 40px;
    }

    .pr-md-40 {
        padding-right: 40px;
    }

    .pt-md-40 {
        padding-top: 40px;
    }

    .pb-md-40 {
        padding-bottom: 40px;
    }

    .px-md-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .py-md-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1280px) {
    .pl-md-48 {
        padding-left: 48px;
    }

    .pr-md-48 {
        padding-right: 48px;
    }

    .pt-md-48 {
        padding-top: 48px;
    }

    .pb-md-48 {
        padding-bottom: 48px;
    }

    .px-md-48 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .py-md-48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

@media (min-width: 1280px) {
    .pl-md-56 {
        padding-left: 56px;
    }

    .pr-md-56 {
        padding-right: 56px;
    }

    .pt-md-56 {
        padding-top: 56px;
    }

    .pb-md-56 {
        padding-bottom: 56px;
    }

    .px-md-56 {
        padding-left: 56px;
        padding-right: 56px;
    }

    .py-md-56 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}

@media (min-width: 1280px) {
    .pl-md-64 {
        padding-left: 64px;
    }

    .pr-md-64 {
        padding-right: 64px;
    }

    .pt-md-64 {
        padding-top: 64px;
    }

    .pb-md-64 {
        padding-bottom: 64px;
    }

    .px-md-64 {
        padding-left: 64px;
        padding-right: 64px;
    }

    .py-md-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (min-width: 1280px) {
    .pl-md-72 {
        padding-left: 72px;
    }

    .pr-md-72 {
        padding-right: 72px;
    }

    .pt-md-72 {
        padding-top: 72px;
    }

    .pb-md-72 {
        padding-bottom: 72px;
    }

    .px-md-72 {
        padding-left: 72px;
        padding-right: 72px;
    }

    .py-md-72 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
}

@media (min-width: 1280px) {
    .pl-md-0 {
        padding-left: 0px;
    }

    .pr-md-0 {
        padding-right: 0px;
    }

    .pt-md-0 {
        padding-top: 0px;
    }

    .pb-md-0 {
        padding-bottom: 0px;
    }

    .px-md-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .py-md-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-2 {
        padding-left: 2px;
    }

    .pr-xl-2 {
        padding-right: 2px;
    }

    .pt-xl-2 {
        padding-top: 2px;
    }

    .pb-xl-2 {
        padding-bottom: 2px;
    }

    .px-xl-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .py-xl-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-3 {
        padding-left: 3px;
    }

    .pr-xl-3 {
        padding-right: 3px;
    }

    .pt-xl-3 {
        padding-top: 3px;
    }

    .pb-xl-3 {
        padding-bottom: 3px;
    }

    .px-xl-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .py-xl-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-4 {
        padding-left: 4px;
    }

    .pr-xl-4 {
        padding-right: 4px;
    }

    .pt-xl-4 {
        padding-top: 4px;
    }

    .pb-xl-4 {
        padding-bottom: 4px;
    }

    .px-xl-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .py-xl-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-5 {
        padding-left: 5px;
    }

    .pr-xl-5 {
        padding-right: 5px;
    }

    .pt-xl-5 {
        padding-top: 5px;
    }

    .pb-xl-5 {
        padding-bottom: 5px;
    }

    .px-xl-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .py-xl-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-6 {
        padding-left: 6px;
    }

    .pr-xl-6 {
        padding-right: 6px;
    }

    .pt-xl-6 {
        padding-top: 6px;
    }

    .pb-xl-6 {
        padding-bottom: 6px;
    }

    .px-xl-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .py-xl-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-8 {
        padding-left: 8px;
    }

    .pr-xl-8 {
        padding-right: 8px;
    }

    .pt-xl-8 {
        padding-top: 8px;
    }

    .pb-xl-8 {
        padding-bottom: 8px;
    }

    .px-xl-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .py-xl-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-10 {
        padding-left: 10px;
    }

    .pr-xl-10 {
        padding-right: 10px;
    }

    .pt-xl-10 {
        padding-top: 10px;
    }

    .pb-xl-10 {
        padding-bottom: 10px;
    }

    .px-xl-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .py-xl-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-12 {
        padding-left: 12px;
    }

    .pr-xl-12 {
        padding-right: 12px;
    }

    .pt-xl-12 {
        padding-top: 12px;
    }

    .pb-xl-12 {
        padding-bottom: 12px;
    }

    .px-xl-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .py-xl-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-14 {
        padding-left: 14px;
    }

    .pr-xl-14 {
        padding-right: 14px;
    }

    .pt-xl-14 {
        padding-top: 14px;
    }

    .pb-xl-14 {
        padding-bottom: 14px;
    }

    .px-xl-14 {
        padding-left: 14px;
        padding-right: 14px;
    }

    .py-xl-14 {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-16 {
        padding-left: 16px;
    }

    .pr-xl-16 {
        padding-right: 16px;
    }

    .pt-xl-16 {
        padding-top: 16px;
    }

    .pb-xl-16 {
        padding-bottom: 16px;
    }

    .px-xl-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .py-xl-16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-20 {
        padding-left: 20px;
    }

    .pr-xl-20 {
        padding-right: 20px;
    }

    .pt-xl-20 {
        padding-top: 20px;
    }

    .pb-xl-20 {
        padding-bottom: 20px;
    }

    .px-xl-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .py-xl-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-24 {
        padding-left: 24px;
    }

    .pr-xl-24 {
        padding-right: 24px;
    }

    .pt-xl-24 {
        padding-top: 24px;
    }

    .pb-xl-24 {
        padding-bottom: 24px;
    }

    .px-xl-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .py-xl-24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-30 {
        padding-left: 30px;
    }

    .pr-xl-30 {
        padding-right: 30px;
    }

    .pt-xl-30 {
        padding-top: 30px;
    }

    .pb-xl-30 {
        padding-bottom: 30px;
    }

    .px-xl-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .py-xl-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-32 {
        padding-left: 32px;
    }

    .pr-xl-32 {
        padding-right: 32px;
    }

    .pt-xl-32 {
        padding-top: 32px;
    }

    .pb-xl-32 {
        padding-bottom: 32px;
    }

    .px-xl-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .py-xl-32 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-40 {
        padding-left: 40px;
    }

    .pr-xl-40 {
        padding-right: 40px;
    }

    .pt-xl-40 {
        padding-top: 40px;
    }

    .pb-xl-40 {
        padding-bottom: 40px;
    }

    .px-xl-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .py-xl-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-48 {
        padding-left: 48px;
    }

    .pr-xl-48 {
        padding-right: 48px;
    }

    .pt-xl-48 {
        padding-top: 48px;
    }

    .pb-xl-48 {
        padding-bottom: 48px;
    }

    .px-xl-48 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .py-xl-48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-56 {
        padding-left: 56px;
    }

    .pr-xl-56 {
        padding-right: 56px;
    }

    .pt-xl-56 {
        padding-top: 56px;
    }

    .pb-xl-56 {
        padding-bottom: 56px;
    }

    .px-xl-56 {
        padding-left: 56px;
        padding-right: 56px;
    }

    .py-xl-56 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-64 {
        padding-left: 64px;
    }

    .pr-xl-64 {
        padding-right: 64px;
    }

    .pt-xl-64 {
        padding-top: 64px;
    }

    .pb-xl-64 {
        padding-bottom: 64px;
    }

    .px-xl-64 {
        padding-left: 64px;
        padding-right: 64px;
    }

    .py-xl-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-72 {
        padding-left: 72px;
    }

    .pr-xl-72 {
        padding-right: 72px;
    }

    .pt-xl-72 {
        padding-top: 72px;
    }

    .pb-xl-72 {
        padding-bottom: 72px;
    }

    .px-xl-72 {
        padding-left: 72px;
        padding-right: 72px;
    }

    .py-xl-72 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
}

@media (min-width: 1440px) {
    .pl-xl-0 {
        padding-left: 0px;
    }

    .pr-xl-0 {
        padding-right: 0px;
    }

    .pt-xl-0 {
        padding-top: 0px;
    }

    .pb-xl-0 {
        padding-bottom: 0px;
    }

    .px-xl-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .py-xl-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.ml-2 {
    margin-left: 2px;
}

.mr-2 {
    margin-right: 2px;
}

.mt-2 {
    margin-top: 2px;
}

.mb-2 {
    margin-bottom: 2px;
}

.mx-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.my-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.ml-3 {
    margin-left: 3px;
}

.mr-3 {
    margin-right: 3px;
}

.mt-3 {
    margin-top: 3px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mx-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.my-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.ml-4 {
    margin-left: 4px;
}

.mr-4 {
    margin-right: 4px;
}

.mt-4 {
    margin-top: 4px;
}

.mb-4 {
    margin-bottom: 4px;
}

.mx-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.ml-5 {
    margin-left: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mx-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ml-6 {
    margin-left: 6px;
}

.mr-6 {
    margin-right: 6px;
}

.mt-6 {
    margin-top: 6px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mx-6 {
    margin-left: 6px;
    margin-right: 6px;
}

.my-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.ml-8 {
    margin-left: 8px;
}

.mr-8 {
    margin-right: 8px;
}

.mt-8 {
    margin-top: 8px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mx-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.my-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mx-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ml-12 {
    margin-left: 12px;
}

.mr-12 {
    margin-right: 12px;
}

.mt-12 {
    margin-top: 12px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mx-12 {
    margin-left: 12px;
    margin-right: 12px;
}

.my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.ml-14 {
    margin-left: 14px;
}

.mr-14 {
    margin-right: 14px;
}

.mt-14 {
    margin-top: 14px;
}

.mb-14 {
    margin-bottom: 14px;
}

.mx-14 {
    margin-left: 14px;
    margin-right: 14px;
}

.my-14 {
    margin-top: 14px;
    margin-bottom: 14px;
}

.ml-16 {
    margin-left: 16px;
}

.mr-16 {
    margin-right: 16px;
}

.mt-16 {
    margin-top: 16px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mx-16 {
    margin-left: 16px;
    margin-right: 16px;
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ml-24 {
    margin-left: 24px;
}

.mr-24 {
    margin-right: 24px;
}

.mt-24 {
    margin-top: 24px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mx-24 {
    margin-left: 24px;
    margin-right: 24px;
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mx-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.ml-32 {
    margin-left: 32px;
}

.mr-32 {
    margin-right: 32px;
}

.mt-32 {
    margin-top: 32px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mx-32 {
    margin-left: 32px;
    margin-right: 32px;
}

.my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.ml-48 {
    margin-left: 48px;
}

.mr-48 {
    margin-right: 48px;
}

.mt-48 {
    margin-top: 48px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mx-48 {
    margin-left: 48px;
    margin-right: 48px;
}

.my-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.ml-56 {
    margin-left: 56px;
}

.mr-56 {
    margin-right: 56px;
}

.mt-56 {
    margin-top: 56px;
}

.mb-56 {
    margin-bottom: 56px;
}

.mx-56 {
    margin-left: 56px;
    margin-right: 56px;
}

.my-56 {
    margin-top: 56px;
    margin-bottom: 56px;
}

.ml-64 {
    margin-left: 64px;
}

.mr-64 {
    margin-right: 64px;
}

.mt-64 {
    margin-top: 64px;
}

.mb-64 {
    margin-bottom: 64px;
}

.mx-64 {
    margin-left: 64px;
    margin-right: 64px;
}

.my-64 {
    margin-top: 64px;
    margin-bottom: 64px;
}

.ml-72 {
    margin-left: 72px;
}

.mr-72 {
    margin-right: 72px;
}

.mt-72 {
    margin-top: 72px;
}

.mb-72 {
    margin-bottom: 72px;
}

.mx-72 {
    margin-left: 72px;
    margin-right: 72px;
}

.my-72 {
    margin-top: 72px;
    margin-bottom: 72px;
}

.ml-0 {
    margin-left: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (min-width: 1024px) {
    .ml-xs-2 {
        margin-left: 2px;
    }

    .mr-xs-2 {
        margin-right: 2px;
    }

    .mt-xs-2 {
        margin-top: 2px;
    }

    .mb-xs-2 {
        margin-bottom: 2px;
    }

    .mx-xs-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .my-xs-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-3 {
        margin-left: 3px;
    }

    .mr-xs-3 {
        margin-right: 3px;
    }

    .mt-xs-3 {
        margin-top: 3px;
    }

    .mb-xs-3 {
        margin-bottom: 3px;
    }

    .mx-xs-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .my-xs-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-4 {
        margin-left: 4px;
    }

    .mr-xs-4 {
        margin-right: 4px;
    }

    .mt-xs-4 {
        margin-top: 4px;
    }

    .mb-xs-4 {
        margin-bottom: 4px;
    }

    .mx-xs-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .my-xs-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-5 {
        margin-left: 5px;
    }

    .mr-xs-5 {
        margin-right: 5px;
    }

    .mt-xs-5 {
        margin-top: 5px;
    }

    .mb-xs-5 {
        margin-bottom: 5px;
    }

    .mx-xs-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .my-xs-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-6 {
        margin-left: 6px;
    }

    .mr-xs-6 {
        margin-right: 6px;
    }

    .mt-xs-6 {
        margin-top: 6px;
    }

    .mb-xs-6 {
        margin-bottom: 6px;
    }

    .mx-xs-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .my-xs-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-8 {
        margin-left: 8px;
    }

    .mr-xs-8 {
        margin-right: 8px;
    }

    .mt-xs-8 {
        margin-top: 8px;
    }

    .mb-xs-8 {
        margin-bottom: 8px;
    }

    .mx-xs-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .my-xs-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-10 {
        margin-left: 10px;
    }

    .mr-xs-10 {
        margin-right: 10px;
    }

    .mt-xs-10 {
        margin-top: 10px;
    }

    .mb-xs-10 {
        margin-bottom: 10px;
    }

    .mx-xs-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .my-xs-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-12 {
        margin-left: 12px;
    }

    .mr-xs-12 {
        margin-right: 12px;
    }

    .mt-xs-12 {
        margin-top: 12px;
    }

    .mb-xs-12 {
        margin-bottom: 12px;
    }

    .mx-xs-12 {
        margin-left: 12px;
        margin-right: 12px;
    }

    .my-xs-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-14 {
        margin-left: 14px;
    }

    .mr-xs-14 {
        margin-right: 14px;
    }

    .mt-xs-14 {
        margin-top: 14px;
    }

    .mb-xs-14 {
        margin-bottom: 14px;
    }

    .mx-xs-14 {
        margin-left: 14px;
        margin-right: 14px;
    }

    .my-xs-14 {
        margin-top: 14px;
        margin-bottom: 14px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-16 {
        margin-left: 16px;
    }

    .mr-xs-16 {
        margin-right: 16px;
    }

    .mt-xs-16 {
        margin-top: 16px;
    }

    .mb-xs-16 {
        margin-bottom: 16px;
    }

    .mx-xs-16 {
        margin-left: 16px;
        margin-right: 16px;
    }

    .my-xs-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-20 {
        margin-left: 20px;
    }

    .mr-xs-20 {
        margin-right: 20px;
    }

    .mt-xs-20 {
        margin-top: 20px;
    }

    .mb-xs-20 {
        margin-bottom: 20px;
    }

    .mx-xs-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-xs-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-24 {
        margin-left: 24px;
    }

    .mr-xs-24 {
        margin-right: 24px;
    }

    .mt-xs-24 {
        margin-top: 24px;
    }

    .mb-xs-24 {
        margin-bottom: 24px;
    }

    .mx-xs-24 {
        margin-left: 24px;
        margin-right: 24px;
    }

    .my-xs-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-30 {
        margin-left: 30px;
    }

    .mr-xs-30 {
        margin-right: 30px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    .mx-xs-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .my-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-32 {
        margin-left: 32px;
    }

    .mr-xs-32 {
        margin-right: 32px;
    }

    .mt-xs-32 {
        margin-top: 32px;
    }

    .mb-xs-32 {
        margin-bottom: 32px;
    }

    .mx-xs-32 {
        margin-left: 32px;
        margin-right: 32px;
    }

    .my-xs-32 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-40 {
        margin-left: 40px;
    }

    .mr-xs-40 {
        margin-right: 40px;
    }

    .mt-xs-40 {
        margin-top: 40px;
    }

    .mb-xs-40 {
        margin-bottom: 40px;
    }

    .mx-xs-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .my-xs-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-48 {
        margin-left: 48px;
    }

    .mr-xs-48 {
        margin-right: 48px;
    }

    .mt-xs-48 {
        margin-top: 48px;
    }

    .mb-xs-48 {
        margin-bottom: 48px;
    }

    .mx-xs-48 {
        margin-left: 48px;
        margin-right: 48px;
    }

    .my-xs-48 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-56 {
        margin-left: 56px;
    }

    .mr-xs-56 {
        margin-right: 56px;
    }

    .mt-xs-56 {
        margin-top: 56px;
    }

    .mb-xs-56 {
        margin-bottom: 56px;
    }

    .mx-xs-56 {
        margin-left: 56px;
        margin-right: 56px;
    }

    .my-xs-56 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-64 {
        margin-left: 64px;
    }

    .mr-xs-64 {
        margin-right: 64px;
    }

    .mt-xs-64 {
        margin-top: 64px;
    }

    .mb-xs-64 {
        margin-bottom: 64px;
    }

    .mx-xs-64 {
        margin-left: 64px;
        margin-right: 64px;
    }

    .my-xs-64 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-72 {
        margin-left: 72px;
    }

    .mr-xs-72 {
        margin-right: 72px;
    }

    .mt-xs-72 {
        margin-top: 72px;
    }

    .mb-xs-72 {
        margin-bottom: 72px;
    }

    .mx-xs-72 {
        margin-left: 72px;
        margin-right: 72px;
    }

    .my-xs-72 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
}

@media (min-width: 1024px) {
    .ml-xs-0 {
        margin-left: 0px;
    }

    .mr-xs-0 {
        margin-right: 0px;
    }

    .mt-xs-0 {
        margin-top: 0px;
    }

    .mb-xs-0 {
        margin-bottom: 0px;
    }

    .mx-xs-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .my-xs-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .ml-md-2 {
        margin-left: 2px;
    }

    .mr-md-2 {
        margin-right: 2px;
    }

    .mt-md-2 {
        margin-top: 2px;
    }

    .mb-md-2 {
        margin-bottom: 2px;
    }

    .mx-md-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .my-md-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

@media (min-width: 1280px) {
    .ml-md-3 {
        margin-left: 3px;
    }

    .mr-md-3 {
        margin-right: 3px;
    }

    .mt-md-3 {
        margin-top: 3px;
    }

    .mb-md-3 {
        margin-bottom: 3px;
    }

    .mx-md-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .my-md-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }
}

@media (min-width: 1280px) {
    .ml-md-4 {
        margin-left: 4px;
    }

    .mr-md-4 {
        margin-right: 4px;
    }

    .mt-md-4 {
        margin-top: 4px;
    }

    .mb-md-4 {
        margin-bottom: 4px;
    }

    .mx-md-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .my-md-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

@media (min-width: 1280px) {
    .ml-md-5 {
        margin-left: 5px;
    }

    .mr-md-5 {
        margin-right: 5px;
    }

    .mt-md-5 {
        margin-top: 5px;
    }

    .mb-md-5 {
        margin-bottom: 5px;
    }

    .mx-md-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .my-md-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1280px) {
    .ml-md-6 {
        margin-left: 6px;
    }

    .mr-md-6 {
        margin-right: 6px;
    }

    .mt-md-6 {
        margin-top: 6px;
    }

    .mb-md-6 {
        margin-bottom: 6px;
    }

    .mx-md-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .my-md-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }
}

@media (min-width: 1280px) {
    .ml-md-8 {
        margin-left: 8px;
    }

    .mr-md-8 {
        margin-right: 8px;
    }

    .mt-md-8 {
        margin-top: 8px;
    }

    .mb-md-8 {
        margin-bottom: 8px;
    }

    .mx-md-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .my-md-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media (min-width: 1280px) {
    .ml-md-10 {
        margin-left: 10px;
    }

    .mr-md-10 {
        margin-right: 10px;
    }

    .mt-md-10 {
        margin-top: 10px;
    }

    .mb-md-10 {
        margin-bottom: 10px;
    }

    .mx-md-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .my-md-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 1280px) {
    .ml-md-12 {
        margin-left: 12px;
    }

    .mr-md-12 {
        margin-right: 12px;
    }

    .mt-md-12 {
        margin-top: 12px;
    }

    .mb-md-12 {
        margin-bottom: 12px;
    }

    .mx-md-12 {
        margin-left: 12px;
        margin-right: 12px;
    }

    .my-md-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media (min-width: 1280px) {
    .ml-md-14 {
        margin-left: 14px;
    }

    .mr-md-14 {
        margin-right: 14px;
    }

    .mt-md-14 {
        margin-top: 14px;
    }

    .mb-md-14 {
        margin-bottom: 14px;
    }

    .mx-md-14 {
        margin-left: 14px;
        margin-right: 14px;
    }

    .my-md-14 {
        margin-top: 14px;
        margin-bottom: 14px;
    }
}

@media (min-width: 1280px) {
    .ml-md-16 {
        margin-left: 16px;
    }

    .mr-md-16 {
        margin-right: 16px;
    }

    .mt-md-16 {
        margin-top: 16px;
    }

    .mb-md-16 {
        margin-bottom: 16px;
    }

    .mx-md-16 {
        margin-left: 16px;
        margin-right: 16px;
    }

    .my-md-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

@media (min-width: 1280px) {
    .ml-md-20 {
        margin-left: 20px;
    }

    .mr-md-20 {
        margin-right: 20px;
    }

    .mt-md-20 {
        margin-top: 20px;
    }

    .mb-md-20 {
        margin-bottom: 20px;
    }

    .mx-md-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-md-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1280px) {
    .ml-md-24 {
        margin-left: 24px;
    }

    .mr-md-24 {
        margin-right: 24px;
    }

    .mt-md-24 {
        margin-top: 24px;
    }

    .mb-md-24 {
        margin-bottom: 24px;
    }

    .mx-md-24 {
        margin-left: 24px;
        margin-right: 24px;
    }

    .my-md-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1280px) {
    .ml-md-30 {
        margin-left: 30px;
    }

    .mr-md-30 {
        margin-right: 30px;
    }

    .mt-md-30 {
        margin-top: 30px;
    }

    .mb-md-30 {
        margin-bottom: 30px;
    }

    .mx-md-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .my-md-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1280px) {
    .ml-md-32 {
        margin-left: 32px;
    }

    .mr-md-32 {
        margin-right: 32px;
    }

    .mt-md-32 {
        margin-top: 32px;
    }

    .mb-md-32 {
        margin-bottom: 32px;
    }

    .mx-md-32 {
        margin-left: 32px;
        margin-right: 32px;
    }

    .my-md-32 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

@media (min-width: 1280px) {
    .ml-md-40 {
        margin-left: 40px;
    }

    .mr-md-40 {
        margin-right: 40px;
    }

    .mt-md-40 {
        margin-top: 40px;
    }

    .mb-md-40 {
        margin-bottom: 40px;
    }

    .mx-md-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .my-md-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1280px) {
    .ml-md-48 {
        margin-left: 48px;
    }

    .mr-md-48 {
        margin-right: 48px;
    }

    .mt-md-48 {
        margin-top: 48px;
    }

    .mb-md-48 {
        margin-bottom: 48px;
    }

    .mx-md-48 {
        margin-left: 48px;
        margin-right: 48px;
    }

    .my-md-48 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

@media (min-width: 1280px) {
    .ml-md-56 {
        margin-left: 56px;
    }

    .mr-md-56 {
        margin-right: 56px;
    }

    .mt-md-56 {
        margin-top: 56px;
    }

    .mb-md-56 {
        margin-bottom: 56px;
    }

    .mx-md-56 {
        margin-left: 56px;
        margin-right: 56px;
    }

    .my-md-56 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
}

@media (min-width: 1280px) {
    .ml-md-64 {
        margin-left: 64px;
    }

    .mr-md-64 {
        margin-right: 64px;
    }

    .mt-md-64 {
        margin-top: 64px;
    }

    .mb-md-64 {
        margin-bottom: 64px;
    }

    .mx-md-64 {
        margin-left: 64px;
        margin-right: 64px;
    }

    .my-md-64 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
}

@media (min-width: 1280px) {
    .ml-md-72 {
        margin-left: 72px;
    }

    .mr-md-72 {
        margin-right: 72px;
    }

    .mt-md-72 {
        margin-top: 72px;
    }

    .mb-md-72 {
        margin-bottom: 72px;
    }

    .mx-md-72 {
        margin-left: 72px;
        margin-right: 72px;
    }

    .my-md-72 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
}

@media (min-width: 1280px) {
    .ml-md-0 {
        margin-left: 0px;
    }

    .mr-md-0 {
        margin-right: 0px;
    }

    .mt-md-0 {
        margin-top: 0px;
    }

    .mb-md-0 {
        margin-bottom: 0px;
    }

    .mx-md-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .my-md-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-2 {
        margin-left: 2px;
    }

    .mr-xl-2 {
        margin-right: 2px;
    }

    .mt-xl-2 {
        margin-top: 2px;
    }

    .mb-xl-2 {
        margin-bottom: 2px;
    }

    .mx-xl-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .my-xl-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-3 {
        margin-left: 3px;
    }

    .mr-xl-3 {
        margin-right: 3px;
    }

    .mt-xl-3 {
        margin-top: 3px;
    }

    .mb-xl-3 {
        margin-bottom: 3px;
    }

    .mx-xl-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .my-xl-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-4 {
        margin-left: 4px;
    }

    .mr-xl-4 {
        margin-right: 4px;
    }

    .mt-xl-4 {
        margin-top: 4px;
    }

    .mb-xl-4 {
        margin-bottom: 4px;
    }

    .mx-xl-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .my-xl-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-5 {
        margin-left: 5px;
    }

    .mr-xl-5 {
        margin-right: 5px;
    }

    .mt-xl-5 {
        margin-top: 5px;
    }

    .mb-xl-5 {
        margin-bottom: 5px;
    }

    .mx-xl-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .my-xl-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-6 {
        margin-left: 6px;
    }

    .mr-xl-6 {
        margin-right: 6px;
    }

    .mt-xl-6 {
        margin-top: 6px;
    }

    .mb-xl-6 {
        margin-bottom: 6px;
    }

    .mx-xl-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .my-xl-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-8 {
        margin-left: 8px;
    }

    .mr-xl-8 {
        margin-right: 8px;
    }

    .mt-xl-8 {
        margin-top: 8px;
    }

    .mb-xl-8 {
        margin-bottom: 8px;
    }

    .mx-xl-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .my-xl-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-10 {
        margin-left: 10px;
    }

    .mr-xl-10 {
        margin-right: 10px;
    }

    .mt-xl-10 {
        margin-top: 10px;
    }

    .mb-xl-10 {
        margin-bottom: 10px;
    }

    .mx-xl-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .my-xl-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-12 {
        margin-left: 12px;
    }

    .mr-xl-12 {
        margin-right: 12px;
    }

    .mt-xl-12 {
        margin-top: 12px;
    }

    .mb-xl-12 {
        margin-bottom: 12px;
    }

    .mx-xl-12 {
        margin-left: 12px;
        margin-right: 12px;
    }

    .my-xl-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-14 {
        margin-left: 14px;
    }

    .mr-xl-14 {
        margin-right: 14px;
    }

    .mt-xl-14 {
        margin-top: 14px;
    }

    .mb-xl-14 {
        margin-bottom: 14px;
    }

    .mx-xl-14 {
        margin-left: 14px;
        margin-right: 14px;
    }

    .my-xl-14 {
        margin-top: 14px;
        margin-bottom: 14px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-16 {
        margin-left: 16px;
    }

    .mr-xl-16 {
        margin-right: 16px;
    }

    .mt-xl-16 {
        margin-top: 16px;
    }

    .mb-xl-16 {
        margin-bottom: 16px;
    }

    .mx-xl-16 {
        margin-left: 16px;
        margin-right: 16px;
    }

    .my-xl-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-20 {
        margin-left: 20px;
    }

    .mr-xl-20 {
        margin-right: 20px;
    }

    .mt-xl-20 {
        margin-top: 20px;
    }

    .mb-xl-20 {
        margin-bottom: 20px;
    }

    .mx-xl-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .my-xl-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-24 {
        margin-left: 24px;
    }

    .mr-xl-24 {
        margin-right: 24px;
    }

    .mt-xl-24 {
        margin-top: 24px;
    }

    .mb-xl-24 {
        margin-bottom: 24px;
    }

    .mx-xl-24 {
        margin-left: 24px;
        margin-right: 24px;
    }

    .my-xl-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-30 {
        margin-left: 30px;
    }

    .mr-xl-30 {
        margin-right: 30px;
    }

    .mt-xl-30 {
        margin-top: 30px;
    }

    .mb-xl-30 {
        margin-bottom: 30px;
    }

    .mx-xl-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .my-xl-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-32 {
        margin-left: 32px;
    }

    .mr-xl-32 {
        margin-right: 32px;
    }

    .mt-xl-32 {
        margin-top: 32px;
    }

    .mb-xl-32 {
        margin-bottom: 32px;
    }

    .mx-xl-32 {
        margin-left: 32px;
        margin-right: 32px;
    }

    .my-xl-32 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-40 {
        margin-left: 40px;
    }

    .mr-xl-40 {
        margin-right: 40px;
    }

    .mt-xl-40 {
        margin-top: 40px;
    }

    .mb-xl-40 {
        margin-bottom: 40px;
    }

    .mx-xl-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .my-xl-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-48 {
        margin-left: 48px;
    }

    .mr-xl-48 {
        margin-right: 48px;
    }

    .mt-xl-48 {
        margin-top: 48px;
    }

    .mb-xl-48 {
        margin-bottom: 48px;
    }

    .mx-xl-48 {
        margin-left: 48px;
        margin-right: 48px;
    }

    .my-xl-48 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-56 {
        margin-left: 56px;
    }

    .mr-xl-56 {
        margin-right: 56px;
    }

    .mt-xl-56 {
        margin-top: 56px;
    }

    .mb-xl-56 {
        margin-bottom: 56px;
    }

    .mx-xl-56 {
        margin-left: 56px;
        margin-right: 56px;
    }

    .my-xl-56 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-64 {
        margin-left: 64px;
    }

    .mr-xl-64 {
        margin-right: 64px;
    }

    .mt-xl-64 {
        margin-top: 64px;
    }

    .mb-xl-64 {
        margin-bottom: 64px;
    }

    .mx-xl-64 {
        margin-left: 64px;
        margin-right: 64px;
    }

    .my-xl-64 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-72 {
        margin-left: 72px;
    }

    .mr-xl-72 {
        margin-right: 72px;
    }

    .mt-xl-72 {
        margin-top: 72px;
    }

    .mb-xl-72 {
        margin-bottom: 72px;
    }

    .mx-xl-72 {
        margin-left: 72px;
        margin-right: 72px;
    }

    .my-xl-72 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
}

@media (min-width: 1440px) {
    .ml-xl-0 {
        margin-left: 0px;
    }

    .mr-xl-0 {
        margin-right: 0px;
    }

    .mt-xl-0 {
        margin-top: 0px;
    }

    .mb-xl-0 {
        margin-bottom: 0px;
    }

    .mx-xl-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .my-xl-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.gap-2 {
    gap: 2px;
    display: flex;
}

.gap-2:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-3 {
    gap: 3px;
    display: flex;
}

.gap-3:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-4 {
    gap: 4px;
    display: flex;
}

.gap-4:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-5 {
    gap: 5px;
    display: flex;
}

.gap-5:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-6 {
    gap: 6px;
    display: flex;
}

.gap-6:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-8 {
    gap: 8px;
    display: flex;
}

.gap-8:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-10 {
    gap: 10px;
    display: flex;
}

.gap-10:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-12 {
    gap: 12px;
    display: flex;
}

.gap-12:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-14 {
    gap: 14px;
    display: flex;
}

.gap-14:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-16 {
    gap: 16px;
    display: flex;
}

.gap-16:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-20 {
    gap: 20px;
    display: flex;
}

.gap-20:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-24 {
    gap: 24px;
    display: flex;
}

.gap-24:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-30 {
    gap: 30px;
    display: flex;
}

.gap-30:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-32 {
    gap: 32px;
    display: flex;
}

.gap-32:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-40 {
    gap: 40px;
    display: flex;
}

.gap-40:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-48 {
    gap: 48px;
    display: flex;
}

.gap-48:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-56 {
    gap: 56px;
    display: flex;
}

.gap-56:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-64 {
    gap: 64px;
    display: flex;
}

.gap-64:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-72 {
    gap: 72px;
    display: flex;
}

.gap-72:not(.flex-nowrap) {
    flex-wrap: wrap;
}

.gap-0 {
    gap: 0px;
    display: flex;
}

.gap-0:not(.flex-nowrap) {
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .gap-xs-2 {
        gap: 2px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-3 {
        gap: 3px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-4 {
        gap: 4px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-5 {
        gap: 5px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-6 {
        gap: 6px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-8 {
        gap: 8px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-10 {
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-12 {
        gap: 12px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-14 {
        gap: 14px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-16 {
        gap: 16px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-20 {
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-24 {
        gap: 24px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-30 {
        gap: 30px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-32 {
        gap: 32px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-40 {
        gap: 40px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-48 {
        gap: 48px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-56 {
        gap: 56px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-64 {
        gap: 64px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-72 {
        gap: 72px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1024px) {
    .gap-xs-0 {
        gap: 0px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-2 {
        gap: 2px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-3 {
        gap: 3px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-4 {
        gap: 4px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-5 {
        gap: 5px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-6 {
        gap: 6px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-8 {
        gap: 8px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-10 {
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-12 {
        gap: 12px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-14 {
        gap: 14px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-16 {
        gap: 16px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-20 {
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-24 {
        gap: 24px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-30 {
        gap: 30px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-32 {
        gap: 32px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-40 {
        gap: 40px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-48 {
        gap: 48px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-56 {
        gap: 56px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-64 {
        gap: 64px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-72 {
        gap: 72px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1280px) {
    .gap-md-0 {
        gap: 0px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-2 {
        gap: 2px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-3 {
        gap: 3px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-4 {
        gap: 4px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-5 {
        gap: 5px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-6 {
        gap: 6px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-8 {
        gap: 8px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-10 {
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-12 {
        gap: 12px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-14 {
        gap: 14px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-16 {
        gap: 16px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-20 {
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-24 {
        gap: 24px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-30 {
        gap: 30px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-32 {
        gap: 32px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-40 {
        gap: 40px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-48 {
        gap: 48px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-56 {
        gap: 56px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-64 {
        gap: 64px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-72 {
        gap: 72px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1440px) {
    .gap-xl-0 {
        gap: 0px;
        display: flex;
        flex-wrap: wrap;
    }
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

@media (max-width: 1023px) {
    .flex-wrap-mob {
        flex-wrap: wrap;
    }
}

@media (max-width: 1023px) {
    .flex-column-mob {
        flex-direction: column;
    }
}

.justify-space-between {
    justify-content: space-between;
}

.position-relative {
    position: relative;
}

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

p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.section--index {
    margin-bottom: 96px;
}

@media (max-width: 1439px) {
    .section--index {
        margin-bottom: 64px;
    }
}

.section-index--product-lines {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/product-lines-bg.jpg") center center no-repeat;
    background-size: cover;
    color: white;
    padding-top: 60px;
    height: 550px;
    overflow: hidden;
}

@media (max-width: 1439px) {
    .section-index--product-lines {
        height: 506px;
    }
}

@media (max-width: 1279px) {
    .section-index--product-lines {
        padding-top: 40px;
        height: 413px;
    }
}

@media (max-width: 1023px) {
    .section-index--product-lines {
        padding-top: 32px;
        min-height: auto;
        height: auto;
        padding-bottom: 0;
    }
}

.wrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1290px;
}

@media (max-width: 1439px) {
    .wrap {
        max-width: 1110px;
    }
}

@media (max-width: 1279px) {
    .wrap {
        max-width: 928px;
    }
}

@media (max-width: 1023px) {
    .wrap {
        max-width: calc(100% - 28px);
    }
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.bordered-default {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    transition: all .3s ease-in-out;
}

@media (max-width: 1439px) {
    .bordered-default.bordered-default--sm-4px {
        border-radius: 4px;
    }
}

@media (max-width: 1023px) {
    .bordered-default.bordered-default--sm-4px {
        border-radius: 8px;
    }
}

@media (max-width: 1279px) {
    .bordered-default.bordered-default--xs-4px {
        border-radius: 4px;
    }
}

@media (max-width: 1023px) {
    .bordered-default.bordered-default--xs-4px {
        border-radius: 8px;
    }
}

@media (hover: hover) {
    a.bordered-default:hover {
        border: 1px solid #86bc25;
        transition: all .3s ease-in-out;
    }
}

.text-bold {
    font-weight: 800;
}

.text-normal {
    font-weight: 400;
}

.color-yellow {
    color: #86bc25;
}

.color-black {
    color: #121318;
}

.swiper-container {
    height: auto;
}

.swiper-slide {
    height: auto;
}

.left-col-45 {
    width: 45%;
}

@media (max-width: 1023px) {
    .left-col-45 {
        width: 100%;
    }
}

.right-col-55 {
    width: calc(55% - 30px);
}

@media (max-width: 1023px) {
    .right-col-55 {
        width: 100%;
    }
}

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

.xl-visible {
    display: none;
}

@media (min-width: 1140px) {
    .xl-visible {
        display: block;
    }
}

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

.mob-visible {
    display: none;
}

@media (max-width: 1023px) {
    .mob-visible {
        display: flex;
    }
}

.md-visible {
    display: none;
}

@media (max-width: 1439px) {
    .md-visible {
        display: flex;
    }
}

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

.only-md-visible {
    display: none;
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .only-md-visible {
        display: flex;
    }
}

.only-xs-visible {
    display: none;
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .only-xs-visible {
        display: flex;
    }
}

body.menu--opened {
    overflow: hidden;
}

body.menu--opened .header_n__mob-icon-menu {
    display: none;
}

body.menu--opened .header_n__mob-icon-close {
    display: flex;
}

.main-nav_n {
    background: #EFEFEF;
    display: flex;
}

@media (max-width: 1439px) {
    .main-nav_n {
        height: 40px;
    }
}

.main-nav_n-menu {
    display: flex;
}

.main-nav_n__wrap {
    display: flex;
    justify-content: space-between;
}

.main-nav_n__nav-link,
.main-nav_n__bp-item__link {
    color: #121318;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    display: flex;
}

.main-nav_n__nav-link {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14px;
    padding-bottom: 12px;
    transition: all .3s ease-in-out;
}

@media (hover: hover) {
    .main-nav_n__nav-link:hover {
        background: #f2ab26;
        color: white;
        transition: all .3s ease-in-out;
    }
}

@media (max-width: 1439px) {
    .main-nav_n__nav-link {
        font-size: 13px;
        line-height: 1.1;
    }
}

@media (max-width: 1439px) {
    .main-nav_n__nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.main-nav_n__bp-item__link {
    margin-top: 3px;
    align-items: baseline;
}

.main-nav_n__bp-item__link svg {
    transform: translateX(0);
    transition: all .3s ease-in-out;
}

@media (min-width: 1440px) {
    .main-nav_n__bp-item__link svg {
        top: 1px;
        position: relative;
    }
}

.main-nav_n__bp-item__link span {
    position: relative;
    top: -4px;
}

@media (max-width: 1439px) {
    .main-nav_n__bp-item__link span {
        top: -6px;
    }
}

@media (hover: hover) {
    .main-nav_n__bp-item__link:hover svg {
        transform: translateX(2px);
        transition: all .3s ease-in-out;
    }
}

@media (max-width: 1439px) {
    .main-nav_n__bp-item__link {
        font-size: 13px;
        line-height: 1;
    }
}

.mobile-menu_n-wrap {
    display: none;
    position: fixed;
    background: white;
    z-index: 11;
    width: 100%;
    top: 63px;
    height: calc(100vh - 62px);
    padding: 16px 14px;
    overflow-y: auto;
}

.mobile-menu_n-wrap.mobile-menu_n-wrap--opened {
    display: block;
}

.mobile-menu_n__link {
    color: #121318;
    display: flex;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: .3s all ease-in-out;
}

@media (hover: hover) {
    .mobile-menu_n__link:hover {
        color: #86bc25;
        transition: .3s all ease-in-out;
    }
}

.mobile-menu_n__list {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 24px;
}

.mobile-menu_n__list:after {
    content: "";
    border-top: 1px solid #D9D9D9;
    width: 199px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.mobile-menu_n__login {
    color: #121318;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.index-main-nav_n__nav {
    padding-left: 317px;
}

@media (max-width: 1439px) {
    .index-main-nav_n__nav {
        padding-left: 249px;
    }
}

@media (max-width: 1279px) {
    .index-main-nav_n__nav {
        padding-left: 230px;
    }
}

.search_n__wrap {
    display: flex;
    position: relative;
}

.search_n__input {
    display: flex;
    flex: 1;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    font-weight: 500;
}

@media (max-width: 1439px) {
    .search_n__input {
        font-size: 10px;
        max-width: 265px;
        padding-left: 16px;
        border-bottom: 1px solid #232323;
    }
}

.search_n__icon {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
}

@media (max-width: 1439px) {
    .search_n__icon {
        height: 10px;
        width: 10px;
    }
}

@media (max-width: 1439px) {
    .search_n__icon svg {
        width: 10px;
        height: 10px;
    }
}

::placeholder {
    color: #121318;
}


.search_n__icon-mob-search {
    background: transparent;
    margin-left: 36px;
    margin-right: -6px;
}

.search_n__icon-mob-search svg {
    width: 20px;
    height: 20px;
}

.search_n__icon-search-close {
    display: none;
}

.search--opened .search_n__icon-search-close {
    display: block;
}

.search--opened .search_n__icon-search-open {
    display: none;
}

.header_n__search-mob {
    padding-left: 14px;
    padding-right: 14px;
    /*margin-top: 36px;*/
    display: none;
    background: white;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 24px;
}

.header_n__search-mob .search_n__input {
    max-width: 100%;
    font-size: 14px;
    padding: 7px 8px 7px 26px;
}

.header_n__search-mob .search_n__icon {
    top: 8px;
    left: 8px;
}

@media (max-width: 1439px) {
    .header_n__search-mob .search_n__icon {
        width: 14px;
        height: 14px;
    }
}

.header_n__search-mob .search_n__icon svg {
    width: 14px;
    height: 14px;
}

.header_n__search-mob.visible {
    display: block;
}

.header_n__mob-icon-close {
    display: none;
    background: transparent;
}

.footer_n {
    background: #121318;
    color: white;
    padding-top: 80px;
    padding-bottom: 102px;
    font-size: 14px;
}

@media (max-width: 1439px) {
    .footer_n {
        padding-top: 48px;
        padding-bottom: 64px;
    }
}

@media (max-width: 1279px) {
    .footer_n {
        padding-top: 40px;
        padding-bottom: 56px;
    }
}

@media (max-width: 1023px) {
    .footer_n {
        padding-top: 48px;
        padding-bottom: 96px;
        padding-right: 14px;
    }
}

.footer_n a {
    color: white;
    text-decoration: none;
}

.footer_n__logo-copyright {
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 1439px) {
    .footer_n__logo-copyright {
        font-size: 9px;
        line-height: 1.4;
    }
}

@media (max-width: 1279px) {
    .footer_n__logo-copyright {
        font-size: 8px;
    }
}

@media (max-width: 1023px) {
    .footer_n__logo-copyright {
        font-size: 12px;
    }
}

.footer_n__logo {
    margin-right: 65px;
}

@media (max-width: 1439px) {
    .footer_n__logo {
        margin-right: 20px;
    }
}

@media (max-width: 1439px) {
    .footer_n__logo > div {
        flex-direction: row;
        flex-wrap: nowrap;
        min-width: 220px;
    }
}

.footer_n__logo-pic {
    width: 100px;
}

@media (max-width: 1439px) {
    .footer_n__logo-pic {
        width: 70px;
    }
}

@media (max-width: 1023px) {
    .footer_n__logo-pic {
        width: 99px;
    }
}

.footer_n__nav {
    min-width: 28%;
    margin-right: 65px;
}

@media (max-width: 1439px) {
    .footer_n__nav {
        margin-top: -5px;
    }
}

@media (max-width: 1279px) {
    .footer_n__nav {
        margin-right: 43px;
    }
}

@media (max-width: 1023px) {
    .footer_n__nav {
        min-width: 100%;
    }
}

@media (max-width: 1439px) {
    .footer_n__contacts {
        font-size: 11px;
        line-height: 1.4;
    }
}

@media (max-width: 1279px) {
    .footer_n__contacts {
        font-size: 10px;
    }
}

@media (max-width: 1023px) {
    .footer_n__contacts {
        font-size: 14px;
    }
}

.footer_n__contacts p {
    padding-bottom: 0;
}

@media (max-width: 1279px) {
    .footer_n__contacts svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 1023px) {
    .footer_n__contacts svg {
        width: 18px;
        height: 18px;
    }
}

.footer_n__contacts .icon {
    width: 1.2em;
    height: 1.2em;
}

.footer_n__nav-link {
    color: white;
    transition: all .3s ease-in-out;
}

@media (hover: hover) {
    .footer_n__nav-link:hover {
        color: #86bc25;
        transition: all .3s ease-in-out;
    }
}

@media (max-width: 1439px) {
    .footer_n__nav-link {
        font-size: 11px;
        margin-bottom: 5px;
        margin-top: 0;
    }
}

@media (max-width: 1279px) {
    .footer_n__nav-link {
        font-size: 10px;
    }
}

@media (max-width: 1023px) {
    .footer_n__nav-link {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 1.4;
    }
}

.footer_n__nav-list {
    line-height: 1.4;
}

.footer_n__contacts {
    line-height: 1.4;
}

.index-main_n__wrap {
    display: flex;
    gap: 17px;
}

@media (max-width: 1439px) {
    .index-main_n__wrap {
        gap: 24px;
    }
}

@media (max-width: 1279px) {
    .index-main_n__wrap {
        gap: 16px;
    }
}

.index-main_n__catalog {
    margin-top: -39px;
}

@media (max-width: 1439px) {
    .index-main_n__catalog {
        margin-top: -34px;
    }
}

.index-main_n__right {
    width: 973px;
    min-width: 973px;
    max-width: 973px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1439px) {
    .index-main_n__right {
        width: 852px;
        min-width: 852px;
        max-width: 852px;
    }
}

@media (max-width: 1279px) {
    .index-main_n__right {
        width: 698px;
        min-width: 698px;
        max-width: 698px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__right {
        width: auto;
        min-width: 100%;
        max-width: 100%;
    }
}

.index-main_n__swiper {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.index-main_n-slider-item {
    display: flex;
    overflow: hidden;
}

.index-main_n-slider-item img {
    width: 100%;
}

.index-main_n__slider-nav {
    position: absolute;
    color: white;
    bottom: 32px;
    left: 32px;
}

@media (max-width: 1439px) {
    .index-main_n__slider-nav {
        bottom: 24px;
        left: 24px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__slider-nav {
        bottom: 16px;
        left: 16px;
    }
}

.index-main_n__slider-nav .ui-slider-arrow {
    color: white;
}

@media (hover: hover) {
    .index-main_n__slider-nav .ui-slider-arrow:hover {
        color: #86bc25;
    }
}

@media (max-width: 1439px) {
    .index-main_n__slider-nav .ui-slider-arrow.swiper-button-prev, .index-main_n__slider-nav .ui-slider-arrow.swiper-button-next {
        width: 32px;
        height: 32px;
    }

    .index-main_n__slider-nav .ui-slider-arrow.swiper-button-prev svg, .index-main_n__slider-nav .ui-slider-arrow.swiper-button-next svg {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 1279px) {
    .index-main_n__slider-nav .ui-slider-arrow.swiper-button-prev, .index-main_n__slider-nav .ui-slider-arrow.swiper-button-next {
        width: 24px;
        height: 24px;
    }

    .index-main_n__slider-nav .ui-slider-arrow.swiper-button-prev svg, .index-main_n__slider-nav .ui-slider-arrow.swiper-button-next svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__slider-nav .ui-slider-arrow.swiper-button-prev, .index-main_n__slider-nav .ui-slider-arrow.swiper-button-next {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 1279px) {
    .index-main_n__slider-nav .ui-slider-arrow svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__slider-nav .ui-slider-arrow svg {
        width: 32px !important;
        height: 32px !important;
    }
}

.index-main_n__info {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    flex: 1;
}

@media (max-width: 1023px) {
    .index-main_n__info {
        flex-wrap: wrap;
        flex-direction: column;
    }
}

.index-main_n__info-item {
    display: flex;
    align-items: center;
}

.index-main_n__info-join {
    margin-left: 8px;
}

@media (max-width: 1439px) {
    .index-main_n__info-join {
        margin-left: 0;
        max-width: 216px;
    }
}

@media (max-width: 1279px) {
    .index-main_n__info-join {
        margin-top: 10px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__info-join {
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        padding: 16px;
        margin-left: 0;
        margin-top: 0;
        max-width: none;
    }
}

.index-main_n__info-join-title {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.3;
}

@media (max-width: 1439px) {
    .index-main_n__info-join-title {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__info-join-title {
        font-size: 16px;
        margin-bottom: 19px;
        width: 222px;
    }
}

.index-main_n__news-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 16px 5px 16px;
    background: #86bc25;
    margin-top: 16px;
    margin-left: -5px;
    border-radius: 2px;
}

@media (max-width: 1439px) {
    .index-main_n__news-label {
        font-size: 11px;
        padding: 4px 12px 4px 12px;
        margin-top: 8px;
        line-height: 1.2;
    }
}

@media (max-width: 1023px) {
    .index-main_n__news-label {
        font-size: 14px;
        line-height: 18px;
        padding: 4px 16px 6px 16px;
        margin-top: 16px;
    }
}

.index-main_n__news-item {
    display: flex;
    flex-direction: column;
    width: 314px;
}

@media (max-width: 1439px) {
    .index-main_n__news-item {
        width: 222px;
    }
}

.index-main_n__news-title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    color: #121318;
}

@media (max-width: 1439px) {
    .index-main_n__news-title {
        font-size: 11px;
        padding-top: 7px;
        padding-left: 12px;
        padding-right: 22px;
    }
}

@media (max-width: 1023px) {
    .index-main_n__news-title {
        font-size: 16px;
        line-height: 1.3;
        padding: 16px 24px 32px 16px;
    }
}

.index-main_n__info-join-img {
    width: 37px;
}

.index-catalog_n {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
}

@media (max-width: 1439px) {
    .index-catalog_n {
        width: 234px;
        min-width: 234px;
        max-width: 234px;
    }
}

@media (max-width: 1279px) {
    .index-catalog_n {
        width: 214px;
        min-width: 214px;
        max-width: 214px;
    }
}

.index-catalog_n__title {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 16px;
    line-height: 1.25;
    height: 39px;
    display: flex;
    align-items: baseline;
    background: #86bc25;
    /*padding: 9px 16px;*/
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    justify-content: space-between;
}

@media (max-width: 1439px) {
    .index-catalog_n__title {
        font-size: 13px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: 34px;
        padding-left: 9px;
        padding-top: 3px;
        padding-right: 28px;
        /*padding: 8px 28px 12px 9px;*/
    }
}

@media (max-width: 1279px) {
    .index-catalog_n__title {
        padding-right: 10px;
    }
}

.index-catalog_n__title svg {
    position: relative;
}

@media (max-width: 1439px) {
    .index-catalog_n__title svg {
        width: 12px;
        top: 2px;
    }
}

.index-catalog_n__title-download svg {
    top: 2px;
}

@media (max-width: 1439px) {
    .index-catalog_n__title-download svg {
        top: 3px;
    }
}

.index-catalog_n__body {
    border: 1px solid #D9D9D9;
    border-top: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 4px;
    padding-bottom: 18px;
    height: calc(100% - 39px);
}

@media (max-width: 1439px) {
    .index-catalog_n__body {
        padding-bottom: 18px;
        border-radius: 4px;
        padding-top: 8px;
        height: calc(100% - 34px);
    }
}

@media (max-width: 1279px) {
    .index-catalog_n__body {
        padding-bottom: 10px;
    }
}

.index-catalog_n-menu__link {
    color: #121318;
    padding: 8px 23px 4px 10px;
    display: flex;
    align-items: baseline;
    transition: .3s all ease-in-out;
    font-size: 14px;
    line-height: 1.25;
}

@media (hover: hover) {
    .index-catalog_n-menu__link:hover {
        color: #86bc25;
        transition: .3s all ease-in-out;
    }
}

@media (max-width: 1439px) {
    .index-catalog_n-menu__link {
        font-size: 11px;
        padding: 0 16px 9px 10px;
    }
}

@media (max-width: 1279px) {
    .index-catalog_n-menu__link {
        padding-left: 10px;
        padding-right: 10px;
    }
}

a.index-catalog_n-menu__link svg {
    min-width: 20px;
    margin-right: 6px;
    top: 5px;
    position: relative;
}

@media (max-width: 1439px) {
    a.index-catalog_n-menu__link svg {
        min-width: 14px;
        max-width: 14px;
        height: 14px;
        top: 3px;
    }
}

.section-index_n--academy {
    position: relative;
    flex-direction: column;
    display: flex;
    /*overflow: hidden;*/
}

.index-section-academy_n__left-col {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 32px 72px 32px 32px;
    width: calc(1290px * .47);
    margin-left: calc((100% - 1290px) / 2);
}

@media (max-width: 1439px) {
    .index-section-academy_n__left-col {
        width: calc(1110px * .45);
        margin-left: calc((100% - 1110px) / 2);
        padding-right: 42px;
    }
}

@media (max-width: 1279px) {
    .index-section-academy_n__left-col {
        width: calc(928px * .47);
        margin-left: calc((100% - 928px) / 2);
        padding: 24px 72px 24px 24px;
    }
}

@media (max-width: 1023px) {
    .index-section-academy_n__left-col {
        width: calc(100% - 28px);
        margin-left: 14px;
        padding: 0;
        border-width: 0 !important;
    }
}

.index-section-academy_n__slider-col {
    /*display: flex;*/
    overflow: hidden;
    /*flex: 1;*/
    width: calc(100% - (1290px * .47 + 16px) - ((100% - 1290px) / 2));
}

@media (max-width: 1439px) {
    .index-section-academy_n__slider-col {
        width: calc(100% - (1110px * .45 + 16px) - ((100% - 1110px) / 2));
    }
}

@media (max-width: 1279px) {
    .index-section-academy_n__slider-col {
        max-width: calc(100% - (928px * .47 + 16px) - ((100% - 928px) / 2));
    }
}

@media (max-width: 1023px) {
    .index-section-academy_n__slider-col {
        width: 100%;
        max-width: 100%;
    }
}

.index-section-academy_n__slider-col .swiper-container {
    height: 100%;
}

.index-section-academy_n__descr {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

@media (max-width: 1439px) {
    .index-section-academy_n__descr {
        font-size: 13px;
    }
}

@media (max-width: 1279px) {
    .index-section-academy_n__descr {
        font-size: 14px;
        max-width: 337px;
    }
}

@media (max-width: 1023px) {
    .index-section-academy_n__descr {
        max-width: calc(100% - 28px);
        font-weight: 600;
    }
}

.index-section-academy_n__infographic-title {
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
    color: #86bc25;
}

@media (max-width: 1439px) {
    .index-section-academy_n__infographic-title {
        font-size: 32px;
    }
}

@media (max-width: 1279px) {
    .index-section-academy_n__infographic-title {
        font-size: 24px;
    }
}

.index-section-academy_n__infographic-descr {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 70%;
}

@media (max-width: 1439px) {
    .index-section-academy_n__infographic-descr {
        font-size: 11px;
    }
}

@media (max-width: 1279px) {
    .index-section-academy_n__infographic-descr {
        font-size: 12px;
        max-width: 100%;
    }
}

@media (max-width: 1023px) {
    .index-section-academy_n__infographic-descr {
        font-weight: 800;
    }
}

.index-academy-slider-item,
.index-section-academy_n__slider-col .swiper-slide {
    width: 307px;
}

.index-academy-slider-item {
    height: 100%;
    overflow: hidden;
    margin-left: 4px;
}

.index-academy-slider__pic {
    border-radius: 8px 8px 0 0;
    position: relative;
}

@media (max-width: 1279px) {
    .index-academy-slider__pic {
        border-radius: 4px 4px 0 0;
    }
}

.index-academy-slider__pic img {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    max-height: 310px;
}

@media (max-width: 1279px) {
    .index-academy-slider__pic img {
        border-radius: 4px 4px 0 0;
    }
}

.index-academy-slider__pic:after {
    content: "";
    display: block;
    width: 600px;
    height: 100px;
    background: white;
    filter: blur(20px);
    position: absolute;
    bottom: -50px;
    left: -100px;
}

.index-academy-slider__txt {
    padding: 7px 20px 68px 20px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1279px) {
    .index-academy-slider__txt {
        padding-left: 16px;
        padding-right: 24px;
    }
}

.index-academy-slider__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

@media (max-width: 1439px) {
    .index-academy-slider__title {
        font-size: 16px;
    }
}

@media (max-width: 1279px) {
    .index-academy-slider__title {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .index-academy-slider__title {
        font-size: 16px;
    }
}

.index-academy-slider__label {
    background: #86bc25;
    font-weight: 600;
    position: absolute;
    border-radius: 2px;
    top: 15px;
    right: -6px;
    padding: 5px 16px;
    z-index: 1;
}

@media (max-width: 1279px) {
    .index-academy-slider__label {
        font-size: 11px;
        line-height: 1.2;
        padding: 4px 12px 5px 12px;
        left: 0;
    }
}

@media (max-width: 1023px) {
    .index-academy-slider__label {
        padding: 5px 16px;
        font-size: 14px;
    }
}

.index-academy-slider__date {
    color: #777777;
    font-size: 14px;
}

@media (max-width: 1439px) {
    .index-academy-slider__date {
        font-size: 13px;
    }
}

@media (max-width: 1023px) {
    .index-academy-slider__date {
        font-size: 14px;
        line-height: 1.3;
    }
}

.index-academy-slider__link {
    position: absolute;
    left: 20px;
    bottom: 24px;
}

.index-academy-slider__link {
    font-size: 16px;
}

@media (max-width: 1279px) {
    .index-academy-slider__link {
        font-size: 14px;
        line-height: 18.3px;
    }
}

@media (max-width: 1023px) {
    .index-academy-slider__link {
        font-size: 16px;
    }
}

.index-section-academy_n__slider {
    height: 100%;
}

.index-academy__slider-nav.swiper-buttons--type2 .swiper-button-prev,
.index-academy__slider-nav.swiper-buttons--type2 .swiper-button-next {
    /*@include new-mediaXS {
  width: 24px;
  height: 24px;
}*/
}

@media (max-width: 1279px) {
    .index-academy__slider-nav.swiper-buttons--type2 .swiper-button-prev,
    .index-academy__slider-nav.swiper-buttons--type2 .swiper-button-next {
        width: 32px;
        height: 32px;
    }
}

.index-academy__slider-nav.swiper-buttons--type2 .swiper-button-prev svg,
.index-academy__slider-nav.swiper-buttons--type2 .swiper-button-next svg {
    /*@include new-mediaXS {
    width: 24px;
    height: 24px;
  }*/
}

@media (max-width: 1279px) {
    .index-academy__slider-nav.swiper-buttons--type2 .swiper-button-prev svg,
    .index-academy__slider-nav.swiper-buttons--type2 .swiper-button-next svg {
        width: 32px;
        height: 32px;
    }
}

.section-index_n--products-count {
    position: relative;
    flex-direction: column;
    display: flex;
}

.index-section-products-count_n__left-col {
    width: calc(1290px * .3);
    margin-left: calc((100% - 1290px) / 2);
}

@media (max-width: 1439px) {
    .index-section-products-count_n__left-col {
        width: calc(1110px * .3);
        margin-left: calc((100% - 1110px) / 2);
    }
}

@media (max-width: 1279px) {
    .index-section-products-count_n__left-col {
        width: calc(928px * .3);
        margin-left: calc((100% - 928px) / 2);
    }
}

@media (max-width: 1023px) {
    .index-section-products-count_n__left-col {
        width: calc(100% - 28px);
        margin-left: 14px;
    }
}

.index-section-products-count_n__slider-col {
    width: calc(100% - (1290px * .3 + 16px) - ((100% - 1290px) / 2));
}

@media (max-width: 1439px) {
    .index-section-products-count_n__slider-col {
        width: calc(100% - (1110px * .3 + 16px) - ((100% - 1110px) / 2));
    }
}

@media (max-width: 1279px) {
    .index-section-products-count_n__slider-col {
        width: calc(100% - (928px * .3 + 16px) - ((100% - 928px) / 2));
    }
}

@media (max-width: 1023px) {
    .index-section-products-count_n__slider-col {
        width: 100%;
    }
}

.index-section-products-count_n__descr {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

.index-section-products-count_n__infographic-title {
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
    color: #86bc25;
}

.index-section-products-count_n__infographic-descr {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 70%;
}

.index-products-count-slider-item,
.index-section-products-count_n__slider-col .swiper-slide {
    width: 234px;
}

@media (max-width: 1439px) {
    .index-products-count-slider-item,
    .index-section-products-count_n__slider-col .swiper-slide {
        width: 224px;
    }
}

@media (max-width: 1279px) {
    .index-products-count-slider-item,
    .index-section-products-count_n__slider-col .swiper-slide {
        width: 168px;
    }
}

@media (max-width: 1023px) {
    .index-products-count-slider-item,
    .index-section-products-count_n__slider-col .swiper-slide {
        width: 234px;
        height: 330px;
    }
}

.index-products-count-slider-item {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1439px) {
    .index-products-count-slider-item {
        margin-bottom: -30px;
    }
}

@media (max-width: 1279px) {
    .index-products-count-slider-item {
        margin-bottom: 0;
    }
}

.index-products-count-slider__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    color: #121318;
}

@media (max-width: 1439px) {
    .index-products-count-slider__title {
        font-size: 16px;
    }
}

@media (max-width: 1279px) {
    .index-products-count-slider__title {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .index-products-count-slider__title {
        font-size: 18px;
    }
}

.index-products-count-slider__pic {
    overflow: hidden;
    display: flex;
}

@media (max-width: 1439px) {
    .index-products-count-slider__pic img {
        width: 95%;
        position: relative;
        top: 10px;
    }
}

@media (max-width: 1279px) {
    .index-products-count-slider__pic img {
        width: 80%;
        top: 0;
    }
}

.index-products-count__slider-nav {
    position: absolute;
    bottom: 9px;
}

@media (max-width: 1279px) {
    .index-products-count__slider-nav {
        bottom: 34px;
    }
}

@media (max-width: 1023px) {
    .index-products-count__slider-nav {
        bottom: -6px;
    }
}

.index-products-count__slider-nav .swiper-button-prev,
.index-products-count__slider-nav .swiper-button-next,
.index-products-count__slider-nav .swiper-button-prev svg,
.index-products-count__slider-nav .swiper-button-next svg {
    /*		@include new-mediaMD {
    width: 24px !important;
    height: 24px !important;
  }*/
}

@media (max-width: 1023px) {
    .index-products-count__slider-nav .swiper-button-prev,
    .index-products-count__slider-nav .swiper-button-next,
    .index-products-count__slider-nav .swiper-button-prev svg,
    .index-products-count__slider-nav .swiper-button-next svg {
        width: 32px !important;
        height: 32px !important;
    }
}

.index-brands-item {
    width: 33.333%;
    margin: 0;
    padding: 0;
    color: white;
    position: relative;
    overflow: hidden;
    min-height: 513px;
}

@media (max-width: 1439px) {
    .index-brands-item {
        min-height: 463px;
    }
}

@media (max-width: 1279px) {
    .index-brands-item {
        min-height: 356px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item {
        width: 340px;
        min-height: 473px;
    }
}

.index-brands-item__content {
    position: relative;
    z-index: 1;
    padding: 18px 72px 18px 24px;
}

@media (max-width: 1279px) {
    .index-brands-item__content {
        padding: 18px 16px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item__content {
        padding: 18px 14px;
    }
}

.index-brands-item__pic {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
}

/*.index-brands-item__pic:before {*/
/*  content: '';*/
/*  display: block;*/
/*  position: absolute;*/
/*  transform: rotate(-60deg);*/
/*  transform-origin: top left;*/
/*  filter: blur(100px);*/
/*  left: -110%;*/
/*  top: 74%;*/
/*  background: #000;*/
/*  width: 1208.935px;*/
/*  height: 587.911px;*/
/*  opacity: .6;*/
/*  transition: all .5s ease-in-out; }*/

@media (hover: hover) {
    /*.index-brands-item:hover .index-brands-item__pic:before {*/
    /*  opacity: .9;*/
    /*  transition: all .3s ease-in-out; } */
}

.index-brands-item__logo {
    margin-bottom: 20px;
    height: 75px;
}

@media (max-width: 1279px) {
    .index-brands-item__logo {
        margin-bottom: 27px;
        height: 38px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item__logo {
        height: 60px;
    }
}

.index-brands-item__logo img {
    max-width: 100%;
}

@media (max-width: 1279px) {
    .index-brands-item__logo img {
        max-height: 46px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item__logo img {
        max-height: none;
    }
}

.index-brands-item__title {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 800;
    margin-bottom: 8px;
}

@media (max-width: 1439px) {
    .index-brands-item__title {
        font-size: 18px;
    }
}

@media (max-width: 1279px) {
    .index-brands-item__title {
        font-size: 16px;
        margin-bottom: 6px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item__title {
        font-size: 18px;
        margin-bottom: 4px;
    }
}

.index-brands-item__txt {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 32px;
}

@media (max-width: 1439px) {
    .index-brands-item__txt {
        font-size: 14px;
    }
}

@media (max-width: 1279px) {
    .index-brands-item__txt {
        font-size: 11px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item__txt {
        font-size: 14px;
        margin-bottom: 24px;
    }
}

.index-brands-item__link {
    font-size: 16px;
    line-height: 20px;
}

@media (max-width: 1439px) {
    .index-brands-item__link {
        font-size: 14px;
    }
}

@media (max-width: 1279px) {
    .index-brands-item__link {
        font-size: 11px;
    }
}

@media (max-width: 1023px) {
    .index-brands-item__link {
        font-size: 16px;
    }
}

.index-brands-item__link svg {
    width: 8px;
    height: 8px;
    position: relative;
    transform: translateX(0);
    transition: all .5s ease-in-out;
}

@media (hover: hover) {
    .index-brands-item:hover .index-brands-item__link svg {
        transform: translateX(2px);
        transition: all .3s ease-in-out;
    }
}

.index-brands-item--oni .index-brands-item__pic img {
    min-width: 100%;
    height: 100%;
    width: auto;
}

.index-brands-item--iek .index-brands-item__pic img {
    min-width: 100%;
    height: 100%;
    width: auto;
}

.index-brands-item--itk .index-brands-item__pic img {
    min-width: 100%;
    height: 100%;
    width: auto;
}

.index-brands__slider-nav.swiper-buttons--type2 {
    bottom: 24px;
    position: absolute;
}

.index-brands__slider-nav.swiper-buttons--type2 .ui-slider-arrow {
    color: white;
    transition: all .3s ease-in-out;
}

@media (hover: hover) {
    .index-brands__slider-nav.swiper-buttons--type2 .ui-slider-arrow:hover {
        color: #86bc25;
        transition: all .3s ease-in-out;
    }
}

@media (max-width: 1023px) {
    .index-brands__slider-nav.swiper-buttons--type2 .ui-slider-arrow {
        width: 32px;
        height: 32px;
    }
}

.index-brands__slider-nav.swiper-buttons--type2 .ui-slider-arrow svg {
    width: 32px;
    height: 32px;
}

.index-news_n-item {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 20px;
}

@media (max-width: 1279px) {
    .index-news_n-item {
        margin-bottom: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width: 1023px) {
    .index-news_n-item {
        margin-bottom: 24px;
        padding-bottom: 20px;
    }
}

.index-news_n-item:not(:last-child):after {
    content: "";
    display: block;
    width: 416px;
    border-top: 1px solid #D9D9D9;
    position: absolute;
    bottom: 0;
}

@media (max-width: 1023px) {
    .index-news_n-item:not(:last-child):after {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .index-news_n-item:nth-child(2) {
        margin-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .index-news_n-item:nth-child(2):after {
        display: none;
    }
}

.index-news_n-item:last-child {
    margin-bottom: 20px;
}

@media (max-width: 1279px) {
    .index-news_n-item:last-child {
        margin-bottom: 12px;
    }
}

@media (max-width: 1023px) {
    .index-news_n-item:last-child {
        margin-bottom: 4px;
    }
}

.index-news_n-item__title {
    font-weight: 800;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
    color: #121318;
    display: flex;
    transition: all .3s ease-in-out;
}

@media (hover: hover) {
    .index-news_n-item__title:hover {
        color: #86bc25;
        transition: all .3s ease-in-out;
    }
}

@media (max-width: 1439px) {
    .index-news_n-item__title {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .index-news_n-item__title {
        font-size: 15px;
    }
}

.index-news_n-item__date {
    font-size: 16px;
    line-height: 1.4;
    color: #777777;
}

@media (max-width: 1439px) {
    .index-news_n-item__date {
        font-size: 14px;
    }
}

.index-section-projects_n__pic-col {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #D9D9D9;
    background: #e3e6e8;
}

@media (max-width: 1279px) {
    .index-section-projects_n__pic-col {
        margin-top: 2px;
    }
}

@media (max-width: 1023px) {
    .index-section-projects_n__pic-col {
        height: 289px;
    }
}

@media (max-width: 1279px) {
    .index-section-projects_n__pic-col img {
        width: 120%;
        height: auto;
        position: absolute;
    }
}

@media (max-width: 1023px) {
    .index-section-projects_n__pic-col img {
        width: 100%;
    }
}

.index-news_n__pic-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 32px 32px;
    width: 100%;
    /*background: -webkit-linear-gradient(90deg, rgba(227,230,232,0.9) 0%, rgba(227,230,232,0.5) 47%, rgba(227,230,232,0) 100%);*/
}

@media (max-width: 1279px) {
    .index-news_n__pic-txt {
        padding: 0 24px 40px 16px;
    }
}

@media (max-width: 1023px) {
    .index-news_n__pic-txt {
        padding: 0 24px 16px;
    }
}

.index-news_n__pic-txt:before {
    content: "";
    display: block;
    width: 1000px;
    /*height: 70px;*/
    /*		height: 100%;*/
    height: 800px;
    position: absolute;
    left: -100px;
    top: -90px;
    filter: blur(40px);
    background: #e3e6e8;
}

@media (max-width: 1439px) {
    .index-news_n__pic-txt:before {
        top: -100px;
    }
}

@media (max-width: 1279px) {
    .index-news_n__pic-txt:before {
        top: -120px;
    }
}

@media (max-width: 1023px) {
    .index-news_n__pic-txt:before {
        top: -100px;
    }
}

.index-news_n__pic-txt-title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
    max-width: 70%;
    position: relative;
    z-index: 1;
}

@media (max-width: 1439px) {
    .index-news_n__pic-txt-title {
        font-size: 18px;
    }
}

@media (max-width: 1279px) {
    .index-news_n__pic-txt-title {
        line-height: 1.3;
        max-width: 87%;
    }
}

@media (max-width: 1023px) {
    .index-news_n__pic-txt-title {
        font-size: 15px;
        max-width: 100%;
        line-height: 1.4;
    }
}

.index-news_n__pic-txt-date {
    color: #777777;
    font-size: 16px;
    max-width: 70%;
    position: relative;
    z-index: 1;
}

@media (max-width: 1439px) {
    .index-news_n__pic-txt-date {
        font-size: 14px;
    }
}

.index-projects-item_n {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    position: relative;
    height: 100%;
}

.index-projects-item_n__content {
    padding: 16px;
}

.index-projects-item_n__title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

@media (max-width: 1439px) {
    .index-projects-item_n__title {
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    .index-projects-item_n__title {
        font-size: 18px;
    }
}

.index-projects-item_n__city {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
}

@media (max-width: 1439px) {
    .index-projects-item_n__city {
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (max-width: 1279px) {
    .index-projects-item_n__city {
        font-size: 13px;
    }
}

@media (max-width: 1023px) {
    .index-projects-item_n__city {
        font-size: 14px;
    }
}

.index-projects-item_n__tmiek {
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.25;
    color: rgba(35, 35, 35, 0.64);
    font-weight: 500;
}

.index-projects-item_n__tmiek a {
    color: rgba(35, 35, 35, 0.64);
}

.index-projects-item_n__tmiek a:hover {
    color: #86bc25;
    transition: all .3s ease-in-out;
}

@media (max-width: 1439px) {
    .index-projects-item_n__tmiek {
        font-size: 13px;
    }
}

@media (max-width: 1279px) {
    .index-projects-item_n__tmiek {
        font-size: 11px;
    }
}

@media (max-width: 1023px) {
    .index-projects-item_n__tmiek {
        font-size: 14px;
    }
}

.index-projects-item_n__descr-block {
    line-height: 1.4;
    /*height: 60px;*/
    height: 4em;
    color: #777777;
    bottom: 24px;
    position: absolute;
    width: calc(100% - 40px);
    left: 16px;
}

.index-projects-item_n__descr-block a {
    color: #777777;
}

@media (max-width: 1439px) {
    .index-projects-item_n__descr-block {
        font-size: 14px;
        width: calc(100% - 32px);
    }
}

@media (max-width: 1279px) {
    .index-projects-item_n__descr-block {
        font-size: 13px;
        height: 78px;
        bottom: 18px;
    }
}

@media (max-width: 1023px) {
    .index-projects-item_n__descr-block {
        font-size: 14px;
        bottom: 4px;
    }
}

.index-projects-item_n__pic {
    display: flex;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow: hidden;
    height: 236px;
}

@media (max-width: 1279px) {
    .index-projects-item_n__pic {
        height: 156px;
    }
}

.index-projects-item_n__pic img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

@media (max-width: 1279px) {
    .index-projects-item_n__pic img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 1439px) {
    .index-projects-item_n__pic {
        height: 235px;
    }
}

@media (max-width: 1279px) {
    .index-projects-item_n__pic {
        height: 156px;
    }
}

@media (max-width: 1023px) {
    .js_index-projects-slider .swiper-slide {
        width: 310px;
    }
}

.index-product-lines_n__img {
    bottom: 0;
    position: absolute;
    right: 0;
}

@media (max-width: 1439px) {
    .index-product-lines_n__img {
        right: -55px;
        max-width: 740px;
    }
}

@media (max-width: 1279px) {
    .index-product-lines_n__img {
        right: -20px;
        max-width: 612px;
    }
}

@media (max-width: 1023px) {
    .index-product-lines_n__img {
        width: 100%;
        max-width: 100%;
        position: relative;
        bottom: auto;
        top: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

.index-section-product-lines_n__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .index-section-product-lines_n__content {
        width: 100%;
    }
}

.index-product-lines_n__descr-block {
    max-width: 320px;
    margin-bottom: 40px;
}

.index-section-product-lines_n__header {
    position: relative;
    z-index: 1;
}

.index-section-product-lines_n__descr-txt {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
}

@media (max-width: 1439px) {
    .index-section-product-lines_n__descr-txt {
        font-size: 13px;
    }
}

@media (max-width: 1279px) {
    .index-section-product-lines_n__descr-txt {
        line-height: 1.5;
    }
}

@media (max-width: 1023px) {
    .index-section-product-lines_n__descr-txt {
        font-size: 14px;
    }
}

.index-product-lines_n__slide {
    animation: fadeEffect .6s;
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.index-product-lines_n__slide--armat .index-product-lines_n__img {
    bottom: -75px;
    right: 144px;
}

@media (max-width: 1439px) {
    .index-product-lines_n__slide--armat .index-product-lines_n__img {
        bottom: -71px;
        right: 60px;
        max-width: 575px;
    }
}

@media (max-width: 1279px) {
    .index-product-lines_n__slide--armat .index-product-lines_n__img {
        max-width: 516px;
        right: -55px;
        bottom: -51px;
    }
}

@media (max-width: 1023px) {
    .index-product-lines_n__slide--armat .index-product-lines_n__img {
        bottom: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

.index-product-lines_n__slide--titan .index-product-lines_n__descr-block {
    max-width: 401px;
}

.index-product-lines_n__slide--titan .index-product-lines_n__img {
    bottom: -37px;
    right: -31px;
}

@media (max-width: 1439px) {
    .index-product-lines_n__slide--titan .index-product-lines_n__img {
        bottom: -36px;
        right: -64px;
        max-width: 460px;
    }
}

@media (max-width: 1279px) {
    .index-product-lines_n__slide--titan .index-product-lines_n__img {
        max-width: 381px;
        right: -205px;
        bottom: -36px;
    }
}

@media (max-width: 1023px) {
    .index-product-lines_n__slide--titan .index-product-lines_n__img {
        bottom: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }
}

.index-product-lines_n__slide--brite .index-product-lines_n__descr-block {
    max-width: 449px;
}

.index-product-lines_n__slide--brite .index-product-lines_n__img {
    bottom: -75px;
    right: 18px;
}

@media (max-width: 1439px) {
    .index-product-lines_n__slide--brite .index-product-lines_n__img {
        bottom: -73px;
        right: -12px;
        max-width: 430px;
    }
}

@media (max-width: 1279px) {
    .index-product-lines_n__slide--brite .index-product-lines_n__img {
        max-width: 420px;
        right: -117px;
        bottom: -89px;
    }
}

@media (max-width: 1023px) {
    .index-product-lines_n__slide--brite .index-product-lines_n__img {
        bottom: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }
}

@media (max-width: 1279px) {
    .index-section-count_n__subtitle {
        max-width: 330px;
    }
}

@media (max-width: 1023px) {
    .index-section-count_n__subtitle {
        max-width: none;
    }
}

.index-section-products_n-wrap {
    align-items: flex-end;
}

.index-products_n__left-col {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .index-products_n__left-col {
        width: 100%;
    }
}

.index-products_n__title-wrap {
    max-width: 420px;
}

.index-products_n__right-col {
    width: calc(51% - 16px);
}

@media (max-width: 1279px) {
    .index-products_n__right-col {
        width: calc(51% - 10px);
    }
}

@media (max-width: 1023px) {
    .index-products_n__right-col {
        width: 100%;
    }
}

.index-products_n__right-subcol {
    width: calc(50% - 8px);
}

@media (max-width: 1279px) {
    .index-products_n__right-subcol {
        width: calc(50% - 5px);
    }
}

@media (max-width: 1023px) {
    .index-products_n__right-subcol {
        width: 100%;
    }
}

.index-products_n__item {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 16px 72px 16px 16px;
}

.index-products_n__item:after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z' stroke='%23232323' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M13.5 12.5H19.5V18.5' stroke='%23232323' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 19.5L19.5 12.5' stroke='%23232323' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
    transform-origin: center center;
    transition: all .5s ease-in-out;
}

@media (max-width: 1439px) {
    .index-products_n__item:after {
        width: 24px;
        height: 24px;
        background-size: 100% auto;
        top: 12px;
        right: 12px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item:after {
        width: 32px;
        height: 32px;
        top: 16px;
        right: 16px;
    }
}

@media (max-width: 1439px) {
    .index-products_n__item {
        padding-top: 12px;
        padding-left: 16px;
        padding-right: 40px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item {
        padding-right: 64px;
    }
}

@media (hover: hover) {
    .index-products_n__item:hover:after {
        transform: rotate(20deg);
        transition: all .3s ease-in-out;
    }
}

.index-products_n__item-title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
    margin-bottom: 4px;
    color: #121318;
}

.index-products_n__item-title:hover {
    color: #121318;
}

@media (max-width: 1439px) {
    .index-products_n__item-title {
        font-size: 16px;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item-title {
        font-size: 13px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item-title {
        font-size: 18px;
    }
}

.index-products_n__item-subtitle {
    font-size: 14px;
    line-height: 1.25;
    color: rgba(35, 35, 35, 0.64);
    font-weight: 500;
}

@media (max-width: 1439px) {
    .index-products_n__item-subtitle {
        font-size: 13px;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item-subtitle {
        font-size: 11px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item-subtitle {
        font-size: 14px;
    }
}

.index-products_n__item--big {
    padding: 20px 72px 20px 95px;
}

@media (max-width: 1439px) {
    .index-products_n__item--big {
        padding-top: 16px;
        padding-left: 97px;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item--big {
        padding-top: 16px;
        padding-left: 73px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--big {
        padding-left: 16px;
    }
}

.index-products_n__item--big .index-products_n__item-title {
    font-size: 26px;
}

@media (max-width: 1439px) {
    .index-products_n__item--big .index-products_n__item-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--big .index-products_n__item-title {
        margin-bottom: 4px;
    }
}

.index-products_n__item--big .index-products_n__item-subtitle {
    font-size: 18px;
}

@media (max-width: 1439px) {
    .index-products_n__item--big .index-products_n__item-subtitle {
        font-size: 13px;
    }
}

.index-products_n__item--prof {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/product-tab1.png") no-repeat;
    height: 252px;
    background-position: -139px 22px;
}

@media (max-width: 1439px) {
    .index-products_n__item--prof {
        height: 184px;
        background-size: 395px auto;
        background-position: -106px 18px;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item--prof {
        background-size: 367px auto;
        background-position: -113px 7px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--prof {
        height: 167px;
        background-size: 300px auto;
        background-position: -84px 39px;
    }
}

.index-products_n__item--project {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/product-tab2.png") bottom left no-repeat;
    height: 257px;
}

@media (max-width: 1439px) {
    .index-products_n__item--project {
        height: 184px;
        background-size: 64% auto;
        background-position: 0 100%;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item--project {
        background-size: 76% auto;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--project {
        height: 167px;
        background-size: 146px auto;
        background-position: 0 calc(100% + 10px);
    }
}

.index-products_n__item--schit {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/product-tab3.png") bottom right no-repeat;
    height: 167px;
}

@media (max-width: 1439px) {
    .index-products_n__item--schit {
        height: 125px;
        background-size: 60% auto;
        background-position: 100% 35px;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item--schit {
        background-position: 100% 103%;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--schit {
        height: 167px;
        background-size: 236px auto;
    }
}

.index-products_n__item--dealer {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/product-tab4.png") calc(100% + 16px) 100% no-repeat;
    height: 167px;
    padding-right: 80px;
}

@media (max-width: 1439px) {
    .index-products_n__item--dealer {
        height: 125px;
        background-size: 43% auto;
        background-position: 164px 100%;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item--dealer {
        background-size: 54% auto;
        background-position: 113px 100%;
        padding-right: 54px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--dealer {
        height: 167px;
        background-position: calc(100% + 10px) 100%;
        background-size: 163px;
    }
}

.index-products_n__item--elect {
    background: url("/local/components/iek/iek.search/templates/mainpage/../images/product-tab5.png") bottom left no-repeat;
    height: 257px;
}

@media (max-width: 1439px) {
    .index-products_n__item--elect {
        height: 184px;
        background-size: 89% auto;
        background-position: 0 7px;
    }
}

@media (max-width: 1279px) {
    .index-products_n__item--elect {
        background-size: 103% auto;
        background-position: bottom left;
    }
}

@media (max-width: 1023px) {
    .index-products_n__item--elect {
        height: 167px;
        background-size: 233px auto;
        background-position: 0 calc(100% + 15px);
    }
}

@media (max-width: 1439px) {
    .index-products_n__subtitle {
        margin-bottom: 17px;
    }
}

@media (max-width: 1023px) {
    .index-products_n__subtitle {
        margin-bottom: 16px;
    }
}

.swiper-buttons--type1 {
    position: relative;
}

@media (max-width: 1023px) {
    .swiper-buttons--type1 {
        display: flex;
        flex-wrap: wrap;
    }
}

.swiper-buttons--type1 .swiper-button-prev,
.swiper-buttons--type1 .swiper-button-next {
    top: 50%;
    position: absolute;
    transform-origin: center center;
    justify-content: center;
}

@media (max-width: 1023px) {
    .swiper-buttons--type1 .swiper-button-prev,
    .swiper-buttons--type1 .swiper-button-next {
        position: relative;
        top: 0;
    }
}

.swiper-buttons--type1 .swiper-button-prev {
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-left: -13px;
}

@media (max-width: 1439px) {
    .swiper-buttons--type1 .swiper-button-prev {
        margin-top: 20px;
    }
}

@media (max-width: 1023px) {
    .swiper-buttons--type1 .swiper-button-prev {
        margin-top: 16px;
        margin-left: 8px;
        transform: translate(0, 0);
        display: flex;
    }
}

.swiper-buttons--type1 .swiper-button-next {
    width: 32px;
    height: 32px;
    transform: translate(0, -50%) rotate(180deg);
    margin-top: 0;
    margin-left: 0;
    right: -46px;
}

@media (max-width: 1439px) {
    .swiper-buttons--type1 .swiper-button-next {
        margin-top: 20px;
    }
}

@media (max-width: 1023px) {
    .swiper-buttons--type1 .swiper-button-next {
        margin-top: 16px;
        margin-bottom: 0;
        margin-left: -7px;
        right: 0;
        transform: rotate(180deg);
        display: flex;
    }
}

.swiper-buttons--type2 .swiper-button-prev,
.swiper-buttons--type2 .swiper-button-next {
    position: relative;
    left: 0;
    right: 0;
    margin-top: 0;
    width: 32px;
    height: 32px;
    /*@include new-mediaXL {
      width: 24px;
      height: 24px;
    }

    svg {
      @include new-mediaXL {
        width: 24px;
        height: 24px;
      }
    }*/
}

.swiper-buttons--type2 .swiper-button-next {
    transform-origin: center center;
    transform: rotate(180deg);
}

.ui-slider-arrow {
    color: #777777;
}

.ui-button {
    font-weight: 800;
    text-transform: none;
    flex-wrap: nowrap;
    width: auto;
}

@media (max-width: 1439px) {
    .ui-button {
        font-size: 12px;
    }
}

@media (max-width: 1279px) {
    .ui-button {
        font-size: 12px !important;
        padding: 10px 14px 11px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 1023px) {
    .ui-button {
        font-size: 14px !important;
        padding: 13px 20px 14px !important;
        border-radius: 8px;
    }
}

@media (max-width: 1439px) {
    .ui-button--txt14 {
        font-size: 14px;
    }
}

.ui-button--bigger {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ui-button--outlined.ui-button {
    background: transparent;
    border-radius: 24px;
    padding: 8px 16px;
}

@media (max-width: 1439px) {
    .ui-button--outlined.ui-button {
        padding: 6px 14px !important;
        font-size: 13px;
    }
}

@media (max-width: 1023px) {
    .ui-button--outlined.ui-button {
        padding: 10px 16px !important;
    }
}

.ui-button--outlined-white {
    border: 1px solid white;
    color: white;
}

@media (hover: hover) {
    .ui-button--outlined-white:hover, .ui-button--outlined-white.ui-button--outlined-active {
        background: white;
        color: #121318;
    }
}

.ui-button--outlined-white.ui-button--outlined-active {
    cursor: default;
}

/* new search */
.header__search {
    width: 100%;
}

.header-search-mobile input:focus {
    background: #fff;
}

.header-search-mobile::-webkit-input-placeholder {
    font-size: 14px;
    color: #232323;
}

.header-search-mobile:-moz-placeholder {
    font-size: 14px;
    color: #232323;
}

.header-search-mobile::-moz-placeholder {
    font-size: 14px;
    color: #232323;
}

.header-search-mobile:-ms-input-placeholder {
    font-size: 14px;
    color: #232323;
}

@media (max-width: 950px) {
    .header-search-mobile .search-popup__btnWrap {
    }
}

.header-search-mobile .ui-search {
    position: relative;
    display: flex;
    gap: 4px;
    background: #ffffff;
    padding: 24px 14px;
    align-items: flex-end;
}

.header-search-mobile .ui-input {
    position: relative;
}

.header-search-mobile .ui-input:after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='11.333' height='11.333' x='2' y='2' stroke='currentColor' stroke-width='1.5' rx='5.667'%3E%3C/rect%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='m14 14-2-2'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
    background-size: 100% auto;
    top: 6px;
    left: 0;
}

@media (max-width: 950px) {
    .header-search-mobile .ui-input:after {
        content: unset;
    }
}

.header-search-mobile .ui-search .ui-input__control {
    max-width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 14px;
    padding: 8px 36px 8px 6px;
    border-radius: 0;
    position: relative;
    border-bottom: 1.5px solid #e6e6e6;
}

.header-search-mobile .header-search-mobile__close {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 2;
    margin-left: 2px;
    margin-top: 8px;
    cursor: pointer;
    background: url("/local/components/iek/iek.search/templates/mainpage/../../images/icon-mob-close.svg") center center no-repeat;
}

.header-search-mobile .ui-search__mobile-button {
    width: 86px;
    padding: 10px 22px;
    text-transform: none;
    font-weight: 700;
    /* border-radius: 8px;  */
}

.header-search-mobile .ui-search__button {
    width: 26px !important;
    height: 14px;
    justify-content: center;
    cursor: pointer;
}

.header-search-mobile .ui-search__button svg {
    width: 16px;
    height: 16px;
    margin-left: 6px;
}

.ui-search {
    position: relative;
    max-width: 380px;
}

@media (max-width: 950px) {
    .ui-search {
        max-width: unset;
    }
}

.ui-search .ui-input__control {
    height: auto;
    display: flex;
    flex: 1;
    border-radius: 0;
    border: 0;
    /* border-top: 0;
  border-left: 0;
  border-right: 0; */
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 400;
    color: #232323;
    font-size: 14px;
    padding: 5px;
}

.ui-search .ui-input__control::placeholder {
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1439px) {
    .ui-search .ui-input__control {
        /* font-size: 10px; */
        max-width: 290px;
        /* padding-left: 16px; */
        /* border-bottom: 1px solid #232323; */
        /* padding-top: 0;
      padding-bottom: 0;  */
    }
}

.ui-search .ui-input__control::-webkit-input-placeholder {
    font-size: 14px;

    font-weight: 400;
    color: #232323;
}

/* @media (max-width: 1439px) {
      .ui-search .ui-input__control::-webkit-input-placeholder {
        font-size: 14px; } } */
@media (max-width: 1023px) {
    .ui-search .ui-input__control::-webkit-input-placeholder {
        font-size: 14px;
    }
}

.ui-search .ui-input__control:-moz-placeholder {

    font-weight: 400;
    color: #232323;
}

@media (max-width: 1439px) {
    .ui-search .ui-input__control:-moz-placeholder {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .ui-search .ui-input__control:-moz-placeholder {
        font-size: 14px;
    }
}

.ui-search .ui-input__control::-moz-placeholder {

    font-weight: 400;
    color: #232323;
}

@media (max-width: 1439px) {
    .ui-search .ui-input__control::-moz-placeholder {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .ui-search .ui-input__control::-moz-placeholder {
        font-size: 14px;
    }
}

.ui-search .ui-input__control:-ms-input-placeholder {

    font-weight: 400;
    color: #232323;
}

@media (max-width: 1439px) {
    .ui-search .ui-input__control:-ms-input-placeholder {
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .ui-search .ui-input__control:-ms-input-placeholder {
        font-size: 14px;
    }
}

.ui-search__button {
    position: absolute;
    top: 0;
    padding: 0 0 2px 0;
    display: flex;
    align-items: center;
    background: transparent;
    cursor: pointer;
    height: 100%;
    right: 16px;
}

@media (max-width: 1439px) {
    .ui-search__button {
        width: 10px;
        padding-bottom: 1px;
    }
}

@media (max-width: 1439px) {
    .ui-search__button svg {
        width: 10px;
        height: 10px;
    }
}

.ui-search__button:hover {
    color: #444642;
}

.ui-search__button--hidden {
    display: none;
}

.ui-search__button-mob {
    background: #86bc25;
    color: #ffffff;
    font-weight: 500;
    padding: 9px 22px;
    /* border-radius: 4px;  */
}

.ui-search--big .ui-search__button {
    width: 55px;
    height: 40px;
    padding-top: 3px;
    color: #444642;
}

.ui-search__clear {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -6px;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    cursor: pointer;
    background: url("/local/components/iek/iek.search/templates/mainpage/./images/icon-close.svg") center center/20px auto no-repeat;
}

@media (max-width: 1023px) {
    .ui-search__clear {
        top: calc(50%);
        right: 0;
    }
}

@media (max-width: 950px) {
    .ui-search__clear {
        width: 10px;
        height: 10px;
        background-size: 100%;
        right: 135px;
    }
}

.ui-search__clear--active {
    display: block;
}

.ui-search__button-icon {
    width: 20px;
    height: 20px;
    top: 3px;
    position: relative;
}

@media (max-width: 1023px) {
    .ui-search__button-icon {
        top: 0;
    }
}

.search-popup {
    display: none;
    position: relative;
    z-index: 11;
    width: 100%;
}

@media (max-width: 1279px) {
    .search-popup {
        width: calc(100% + 9px);
    }
}

@media (max-width: 950px) {
    .search-popup {
        width: 100%;
    }
}

/* .search-popup:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 280px + 32px);
  height: calc(100% + 79px);
  background: white;
  border-radius: 8px;
  z-index: -1;
  left: -295px;
  right: 32px;
  top: -50px; }
  @media (max-width: 1439px) {
    .search-popup:before {
      left: -295px;
      width: calc(100% + 280px + 32px); } }
  @media (max-width: 1300px) {
    .search-popup:before {
      left: -215px;
      width: calc(100% + 210px + 21px); } }

  @media (max-width: 1024px) {
    .search-popup:before {
      left: -180px;
      width: calc(100% + 170px + 21px); } } */
.search-popup--focus {
    display: flex;
}

.search-popup__content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    column-gap: 24px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .search-popup__content {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .search-popup__content {
        flex-direction: column;
        margin-top: 1px;
    }
}

.search-popup__queries {
    width: 200px;
    min-width: 200px;
}

.search-popup__queries .scroll-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 1279px) {
    .search-popup__queries {
        margin-right: 31px;
    }
}

@media (max-width: 1023px) {
    .search-popup__queries {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .search-popup__queries {
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #D9D9D9;
        border-top: 0;
    }
}

.search-popup-query__clear-history {
    font-size: 14px;
    color: #949593;
    text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .search-popup-query__clear-history {
        position: relative;
    }
}

@media (max-width: 767px) {
    .search-popup-query__clear-history {
        position: fixed;
        bottom: 0;
        width: calc(100% - 30px);
        height: 58px;
        background: #ffffff;
        align-items: center;
        display: flex;
        justify-content: center;
        z-index: 2;
        margin-bottom: 0;
    }
}

.search-popup__products {
    height: calc(100vh - 230px);
    overflow-y: auto;
}

.search-product-loader {
    height: calc(100% - 230px);
}

.search-popup__products.news-product-list {
    height: calc(100% - 68px);
}

.header__search.header__search--focus {
    background-color: #ffffff;
    padding: 24px 24px 24px 48px;
    position: absolute;
    z-index: 100;
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    left: 0;
    top: 53px;
    height: calc(100vh - 106px);
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.header__search.header__search--focus .ui-input {
    border: unset;
    padding: 0;
}

.header__search.header__search--focus .ui-search {
    position: relative;
    z-index: 12;
    /*max-width: 373px;*/
    max-width: 100%;
}

.header__search.header__search--focus .ui-search .ui-input__control {
    padding: 8px 36px 8px 6px;
    border: none;
    border-bottom: 1.5px solid #e6e6e6;
    max-width: 100%;
}

.header__search.header__search--focus .ui-search__button {
    display: none;
    color: #444642;
}

.header__search.header__search--focus .ui-search__clear {
    display: block;
}

/* @media (max-width: 1439px) {
    .header__search.header__search--focus .ui-search__clear {
      top: -3px; } } */

.search-popup-query {
    color: #444642;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 26px;
    border-bottom: 1px solid #f1f1f1;
}

.search-popup-query:not(:last-child) {
    border-bottom: 1px solid #F1F1F1;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-popup-query {
        padding-bottom: 16px;
    }

    .search-popup-query:not(:last-child) {
        border-bottom: 1px solid #F1F1F1;
    }
}

@media (max-width: 767px) {
    .search-popup-query {
        padding-bottom: 30px;
    }

    .search-popup-query:not(:last-child) {
        border-bottom: 0;
    }
}

@media (max-width: 767px) {
    .search-popup-query {
        padding-bottom: 0;
    }
}

.search-popup__productsWrap {
    /*width: 57%;
    min-width: 570px;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (max-width: 1023px) {
    .search-popup__productsWrap {
        min-width: 57%;
    }
}

@media (max-width: 950px) {
    .search-popup__productsWrap {
        overflow: hidden;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .search-popup__productsWrap {
        /* max-height: calc(100% - 68px); */
        overflow-y: scroll;
    }
}

@media (max-width: 767px) {
    .search-popup__productsWrap {
        width: 100%;
        min-width: auto;
    }
}

.search-popup-query__title {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

@media (max-width: 767px) {
    .search-popup-query__title {
        font-size: 20px;
        line-height: 28px;
    }
}

.search-popup-query-item {
    display: flex;
    cursor: pointer;
    line-height: 20px;
    font-weight: 500;
}

.search-popup-query-item:hover {
    text-decoration: underline;
}

.search-popup-query-item:not(:last-child) {
    margin-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-popup-query-item {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 767px) {
    .search-popup-query-item {
        font-size: 16px;
    }

    .search-popup-query-item:not(:last-child) {
        margin-bottom: 12px;
    }
}

.search-popup-query-item--match {
    font-weight: bold;
    margin-right: 4px;
}

.search-popup-query-item svg {
    margin-right: 4px;
    min-width: 16px;
}

.search-result-item {
    margin-right: 11px;
    /*	padding: 16px 24px 24px 0;*/
    margin-bottom: 8px;
    /*	padding: 6px 7px 7px 0;*/
    padding: 6px 12px;
    border: 1px solid #F1F1F1;
    /* border-radius: 16px; */
    display: flex;
    position: relative;
}

/* @media (max-width: 1279px) {
  .search-result-item {
    padding-top: 7px;
    padding-bottom: 7px; } } */
/* @media (max-width: 1023px) {
  .search-result-item {
    padding-bottom: 14px; } } */
@media (max-width: 767px) {
    .search-result-item {
        border-left: 1px solid #CFCFCE;
        border-right: 1px solid #CFCFCE;
        border-top: 1px solid #CFCFCE;
        border-bottom: 1px solid #CFCFCE;
        /* border-radius: 16px; */
        margin-bottom: 6px;
        /* padding-top: 10px;
    padding-bottom: 10px;  */
    }
}

.search-result-item.exact-result, .search-result-item:hover {
    border: 1px solid #86bc25;
}

.search-result-item__info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

@media (max-width: 950px) {
    .search-result-item__info {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .search-result-item__info {
        flex-direction: column;
        align-items: flex-start;
    }
}

.search-result-item__info-left {
    display: flex;
    flex: 1;
}

.search-result-item__info-right {
    width: 309px;
    display: flex;
    flex-direction: column;
}

.search-result-item__image {
    min-width: 60px;
    max-width: 60px;
    /*padding: 0 15px;*/
    display: flex;
    justify-content: center;
    top: 4px;
    position: relative;
    padding-right: 10px;
    /*@include new-mediaXS {
  !*	min-width: 120px;*!
    min-width: 90px;
    top: 10px;
    margin-right: 0;
  }*/
}

/* @media (max-width: 1279px) {
  .search-result-item__image {
    min-width: 79px;
    max-width: 79px; } } */
@media (max-width: 767px) {
    .search-result-item__image {
        /* min-width: 107px;
    max-width: 107px; */
        /* padding-left: 10px;
    padding-right: 29px;  */
    }
}

.search-result-item__image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-top: 0;
    margin-bottom: 0;
}

.search-result-item__title {
    display: block;
    max-width: 339px;
    margin-bottom: 0;
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    /*		font-size: 12px;
  line-height: 16px;
  padding-right: 70px;*/
}

@media (max-width: 1279px) {
    .search-result-item__title {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-result-item__title {
        margin-bottom: 8px;
    }
}

@media (max-width: 1023px) {
    .search-result-item__title {
        max-width: 220px;
        margin-bottom: 8px;
        padding-right: 45px;
    }
}

@media (max-width: 950px) {
    .search-result-item__title {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .search-result-item__title {
        max-width: 100%;
    }
}

.search-result-item__code {
    font-size: 14px;
    line-height: 16px;
    color: #1C1C1C;
    margin-bottom: 0;
    /* margin-left: auto; */
    font-weight: 500;
    gap: 4px;
    order: 2;
}

@media (max-width: 1279px) {
    .search-result-item__code {
        display: flex;
        font-size: 12px;
        line-height: 16px;
        margin-left: 0;
    }
}

@media (max-width: 1023px) {
    .search-result-item__code {
        margin-left: -45px;
    }
}

@media (max-width: 950px) {
    .search-result-item__code {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 99998px) {
    .search-result-item__code {
        display: flex;
    }
}

.search-result-item__code-name {
    color: #9D9D9D;
}

.search-result-item__aviability-and-label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 16px;
    gap: 11px;
    width: 309px;
    flex: 0 0 auto;
    /*		display: flex;*/
    flex-direction: column;
    align-items: flex-end;
}

@media (max-width: 1279px) {
    .search-result-item__aviability-and-label {
        width: 231px;
        gap: 2px;
    }
}

@media (max-width: 1023px) {
    .search-result-item__aviability-and-label {
        width: 178px;
        gap: 0;
    }
}

@media (max-width: 950px) {
    .search-result-item__aviability-and-label {
        width: 100%;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .search-result-item__aviability-and-label {
        width: 100%;

    }
}

@media (max-width: 767px) {
    .search-result-item__aviability-and-label {
        width: 100%;
    }
}

.search-result-item__aviability-dilers {
    font-size: 12px;
    margin-top: 6px;
}

@media (max-width: 1023px) {
    .search-result-item__aviability-dilers {
        font-size: 14px;
    }
}

.search-result-item__aviability-dilers > *:not(:last-child) {
    margin-right: 8px;
}

.search-result-item__label {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 164%;
    /*padding: 1px 13px;*/
    /* border-radius: 4px; */
    /*height: 16px;*/
    padding: 2px 12px;
    align-items: center;
    display: flex;
    order: 1;
    text-align: center;
    justify-content: center;
    /*		@include new-mediaXS() {
  position: absolute;
    top: 2px;
    left: 11px;
  }*/
}

@media (max-width: 950px) {
    .search-result-item__label {
        order: 1;
    }
}

.search-result-item__label-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px;
    margin-left: auto;
}

@media (max-width: 1279px) {
    .search-result-item__label-wrap {
        gap: 2px;
    }
}

@media (max-width: 1023px) {
    .search-result-item__label-wrap {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 4px;
    }
}

@media (max-width: 950px) {
    .search-result-item__label-wrap {
        margin-left: unset;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .search-result-item__label-wrap {
        flex-direction: row;
        margin-left: 0;
        margin-bottom: 8px;
        gap: 8px;
    }
}

.search-popup__btnWrap {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 100%;
    background: #fff;
    padding-top: 16px;
}

.search-popup__btn-all.ui-button {
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: #86bc25;
    color: #ffffff;
    font-weight: bold;
    text-transform: none;
    padding: 14px 48px;
    margin-right: 0;
}

.search-popup__btn-all.ui-button svg {
    color: #ffffff;
}

@media (max-width: 950px) {
    .search-popup__btn-all.ui-button {
        width: 100%;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    .header-search-mobile .search-popup__btnWrap {
        bottom: 58px;
    }
}

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

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

@media (max-width: 950px) {
    .hideXS {
        display: none;
    }
}

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

@media (min-width: 950px) {
    .hideMob {
        display: none !important;
    }
}

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


.header::before {
    background: none;
}

.search-product-loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-popular-query {
    padding-bottom: 24px;
}

.body--noscroll header.header {
    z-index: auto;
}

@media (max-width: 767px) {
    .body--noscroll .header-container {
        padding: 0;
    }
}


/* End */


/* Start:/local/templates/generica-redesign/template_styles.css?17767695991091*/
.header__content {
    position: relative;
}

.app-loader {
    border-top: 30px solid #606567;
    border-right: 30px solid #86bc25;
    border-bottom: 30px solid #606567;
    border-left: 30px solid #606567;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: iekspin 2s linear infinite;
    position: relative;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .app-loader {
        border-top: 25px solid #606567;
        border-right: 25px solid #86bc25;
        border-bottom: 25px solid #606567;
        border-left: 25px solid #606567;

        width: 150px;
        height: 150px;
    }
}

.app-loader-wrapper {
    position: relative;
    overflow: hidden;
}

.app-loader-wrapper::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    /*background: url(/local/templates/mainpage_2023/images/iek-small.png) no-repeat;*/
    width: 47px;
    height: 23px;
    margin-left: -23px;
    margin-top: -11px;
}

@keyframes iekspin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* End */
/* /local/templates/generica-redesign/libs/libs.min.css?176338714618813 */
/* /local/templates/generica-redesign/css/main.css?177191475341201 */
/* /local/templates/generica-redesign/css/custom.css?17764331052022 */
/* /local/components/iek/iek.search/templates/mainpage/style.css?1776769599304631 */
/* /local/templates/generica-redesign/template_styles.css?17767695991091 */