/*!*************************************************************************************************************************************!*\
  !*** 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/pages/masla_dlya_legkovyh/masla_dlya_legkovyh.less ***!
  \*****************************************************************************************************************************************************************************/
.about {
  font-family: Montserrat, sans-serif;
}
.breadcrumbs {
  display: none;
}
.about_top {
  position: relative;
  padding-top: 25%;
}
@media (max-width: 1023px) {
  .about_top {
    padding-top: 50%;
  }
}
.about_top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_top__content {
  min-height: 578px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 0;
}
@media (max-width: 1359px) {
  .about_top__content {
    min-height: 411px;
  }
}
@media (max-width: 1279px) {
  .about_top__content {
    min-height: 392px;
  }
}
@media (max-width: 1023px) {
  .about_top__content {
    min-height: 320px;
    padding: 24px 0;
  }
}
@media (max-width: 767px) {
  .about_top__content {
    min-height: 440px;
    justify-content: flex-end;
    padding-top: 75%;
    padding-bottom: 15%;
  }
}
@media (max-width: 499px) {
  .about_top__content {
    padding-top: 75%;
    padding-bottom: 24px;
  }
}
.about_top__body {
  max-width: 480px;
}
@media (max-width: 1023px) {
  .about_top__body {
    max-width: 420px;
  }
}
@media (max-width: 767px) {
  .about_top__body {
    max-width: none;
  }
}
.about_top__title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .about_top__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_top__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_top__text {
  margin-top: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1023px) {
  .about_top__text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .about_top__text {
    font-size: 12px;
    line-height: 16px;
  }
}
.about_duo {
  margin-top: 32px;
}
.about_items__content {
  padding: 64px 0;
  border-bottom: 1px solid #e5e5e9;
}
@media (max-width: 767px) {
  .about_items__content {
    padding: 48px 0 32px;
  }
}
.about_items__items {
  display: flex;
  margin-left: -8px;
}
@media (max-width: 1200px) {
  .about_items__items {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -24px;
  }
}
@media (max-width: 767px) {
  .about_items__items {
    display: block;
    margin-left: 0;
  }
}
.about_items__item {
  margin-left: 8px;
  width: calc(16.666% - 8px);
  text-align: center;
  padding: 16px;
}
@media (max-width: 1200px) {
  .about_items__item {
    width: calc(33.333% - 8px);
    margin-bottom: 24px;
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  .about_items__item {
    margin-left: 0;
    width: auto;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0;
  }
}
.about_items__item_img {
  width: 48px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about_items__item_img {
    margin: 0 16px 0 0;
    width: 32px;
    flex: 0 0 auto;
  }
}
.about_items__item_img img {
  width: 100%;
}
.about_items__item_title {
  margin-top: 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #1f1919;
}
@media (max-width: 1023px) {
  .about_items__item_title {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .about_items__item_title {
    margin-top: 0;
    font-size: 13px;
    line-height: 18px;
  }
}
.about_items__item_text {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #42526b;
}
@media (max-width: 767px) {
  .about_items__item_text {
    display: none;
  }
}
.about_history {
  padding: 56px 0 56px;
}
@media (max-width: 1023px) {
  .about_history {
    padding: 40px 0 40px;
  }
}
@media (max-width: 767px) {
  .about_history {
    padding: 20px 0 20px;
  }
}
.about_history__top {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .about_history__top {
    display: block;
  }
}
.about_history__right {
  margin-left: 38px;
  flex: 0 0 auto;
  width: 522px;
  position: relative;
  min-height: 234px;
}
@media (max-width: 1359px) {
  .about_history__right {
    width: 482px;
  }
}
@media (max-width: 1023px) {
  .about_history__right {
    margin: 40px auto 0;
  }
}
@media (max-width: 767px) {
  .about_history__right {
    margin: 24px 0 0;
    width: 292px;
    min-height: 214px;
  }
}
.about_history__title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 1023px) {
  .about_history__title {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_history__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.about_history__text {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #42526b;
}
@media (max-width: 1023px) {
  .about_history__text {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .about_history__text {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
  }
}
.about_history__text p {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .about_history__text p {
    margin-top: 18px;
  }
}
.about_history__text p:first-child {
  margin-top: 0;
}
.about_history__item_bg {
  position: absolute;
  left: 82px;
  top: 31px;
  width: 320px;
  height: 168px;
  background: #f7f7f7;
  z-index: 1;
}
@media (max-width: 1359px) {
  .about_history__item_bg {
    width: 280px;
    left: 101px;
  }
}
@media (max-width: 767px) {
  .about_history__item_bg {
    width: 200px;
    height: 168px;
    left: 46px;
    top: 23px;
  }
}
.about_history__item {
  z-index: 2;
  position: absolute;
  width: 320px;
  height: 168px;
  padding: 24px 40px;
  border: 1px solid #e5e5e9;
  background: #ffffff;
}
@media (max-width: 1359px) {
  .about_history__item {
    width: 280px;
  }
}
@media (max-width: 767px) {
  .about_history__item {
    width: 200px;
    height: 115px;
    padding: 16px;
  }
}
.about_history__item.this--1 {
  left: 0;
  top: 0;
}
.about_history__item.this--2 {
  right: 0;
  bottom: 0;
}
.about_history__item_title {
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  color: #17489b;
}
@media (max-width: 767px) {
  .about_history__item_title {
    font-size: 40px;
    line-height: 48px;
  }
}
.about_history__item_text {
  color: #42526b;
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .about_history__item_text {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
  }
}
.history-information-img_wr {
  width: 420px;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .history-information-img_wr {
    width: 100%;
  }
}
.history-information-img {
  padding-top: 70.952381%;
  position: relative;
  width: auto !important;
}
.history-information-img span {
  position: absolute;
  bottom: -25px;
  left: 25px;
  font-weight: 800;
  color: #ffffff;
  font-size: 48px;
  line-height: 58px;
}
@media (max-width: 767px) {
  .history-information-img span {
    font-size: 32px;
    line-height: 40px;
    bottom: -17px;
    left: 16px;
  }
}
.history-information-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 120px;
  justify-content: space-between;
}
@media (max-width: 1359px) {
  .history-flex {
    gap: 80px;
  }
}
@media (max-width: 1023px) {
  .history-flex {
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .history-flex {
    gap: 16px;
  }
}
.sub-tittle_history {
  display: block;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .sub-tittle_history {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .sub-tittle_history {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 8px;
  }
}
.history-information p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .history-information p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .history-information p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 18px;
  }
}
.history-information p:last-child {
  margin-bottom: 0;
}
.about_history__slider {
  overflow: hidden;
}
.history-pagination {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 60px;
}
.history-pagination > .swiper-pagination-bullet {
  position: relative;
  height: 24px;
  width: 3px;
  background: #ffffff;
  opacity: 1;
  border-radius: 0;
  z-index: 1;
  transition: height 0.4s;
}
.history-pagination > .swiper-pagination-bullet-active {
  width: 3px;
  height: 40px;
  border-radius: 0;
  background: #d62a34;
}
.history-pagination > .swiper-pagination-bullet-active .history-dates {
  color: #d62a34;
}
.about_history__bottom {
  position: relative;
}
@media (max-width: 1023px) {
  .about_history__bottom .about_prev_arrow,
  .about_history__bottom .about_next_arrow {
    display: block;
  }
}
.about_history__bottom .swiper-horizontal > .swiper-pagination-bullets,
.about_history__bottom .swiper-pagination-bullets.swiper-pagination-horizontal,
.about_history__bottom .swiper-pagination-custom,
.about_history__bottom .swiper-pagination-fraction {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .about_history__bottom .swiper-horizontal > .swiper-pagination-bullets,
  .about_history__bottom .swiper-pagination-bullets.swiper-pagination-horizontal,
  .about_history__bottom .swiper-pagination-custom,
  .about_history__bottom .swiper-pagination-fraction {
    width: 805px;
    padding-left: 11px;
  }
}
.history-scale {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  padding-right: 4px;
  position: relative;
  top: -12px;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .history-scale {
    width: 805px;
    padding-left: 15.7px;
  }
}
.history-gap {
  height: 12px;
  width: 2px;
  background: #d3d8e1;
  transition: none;
}
.history-dates {
  position: absolute;
  left: 50%;
  top: 34px;
  width: 90px;
  text-align: center;
  transform: translateX(-50%);
  word-break: keep-all;
  transition: top 0.4s, color 0.4s;
  color: #ffffff;
  font-size: 14px;
}
@media (min-width: 501px) and (max-width: 600px) {
  font-size: 14px;
}
@media (max-width: 500px) {
  font-size: 14px;
}
.history-pagination > .swiper-pagination-bullet-active > .history-dates {
  top: 50px;
}
.about_history__bottom {
  margin-top: 40px;
  padding: 40px 64px;
  background: url('img/about/history_bg.jpg') center / cover no-repeat;
}
@media (max-width: 767px) {
  .about_history__bottom {
    padding: 40px 14px;
  }
}
.about_history__slider_bottom {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .about_history__slider_bottom {
    overflow-x: auto;
    padding-bottom: 10px;
  }
}
.about_history__slider_bottom::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.about_today {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .about_today {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .about_today {
    padding: 20px 0;
  }
}
.about_today__title {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 1023px) {
  .about_today__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_today__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_today__items {
  margin-top: 40px;
  margin-bottom: -24px;
}
@media (max-width: 767px) {
  .about_today__items {
    margin-bottom: -14px;
    margin-top: 16px;
  }
}
.about_today__item {
  margin-bottom: 24px;
  padding: 40px;
  box-shadow: 0 0 24px 0 rgba(31, 25, 25, 0.08);
  display: flex;
  align-items: center;
  gap: 104px;
}
@media (max-width: 1359px) {
  .about_today__item {
    gap: 64px;
  }
}
@media (max-width: 1279px) {
  .about_today__item {
    gap: 40px;
  }
}
@media (max-width: 1023px) {
  .about_today__item {
    gap: 24px;
    flex-direction: column-reverse;
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .about_today__item {
    margin-bottom: 14px;
    padding: 16px;
    gap: 16px;
  }
}
.about_today__item.this--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 1023px) {
  .about_today__item.this--reverse {
    flex-direction: column-reverse;
  }
}
.about_today__item_left {
  width: 50.65%;
}
@media (max-width: 1023px) {
  .about_today__item_left {
    width: 100%;
  }
}
.about_today__item_right {
  width: calc(49.35% - 104px);
}
@media (max-width: 1359px) {
  .about_today__item_right {
    width: calc(49.35% - 64px);
  }
}
@media (max-width: 1279px) {
  .about_today__item_right {
    width: calc(49.35% - 40px);
  }
}
@media (max-width: 1023px) {
  .about_today__item_right {
    width: 100%;
  }
}
.about_today__item_title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #1f1919;
}
@media (max-width: 1023px) {
  .about_today__item_title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .about_today__item_title {
    font-size: 16px;
    line-height: 22px;
  }
}
.about_today__item_text {
  margin-top: 16px;
  color: #42526b;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  max-width: 484px;
}
@media (max-width: 1023px) {
  .about_today__item_text {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .about_today__item_text {
    font-size: 13px;
    line-height: 18px;
  }
}
.about_today__item_img {
  position: relative;
  padding-top: 56.39%;
}
.about_today__item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_factory {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .about_factory {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .about_factory {
    padding: 20px 0;
  }
}
.about_factory__title {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 1023px) {
  .about_factory__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_factory__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_factory__slider {
  margin-top: 40px;
  position: relative;
  line-height: 0;
}
@media (max-width: 1023px) {
  .about_factory__slider {
    padding-bottom: 29px;
  }
}
@media (max-width: 767px) {
  .about_factory__slider {
    margin-top: 16px;
    padding-bottom: 21px;
  }
}
.about_factory__slider_slide {
  width: 940px;
  height: auto;
}
@media (max-width: 1023px) {
  .about_factory__slider_slide {
    width: 484px;
  }
}
@media (max-width: 767px) {
  .about_factory__slider_slide {
    width: 400px;
  }
}
@media (max-width: 499px) {
  .about_factory__slider_slide {
    width: 300px;
  }
}
@media (max-width: 424px) {
  .about_factory__slider_slide {
    width: 240px;
  }
}
.about_factory__item {
  padding: 40px;
  background: url('img/about/history_bg.jpg') center / cover no-repeat;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1023px) {
  .about_factory__item {
    display: block;
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .about_factory__item {
    padding: 16px;
  }
}
.about_factory__item_left {
  width: 48.8%;
}
@media (max-width: 1023px) {
  .about_factory__item_left {
    width: auto;
  }
}
.about_factory__item_right {
  width: calc(51.2% - 40px);
  margin-left: 40px;
}
@media (max-width: 1023px) {
  .about_factory__item_right {
    width: auto;
    margin-left: 0;
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .about_factory__item_right {
    margin-top: 16px;
  }
}
.about_factory__item_title {
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .about_factory__item_title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .about_factory__item_title {
    font-size: 16px;
    line-height: 22px;
  }
}
.about_factory__item_text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 16px;
}
@media (max-width: 767px) {
  .about_factory__item_text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 8px;
  }
}
.about_pagination {
  display: none;
}
@media (max-width: 1023px) {
  .about_pagination {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0 !important;
    left: 0;
    height: 5px;
  }
  .about_pagination .swiper-pagination-bullet {
    height: 5px;
    width: 5px;
    margin: 0 1.5px !important;
    background: #e5e5e9;
    opacity: 1;
    transition: transform 0.25s;
  }
  .about_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transform: scale(1.2);
    transform-origin: center;
    background: #434343;
  }
}
.about_prev_arrow,
.about_next_arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  top: calc(50% - 20px);
  z-index: 2;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: opacity 0.25s, filter 0.25s;
}
.about_prev_arrow.swiper-button-disabled::after,
.about_next_arrow.swiper-button-disabled::after {
  filter: grayscale(100%);
  opacity: 0.4;
}
.about_prev_arrow.swiper-button-disabled,
.about_next_arrow.swiper-button-disabled {
  pointer-events: none;
}
.about_prev_arrow::after,
.about_next_arrow::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: url('img/about/arrow_right.svg') center / contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  .about_prev_arrow,
  .about_next_arrow {
    display: none;
  }
}
.about_prev_arrow {
  left: -20px;
  transform: rotate(-180deg);
}
.about_next_arrow {
  right: -20px;
}
.about_factory__item_img {
  position: relative;
  padding-top: 70.95%;
}
.about_factory__item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_products {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .about_products {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .about_products {
    padding: 20px 0;
  }
}
.about_products .about_today__item {
  gap: 64px;
}
@media (max-width: 1359px) {
  .about_products .about_today__item {
    gap: 40px;
  }
}
@media (max-width: 1023px) {
  .about_products .about_today__item {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .about_products .about_today__item {
    gap: 16px;
  }
}
.about_products .about_today__item_right {
  width: calc(49.35% - 64px);
}
@media (max-width: 1359px) {
  .about_products .about_today__item_right {
    width: calc(49.35% - 40px);
  }
}
@media (max-width: 1279px) {
  .about_products .about_today__item_right {
    width: calc(49.35% - 24px);
  }
}
@media (max-width: 1023px) {
  .about_products .about_today__item_right {
    width: 100%;
  }
}
.about_products .about_today__item_title {
  max-width: 564px;
}
.about_products .about_today__item_text {
  max-width: 564px;
}
.about_products__title {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 1023px) {
  .about_products__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_products__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_products__subtitle {
  margin: 24px auto 0;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #1f1919;
  max-width: 1000px;
}
@media (max-width: 767px) {
  .about_products__subtitle {
    font-size: 14px;
    line-height: 20px;
    margin: 16px 0 0;
  }
}
.about_products__text {
  margin: 16px auto 0;
  max-width: 1000px;
  color: #42526b;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
}
@media (max-width: 767px) {
  .about_products__text {
    font-size: 13px;
    line-height: 18px;
    margin: 8px 0 0;
  }
}
.about_products__link {
  margin-top: 32px;
  width: max-content;
  display: flex;
  align-items: center;
  padding: 10px 24px;
  background: #ee1732;
  border-radius: 2px;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  font-weight: 600;
  transition: background 0.3s;
}
@media (max-width: 767px) {
  .about_products__link {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  .about_products__link:hover {
    background: rgba(231, 51, 43, 0.8);
  }
}
.about_products__link svg {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.about_why {
  padding: 64px 0 101px;
  background: url('img/about/history_bg.jpg') center / cover no-repeat;
}
@media (max-width: 1359px) {
  .about_why {
    padding: 64px 0 93px;
  }
}
@media (max-width: 1023px) {
  .about_why {
    padding: 64px 0 112px;
  }
}
@media (max-width: 767px) {
  .about_why {
    padding: 40px 0 104px;
  }
}
.about_why__content {
  position: relative;
}
.about_why__img {
  position: absolute;
  bottom: -19px;
  right: -10px;
  width: 138px;
}
@media (max-width: 1359px) {
  .about_why__img {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .about_why__img {
    width: 80px;
    bottom: -56px;
  }
}
.about_why__title {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .about_why__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_why__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_why__items {
  margin-top: 40px;
  margin-left: -60px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -64px;
}
@media (max-width: 1359px) {
  .about_why__items {
    margin-left: -24px;
  }
}
@media (max-width: 1023px) {
  .about_why__items {
    margin-left: 0;
    margin-bottom: -24px;
    display: block;
  }
}
@media (max-width: 767px) {
  .about_why__items {
    margin-top: 16px;
  }
}
.about_why__item {
  margin-left: 60px;
  margin-bottom: 64px;
  width: calc(33.333% - 60px);
  padding-left: 40px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='32' viewBox='0 0 24 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8534 23.5284H3.27258V8.94744H14.653L17.9256 5.67487H0V26.8009H21.126V13.2735L17.8534 16.5461V23.5284Z' fill='white'/%3E%3Cpath d='M6.85706 13.3457L4.54297 15.6598L10.0982 21.215L23.9991 7.31404L21.685 5L10.0982 16.5869L6.85706 13.3457Z' fill='white'/%3E%3C/svg%3E") left top / 24px 32px no-repeat;
}
@media (max-width: 1359px) {
  .about_why__item {
    margin-left: 24px;
    width: calc(33.333% - 24px);
  }
}
@media (max-width: 1023px) {
  .about_why__item {
    margin-left: 0;
    margin-bottom: 24px;
    width: auto;
  }
}
.about_why__item_title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #ffffff;
}
@media (max-width: 767px) {
  .about_why__item_title {
    font-size: 16px;
    line-height: 22px;
  }
}
.about_why__item_text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .about_why__item_text {
    font-size: 13px;
    line-height: 18px;
  }
}
.about_why__item_text a {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}
.about_why__item_text ul {
  padding-left: 20px;
}
.about_why__item_text ul li {
  margin-top: 4px;
}
.about_why__item_text ul li:first-child {
  margin-top: 0;
}
.about_success {
  padding: 112px 0 112px;
}
@media (max-width: 1023px) {
  .about_success {
    padding: 80px 0 80px;
  }
}
@media (max-width: 767px) {
  .about_success {
    padding: 40px 0 40px;
  }
}
.about_success__title {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 1023px) {
  .about_success__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_success__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_success__slider_wr {
  position: relative;
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .about_success__slider_wr {
    padding-bottom: 29px;
  }
}
@media (max-width: 767px) {
  .about_success__slider_wr {
    padding-bottom: 21px;
    margin-top: 16px;
  }
}
.about_success__slider {
  overflow: hidden;
}
@media (max-width: 1359px) {
  .about_success__slider {
    overflow: visible;
  }
}
.about_success__slider_slide {
  height: auto;
}
@media (max-width: 1359px) {
  .about_success__slider_slide {
    width: 424px;
  }
}
@media (max-width: 767px) {
  .about_success__slider_slide {
    width: 400px;
  }
}
@media (max-width: 499px) {
  .about_success__slider_slide {
    width: 300px;
  }
}
@media (max-width: 424px) {
  .about_success__slider_slide {
    width: 240px;
  }
}
.about_success__item {
  height: 100%;
  box-shadow: 0 0 24px 0 rgba(31, 25, 25, 0.08);
  padding: 24px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .about_success__item {
    padding: 16px;
  }
}
.about_success__item_img {
  position: relative;
  padding-top: 56.3829%;
}
.about_success__item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_success__item_body {
  margin-top: 16px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .about_success__item_body {
    margin-top: 8px;
  }
}
.about_success__item_center {
  flex: 1 1 auto;
}
.about_success__item_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #1f1919;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e9;
}
@media (max-width: 767px) {
  .about_success__item_title {
    font-size: 13px;
    line-height: 18px;
  }
}
.about_success__item_name {
  margin-top: 16px;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #17489b;
}
@media (max-width: 767px) {
  .about_success__item_name {
    font-size: 12px;
    line-height: 14px;
  }
}
.about_success__item_infos {
  margin-top: 8px;
}
.about_success__item_info {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #42526b;
  font-weight: 400;
}
.about_success__item_info:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .about_success__item_info {
    font-size: 12px;
    line-height: 17px;
  }
}
.about_success__item_info span {
  display: inline;
}
.about_success__item_info span strong {
  font-weight: 600;
}
.about_success__item_bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 499px) {
  .about_success__item_bottom {
    display: block;
    margin-top: 16px;
  }
}
.about_success__item_stamp {
  width: 163px;
}
@media (max-width: 499px) {
  .about_success__item_stamp {
    margin-top: 15px;
    width: 130px;
  }
}
.about_success__item_stamp img {
  width: 100%;
}
.about_success__item_link {
  padding: 12px 24px;
  border-radius: 2px;
  background: #17489b;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  transition: background 0.3s;
}
@media (max-width: 499px) {
  .about_success__item_link {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .about_success__item_link:hover {
    background: rgba(23, 72, 155, 0.8);
  }
}
.about_req {
  padding: 56px 0 112px;
}
@media (max-width: 1023px) {
  .about_req {
    padding: 40px 0 80px;
  }
}
@media (max-width: 767px) {
  .about_req {
    padding: 20px 0 40px;
  }
}
.about_req__title {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 1023px) {
  .about_req__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .about_req__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.about_req__table {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .about_req__table {
    margin-top: 16px;
  }
}
.about_req__table_item {
  padding: 16px 24px;
  border: 1px solid #e5e5e9;
  border-top: none;
  display: flex;
}
.about_req__table_item:first-child {
  border-top: 1px solid #e5e5e9;
}
@media (max-width: 767px) {
  .about_req__table_item {
    display: block;
  }
}
.about_req__table_item_left {
  width: 240px;
  flex: 0 0 auto;
  color: #42526b;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .about_req__table_item_left {
    width: auto;
    font-size: 14x;
    line-height: 20px;
  }
}
.about_req__table_item_right {
  flex: 1 1 auto;
  color: #1f1919;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .about_req__table_item_right {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
  }
}
.video_block {
  padding: 64px 0 56px;
}
@media (max-width: 1023px) {
  .video_block {
    padding: 64px 0 40px;
  }
}
@media (max-width: 767px) {
  .video_block {
    padding: 40px 0 20px;
  }
}
.video_block__content {
  position: relative;
  padding-top: 42%;
  background: lightgray;
}
.video_block__content video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner_text {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .banner_text {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .banner_text {
    padding: 20px 0;
  }
}
.banner_text__content {
  padding: 40px 640px 40px 80px;
  min-height: 480px;
  background: url('img/masla_dlya_legkovyh/banner_text_bg.jpg') right center / cover no-repeat;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1279px) {
  .banner_text__content {
    padding: 40px 540px 40px 80px;
  }
}
@media (max-width: 1200px) {
  .banner_text__content {
    padding: 40px 488px 40px 64px;
    background: url('img/masla_dlya_legkovyh/banner_text_bg.jpg') 85% center / cover no-repeat;
  }
}
@media (max-width: 1100px) {
  .banner_text__content {
    padding: 40px 464px 40px 40px;
  }
}
@media (max-width: 1023px) {
  .banner_text__content {
    padding: 40px 40px 464px 40px;
    min-height: 640px;
    max-width: 640px;
    margin: 0 auto;
    justify-content: flex-start;
    background: url('img/masla_dlya_legkovyh/banner_text_bg_mob.jpg') center bottom / cover no-repeat;
  }
}
@media (max-width: 767px) {
  .banner_text__content {
    padding: 28px 16px 440px 16px;
  }
}
.banner_text__content.this--2 {
  background: url('img/masla_dlya_legkovyh/banner_text_bg_2.jpg') right center / cover no-repeat;
}
.banner_text__content.this--2 .banner_text__text {
  max-width: 496px;
}
@media (max-width: 1023px) {
  .banner_text__content.this--2 .banner_text__text {
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .banner_text__content.this--2 {
    padding: 40px 40px 464px 40px;
    background: url('img/masla_dlya_legkovyh/banner_text_bg_2_mob.jpg') center bottom / cover no-repeat;
  }
}
@media (max-width: 1023px) {
  .banner_text__content.this--2 {
    padding: 28px 16px 390px 16px;
  }
}
.banner_text__text {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .banner_text__text {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .banner_text__text {
    font-size: 20px;
    line-height: 28px;
  }
}
.banner_text__text_bottom {
  max-width: 496px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .banner_text__text_bottom {
    text-align: center;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .banner_text__text_bottom {
    font-size: 13px;
    line-height: 20px;
  }
}
.banner_text__link {
  display: inline-block;
  margin-top: 24px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px 20px;
  background: #e7332b;
  width: max-content;
  font-size: 14px;
  line-height: 24px;
  transition: background 0.25s;
}
@media (max-width: 1023px) {
  .banner_text__link {
    margin: 24px auto 0;
  }
}
@media (min-width: 1024px) {
  .banner_text__link:hover {
    background: rgba(231, 51, 43, 0.8);
  }
}
.design_buy {
  padding-bottom: 56px;
}
@media (max-width: 1023px) {
  .design_buy {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .design_buy {
    padding-bottom: 20px;
    padding-top: 12px;
  }
}
.design_buy__title {
  font-size: 28px;
  line-height: 40px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 767px) {
  .design_buy__title {
    font-size: 20px;
    line-height: 28px;
    margin-left: 0;
  }
}
.thin_banner {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .thin_banner {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .thin_banner {
    padding: 20px 0;
  }
}
.thin_banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 240px;
  background: url('img/masla_dlya_legkovyh/thin_banner_bg.jpg') right center / cover no-repeat;
  padding: 40px 440px 40px 80px;
}
@media (max-width: 1100px) {
  .thin_banner__content {
    padding: 40px 440px 40px 40px;
  }
}
@media (max-width: 1023px) {
  .thin_banner__content {
    background: url('img/masla_dlya_legkovyh/thin_banner_bg.jpg') 70% center / cover no-repeat;
    padding: 40px 270px 40px 40px;
  }
}
@media (max-width: 1023px) {
  .thin_banner__content .banner_text__link {
    margin: 24px 0 0 0;
  }
}
@media (max-width: 767px) {
  .thin_banner__content .banner_text__link {
    margin: 16px auto 0;
  }
}
@media (max-width: 900px) {
  .thin_banner__content {
    background: url('img/masla_dlya_legkovyh/thin_banner_bg.jpg') 75% center / cover no-repeat;
  }
}
@media (max-width: 800px) {
  .thin_banner__content {
    padding: 40px 240px 40px 40px;
  }
}
@media (max-width: 767px) {
  .thin_banner__content {
    padding: 32px 16px 50% 16px;
    background: url('img/masla_dlya_legkovyh/thin_banner_bg_mob.jpg') center bottom / cover no-repeat;
  }
}
.thin_banner__text {
  font-size: 28px;
  line-height: 40px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .thin_banner__text {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .thin_banner__text {
    text-align: center;
    font-size: 20px;
    line-height: 34px;
  }
}
.factory {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .factory {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .factory {
    padding: 20px 0;
  }
}
.factory__title {
  color: #000000;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1023px) {
  .factory__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .factory__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.factory__slider_wr {
  margin-top: 40px;
  position: relative;
}
@media (max-width: 1023px) {
  .factory__slider_wr {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .factory__slider_wr {
    margin-top: 24px;
  }
}
.factory__slider_pagination.swiper-pagination-bullets {
  bottom: 0 !important;
  position: absolute;
  text-align: center;
}
.factory__slider_pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  height: 6px;
  width: 6px;
  opacity: 1;
  margin: 0 2px;
  background: #e5e5e9;
}
.factory__slider_pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #434343;
}
.factory__slider_slide.swiper-slide {
  height: auto;
}
@media (max-width: 1023px) {
  .factory__slider_slide.swiper-slide {
    width: 464px;
  }
}
@media (max-width: 767px) {
  .factory__slider_slide.swiper-slide {
    width: 248px;
  }
}
.factory__item {
  background: #ffffff;
  box-shadow: 0 0 24px 0 rgba(31, 25, 25, 0.08);
  padding: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 1279px) {
  .factory__item {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .factory__item {
    padding: 16px;
  }
}
.factory__item_top {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.factory__item_title {
  font-weight: 700;
  color: #080e1f;
  font-size: 26px;
  line-height: 41px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .factory__item_title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .factory__item_title {
    font-size: 14px;
    line-height: 22px;
  }
}
.factory__item_text {
  margin-top: 8px;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 25px;
  color: #080e1f;
}
@media (max-width: 1023px) {
  .factory__item_text {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .factory__item_text {
    font-size: 12px;
    line-height: 19px;
  }
}
.factory__item_link {
  display: flex;
  align-items: center;
  margin-top: 24px;
  max-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: #ffffff;
  padding: 8px 20px;
  background: #004798;
  position: relative;
  transition: 0.3s;
}
.factory__item_link svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .factory__item_link:hover {
    background: rgba(0, 71, 152, 0.8);
  }
}
.factory__item_img {
  margin-top: 32px;
  position: relative;
  padding-top: 63.38%;
}
@media (max-width: 767px) {
  .factory__item_img {
    margin-top: 24px;
  }
}
.factory__item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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