/* 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/sumoSelect.css?16774893819203 */
/* /local/templates/teboil/css/catalog.css?175205917497890 */