/* Start:/local/templates/teboil/css/swiper-bundle.min.css?177073244818919*/
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style:normal
}

:root {
    --swiper-theme-color:#007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index:1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction:column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing:content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform:translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action:pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action:pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property:transform
}

.swiper-slide-invisible-blank {
    visibility:hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height:auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property:transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective:1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .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, .swiper-3d .swiper-wrapper {
    transform-style:preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index:10
}

.swiper-3d .swiper-slide-shadow {
    background:rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-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-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type:x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type:y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order:9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width:var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height:var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always
}

.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: 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:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height:1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right:auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left:auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display:none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index:10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity:0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display:none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width:100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform:scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}

.swiper-pagination-bullet:only-child {
    display:none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform:translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display:block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width:8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition:.2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space:nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:.2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:.2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: 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: 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: 4px;
    height: 100%;
    left: 0;
    top:0
}

.swiper-pagination-lock {
    display:none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: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: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width:98%
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height:98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    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
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color:transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation:swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color:#000
}

@keyframes swiper-preloader-spin {
    0% {
        transform:rotate(0deg)
    }

    100% {
        transform:rotate(360deg)
    }
}

.swiper .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-cube {
    overflow:visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height:100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin:100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility:visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index:0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter:blur(50px)
}

.swiper-flip {
    overflow:visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index:1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property:transform, opacity, height
}

.swiper-cards {
    overflow:visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* End */


/* Start:/local/templates/teboil/css/sumoSelect.css?16774893819203*/
.SumoSelect p {margin: 0;}
.SumoSelect{width: 200px;}

.SelectBox {padding: 5px 8px;}

.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.SumoSelect .hidden { display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding: 6px;}
.SumoSelect.open .search-txt{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 5px 8px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{visibility:hidden;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,.SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.SelectClass{z-index: 1;}

.SumoSelect > .optWrapper > .options  li.opt label, .SumoSelect > .CaptionCont,.SumoSelect .select-all > label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: 0 0 2px #7799D0;border-color: #7799D0;}
.SumoSelect > .CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff;border-radius:2px;margin:0;}
.SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:default;}
/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

.SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px;}
.SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
    background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;background-repeat: no-repeat;opacity: 0.8;}

.SumoSelect > .optWrapper {display:none; z-index: 1000; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;overflow: hidden;}
.SumoSelect.open > .optWrapper {top:35px; display:block;}
.SumoSelect.open > .optWrapper.up {top: auto;bottom: 100%;margin-bottom: 5px;}

.SumoSelect > .optWrapper ul {list-style: none; display: block; padding: 0; margin: 0; overflow: auto;}
.SumoSelect > .optWrapper > .options { border-radius: 2px;position:relative;
    /*Set the height of pop up here (only for desktop mode)*/
    max-height: 250px;
    /*height*/ }
.SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0;}
.SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px;}
.SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0;}
.SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5;}
.SumoSelect > .optWrapper > .options li ul li.opt{padding-left: 22px;}
.SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left: 50px;}
.SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0 0 100px #595959;}
.SumoSelect > .optWrapper > .options  li.opt { padding: 6px 6px; position: relative;border-bottom: 1px solid #f5f5f5;}
.SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }
.SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius:0; }
.SumoSelect > .optWrapper > .options > li.opt:last-child {border-radius: 0 0 2px 2px; border-bottom: none;}
.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {border-radius: 0;}
.SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }
.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel{background-color: #a1c0e4;}

.SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
.SumoSelect > .optWrapper > .options li span { display: none; }
.SumoSelect > .optWrapper > .options li.group > label {cursor: default;padding: 8px 6px;font-weight: bold;}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit;pointer-events: none;}
.SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px;cursor: pointer;}
.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {box-shadow: 0 0 2px #a1c0e4;border-color: #a1c0e4;outline: none;background-color: #a1c0e4;}

.SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }
/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }
.SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
/*disabled state*/
.SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

/**Select all button**/
.SumoSelect .select-all{border-radius: 3px 3px 0 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0 3px 35px;height: 20px;cursor: pointer;}
.SumoSelect .select-all > label, .SumoSelect .select-all > span i{cursor: pointer;}
.SumoSelect .select-all.partial > span i{background-color:#ccc;}


/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }


.reset-all {padding: 5px 10px 5px 35px;border-bottom: 1px solid #CDCDCD;}

.SumoSelect[is-selected="false"] .reset-all {opacity: 0.5;pointer-events: none;}

.SumoSelect[is-selected="true"] .reset-all {opacity: 1;cursor: pointer;color: #7799D0;}

.SumoSelect[is-selected="true"] .reset-all * {cursor: pointer;}

.SumoSelect[is-selected="true"] .reset-all:hover {color: black;}
/* End */


/* Start:/local/templates/teboil/css/catalog.css?175205917497890*/
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/style.less ***!
  \*************************************************************************************************************************************/
body {
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  background: #fff;
  color: #000000B2;
  font-style: normal;
  font-size: 14px;
}
body.overflow {
  overflow: hidden;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}
span {
  display: inline-block;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
.wrapper.this--no_overflow {
  overflow-x: visible;
}
.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1392px;
  padding: 0 36px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .container {
    padding: 0 64px;
  }
}
@media (max-width: 767px) {
  .container {
    padding: 0 24px;
  }
}

/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/css/normalize.less ***!
  \*********************************************************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  padding: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/header/header.less ***!
  \********************************************************************************************************************************************************/
.header {
  position: relative;
  z-index: 100;
}
.header .container {
  position: static;
}
.header__content {
  display: flex;
  align-items: center;
  height: 119px;
}
@media (max-width: 1390px) {
  .header__content {
    justify-content: space-between;
    height: 92px;
  }
}
@media (max-width: 768px) {
  .header__content {
    height: 78px;
  }
}
.header-logo {
  width: 100px;
  flex: 0 0 auto;
  font-size: 0;
}
.header-logo img {
  width: 100%;
}
@media (max-width: 1390px) {
  .header__nav_wrapper {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
  }
  .header__nav_wrapper.show-menu {
    opacity: 1;
    visibility: visible;
  }
}
.header__nav {
  flex: 1;
  margin-left: 55px;
}
.header__nav .header-logo {
  display: none;
}
@media (max-width: 1390px) {
  .header__nav {
    margin-left: 0;
    z-index: 3;
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 520px;
    height: 100vh;
    background: #ffffff;
    transform: translateX(110%);
    transition: transform 0.4s;
  }
  .header__nav.show-menu {
    transform: translateX(0);
  }
  .header__nav .header-logo {
    display: block;
    margin-left: 16px;
  }
}
@media (max-width: 639px) {
  .header__nav {
    border-radius: 4px 4px 0 0;
    height: calc(100vh - 16px);
    top: 16px;
    width: 100%;
    transform: translateY(110%);
  }
  .header__nav.show-menu {
    transform: translateY(0);
  }
  .header__nav .header-logo {
    margin-top: 12px;
  }
}
@media (max-width: 1390px) {
  .header__nav_top {
    padding-top: 40px;
  }
}
@media (max-width: 639px) {
  .header__nav_top {
    padding-top: 4px;
  }
}
.header__nav_content {
  width: 100%;
}
@media (max-width: 1390px) {
  .header__nav_content {
    overflow-y: auto;
    margin-top: 1px;
    height: calc(100% - 85px);
    padding: 0 40px 20px 16px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 639px) {
  .header__nav_content {
    padding: 0 16px 20px;
    height: calc(100% - 65px);
  }
}
.header__mob_line {
  display: none;
}
@media (max-width: 639px) {
  .header__mob_line {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 4px;
    background: #C9CAC8;
    border-radius: 4px;
  }
}
.header__mob_blue_line {
  display: none;
}
@media (max-width: 1390px) {
  .header__mob_blue_line {
    display: block;
    margin-top: 16px;
    width: 170px;
    height: 4px;
    background: #004798;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 2px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 2px) 100%, 0% 100%);
  }
}
.header__search {
  display: none;
}
@media (max-width: 1390px) {
  .header__search {
    display: flex;
    margin-top: 19px;
    padding: 12px 0 14px;
    border-bottom: 1px solid #C9CAC8;
  }
}
@media (max-width: 1390px) {
  .header__search_input {
    flex: 1 1 auto;
    margin-right: 10px;
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  .header__search_input::-webkit-input-placeholder {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  .header__search_input::-moz-placeholder {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  .header__search_input:-ms-input-placeholder {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  .header__search_input::-ms-input-placeholder {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  .header__search_input::placeholder {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 1390px) {
  .header__search_submit {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0004 21.0004L16.6504 16.6504' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / contain no-repeat;
    border: none;
  }
}
.menu {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: -12px;
  list-style-type: none;
}
.menu li.this--mobile {
  display: none;
}
@media (max-width: 1390px) {
  .menu li.this--mobile {
    display: block;
  }
}
.menu li.this--desktop {
  display: block;
}
@media (max-width: 1390px) {
  .menu li.this--desktop {
    display: none;
  }
}
.menu > li {
  position: relative;
  padding: 15px 6px;
}
.menu > li.this--submenu.this--hover {
  position: static;
}
@media (min-width: 1390px) {
  .menu > li.this--submenu:hover .menu__link .menu__link_arrow,
  .menu > li.this--submenu.this--hover .menu__link .menu__link_arrow {
    transform: rotate(180deg);
    transition: transform 0.2s;
  }
  .menu > li.this--submenu:hover .menu__link::after,
  .menu > li.this--submenu.this--hover .menu__link::after {
    width: 100%;
    transition: width 0.3s;
  }
  .menu > li.this--submenu:hover .menu__submenu,
  .menu > li.this--submenu.this--hover .menu__submenu {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s, visibility 0.2s;
  }
}
.menu > li.this--submenu .menu__link .menu__link_arrow {
  flex: 0 0 auto;
  margin-left: 4px;
  width: 20px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%23E7332B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / 7px 4px no-repeat;
}
@media (max-width: 1390px) {
  .menu > li.this--submenu .menu__link .menu__link_arrow {
    display: none;
  }
}
.menu > li.this--no--menuitem {
  padding: 0;
}
@media (max-width: 1390px) {
  .menu {
    flex-wrap: wrap;
    margin: 29px 0 20px -16px;
  }
  .menu > li {
    position: static;
    margin-left: 16px;
    width: calc(50% - 16px);
    padding: 0;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 6px;
  }
  .menu > li.full {
    width: 100%;
  }
  .menu > li .menu__link .menu__link_content {
    max-width: 115px;
    display: inline-block;
    z-index: 10;
  }
  .menu > li.this--1 .menu__link::after {
    background-image: url(/local/templates/teboil/css/img/nav/nav_link_1.png);
  }
  .menu > li.this--2 .menu__link::after {
    background-image: url(/local/templates/teboil/css/img/nav/nav_link_2.png);
  }
  .menu > li.this--3 .menu__link::after {
    background-image: url(/local/templates/teboil/css/img/nav/nav_link_3.png);
  }
  .menu > li.this--4 .menu__link::after {
    background-image: url(/local/templates/teboil/css/img/nav/nav_link_4.png);
  }
  .menu > li.this--5 .menu__link::after {
    background-image: url(/local/templates/teboil/css/img/nav/nav_link_5.png);
  }
  .menu > li.this--5-full .menu__link::after {
    background-image: url(/local/templates/teboil/css/img/nav/nav_link_5_full.png);
  }
  .menu > li.this--6 .menu__link::after {
    background-image: url('/local/templates/teboil/css/img/nav/nav_link_6.png');
  }
  .menu > li.this--7 .menu__link::after {
    background-image: url('/local/templates/teboil/css/img/nav/nav_link_7.png');
  }
  .menu > li.this--8 .menu__link::after {
    background-image: url('/local/templates/teboil/css/img/nav/nav_link_8.png');
  }
  .menu > li.this--9 .menu__link::after {
    background-image: url('/local/templates/teboil/css/img/nav/nav_link_9.png');
  }
}
@media (max-width: 1390px) and (max-width: 639px) {
  .menu {
    margin: 29px 0 20px -8px;
  }
  .menu > li {
    margin-left: 8px;
    width: calc(50% - 8px);
  }
}
.menu__link {
  display: flex;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  color: #000000;
  position: relative;
}
.menu__link::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  bottom: -9px;
  height: 2px;
  background: #E7332B;
  z-index: 10;
}
@media (min-width: 1390px) {
  .menu__link:hover::after {
    width: 100%;
    transition: width 0.3s;
  }
}
@media (max-width: 1390px) {
  .menu__link {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    display: flex;
    background: #EFF0F1;
    height: 140px;
    padding: 16px;
    width: 100%;
  }
  .menu__link::after {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    background-color: #EFF0F1;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
}
@media (max-width: 767px) {
  .menu__link {
    height: 106px;
  }
}
.menu__submenu {
  position: absolute;
  top: 44px;
  left: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  z-index: 9;
}
@media (min-width: 1390px) {
  .menu__submenu {
    left: -16px;
  }
  .menu__submenu.this--right {
    left: auto;
    right: 0;
  }
  .menu__submenu .container {
    padding: 0;
  }
}
@media (max-width: 1390px) {
  .menu__submenu {
    top: 0;
    width: 100%;
    height: calc(100vh - 120px);
    z-index: 12;
    pointer-events: none;
    box-shadow: none;
  }
  .menu__submenu.active-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .menu__submenu .container {
    padding: 0 40px 16px 16px;
    overflow-y: auto;
    max-height: calc(100% - 66px);
    margin-top: 24px;
  }
}
@media (max-width: 639px) {
  .menu__submenu .container {
    padding: 0 16px 16px;
  }
}
.menu__submenu_link_back {
  display: none;
}
@media (max-width: 1390px) {
  .menu__submenu_link_back {
    display: flex;
    align-items: center;
    margin: 20px 40px 0 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.5);
  }
  .menu__submenu_link_back span {
    width: 18px;
    height: 18px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2732_21285)'%3E%3Cpath d='M13.0908 1.63672L4.909 9.00036L13.0908 16.364' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2732_21285'%3E%3Crect width='18' height='18' fill='white' transform='translate(18) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat;
  }
}
@media (max-width: 639px) {
  .menu__submenu_link_back {
    margin: 20px 16px 0;
  }
}
.menu__duo_line {
  position: absolute;
  width: 100%;
  display: flex;
  height: 4px;
  left: 0;
  bottom: 0;
  z-index: 10;
}
@media (max-width: 1390px) {
  .menu__duo_line {
    display: none;
  }
}
.menu__duo_line_left {
  height: 100%;
  background: #004798;
  margin-right: 3px;
  width: 200px;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 3px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 3px) 100%, 0% 100%);
}
.menu__duo_line_right {
  height: 100%;
  background: #E7332B;
  flex: 1 1 auto;
  -webkit-clip-path: polygon(3px 0%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(3px 0%, 100% 0, 100% 100%, 0% 100%);
}
.menu__submenu_list {
  position: relative;
  display: block;
  min-width: 340px;
  min-height: 240px;
  margin: 12px 0;
  list-style-type: none;
}
@media (max-width: 1390px) {
  .menu__submenu_list {
    width: auto;
    min-width: auto;
    min-height: 0;
    margin: 0;
    overflow-y: auto;
    max-height: calc(100% - 40px);
  }
}
.menu__submenu_list li.this--submenu_2 {
  padding: 0 24px;
}
@media (max-width: 1390px) {
  .menu__submenu_list li.this--submenu_2 {
    padding: 0;
    margin-bottom: 8px;
  }
}
@media (min-width: 1390px) {
  .menu__submenu_list li.this--submenu_2:hover .menu__submenu_link {
    color: #FFFFFF;
    background: #004798;
    border-bottom-color: #004798;
  }
  .menu__submenu_list li.this--submenu_2:hover .menu__submenu_link .arrow path {
    stroke: #ffffff;
  }
  .menu__submenu_list li.this--submenu_2:hover .menu__submenu_2 {
    opacity: 1;
    visibility: visible;
  }
}
.menu__submenu_list li.this--submenu_2 .menu__submenu_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu__submenu_list li.this--submenu_2 .menu__submenu_link .arrow {
  flex: 0 0 auto;
}
@media (max-width: 1390px) {
  .menu__submenu_list li.this--submenu_2 .menu__submenu_link .arrow {
    display: none;
  }
}
.menu__submenu_list li.this--submenu_2 .menu__submenu_link .arrow path {
  transition: stroke 0.2s;
}
@media (min-width: 1390px) {
  .this--submenu-revert .menu__submenu_list li.this--submenu_2 .menu__submenu_link {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .this--submenu-revert .menu__submenu_list li.this--submenu_2 .menu__submenu_link .arrow {
    margin-right: 16px;
    transform: rotate(180deg);
  }
}
.menu__submenu_link {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
  display: block;
  padding: 12px;
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.2s;
}
.menu__submenu_link.this--last {
  border: none;
}
.menu__submenu_link .mob_arrow {
  display: none;
}
@media (max-width: 1390px) {
  .menu__submenu_link {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    border-bottom: none;
  }
  .menu__submenu_link .mob_arrow {
    flex: 0 0 auto;
    display: block;
    width: 12px;
    height: 12px;
    transition: transform 0.2s;
  }
  .menu__submenu_link .mob_arrow path {
    transition: stroke 0.2s;
  }
  .menu__submenu_link.active {
    background: #004798;
    color: #FFFFFF;
  }
  .menu__submenu_link.active .mob_arrow {
    transform: rotate(180deg);
  }
  .menu__submenu_link.active .mob_arrow path {
    stroke: #FFFFFF;
  }
}
.menu__submenu_2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  height: calc(100% + 24px);
  background-color: #fff;
}
@media (min-width: 1390px) {
  .menu__submenu_2 {
    left: 100%;
    right: auto;
    top: -12px;
    box-shadow: -15px 0 0 0 white, 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
  }
  .menu__submenu_2::after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #E7332B;
    z-index: 10;
  }
  .menu__submenu_2::before {
    content: '';
    width: 1px;
    height: 200px;
    position: absolute;
    top: 24px;
    left: 0;
    background-color: #003D83;
    z-index: 10;
  }
  .this--submenu-revert .menu__submenu_2 {
    left: auto;
    right: 100%;
    top: -12px;
    box-shadow: 15px 0 0 0 white, 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
  }
  .this--submenu-revert .menu__submenu_2::after {
    background-color: #003D83;
  }
  .this--submenu-revert .menu__submenu_2::before {
    left: auto;
    right: 0;
  }
}
@media (max-width: 1390px) {
  .menu__submenu_2 {
    padding-right: 0;
    height: auto;
    width: auto;
    position: static;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.3s ease 0s;
    overflow: hidden;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    max-height: 0;
  }
  .menu__submenu_2::after {
    display: none;
  }
}
.menu__submenu_2_list {
  display: block;
  list-style-type: none;
  padding: 12px 24px;
  height: 100%;
  overflow-y: auto;
}
@media (min-width: 1390px) {
  .menu__submenu_2_list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .menu__submenu_2_list::-webkit-scrollbar-track {
    background: #F1F1F1;
    border-radius: 15px;
  }
  .menu__submenu_2_list::-webkit-scrollbar-thumb {
    background: #004798;
    border-radius: 15px;
  }
}
@media (max-width: 1390px) {
  .menu__submenu_2_list {
    padding: 0 16px 0 28px;
    border-left: 1px solid #004798;
    margin-top: 12px;
  }
}
.menu__submenu_2_list li {
  width: 320px;
  padding: 12px 12px 0;
}
@media (max-width: 1390px) {
  .menu__submenu_2_list li {
    padding: 8px 0;
    border-bottom: 1px solid #E4E4E2;
    margin-left: 0;
    margin-bottom: 0;
    width: auto;
  }
  .menu__submenu_2_list li:last-child {
    border-bottom: none;
  }
}
.menu__submenu_2_link {
  display: block;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 20px;
  color: #000000;
  padding: 0 0 12px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
  transition: color 0.2s;
}
.menu__submenu_2_link.this--last {
  border: none;
}
@media (max-width: 1390px) {
  .menu__submenu_2_link {
    font-size: 13px;
    border: none;
  }
}
@media (min-width: 1390px) {
  .menu__submenu_2_link:hover {
    color: #E7332B;
  }
}
@media (min-width: 1390px) {
  .this--menuline .menu__submenu {
    width: 100%;
    top: 45px;
    left: 0;
    box-shadow: none;
    z-index: 1;
  }
  .this--menuline .menu__submenu_list {
    display: flex;
    width: 100%;
    max-width: none;
    min-width: auto;
    min-height: auto;
  }
  .this--menuline .menu__submenu_list li:not(.this--mobile) {
    display: block;
    padding: 0;
  }
  .this--menuline .menu__submenu_list li:not(.this--mobile):nth-child(2) a {
    padding-left: 12px;
  }
  .this--menuline .menu__submenu_list li:not(.this--mobile).this--submenu_2_space {
    width: 2px;
    margin: 0 0 0 auto;
  }
  .this--menuline .menu__submenu_list li:not(.this--mobile).this--submenu_2_add {
    align-self: center;
  }
  .this--menuline .menu__submenu_list a {
    padding: 12px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    border: none;
    white-space: nowrap;
  }
  .this--menuline .menu__submenu_list a.this--phone {
    font-weight: 800;
    color: #000000;
  }
  .this--menuline .menu__submenu_list a.this--button {
    display: block;
    padding: 4px 16px;
    color: #fff;
    background: #E7332B;
    border: 1px solid #E7332B;
    transition: all 0.2s;
  }
  .this--menuline .menu__submenu_list a.this--button:hover {
    color: #E7332B;
    background: #fff;
  }
}
@media (min-width: 1390px) and (min-width: 1390px) {
  .this--menuline .menu__submenu_list li:not(.this--mobile):nth-child(2) a {
    padding-left: 6px;
  }
}
.header__mob_contacts {
  display: none;
}
@media (max-width: 1390px) {
  .header__mob_contacts {
    display: flex;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #C9CAC8;
    margin-left: -16px;
  }
}
@media (max-width: 639px) {
  .header__mob_contacts {
    margin-left: 0;
    display: block;
  }
}
@media (max-width: 1390px) {
  .header__mob_contacts_item {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    width: calc(50% - 16px);
  }
  .header__mob_contacts_item span {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.6);
  }
  .header__mob_contacts_item a {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
  }
  .header__mob_contacts_item.this--mail a {
    color: #E7332B;
  }
}
@media (max-width: 1390px) and (max-width: 639px) {
  .header__mob_contacts_item {
    margin-left: 0;
    width: auto;
  }
}
@media (max-width: 1390px) and (max-width: 639px) {
  .header__mob_contacts_item.this--mail {
    margin-top: 16px;
  }
}
.header__burger {
  display: none;
}
@media (max-width: 1390px) {
  .header__burger {
    display: block;
    width: 32px;
    height: 32px;
    padding: 7px 0;
    position: relative;
    flex: 0 0 auto;
  }
  .header__burger span {
    display: inline-block;
    height: 2px;
    position: absolute;
    right: 0;
    -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
  }
  .header__burger span:first-child {
    background: #E7332B;
    width: 30px;
    top: 7px;
  }
  .header__burger span:nth-child(2) {
    background: #004798;
    width: 20px;
    top: 15px;
  }
  .header__burger span:last-child {
    background: #E7332B;
    width: 26px;
    bottom: 7px;
  }
}
.header__cross {
  display: none;
}
@media (max-width: 1390px) {
  .header__cross {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 40px;
    right: 40px;
    z-index: 3;
  }
  .header__cross::before,
  .header__cross::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 2px;
    background: #E7332B;
    top: calc(50% - 2px);
    left: 0;
  }
  .header__cross::before {
    transform: rotate(45deg);
  }
  .header__cross::after {
    transform: rotate(-45deg);
  }
}
@media (max-width: 639px) {
  .header__cross {
    top: 20px;
    right: 16px;
  }
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/breadcrumbs/breadcrumbs.less ***!
  \******************************************************************************************************************************************************************/
.breadcrumbs {
  background: #004798;
  overflow: hidden;
}
.breadcrumbs__body {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 28px;
  height: 42px;
  width: max-content;
}
@media (max-width: 1024px) {
  .breadcrumbs__body.this--desktop {
    display: none;
  }
}
.breadcrumbs__body.this--mobile {
  display: none;
}
@media (max-width: 1024px) {
  .breadcrumbs__body.this--mobile {
    display: flex;
  }
  .breadcrumbs__body.this--mobile .breadcrumbs__arrow {
    transform: rotate(180deg);
    margin-left: 0;
  }
}
.breadcrumbs__body::after {
  position: absolute;
  content: '';
  width: 100vw;
  left: 100%;
  background: #ffffff;
  top: -1px;
  height: calc(100% + 2px);
}
.breadcrumbs__body::before {
  position: absolute;
  content: '';
  right: 0;
  bottom: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 44px 11px;
  border-color: transparent transparent #ffffff transparent;
}
.breadcrumbs__link {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #FFFFFF;
}
.breadcrumbs__link--disabled {
  pointer-events: none;
}
.breadcrumbs__arrow {
  margin: 0 16px;
  width: 5px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L4 4L1 1' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / 100% 100% no-repeat;
}

/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/duo_line/duo_line.less ***!
  \************************************************************************************************************************************************************/
.duo_line {
  display: flex;
  height: 42px;
}
@media (max-width: 1360px) {
  .duo_line {
    height: 36px;
  }
}
.duo_line__left {
  height: 100%;
  background: #004798;
  margin-right: 5px;
  width: calc((100vw - 1170px)/2 + 338px);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 9px) 100%, 0% 100%);
}
@media (max-width: 1700px) {
  .duo_line__left {
    clip-path: polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  }
}
@media (max-width: 1500px) {
  .duo_line__left {
    width: calc((100vw - 1170px)/2 + 333px);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
  }
}
@media (max-width: 1360px) {
  .duo_line__left {
    width: calc((100vw - 1072px)/2 + 358px);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  }
}
@media (max-width: 1250px) {
  .duo_line__left {
    width: 411px;
  }
}
@media (max-width: 1024px) {
  .duo_line__left {
    width: 375px;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  }
}
@media (max-width: 768px) {
  .duo_line__left {
    width: 45%;
  }
}
.duo_line__right {
  height: 100%;
  background: #E7332B;
  flex: 1 1 auto;
  clip-path: polygon(10px 0%, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1700px) {
  .duo_line__right {
    clip-path: polygon(10px 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1500px) {
  .duo_line__right {
    clip-path: polygon(12px 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1360px) {
  .duo_line__right {
    clip-path: polygon(8px 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1024px) {
  .duo_line__right {
    clip-path: polygon(8px 0%, 100% 0, 100% 100%, 0% 100%);
  }
}

/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/pages/catalog/catalog.less ***!
  \*****************************************************************************************************************************************************/
.catalog_top {
  position: relative;
}
.catalog_top.this--no_bg {
  overflow-x: hidden;
}
.catalog_top.this--no_bg::before {
  display: none;
}
.catalog_top::before {
  content: '';
  position: absolute;
  right: 0;
  top: 32px;
  width: 59.375%;
  height: 456px;
  background: #F1F1F1;
  clip-path: polygon(90px 0%, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1360px) {
  .catalog_top::before {
    width: 64%;
  }
}
@media (max-width: 1200px) {
  .catalog_top::before {
    width: 61%;
  }
}
@media (max-width: 1024px) {
  .catalog_top::before {
    height: 417px;
    width: 68%;
  }
}
@media (max-width: 900px) {
  .catalog_top::before {
    display: none;
  }
}
.catalog_top__content {
  padding: 32px 0;
}
@media (max-width: 900px) {
  .catalog_top__content {
    padding: 24px 0;
  }
}
.catalog_top__row {
  display: flex;
}
@media (max-width: 1024px) {
  .catalog_top__row {
    justify-content: space-between;
  }
}
@media (max-width: 900px) {
  .catalog_top__row {
    display: block;
  }
}
.catalog_top__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 630px;
  margin-right: 23px;
}
@media (max-width: 1200px) {
  .catalog_top__left {
    width: 520px;
    margin-right: 20px;
  }
}
@media (max-width: 1024px) {
  .catalog_top__left {
    width: 350px;
    margin-right: 16px;
  }
}
@media (max-width: 900px) {
  .catalog_top__left {
    width: auto;
  }
}
.catalog_top.this--no_bg .catalog_top__left {
  flex: 0 0 auto;
  width: 540px;
  margin-right: 0;
}
@media (max-width: 1200px) {
  .catalog_top.this--no_bg .catalog_top__left {
    width: 450px;
  }
}
@media (max-width: 1024px) {
  .catalog_top.this--no_bg .catalog_top__left {
    width: 335px;
  }
}
@media (max-width: 900px) {
  .catalog_top.this--no_bg .catalog_top__left {
    width: auto;
  }
}
.catalog_top__title {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 1279px) {
  .catalog_top__title {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 1024px) {
  .catalog_top__title {
    font-size: 24px;
    line-height: 34px;
  }
}
.catalog_top__subtitle {
  margin-top: 16px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  max-width: 359px;
}
@media (max-width: 900px) {
  .catalog_top__subtitle {
    max-width: none;
  }
}
.catalog_top__right {
  flex: 1 1 auto;
  height: 456px;
  padding: 12px 0;
  display: flex;
  align-items: center;
}
.catalog_top.this--no_bg .catalog_top__right {
  padding: 0;
  width: calc(100% - 540px + ((100vw - 1392px) / 2) + 45px);
  clip-path: polygon(90px 0%, 100% 0, 100% 100%, 0% 100%);
  flex: 0 0 auto;
}
@media (max-width: 1420px) {
  .catalog_top.this--no_bg .catalog_top__right {
    width: calc(100% - 540px + 58px);
  }
}
@media (max-width: 1200px) {
  .catalog_top.this--no_bg .catalog_top__right {
    width: calc(100% - 450px + 58px);
  }
}
@media (max-width: 1024px) {
  .catalog_top.this--no_bg .catalog_top__right {
    width: calc(100% - 335px + 86px);
  }
}
@media (max-width: 900px) {
  .catalog_top.this--no_bg .catalog_top__right {
    flex: 0 1 auto;
    background: #F1F1F1;
    margin: 48px -64px 0;
    display: flex;
    justify-content: center;
    width: auto;
    clip-path: none;
  }
}
@media (max-width: 767px) {
  .catalog_top.this--no_bg .catalog_top__right {
    margin: 24px -24px 0;
  }
}
@media (max-width: 1024px) {
  .catalog_top__right {
    height: 417px;
  }
}
@media (max-width: 900px) {
  .catalog_top__right {
    flex: 0 1 auto;
    background: #F1F1F1;
    margin: 24px -64px 0;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .catalog_top__right {
    margin: 24px -24px 0;
  }
}
@media (max-width: 500px) {
  .catalog_top__right {
    margin: 24px -24px 0;
    height: 334px;
  }
}
.catalog_top__img {
  position: relative;
  height: 100%;
  width: 100%;
}
.catalog_top__img img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.catalog_top.this--no_bg .catalog_top__img img {
  object-fit: cover;
}
.catalog_body__content {
  padding-bottom: 106px;
}
@media (max-width: 1200px) {
  .catalog_body__content {
    padding-bottom: 64px;
  }
}
.catalog_body__row {
  display: flex;
}
@media (max-width: 1024px) {
  .catalog_body__row {
    display: block;
  }
}
.catalog_body__left {
  position: relative;
  z-index: 40;
  flex: 0 0 auto;
  margin-right: 23px;
  padding-left: calc((100vw - 1392px)/2 + 25px);
}
@media (max-width: 1420px) {
  .catalog_body__left {
    padding-left: 36px;
  }
}
@media (max-width: 1200px) {
  .catalog_body__left {
    margin-right: 16px;
  }
}
@media (max-width: 1024px) {
  .catalog_body__left {
    margin-right: 0;
    padding: 0 64px;
  }
}
@media (max-width: 768px) {
  .catalog_body__left {
    padding: 0 24px;
  }
}
.catalog_body__right {
  position: relative;
  z-index: 10;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: calc((100vw - 1392px)/2 + 25px);
}
@media (max-width: 1420px) {
  .catalog_body__right {
    padding-right: 36px;
  }
}
@media (max-width: 1024px) {
  .catalog_body__right {
    margin-top: 32px;
    padding: 0 64px;
  }
}
@media (max-width: 768px) {
  .catalog_body__right {
    padding: 0 24px;
  }
}
.catalog_body__filter {
  width: 264px;
  position: sticky;
  top: 0;
}
@media (max-width: 1200px) {
  .catalog_body__filter {
    width: 224px;
  }
}
@media (max-width: 1024px) {
  .catalog_body__filter {
    position: static;
    width: auto;
  }
}
.catalog_body__tab {
  display: none;
}
.catalog_body__tab.active {
  display: block;
}
.catalog_body__tab.this--catalog {
  margin-bottom: -60px;
}
@media (max-width: 768px) {
  .catalog_body__tab.this--catalog {
    margin-bottom: -32px;
  }
}
.catalog_body__section {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .catalog_body__section {
    margin-bottom: 32px;
  }
}
.catalog_section__title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
  position: relative;
  display: inline-block;
  padding-right: 68px;
}
@media (max-width: 768px) {
  .catalog_section__title {
    padding-right: 23px;
  }
}
.catalog_section__title::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 100%;
  height: 32px;
  background: #E7332B;
  width: 100vw;
  clip-path: polygon(6px 0%, 100% 0, 100% 100%, 0% 100%);
}
.catalog_section__title.catalog_section__title--blue_bg::after {
  background: #004798;
}
.catalog_section__subtitle {
  margin-top: 8px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.catalog_section__items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
  margin-bottom: -48px;
  margin-top: 32px;
}
@media (max-width: 1200px) {
  .catalog_section__items {
    margin-left: -16px;
  }
}
@media (max-width: 1024px) {
  .catalog_section__items {
    margin-left: -24px;
  }
}
@media (max-width: 768px) {
  .catalog_section__items {
    margin-bottom: -24px;
    margin-top: 24px;
    margin-left: -16px;
  }
}
@media (max-width: 500px) {
  .catalog_section__items {
    margin-left: 0;
  }
}
.catalog_section__item {
  margin-left: 24px;
  margin-bottom: 48px;
  width: calc(33.333% - 24px);
}
@media (max-width: 1200px) {
  .catalog_section__item {
    margin-left: 16px;
    width: calc(33.333% - 16px);
  }
}
@media (max-width: 1024px) {
  .catalog_section__item {
    margin-left: 24px;
    width: calc(33.333% - 24px);
  }
}
@media (max-width: 768px) {
  .catalog_section__item {
    margin-bottom: 24px;
    margin-left: 16px;
    width: calc(50% - 16px);
  }
}
@media (max-width: 500px) {
  .catalog_section__item {
    width: 100%;
    margin-left: 0;
  }
}
.oil_selection__form_title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}
.oil_selection__form_items {
  margin-top: 8px;
}
.oil_selection__form_select {
  margin-bottom: 8px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 17px 16px 15px;
  border: 2px solid #F1F1F1;
  background: #FFF;
}
.oil_selection__form_select label {
  margin-right: 8px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  transition: color 0.25s;
}
.oil_selection__form_select label.disabled {
  color: #C9CAC8;
}
.oil_selection__form_select select {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.oil_selection__form_select .SumoSelect {
  position: static;
  cursor: pointer;
  width: 100%;
}
@media (max-width: 1023px) {
  .oil_selection__form_select .SumoSelect {
    width: 100%;
  }
}
.oil_selection__form_select .SumoSelect.disabled {
  pointer-events: none;
}
.oil_selection__form_select .SumoSelect.open > .optWrapper {
  top: 54px;
  left: 50%;
  width: calc(100% + 4px);
  transform: translateX(-50%);
}
@media (max-width: 1023px) {
  .oil_selection__form_select .SumoSelect.open > .optWrapper {
    width: 100%;
  }
}
.oil_selection__form_select .SumoSelect:focus > .CaptionCont,
.oil_selection__form_select .SumoSelect:hover > .CaptionCont,
.oil_selection__form_select .SumoSelect.open > .CaptionCont {
  border: none;
  box-shadow: none;
}
.oil_selection__form_select .SumoSelect.open label i {
  transform: rotate(180deg);
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options li.opt.disabled {
  display: none;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options {
  padding: 4px 0;
  max-height: 232px;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options::-webkit-scrollbar {
  width: 6px;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options::-webkit-scrollbar-track {
  background: #F1F1F1;
  border-radius: 15px;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb {
  background: #004798;
  border-radius: 15px;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options li.opt {
  padding: 12px 16px;
  position: relative;
  border-bottom: none;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options li.opt:first-child::before {
  display: none;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options li.opt::before {
  position: absolute;
  content: '';
  top: 0;
  left: 16px;
  width: calc(100% - 32px);
  height: 1px;
  background: #f1f1f1;
}
.oil_selection__form_select .SumoSelect > .optWrapper > .options li.opt label {
  display: flex;
  align-items: center;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000000;
}
.oil_selection__form_select .SumoSelect > .CaptionCont {
  height: 100%;
  display: flex;
  align-items: center;
  border: none;
  padding: 0 30px 0 0;
}
.oil_selection__form_select .SumoSelect > .CaptionCont .search-txt {
  height: 100%;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.6);
}
.oil_selection__form_select .SumoSelect > .CaptionCont span {
  padding-right: 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000000;
  cursor: pointer;
}
.oil_selection__form_select .SumoSelect > .CaptionCont span.placeholder {
  color: #C9CAC8;
  text-transform: none;
}
.oil_selection__form_select .SumoSelect > .CaptionCont label {
  width: 16px;
}
.oil_selection__form_select .SumoSelect > .CaptionCont label i {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.33333 6.33333L11.6667 1' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.oil_selection__form_select .SumoSelect.disabled > .CaptionCont label i {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.997559 1L6.33089 6.33333L11.6642 1' stroke='%23F1F1F1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.oil_selection__form_type {
  display: none!important;
}
.oil_selection__form_button {
  background: #004798;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  border: none;
  cursor: pointer;
  width: 100%;
  max-width: 264px;
}
@media (max-width: 500px) {
  .oil_selection__form_button {
    max-width: none;
  }
}
.oil_selection__form_button span {
  width: 16px;
  height: 16px;
  margin-top: -3px;
  margin-left: 8px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3.33337L12.6667 8.00004L8 12.6667' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.oil_selection__form_button.disabled {
  pointer-events: none;
  background: #C9CAC8;
}
@media (min-width: 1024px) {
  .oil_selection__form_button:hover {
    background: #003D83;
  }
}
.result_oil__title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  color: #080E1F;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .result_oil__title {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .result_oil__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
}
.result_oil__block {
  margin-bottom: 112px;
}
@media (max-width: 767px) {
  .result_oil__block {
    margin-bottom: 64px;
  }
}
.result_oil__block:last-child {
  margin-bottom: 0;
}
.result_oil__block_title {
  padding: 9px 28px 7px 16px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
@media (max-width: 1023px) {
  .result_oil__block_title {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .result_oil__block_title {
    -webkit-clip-path: none;
    clip-path: none;
    padding: 9px 16px 7px 16px;
    display: block;
  }
}
.result_oil__block.recommended-most .result_oil__block_title {
  background: #BC3B46;
}
.result_oil__block.recommended-well .result_oil__block_title {
  background: #D6BA86;
}
.result_oil__block.recommended-general .result_oil__block_title {
  background: #C9CAC8;
}
.result_oil__block.applicable .result_oil__block_title {
  background: #6691C1;
}
.result_oil__items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
  margin-bottom: -48px;
  margin-top: 32px;
}
@media (max-width: 1200px) {
  .result_oil__items {
    margin-left: -16px;
  }
}
@media (max-width: 1024px) {
  .result_oil__items {
    margin-left: -24px;
  }
}
@media (max-width: 768px) {
  .result_oil__items {
    margin-bottom: -24px;
    margin-top: 24px;
    margin-left: -16px;
  }
}
@media (max-width: 500px) {
  .result_oil__items {
    margin-left: 0;
  }
}
.result_oil__item {
  margin-left: 24px;
  margin-bottom: 48px;
  width: calc(33.333% - 24px);
}
@media (max-width: 1200px) {
  .result_oil__item {
    margin-left: 16px;
    width: calc(33.333% - 16px);
  }
}
@media (max-width: 1024px) {
  .result_oil__item {
    margin-left: 24px;
    width: calc(33.333% - 24px);
  }
}
@media (max-width: 768px) {
  .result_oil__item {
    margin-bottom: 24px;
    margin-left: 16px;
    width: calc(50% - 16px);
  }
}
@media (max-width: 500px) {
  .result_oil__item {
    width: 100%;
    margin-left: 0;
  }
}
.result_oil__item .catalog_item__title {
  font-weight: 600;
  padding: 5px 8px 3px;
  color: #ffffff;
  text-transform: uppercase;
}
.result_oil__block.recommended-most .result_oil__item .catalog_item__title {
  background: #BC3B46;
}
.result_oil__block.recommended-well .result_oil__item .catalog_item__title {
  background: #D6BA86;
}
.result_oil__block.recommended-general .result_oil__item .catalog_item__title {
  background: #C9CAC8;
}
.result_oil__block.applicable .result_oil__item .catalog_item__title {
  background: #6691C1;
}
.result_oil__item .catalog_item__text {
  color: #000000;
  margin-top: 8px;
  margin-left: 8px;
}
.result_oil__item .catalog_item__btn {
  color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33325 8L12.6666 8' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.33334L12.6667 8.00001L8 12.6667' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-left: 8px;
}
.preloader {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 105;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  top: 0;
  left: 0;
}
.preloader.active {
  display: flex;
}
.preloader__img {
  height: 100px;
  position: relative;
  width: 80px;
}
.preloader__img > div {
  background-color: #FFFFFF;
  height: 30px;
  position: absolute;
  width: 12px;
  /* css3 radius */
  border-radius: 5px;
  /* css3 transform - scale */
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -o-transform: scale(0.4);
  /* css3 animation */
  -webkit-animation-name: loading1;
  -webkit-animation-duration: 1.04s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -moz-animation-name: loading1;
  -moz-animation-duration: 1.04s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -o-animation-name: loading1;
  -o-animation-duration: 1.04s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
}
.preloader__img > div:nth-child(1) {
  left: 0;
  top: 36px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  /* css3 animation */
  -webkit-animation-delay: 0.39s;
  -moz-animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
}
.preloader__img > div:nth-child(2) {
  left: 10px;
  top: 13px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  /* css3 animation */
  -webkit-animation-delay: 0.52s;
  -moz-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
}
.preloader__img > div:nth-child(3) {
  left: 34px;
  top: 4px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  /* css3 animation */
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
}
.preloader__img > div:nth-child(4) {
  right: 10px;
  top: 13px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  /* css3 animation */
  -webkit-animation-delay: 0.78s;
  -moz-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
}
.preloader__img > div:nth-child(5) {
  right: 0;
  top: 36px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  /* css3 animation */
  -webkit-animation-delay: 0.91s;
  -moz-animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
}
.preloader__img > div:nth-child(6) {
  right: 10px;
  bottom: 9px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  /* css3 animation */
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
}
.preloader__img > div:nth-child(7) {
  bottom: 0;
  left: 34px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  /* css3 animation */
  -webkit-animation-delay: 1.17s;
  -moz-animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
}
.preloader__img > div:nth-child(8) {
  left: 10px;
  bottom: 9px;
  /* css3 transform - rotate */
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  /* css3 animation */
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
}
/* css3 keyframes - loading1 */
@-webkit-keyframes loading1 {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #FFFFFF;
  }
}
.oil_selection__buttons {
  margin: 64px auto;
  text-align: center;
}
.oil_catalog-button--dwnld {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #E73331;
  transition: background-color 0.3s;
}
.oil_catalog-button--dwnld:hover {
  background-color: rgba(231, 51, 43, 0.8);
}
@media (max-width: 500px) {
  .oil_catalog-button--dwnld {
    display: flex;
  }
}
.result_another {
  text-align: center;
  padding-bottom: 64px;
  border-bottom: 1px solid #F2F2F4;
  display: none;
}
@media (max-width: 767px) {
  .result_another {
    padding-bottom: 48px;
  }
}
.result_another.show {
  display: block;
}
.result_another__text {
  max-width: 885px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #000000;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .result_another__text {
    font-size: 16px;
    line-height: 24px;
  }
}
.result_another__link {
  display: inline-block;
  margin-top: 24px;
  background: #004798;
  padding: 8px 20px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: background-color 0.3s;
}
@media (min-width: 1024px) {
  .result_another__link:hover {
    background: #003D83;
  }
}
#pvl_buy.pvl_buy {
  margin: 0 0 112px;
}
@media (max-width: 767px) {
  #pvl_buy.pvl_buy {
    margin: 0 0 64px;
    overflow: hidden;
  }
}
#pvl_buy.pvl_buy .pvl_buy__title {
  position: relative;
  margin-bottom: 62px;
  padding-left: 310px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  color: #080E1F;
}
#pvl_buy.pvl_buy .pvl_buy__title::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  height: 32px;
  background: #004798;
  width: 288px;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
@media (max-width: 1279px) {
  #pvl_buy.pvl_buy .pvl_buy__title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  #pvl_buy.pvl_buy .pvl_buy__title {
    padding-left: 0;
    text-align: center;
  }
  #pvl_buy.pvl_buy .pvl_buy__title::after {
    display: none;
  }
}
@media (max-width: 767px) {
  #pvl_buy.pvl_buy .pvl_buy__title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
#pvl_buy.pvl_buy .pvl_buy__slider {
  position: relative;
}
#pvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__next,
#pvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__prev {
  top: calc(50% - 24px);
}
#pvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__next {
  right: -24px;
}
@media (max-width: 767px) {
  #pvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__next {
    right: -12px;
  }
}
#pvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__prev {
  left: -24px;
}
@media (max-width: 767px) {
  #pvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__prev {
    left: -12px;
  }
}
@media (max-width: 767px) {
  #pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy {
    overflow: visible;
  }
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .swiper-slide {
  height: auto;
}
@media (max-width: 1279px) {
  #pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .swiper-slide {
    width: 244px;
  }
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb {
  position: relative;
  padding-top: 139.344%;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title {
  position: absolute;
  top: 24px;
  width: 100%;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 2;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link {
  position: absolute;
  left: 50%;
  bottom: 24px;
  display: flex;
  padding: 6px 15px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #fff;
  transform: translateX(-50%);
  transition: background 0.4s, color 0.4s;
  z-index: 2;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link svg {
  position: relative;
  top: 3px;
  stroke: #ffffff;
  transition: stroke 0.4s;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link:hover {
  color: #000;
  background-color: #fff;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link:hover svg {
  stroke: #000;
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title {
  max-width: 199px;
  left: 50%;
  transform: translateX(-50%);
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title .logo {
  width: 96px;
  height: 24px;
  position: relative;
  margin: 0 auto 6px;
}
@media (max-width: 1023px) {
  #pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title .logo {
    width: 80px;
    height: 20px;
  }
}
#pvl_buy.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title p {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
  text-align: center;
}
#cvl_buy.pvl_buy {
  margin: 0 0 112px;
}
@media (max-width: 767px) {
  #cvl_buy.pvl_buy {
    margin: 0 0 64px;
    overflow: hidden;
  }
}
#cvl_buy.pvl_buy .pvl_buy__title {
  position: relative;
  margin-bottom: 62px;
  padding-left: 310px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  color: #080E1F;
}
#cvl_buy.pvl_buy .pvl_buy__title::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  height: 32px;
  background: #004798;
  width: 288px;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
@media (max-width: 1279px) {
  #cvl_buy.pvl_buy .pvl_buy__title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  #cvl_buy.pvl_buy .pvl_buy__title {
    padding-left: 0;
    text-align: center;
  }
  #cvl_buy.pvl_buy .pvl_buy__title::after {
    display: none;
  }
}
@media (max-width: 767px) {
  #cvl_buy.pvl_buy .pvl_buy__title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider {
  position: relative;
}
#cvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__next,
#cvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__prev {
  top: calc(50% - 24px);
}
#cvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__next {
  right: -24px;
}
@media (max-width: 767px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__next {
    right: -12px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__prev {
  left: -24px;
}
@media (max-width: 767px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .pvl_buy__prev {
    left: -12px;
  }
}
@media (max-width: 767px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl {
    overflow: visible;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .swiper-slide {
  height: auto;
}
@media (max-width: 1023px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .swiper-slide {
    width: 300px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb {
  position: relative;
  padding-top: 56.338%;
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy-title {
  position: absolute;
  top: 54px;
  left: 40px;
  width: 100%;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 2;
}
@media (max-width: 1023px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy-title {
    top: 15px;
    left: 28px;
    font-size: 14px;
    line-height: 20px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy-title.this--online_shop {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
}
@media (max-width: 1023px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy-title.this--online_shop {
    font-size: 11px;
    line-height: 15px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy-title.this--online_shop .logo {
  width: 96px;
  height: 24px;
  position: relative;
  margin-bottom: 6px;
}
@media (max-width: 1023px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy-title.this--online_shop .logo {
    width: 80px;
    height: 20px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy_link {
  position: absolute;
  left: 40px;
  bottom: 56px;
  display: flex;
  padding: 6px 15px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #fff;
  transition: background 0.4s;
  z-index: 2;
}
@media (max-width: 1023px) {
  #cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy_link {
    left: 28px;
    bottom: 15px;
  }
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy_link svg {
  position: relative;
  top: 3px;
  stroke: #ffffff;
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy_link:hover {
  color: #000;
  background-color: #fff;
}
#cvl_buy.pvl_buy .pvl_buy__slider .swiper-buy-cvl .thumb .buy_link:hover svg {
  stroke: #000;
}
.inline_history__next,
.inline_history__prev,
.pvl_buy__next,
.pvl_buy__prev {
  position: absolute;
  top: 66px;
  z-index: 10;
  cursor: pointer;
}
.inline_history__next:after,
.inline_history__prev:after,
.pvl_buy__next:after,
.pvl_buy__prev:after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.inline_history__next,
.pvl_buy__next {
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .inline_history__next,
  .pvl_buy__next {
    right: -42px;
  }
}
@media (max-width: 767px) {
  .inline_history__next,
  .pvl_buy__next {
    right: -24px;
  }
}
.inline_history__next::after,
.pvl_buy__next::after {
  content: 'next';
  font-size: 18px;
  color: white;
}
.inline_history__prev,
.pvl_buy__prev {
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .inline_history__prev,
  .pvl_buy__prev {
    left: -42px;
  }
}
@media (max-width: 767px) {
  .inline_history__prev,
  .pvl_buy__prev {
    left: -24px;
  }
}
.inline_history__prev::after,
.pvl_buy__prev::after {
  content: 'prev';
  font-size: 18px;
  color: white;
}
@media (min-width: 1024px) {
  .inline_history__next:hover,
  .inline_history__prev:hover,
  .pvl_buy__next:hover,
  .pvl_buy__prev:hover {
    background-color: #004798;
  }
}
.inline_history__next:active,
.inline_history__prev:active,
.pvl_buy__next:active,
.pvl_buy__prev:active {
  background-color: #003D83 !important;
}
.inline_history__next.swiper-button-disabled,
.inline_history__prev.swiper-button-disabled,
.pvl_buy__next.swiper-button-disabled,
.pvl_buy__prev.swiper-button-disabled {
  background-color: #C9CAC8;
  opacity: 1;
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/catalogFilter/catalogFilter.less ***!
  \**********************************************************************************************************************************************************************/
.catalog_filter__title {
  padding: 12px 76px 12px 0;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000000;
  display: flex;
  align-items: center;
}
.catalog_filter__title span {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59883 5.6C4.04066 5.6 4.39883 5.24183 4.39883 4.8C4.39883 4.35817 4.04066 4 3.59883 4C3.157 4 2.79883 4.35817 2.79883 4.8C2.79883 5.24183 3.157 5.6 3.59883 5.6Z' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M4.40039 4.7998L14.4004 4.7998' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M3.59883 12.0004C4.04066 12.0004 4.39883 11.6422 4.39883 11.2004C4.39883 10.7586 4.04066 10.4004 3.59883 10.4004C3.157 10.4004 2.79883 10.7586 2.79883 11.2004C2.79883 11.6422 3.157 12.0004 3.59883 12.0004Z' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M4.40039 11.2002L14.4004 11.2002' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M12.3996 8.80019C12.8414 8.80019 13.1996 8.44202 13.1996 8.00019C13.1996 7.55837 12.8414 7.2002 12.3996 7.2002C11.9578 7.2002 11.5996 7.55837 11.5996 8.00019C11.5996 8.44202 11.9578 8.80019 12.3996 8.80019Z' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M11.5996 8L1.59961 8' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M2.79961 4.7998H1.59961' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M13.1992 8H14.3992' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M2.79961 11.2002H1.59961' stroke='black' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / 100% 100% no-repeat;
}
.catalog_filter__tab_links {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  margin-top: 4px;
  margin-left: -8px;
}
@media (max-width: 1200px) {
  .catalog_filter__tab_links {
    margin-left: -4px;
  }
}
@media (max-width: 1024px) {
  .catalog_filter__tab_links {
    margin-left: -8px;
  }
}
.catalog_filter__tab_link {
  padding: 13px 11px;
  margin-left: 8px;
  border: 2px solid #F1F1F1;
  color: rgba(0, 0, 0, 0.6);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
}
@media (max-width: 1200px) {
  .catalog_filter__tab_link {
    padding: 10px 6px;
    font-size: 11px;
    line-height: 16px;
    margin-left: 4px;
  }
}
@media (max-width: 1024px) {
  .catalog_filter__tab_link {
    font-size: 12px;
    line-height: 18px;
    padding: 13px 12px;
    margin-left: 8px;
    flex: 0 1 auto;
  }
}
@media (max-width: 500px) {
  .catalog_filter__tab_link {
    flex: 1 1 auto;
  }
}
.catalog_filter__tab_link.active {
  color: #FFF;
  background: #004798;
  border: 2px solid #004798;
  pointer-events: none;
}
.catalog_filter__tab {
  display: none;
}
.catalog_filter__tab.active {
  display: block;
}
.catalog_filter__groups {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .catalog_filter__groups {
    display: flex;
    margin-left: -18px;
  }
}
@media (max-width: 768px) {
  .catalog_filter__groups {
    flex-direction: column;
    margin-left: 0;
  }
}
.catalog_filter__group {
  position: relative;
}
.catalog_filter__group_submit-button {
  display: none;
  position: absolute;
  top: 0;
  right: -140px;
  padding: 10px;
  background-color: #fff;
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
  z-index: 40;
}
.catalog_filter__group_submit-button.shown {
  display: block;
}
.catalog_filter__group_submit-button.hidden {
  display: none !important;
}
.catalog_filter__group_submit-button::after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: -10px;
  background-color: #fff;
  transform: rotate(45deg) translate(0, -50%);
}
@media (max-width: 1024px) {
  .catalog_filter__group {
    width: calc(33.333% - 18px);
    margin-left: 18px;
  }
  .catalog_filter__group:first-child {
    order: 2;
  }
  .catalog_filter__group:nth-child(2) {
    order: 3;
  }
}
@media (max-width: 768px) {
  .catalog_filter__group {
    margin-left: 0;
    width: 100%;
  }
}
.catalog_filter__group_title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 10px;
}
.catalog_filter__group_body {
  position: relative;
  margin-bottom: 14px;
}
.catalog_filter__group_body::before,
.catalog_filter__group_body::after {
  content: '';
  position: absolute;
  left: 0;
  width: calc(100% - 6px);
  height: 10px;
  z-index: 2;
}
.catalog_filter__group_body::before {
  top: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.catalog_filter__group_body::after {
  bottom: 0;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.catalog_filter__group_body_wrapper {
  max-height: 185px;
  overflow-y: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.catalog_filter__group_body_wrapper::-webkit-scrollbar {
  width: 5px;
}
.catalog_filter__group_body_wrapper::-webkit-scrollbar-track {
  background: #F1F1F1;
  border-radius: 15px;
}
.catalog_filter__group_body_wrapper::-webkit-scrollbar-thumb {
  background: #004798;
  border-radius: 15px;
}
.catalog_filter__item {
  margin-bottom: 16px;
}
.catalog_filter__item:last-child {
  margin-bottom: 0;
}
.catalog_filter__item input[type='checkbox'] {
  display: none;
}
.catalog_filter__item label {
  padding-left: 36px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #4F4F4F;
  display: block;
  cursor: pointer;
  position: relative;
}
.catalog_filter__item label::before,
.catalog_filter__item label::after {
  position: absolute;
  content: '';
}
.catalog_filter__item label::before {
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  background: #F1F1F1;
  transition: background-color 0.2s;
}
.catalog_filter__item label::after {
  width: 11px;
  height: 8px;
  left: 5px;
  top: 6px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  background: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L3.8125 7L1 4.27273' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / 100% 100% no-repeat;
}
.catalog_filter__item input[type='checkbox']:checked + label::before {
  background-color: #004798;
}
.catalog_filter__item input[type='checkbox']:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.catalog_filter__submit {
  margin-top: 32px;
}
.catalog_filter__submit input {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #E7332B;
  width: 126px;
  height: 38px;
  cursor: pointer;
  border: none;
  transition: 0.3s;
}
@media (min-width: 1024px) {
  .catalog_filter__submit input:hover {
    background: rgba(231, 51, 43, 0.8);
  }
}
.catalog_filter__submit input:active {
  background: #E4180F !important;
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/catalogItem/catalogItem.less ***!
  \******************************************************************************************************************************************************************/
.catalog_item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .catalog_item:hover .catalog_item__middle::after {
    background-color: #E7332B;
    height: 4px;
  }
  .catalog_item:hover .catalog_item__img img {
    transform: scale(1.125);
  }
}
.catalog_item__img_wr {
  padding: 32px 24px 31px;
  background: #ffffff;
}
.catalog_item__img {
  padding-top: 109.72%;
  position: relative;
}
.catalog_item__img img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.catalog_item__middle {
  padding-top: 16px;
  flex: 1 1 auto;
  position: relative;
}
.catalog_item__middle.this--center {
  text-align: center;
}
.catalog_item__middle::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #C9CAC8;
  top: 0;
  left: 0;
  transition: background-color 0.2s;
}
.catalog_item__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  display: block;
}
.catalog_item__text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 4px;
}
.catalog_item__bottom {
  margin-top: 16px;
}
.catalog_item__btn {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #E7332B;
  padding-right: 24px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33398 8L12.6673 8' stroke='%23E7332B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.3335L12.6667 8.00016L8 12.6668' stroke='%23E7332B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ") right 2px / 16px 16px no-repeat;
}
.catalog_item__btn.this--download {
  background: none;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
}
.catalog_item__btn.this--download span {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.083 1.6665H4.99967C4.55765 1.6665 4.13372 1.8421 3.82116 2.15466C3.5086 2.46722 3.33301 2.89114 3.33301 3.33317V16.6665C3.33301 17.1085 3.5086 17.5325 3.82116 17.845C4.13372 18.1576 4.55765 18.3332 4.99967 18.3332H14.9997C15.4417 18.3332 15.8656 18.1576 16.1782 17.845C16.4907 17.5325 16.6663 17.1085 16.6663 16.6665V6.24984L12.083 1.6665Z' stroke='%23E73331' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.667 1.6665V6.6665H16.667' stroke='%23E73331' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3337 10.8335H6.66699' stroke='%23E73331' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3337 14.1665H6.66699' stroke='%23E73331' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33366 7.5H6.66699' stroke='%23E73331' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/pagination/pagination.less ***!
  \****************************************************************************************************************************************************************/
.pagination {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
}
@media (max-width: 640px) {
  .pagination {
    margin-top: 24px;
  }
}
.pagination span {
  margin: 0 17px;
}
.pagination__arrow {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0427 15.4933C23.9793 15.3297 23.8841 15.1801 23.7627 15.0533L17.0961 8.38666C16.9718 8.26234 16.8242 8.16372 16.6617 8.09644C16.4993 8.02916 16.3253 7.99454 16.1494 7.99454C15.7943 7.99454 15.4538 8.13559 15.2027 8.38666C15.0785 8.51098 14.9798 8.65856 14.9125 8.82099C14.8453 8.98343 14.8106 9.15751 14.8106 9.33332C14.8106 9.68839 14.9517 10.0289 15.2027 10.28L19.6027 14.6667H9.48275C9.12912 14.6667 8.78999 14.8072 8.53993 15.0572C8.28989 15.3072 8.14941 15.6464 8.14941 16C8.14941 16.3536 8.28989 16.6928 8.53993 16.9428C8.78999 17.1928 9.12912 17.3333 9.48275 17.3333H19.6027L15.2027 21.72C15.0778 21.844 14.9786 21.9915 14.9109 22.1539C14.8431 22.3164 14.8083 22.4907 14.8083 22.6667C14.8083 22.8427 14.8431 23.0169 14.9109 23.1795C14.9786 23.3419 15.0778 23.4893 15.2027 23.6133C15.3267 23.7383 15.4742 23.8375 15.6366 23.9052C15.7991 23.9729 15.9734 24.0077 16.1494 24.0077C16.3254 24.0077 16.4997 23.9729 16.6622 23.9052C16.8246 23.8375 16.9721 23.7383 17.0961 23.6133L23.7627 16.9467C23.8841 16.8199 23.9793 16.6704 24.0427 16.5067C24.1761 16.182 24.1761 15.818 24.0427 15.4933Z' fill='%23004798'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.pagination__arrow.disabled {
  background: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0427 15.4933C23.9793 15.3297 23.8841 15.1801 23.7627 15.0533L17.0961 8.38666C16.9718 8.26234 16.8242 8.16372 16.6617 8.09644C16.4993 8.02916 16.3253 7.99454 16.1494 7.99454C15.7943 7.99454 15.4538 8.13559 15.2027 8.38666C15.0785 8.51098 14.9798 8.65856 14.9125 8.82099C14.8453 8.98343 14.8106 9.15751 14.8106 9.33332C14.8106 9.68839 14.9517 10.0289 15.2027 10.28L19.6027 14.6667H9.48275C9.12912 14.6667 8.78999 14.8072 8.53993 15.0572C8.28989 15.3072 8.14941 15.6464 8.14941 16C8.14941 16.3536 8.28989 16.6928 8.53993 16.9428C8.78999 17.1928 9.12912 17.3333 9.48275 17.3333H19.6027L15.2027 21.72C15.0778 21.844 14.9786 21.9915 14.9109 22.1539C14.8431 22.3164 14.8083 22.4907 14.8083 22.6667C14.8083 22.8427 14.8431 23.0169 14.9109 23.1795C14.9786 23.3419 15.0778 23.4893 15.2027 23.6133C15.3267 23.7383 15.4742 23.8375 15.6366 23.9052C15.7991 23.9729 15.9734 24.0077 16.1494 24.0077C16.3254 24.0077 16.4997 23.9729 16.6622 23.9052C16.8246 23.8375 16.9721 23.7383 17.0961 23.6133L23.7627 16.9467C23.8841 16.8199 23.9793 16.6704 24.0427 16.5067C24.1761 16.182 24.1761 15.818 24.0427 15.4933Z' fill='%23C9CAC8'/%3E%3C/svg%3E%0A") center / 100% 100% no-repeat;
  pointer-events: none;
}
.pagination__arrow--left {
  margin-right: 17px;
  transform: rotate(180deg);
}
.pagination__arrow--right {
  margin-left: 17px;
}
.pagination__link {
  margin: 0 17px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #C9CAC8;
}
.pagination__link.active {
  color: #004798;
}

/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/footer/footer.less ***!
  \********************************************************************************************************************************************************/
.footer__top {
  position: relative;
  height: 68px;
}
.footer__top .duo_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.footer__top .duo_line__left {
  clip-path: polygon(0 0, 100% 0%, calc(100% - 16px) 100%, 0% 100%);
}
.footer__top .duo_line__right {
  clip-path: polygon(16px 0%, 100% 0, 100% 100%, 0% 100%);
}
.footer__top .container {
  display: flex;
  height: 100%;
  justify-content: end;
  align-items: center;
}
.footer__bottom {
  padding: 20px 0;
}
.footer__bottom_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__links {
  display: flex;
}
.footer__link.this--contacts {
  padding-left: 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  padding-right: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5021_25630)'%3E%3Cpath d='M6.25791 0.843762C6.3376 0.970325 13.9173 7.86095 14.0626 7.93126C14.2642 8.03439 14.5548 8.03439 14.7517 7.93126C14.8313 7.88907 16.5517 6.3422 18.5673 4.50001C20.5829 2.65782 22.322 1.06876 22.4251 0.975013L22.6173 0.801575L14.4235 0.796888C8.8876 0.796888 6.23916 0.81095 6.25791 0.843762Z' fill='%23004798'/%3E%3Cpath d='M5.60625 1.38282C5.59219 1.42501 5.57812 2.58282 5.57812 3.95157V6.44063L6.48281 7.35469C7.29375 8.17501 7.40156 8.30157 7.49531 8.55001C7.59844 8.83126 7.63125 9.19688 7.57031 9.47344C7.50469 9.77813 7.34063 10.0125 6.82031 10.5516C6.16875 11.2219 6.13125 11.3156 6.29063 11.9672C6.34688 12.1922 6.40781 12.3703 6.42656 12.3656C6.44531 12.3563 7.72969 11.1938 9.27656 9.77813C11.9625 7.32657 12.0938 7.20001 12.0141 7.12501C11.925 7.03594 5.90156 1.5422 5.7375 1.39688C5.64844 1.31719 5.63438 1.31719 5.60625 1.38282Z' fill='%23004798'/%3E%3Cpath d='M19.9453 4.2375C18.1922 5.84062 16.7578 7.17656 16.7578 7.20469C16.7578 7.25625 23.1094 13.0781 23.1703 13.0781C23.1891 13.0781 23.2031 10.4297 23.2031 7.19531C23.2031 3.96094 23.1891 1.3125 23.1703 1.3125C23.1469 1.31719 21.6984 2.62969 19.9453 4.2375Z' fill='%23004798'/%3E%3Cpath d='M2.97697 5.65312C2.78009 5.75624 1.52853 7.0078 1.35509 7.2703C1.18634 7.53749 0.956654 8.14687 0.862904 8.59687C0.295716 11.2828 1.98322 14.9062 5.42853 18.3891C8.59728 21.5906 12.0192 23.3953 14.6207 23.2359C15.3567 23.1891 16.1395 22.9828 16.641 22.7016C16.9129 22.5469 18.216 21.2672 18.3332 21.0375C18.441 20.8266 18.4457 20.5875 18.352 20.3531C18.2629 20.1469 15.6567 17.5031 15.3332 17.2922C15.0895 17.1328 14.7613 17.1094 14.5176 17.2312C14.4332 17.2734 14.1426 17.5266 13.8707 17.7937C13.3457 18.3094 13.1395 18.4359 12.6895 18.5203C12.0379 18.6375 10.716 18.1312 9.59103 17.325C7.85197 16.0781 6.34728 14.2781 5.74728 12.7266C5.5129 12.1172 5.42384 11.6344 5.48009 11.3109C5.56447 10.8609 5.69103 10.6594 6.23478 10.1016C6.51603 9.81562 6.76915 9.5203 6.79728 9.44999C6.85822 9.28593 6.85822 8.94843 6.79259 8.77968C6.72228 8.58749 3.90978 5.78436 3.6754 5.67187C3.4504 5.55937 3.16915 5.55468 2.97697 5.65312Z' fill='%23004798'/%3E%3Cpath d='M9.78789 10.3031C8.2457 11.7141 6.9332 12.9234 6.86289 12.9937L6.73633 13.1156L6.88633 13.3781L7.03633 13.6406H14.7566C19.0035 13.6406 22.5004 13.6219 22.5285 13.6031C22.566 13.5844 21.3707 12.4641 19.402 10.6641C17.6488 9.06562 16.1957 7.75312 16.1723 7.74375C16.1441 7.73438 15.9426 7.89844 15.7176 8.10469C15.1551 8.625 14.9066 8.74219 14.391 8.74219C13.8848 8.74219 13.6691 8.63437 13.0926 8.10938C12.8629 7.90312 12.6613 7.73906 12.6332 7.73906C12.6098 7.73906 11.3254 8.89687 9.78789 10.3031Z' fill='%23004798'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5021_25630'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") top left / 24px 24px no-repeat;
}
@media (max-width: 500px) {
  .footer__link.this--contacts {
    padding-right: 8px;
  }
}
.footer__link.this--vk {
  width: 24px;
  height: 24px;
  margin-left: 20px;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.54648 2.54648C1 4.09295 1 6.58195 1 11.56V12.44C1 17.4181 1 19.907 2.54648 21.4535C4.09295 23 6.58195 23 11.56 23H12.44C17.4181 23 19.907 23 21.4535 21.4535C23 19.907 23 17.4181 23 12.44V11.56C23 6.58195 23 4.09295 21.4535 2.54648C19.907 1 17.4181 1 12.44 1H11.56C6.58195 1 4.09295 1 2.54648 2.54648ZM4.71277 7.69166C4.83194 13.4117 7.69189 16.8492 12.7061 16.8492H12.9903V13.5767C14.8328 13.76 16.226 15.1075 16.7852 16.8492H19.3886C18.6736 14.2458 16.7943 12.8067 15.621 12.2567C16.7943 11.5783 18.4443 9.92832 18.8385 7.69166H16.4735C15.9601 9.50665 14.4386 11.1567 12.9903 11.3125V7.69166H10.6252V14.035C9.15856 13.6683 7.30694 11.89 7.22444 7.69166H4.71277Z' fill='%23004798'/%3E%3C/svg%3E%0A") top left / 24px 24px no-repeat;
}
@media (max-width: 500px) {
  .footer__link.this--vk {
    margin-left: 8px;
  }
}
.footer__copyright {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #000000;
}
@media (max-width: 500px) {
  .footer__copyright span {
    display: none;
  }
}
.vk_body {
  position: absolute;
  bottom: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.vk_body.show {
  opacity: 1;
  visibility: visible;
}

/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/shopWidget/shopWidget.less ***!
  \****************************************************************************************************************************************************************/
.shop_widget {
  position: fixed;
  right: 50px;
  bottom: 132px;
  z-index: 9999;
}
.shop_widget__link {
  width: 64px;
  height: 64px;
  display: block;
  border-radius: 50px;
  background: rgba(0, 71, 152, 0.6);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
  position: relative;
}
.shop_widget__link::before {
  position: absolute;
  top: 4px;
  left: 4px;
  content: '';
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2_27' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='56' height='56'%3E%3Crect width='56' height='56' rx='28' fill='%23004798'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2_27)'%3E%3Crect width='56' height='56' rx='28' fill='%23004798'/%3E%3Crect opacity='0.15' x='8' y='8' width='40' height='40' rx='20' fill='url(%23paint0_radial_2_27)'/%3E%3C/g%3E%3Cg opacity='0.9' clip-path='url(%23clip0_2_27)'%3E%3Cpath d='M14.2857 17.466V18.3292L16.3779 18.3394L18.4701 18.3546L20.542 26.632C21.6795 31.182 22.6138 34.9398 22.6138 34.9703C22.6138 35.0058 22.5732 35.0363 22.5275 35.0363C22.4818 35.0363 22.2685 35.1226 22.0603 35.2242C21.3545 35.5746 20.7603 36.316 20.5877 37.0675C20.5115 37.4078 20.5217 38.1238 20.608 38.4589C20.933 39.698 22.0806 40.5714 23.3756 40.5714C23.7666 40.5714 24.3912 40.4039 24.7416 40.2058C25.1072 39.9976 25.5947 39.5101 25.8029 39.1445C26.006 38.7839 26.1685 38.1644 26.1685 37.7581C26.1685 37.4636 26.0771 36.9456 25.9908 36.7476C25.9552 36.6664 26.1177 36.6613 29.0275 36.6613H32.0998L32.0185 36.8796C31.917 37.164 31.8814 37.9917 31.9576 38.3574C32.0592 38.8601 32.3689 39.3984 32.7701 39.7742C33.867 40.8101 35.5072 40.8355 36.6193 39.8351C37.7771 38.7941 37.8482 36.905 36.7716 35.8031C36.4111 35.4324 36.1115 35.2445 35.6443 35.0769L35.233 34.9347H29.8248H24.4166L24.1424 33.8277C23.99 33.2234 23.858 32.6851 23.8427 32.6394C23.8224 32.5531 24.1779 32.548 30.5916 32.5378L37.3607 32.5226L38.8232 26.6828C39.6256 23.4683 40.2857 20.8124 40.2857 20.7769C40.2857 20.7312 38.3103 20.716 30.5713 20.716H20.8619L20.349 18.6695L19.8412 16.6281L17.0634 16.6128L14.2857 16.6027V17.466ZM24.2134 22.605C24.249 22.8132 24.5943 25.6113 24.5943 25.6874C24.5943 25.7281 24.2338 25.7433 23.3552 25.7433H22.1162L21.7302 24.1792C21.517 23.321 21.3291 22.5796 21.3138 22.5289C21.2884 22.4476 21.3799 22.4425 22.7357 22.4425H24.183L24.2134 22.605ZM28.8599 24.0929V25.7433H27.6158H26.3767L26.3463 25.5757C26.3107 25.3726 25.9654 22.5746 25.9654 22.4984C25.9654 22.4578 26.3818 22.4425 27.4127 22.4425H28.8599V24.0929ZM33.2576 24.0929L33.0545 25.7433H31.8205H30.5865V24.0929V22.4425H32.0236H33.4607L33.2576 24.0929ZM38.0513 22.5035C38.0513 22.539 37.8685 23.2753 37.6552 24.1437L37.2591 25.7179L36.0252 25.7331C34.8674 25.7433 34.7963 25.7382 34.8166 25.657C34.8318 25.6062 34.9283 24.8648 35.0349 24.0015L35.2228 22.4425H36.6396C37.7365 22.4425 38.0513 22.4578 38.0513 22.5035ZM25.0209 29.0796C25.1275 29.9429 25.224 30.6843 25.2392 30.73C25.2595 30.8164 25.1935 30.8214 24.3252 30.8214H23.3857L22.9998 29.2574C22.7865 28.3992 22.5986 27.6578 22.5834 27.607C22.558 27.5257 22.6342 27.5206 23.6955 27.5206H24.833L25.0209 29.0796ZM28.8599 29.171V30.8214H27.9306H26.9963L26.8084 29.2574C26.7017 28.3992 26.6052 27.6578 26.59 27.607C26.5697 27.5257 26.6459 27.5206 27.7123 27.5206H28.8599V29.171ZM32.8209 27.5511C32.8209 27.6019 32.4654 30.4253 32.4349 30.6285L32.4045 30.8214H31.4955H30.5865V29.171V27.5206H31.7037C32.3181 27.5206 32.8209 27.5359 32.8209 27.5511ZM36.7818 27.5816C36.7818 27.6171 36.599 28.3535 36.3857 29.2218L35.9896 30.796L35.0908 30.8113C34.4408 30.8214 34.192 30.8062 34.192 30.7656C34.192 30.6894 34.5373 27.8964 34.5728 27.6831L34.6033 27.5206H35.69C36.533 27.5206 36.7818 27.5359 36.7818 27.5816ZM23.7209 36.7374C24.1627 36.9253 24.4877 37.4535 24.4115 37.88C24.2541 38.7433 23.3095 39.1089 22.6595 38.5503C22.2634 38.2101 22.1619 37.7581 22.3802 37.291C22.6189 36.773 23.2131 36.5292 23.7209 36.7374ZM35.0959 36.7374C35.3955 36.8644 35.6595 37.1539 35.7459 37.4636C35.9744 38.2406 35.2482 38.982 34.456 38.7839C34.1412 38.7027 33.7654 38.3421 33.6841 38.0324C33.4607 37.1996 34.3138 36.4175 35.0959 36.7374Z' fill='white'/%3E%3Cpath d='M18.9344 29.8387L19.5825 33.0055L16.4156 33.6536' stroke='white' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M15.6769 24.4013L13.9138 27.0717C13.6466 27.4765 13.5511 27.9707 13.6483 28.4459C13.7456 28.921 14.0276 29.338 14.4323 29.6052L19.0102 32.6277' stroke='white' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_2_27' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(28 28) rotate(90) scale(20)'%3E%3Cstop offset='0.364583' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_2_27'%3E%3Crect width='32' height='32' fill='white' transform='translate(12 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center / 100% 100% no-repeat;
}
@media (min-width: 1024px) {
  .shop_widget__link:hover + .shop_widget__tooltip {
    opacity: 1;
    visibility: visible;
  }
}
.shop_widget__tooltip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 26px);
  color: #FFF;
  padding: 5px 8px;
  white-space: nowrap;
  border-radius: 4px;
  background: #004798;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.shop_widget__tooltip::after {
  top: 50%;
  position: absolute;
  content: '';
  border: 5px solid transparent;
  border-left-color: #004798;
  margin-top: -5px;
  right: -10px;
}

/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/components/cookie/cookie.less ***!
  \********************************************************************************************************************************************************/
.cookie {
  position: fixed;
  bottom: 20px;
  left: 10px;
  right: 10px;
  transform: translateY(10000px);
  transition: transform 3s;
  font-family: 'Montserrat', sans-serif;
}
@media (max-width: 767px) {
  .cookie {
    bottom: 10px;
  }
}
.cookie.visible {
  z-index: 101;
  transform: translateY(0);
}
.cookie__wrap {
  margin: 0 auto;
  max-width: 856px;
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #e5e5e9;
  background: #fbfbfb;
}
@media (max-width: 767px) {
  .cookie__wrap {
    padding: 8px;
  }
}
.cookie__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -20px;
}
@media (max-width: 1023px) {
  .cookie__box {
    margin: 0 -10px;
  }
}
@media (max-width: 767px) {
  .cookie__box {
    flex-flow: column;
    align-items: start;
  }
}
.cookie__text {
  padding: 0 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #1f1919;
}
@media (max-width: 1023px) {
  .cookie__text {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .cookie__text {
    font-size: 12px;
    line-height: 130%;
  }
}
.cookie__text a {
  color: #ee1732;
  transition: color 0.3s;
}
.cookie__text a:hover {
  color: #d6152d;
}
.cookie__btn_wrap {
  padding: 0 20px;
}
@media (max-width: 1023px) {
  .cookie__btn_wrap {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .cookie__btn_wrap {
    margin-top: 12px;
  }
}
.cookie__btn {
  cursor: pointer;
  padding: 11px 20px;
  border-radius: 2px;
  background: #ee1732;
  border: 0;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 767px) {
  .cookie__btn {
    font-size: 14px;
    line-height: 130%;
    padding: 6px;
    width: 93px;
    min-height: 34px;
  }
}


/*# sourceMappingURL=catalog.css.map*/
/* End */
/* /local/templates/teboil/css/swiper-bundle.min.css?177073244818919 */
/* /local/templates/teboil/css/sumoSelect.css?16774893819203 */
/* /local/templates/teboil/css/catalog.css?175205917497890 */