

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

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

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

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

/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./src/pages/techdocs/techdocs.less ***!
  \*******************************************************************************************************************************************************/
@media (max-width: 1024px) {
  .container {
    padding: 0 64px;
  }
}
@media (max-width: 768px) {
  .container {
    padding: 0 24px;
  }
}
.techdocs_grid {
  padding: 50px 0 112px;
}
@media (max-width: 1280px) {
  .techdocs_grid {
    padding: 40px 0 112px;
  }
}
.techdocs_grid__row {
  display: flex;
}
@media (max-width: 768px) {
  .techdocs_grid__row {
    display: block;
  }
}
.techdocs_grid__left {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding-left: calc((100vw - 1320px)/2 - 14px);
  width: 50%;
  position: relative;
  z-index: 2;
  -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%);
  background: #ffffff;
}
.techdocs_grid__left p {
  max-width: 500px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
}
@media (max-width: 1392px) {
  .techdocs_grid__left {
    padding-left: 36px;
  }
}
@media (max-width: 1200px) {
  .techdocs_grid__left {
    width: calc(55.35% + 32px);
  }
}
@media (max-width: 1024px) {
  .techdocs_grid__left {
    padding: 0 64px;
  }
}
@media (max-width: 768px) {
  .techdocs_grid__left {
    padding: 0 24px;
    width: auto;
    -webkit-clip-path: none;
    clip-path: none;
  }
}
.techdocs_grid__title {
  margin: 0 0 16px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
  text-transform: uppercase;
  color: #000000;
  max-width: 500px;
}
@media (max-width: 1279px) {
  .techdocs_grid__title {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 1024px) {
  .techdocs_grid__title {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .techdocs_grid__title {
    font-size: 24px;
    line-height: 34px;
  }
}
.techdocs_grid__right {
  flex: 1 1 auto;
  margin: 1px 0 1px -120px;
  position: relative;
}
@media (max-width: 786px) {
  .techdocs_grid__right {
    padding-left: 64px;
    margin: 64px 0 0 0;
  }
}
@media (max-width: 500px) {
  .techdocs_grid__right {
    padding-left: 24px;
    margin-top: 42px;
  }
}
.techdocs_grid__right::before {
  content: '';
  position: absolute;
  bottom: -16px;
  right: 0;
  height: 32px;
  background: #E7332B;
  width: 53%;
  z-index: 10;
  -webkit-clip-path: polygon(10px 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1600px) {
  .techdocs_grid__right::before {
    width: 43%;
  }
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
  .techdocs_grid__right::before {
    width: 57%;
    height: 18px;
    bottom: -6px;
    -webkit-clip-path: polygon(7px 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(7px 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 1024px) {
  .techdocs_grid__right::after {
    position: absolute;
    content: '';
    width: 120px;
    height: calc(100% + 2px);
    background: #ffffff;
    top: -1px;
    left: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 1px 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 1px 100%, 0% 100%);
  }
}
@media (max-width: 768px) {
  .techdocs_grid__right::after {
    left: 64px;
    width: 100px;
  }
}
@media (max-width: 500px) {
  .techdocs_grid__right::after {
    left: 24px;
    width: 80px;
  }
}
.techdocs_grid__img {
  height: 450px;
}
@media (max-width: 1024px) {
  .techdocs_grid__img {
    height: 380px;
  }
}
@media (max-width: 768px) {
  .techdocs_grid__img {
    height: 300px;
  }
}
@media (max-width: 500px) {
  .techdocs_grid__img {
    height: 200px;
  }
}
.techdocs_grid__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.techdocs_articles {
  margin: 0 auto 112px;
}
.techdocs_articles__title {
  margin-bottom: 64px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
}
@media (max-width: 1279px) {
  .techdocs_articles__title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 768px) {
  .techdocs_articles__title {
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 28px;
  }
}
.techdocs_articles__list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.techdocs_articles__list::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 32px;
  background: #274B93;
  width: 64%;
  z-index: 10;
  -webkit-clip-path: polygon(10px 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1280px) {
  .techdocs_articles__list::before {
    display: none;
  }
}
.techdocs_articles__item {
  width: 33.333%;
  margin-bottom: 86px;
  padding: 0;
}
.techdocs_articles__item:nth-child(3n-1) {
  padding: 0 30px;
}
.techdocs_articles__item:nth-child(3n-2) {
  padding: 0 30px 0 0;
}
.techdocs_articles__item:nth-child(3n) {
  padding: 0 0 0 30px;
}
.techdocs_articles__item:nth-last-child(1),
.techdocs_articles__item:nth-last-child(2),
.techdocs_articles__item:nth-last-child(3) {
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  .techdocs_articles__item {
    width: 50%;
    margin-bottom: 86px;
  }
  .techdocs_articles__item:nth-child(1n) {
    margin-bottom: 86px;
  }
  .techdocs_articles__item:nth-child(2n-1) {
    padding: 0 30px 0 0;
  }
  .techdocs_articles__item:nth-child(2n) {
    padding: 0 0 0 30px;
  }
  .techdocs_articles__item:nth-last-child(1),
  .techdocs_articles__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .techdocs_articles__item {
    width: 50%;
    margin-bottom: 66px;
  }
  .techdocs_articles__item:nth-child(1n) {
    margin-bottom: 66px;
  }
  .techdocs_articles__item:nth-child(2n-1) {
    padding: 0 12px 0 0;
  }
  .techdocs_articles__item:nth-child(2n) {
    padding: 0 0 0 12px;
  }
  .techdocs_articles__item:nth-last-child(1),
  .techdocs_articles__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .techdocs_articles__item {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
  }
  .techdocs_articles__item:nth-child(1n) {
    margin-bottom: 50px;
  }
  .techdocs_articles__item:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.techdocs_articles__item_icon {
  position: relative;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}
.techdocs_articles__item_icon img {
  position: absolute;
  display: block;
  width: 54px;
  height: 54px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.techdocs_articles__item_icon::before {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #E7332B;
  border-radius: 50%;
}
.techdocs_articles__item_title {
  margin-bottom: 16px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-transform: uppercase;
}
.techdocs_articles__item_content ul {
  list-style-type: none;
  margin-left: 10px;
}
.techdocs_articles__item_content ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 24px;
}
.techdocs_articles__item_content ul li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #E7332B;
}
.techdocs_articles__item_content p,
.techdocs_articles__item_content li {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #080E1F;
}
.techdocs_content_grid {
  margin: 112px 0;
}
@media (max-width: 768px) {
  .techdocs_content_grid {
    margin: 64px 0;
  }
  .techdocs_content_grid .container {
    padding: 0;
  }
}
.techdocs_content_grid__row {
  position: relative;
  display: flex;
}
@media (max-width: 1024px) {
  .techdocs_content_grid__row {
    display: block;
  }
}
.techdocs_content_grid__row::before {
  content: '';
  position: absolute;
  width: 64%;
  height: 120%;
  top: -10%;
  left: 0;
  background: #F1F1F1;
  -webkit-clip-path: polygon(0 0, 100% 0, 180px 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
@media (max-width: 1024px) {
  .techdocs_content_grid__row::before {
    width: 100%;
    height: 84%;
    top: -40px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
}
@media (max-width: 768px) {
  .techdocs_content_grid__row::before {
    height: 90%;
  }
}
.techdocs_content_grid__left {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-left: 36px;
  position: relative;
  z-index: 2;
}
.techdocs_content_grid__left p {
  max-width: 500px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #000000;
}
.techdocs_content_grid__left .techdocs_content_grid__email,
.techdocs_content_grid__left .techdocs_content_grid__phone {
  display: flex;
  margin: 36px 0 0;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 40px;
  color: #000000;
}
.techdocs_content_grid__left .techdocs_content_grid__email:hover,
.techdocs_content_grid__left .techdocs_content_grid__phone:hover {
  color: #274B93;
}
.techdocs_content_grid__left .techdocs_content_grid__email img,
.techdocs_content_grid__left .techdocs_content_grid__phone img {
  display: block;
  margin-right: 8px;
}
.techdocs_content_grid__left .techdocs_content_grid__email {
  margin-top: 36px;
}
.techdocs_content_grid__left .techdocs_content_grid__call {
  display: inline-block;
  padding: 0 24px;
  margin-bottom: 84px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 48px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #274B93;
  border: none;
  transition: 0.3s;
}
.techdocs_content_grid__left .techdocs_content_grid__call:hover {
  background-color: #E7332B;
}
.techdocs_content_grid__left .techdocs_content_grid__slogan {
  max-width: 64%;
}
@media (max-width: 1392px) {
  .techdocs_content_grid__left {
    padding-left: 36px;
  }
}
@media (max-width: 1200px) {
  .techdocs_content_grid__left {
    width: calc(55.35% + 32px);
  }
}
@media (max-width: 1024px) {
  .techdocs_content_grid__left {
    width: 100%;
    padding: 0 80px;
    text-align: center;
  }
  .techdocs_content_grid__left .techdocs_content_grid__email,
  .techdocs_content_grid__left .techdocs_content_grid__phone {
    justify-content: center;
  }
  .techdocs_content_grid__left p,
  .techdocs_content_grid__left .techdocs_content_grid__slogan {
    max-width: none;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .techdocs_content_grid__left {
    padding: 0 24px;
  }
  .techdocs_content_grid__left .techdocs_content_grid__email,
  .techdocs_content_grid__left .techdocs_content_grid__phone {
    font-size: 18px;
  }
  .techdocs_content_grid__left .techdocs_content_grid__call {
    margin-bottom: 40px;
    padding: 0 16px;
  }
}
.techdocs_content_grid__title {
  margin: 0 0 16px;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  text-transform: uppercase;
  color: #000000;
  max-width: 600px;
}
@media (max-width: 1600px) {
  .techdocs_content_grid__title {
    font-size: 32px;
    line-height: 40px;
    max-width: 500px;
  }
}
@media (max-width: 1024px) {
  .techdocs_content_grid__title {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .techdocs_content_grid__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.techdocs_content_grid__right {
  flex: 1 1 auto;
  margin: 1px 0 1px -120px;
  position: relative;
}
@media (max-width: 1024px) {
  .techdocs_content_grid__right {
    padding: 0 30px;
    margin: 12px 0 0 0;
  }
}
@media (max-width: 768px) {
  .techdocs_content_grid__right {
    padding: 0 24px;
    margin-top: 40px;
  }
}
.techdocs_content_grid__right::after {
  position: absolute;
  content: '';
  width: 120px;
  height: calc(100% + 2px);
  background: #F1F1F1;
  top: -1px;
  left: -1px;
  -webkit-clip-path: polygon(0 0, 100% 0, 1px 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 1px 100%, 0% 100%);
}
@media (max-width: 1024px) {
  .techdocs_content_grid__right::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 120px;
    top: -1px;
    left: -1px;
    -webkit-clip-path: polygon(0 0, 100% 0, 1px 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 1px 100%, 0% 100%);
  }
}
@media (max-width: 768px) {
  .techdocs_content_grid__right::after {
    display: none;
  }
}
.techdocs_content_grid__img {
  height: 540px;
}
@media (max-width: 1024px) {
  .techdocs_content_grid__img {
    height: 560px;
  }
}
@media (max-width: 768px) {
  .techdocs_content_grid__img {
    height: 56vw;
  }
}
.techdocs_content_grid__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pvl_buy {
  margin: 0 0 112px;
}
@media (max-width: 767px) {
  .pvl_buy {
    margin: 0 0 64px;
    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: 1023px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .swiper-slide {
    width: 300px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb {
  position: relative;
  padding-top: 56.338%;
}
.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: 54px;
  left: 40px;
  width: 100%;
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 2;
}
@media (max-width: 1023px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title {
    top: 15px;
    left: 28px;
    font-size: 14px;
    line-height: 20px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title.this--online_shop {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
}
@media (max-width: 1023px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title.this--online_shop {
    font-size: 11px;
    line-height: 15px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title.this--online_shop .logo {
  width: 96px;
  height: 24px;
  position: relative;
  margin-bottom: 6px;
}
@media (max-width: 1023px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy-title.this--online_shop .logo {
    width: 80px;
    height: 20px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link {
  position: absolute;
  left: 40px;
  bottom: 56px;
  display: flex;
  padding: 6px 15px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid #fff;
  transition: background 0.4s;
  z-index: 2;
}
@media (max-width: 1023px) {
  .pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link {
    left: 28px;
    bottom: 15px;
  }
}
.pvl_buy .pvl_buy__slider .swiper-buy .thumb .buy_link svg {
  position: relative;
  top: 3px;
  stroke: #ffffff;
}
.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;
}
.inline_history__next,
.inline_history__prev,
.pvl_buy__next,
.pvl_buy__prev {
  position: absolute;
  top: 66px;
  z-index: 10;
}
.inline_history__next:after,
.inline_history__prev:after,
.pvl_buy__next:after,
.pvl_buy__prev:after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.inline_history__next,
.pvl_buy__next {
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .inline_history__next,
  .pvl_buy__next {
    right: -42px;
  }
}
@media (max-width: 767px) {
  .inline_history__next,
  .pvl_buy__next {
    right: -24px;
  }
}
.inline_history__next::after,
.pvl_buy__next::after {
  content: 'next';
  font-size: 18px;
  color: white;
}
.inline_history__prev,
.pvl_buy__prev {
  width: 48px;
  height: 48px;
  background: #E7332B;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .inline_history__prev,
  .pvl_buy__prev {
    left: -42px;
  }
}
@media (max-width: 767px) {
  .inline_history__prev,
  .pvl_buy__prev {
    left: -24px;
  }
}
.inline_history__prev::after,
.pvl_buy__prev::after {
  content: 'prev';
  font-size: 18px;
  color: white;
}
@media (min-width: 1024px) {
  .inline_history__next:hover,
  .inline_history__prev:hover,
  .pvl_buy__next:hover,
  .pvl_buy__prev:hover {
    background-color: #004798;
  }
}
.inline_history__next:active,
.inline_history__prev:active,
.pvl_buy__next:active,
.pvl_buy__prev:active {
  background-color: #003D83 !important;
}
.inline_history__next.swiper-button-disabled,
.inline_history__prev.swiper-button-disabled,
.pvl_buy__next.swiper-button-disabled,
.pvl_buy__prev.swiper-button-disabled {
  background-color: #C9CAC8;
  opacity: 1;
}

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

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

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

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


/*# sourceMappingURL=techdocs.css.map*/
/* End */
/* /local/templates/teboil/css/techdocs.css?175205917467944 */
