/* Start:/local/templates/teboil/css/main.css?175205917494613*/
/*!*************************************************************************************************************************************!*\
  !*** 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/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/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/map_line/map_line.less ***!
  \************************************************************************************************************************************************************/
.map-line {
  position: relative;
  margin: 0 0 112px;
  background: url(/local/templates/teboil/css/./img/map-line/map-line.svg) no-repeat center, #f1f1f1;
}
@media (max-width: 1170px) {
  .map-line {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .map-line {
    margin: 48px 0;
  }
}
.map-line::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc((100% - 1320px) / 2);
  height: 100%;
  background: linear-gradient(106deg, rgba(255, 255, 255, 0) 25%, #fff 25%);
}
@media (max-width: 1650px) {
  .map-line::before {
    background: linear-gradient(106deg, rgba(255, 255, 255, 0) 50%, #fff 50%);
  }
}
@media (max-width: 1420px) {
  .map-line::before {
    display: none;
  }
}
.map-line::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 40%;
  height: 20px;
  background: #004798;
  -webkit-clip-path: polygon(6px 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(6px 0, 100% 0, 100% 100%, 0% 100%);
}
.map-line .button-set {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 224px;
  background-size: auto 100%;
  gap: 16px;
}
@media (max-width: 1919px) {
  .map-line .button-set {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
  }
}
@media (max-width: 1023px) {
  .map-line .button-set {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .map-line .button-set {
    grid-template-columns: 1fr;
  }
}
.map-line .button-set .button {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 64px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #E73331;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 40px 0 52px;
  transition: 0.3s;
  border: 1px solid #ffffff;
  text-wrap: nowrap;
  flex: 1;
}
@media (min-width: 1024px) {
  .map-line .button-set .button:hover {
    background: #ffffff;
    border: 1px solid #E73331;
    color: #E73331;
  }
  .map-line .button-set .button:hover .button__icon svg path {
    stroke: #E73331;
  }
  .map-line .button-set .button:hover .button__arrow svg path {
    stroke: #E73331;
  }
}
@media (max-width: 1360px) {
  .map-line .button-set .button {
    width: auto;
  }
}
@media (max-width: 767px) {
  .map-line .button-set .button {
    padding: 0 44px;
    width: 100%;
    font-size: 12px;
  }
}
.map-line .button-set .button .button__icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .map-line .button-set .button .button__icon {
    left: 10px;
  }
}
.map-line .button-set .button .button__icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-line .button-set .button .button__icon svg path {
  transition: stroke 0.3s;
}
.map-line .button-set .button .button__arrow {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.map-line .button-set .button .button__arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-line .button-set .button .button__arrow svg path {
  transition: stroke 0.3s;
}

/*!****************************************************************************************************************************************************************!*\
  !*** 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;
  }
}

/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/css/oldStyle.less ***!
  \********************************************************************************************************************************************/
.product {
  position: relative;
  margin-bottom: 112px;
}
@media (max-width: 767px) {
  .product {
    margin: 64px 0;
    padding-top: 280px;
  }
  .product .container {
    position: static;
  }
}
.product .details {
  margin-top: 24px;
  padding: 13px 24px 11px;
  background: transparent;
  display: flex;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.product .details svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: -1px;
  flex: 0 0 auto;
}
.product .details svg path {
  transition: stroke 0.3s;
}
.product .details.this--red {
  color: #E7332B;
  border: 1px solid #E7332B;
}
@media (min-width: 1024px) {
  .product .details.this--red:hover {
    background: #E73331;
    color: #ffffff;
  }
  .product .details.this--red:hover svg path {
    stroke: #ffffff;
  }
}
.product .details.this--red:active {
  background: #E73331 !important;
  color: #ffffff;
}
.product .details.this--red:active svg path {
  stroke: #ffffff;
}
.product .details.this--blue {
  color: #004798;
  border: 1px solid #004798;
}
@media (min-width: 1024px) {
  .product .details.this--blue:hover {
    background: #004798;
    color: #ffffff;
  }
  .product .details.this--blue:hover svg path {
    stroke: #ffffff;
  }
}
.product .details.this--blue:active {
  background: #004798 !important;
  color: #ffffff;
}
.product .details.this--blue:active svg path {
  stroke: #ffffff;
}
.product .details:active {
  background: #E4180F !important;
}
.product .details:after {
  display: none;
}
.product .link-catalog {
  margin-top: 48px;
}
.product::after {
  content: '';
  position: absolute;
  right: -38px;
  top: 0;
  width: calc(50vw + 82px);
  height: 595px;
  background: url("/local/templates/teboil/css/./img/car1new.jpg") no-repeat center;
  background-size: cover;
  -webkit-clip-path: polygon(148px 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(148px 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1280px) {
  .product::after {
    width: calc(50vw + 82px + 30px);
  }
}
@media (max-width: 1024px) {
  .product::after {
    width: calc(50vw + 10px + 30px);
  }
}
@media (max-width: 767px) {
  .product::after {
    right: 0;
    width: calc(100vw - 24px);
    height: 240px;
    -webkit-clip-path: polygon(64px 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(64px 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.product .container-products {
  position: relative;
  display: flex;
  z-index: 99;
}
@media (max-width: 767px) {
  .product .container-products {
    flex-direction: column-reverse;
    position: static;
  }
}
.product .description-product {
  width: calc(50% - 82px - 50px);
  margin-right: 50px;
}
@media (max-width: 1460px) {
  .product .description-product {
    width: calc(50% - 82px - 24px);
    margin-right: 24px;
  }
}
@media (max-width: 1280px) {
  .product .description-product {
    margin-right: -35px;
    width: calc(50% - 82px + 35px);
  }
}
@media (max-width: 1024px) {
  .product .description-product {
    width: calc(50% - 15px + 35px);
  }
}
@media (max-width: 767px) {
  .product .description-product {
    margin-right: 0;
    width: auto;
  }
}
.product .header-product {
  width: calc(50% + 82px);
}
@media (max-width: 1024px) {
  .product .header-product {
    width: calc(50% + 45px);
  }
}
@media (max-width: 767px) {
  .product .header-product {
    position: absolute;
    top: 66px;
    left: 34%;
    z-index: 10;
    width: 120px;
  }
  .product .header-product .tittle-product {
    color: #ffffff;
  }
}
.product.product-reverse::after {
  right: auto;
  left: -38px;
  height: 595px;
  background: url("/local/templates/teboil/css/./img/car2new.jpg") no-repeat center;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 148px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 148px) 100%, 0% 100%);
}
@media (max-width: 767px) {
  .product.product-reverse::after {
    left: 0;
    width: calc(100vw - 24px);
    height: 240px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 64px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 64px) 100%, 0% 100%);
  }
}
.product.product-reverse::before {
  content: '';
  position: absolute;
  top: -12px;
  left: calc(50% + 37px);
  width: 78px;
  height: 182px;
  background-color: #004798;
  z-index: 3;
  -webkit-clip-path: polygon(48px 0, 100% 0, calc(100% - 48px) 100%, 0% 100%);
  clip-path: polygon(48px 0, 100% 0, calc(100% - 48px) 100%, 0% 100%);
}
@media (max-width: 1280px) {
  .product.product-reverse::before {
    left: calc(50% - 11px);
  }
}
@media (max-width: 1024px) {
  .product.product-reverse::before {
    left: calc(50% - 82px);
  }
}
@media (max-width: 767px) {
  .product.product-reverse::before {
    display: none;
  }
}
.product.product-reverse .container-products {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .product.product-reverse .container-products {
    flex-direction: column-reverse;
  }
}
.product.product-reverse .description-product {
  display: flex;
  margin-right: 0;
  margin-left: 50px;
}
@media (max-width: 1460px) {
  .product.product-reverse .description-product {
    margin-left: 24px;
  }
}
@media (max-width: 1280px) {
  .product.product-reverse .description-product {
    margin-left: -35px;
  }
}
@media (max-width: 767px) {
  .product.product-reverse .description-product {
    margin-left: 0;
    display: block;
  }
}
.product.product-reverse .header-product {
  padding-top: 173px;
}
.product.product-reverse .header-product .tittle-product {
  margin-left: 0;
  max-width: 624px;
}
@media (max-width: 1280px) {
  .product.product-reverse .header-product .tittle-product {
    max-width: 400px;
  }
}
@media (max-width: 1024px) {
  .product.product-reverse .header-product .tittle-product {
    max-width: 210px;
  }
}
@media (max-width: 767px) {
  .product.product-reverse .header-product .tittle-product {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .product.product-reverse .header-product {
    top: 48px;
    left: calc(100vw - 78%);
    width: 160px;
    padding-top: 0;
    margin: 0 auto;
  }
  .product.product-reverse .header-product .tittle-product {
    margin-left: 0;
  }
}
.product .product-photo {
  width: 400px;
  height: 365px;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .product .product-photo {
    width: 327px;
    height: 298px;
  }
}
@media (max-width: 767px) {
  .product .product-photo {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 24px;
  }
}
.product .product-photo img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}
.product .name-product {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-style: italic;
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  padding: 7px 23px 5px 14px;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 11px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 11px) 100%, 0% 100%);
}
.product .name-product.this--red {
  background: #E7332B;
}
.product .name-product.this--blue {
  background: #004798;
}
@media (max-width: 1460px) {
  .product .name-product {
    max-width: 416px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 19px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 19px) 100%, 0% 100%);
  }
}
@media (max-width: 1024px) {
  .product .name-product {
    font-size: 16px;
    line-height: 26px;
    padding: 7px 18px 5px 14px;
  }
}
@media (max-width: 767px) {
  .product .name-product {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 11px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 11px) 100%, 0% 100%);
    max-width: none;
    padding: 7px 23px 5px 14px;
  }
}
@media (max-width: 500px) {
  .product .name-product {
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 19px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 19px) 100%, 0% 100%);
    max-width: 416px;
    padding: 7px 18px 5px 14px;
  }
}
.product .type-product {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  margin-top: 8px;
  max-width: 456px;
}
@media (max-width: 1100px) {
  .product .type-product {
    max-width: 327px;
  }
}
@media (max-width: 1024px) {
  .product .type-product {
    max-width: 327px;
  }
}
.product .header-product {
  padding-top: 172px;
}
@media (max-width: 767px) {
  .product .header-product {
    padding-top: 0;
    margin: 0 auto 24px;
  }
}
.product .header-product .tittle-product {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  text-transform: uppercase;
  color: #FFFFFF;
  max-width: 454px;
  margin-left: auto;
}
@media (max-width: 1280px) {
  .product .header-product .tittle-product {
    max-width: 372px;
    font-size: 34px;
    line-height: 46px;
  }
}
@media (max-width: 1024px) {
  .product .header-product .tittle-product {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    max-width: 195px;
  }
}
@media (max-width: 768px) {
  .product .header-product .tittle-product {
    font-size: 24px;
    line-height: 36px;
    max-width: none;
  }
}
.client {
  position: relative;
  margin: 0 0 112px;
}
@media (max-width: 767px) {
  .client {
    padding-bottom: 80px;
    margin: 0 0 48px;
  }
}
.client::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40%;
  height: 42px;
  background: #004798;
  -webkit-clip-path: polygon(9px 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(9px 0, 100% 0, 100% 100%, 0% 100%);
}
.client.this--reverse .client__row {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .client.this--reverse .client__row {
    flex-direction: column-reverse;
  }
}
.client.this--reverse .client__column.client__right {
  padding: 0;
  padding-left: 0;
  padding-right: 36px;
}
@media (max-width: 1023px) {
  .client.this--reverse .client__column.client__right {
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .client.this--reverse .client__column.client__right {
    padding-right: 0;
    margin-left: -64px;
  }
}
@media (max-width: 374px) {
  .client.this--reverse .client__column.client__right {
    margin-left: -24px;
  }
}
.client.this--reverse .client__img {
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 132px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 132px) 100%, 0% 100%);
}
@media (max-width: 1279px) {
  .client.this--reverse .client__img {
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 120px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 120px) 100%, 0% 100%);
  }
}
@media (max-width: 1023px) {
  .client.this--reverse .client__img {
    padding-left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 108px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 108px) 100%, 0% 100%);
  }
}
@media (max-width: 767px) {
  .client.this--reverse .client__img {
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 110px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 110px) 100%, 0% 100%);
  }
}
@media (max-width: 500px) {
  .client.this--reverse .client__img {
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 104px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 104px) 100%, 0% 100%);
  }
}
@media (max-width: 375px) {
  .client.this--reverse .client__img {
    -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
  }
}
.client .client__row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .client .client__row {
    flex-direction: column-reverse;
  }
}
.client .client__column {
  position: relative;
  flex: 0 0 auto;
  width: 50%;
  padding-left: 36px;
}
@media (max-width: 1023px) {
  .client .client__column {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .client .client__column {
    width: 100%;
  }
}
.client .client__column.client__right {
  width: 50vw;
  padding: 0;
  padding-left: 36px;
}
@media (max-width: 1023px) {
  .client .client__column.client__right {
    height: 496px;
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .client .client__column.client__right {
    width: calc(100vw - 34px);
    height: 481px;
    padding-left: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 374px) {
  .client .client__column.client__right {
    height: 233px;
    margin-bottom: 16px;
  }
}
.client .client__column.client__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.client .client__img {
  position: relative;
  height: 592px;
  -webkit-clip-path: polygon(132px 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(132px 0, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1023px) {
  .client .client__img {
    height: 496px;
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .client .client__img {
    width: calc(100vw - 34px);
    height: 481px;
    padding-left: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 374px) {
  .client .client__img {
    height: 233px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1279px) {
  .client .client__img {
    -webkit-clip-path: polygon(93px 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(93px 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 767px) {
  .client .client__img {
    -webkit-clip-path: polygon(73px 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(73px 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 500px) {
  .client .client__img {
    -webkit-clip-path: polygon(53px 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(53px 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
.client .client__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.client .client__text_wr {
  max-width: 462px;
}
.client .client__title {
  font: 700 28px/40px 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 1279px) {
  .client .client__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .client .client__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.client .client__subtitle {
  margin-top: 12px;
  font: 400 18px/26px 'Montserrat', sans-serif;
  color: #000;
}
@media (max-width: 1637px) {
  .client .client__subtitle {
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .client .client__subtitle {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .client .client__subtitle {
    margin-top: 16px;
  }
}
.client .client__link {
  display: inline-block;
  margin-top: 32px;
  padding: 12px 24px;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: #E7332B;
  transition: 0.3s;
}
@media (max-width: 1359px) {
  .client .client__link {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .client .client__link {
    margin-top: 16px;
    padding: 12px 40px;
  }
}
@media (max-width: 500px) {
  .client .client__link {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .client .client__link:hover {
    background: rgba(231, 51, 43, 0.8);
  }
}
.client .client__link:active {
  background: #E4180F !important;
}
.home-centred-video {
  margin: 62px auto 112px;
  padding: 56px 0;
  background: #f1f1f1;
  background: linear-gradient(106deg, rgba(241, 241, 241, 0) 55%, #f1f1f1 55%);
}
@media (max-width: 767px) {
  .home-centred-video {
    margin: 48px auto;
    padding: 0;
    background: none;
  }
}
@media (max-width: 767px) {
  .home-centred-video .container {
    padding: 0;
  }
}
.home-centred-video .video-wrapper {
  position: relative;
  padding-top: 41.4%;
}
.home-centred-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.swiper-button-next {
  right: calc((100vw - 1170px)/2 - 120px);
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1457px) {
  .swiper-button-next {
    right: 24px;
  }
}
@media (max-width: 1250px) {
  .swiper-button-next {
    right: 0;
  }
}
@media (max-width: 1023px) {
  .swiper-button-next {
    display: none;
  }
}
.swiper-button-next::after {
  font-size: 18px;
  color: white;
}
.swiper-button-prev {
  background: #E7332B;
  height: 48px;
  left: calc((100vw - 1170px)/2 - 120px);
  width: 48px;
  transition: background-color 0.3s;
}
@media (max-width: 1457px) {
  .swiper-button-prev {
    left: 24px;
  }
}
@media (max-width: 1250px) {
  .swiper-button-prev {
    left: 0;
  }
}
@media (max-width: 1023px) {
  .swiper-button-prev {
    display: none;
  }
}
.swiper-button-prev::after {
  font-size: 18px;
  color: white;
}
@media (min-width: 1024px) {
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background-color: #004798;
  }
}
.swiper-button-next:active,
.swiper-button-prev:active {
  background-color: #003D83 !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  background-color: #C9CAC8;
  opacity: 1;
}
.history {
  margin-bottom: 100px;
  background: #f1f1f1;
  background: linear-gradient(106deg, rgba(241, 241, 241, 0) 65%, #f1f1f1 65%);
}
.history * {
  transition: 0.5s;
}
.wrap-history {
  padding-top: 60px;
  position: relative;
}
.history-information-img {
  margin-top: 16px;
}
@media (max-width: 500px) {
  .history-information-img {
    max-width: 100%;
  }
}
.history-information-img.this--main {
  min-width: 472px;
  max-width: 472px;
  max-height: 330px;
  aspect-ratio: 472 / 330;
  object-fit: cover;
}
@media (max-width: 500px) {
  .history-information-img.this--main {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: calc(100% * 330 / 472);
    max-height: none;
  }
}
.history-flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .history-flex {
    flex-direction: column;
  }
}
.tittle {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  /* or 133% */
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 1279px) {
  .tittle {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 1023px) {
  .tittle {
    display: block;
    text-align: center;
  }
  .tittle br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tittle {
    font-size: 20px;
    line-height: 28px;
  }
}
/*@media screen and (max-width: 1023px){*/
/*    */
/*}*/
.red {
  color: #D62A34;
}
.sub-tittle_history {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  /* color: #000000; */
  padding-top: 30px;
  padding-bottom: 12px;
  width: fit-content;
}
.history-information p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}
.wrap-history:after {
  content: '';
  background: url(/local/templates/teboil/css/./img/history.png) no-repeat top center;
  width: 472px;
  height: 405px;
  position: absolute;
  right: 0;
  top: 49px;
}
.dates {
  display: block;
  padding-top: 137px;
}
.distributor {
  background: #ffffff;
}
.distributor__content {
  padding: 112px 0;
}
@media (max-width: 1359px) {
  .distributor__content {
    padding: 119px 0 64px;
  }
}
@media (max-width: 1250px) {
  .distributor__content {
    padding: 64px 0;
  }
}
@media (max-width: 1023px) {
  .distributor__content {
    padding: 48px 0;
  }
}
.distributor__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 1359px) {
  .distributor__title {
    font-size: 34px;
    line-height: 46px;
  }
}
@media (max-width: 1023px) {
  .distributor__title {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .distributor__title {
    margin-bottom: 26px;
  }
}
/*
.distributor-list {


    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 60px;

    width: 1029px;





    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

.distributor-item {


    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;






    flex: none;
    order: 1;
    flex-grow: 0;
}

@media (min-width: 1024px) {
    .distributor-item {
        width: 307px;
    }
}

@media (max-width: 1023px) {
    .distributor-list {
        display: block;
    }

    .distributor-item {

        width: 325px;


    }
}

.distributor-item span {

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    padding: 20px 0;



    color: #000000;
}

.distributor-item p {


    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;





    color: #000000;




    flex: none;
    order: 1;
    flex-grow: 0;
} */
.wrap-map {
  position: relative;
}
.item-map {
  position: absolute;
  /* left: 347px; */
  left: 1vw;
  top: 236px;
  background: #FFF;
  padding: 15px 15px 15px 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.tittle-map {
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
  padding-bottom: 5px;
}
.line-info_map {
  padding-bottom: 15px;
}
.line-info_map span {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 3px;
}
.line-info_map p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
}
.line-info_map a {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */
  text-decoration: underline;
  color: #004798;
}
.map-picture img {
  max-width: 100%;
}
.production {
  background: url(/local/templates/teboil/css/./img/production.png) no-repeat top center;
  height: 660px;
  background-size: cover;
  clear: both;
}
@media (max-width: 1359px) {
  .production .details {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .production .details {
    margin-top: 32px;
    padding: 12px 55px 12px 30px;
  }
}
.headline-production {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
  display: block;
  max-width: 640px;
  padding-bottom: 25px;
  padding-top: min(250px, 45vw);
}
.bottom_text-production {
  max-width: 640px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #FFFFFF;
}
.intro {
  margin-bottom: 112px;
}
@media (max-width: 767px) {
  .intro {
    margin-bottom: 48px;
  }
}
.intro__line {
  margin-top: 48px;
}
@media (max-width: 1359px) {
  .intro__line {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .intro__line {
    margin-top: 64px;
  }
}
.item-intro {
  display: flex;
}
@media (max-width: 767px) {
  .item-intro {
    display: block;
    background: #ffffff;
  }
}
.title-intro {
  display: block;
  color: #333333;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .title-intro {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .title-intro {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }
}
.sub-tittle_intro {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1359px) {
  .sub-tittle_intro {
    max-width: 370px;
  }
}
@media (max-width: 1250px) {
  .sub-tittle_intro {
    max-width: 345px;
  }
}
@media (max-width: 767px) {
  .sub-tittle_intro {
    max-width: none;
    margin-top: 8px;
    text-align: center;
  }
}
.details {
  position: relative;
  display: inline-block;
  margin-top: 32px;
  padding: 12px 48px 12px 24px;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: #E73331;
  transition: 0.3s;
}
@media (max-width: 1359px) {
  .details {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .details {
    margin-top: 16px;
    padding: 12px 55px 12px 30px;
  }
}
@media (min-width: 1024px) {
  .details:hover {
    background: rgba(231, 51, 43, 0.8);
  }
}
.details:active {
  background: #E4180F !important;
}
.details:after {
  content: '';
  position: absolute;
  background: url(/local/templates/teboil/css/./img/arrow-right.svg) no-repeat top center;
  width: 16px;
  height: 16px;
  right: 20px;
  top: 15px;
}
@media (max-width: 767px) {
  .details:after {
    right: 30px;
  }
}
.swiper-intro {
  overflow: visible;
  padding-left: calc((100vw - 1170px)/2 + 7px);
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1359px) {
  .swiper-intro {
    padding-left: calc((100vw - 1072px)/2 + 7px);
  }
}
@media (max-width: 1250px) {
  .swiper-intro {
    padding-left: 100px;
  }
}
@media (max-width: 1023px) {
  .swiper-intro {
    padding-left: 64px;
  }
}
@media (max-width: 767px) {
  .swiper-intro {
    padding-left: 0;
  }
}
.swiper-intro .swiper-slide {
  height: auto;
  background: #ffffff;
}
.bg-screen {
  width: 100%;
  background: white;
  height: 355px;
  position: absolute;
  top: 0;
  display: none;
}
.slide-image_wr {
  width: calc(100% - 356px);
  margin-left: -161px;
  margin-top: 1px;
  margin-bottom: 1px;
}
@media (max-width: 1359px) {
  .slide-image_wr {
    margin-left: -114px;
    width: calc(100% - 370px);
  }
}
@media (max-width: 1250px) {
  .slide-image_wr {
    width: calc(100% - 318px);
  }
}
@media (max-width: 767px) {
  .slide-image_wr {
    width: auto;
    margin-left: 0;
    margin-top: 26px;
  }
}
.slide-image {
  position: relative;
  padding-top: 64.4%;
}
@media (max-width: 1250px) {
  .slide-image {
    padding-top: 0;
    height: 514px;
  }
}
@media (max-width: 767px) {
  .slide-image {
    height: auto;
    padding-top: 64.4%;
  }
}
.slide-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.slide_left {
  min-width: 518px;
  flex: 0 0 auto;
  background: #ffffff;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 100% 0%, 69% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 69% 100%, 0% 100%);
  padding-left: 1px;
}
@media (max-width: 1359px) {
  .slide_left {
    min-width: 485px;
    -webkit-clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 77% 100%, 0% 100%);
  }
}
@media (max-width: 1250px) {
  .slide_left {
    min-width: 432px;
  }
}
@media (max-width: 767px) {
  .slide_left {
    -webkit-clip-path: none;
    clip-path: none;
    min-width: 0;
  }
}
.text-intro {
  max-width: 410px;
  min-height: 366px;
}
@media (max-width: 1359px) {
  .text-intro {
    min-height: 318px;
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .text-intro {
    max-width: none;
    width: 100%;
    text-align: center;
    padding: 0 24px;
    min-height: 190px;
  }
}
@media (max-width: 640px) {
  .text-intro {
    min-height: 262px;
  }
}
@media (max-width: 394px) {
  .text-intro {
    min-height: 334px;
  }
}
.swiper-intro .swiper-pagination-intro.swiper-pagination-bullets {
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  z-index: 3;
  padding-left: calc((100vw - 1170px)/2 + 7px);
}
@media (max-width: 1359px) {
  .swiper-intro .swiper-pagination-intro.swiper-pagination-bullets {
    padding-left: calc((100vw - 1072px)/2 + 7px);
  }
}
@media (max-width: 1250px) {
  .swiper-intro .swiper-pagination-intro.swiper-pagination-bullets {
    padding-left: 100px;
  }
}
@media (max-width: 1023px) {
  .swiper-intro .swiper-pagination-intro.swiper-pagination-bullets {
    padding-left: 64px;
  }
}
@media (max-width: 767px) {
  .swiper-intro .swiper-pagination-intro.swiper-pagination-bullets {
    padding-left: 0;
    text-align: center;
    bottom: -38px;
  }
}
.swiper-pagination-intro.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
  width: 16px;
  height: 12px;
  border-radius: 0;
  transform: skewX(-13deg);
  background: #004798;
  opacity: 1;
  position: relative;
}
.swiper-pagination-intro.swiper-pagination-bullets .swiper-pagination-bullet::after {
  width: 0;
  height: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: #E7332B;
}
.swiper-pagination-intro.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
  width: 100%;
  transition: width 7s linear;
}
.description {
  /*background: url("/local/templates/teboil/css/./img/description.png") no-repeat top center;*/
  height: 905px;
  background-size: cover;
  margin-bottom: 123px;
  position: relative;
}
.description video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#video {
  width: 100%;
  background-color: white;
  height: 100vh;
  padding: 0px 0 40px;
}
@media (max-width: 1023px) {
  #video {
    /*width:auto;*/
    height: 600px;
  }
}
@media (max-width: 900px) {
  #video {
    /*width:auto;*/
    height: 550px;
  }
}
@media (max-width: 700px) {
  #video {
    /*width:auto;*/
    height: 400px;
  }
}
@media (max-width: 425px) {
  #video {
    /*width:auto;*/
    height: 300px;
  }
}
.vectors {
  background: url(/local/templates/teboil/css/./img/vectors.png) no-repeat top center;
  height: 42px;
  background-size: cover;
}
.tittle-description {
  display: block;
  text-align: center;
  padding-top: 225px;
  padding-bottom: 169px;
}
.tittle-description > img {
  max-width: 75vw;
}
.bottom-description {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.bottom-description span {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  /* or 130% */
  text-transform: uppercase;
  color: #FFFFFF;
  padding-bottom: 30px;
  padding-inline: min(16px, 10vw);
}
@media (max-width: 600px) {
  .bottom-description span {
    font-size: 20px;
    line-height: 32px;
  }
}
.bottom-description p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  /*color: rgba(255, 255, 255, 0.6);*/
  color: white;
  /* margin-left: -11px; */
  padding-inline: min(16px, 10vw);
}
.pull {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  color: #000000;
  cursor: pointer;
  margin-bottom: 69px;
}
.pull::after {
  content: '';
  position: absolute;
  background: url("/local/templates/teboil/css/./img/arrow-down.svg") no-repeat top center;
  width: 16px;
  height: 16px;
  right: -23px;
  bottom: 3px;
  transition: 0.5s;
}
.pull:hover::after {
  bottom: 0;
}
.content-products {
  clear: both;
  display: none;
}
.products-flex {
  clear: both;
  display: flex;
  justify-content: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
}
.item-product {
  width: 264px;
  padding-bottom: 48px;
}
.item-photo-product {
  width: 264px;
  height: 300px;
}
.item-photo-product img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.describe-product {
  padding-top: 16px;
}
.name-item-product {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  color: #000000;
  display: block;
}
.type-item-product {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */
  color: rgba(0, 0, 0, 0.6);
  display: block;
  padding-top: 7px;
  padding-bottom: 15px;
}
.link-pdf-product {
  display: inline-block;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */
  color: #E73331;
  padding-left: 25px;
}
.link-pdf-product:before {
  content: '';
  position: absolute;
  background: url(/local/templates/teboil/css/./img/pdf.svg) no-repeat top center;
  width: 20px;
  height: 20px;
  top: -1px;
  left: -2px;
}
.down-content {
  clear: both;
}
.link-catalog {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 387px;
  height: 46px;
  line-height: 20px;
  text-align: center;
  background: #E73331;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: background 0.3s;
}
@media (max-width: 500px) {
  .link-catalog {
    width: auto;
    height: auto;
    min-height: 46px;
    padding: 10px 20px;
  }
}
.link-catalog:hover {
  background: #004798;
}
.swiper-slide-first {
  width: 100%;
}
/* history */
.historySweaper {
  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: #004798;
  opacity: 1;
  border-radius: 0px;
  z-index: 1;
}
/* .history-pagination>.swiper-pagination-bullet-active {
    width: 4px;
    height: 48px;
    border-radius: 0px;
    background: #D62A34;
} */
.history-pagination > .swiper-pagination-bullet-active {
  width: 3px;
  height: 40px;
  border-radius: 0px;
  background: #D62A34;
  /* position: relative;
    top: 12px;
    transition: none; */
}
#history .swiper-horizontal > .swiper-pagination-bullets,
#history .swiper-pagination-bullets.swiper-pagination-horizontal,
#history .swiper-pagination-custom,
#history .swiper-pagination-fraction {
  width: 94%;
  margin: 0 auto;
}
.history-scale {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  padding-right: 4px;
  position: relative;
  top: -12px;
  width: 94%;
  margin: 0 auto;
}
.history-gap {
  height: 12px;
  width: 2px;
  background: #D3D8E1;
  transition: none;
}
.history-dates {
  position: absolute;
  left: 50%;
  top: 34px;
  width: 90px;
  text-align: center;
  transition: none;
  transform: translateX(-50%);
  word-break: keep-all;
  transition: top 0.4s;
}
.history-pagination > .swiper-pagination-bullet-active > .history-dates {
  top: 50px;
}
@media (max-width: 500px) {
  .history-dates {
    font-size: 8px;
  }
}
@media (min-width: 501px) and (max-width: 600px) {
  .history-dates {
    font-size: 9px;
  }
}
.pvl_buy {
  margin: 112px 0;
}
@media (max-width: 767px) {
  .pvl_buy {
    margin: 64px 0;
    overflow: hidden;
  }
}
.pvl_buy .pvl_buy__title {
  position: relative;
  margin-bottom: 62px;
  padding-left: 310px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  color: #080E1F;
}
.pvl_buy .pvl_buy__title::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  height: 32px;
  background: #004798;
  width: 288px;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
@media (max-width: 1279px) {
  .pvl_buy .pvl_buy__title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .pvl_buy .pvl_buy__title {
    padding-left: 0;
    text-align: center;
  }
  .pvl_buy .pvl_buy__title::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .pvl_buy .pvl_buy__title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
.pvl_buy .pvl_buy__slider {
  position: relative;
}
.pvl_buy .pvl_buy__slider .pvl_buy__next,
.pvl_buy .pvl_buy__slider .pvl_buy__prev {
  top: calc(50% - 24px);
}
.pvl_buy .pvl_buy__slider .pvl_buy__next {
  right: -24px;
}
@media (max-width: 767px) {
  .pvl_buy .pvl_buy__slider .pvl_buy__next {
    right: -12px;
  }
}
.pvl_buy .pvl_buy__slider .pvl_buy__prev {
  left: -24px;
}
@media (max-width: 767px) {
  .pvl_buy .pvl_buy__slider .pvl_buy__prev {
    left: -12px;
  }
}
@media (max-width: 767px) {
  .pvl_buy .pvl_buy__slider .swiper-buy {
    overflow: visible;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .swiper-slide {
  height: auto;
}
@media (max-width: 1279px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .swiper-slide {
    width: 244px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb {
  position: relative;
  padding-top: 139.344%;
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title {
  position: absolute;
  top: 24px;
  width: 100%;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 2;
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link {
  position: absolute;
  left: 50%;
  bottom: 24px;
  display: flex;
  padding: 6px 15px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #fff;
  transform: translateX(-50%);
  transition: background 0.4s, color 0.4s;
  z-index: 2;
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link svg {
  position: relative;
  top: 3px;
  stroke: #ffffff;
  transition: stroke 0.4s;
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link:hover {
  color: #000;
  background-color: #fff;
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link:hover svg {
  stroke: #000;
}
.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title {
  max-width: 199px;
  left: 50%;
  transform: translateX(-50%);
}
.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title .logo {
  width: 96px;
  height: 24px;
  position: relative;
  margin: 0 auto 6px;
}
@media (max-width: 1023px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title .logo {
    width: 80px;
    height: 20px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .first-buy .buy-title p {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
  text-align: center;
}
.inline_history__next,
.inline_history__prev,
.pvl_buy__next,
.pvl_buy__prev {
  position: absolute;
  top: 66px;
  z-index: 10;
  cursor: pointer;
}
.inline_history__next:after,
.inline_history__prev:after,
.pvl_buy__next:after,
.pvl_buy__prev:after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.inline_history__next,
.pvl_buy__next {
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .inline_history__next,
  .pvl_buy__next {
    right: -42px;
  }
}
@media (max-width: 767px) {
  .inline_history__next,
  .pvl_buy__next {
    right: -24px;
  }
}
.inline_history__next::after,
.pvl_buy__next::after {
  content: 'next';
  font-size: 18px;
  color: white;
}
.inline_history__prev,
.pvl_buy__prev {
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .inline_history__prev,
  .pvl_buy__prev {
    left: -42px;
  }
}
@media (max-width: 767px) {
  .inline_history__prev,
  .pvl_buy__prev {
    left: -24px;
  }
}
.inline_history__prev::after,
.pvl_buy__prev::after {
  content: 'prev';
  font-size: 18px;
  color: white;
}
@media (min-width: 1024px) {
  .inline_history__next:hover,
  .inline_history__prev:hover,
  .pvl_buy__next:hover,
  .pvl_buy__prev:hover {
    background-color: #004798;
  }
}
.inline_history__next:active,
.inline_history__prev:active,
.pvl_buy__next:active,
.pvl_buy__prev:active {
  background-color: #003D83 !important;
}
.inline_history__next.swiper-button-disabled,
.inline_history__prev.swiper-button-disabled,
.pvl_buy__next.swiper-button-disabled,
.pvl_buy__prev.swiper-button-disabled {
  background-color: #C9CAC8;
  opacity: 1;
}
.attention {
  margin-bottom: 112px;
}
@media (max-width: 767px) {
  .attention {
    margin-bottom: 64px;
  }
}
.attention p {
  margin-top: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
}
@media (max-width: 767px) {
  .attention p {
    font-size: 14px;
    line-height: 24px;
  }
}
.attention a {
  color: #004798;
  text-decoration: underline;
}
.attention__title {
  font: 700 28px / 40px 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
}
@media (max-width: 1279px) {
  .attention__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .attention__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.attention__title span {
  display: inline-block;
  margin-right: 16px;
  color: #D62A34;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #D62A34;
}
@media (max-width: 1279px) {
  .attention__title span {
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 767px) {
  .attention__title span {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
}


/*# sourceMappingURL=main.css.map*/
/* End */
/* /local/templates/teboil/css/main.css?175205917494613 */