/*!*************************************************************************************************************************************!*\
  !*** 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/avtopodbor/avtopodbor.less ***!
  \***********************************************************************************************************************************************************/
.main {
  flex: 1 1 auto;
  margin-bottom: 48px;
}
button {
  cursor: pointer;
}
.hidden {
  display: none !important;
}
.search-sections-wrapper,
.results-sections-wrapper {
  position: relative;
  width: 100%;
  background: #f5f5f5;
}
@media (max-width: 1440px) {
  .search-sections-wrapper,
  .results-sections-wrapper {
    padding: 80px 40px;
  }
}
@media (max-width: 1023px) {
  .search-sections-wrapper,
  .results-sections-wrapper {
    padding: 40px;
    background: transparent;
  }
}
@media (max-width: 767px) {
  .search-sections-wrapper,
  .results-sections-wrapper {
    padding: 24px 16px;
  }
}
.search-activated .search-sections-wrapper .search-section,
.search-activated .results-sections-wrapper .search-section {
  margin-bottom: 0;
}
.search-sections-wrapper {
  position: relative;
  margin: 48px 0 0;
  padding: 80px 64px;
  min-height: 492px;
  z-index: 20;
}
.search-activated .search-sections-wrapper {
  min-height: auto;
  padding-bottom: 80px;
}
.result-activated .search-sections-wrapper {
  min-height: auto;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .search-sections-wrapper {
    min-height: 620px;
  }
  .search-activated .search-sections-wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .search-sections-wrapper {
    min-height: 520px;
    margin-bottom: 12px;
    padding: 48px 32px;
  }
}
.results-sections-wrapper {
  display: none;
  margin: 0 0 48px;
  padding: 16px 64px 80px;
  z-index: 1;
}
@media (max-width: 1360px) {
  .results-sections-wrapper {
    padding: 16px 40px 40px;
  }
}
.search-activated .results-sections-wrapper,
.result-activated .results-sections-wrapper,
.no-search-result-activated .results-sections-wrapper {
  display: block;
}
@media (max-width: 1023px) {
  .results-sections-wrapper {
    padding: 0;
  }
}
.top-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 492px;
  background: #000 url(./img/avtopodbor/car-bg.jpg) center / cover no-repeat;
  transition: all 0.4s;
  z-index: -1;
}
.search-activated .top-image {
  max-height: 364px;
}
.result-activated .top-image {
  height: calc(100% - 20px);
}
@media (max-width: 1024px) {
  .top-image {
    background: #000 url(./img/avtopodbor/car_bg_mob.jpg) center / cover no-repeat;
    max-height: 680px;
  }
  .search-activated .top-image {
    max-height: none;
  }
}
@media (max-width: 767px) {
  .top-image {
    max-height: 100%;
  }
}
.header-section {
  position: relative;
  z-index: 2;
}
.header-section h1 {
  margin: 0 0 8px;
  color: #fff;
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  /* 130% */
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .header-section h1 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 1024px) {
  .header-section h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
.header-section h1.search {
  display: block;
}
.header-section h1.result {
  display: none;
}
.result-activated .header-section h1.search {
  display: none;
}
.result-activated .header-section h1.result {
  display: block;
  margin-bottom: 40px;
}
.header-section p {
  color: #fff;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .header-section p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .header-section p {
    display: none;
  }
}
.result-activated .header-section p {
  display: none;
}
.header-section p:last-child {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  line-height: 18px;
  /* 150% */
}
.search-section {
  position: relative;
  margin: 48px 0;
}
.result-activated .search-section {
  display: none;
}
@media (max-width: 1023px) {
  .search-section {
    margin: 40px 0;
  }
}
.search-row1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 72px;
  position: relative;
  z-index: 12;
}
@media (max-width: 1023px) {
  .search-row1 {
    display: block;
    height: auto;
  }
}
.search-row1 .search-back-button {
  display: none;
  align-items: center;
  margin-left: -2px;
  padding: 24px;
  height: 100%;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  background-color: #fff;
  border: 2px solid #f1f1f1;
}
.search-row1 .search-back-button svg {
  margin-right: 12px;
}
.search-row1 .search-back-button svg path {
  transition: fill 0.2s;
}
.search-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  background: #ffffff;
  top: 72px;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
@media (max-width: 1279px) {
  .search-filters {
    height: auto;
    position: relative;
    top: 0;
  }
}
@media (max-width: 767px) {
  .search-filters {
    position: relative;
    top: 8px;
  }
}
.search-filters .car_selection__form_select {
  height: 64px;
}
@media (max-width: 1279px) {
  .search-filters .car_selection__form_select {
    width: 50%;
    flex: none;
    margin-bottom: 2px;
  }
}
@media (max-width: 1023px) {
  .search-filters .car_selection__form_select {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
  }
}
.search-filters-title {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  background: #f5f5f5;
}
@media (max-width: 1023px) {
  .search-filters-title {
    display: flex;
    position: relative;
    z-index: 6;
  }
}
.search-filters-title h3 {
  color: #000;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.search-filters-title button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 8px;
  background-color: transparent;
  border: none;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.search-filters-title button svg {
  margin-left: 8px;
}
.car_selection__form_search_input {
  margin: 0;
  padding: 0 24px;
  height: 100%;
  border: 2px solid #f1f1f1;
  position: relative;
  z-index: 2;
  background: #ffffff;
  width: 100%;
  max-width: 67%;
  transition: max-width 0.25s;
}
@media (max-width: 1023px) {
  .car_selection__form_search_input {
    height: 72px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .car_selection__form_search_input {
    margin-top: 8px;
    padding: 0 12px;
  }
}
.car_selection__form_search_input.full {
  max-width: 100%;
}
.car_selection__form_search_input input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding-left: 36px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='black' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M22 22L20 20' stroke='black' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") left center / 24px 24px no-repeat;
}
.car_selection__form_search_clear {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 32px;
  height: 32px;
  background: #f5f5f5;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s;
}
.search-activated .car_selection__form_search_clear,
.no-search-result-activated .car_selection__form_search_clear {
  opacity: 1;
  visibility: visible;
}
.car_selection__form_search_clear::before,
.car_selection__form_search_clear::after {
  position: absolute;
  top: calc(50% - 1px);
  left: 8px;
  content: '';
  width: 16px;
  height: 2px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.6);
}
.car_selection__form_search_clear::before {
  transform: rotate(45deg);
}
.car_selection__form_search_clear::after {
  transform: rotate(-45deg);
}
.car_selection__form_select {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 24px;
  height: 100%;
  flex: 1;
}
.car_selection__form_select.disabledSelect {
  pointer-events: none;
}
.car_selection__form_select.disabledSelect label {
  color: rgba(0, 0, 0, 0.2);
}
.car_selection__form_select label {
  margin-right: 8px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  transition: color 0.25s;
}
.car_selection__form_select label.disabled {
  color: #c9cac8;
}
.car_selection__form_select:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 24px;
  top: calc(50% - 12px);
  right: 0;
  background: #c9cac8;
}
@media (max-width: 1023px) {
  .car_selection__form_select:after {
    display: none;
  }
}
.car_selection__form_select:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  bottom: -1px;
  right: 0;
  background: #f1f1f1;
}
@media (max-width: 1023px) {
  .car_selection__form_select:before {
    display: none;
  }
}
.car_selection__form_select select {
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: none;
}
.car_selection__form_select .SumoSelect {
  position: static;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .car_selection__form_select .SumoSelect {
    width: 100%;
  }
}
.car_selection__form_select .SumoSelect.disabled {
  pointer-events: none;
}
.car_selection__form_select .SumoSelect.open > .optWrapper {
  top: 100%;
  left: 0;
  width: 100%;
  border-radius: 0;
}
.car_selection__form_select .SumoSelect:focus > .CaptionCont,
.car_selection__form_select .SumoSelect:hover > .CaptionCont,
.car_selection__form_select .SumoSelect.open > .CaptionCont {
  border: none;
  box-shadow: none;
}
.car_selection__form_select .SumoSelect.open label i {
  transform: rotate(180deg);
}
.car_selection__form_select .SumoSelect > .optWrapper > .options li.opt.disabled {
  display: none;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options {
  padding: 4px 0;
  max-height: 232px;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options::-webkit-scrollbar {
  width: 6px;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb {
  background: #004798;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options li.opt {
  padding: 12px 16px;
  position: relative;
  border-bottom: none;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options li.opt:first-child::before {
  display: none;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options li.opt::before {
  position: absolute;
  content: '';
  top: 0;
  left: 16px;
  width: calc(100% - 32px);
  height: 1px;
  background: #f1f1f1;
}
.car_selection__form_select .SumoSelect > .optWrapper > .options li.opt:hover {
  background: rgba(0, 71, 152, 0.1);
}
.car_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;
}
.car_selection__form_select .SumoSelect > .CaptionCont {
  height: 100%;
  display: flex;
  align-items: center;
  border: none;
  padding: 0 30px 0 0;
}
.car_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);
}
.car_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;
}
.car_selection__form_select .SumoSelect > .CaptionCont span.placeholder {
  color: #c9cac8;
  text-transform: none;
}
.car_selection__form_select .SumoSelect > .CaptionCont label {
  width: 16px;
}
.car_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");
}
.car_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");
}
.car_selection__cars_type {
  width: 36%;
  border: 2px solid #f1f1f1;
  background: #ffffff;
  border-right: none;
  transition: opacity 0.25s, transform 0.25s;
}
@media (max-width: 1279px) {
  .car_selection__cars_type > label {
    display: none;
  }
}
@media (max-width: 1023px) {
  .car_selection__cars_type {
    height: 72px;
    width: 100%;
    border-right: 2px solid #f1f1f1;
  }
}
.car_selection__cars_type:after {
  display: none;
}
.car_selection__cars_type.disabled {
  position: absolute;
  left: 0;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .car_selection__cars_type.disabled {
    position: relative;
    opacity: 0.4;
    transform-origin: top;
    transform: scale(0.93);
  }
}
@media (max-width: 1279px) {
  .car_selection__cars_year:after {
    display: none;
  }
}
.car_selection__engine_volume:after {
  display: none;
}
.result-list-section {
  display: none;
  margin: 0;
  padding: 24px;
  background-color: #fff;
}
.search-activated .result-list-section {
  display: block;
}
.result-list-section .result-list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .result-list-section .result-list-title {
    justify-content: center;
  }
}
.result-list-section .result-list-title h3 {
  color: #000;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1023px) {
  .result-list-section .result-list-title h3 {
    display: none;
  }
}
@media (max-width: 1023px) {
  .result-list-section {
    padding: 0;
  }
  .result-list-section .result-list-title {
    padding: 0;
  }
}
.result-list-section .serach-result-list-wrapper {
  position: relative;
}
.result-list-section ul.serach-result-list-title {
  display: flex;
  list-style: none;
  margin-top: 24px;
  padding: 16px 24px;
  background: #f5f5f5;
}
@media (max-width: 1023px) {
  .result-list-section ul.serach-result-list-title {
    display: none;
  }
}
.result-list-section ul.serach-result-list-title li {
  width: 40%;
  color: rgba(0, 0, 0, 0.6);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 183.333% */
  text-transform: uppercase;
}
.result-list-section ul.serach-result-list-title li:last-child {
  width: 20%;
}
.result-list-section ul.serach-result-list {
  display: block;
  list-style: none;
  opacity: 1;
  pointer-events: all;
}
.result-list-section ul.serach-result-list.preload {
  opacity: 0.2;
  pointer-events: none;
}
.result-list-section ul.serach-result-list li {
  border-bottom: 1px solid #d9d9d9;
  transition: background 0.4s;
}
.result-list-section ul.serach-result-list li:hover {
  background-color: #004798;
}
.result-list-section ul.serach-result-list li:hover button {
  color: #fff;
}
.result-list-section ul.serach-result-list li:hover svg path {
  stroke: #fff;
}
.result-list-section ul.serach-result-list button {
  position: relative;
  display: flex;
  width: 100%;
  padding: 16px 24px;
  background-color: transparent;
  border: none;
  transition: color 0.4s;
  cursor: pointer;
}
.result-list-section ul.serach-result-list button p {
  width: 40%;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}
.result-list-section ul.serach-result-list button p:nth-child(1) {
  text-transform: uppercase;
}
.result-list-section ul.serach-result-list button p:nth-child(3) {
  width: 20%;
}
.result-list-section ul.serach-result-list button svg {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.result-list-section ul.serach-result-list button svg path {
  stroke: #000;
}
@media (max-width: 1023px) {
  .result-list-section ul.serach-result-list button {
    display: block;
  }
  .result-list-section ul.serach-result-list button p {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .result-list-section ul.serach-result-list button p:nth-child(3) {
    width: 100%;
  }
  .result-list-section ul.serach-result-list button svg {
    right: -6px;
  }
}
.result-list-section .serach-result-list-more {
  margin: 16px 0 0;
  color: #004798;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  background: none;
  border: none;
}
.search-recommended-section {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 24px;
  background-color: #fff;
  border: 2px solid #f1f1f1;
}
.result-activated .search-recommended-section {
  display: flex;
}
@media (max-width: 1279px) {
  .result-activated .search-recommended-section {
    display: block;
  }
  .result-activated .search-recommended-section .search-recommended {
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .result-activated .search-recommended-section .search-recommended:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    background: #c9cac8;
  }
}
.search-recommended-section .search-recommended {
  flex: 1;
}
.search-recommended-section .car-result-data {
  position: relative;
  margin-right: 32px;
}
.search-recommended-section .engine-result-data {
  position: relative;
  padding-left: 72px;
  margin-left: 36px;
}
.search-recommended-section .engine-result-data::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  left: -36px;
  background: #c9cac8;
}
.search-recommended-section .engine-result-data::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.9307 8.46575C14.4807 9.122 14.1525 12.5782 16.4275 13.7157C16.9963 14.0001 17.0182 14.0001 19.6541 14.0001H22.3119V15.3564V16.7236L19.6103 16.7564C17.0729 16.7892 16.865 16.8001 16.4604 17.0298C15.5525 17.5111 15.0385 18.2876 14.8854 19.3704C14.7432 20.4095 14.6557 20.4532 12.676 20.4532C11.79 20.4532 10.8057 20.5079 10.4994 20.5736C9.7666 20.7267 9.09941 21.2517 8.69473 21.9845L8.3666 22.5861L8.33379 24.7954L8.29004 27.0157H6.99941H5.70879L5.66504 24.7954L5.63223 22.5861L5.3041 21.9845C4.49473 20.5079 2.75566 20.0486 1.29004 20.9345C0.907226 21.1532 0.600976 21.4595 0.382226 21.8095L0.0541008 22.3454L0.0212883 30.6142C-0.0115242 39.9329 -0.0552742 39.4407 0.830663 40.3157C1.32285 40.8189 2.09941 41.1251 2.84316 41.1251C3.83848 41.1251 4.92129 40.4361 5.38066 39.5064C5.61035 39.0251 5.63223 38.8392 5.66504 36.772L5.70879 34.5626H6.99941H8.29004L8.33379 37.2642L8.3666 39.9767L8.68379 40.5564C8.99004 41.1032 9.35098 41.4532 9.95254 41.7923C10.1604 41.9017 10.8822 41.9564 12.8182 42.0001L15.4213 42.0548L17.9588 44.5923C19.5338 46.1564 20.6932 47.2173 20.9994 47.3814L21.4916 47.6329H32.101C43.8479 47.6329 43.0275 47.6876 43.9025 46.922C44.7229 46.2001 44.7885 45.9486 44.8213 43.3892L44.8541 41.1251H45.7072H46.5603L46.626 41.9782C46.7135 43.2907 47.2494 44.122 48.3432 44.6142C48.7588 44.8111 49.065 44.8439 50.3666 44.8439C52.1385 44.8439 52.9041 44.6907 53.801 44.1548C54.5557 43.6954 55.1791 42.9954 55.6057 42.1095L55.9447 41.3986V35.4376V29.4767L55.5947 28.7548C55.1682 27.8798 54.1728 26.9064 53.3307 26.5126C52.0619 25.9329 49.2729 25.8782 48.1682 26.4142C47.14 26.9173 46.5932 27.8907 46.5932 29.2142V29.8595H45.7291H44.8541L44.8213 27.0923C44.7885 24.5001 44.7775 24.3142 44.5479 23.8876C44.4166 23.647 44.1213 23.2751 43.9025 23.0782C43.1807 22.4439 42.8963 22.3782 40.7744 22.3345C38.2479 22.2798 38.3572 22.3673 38.2807 20.2017C38.226 18.747 38.2041 18.6157 37.9197 18.1236C37.5807 17.5548 36.8807 17.0298 36.2025 16.8439C35.9947 16.7892 34.9229 16.7345 33.8291 16.7345H31.8275V15.3673V14.0001H34.4854C37.1322 14.0001 37.1432 14.0001 37.7119 13.7157C39.5822 12.7861 39.7682 10.1064 38.051 8.87043C37.8104 8.69543 37.3619 8.49856 37.0666 8.43293C36.2244 8.247 17.6088 8.27981 16.9307 8.46575ZM36.99 10.5767C37.3291 10.9157 37.3182 11.5501 36.9791 11.8236C36.7385 12.0204 36.3447 12.0314 27.0807 12.0314C16.4822 12.0314 17.051 12.0642 16.8979 11.3751C16.8104 10.9814 17.051 10.5439 17.4228 10.3907C17.5541 10.3361 21.8197 10.3032 27.201 10.3142L36.7385 10.3361L36.99 10.5767ZM29.8588 15.3673V16.7345H27.0697H24.2807V15.3673V14.0001H27.0697H29.8588V15.3673ZM35.8635 18.8673C36.0385 18.9548 36.2025 19.1079 36.2463 19.1954C36.2791 19.2939 36.3119 19.9064 36.3119 20.5517C36.3119 21.9845 36.5088 22.7064 37.0447 23.297C37.8322 24.172 37.9744 24.2157 40.2822 24.2814L42.3494 24.3361L42.6119 24.6423L42.8744 24.9486V35.0001V45.0517L42.6119 45.3579L42.3494 45.6642L32.3525 45.697C26.8619 45.7079 22.2463 45.697 22.0932 45.6642C21.94 45.6204 20.7369 44.5157 19.2494 43.0392C17.5541 41.3548 16.526 40.4251 16.2416 40.2939C15.8807 40.1407 15.3885 40.097 13.4525 40.0642C12.1619 40.0423 10.9916 39.9986 10.8494 39.9657C10.2807 39.8454 10.2807 39.8126 10.2807 31.2267C10.2807 22.5642 10.2697 22.7611 10.8932 22.5314C11.0463 22.4657 11.965 22.422 12.9494 22.422C14.6338 22.422 14.7541 22.4111 15.29 22.1376C16.2088 21.6782 16.8432 20.6939 16.8432 19.7095C16.8432 19.447 16.9307 19.2501 17.1604 19.0204L17.4775 18.7032H26.5229C34.2338 18.7032 35.601 18.7251 35.8635 18.8673ZM3.16035 22.5861C3.33535 22.6736 3.52129 22.8814 3.59785 23.0454C3.68535 23.2751 3.71816 25.3861 3.69629 30.9861L3.66348 38.6314L3.34629 38.9048C2.96348 39.222 2.47129 39.1892 2.1541 38.8173C1.9791 38.5986 1.96816 38.0517 1.96816 30.8001C1.96816 22.5861 1.95723 22.8267 2.46035 22.5532C2.74473 22.3892 2.79941 22.3892 3.16035 22.5861ZM52.3354 28.2626C52.9041 28.5032 53.5603 29.1376 53.8228 29.6954C54.0088 30.1001 54.0307 30.5048 54.0307 35.4486V40.7532L53.7353 41.3548C53.3963 42.0111 52.7291 42.5798 52.0838 42.7657C51.865 42.8204 51.1213 42.8751 50.4432 42.8751C49.2182 42.8751 49.1963 42.8751 48.8791 42.5579L48.5619 42.2407V35.5579C48.5619 30.5267 48.5947 28.8095 48.6932 28.5907C48.9228 28.1095 49.3385 27.9892 50.6947 28.0329C51.4932 28.0657 52.051 28.1423 52.3354 28.2626ZM8.31191 30.7892V32.5939H6.99941H5.68691V30.7892V28.9845H6.99941H8.31191V30.7892ZM46.5932 35.4923V39.1564H45.7182H44.8432V35.4923V31.8282H45.7182H46.5932V35.4923Z' fill='%23080E1F'/%3e%3c/svg%3e ") center no-repeat;
}
.search-recommended-section .car-result-title {
  color: #080e1f;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .search-recommended-section .car-result-title {
    word-wrap: break-word;
  }
}
.search-recommended-section .engine-result-title {
  margin-bottom: 8px;
  color: #080e1f;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.search-recommended-section p {
  color: #080e1f;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
}
.search-recommended-section .search-recommended_buttons {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .search-recommended-section .search-recommended_buttons {
    flex-direction: column;
  }
}
.search-recommended-section .search-recommended_button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #080e1f;
  /* Button Large */
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 183.333% */
  letter-spacing: 0.24px;
  text-transform: uppercase;
  border: 1px solid #080e1f;
  background-color: #fff;
  cursor: pointer;
  transition: background 0.4s;
}
@media (min-width: 1440px) {
  .search-recommended-section .search-recommended_button {
    width: auto;
  }
}
.search-recommended-section .search-recommended_button:hover {
  background-color: #f1f1f1;
}
@media (max-width: 767px) {
  .search-recommended-section .search-recommended_button {
    width: 100%;
  }
}
.search-recommended-section .search-recommended_button svg {
  margin-right: 8px;
}
.recommended-result-section {
  display: none;
  margin-top: 80px;
}
.result-activated .recommended-result-section {
  display: block;
}
.recommended-result-section.hidden {
  display: none;
}
.recommended-result-section h2 {
  color: #080e1f;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
@media (max-width: 1279px) {
  .recommended-result-section h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 1023px) {
  .recommended-result-section h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
.recommended-result-content {
  display: grid;
  grid-template-columns: 1fr 480px;
  margin-top: 32px;
}
.recommended-result-content .this--full {
  grid-column: span 2;
}
@media (max-width: 1360px) {
  .recommended-result-content {
    display: block;
  }
}
.recommended-result-block {
  background-color: #fff;
}
.recommended-result-block.this--small {
  margin-left: -2px;
}
@media (max-width: 1360px) {
  .recommended-result-block.this--small {
    margin-left: 0;
    width: 100%;
  }
}
.recommended-result-title {
  padding: 6px 12px;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background: #bc3b46;
}
.recommended-result-title strong {
  text-transform: uppercase;
}
.this--motor-oil .recommended-result-title {
  background: #bc3b46;
}
.this--trans-oil .recommended-result-title {
  background: #004798;
}
.this--small .recommended-result-title {
  background-color: #d6ba86;
}
.this--smaller .recommended-result-title {
  background-color: #c2c4c9;
}
.recommended-result-items-list {
  border: 2px solid #f1f1f1;
  background-color: #fff;
  flex-wrap: wrap;
}
.this--small .recommended-result-items-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1360px) {
  .this--small .recommended-result-items-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 1023px) {
  .this--small .recommended-result-items-list {
    display: block;
  }
}
.this--smaller .recommended-result-items-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1360px) and (min-width: 1023px) {
  .this--smaller .recommended-result-items-list {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1023px) {
  .this--smaller .recommended-result-items-list {
    display: block;
  }
}
.recommended-result-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px;
}
@media (max-width: 767px) {
  .recommended-result-item {
    display: block;
  }
}
.this--small .recommended-result-item {
  padding: 24px 16px;
}
@media (max-width: 1360px) {
  .this--small .recommended-result-item {
    width: 50%;
    margin-bottom: -2px;
    padding: 24px;
    border-bottom: 2px solid #f1f1f1;
  }
}
@media (max-width: 1023px) {
  .this--small .recommended-result-item {
    width: 100%;
    padding: 24px;
    border-bottom: none;
  }
}
.this--small .recommended-result-item + .recommended-result-item::before {
  content: '';
  width: calc(100% - 32px);
  height: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #f1f1f1;
  transform: translateX(-50%);
}
@media (min-width: 768px) and (max-width: 1360px) {
  .this--small .recommended-result-item + .recommended-result-item::before {
    width: 1px;
    height: calc(100% - 48px);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media (max-width: 1360px) and (min-width: 1023px) {
  .this--smaller .recommended-result-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.recommended-result-item-img {
  position: relative;
  width: 280px;
  margin-right: 16px;
  text-align: center;
  flex: 0 0 auto;
}
.recommended-result-item-img .image-container {
  width: 100%;
  height: 0;
  padding-top: 112.5%;
}
@media (max-width: 1023px) {
  .recommended-result-item-img {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .recommended-result-item-img {
    width: 100%;
    margin-bottom: 16px;
  }
}
.this--small .recommended-result-item-img {
  width: 120px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .this--small .recommended-result-item-img {
    margin: 0 auto 24px;
  }
}
.this--smaller .recommended-result-item-img {
  width: 80px;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .this--smaller .recommended-result-item-img {
    margin: 0 auto 24px;
  }
}
.recommended-result-item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.recommended-result-item-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .recommended-result-item-info {
    align-items: flex-start;
  }
}
@media (max-width: 1360px) and (min-width: 1023px) {
  .this--smaller .recommended-result-item-info {
    align-items: center;
  }
}
.recommended-result-item-title {
  margin-bottom: 8px;
  color: #080e1f;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 40px;
  text-transform: uppercase;
}
.recommended-result-item-title.this--link {
  text-decoration: underline;
}
.recommended-result-item-title.this--link:hover {
  text-decoration: none;
}
@media (max-width: 1279px) {
  .recommended-result-item-title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .recommended-result-item-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.this--small .recommended-result-item-title,
.this--smaller .recommended-result-item-title {
  font-size: 14px;
  line-height: 1.6;
}
.recommended-result-item-descr {
  color: #080e1f;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}
.this--small .recommended-result-item-descr,
.this--smaller .recommended-result-item-descr {
  font-size: 14px;
  line-height: 22px;
}
.recommended-result-item-buttons {
  display: flex;
  flex-direction: column;
  width: max-content;
  margin-top: 24px;
}
@media (min-width: 1440px) {
  .recommended-result-item-buttons {
    width: auto;
  }
}
.this--small .recommended-result-item-buttons {
  margin-top: 16px;
}
.this--smaller .recommended-result-item-buttons {
  margin-top: 8px;
}
.recommended-result-item-buttons a,
.recommended-result-item-buttons button {
  display: inline-block;
  padding: 12px 24px;
  margin-right: 8px;
  margin-bottom: 8px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  border: 1px solid transparent;
  background-color: #fff;
  cursor: pointer;
  transition: opacity 0.4s, background 0.4s, color 0.4s;
}
.recommended-result-item-buttons a:hover,
.recommended-result-item-buttons button:hover {
  opacity: 0.6;
}
.this--motor-oil .recommended-result-item-buttons a,
.this--motor-oil .recommended-result-item-buttons button {
  color: #fff;
  background-color: #bc3b46;
}
.this--motor-oil .recommended-result-item-buttons a.this-bordered,
.this--motor-oil .recommended-result-item-buttons button.this-bordered {
  color: #bc3b46;
  border-color: #bc3b46;
  background-color: transparent;
}
.this--motor-oil .recommended-result-item-buttons a.this-bordered:hover,
.this--motor-oil .recommended-result-item-buttons button.this-bordered:hover {
  color: #fff;
  background-color: #bc3b46;
}
.this--trans-oil .recommended-result-item-buttons a,
.this--trans-oil .recommended-result-item-buttons button {
  color: #fff;
  background-color: #004798;
}
.this--trans-oil .recommended-result-item-buttons a.this-bordered,
.this--trans-oil .recommended-result-item-buttons button.this-bordered {
  color: #004798;
  border-color: #004798;
  background-color: transparent;
}
.this--trans-oil .recommended-result-item-buttons a.this-bordered:hover,
.this--trans-oil .recommended-result-item-buttons button.this-bordered:hover {
  color: #fff;
  background-color: #004798;
}
.this--small .recommended-result-item-buttons a,
.this--small .recommended-result-item-buttons button {
  font-size: 12px;
  line-height: 22px;
  padding: 8px 10px;
  background-color: #d6ba86;
}
.this--small .recommended-result-item-buttons a.this-bordered,
.this--small .recommended-result-item-buttons button.this-bordered {
  color: #000;
  border-color: #d6ba86;
  background-color: transparent;
}
.this--small .recommended-result-item-buttons a.this-bordered:hover,
.this--small .recommended-result-item-buttons button.this-bordered:hover {
  color: #fff;
  background-color: #d6ba86;
}
.this--smaller .recommended-result-item-buttons a,
.this--smaller .recommended-result-item-buttons button {
  font-size: 10px;
  line-height: 16px;
  padding: 8px 10px;
  background-color: #c2c4c9;
}
.this--smaller .recommended-result-item-buttons a.this-bordered,
.this--smaller .recommended-result-item-buttons button.this-bordered {
  color: #000;
  border-color: #c2c4c9;
  background-color: transparent;
}
.this--smaller .recommended-result-item-buttons a.this-bordered:hover,
.this--smaller .recommended-result-item-buttons button.this-bordered:hover {
  color: #fff;
  background-color: #c2c4c9;
}
.no-search-result-section {
  padding: 24px;
  padding-left: 100px;
  background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5'%3e%3cpath d='M23 43.5C11.7 43.5 2.5 34.3 2.5 23C2.5 11.7 11.7 2.5 23 2.5C23.82 2.5 24.5 3.18 24.5 4C24.5 4.82 23.82 5.5 23 5.5C13.34 5.5 5.5 13.36 5.5 23C5.5 32.64 13.34 40.5 23 40.5C32.66 40.5 40.5 32.64 40.5 23C40.5 22.18 41.18 21.5 42 21.5C42.82 21.5 43.5 22.18 43.5 23C43.5 34.3 34.3 43.5 23 43.5Z' fill='%23C9CAC8'/%3e%3cpath d='M43.9989 45.4999C43.6189 45.4999 43.2389 45.3599 42.9389 45.0599L38.9389 41.0599C38.3589 40.4799 38.3589 39.5199 38.9389 38.9399C39.5189 38.3599 40.4789 38.3599 41.0589 38.9399L45.0589 42.9399C45.6389 43.5199 45.6389 44.4799 45.0589 45.0599C44.7589 45.3599 44.3789 45.4999 43.9989 45.4999Z' fill='%23C9CAC8'/%3e%3cpath d='M29.7266 7.72803L38.2118 16.2133' stroke='%23C9CAC8' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M29.7257 16.2133L38.2109 7.72803' stroke='%23C9CAC8' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e ") 24px 24px no-repeat;
}
.no-search-result-section h2 {
  margin-bottom: 12px;
  color: #000;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.no-search-result-section p {
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
}
.no-search-result-section p a {
  color: #004798;
  text-decoration: underline;
}
.no-search-result-section p a:hover {
  text-decoration: none;
}
.no-search-result-section .button {
  margin-top: 24px;
  padding: 12px 32px;
  color: #fff;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 183.333% */
  letter-spacing: 0.24px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  background: #004798;
}
@media (max-width: 767px) {
  .no-search-result-section {
    margin: 0 24px 24px;
    padding-left: 24px;
    background-image: none;
  }
  .no-search-result-section .button {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
  }
}
.technical-support {
  margin-top: 48px;
  padding: 40px 80px;
  align-content: center;
  text-align: center;
  background: #f5f5f5;
  font-family: Montserrat;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 1023px) {
  .technical-support {
    margin-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }
}
.technical-support p {
  text-align: center;
  background: #f5f5f5;
  font-family: Montserrat;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.technical-support a {
  display: inline-block;
  margin-top: 16px;
  padding-left: 28px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  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='M9.31686 10.05C9.7252 10.45 10.2835 10.45 10.6919 10.05L15.9585 4.81666L16.9335 3.84166C16.5669 3.64999 16.1585 3.54166 15.7169 3.54166H4.29186C3.8502 3.54166 3.44186 3.64999 3.0752 3.84166L4.0502 4.81666L9.31686 10.05Z' fill='%23004798'/%3E%3Cpath d='M7.44147 9.94997L3.05814 5.58331L2.14147 4.67497C1.84147 5.09997 1.6748 5.60831 1.6748 6.16664V13.8333C1.6748 14.3 1.79981 14.7416 2.00814 15.1166C2.01647 15.1083 2.01647 15.1083 2.02481 15.1L2.97481 14.1916L7.44147 9.94997Z' fill='%23004798'/%3E%3Cpath d='M11.7422 10.7666L11.5755 10.9333C11.1255 11.375 10.5672 11.6 10.0005 11.6C9.44219 11.6 8.88385 11.375 8.43385 10.9333L8.32552 10.825L3.82552 15.125L2.89219 16.0083C2.88386 16.0166 2.87552 16.025 2.86719 16.025C3.27552 16.3 3.75886 16.4583 4.29219 16.4583H15.7172C16.2422 16.4583 16.7339 16.3 17.1422 16.025L16.2089 15.1166L11.7422 10.7666Z' fill='%23004798'/%3E%3Cpath d='M17.875 4.67497L16.9583 5.58331L12.625 9.88331L17.0417 14.1916L18 15.125C18.2167 14.75 18.3417 14.3 18.3417 13.8333V6.16664C18.3417 5.60831 18.175 5.09997 17.875 4.67497Z' fill='%23004798'/%3E%3C/svg%3E%0A") left top / 20px 20px no-repeat;
}
.preloader {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: -1;
}
.preloader.active {
  display: block;
  z-index: 20;
}
.preloader .preloader__img {
  position: absolute;
  width: 102px;
  height: 102px;
  left: 50%;
  top: 60px;
  min-height: 102px;
  transform: translateX(-50%);
}
.preloader .small-circle {
  stroke-dasharray: 210;
  stroke-dashoffset: 210;
  transform-origin: 50%;
  -webkit-animation: 1s draw-small infinite alternate;
  animation: 1s draw-small infinite alternate;
}
@-webkit-keyframes draw-small {
  0% {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }
  100% {
    stroke-dashoffset: 210;
    transform: rotate(360deg);
  }
}
@keyframes draw-small {
  0% {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }
  100% {
    stroke-dashoffset: 210;
    transform: rotate(360deg);
  }
}
.preloader .big-circle {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  transform-origin: 50%;
  -webkit-animation: 1s draw-big infinite alternate 0.5s;
  animation: 1s draw-big infinite alternate 0.5s;
}
@-webkit-keyframes draw-big {
  0% {
    stroke-dashoffset: 0;
    transform: rotateY(180deg) rotate(360deg);
  }
  100% {
    stroke-dashoffset: 240;
    transform: rotateY(180deg) rotate(0deg);
  }
}
@keyframes draw-big {
  0% {
    stroke-dashoffset: 0;
    transform: rotateY(180deg) rotate(360deg);
  }
  100% {
    stroke-dashoffset: 240;
    transform: rotateY(180deg) rotate(0deg);
  }
}

/*!********************************************************************************************************************************************************!*\
  !*** 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/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=avtopodbor.css.map*/