/* Start:/local/templates/polymedia/assets/css/magnific-popup.css?16463879737944*/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  
  .mfp-align-top .mfp-container:before {
    display: none; }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
     }
  
  .mfp-ajax-cur {
    }
  
  .mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  
  
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  
  .mfp-loading.mfp-figure {
    display: none; }
  
  .mfp-hide {
    display: none !important; }
  
  .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
    .mfp-preloader a {
      color: #CCC; }
      .mfp-preloader a:hover {
        color: #FFF; }
  
  .mfp-s-ready .mfp-preloader {
    display: none; }
  
  .mfp-s-error .mfp-content {
    display: none; }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; }
  button.mfp-close,
  button.mfp-arrow:hover {
      cursor: pointer;
  }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover,
    .mfp-close:focus {
      opacity: 1; }
    .mfp-close:active {
      top: 1px; }
  
  .mfp-close-btn-in .mfp-close {
    color: #333; }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
    .mfp-arrow:active {
      margin-top: -54px; }
    .mfp-arrow:hover,
    .mfp-arrow:focus {
      opacity: 1; }
    .mfp-arrow:before,
    .mfp-arrow:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent; }
    .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px; }
    .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: 0.7; }
  
  .mfp-arrow-left {
    left: 0; }
    .mfp-arrow-left:after {
      border-right: 17px solid #FFF;
      margin-left: 31px; }
    .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
    right: 0; }
    .mfp-arrow-right:after {
      border-left: 17px solid #FFF;
      margin-left: 39px; }
    .mfp-arrow-right:before {
      border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px; }
    .mfp-iframe-holder .mfp-close {
      top: -40px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
    .mfp-iframe-scaler iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0; }
    .mfp-figure:after {
      content: '';
      position: absolute;
      left: 0;
      top: 40px;
      bottom: 40px;
      display: block;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #444; }
    .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      line-height: 14px; }
    .mfp-figure figure {
      margin: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 50%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0; }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%; }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; } }
/* End */


/* Start:/local/templates/polymedia/assets/css/slick.css?16456745491776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/polymedia/assets/css/style.css?1783939738402478*/
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Thin.woff) format("woff");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Light.woff) format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-LightItalic.woff) format("woff");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-RegularItalic.woff) format("woff");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Medium.woff) format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Bold.woff) format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-BoldItalic.woff) format("woff");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: Roboto;
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.eot);
  src: url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.eot) format("embedded-opentype"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.woff2) format("woff2"), url(../../../../../../local/templates/polymedia/assets/fonts/Roboto-Black.woff) format("woff");
  font-style: normal;
  font-weight: 700;
}
.block2 p, .block2 li{
  font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.button {
  color: var(--color-link);
  font-size: 1rem;
  line-height: 100%;
  height: 3.25rem;
  background-color: var(--color-light);
  gap: 1.25rem;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  border: 1px solid var(--color-link);
  border-radius: 0.75rem;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 1560px) {
  .button {
    height: 3.75rem;
    border-radius: 1rem;
    padding: 1.25rem;
    font-size: 1.125rem;
    line-height: 100%;
  }
}
.button .button__symbol {
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  background-color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 1560px) {
  .button .button__symbol {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.625rem;
  }
}
.button .button__symbol.button__symbol_secondary {
  background-color: var(--color-light-secondary);
}
.button .button__ico {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-link);
  fill: none;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .button .button__ico {
    width: 2rem;
    height: 2rem;
  }
}
.button:hover {
  color: var(--color-bg-main);
  background-color: var(--color-link);
}
.button:hover .button__symbol {
  background: var(--color-link);
}
.button:hover .button__ico {
  color: var(--color-bg-main);
}
.button.button_secondary {
  padding: 0.625rem 0.625rem 0.625rem 1.25rem;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .button.button_secondary {
    justify-content: center;
  }
}
.button.button_tiny {
  padding: 0.625rem 0.625rem 0.625rem 1rem;
  gap: 0.625rem;
  height: 3.25rem;
  font-size: 1rem;
  line-height: 100%;
  border-radius: 0.625rem;
}
@media (min-width: 768px) {
  .button.button_tiny {
    height: 2.5rem;
    padding: 0.625rem;
  }
}
.button.button_tiny .button__symbol {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .button.button_tiny .button__symbol {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.button.button_tiny .button__ico {
  width: 1.5rem;
  height: 1.5rem;
}
.buttons {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .buttons {
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
/* stylelint-disable */
html {
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
b,
strong {
  font-weight: var(--f-bold);
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  position: relative;
}
img {
  border-style: none;
  max-width: 100%;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
button,
input {
  /* 1 */
  overflow: visible;
}
button,
select {
  /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
/* stylelint-enable */
:root {
  --color-bg-main: #fff;
  --color-dark: #000000;
  --color-text: #010101;
  --color-link: #0b4589;
  --color-highlight: #0b4589;
  --color-gray: #a0a0a0;
  --color-light: #f2f5f9;
  --color-light-secondary: #cedae7;
  --white: #fff;
  --black: #010101;
  --red: #e4003a;
  --border-radius: 10px;
  --fsize-main: 16px;
  --fsize-number: 40px;
  --f-thin: 200;
  --f-lighter: 300;
  --f-normal: 400;
  --f-bold: 500;
}
@media (min-width: 768px) {
  :root {
    --fsize-number: 60px;
  }
}
@media (min-width: 1024px) {
  :root {
    --fsize-number: 80px;
  }
}
@media (min-width: 1560px) {
  :root {
    --fsize-main: 18px;
    --fsize-number: 100px;
  }
}
@mixin transition() {
  transition: all 0.4s ease-in-out;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: "Roboto", sans-serif;
  font-size: var(--fsize-main);
  font-weight: var(--f-normal);
  line-height: normal;
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  position: relative;
  scroll-behavior: smooth;
  width: 100%;
}
body.modal-open {
  overflow: hidden;
}
section {
  box-sizing: border-box;
  width: 100%;
}
a {
  color: var(--color-link);
  cursor: pointer;
  text-decoration: none;
  transition-duration: 0.3s;
  outline: none;
}
a[href] {
  cursor: pointer;
}
a:not([class]):hover {
  text-decoration: underline;
}
a:focus:not(:active) {
  opacity: 0.8;
}
button:not([disabled]) {
  cursor: pointer;
  outline: none;
}
button:not([disabled]):focus:not(:active) {
  opacity: 0.8;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  font-weight: var(--f-normal);
  margin: 0;
}
h1,
h2,
.h1,
.h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
h3,
.h3 {
  font-size: 25px;
}
h4,
.h4 {
  font-size: 18px;
}
.no-overflow {
  overflow: hidden;
}
.wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  min-height: 100vh;
}
.main {
  flex-grow: 1;
}
.container {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: calc(100% - 32px);
}
.btn {
  background-color: transparent;
  border: 1px solid var(--color-highlight);
  border-radius: var(--border-radius);
  color: var(--color-highlight);
  display: block;
  margin: 0;
  padding: 15px;
  text-align: center;
  transition-duration: 0.4s;
  width: 100%;
}
.btn:hover {
  border-color: var(--color-light-secondary);
}
.btn--default:hover {
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
  color: var(--white);
}
.btn--default:hover .arrow {
  background-color: var(--color-highlight);
}
.btn--default:hover .arrow svg {
  stroke: var(--white);
}
.btn--big {
  --border-radius: 12px;
}
.btn--white {
  border-color: var(--white);
  color: var(--white);
}
.btn--white:hover {
  background-color: var(--white);
  color: var(--color-highlight);
}
.btn--white:hover .arrow {
  background-color: var(--white);
}
.btn--white:hover .arrow svg {
  stroke: var(--color-highlight);
}
.btn--tag {
  background-color: var(--white);
}
.btn--empty {
  border-color: transparent;
}
.btn--empty:hover {
  border-color: transparent;
  background-color: transparent;
}
.btn--arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 10px;
  text-align: left;
}
.btn--arrow span {
  margin-left: 5px;
}
.btn--download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 10px;
  text-align: left;
}
.btn--download span {
  margin-left: 5px;
}
.arrow {
  --border-radius: 6px;
  --size: 32px;
  background-color: var(--color-bg-main);
  border-radius: var(--border-radius);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: var(--size);
  transition-duration: 0.3s;
  outline: none;
  text-decoration: none;
  width: var(--size);
}
.arrow svg {
  --icon-size: calc(var(--size) - 5px);
  fill: none;
  stroke: var(--color-highlight);
  height: var(--icon-size);
  transition-duration: 0.3s;
  width: var(--icon-size);
}
.arrow--dark {
  background-color: var(--color-light-secondary);
}
.arrow--light {
  background-color: var(--color-light);
}
.arrow--translucent {
  background-color: rgba(255, 255, 255, 0.1);
}
.arrow--translucent svg {
  stroke: var(--white);
}
.no-list {
  list-style: none;
  padding: 0;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.desktop,
.tablet {
  display: none;
}
.mobile {
  display: initial;
}
.number {
  --size: 10px;
  color: var(--color-highlight);
  font-size: var(--fsize-number);
  line-height: 0.8;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.number svg {
  fill: currentColor;
  height: var(--size);
  width: var(--size);
}
.number sup {
  display: inline-block;
  font-weight: var(--f-lighter);
  font-size: 0.23em;
  line-height: 1;
  transform: translate(-7px, -31px);
  vertical-align: super;
}
.number .arrow {
  --size: 24px;
  border-radius: 6px;
  background-color: var(--color-light-secondary);
  position: absolute;
  right: 9px;
  top: -7px;
}
.number .arrow svg {
  fill: transparent;
  height: var(--icon-size);
  width: var(--icon-size);
}
.number__plus {
  display: inline-block;
  font-size: var(--size);
  line-height: 0;
  transform: translate(-3px, -13px);
  vertical-align: super;
}
.nowrap {
  white-space: nowrap;
}
.table {
  border: none;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.3;
}
.table tr {
  border-bottom: 1px solid var(--color-light-secondary);
}
.table th {
  font-size: 14px;
  font-weight: var(--f-lighter);
  text-align: left;
}
.table td,
.table th {
  vertical-align: top;
  padding: 15px 20px 13px 0;
}
.btn-with-icon {
  --size: 32px;
  background-color: var(--color-light);
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  margin-left: 8px;
  padding: 0;
  transition-duration: 0.3s;
  width: var(--size);
}
.btn-with-icon svg {
  --size-icon: calc(var(--size) - 8px);
  height: var(--size-icon);
  fill: transparent;
  stroke: var(--color-highlight);
  transition-duration: 0.3s;
  width: var(--size-icon);
}
.btn-with-icon:not(:disabled):hover {
  background-color: var(--color-highlight);
}
.btn-with-icon:not(:disabled):hover svg {
  stroke: var(--white);
}
.btn-with-icon:disabled svg {
  stroke: var(--color-light-secondary);
}
.btn-with-icon.fill svg {
  fill: var(--color-highlight);
  stroke: none;
}
.btn-with-icon.fill:disabled svg {
  fill: var(--color-light-secondary);
}
.btn-with-icon.fill:not(:disabled):hover svg {
  fill: var(--white);
  stroke: none;
}
.bage {
  border-radius: 4px;
  font-size: 11px;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.bage--red {
  background-color: var(--red);
  color: var(--white);
}
.tags {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.tags__item {
  background-color: var(--color-light);
  border: none;
  border-radius: 10px;
  color: var(--color-highlight);
  display: block;
  flex-shrink: 0;
  font-size: 13px;
  margin-right: 11px;
  padding: 9px 35px 9px 13px;
  position: relative;
  transition-duration: 0.2s;
  width: -moz-fit-content;
  width: fit-content;
}
.tags__item:hover svg {
  stroke: var(--color-highlight);
}
.tags__item--active {
  background-color: var(--color-highlight);
  color: var(--white);
}
.tags__item--active:hover svg {
  stroke: var(--white);
}
.tags__item-icon {
  --size: 31px;
  display: block;
  height: var(--size);
  width: var(--size);
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.tags__item-icon svg {
  height: inherit;
  fill: transparent;
  stroke: var(--color-light-secondary);
  width: inherit;
}
.title-note {
  display: none;
  font-size: 0.32em;
  font-weight: var(--f-lighter);
}
.link-list {
  font-weight: var(--f-normal);
}
.link-list a {
  color: var(--color-text);
  display: block;
  transition-duration: 0.3s;
}
.link-list a:hover {
  transform: translateX(15px);
  text-decoration: none;
}
.link-list li {
  margin: 0 0 10px;
}
.video {
  position: relative;
  width: 100%;
}
.video__btn {
  --size: 40px;
  background-color: var(--color-highlight);
  border-radius: 8px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  width: var(--size);
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.video__btn svg {
  --size-icon: 14px;
  height: var(--size-icon);
  fill: var(--white);
  transform: translateX(1px);
  width: var(--size-icon);
}
.video__container {
  aspect-ratio: 1.76344086;
  position: relative;
  width: 100%;
}
.video__container::before {
  background-color: #000;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.video__container--play::before {
  display: none;
}
.video__container img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.video__container iframe {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.dark-bg {
  background-color: var(--color-light);
  margin: 0 auto;
  padding: 40px 0;
}
.dark-bg__title {
  font-size: 22px;
  line-height: 1.5;
}
.flex {
  display: flex;
}
.flex--align-c {
  align-items: center;
}
.flex--align-e {
  align-items: flex-end;
}
.flex--align-s {
  align-items: stretch;
}
.flex--justify-c {
  justify-content: center;
}
.flex--justify-e {
  justify-content: flex-start;
}
.flex--justify-s {
  justify-content: space-between;
}
.flex--column {
  flex-direction: column;
}
.highlight {
  color: var(--color-highlight);
}
.top-with-btn .btn {
  display: none;
}
.slash-item {
  font-weight: var(--f-normal);
  padding: 0 0 0 13px;
  position: relative;
}
.slash-item::before {
  color: var(--color-highlight);
  content: "/ ";
  font-size: 15px;
  font-weight: var(--f-bold);
  position: absolute;
  top: 0;
  left: 2px;
}
.share {
  position: relative;
}

.arrow svg {
  --icon-size: calc(var(--size) - 6px);
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 50px;
    margin-bottom: 27px;
  }
  h2,
  .h2 {
    font-size: 40px;
    margin-bottom: 46px;
  }
  .btn {
    width: -moz-fit-content;
    width: fit-content;
  }
  .btn--arrow .arrow,
  .btn--download .arrow {
    margin-left: 19px;
  }
  .btn--arrow span,
  .btn--download span {
    margin-left: 10px;
  }
  .mobile {
    display: none;
  }
  .tablet {
    display: initial;
  }
  .container {
    width: calc(100% - 79px);
  }
  .number {
    --size: 20px;
  }
  .number sup {
    font-size: 0.235em;
    transform: translate(-6px, -30px);
  }
  .number__plus {
    transform: translate(-7px, -25px);
  }
  .arrow svg {
    --icon-size: var(--size);
  }
  .table {
    font-size: 16px;
  }
  .table th {
    font-size: inherit;
  }
  .table td,
  .table th {
    padding: 16px 21px 2px 0;
  }
  .btn-with-icon {
    --size: 40px;
  }
  .tags__item {
    font-size: 14px;
    line-height: normal;
    margin-right: 12px;
    padding: 12px 40px 12px 16px;
  }
  .tags__item-icon {
    --size: 16px;
    right: 10px;
  }
  .title-note {
    display: inline-block;
    transform: translate(4px, -7px);
  }
  .link-list {
    font-size: 16px;
  }
  .link-list li {
    margin-bottom: 6px;
  }
  .video__btn {
    --size: 50px;
    border-radius: 10px;
  }
  .video__btn svg {
    --size-icon: 20px;
  }
  .dark-bg {
    padding: 60px 0;
  }
  .dark-bg__title {
    font-size: 26px;
    line-height: 1.2;
  }
  .flex-tablet {
    display: flex;
  }
  .flex-tablet--align-c {
    align-items: center;
  }
  .flex-tablet--align-e {
    align-items: flex-end;
  }
  .flex-tablet--align-s {
    align-items: stretch;
  }
  .flex-tablet--justify-c {
    justify-content: center;
  }
  .flex-tablet--justify-e {
    justify-content: flex-start;
  }
  .flex-tablet--justify-s {
    justify-content: space-between;
  }
  .flex-tablet--column {
    flex-direction: column;
  }
  .slash-item {
    padding-left: 15px;
  }
  .slash-item::before {
    font-size: 20px;
    top: -3px;
  }
  
  .arrow svg {
    --icon-size: calc(var(--size) - 8px);
  }
}
@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 56px;
    margin-bottom: 54px;
  }
  h2,
  .h2 {
    font-size: 46px;
    margin-bottom: 46px;
  }
  h3,
  .h3 {
    font-size: 30px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  .mobile.tablet {
    display: none;
  }
  .desktop {
    display: initial;
  }
  .btn {
    font-size: 16px;
  }
  .btn--big {
    --border-radius: 12px;
  }
  .btn--arrow .arrow,
  .btn--download .arrow {
    margin-left: 14px;
  }
  .arrow {
    --border-radius: 8px;
    --size: 32px;
  }
  .container {
    max-width: 1200px;
    width: calc(100vw - 79px);
  }
  .number sup {
    font-size: 0.225em;
    transform: translate(-5px, -33px);
  }
  .number__plus {
    transform: translate(-7px, -39px);
  }
  .table {
    font-size: 18px;
  }
  .btn-with-icon {
    --size: 40px;
    margin-left: 19px;
  }
  .tags__item {
    padding: 11px 40px 12px 15px;
  }
  .bage {
    font-size: 16px;
    padding: 4px 9px;
  }
  .title-note {
    font-size: 0.29em;
    transform: translate(6px, -9px);
  }
  .link-list {
    font-size: 18px;
  }
  .link-list li {
    margin-bottom: 11px;
  }
  .video__btn {
    --size: 70px;
    border-radius: 15px;
  }
  .video__btn svg {
    --size-icon: 30px;
  }
  .dark-bg {
    max-width: 1320px;
    overflow: hidden;
    padding: 62px 0;
    width: 97%;
  }
  .dark-bg__title {
    font-size: 32px;
  }
  .flex-desk {
    display: flex;
  }
  .flex-desk--align-c {
    align-items: center;
  }
  .flex-desk--align-e {
    align-items: flex-end;
  }
  .flex-desk--align-s {
    align-items: stretch;
  }
  .flex-desk--justify-c {
    justify-content: center;
  }
  .flex-desk--justify-e {
    justify-content: flex-start;
  }
  .flex-desk--justify-s {
    justify-content: space-between;
  }
  .flex-desk--column {
    flex-direction: column;
  }
  .top-with-btn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .top-with-btn .btn {
    display: flex;
    flex-shrink: 0;
    margin: 2px 0 0;
    /*padding-left: 10px;*/
  }
  .bottom-btn {
    display: none;
  }
  .slash-item {
    padding-left: 13px;
  }
  .slash-item::before {
    left: 0;
    top: 0;
  }
  .flex-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .flex-wrap .flex-wrap__aside {
    flex-shrink: 0;
    margin: 0;
    width: 23.8%;
  }
  .flex-wrap .flex-wrap__main {
    margin: 0;
    width: 74.6%;
  }
}
@media (min-width: 1560px) {
  h1,
  .h1 {
    font-size: 60px;
    margin-bottom: 54px;
  }
  h2,
  .h2 {
    font-size: 52px;
    margin-bottom: 54px;
  }
  h3,
  .h3 {
    font-size: 32px;
  }
  h4,
  .h4 {
    font-size: 24px;
  }
  .btn {
    font-size: 18px;
  }
  .btn--big {
    --border-radius: 15px;
  }
  .btn--arrow .arrow,
  .btn--download .arrow {
    margin-left: 19px;
  }
  .container {
    max-width: 1600px;
    width: calc(100vw - 100px);
  }
  .arrow {
    --border-radius: 10px;
    --size: 40px;
  }
  .number sup {
    font-size: 0.18em;
    transform: translate(-4px, -41px);
  }
  .number .arrow {
    --size: 39px;
    border-radius: 10px;
    right: 16px;
    top: -19px;
  }
  .tags__item {
    font-size: 15px;
    padding: 12px 50px 12px 15px;
  }
  .tags__item-icon {
    --size: 32px;
    right: 7px;
  }
  .title-note {
    transform: translate(6px, -14px);
  }
  .link-list {
    font-size: 20px;
  }
  .link-list li {
    margin-bottom: 10px;
  }
  .video__btn {
    --size: 116px;
    border-radius: 20px;
  }
  .video__btn svg {
    --size-icon: 42px;
    transform: translateX(4px);
  }
  .dark-bg {
    max-width: 1760px;
    min-width: 0;
    padding: 80px 0;
    width: 97%;
  }
  .dark-bg__title {
    font-size: 42px;
  }
  .flex-desk {
    display: flex;
  }
  .flex-desk--align-c {
    align-items: center;
  }
  .flex-desk--align-e {
    align-items: flex-end;
  }
  .flex-desk--align-s {
    align-items: stretch;
  }
  .flex-desk--justify-c {
    justify-content: center;
  }
  .flex-desk--justify-e {
    justify-content: flex-start;
  }
  .flex-desk--justify-s {
    justify-content: space-between;
  }
  .flex-desk--column {
    flex-direction: column;
  }
}
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
.slider-navigation-cards {
  width: 100%;
  display: flex;
}
s .slider-navigation-cards-btn {
  min-width: 10rem;
}
.slider-navigation-cards .slider-btn-prev,
.slider-navigation-cards .slider-btn-next {
  outline: none;
  height: 39px;
  display: inline-block;
}
.slider-navigation-cards .slider-btn-prev.swiper-button-disabled .app-icon,
.slider-navigation-cards .slider-btn-next.swiper-button-disabled .app-icon {
  opacity: 0.5;
}
.slider-navigation-cards .slider-btn-prev .app-icon,
.slider-navigation-cards .slider-btn-next .app-icon {
  width: 25px;
  height: 39px;
}
.slider-navigation-cards .slider-btn-prev {
  z-index: 99;
  transform: rotate(180deg);
  padding-left: 4rem;
}
.slider-navigation-cards .slider-btn-next {
  z-index: 99;
  padding-right: 4rem;
}
.header {
  --top-padding: 16px 0;
}
.header__logo {
  display: block;
  flex-shrink: 0;
  height: 32px;
  width: 74px;
}
.header__logo svg {
  height: inherit;
  width: inherit;
}
.header__logo .logo-text {
  fill: var(--color-text);
}
.header__top {
  background-color: var(--color-bg-main);
  border-bottom: 1px solid var(--color-light-secondary);
  position: relative;
  padding: var(--top-padding);
  z-index: 100;
}
.header__top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__top--open .header__personal,
.header__top--open .header__link,
.header__top--open .header__phone,
.header__top--open .header__discuss {
  transition-duration: 0s;
  visibility: hidden;
}
.header__top--open .header__burger::before,
.header__top--open .header__burger::after {
  border-radius: 4px;
  top: 50%;
}
.header__top--open .header__burger::before {
  transform: translate(-50%) rotate(45deg);
}
.header__top--open .header__burger::after {
  transform: translate(-50%) rotate(-45deg);
}
.header__top--open .header__burger span {
  opacity: 0;
}
.header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
a.header__basket {
  position: relative;
}
a.header__basket svg {
  fill: transparent !important;
  stroke: var(--color-highlight);
}
a.header__basket:hover svg {
  stroke: var(--white);
}
a.header__basket span {
  --size: 16px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-highlight);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  font-size: 12px;
  overflow: hidden;
  position: absolute;
  right: -8px;
  top: -8px;
  width: var(--size);
}
.header__personal {
  border-right: 1px solid var(--color-light-secondary);
  padding-right: 16px;
}
.header__drop {
  background-color: var(--color-bg-main);
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  height: 100dvh;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  transition-duration: 0.2s;
  width: 100%;
  visibility: hidden;
  z-index: 50;
}
.header__drop--open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.header__drop-top {
  border-bottom: 1px solid var(--color-light-secondary);
  flex-shrink: 0;
  padding: var(--top-padding);
  opacity: 0;
  visibility: hidden;
}
.header__drop-top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__burger {
  --size: 24px;
  background-color: transparent;
  border: none;
  display: block;
  height: var(--size);
  flex-shrink: 0;
  margin-left: 17px;
  padding: 0;
  position: relative;
  width: var(--size);
}
.header__burger::before,
.header__burger::after,
.header__burger span {
  background-color: var(--color-highlight);
  content: "";
  position: absolute;
  left: 50%;
  height: 2px;
  transform: translateX(-50%);
  transition-duration: 0.2s;
  width: 100%;
}
.header__burger::before {
  top: 3px;
}
.header__burger::after {
  bottom: 3px;
}
.header__burger span {
  top: calc(50% - 1px);
}
.header__drop-bottom {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.header__drop-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 35px 0;
  overflow-y: scroll;
  scrollbar-color: transparent;
  scrollbar-width: none;
}
.header__drop-wrap::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.header__drop-nav {
  font-size: 18px;
  margin: 0 0 40px;
}
.header__drop-nav a {
  color: var(--color-text);
  display: block;
  padding: 5px 0;
}
.header__drop-nav a:hover {
  color: var(--color-highlight);
  text-decoration: none;
}
.header__drop-nav ul {
  margin: 0 0 10px;
}
.header__drop-nav li {
  margin: 0;
}
.header__contacts {
  margin-bottom: 39px;
}
.header__contacts a {
  color: var(--color-text);
  display: block;
}
.header__contacts a:not([class]) {
  text-decoration: underline;
}
.header__phone {
  font-size: 22px;
  margin-bottom: 10px;
}
.header__phone:hover {
  color: var(--color-highlight);
}
.header__btns {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}
.header__btns .header__link {
  background-color: var(--color-light);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 10px 16px;
}
.header__btns .header__discuss {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .header {
    --top-padding: 24px 0;
  }
  .header__logo {
    height: 42px;
    width: 92px;
  }
  .header__discuss.btn {
    font-size: 14px;
    margin-left: 4.2vw;
    padding: 11px 15px;
  }
  .header__burger {
    margin-left: 4.4vw;
  }
  .header__personal {
    border: none;
    margin-left: 2vw;
    padding: 0;
  }
  .header__phone {
    color: var(--color-text);
    font-size: 20px;
    margin: 0;
    white-space: nowrap;
  }
  .header__link {
    display: block;
    margin-left: 4.2vw;
  }
  .header__link:hover {
    color: var(--color-text);
    text-decoration: none;
  }
  .header__bottom {
    border-bottom: 1px solid var(--color-light-secondary);
    display: block;
    padding: 23px 0;
  }
  .header__nav {
    font-size: 14px;
  }
  .header__nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
  }
  .header__nav a {
    color: var(--color-text);
  }
  .header__nav a:hover {
    color: var(--color-highlight);
    text-decoration: none;
  }
  .header__drop-bottom .header__phone {
    margin: 0;
  }
  .header__drop-bottom .header__discuss.btn {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .header__navigation.desktop{
    display: none;
  }
}
@media (min-width: 1240px) {
  .header {
    --top-padding: 24px 0;
  }
  .header .desktop {
    display: block;
  }
  .header__top--open .header__personal,
  .header__top--open .header__link,
  .header__top--open .header__phone,
  .header__top--open .header__discuss {
    visibility: visible;
  }
  .header__logo {
    height: 40px;
    width: 91px;
  }
  .header__discuss.btn {
    font-size: 15px;
    margin-left: 20px;
    padding: 11px 14px;
  }
  .header__personal {
    margin-left: 15px;
  }
  .header__link {
    margin-left: 20px;
  }
  .header__navigation {
    display: block;
    font-size: 14px;
    font-weight: var(--f-lighter);
  }
  .header__navigation ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
  }
  .header__navigation a {
    color: var(--color-text);
  }
  .header__navigation a:hover {
    color: var(--color-highlight);
    text-decoration: none;
  }
  .header__navigation li {
    margin-left: 20px;
  }
  .header__navigation li:first-child {
    margin-left: 0;
  }
  .header__phone {
    margin-left: 25px;
  }
  a.header__basket span {
    --size: 22px;
    font-size: 16px;
  }
  .header__drop,
  .header__burger {
    display: none;
  }
  .header__nav {
    font-size: 16px;
  }
  .header__bottom {
    padding: 22px 0;
  }
  .header__phone {
    margin-left: 45px;
  }
  .header__discuss.btn {
    margin-left: 46px;
  }
  .header__personal {
    margin-left: 26px;
  }
  .header__link {
    margin-left: 45px;
  }
  .header__navigation li {
    margin-left: 41px;
  }
}
@media (min-width: 1560px) {
  .header {
    --top-padding: 24px 0;
  }
  .header__logo {
    height: 50px;
    width: 115px;
  }
  .header__navigation {
    font-size: 16px;
  }
  .header__navigation li {
    margin-left: 61px;
  }
  .header__phone {
    margin-left: 44px;
  }
  .header__personal {
    margin-left: 23px;
  }
  .header__discuss.btn {
    margin-left: 46px;
    padding: 11px 13px;
  }
  .header__bottom {
    padding: 29px 0;
  }
  .header__nav {
    font-size: 20px;
  }
}
.header__nav .nav__preview {
  position: relative;
  cursor: pointer;
}
.header__menu {
  padding: 1rem 0;
  opacity: 0;
  display: none;
  transition: opacity 0.5s ease;
}
@media (min-width: 768px) {
  .header__menu {
    width: 40rem;
    background-color: var(--white);
    padding: 3rem 2rem;
    border-radius: 1.25rem;
    box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    position: absolute;
    top: calc(100% + 4rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
}
@media (min-width: 1024px) {
  .header__menu {
    width: 46.25rem;
  }
}
.header__menu.active {
  display: block;
  opacity: 1;
}
.header__menu:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  height: 1.5rem;
  background: white;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.header__menu .menu__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (min-width: 768px) {
  .header__menu .menu__list {
    gap: 3rem;
  }
}
.header__menu .menu__item {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.header__menu .menu__title {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .header__menu .menu__title {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.header__menu .nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .header__menu .nav__list {
    gap: 0.625rem;
  }
}
.header__menu .nav__list.nav__list_secondary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.header__menu .nav__item .nav__link {
  font-size: 0.875rem;
  line-height: 120%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .header__menu .nav__item .nav__link {
    font-size: 1rem;
  }
}
.personal-menu ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  margin: 0;
}
.personal-menu__item {
  --size: 32px;
  height: var(--size);
  margin-left: 8px;
  width: var(--size);
}
.personal-menu__item a {
  background-color: var(--color-light);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition-duration: 0.4s;
  width: 100%;
}
.personal-menu__item a:hover {
  background-color: var(--color-highlight);
}
.personal-menu__item a:hover svg {
  fill: var(--white);
}
.personal-menu__item svg {
  --size-icon: calc(var(--size) - 8px);
  fill: var(--color-highlight);
  height: var(--size-icon);
  transition-duration: 0.4s;
  width: var(--size-icon);
}
@media (min-width: 768px) {
  .personal-menu__item {
    --size: 40px;
    margin-left: 2.1vw;
  }
  .personal-menu__item a {
    border-radius: var(--border-radius);
  }
}
@media (min-width: 1024px) {
  .personal-menu__item {
    margin-left: 10px;
  }
}
@media (min-width: 1170px) {
  .personal-menu__item {
    margin-left: 20px;
  }
}
.breabcrumbs {
  font-size: 12px;
  font-weight: var(--f-lighter);
  overflow-x: scroll;
  padding: 22px 0 24px;
  scrollbar-color: transparent;
  scrollbar-width: none;
}
.breabcrumbs::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.breabcrumbs a {
  color: var(--color-text);
}
.breabcrumbs a::before {
  color: var(--color-light-secondary);
  content: '/ ';
  display: inline-block;
  font-weight: var(--f-bold);
  padding: 0 10px 0 0;
}
.breabcrumbs__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.breabcrumbs__list li {
  display: block;
  flex-shrink: 0;
  margin: 0 10px 0 0;
}
.breabcrumbs__list li:first-child a::before {
  display: none;
}
.breabcrumbs__list li:last-child {
  padding-right: 10px;
}
@media (min-width: 768px) {
  .breabcrumbs {
    font-size: 14px;
    padding: 27px 0 22px;
  }
}
@media (min-width: 1024px) {
  .breabcrumbs {
    font-size: 14px;
    padding: 35px 0 36px;
  }
}
@media (min-width: 1560px) {
  .breabcrumbs {
    font-size: 16px;
    padding: 40px 0 37px;
  }
}
.footer {
  border-top: 1px solid var(--color-light-secondary);
  padding: 39px 0 0;
  width: 100%;
}
.footer__mobile {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer__logo {
  display: block;
  height: 32px;
  width: 75px;
}
.footer__logo svg {
  height: inherit;
  width: inherit;
}
.footer__logo .logo-text {
  fill: var(--color-text);
}
.footer__social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  width: 49%;
}
.footer__social li {
  margin: 0 4px 0 16px;
}
.footer__social li:first-child {
  margin-left: 0;
}
.footer__social a {
  --size: 24px;
  display: block;
  height: var(--size);
  width: var(--size);
}
.footer__social a:hover svg {
  fill: var(--color-highlight);
}
.footer__social svg {
  height: inherit;
  fill: var(--color-light-secondary);
  transition-duration: 0.3s;
  width: inherit;
}
.footer__contact {
  line-height: 21px;
  margin: 41px 0 0;
  width: 49%;
}
.footer__contact a {
  display: block;
  color: var(--color-text);
}
.footer__contact p {
  color: var(--color-gray);
  font-size: 12px;
  margin: 0;
}
.footer__phone {
  font-size: 22px;
  white-space: nowrap;
}
.footer__email {
  text-decoration: underline;
}
.footer__btn {
  margin: 17px 0 0;
  width: 100%;
}
.footer__nav {
  margin: 40px 0 0;
  width: 100%;
}
.footer__nav ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.footer__nav li {
  margin: 0 0 11px;
  width: 49%;
}
.footer__nav a {
  color: var(--color-text);
}
.footer__nav a:hover {
  color: var(--color-highlight);
  text-decoration: none;
}
.footer__bottom {
  border-top: 1px solid var(--color-light-secondary);
  font-size: 10px;
  line-height: 1.2;
  margin: 30px 0 0;
  padding: 20px 0 20px;
}
.footer__bottom .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer__bottom .container > * {
  color: var(--color-gray);
  display: block;
  margin: 0 0 10px;
  width: 49%;
}
.footer__contacts a:hover {
  color: var(--color-highlight);
  text-decoration: none;
}
.footer__btn.btn {
  border-radius: 12px;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 48px;
  }
  .footer__logo {
    height: 40px;
    width: 92px;
  }
  .footer__top,
  .footer__middle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer__col {
    width: 24%;
  }
  .footer__address {
    line-height: 1.25;
    margin: 0;
  }
  .footer__contact {
    margin: 0;
  }
  .footer__phone {
    font-size: 24px;
  }
  .footer__btn.btn {
    border-radius: 10px;
    font-size: 14px;
    margin: 0;
    padding: 11px 15px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .footer__middle {
    margin: 49px 0 0;
  }
  .footer__nav {
    font-weight: var(--f-lighter);
    margin: 0;
  }
  .footer__nav li {
    margin: 0 0 12px;
    width: 100%;
  }
  .footer__title {
    display: block;
    font-size: 20px;
    font-weight: var(--f-normal);
    margin: 0 0 21px;
  }
  .footer__contacts {
    color: var(--color-gray);
    font-size: 12px;
    margin: 0;
  }
  .footer__contacts li {
    margin: 0 0 24px;
  }
  .footer__contacts a {
    display: block;
    color: var(--color-text);
    font-size: 20px;
    margin: 0 0 3px;
  }
  .footer__contacts p {
    margin: 0;
  }
  .footer__social {
    justify-content: flex-start;
    width: 100%;
  }
  .footer__social li {
    margin: 0 16px 0 0;
  }
  .footer__social li:last-child {
    margin-right: 0;
  }
  .footer__bottom {
    font-size: 12px;
    margin-top: 37px;
    padding: 25px 0;
  }
  .footer__bottom .container > * {
    margin: 0;
    width: 24%;
  }
  .footer__bottom br {
    display: none;
  }
}
@media (min-width: 1024px) {
  .footer {
    padding-top: 47px;
  }
  .footer__logo {
    height: 40px;
    width: 92px;
  }
  .footer__phone {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 3px;
  }
  .footer__contact {
    line-height: normal;
  }
  .footer__contact p {
    font-size: 14px;
    margin-top: -6px;
  }
  .footer__title {
    margin-bottom: 22px;
  }
  .footer__nav li {
    margin-bottom: 12px;
  }
  .footer__contacts {
    font-size: 14px;
  }
  .footer__contacts li {
    margin-bottom: 21px;
  }
  .footer__bottom {
    font-size: 12px;
    margin-top: 36px;
    padding: 26px 0;
  }
  .footer__btn.btn {
    border-radius: 10px;
    font-size: 14px;
    padding: 11px 15px;
  }
  .footer__col {
    width: 23.7%;
  }
}
@media (min-width: 1560px) {
  .footer {
    padding-top: 80px;
  }
  .footer__top {
    align-items: flex-end;
  }
  .footer__logo {
    height: 60px;
    width: 137px;
  }
  .footer__contact {
    line-height: normal;
  }
  .footer__contact p {
    font-size: 14px;
    margin-top: -6px;
  }
  .footer__phone {
    font-size: 32px;
    margin-bottom: 6px;
  }
  .footer__address {
    line-height: 1.5;
    font-size: 20px;
    transform: translateY(8px);
  }
  .footer__middle {
    margin-top: 59px;
  }
  .footer__title {
    margin-bottom: 25px;
  }
  .footer__nav li {
    margin-bottom: 10px;
  }
  .footer__contacts {
    font-size: 14px;
  }
  .footer__contacts li {
    margin-bottom: 31px;
  }
  .footer__bottom {
    font-size: 14px;
    margin-top: 61px;
    padding: 32px 0;
  }
  .footer__btn.btn {
    border-radius: 15px;
    font-size: 18px;
    padding: 18px 20px;
  }
  .footer__col {
    width: 23.6%;
  }
}
.info + .coop {
  margin-top: 0;
}
.info + .coop .coop__wrap {
  padding-top: 8px;
}
.info__wrap {
  background-color: var(--color-light);
  margin: 0 auto;
  max-width: 1760px;
  padding: 81px 0 41px;
  width: 100%;
}
.info__text {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 0;
}
.info__top {
  margin: 0 0 60px;
}
.info__head {
  font-size: 22px;
  line-height: normal;
  margin: 0 0 10px;
}
/*.btn.info__more {
  --border-radius: 12px;
  margin-top: 40px;
  padding: 9px 10px;
}*/
.info__numbers {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.info__number {
  font-size: 12px;
  margin: 0 0 38px;
  width: 49%;
}
.info__number p {
  -webkit-hyphens: auto;
          hyphens: auto;
  margin: 0;
}
.info__number-wrap {
  border-top: 1px solid var(--color-light-secondary);
  padding: 27px 0 0;
  width: 100%;
}
.number.info__num {
  margin: 0 0 6px;
}
.info__number-text {
  line-height: 1.2;
}
.info__plus {
  display: inline-block;
  font-size: 10px;
  line-height: 0;
  transform: translate(-3px, -13px);
  vertical-align: super;
}
.info__list {
  margin: 81px 0 0;
}
.info__features {
  line-height: 1.3;
  margin: 20px 0 0;
}
.info__features li {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  position: relative;
}
.info__features li:last-child {
  margin-bottom: 0;
}
.info__features li::before {
  background-color: var(--color-light-secondary);
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  height: 23px;
  width: 1px;
  transform: skewX(-21deg);
}
@media (max-width: 767px) {
  .info__text{
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .info__wrap {
    padding: 100px 0 67px;
  }
  .info__text {
    line-height: 1.5;
    order: 1;
    width: 49%;
  }
  .info__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .info__head {
    font-size: 26px;
    margin-bottom: 25px;
    width: 100%;
  }
  .info__numbers {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: 1fr 1fr;
  }
  .info__number {
    grid-column-start: var(--number);
    font-size: 14px;
    margin: 0 auto;
    width: 93.5%;
  }
  .info__number:nth-child(even) {
    grid-row-start: 2;
    width: 95%;
  }
  .info__number:first-child {
    margin-left: 0;
  }
  .info__number:last-child {
    margin-right: 0;
  }
  .info__number-wrap {
    margin-bottom: 34px;
    padding: 47px 0 0;
  }
  .number.info__num {
    margin-bottom: 10px;
  }
  .info__plus {
    font-size: 20px;
    transform: translate(-7px, -25px);
  }
  .info__number-text {
    line-height: normal;
  }
  .info__features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .info__features li {
    margin: 0;
    padding: 10px 10px 10px 20px;
  }
  .info__features li::before {
    top: 8px;
    left: 6px;
    height: 30px;
  }
}
@media (min-width: 1024px) {
  .info__wrap {
    max-width: 1320px;
    overflow: hidden;
    padding: 62px 0 29px;
    width: 97%;
  }
  .info__top {
    margin-bottom: 51px;
  }
  .info__head {
    font-size: 32px;
    margin-bottom: 29px;
  }
  .info__text {
    width: 49%;
  }
  .info__number {
    font-size: 18px;
  }
  .info__number-wrap {
    margin-bottom: 33px;
    padding-top: 58px;
  }
  .info__plus {
    transform: translate(-3px, -28px);
  }
  .number.info__num {
    margin-bottom: 11px;
  }
  /*.btn.info__more span:not([class]) {
    margin-left: 6px;
  }*/
  .btn.info__more .arrow {
    margin-left: 16px;
  }
  .info__number-text {
    line-height: 1.4;
  }
  .info__features {
    gap: 15px;
    font-size: 20px;
    line-height: 1.4;
  }
  .info__features li {
    padding: 15px 15px 15px 30px;
  }
  .info__features li::before {
    top: 15px;
    left: 8px;
    height: 47px;
  }
}
@media (min-width: 1560px) {
  .info {
    margin-bottom: 160px;
  }
  .info__wrap {
    max-width: 1760px;
    min-width: 0;
    padding: 79px 0 49px;
    width: 97%;
  }
  .info__top {
    margin-bottom: 79px;
  }
  .info__head {
    font-size: 42px;
    margin-bottom: 42px;
  }
  .info__number {
    font-size: 20px;
    width: 90.5%;
  }
  .info__number-wrap {
    margin-bottom: 28px;
    padding-top: 80px;
  }
  .info__plus {
    transform: translate(-7px, -39px);
  }
  .number.info__num {
    margin-bottom: 22px;
  }
  .info__text {
    width: 48.9%;
  }
  /*.btn.info__more span:not([class]) {
    margin-left: 8px;
  }*/
  .btn.info__more .arrow {
    margin-left: 20px;
  }
  .info__features {
    align-items: center;
    gap: 27px;
  }
  .info__features li {
    padding: 18px 15px 15px 57px;
  }
  .info__features li::before {
    top: 20px;
    left: 12px;
    height: 56px;
  }
}
.promo {
  color: var(--white);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .promo {
    gap: 2rem;
  }
}
.promo p {
  font-weight: var(--f-lighter);
}
.promo .h2 {
  font-weight: var(--f-normal);
}
.promo h2 {
  margin-bottom: 22px;
}
.promo--tech .promo__wrap {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/tech-bg-m-min.jpg);
}
.promo--job .promo__wrap {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/job-m.jpg);
}
.promo__wrap {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/work-mob.jpg);
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  max-width: 1760px;
  padding: 81px 0 79px;
  width: 100%;
}
.promo__wrap.promo__wrap_secondary {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/banner__img01-mobile.jpg);
}
@media (min-width: 768px) {
  .promo__wrap.promo__wrap_secondary {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/banner__img01-tablet.jpg);
  }
}
@media (min-width: 1024px) {
  .promo__wrap.promo__wrap_secondary {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/banner__img01.webp);
  }
}
.promo__wrap.promo__wrap_tertiary {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img04.jpg);
}
@media (min-width: 768px) {
  .promo__wrap.promo__wrap_tertiary {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img03.jpg);
  }
}
@media (min-width: 1024px) {
  .promo__wrap.promo__wrap_tertiary {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img02.jpg);
  }
}
@media (min-width: 1560px) {
  .promo__wrap.promo__wrap_tertiary {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img01.jpg);
  }
}
.promo__wrap.promo__wrap_quarty {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img08.jpg);
}
@media (min-width: 768px) {
  .promo__wrap.promo__wrap_quarty {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img07.jpg);
  }
}
@media (min-width: 1024px) {
  .promo__wrap.promo__wrap_quarty {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img06.jpg);
  }
}
@media (min-width: 1560px) {
  .promo__wrap.promo__wrap_quarty {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/scheme/banner/banner__img05.jpg);
  }
}
.promo__text {
  line-height: 1.3;
  margin: 0 0 39px;
}
@media (min-width: 768px) {
  .promo h2 {
    margin-bottom: 46px;
  }
  .promo--tech .promo__wrap {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/tech-bg-min.jpg);
  }
  .promo--job .promo__wrap {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/job-d.jpg);
  }
  .promo__wrap {
    background-image: url(../../../../../../local/templates/polymedia/assets/img/work-desc.jpg);
    padding: 97px 0;
  }
  .promo__text {
    margin: -22px 0 52px;
  }
}
@media (min-width: 1024px) {
  .promo {
    margin: 119px 0 118px;
  }
  .promo--tech .promo__text {
    width: 40%;
  }
  .promo h2 {
    margin-bottom: 46px;
  }
  .promo__wrap {
    max-width: 1320px;
    overflow: hidden;
    padding: 58px 0 60px;
    width: 97%;
  }
  .promo__text {
    font-size: 18px;
    margin: -17px 0 46px;
  }
}
@media (min-width: 1560px) {
  .promo {
    margin: 160px 0;
  }
  .promo h2 {
    margin-bottom: 54px;
  }
  .promo__wrap {
    max-width: 1760px;
    min-width: 0;
    width: 97%;
    padding: 77px 0 80px;
  }
  .promo__text {
    margin: -14px 0 62px;
  }
}
.promo__modal .group__title {
  font-size: 1.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .promo__modal .group__title {
    font-size: 2.875rem;
    line-height: 100%;
  }
}
@media (min-width: 1024px) {
  .promo__modal .group__title {
    font-size: 3.25rem;
  }
}
.promo__modal .group__subtitle {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .promo__modal .group__subtitle {
    font-size: 1.125rem;
  }
}
.promo__modal .modal__logo {
  width: 7.5rem;
  height: 3rem;
  display: flex;
  align-items: flex-start;
}
.promo__modal .modal__logo img,
.promo__modal .modal__logo svg {
  width: 100%;
  height: 100%;
}
.promo__modal .formular__group {
  padding: 0 !important;
}
.coop h2 {
  margin-bottom: 21px;
}
.coop--catalog h2 {
  font-size: 22px;
  margin-bottom: 10px;
}
.coop--catalog .coop__text {
  margin-top: 11px;
}
.coop--integration h2 {
  margin-bottom: 10px;
}
.coop--integration .coop__text {
  margin-bottom: 20px;
  margin-top: 11px;
}
.coop--integration .coop__form {
  margin-top: 15px;
}
.coop--integration .form__item {
  margin-bottom: 11px;
}
.coop--integration .form__btn.btn {
  margin-top: 20px;
}
.coop--contacts h2 {
  margin-bottom: 11px;
}
.coop--contacts .coop__text {
  margin: 0;
}
.coop--contacts .coop__form {
  margin-top: 21px;
}
.coop__wrap {
  background-color: var(--color-light);
  margin: 0 auto;
  max-width: 1760px;
  padding: 80px 0;
  width: 100%;
}
.coop__text {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 20px 0 40px;
}
.coop__numbers {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 9px;
  margin: 0;
}
.coop__numbers li {
  border-left: 1px solid var(--color-light-secondary);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex: 1 1 0;
  padding: 0 0 10px 9px;
}
.coop__numbers .number {
  margin: 7px 0 0px;
}
.coop__right {
  margin: 60px 0 0;
}
.coop__number-note {
  font-size: 12px;
  margin: 7px 0 0;
}
.coop__form {
  margin: 80px 0 0;
}
@media (min-width: 768px) {
  .coop h2 {
    margin-bottom: 20px;
  }
  .coop--catalog h2 {
    font-size: 40px;
    margin-bottom: 19px;
  }
  .coop--catalog .coop__text {
    margin-bottom: 52px;
    margin-top: 0;
  }
  .coop--integration .coop__form {
    margin-top: 25px;
  }
  .coop--integration .form__flex {
    flex-wrap: wrap;
  }
  .coop--integration .form__flex .form__item {
    flex-grow: 0;
    margin: 0 0 15px;
  }
  .coop--integration .form__flex .form__item--wide {
    flex-grow: 1;
    margin-right: 2%;
  }
  .coop--integration .form__item {
    width: 32%;
  }
  .coop--integration .form__btn.btn {
    margin-top: 0;
  }
  .coop--integration .form__note {
    margin-top: 0;
  }
  .coop--contacts .form__flex {
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .coop--contacts .form__flex .form__item {
    flex-grow: 0;
    /*margin: 0 0 15px;*/
    margin: 0;
  }
  .coop--contacts .form__flex .form__item--wide {
    flex-grow: 1;
    margin-right: 2%;
  }
  .coop__container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .coop__wrap {
    overflow: hidden;
    padding: 97px 0 100px;
  }
  .coop__left {
    width: 48%;
  }
  .coop__right {
    margin: 0;
    width: 51%;
  }
  .coop__text {
    line-height: 1.5;
    margin: 0 0 51px;
  }
  .coop__numbers {
    gap: 0;
    height: 100%;
  }
  .coop__numbers li {
    padding: 0 0 0 15px;
  }
  .coop__numbers .number {
    margin: 0.3em 0 0;
  }
  .coop__number-note {
    font-size: 14px;
    margin-top: 10px;
  }
  .coop__form {
    margin-top: 99px;
  }
}
@media (min-width: 1024px) {
  .coop {
    margin: 100px 0 120px;
  }
  .coop h2 {
    margin-bottom: 26px;
  }
  .coop--catalog h2 {
    font-size: 46px;
    margin-bottom: 25px;
  }
  .coop--catalog .coop__wrap {
    padding: 57px 0 60px;
  }
  .coop--catalog .coop__right {
    width: 50.8%;
  }
  .coop--catalog .coop__left {
    width: 45%;
  }
  .coop--catalog .coop__left .btn .arrow {
    margin-left: 21px;
  }
  .coop--catalog .coop__text {
    margin-bottom: 74px;
  }
  .coop--integration .coop__form {
    margin-top: 29px;
  }
  .coop__wrap {
    max-width: 1320px;
    overflow: hidden;
    padding: 56px 0 61px;
    width: 97%;
  }
  .coop__left {
    width: 40%;
  }
  .coop__text {
    margin-bottom: 45px;
  }
  .coop__numbers li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    margin-right: 34px;
    padding: 18px 0 9px 20px;
  }
  .coop__numbers li:last-child {
    margin-right: 0;
  }
  .coop__numbers .number {
    margin: 0 0 11px;
  }
  .coop__number-note {
    font-size: 20px;
  }
  .coop__right {
    width: 50.4%;
  }
  .coop__form {
    margin-top: 60px;
  }
}
@media (min-width: 1560px) {
  .coop {
    margin: 155px 0 162px;
  }
  .coop h2 {
    margin-bottom: 36px;
  }
  .coop--catalog h2 {
    font-size: 52px;
    margin-bottom: 38px;
  }
  .coop--catalog .coop__wrap {
    padding: 75px 0 81px;
  }
  .coop--catalog .coop__text {
    margin-bottom: 59px;
  }
  .coop--catalog .coop__right {
    width: 51%;
  }
  .coop--catalog .coop__numbers li {
    padding-left: 30px;
  }
  .coop--integration .coop__form {
    margin-top: 43px;
  }
  .coop--integration .form__flex .form__item {
    margin-bottom: 30px;
  }
  .coop--integration .form__note {
    margin-top: -7px;
  }
  .coop--integration .coop__wrap {
    padding-bottom: 80px;
    padding-top: 75px;
  }
  .coop--contacts h2 {
    margin-bottom: 34px;
  }
  .coop--contacts .coop__form {
    margin-top: 41px;
  }
  .coop--contacts .form__flex .form__item {
    width: calc(33.33% - 21px);
  }
  .coop--contacts .form__note {
    margin-top: -8px;
  }
  .coop--contacts .coop__wrap {
    padding-bottom: 81px;
  }
  .coop__wrap {
    max-width: 1760px;
    width: 97%;
    padding: 73px 0 90px;
  }
  .coop__left .btn {
    padding: 9px 11px 9px 9px;
  }
  .coop__text {
    margin-bottom: 58px;
  }
  .coop__right {
    width: 50.9%;
  }
  .coop__numbers li {
    margin-right: 0;
    padding: 18px 0 15px 28px;
  }
  .coop__numbers .number {
    margin: 0 0 13px;
  }
  .coop__form {
    margin-top: 79px;
  }
}
.form__title {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 0 4px;
}
.form__item {
  background-color: var(--white);
  border: 1px solid var(--color-light-secondary);
  border-radius: 12px;
  margin: 0 0 10px;
  padding: 15px 9px 14px;
  position: relative;
}
.form__item--active .form__label {
  font-size: 10px;
  left: 10px;
  top: 2px;
}
.form__input {
  background-color: transparent;
  border: none;
  position: relative;
  width: 100%;
  z-index: 10;
}
.form__input:required + .form__label::after {
  content: "*";
}
.form__input:focus {
  outline: none;
}
.form__input:-internal-autofill-selected,
.form__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form__input.form__input_textarea {
  resize: none;
  height: 10rem;
}
.form__footer {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .form__footer {
    gap: 2rem;
  }
}
.form__label {
  color: var(--color-gray);
  font-weight: var(--f-lighter);
  left: 9px;
  line-height: normal;
  position: absolute;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  transition-duration: 0.2s;
  top: 16px;
}
.form__btn.btn {
  margin: 20px 0 0;
  padding: 16px 15px;
}
.form__note {
  color: var(--color-gray);
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
  margin: 21px 0 0;
}
.form__note a {
  color: inherit;
  text-decoration: underline;
}
.form__group {
  border: none;
  padding: 0;
}
.form__check {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}
.form__check-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.form__check-input--check + .form__check-label::before {
  border-radius: 4px;
}
.form__check-input--check:checked + .form__check-label::before {
  background-color: var(--color-highlight);
  background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-check.svg);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.form__check-input--radio + .form__check-label::before {
  border-radius: 50%;
}
.form__check-input--radio:checked + .form__check-label::before {
  background-image: radial-gradient(var(--color-highlight) 50%, transparent 50%);
}
.form__check-label {
  font-size: 16px;
  padding-left: 32px;
}
.form__check-label.form__check-label_secondary {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .form__check-label.form__check-label_secondary {
    font-size: 1rem;
  }
}
.form__check-label::before {
  --size: 16px;
  border: 1px solid var(--color-highlight);
  content: "";
  left: 0;
  height: var(--size);
  position: absolute;
  top: 1px;
  width: var(--size);
}

.coop--contacts .form__note {
  
  margin-top: 20px;
}
@media (min-width: 768px) {
  .form__title {
    font-size: 26px;
    margin-bottom: 25px;
  }
  .form__note {
    font-size: 14px;
  }
  .form__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .form__item {
    margin-bottom: 15px;
    width: calc(33.33% - 10px);
  }
  .form__item--wide {
    flex-grow: 1;
  }
  .form__btn.btn {
    margin-left: 15px;
    margin-top: 0;
    padding: 16px 15px;
  }
  .form__note {
    margin-top: -3px;
  }
  .form__check-label {
    font-size: 14px;
  }
  .form__check-label::before {
    --size: 18px;
    top: -1px;
  }
  .form__check-input--check + .form__check-label::before {
    border-radius: 5px;
  }
}
@media (min-width: 1024px) {
  .form__title {
    font-size: 32px;
    margin-bottom: 29px;
  }
  .form__flex {
    flex-wrap: nowrap;
  }
  .form__flex .form__item {
    flex-grow: 1;
    margin-bottom: 0;
    margin-right: 19px;
  }
  .form__flex .form__btn {
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 0;
    padding: 16px 15px;
  }
  .form__input {
    font-size: 18px;
  }
  .form__item {
    padding: 14px 12px 14px;
  }
  .form__item--active .form__label {
    font-size: 12px;
    left: 9px;
    top: 3px;
  }
  .form__label {
    left: 15px;
    top: 16px;
  }
  .form__note {
    font-size: 14px;
  }
  .form__check-label {
    font-size: 16px;
    padding-left: 30px;
  }
  .form__check-label::before {
    --size: 18px;
    top: -1px;
  }
  .form__check {
    margin-bottom: 17px;
  }
}
@media (min-width: 1560px) {
  .form__flex .form__item {
    margin-right: 30px;
  }
  .form__flex .form__btn {
    padding: 18px 19px;
  }
  .form__title {
    font-size: 42px;
    margin-bottom: 41px;
  }
  .form__btn.btn {
    border-radius: 15px;
  }
  .form__item {
    padding: 17px 16px;
  }
  .form__label {
    left: 19px;
    top: 18px;
  }
  .form__note {
    font-size: 16px;
    margin-top: 21px;
  }
}
.form__number {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.form__number .number__button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background-color: var(--color-light);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition-duration: 0.3s;
}
.form__number .number__button:hover {
  background-color: var(--color-link);
}
.form__number .number__button:hover .number__ico {
  color: var(--color-bg-main);
}
.form__number .number__ico {
  color: var(--color-link);
  transition-duration: 0.3s;
}
.form__number .number__input {
  height: 2.5rem;
  font-size: 1rem;
  line-height: 100%;
  border-radius: 0.625rem;
  border: 1px solid var(--color-link);
  text-align: center;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
}
.form__number .number__input::-webkit-inner-spin-button,
.form__number .number__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.switch {
  font-weight: var(--f-lighter);
  position: relative;
}
.switch__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.switch__input:checked + .switch__label .switch__bth {
  left: auto;
  right: 4px;
  transform: translateX(42%);
}
.switch__input:checked + .switch__label .switch__block {
  background-color: var(--color-highlight);
}
.switch__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.switch__block {
  background-color: var(--color-light);
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  position: relative;
  padding: 0 4px;
  transition-duration: 0.2s;
  width: 40px;
}
.switch__bth {
  --size: 18px;
  background-color: var(--white);
  border: 1px solid var(--color-light-secondary);
  border-radius: 50%;
  display: block;
  height: var(--size);
  transition-duration: 0.2s;
  transform: translateX(-42%);
  width: var(--size);
}
.catalog-item {
  border-bottom: 1px solid var(--color-light-secondary);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 40px 0 38px;
}
.catalog-item__img {
  color: var(--color-text);
  display: block;
  height: 180px;
  margin: 0 0 21px;
  position: relative;
  width: 100%;
}
.catalog-item__img img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.catalog-item__bages {
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
}
.catalog-item__bage {
  border-radius: 4px;
  color: var(--white);
  display: block;
  font-size: 11px;
  padding: 4px 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.catalog-item__bage.new {
  background-color: var(--red);
}
.catalog-item__text {
  color: var(--color-text);
  display: block;
  flex-grow: 1;
  line-height: 1.2;
  margin: 0 0 20px;
}
.catalog-item__text:hover .catalog-item__name {
  color: var(--color-highlight);
}
.catalog-item__name {
  display: block;
  font-size: 18px;
  margin: 0 0 11px;
}
.catalog-item__desc {
  display: block;
  font-size: 12px;
  font-weight: var(--f-lighter);
}
.catalog-item__bottom {
  display: block;
  width: 100%;
}
.catalog-item__price {
  display: block;
  color: var(--color-highlight);
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 5px;
  width: 100%;
}
.catalog-item__note {
  color: var(--color-highlight);
  display: block;
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
  margin: 0;
  width: 100%;
}
.catalog-item__btns {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 20px;
  gap: 15px;
}
.catalog-item__basket.btn {
  border-radius: 12px;
  flex-grow: 1;
}
.catalog-item__basket.btn:hover {
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
  color: var(--white);
}
.catalog-item__icon {
  --size: 52px;
  background-color: var(--color-light);
  border: none;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: var(--size);
  /*margin: 0 0 0 8px;*/
  padding: 0;
  transition-duration: 0.3s;
  width: var(--size);
}
.catalog-item__icon svg {
  --icon-size: calc(var(--size) - 20px);
  height: var(--icon-size);
  fill: transparent;
  stroke: var(--color-highlight);
  transition-duration: 0.3s;
  width: var(--icon-size);
}
.catalog-item__icon:not(:disabled):hover {
  background-color: var(--color-highlight);
}
.catalog-item__icon:not(:disabled):hover svg {
  stroke: var(--white);
}
.catalog-item__icon.fill svg {
  fill: var(--color-highlight);
  stroke: none;
}
.catalog-item__icon.fill:not(:disabled):hover svg {
  fill: var(--white);
  stroke: none;
}
.catalog-item__icon--active {
  background-color: var(--color-highlight);
}
.catalog-item__icon--active svg {
  stroke: var(--white);
}
.catalog-item__icon--active.fill svg {
  fill: var(--white);
  stroke: none;
}
.catalog-item__icon-basket {
  --size: 24px;
  display: block;
  height: var(--size);
  width: var(--size);
}
.catalog-item__icon-basket svg {
  height: var(--size);
  fill: transparent;
  stroke: var(--color-highlight);
  width: var(--size);
}
.catalog-item__num {
  font-size: 16px;
  font-weight: var(--f-lighter);
  margin: 18px 0 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .catalog-item {
    padding: 40px 0 31px;
  }
  .catalog-item__icon {
    --size: 40px;
  }
  .catalog-item__bages {
    right: 14px;
    top: 4px;
  }
  .catalog-item__bage {
    font-size: 16px;
    padding: 5px;
  }
  .catalog-item__text {
    margin-bottom: 31px;
  }
  .catalog-item__name {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .catalog-item__img {
    margin-bottom: 45px;
  }
  .catalog-item__desc {
    font-size: 14px;
  }
  .catalog-item__price {
    font-size: 20px;
  }
  .catalog-item__note {
    font-size: 14px;
  }
  .catalog-item__btns {
    justify-content: flex-start;
    margin-top: 14px;
  }
  .catalog-item__basket.btn {
    border-radius: 10px;
    flex-grow: unset;
    font-size: 15px;
    padding: 10px 15px;
  }
  /*.catalog-item__icon {
    margin-left: 14px;
  }*/
  .catalog-item__icon svg {
    --icon-size: calc(var(--size) - 7px);
  }
}
@media (min-width: 1024px) {
  .catalog-item {
    padding: 28px 0 29px;
  }
  .catalog-item__img {
    height: 220px;
    margin-bottom: 23px;
  }
  .catalog-item__bages {
    right: 16px;
    top: 17px;
  }
  .catalog-item__bage {
    font-size: 16px;
  }
  .catalog-item__name {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .catalog-item__desc {
    font-size: 14px;
  }
  .catalog-item__text {
    margin-bottom: 30px;
  }
  .catalog-item__price {
    font-size: 20px;
  }
  .catalog-item__note {
    font-size: 14px;
  }
  .catalog-item__btns {
    justify-content: flex-start;
    margin-top: 16px;
  }
  .catalog-item__basket.btn {
    border-radius: 10px;
    flex-grow: unset;
    font-size: 15px;
    padding: 8px 15px;
  }
  .catalog-item__icon {
    --size: 40px;
    border-radius: 10px;
    /*margin-left: 15px;*/
  }
  .catalog-item__icon svg {
    --icon-size: calc(var(--size) - 7px);
  }
}
@media (min-width: 1560px) {
  .catalog-item {
    padding: 41px 0 39px;
  }
  .catalog-item__bages {
    right: 15px;
    top: 15px;
  }
  .catalog-item__img {
    height: 284px;
    margin-bottom: 41px;
  }
  .catalog-item__name {
    font-size: 24px;
    margin-bottom: 9px;
  }
  .catalog-item__price {
    font-size: 24px;
  }
  .catalog-item__note {
    font-size: 16px;
  }
  .catalog-item__desc {
    font-size: 16px;
    line-height: 1.4;
  }
  .catalog-item__btns {
    margin-top: 23px;
  }
}
.filter-modal {
  background-color: var(--color-bg-main);
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition-duration: 0.2s;
  width: 100vw;
  visibility: hidden;
  z-index: -1;
}
.filter-modal .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
}
.filter-modal--open {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.filter-modal__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 45px 0 41px;
  width: 100%;
}
.filter-modal__title {
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}
.filter-modal__body {
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
}
.filter-modal__wrap {
  height: 100%;
  padding-bottom: 40px;
  overflow-y: scroll;
  scrollbar-color: transparent;
  scrollbar-width: none;
}
.filter-modal__wrap::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.filter-modal__close {
  --size: 24px;
  background-color: transparent;
  border: none;
  display: block;
  height: var(--size);
  flex-shrink: 0;
  margin: 0 4px 0 0;
  padding: 0;
  position: relative;
  width: var(--size);
}
.filter-modal__close::before,
.filter-modal__close::after {
  background-color: var(--color-highlight);
  border-radius: 4px;
  content: '';
  height: 1px;
  position: absolute;
  left: 50%;
  width: 100%;
}
.filter-modal__close::before {
  transform: translate(-50%) rotate(45deg);
}
.filter-modal__close::after {
  transform: translate(-50%) rotate(-45deg);
}
.filter__fieldset {
  display: block;
  float: none;
  border: none;
  margin: 0 0 25px;
  padding: 0;
}
.filter__item-checkbox {
  margin: 0 0 15px;
  position: relative;
}
.filter__checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.filter__checkbox + .filter__label::before {
  border-radius: 4px;
}
.filter__checkbox:checked + .filter__label::before {
  background-color: var(--color-highlight);
  background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-check.svg);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.filter__label {
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: var(--f-lighter);
  padding: 0 0 0 30px;
  position: relative;
}
.filter__label::before {
  --size: 16px;
  border: 1px solid var(--color-highlight);
  content: "";
  left: 0;
  height: var(--size);
  position: absolute;
  top: 1px;
  width: var(--size);
}
@media (min-width: 768px) {
  .filter__fieldset .catalog__filter-title {
    font-size: 24px;
    margin-bottom: 31px;
  }
  .filter__label {
    font-size: 14px;
  }
  .filter__label::before {
    --size: 18px;
    top: -1px;
  }
  .filter__item-checkbox {
    margin-bottom: 20px;
  }
  .filter__checkbox + .filter__label::before {
    border-radius: 5px;
  }
  .btn.filter__btn {
    border-radius: 15px;
    font-size: 18px;
    margin-top: 33px;
    padding: 18px 19px;
  }
  .filter__fieldset {
    margin-bottom: 33px;
  }
}
@media (min-width: 1024px) {
  .filter__label::before {
    --size: 18px;
    top: -1px;
  }
  .filter__fieldset {
    margin-bottom: 33px;
  }
  .filter__btn.btn {
    padding: 18px 19px;
  }
}
@media (min-width: 1560px) {
  .filter__label {
    font-size: 16px;
    padding-left: 32px;
  }
  .filter__fieldset .catalog__filter-title {
    margin-bottom: 37px;
  }
  .filter__item-checkbox {
    margin-bottom: 17px;
  }
  .filter__fieldset {
    margin-bottom: 47px;
  }
}
.section-header {
  border-bottom: 1px solid var(--color-light-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0 18px;
}
.section-header__text {
  font-size: 15px;
  margin: 0;
}
.section-header__text span {
  font-weight: var(--f-lighter);
}
.section-header__nav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.section-header__left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .section-header {
    padding: 9px 0 29px;
  }
  .section-header__nav .btn-with-icon {
    margin-left: 13px;
  }
  .section-header__left .btn-with-icon {
    margin: 0 15px 0 0;
  }
}
@media (min-width: 1024px) {
  .section-header {
    padding: 0 0 29px;
  }
  .section-header__nav .btn-with-icon {
    margin-left: 21px;
  }
  .section-header__left .open-modal {
    display: none;
  }
}
@media (min-width: 1560px) {
  .section-header {
    padding-bottom: 38px;
  }
}
.banner-flex {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .banner-flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    margin: 0 auto;
    max-width: 1320px;
    width: 97%;
  }
  .banner-flex .promo,
  .banner-flex .coop {
    margin: 0;
    width: 50%;
  }
  .banner-flex .promo__wrap,
  .banner-flex .coop__wrap {
    height: 100%;
    padding: 61px 0;
    width: 100%;
  }
  .banner-flex .coop__left {
    width: 100%;
  }
  .banner-flex .container {
    width: calc(100% - 79px + 3.5vw);
  }
}
@media (min-width: 1310px) {
  .banner-flex .container {
    width: calc(100% - 79px + 1.5vw);
  }
}
@media (min-width: 1356px) {
  .banner-flex .container {
    width: calc(100% - 120px);
  }
}
@media (min-width: 1560px) {
  .banner-flex {
    gap: 30px;
    max-width: 1760px;
  }
  .banner-flex .promo,
  .banner-flex .coop {
    width: calc(50% - 15px);
  }
  .banner-flex .container {
    width: calc(100% - 95px + 3vw);
  }
  .banner-flex .promo__wrap,
  .banner-flex .coop__wrap {
    padding: 79px 0 79px;
  }
}
@media (min-width: 1814px) {
  .banner-flex .container {
    width: calc(100% - 160px);
  }
}
.gray-item {
  color: var(--colot-text);
  display: block;
  position: relative;
}
.gray-item .arrow {
  --size: 24px;
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 10;
}
.gray-item:hover img {
  transform: scale(1.1);
}
.gray-item:hover .arrow {
  background-color: var(--color-highlight);
}
.gray-item:hover .arrow svg {
  stroke: var(--white);
}
.gray-item__img {
  display: block;
  overflow: hidden;
  width: 100%;
}
.gray-item__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-duration: 0.2s;
  width: 100%;
}
.gray-item__info {
  /*background-color: var(--color-light);*/
  display: block;
  padding: 11px 10px;
  width: 100%;
}
.gray-item__name {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 5px;
}
.gray-item__text {
  display: block;
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
}
.gray-item__info {
    background-color: var(--color-light);
  }
  
@media (max-width: 767px) {
  .gray-item__img {
    aspect-ratio: 1.97590361;
  }
}
@media (min-width: 768px) {
  .gray-item {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
  }
  .gray-item .arrow {
    --border-radius: 8px;
    --size: 32px;
    right: 10px;
    top: 10px;
  }
  .gray-item__img {
    flex-grow: 1;
  }
  .items-grid li:not(:first-child):not(:nth-child(8)) .gray-item__img {
    height: 212px;
        max-height: 212px;
        
        min-height: 212px;
  }
  .items-grid li:not(:first-child):not(:nth-child(8)) .gray-item__info {
    /*flex-shrink: 0;*/
      height: 100%;
  }
  .items-grid_secondary .gray-item__img{
    height: 212px;
        max-height: 212px;
        min-height: 212px;
  }
  .items-grid_secondary .gray-item__info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .items-grid_secondary .gray-item__img {
    aspect-ratio: 0;
  }
  .gray-item__name {
    font-size: 20px;
  }
  .gray-item__text {
    font-size: 14px;
  }
}
@media (min-width: 1560px) {
  .gray-item .arrow {
    --border-radius: 10px;
    --size: 40px;
    right: 15px;
    top: 16px;
  }
  .gray-item__img {
    aspect-ratio: auto;
  }
  .items-grid li:not(:first-child):not(:nth-child(8)) .gray-item__img {
    aspect-ratio: auto;
    height: 212px;
        max-height: 212px;
  }
  .gray-item__info {
    padding: 19px;
  }
  .gray-item__name {
    font-size: 24px;
    margin-bottom: 11px;
  }
  .gray-item__text {
    font-size: 18px;
    line-height: 1.5;
  }
  .items-grid_secondary .gray-item__img {
    aspect-ratio: 1.97590361;
  }
}
@media (min-width: 768px) {
  .items-grid.items-grid_secondary li {
    grid-row: unset !important;
    grid-column: unset !important;
  }
  .items-grid.items-grid_secondary li.secondary {
    grid-row: span 2 !important;
  }
}
.detail-head {
  background-color: var(--color-light);
  margin: 0 auto 39px;
  padding: 44px 0 40px;
}
.detail-head__top-text {
  font-size: 14px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 0 0 29px;
}
.detail-head__top-text p {
  margin: 0 0 8px;
}
.detail-head__more-top {
  display: block;
  font-size: 16px;
  margin: 16px 0 0;
}
.detail-head__btns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 20px 0 0;
}
.detail-head__icon {
  --size: 52px;
  background-color: var(--white);
  border: none;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: var(--size);
  margin: 0 0 0 8px;
  padding: 0;
  width: var(--size);
}
.detail-head__icon:hover {
  background-color: var(--color-highlight);
}
.detail-head__icon:hover svg {
  stroke: var(--white);
}
.detail-head__icon svg {
  --icon-size: calc(var(--size) - 28px);
  height: var(--icon-size);
  fill: transparent;
  stroke: var(--color-highlight);
  width: var(--icon-size);
}
.detail-head__icon.fill svg {
  fill: var(--color-highlight);
  stroke: none;
}
.detail-head__icon.fill:hover svg {
  fill: var(--white);
  stroke: none;
}
.detail-head__image {
  height: 49px;
  margin: 18px 0 40px;
  width: 100%;
}
.detail-head__image img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  width: 100%;
}
.detail-head__gallery {
  margin: 0 0 23px;
}
@media (min-width: 768px) {
  .detail-head {
    margin-bottom: 60px;
    padding: 60px 0 47px;
  }
  .detail-head .container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .detail-head__gallery {
    width: 49%;
  }
  .detail-head__top-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 49%;
  }
  .detail-head__top-info h1 {
    line-height: 1;
  }
  .detail-head__top-text {
    font-size: 16px;
  }
  .detail-head__top-text p {
    margin-bottom: 15px;
  }
  .detail-head__btns {
    /*margin-top: 42px;*/
  }
  .detail-head__icon {
    --size: 60px;
    margin-left: 10px;
  }
  .detail-head__btns {
    margin: 29px 0 0;
  }
  .detail-head__icon {
    --size: 52px;
    margin-left: 15px;
  }
}
@media (min-width: 1024px) {
  .detail-head {
    max-width: 1320px;
    padding: 84px 0 47px;
    margin-bottom: 70px;
    width: 97%;
  }
  .detail-head__top-info h1 {
    margin-bottom: 40px;
  }
  .detail-head__top-text p {
    margin-bottom: 22px;
  }
  .detail-head__image {
    height: 90px;
  }
}
@media (min-width: 1560px) {
  .detail-head {
    margin-bottom: 80px;
    max-width: 1760px;
  }
  .detail-head__icon {
    --size: 60px;
    border-radius: 15px;
    margin-left: 20px;
  }
}
.projects-item {
  color: var(--color-text);
  display: block;
  position: relative;
  width: 100%;
}
.projects-item .arrow {
  --size: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.projects-item:hover .arrow {
  background-color: var(--color-highlight);
}
.projects-item:hover .arrow svg {
  stroke: var(--white);
}
.projects-item:hover img {
  transform: scale(1.1);
}
.projects-item:hover .projects-item__name {
  color: var(--color-highlight);
}
.projects-item__img {
  aspect-ratio: 1.49;
  display: block;
  margin: 0 0 10px;
  overflow: hidden;
  width: 100%;
}
.projects-item__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-duration: 0.2s;
  width: 100%;
}
.projects-item__name {
  display: block;
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 5px;
}
.projects-item__text {
  display: block;
  font-size: 12px;
  font-weight: var(--f-lighter);
}
/*@media (max-width: 768px) {
  .share__btn.detail-head__icon, .detail-head__icon{
    border-radius: 12px;
  }
}*/
@media (min-width: 768px) {
  .projects-item {
    width: 100%;
    height: 100%;
  }
  .projects-item .arrow {
    --border-radius: 8px;
    --size: 32px;
    right: 10px;
    top: 10px;
  }
  .projects-item__img {
    aspect-ratio: auto;
    height: 207px;
    margin-bottom: 11px;
  }
  .projects-item__name {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .projects-item__text {
    font-size: 14px;
  }
  /*.share__btn.detail-head__icon, .detail-head__icon{
    border-radius: 15px;
  }*/
}
@media (min-width: 1024px) {
  .projects-item__img {
    height: 284px;
  }
  .projects-item__name {
    margin-bottom: 6px;
  }
}
@media (min-width: 1560px) {
  .projects-item .arrow {
    --border-radius: 10px;
    --size: 40px;
    right: 15px;
    top: 16px;
  }
  .projects-item__img {
    height: 378px;
    margin-bottom: 22px;
  }
  .projects-item__name {
    font-size: 24px;
    margin-bottom: 11px;
  }
  .projects-item__text {
    font-size: 16px;
  }
}
.projects {
  margin: 80px 0;
}
.projects__items, .scheme .projects__items {
  margin: 0 0 40px;
  gap: 20px;
  display: grid;
  grid-template-columns: 1fr;
}
.projects__items li {
  margin: 0 0 0px;
}
.projects__items li:nth-child(n + 5) {
  display: none;
}
@media (min-width: 768px) {
  .projects {
    margin: 97px 0 100px;
  }
  .projects__items, .scheme .projects__items {
    display: grid;
    gap: 25px 15px;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 0 50px;
  }
  .projects__items li {
    margin: 0 0 0px;
    padding: 0;
  }
  .projects__items li:nth-child(n + 5) {
    display: block;
  }
  .projects__items li:nth-child(3) {
    grid-column-start: 3;
    grid-column-end: 5;
  }
  .projects__items li:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .btn.projects__more {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .projects {
    margin: 80px 0;
  }
  .projects__items, .scheme .projects__items {
    gap: 30px 20px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1560px) {
  .projects {
    margin: 80px 0;
  }
  .projects__items, .scheme .projects__items {
    gap: 40px 30px;
    margin-bottom: 60px;
  }
  .btn.projects__more {
    border-radius: 15px;
  }
}
.items-grid {
  margin: 0;
}
.items-grid li {
  margin-bottom: 18px;
}
.items-grid li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .items-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .items-grid li {
    margin: 0;
  }
  .items-grid li:first-child {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .items-grid li:nth-child(8) {
    grid-row-start: 3;
    grid-row-end: 5;
    grid-column-start: 3;
    grid-column-end: 4;
  }
}
@media (min-width: 1024px) {
  .items-grid {
    gap: 20px;
  }
}
@media (min-width: 1560px) {
  .items-grid {
    gap: 31px;
  }
}
.brands {
  margin: 82px 0 79px;
}
.brands h2 {
  margin-bottom: 0;
}
.brands p {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 21px 0 0px;
}
.brands__list {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin: 0;
}
.brands__list li {
  border-bottom: 1px solid var(--color-light-secondary);
}
.brands__list a {
  box-sizing: content-box;
  display: block;
  height: 57px;
  padding: 14px 0;
  width: 100%;
}
.brands__list a:hover img {
  transform: scale(1.1);
}
.brands__list img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-duration: 0.2s;
  width: 100%;
}
.brands__more {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .brands {
    margin: 97px 0 101px;
  }
  .brands h2 {
    margin-bottom: 30px;
  }
  .brands__list {
    grid-template-columns: repeat(6, 1fr);
  }
  .brands__list a {
    height: 56px;
  }
}
@media (min-width: 1024px) {
  .brands {
    margin: 117px 0 119px;
  }
  .brands h2 {
    margin-bottom: 32px;
  }
  .brands__list {
    grid-template-columns: repeat(6, 1fr);
  }
  .brands__list a {
    height: 88px;
    padding: 20px 0 21px;
  }
}
@media (min-width: 1560px) {
  .brands {
    margin: 157px 0 160px;
  }
  .brands h2 {
    margin-bottom: 26px;
  }
  .brands p {
    margin: 30px 0 31px;
  }
  .brands__list a {
    height: 110px;
    padding: 25px 0 24px;
  }
}
.field-items {
  margin: 0;
}
.field-items li {
  margin: 0 0 8px;
  padding: 0;
}
.field-items li:last-child {
  margin-bottom: 0;
}
.field-items__item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 120px;
  position: relative;
}
.field-items__item:hover .field-items__img img {
  transform: scale(1.1);
}
.field-items__item:hover .arrow {
  background-color: var(--color-highlight);
}
.field-items__item:hover .arrow svg {
  stroke: var(--white);
}
.field-items__item .arrow {
  --border-radius: 6px;
  --size: 24px;
  position: absolute;
  right: 11px;
  top: 10px;
}
.field-items__img {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: 100px;
}
.field-items__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-duration: 0.2s;
  width: 100%;
}
.field-items__right {
  background-color: var(--color-light);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding: 30px 35px 10px 10px;
  width: calc(100% - 100px);
}
.field-items__name {
  color: var(--color-highlight);
  font-size: 22px;
  line-height: 1.2;
  transform: translateY(-5px);
}
.field-items__text {
  color: var(--color-text);
  display: block;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  padding-right: 5px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .field-items {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .field-items li {
    margin: 0;
  }
  .field-items__item {
    height: 100%;
  }
  .field-items__item .arrow {
    --border-radius: 8px;
    --size: 32px;
    right: 10px;
    top: 10px;
  }
  .field-items__right {
    padding: 30px 35px 10px 15px;
  }
  .field-items__name {
    color: var(--color-text);
    font-size: 20px;
    margin: 0 0 5px;
  }
  .field-items__text {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .field-items {
    gap: 24px 21px;
  }
  .field-items__img {
    width: 48%;
  }
  .field-items__right {
    padding: 50px 45px 29px 29px;
    width: 52%;
  }
}
@media (min-width: 1560px) {
  .field-items {
    gap: 32px 29px;
  }
  .field-items__item .arrow {
    --border-radius: 10px;
    --size: 40px;
    right: 15px;
    top: 16px;
  }
  .field-items__right {
    padding: 50px 35px 29px 29px;
  }
  .field-items__name {
    font-size: 24px;
  }
  .field-items__text {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .layout__directions {
    margin: 0 -2.5rem;
  }
}
.layout__directions .directions__list {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__directions .directions__list {
    gap: 0;
  }
}
@media (min-width: 1024px) {
  .layout__directions .directions__list {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1560px) {
  .layout__directions .directions__list {
    gap: 30px;
  }
}
.layout__directions .directions__item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__directions .directions__item:nth-child(3n + 3) {
    grid-column: span 2;
  }
  .layout__directions .directions__item:nth-child(3n + 3) .directions__header {
    width: 47.75rem;
    max-width: 100%;
  }
}
.layout__directions .directions__picture {
  width: 100%;
  display: flex;
  align-items: flex-start;
  aspect-ratio: 1.6;
}
@media (min-width: 768px) {
  .layout__directions .directions__picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
  }
}
.layout__directions .directions__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.layout__directions .directions__layout {
  color: #ffffff;
  background-color: #f2f5f9;
  padding: 1.5rem 0.875rem;
  height: 100%;
  width: 100%;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .layout__directions .directions__layout {
    gap: 2.5rem;
    min-height: 34rem;
    padding: 6.25rem 2.5rem;
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  .layout__directions .directions__layout {
    gap: 2.5rem;
    min-height: 35rem;
    padding: 3.75rem;
  }
}
@media (min-width: 1560px) {
  .layout__directions .directions__layout {
    gap: 3.75rem;
    min-height: 41.25rem;
    padding: 5rem;
  }
}
.layout__directions .directions__header {
  gap: 0.25rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__directions .directions__header {
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .layout__directions .directions__header {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__directions .directions__header {
    gap: 2.5rem;
  }
}
.layout__directions .directions__title {
  color: #0b4589;
  margin: 0;
}
@media (min-width: 768px) {
  .layout__directions .directions__title {
    color: #ffffff;
  }
}
.layout__directions .directions__text {
  color: #000;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .layout__directions .directions__text {
    color: #ffffff;
    font-size: 1rem;
    line-height: 150%;
  }
}
@media (min-width: 1560px) {
  .layout__directions .directions__text {
    font-size: 1.125rem;
  }
}
.layout__directions .directions__sublist {
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__directions .directions__sublist {
    gap: 1rem;
  }
}
.layout__directions .directions__subitem {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
.layout__directions .directions__subtext {
  color: #0b4589;
  font-size: 1rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout__directions .directions__subtext {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 140%;
  }
}
.layout__directions .directions__subico {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  fill: none;
  stroke: #0b4589;
}
@media (min-width: 768px) {
  .layout__directions .directions__subico {
    width: 1.75rem;
    height: 1.75rem;
    stroke: #ffffff;
  }
}
@media (max-width: 768px) {
  .layout__directions .directions__footer .btn {
    background-color: transparent;
    border: 1px solid var(--color-highlight);
    color: var(--color-highlight);
  }
  .layout__directions .directions__footer .btn:hover {
    border-color: var(--color-light-secondary);
  }
  .layout__directions .directions__footer .btn .arrow {
    background-color: #cedae7;
  }
  .layout__directions .directions__footer .btn svg {
    --icon-size: calc(var(--size) - 5px);
    fill: none;
    stroke: var(--color-highlight);
  }
}
.inner-nav {
  overflow-x: scroll;
  scrollbar-color: transparent;
  scrollbar-width: none;
}
.inner-nav::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.inner-nav__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
  position: relative;
  white-space: nowrap;
}
.inner-nav__list a {
  color: var(--color-text);
}
.inner-nav__list::before {
  background-color: var(--color-highlight);
  content: '';
  height: 1px;
  left: var(--left);
  top: 0;
  position: absolute;
  transition-duration: 0.2s;
  width: var(--width);
  z-index: 10;
}
.inner-nav__btn {
  background-color: transparent;
  border: none;
  border-top: 1px solid var(--color-light-secondary);
  display: block;
  min-width: 168px;
  padding: 15px 10px 15px 1px;
}
@media (min-width: 768px) {
  .inner-nav__list {
    font-size: 18px;
    text-align: center;
    width: 100%;
  }
  .inner-nav__list li {
    flex: 1 1 0;
  }
  .inner-nav__btn {
    padding: 35px 10px 30px;
  }
  .catalog-detail__table {
    width: 100%;
  }
  .catalog-detail__table tr:nth-child(n+8) {
    display: table-row;
  }
}
@media (min-width: 1024px) {
  .inner-nav__list {
    font-size: 24px;
  }
}
.slider-with-thumb {
  position: relative;
  width: 100%;
}
.slider-with-thumb__slider-thumb {
  display: block;
  overflow: hidden;
  position: relative;
}
.slider-with-thumb__slider-thumb .swiper {
  margin: 0;
  overflow: visible;
  width: 91%;
}
.slider-with-thumb__img {
  background-color: transparent;
  height: 100%;
  width: 100%;
}
.slider-with-thumb__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.slider-with-thumb__slider-big .swiper-wrapper {
  align-items: stretch;
}
.slider-with-thumb__slider-big .swiper-slide {
  height: auto;
    /*height: 588px;*/
    /*padding: 75px 0;*/
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 588px;
}
.slider-with-thumb__nav {
  --size: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  z-index: 10;
}
.slider-with-thumb__nav .swiper-pagination-bullet {
  --swiper-pagination-bullet-horizontal-gap: 2px;
  background-color: #D9D9D9;
  border-radius: 50%;
  display: block;
  height: var(--size);
  margin: 0 4px;
  opacity: 1;
  width: var(--size);
}
.slider-with-thumb__nav .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.slider-with-thumb__nav .swiper-pagination-bullet-active {
  background-color: var(--color-highlight);
}
.slider-with-thumb__slider-btns {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider-with-thumb__slider-btn {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% + 2px);
  padding: 0;
  position: absolute;
  top: -1px;
  width: 32px;
  z-index: 10;
}
.slider-with-thumb__slider-btn:disabled {
  opacity: 0;
  visibility: hidden;
}
.slider-with-thumb__slider-btn--prev {
  background-image: linear-gradient(to right, var(--color-light) 35%, transparent 100%);
  left: -1px;
  padding-right: 10px;
}
.slider-with-thumb__slider-btn--prev svg {
  transform: scale(-1, -1) translateX(4px);
}
.slider-with-thumb__slider-btn--next {
  background-image: linear-gradient(to left, var(--color-light) 35%, transparent 100%);
  right: -1px;
  padding-left: 10px;
}
.slider-with-thumb__slider-btn--next svg {
  transform: translateX(5px);
}
.slider-with-thumb__slider-btn svg {
  --size: 32px;
  display: block;
  height: var(--size);
  fill: var(--color-highlight);
  flex-shrink: 0;
  width: var(--size);
}
.slider-with-thumb__slider-big{
      /*aspect-ratio: 785 / 588;*/
      
      aspect-ratio: 0;
}
@media (min-width: 768px) {
  .slider-with-thumb__slider-thumb {
    display: block;
  }
  .slider-with-thumb__slider-thumb .swiper-slide {
    width: 106px;
        margin-right: 15px;
  }
  .slider-with-thumb__slider-thumb .swiper-slide-thumb-active img {
    opacity: 1;
  }
  .slider-with-thumb__nav {
    display: none;
  }
  .slider-with-thumb__slider-big {
    margin-bottom: 40px;
  }
  .slider-with-thumb__thumb {
    aspect-ratio: 1.7;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
  }
  .slider-with-thumb__thumb img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    /*opacity: 0.3;*/
    width: 100%;
  }
}
.pagination__more.btn {
  margin: 0 0 41px;
}
.pagination__pages {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.pagination__pages li {
  margin: 0 17px 0 0;
}
.pagination__pages li:last-child {
  margin-right: 0;
}
.pagination__item {
  --size: 32px;
  border-radius: 8px;
  color: var(--color-highlight);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  height: var(--size);
  margin: 0;
  padding: 0;
  width: var(--size);
}
.pagination__item svg {
  --icon-size: calc(var(--size) - 11px);
  height: var(--icon-size);
  fill: var(--color-highlight);
  width: var(--icon-size);
}
a.pagination__item {
  transition-duration: 0.3s;
}
a.pagination__item:hover {
  background-color: var(--color-light);
}
span.pagination__item {
  background-color: var(--color-light);
}
@media (min-width: 768px) {
  .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pagination__pages {
    justify-content: flex-end;
  }
  .pagination__pages li {
    margin-right: 15px;
  }
  .pagination__more.btn {
    margin: 0;
  }
  .pagination__item {
    --size: 52px;
    font-size: 16px;
  }
  .pagination__item svg {
    --icon-size: calc(var(--size) - 19px);
  }
}
@media (min-width: 1024px) {
  .pagination__more.btn {
    border-radius: 13px;
    padding: 16px 15px;
  }
  .pagination__pages li {
    margin-right: 15px;
  }
  .pagination__item {
    --size: 52px;
    border-radius: 12px;
    font-size: 16px;
  }
  .pagination__item svg {
    --icon-size: calc(var(--size) - 26px);
  }
}
@media (min-width: 1560px) {
  .pagination__more.btn {
    border-radius: 15px;
    padding: 19px 20px;
  }
  .pagination__item {
    --size: 60px;
    border-radius: 15px;
    font-size: 18px;
  }
  .pagination__item svg {
    --icon-size: calc(var(--size) - 26px);
  }
}
.hero {
  position: relative;
  height: calc(100dvh - 64px);
}
.hero__carousel {
  position: relative;
  height: 100%;
  z-index: 1;
}
.hero__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 18px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 2;
}
.hero__btn {
  --size: 28px;
  border: none;
  background-color: transparent;
  height: var(--size);
  padding: 0;
  width: var(--size);
}
.hero__btn--next:hover .hero__btn-arrow svg {
  transform: translateX(5px);
}
.hero__btn--prev:hover .hero__btn-arrow svg {
  transform: translateX(-5px);
}
.hero__btn-arrow {
  display: block;
}
.hero__btn-arrow svg {
  height: var(--size);
  fill: transparent;
  stroke: var(--white);
  transition-duration: 0.2s;
  width: var(--size);
}
.hero__pagination {
  --size: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.hero__pagination.swiper-pagination-bullets {
  width: auto;
}
.hero__pagination .swiper-pagination-bullet {
  background-color: #d9d9d9;
  border-radius: 50%;
  height: var(--size);
  opacity: 1;
  width: var(--size);
}
.hero__pagination .swiper-pagination-bullet-active {
  background-color: rgba(242, 245, 249, 0.1);
  border-radius: 100vmax;
  position: relative;
  overflow: hidden;
  width: calc(var(--size) * 4.5);
}
.hero__pagination .swiper-pagination-bullet-active::before {
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-name: fillwidth;
  animation-iteration-count: 1;
  background-color: #d9d9d9;
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0%;
}
.hero__item {
  --bottom: 84px;
  color: var(--white);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: calc(100% - var(--bottom)) var(--bottom);
  height: 100%;
}
.hero__img {
  display: block;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.hero__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.hero__text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.hero__btn-name,
.hero__btn-pic {
  display: none;
}

.hero__title {
  font-weight: var(--f-normal);
  font-size: 22px;
}

.hero__btn-name span {
  font-size: 18px;
  font-weight: var(--f-normal);
}

@media (min-width: 768px) {
  .hero {
    height: calc(100dvh - 155px);
  }
  .hero__pagination {
    --size: 8px;
  }
  .hero__nav {
    bottom: 23px;
  }
  .hero__title {
    font-size: 26px;
  }
  .hero__btn {
    --size: 32px;
    color: var(--white);
    display: flex;
    align-items: center;
    flex: 1 1 0;
    height: auto;
    width: auto;
  }
  .hero__btn--prev {
    justify-content: flex-start;
  }
  .hero__btn--prev .hero__btn-pic {
    order: 0;
  }
  .hero__btn--prev .hero__btn-name {
    order: 2;
    text-align: left;
  }
  .hero__btn-name span {
    font-size: 18px;
  }
  .hero__btn--prev .hero__btn-name span {
    left: 0;
  }
  .hero__btn--next {
    justify-content: flex-end;
  }
  .hero__btn--next .hero__btn-pic {
    order: 2;
  }
  .hero__btn--next .hero__btn-name {
    order: 0;
    text-align: right;
  }
  .hero__btn--next .hero__btn-name span {
    right: 0;
  }
  .hero__btn-name {
    display: block;
    height: 60px;
    flex-grow: 1;
    max-width: 25ch;
    position: relative;
  }
  .hero__btn-name span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .hero__btn-pic {
    --size: 60px;
    border-radius: 10px;
    display: block;
    height: var(--size);
    flex-shrink: 0;
    overflow: hidden;
    width: var(--size);
  }
  .hero__btn-pic img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .hero__btn-arrow {
    margin: 0 20px;
    order: 1;
    transform: translateY(1px);
  }
  .hero__item {
    --bottom: 155px;
  }
  .hero__pagination {
    flex: 1 1 0;
  }
}
@media (min-width: 960px) {
  .hero__item {
    --bottom: 160px;
  }
  .hero__nav {
    bottom: 25px;
  }
}
@media (min-width: 1024px) {
  .hero {
    height: calc(100dvh - 154px);
  }
  .hero__nav {
    bottom: 40px;
    max-width: 1200px;
  }
  .hero__title {
    width: 60%;
    font-size: 32px;
  }
  .hero__btn-name {
    font-size: 20px;
  }
  .hero__item {
    --bottom: 180px;
  }
  .hero__text {
    max-width: 1200px;
  }
  .hero__btn-name span {
    font-size: 20px;
  }
}

@media (min-width: 1560px) {
  .hero {
    height: calc(100dvh - 180px);
  }
  .hero__item {
    --bottom: 217px;
  }
  .hero__title {
    width: 60%;
    font-size: 42px;
  }
  .hero__btn-arrow {
    transform: translateY(4px);
  }
  .hero__btn-name {
    font-size: 20px;
    max-width: 50ch;
    transform: translateY(2px);
  }
  .hero__text,
  .hero__nav {
    max-width: 1600px;
  }
}
@keyframes fillwidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.fields {
  margin: 81px 0;
}
.fields--desktop {
  display: none;
}
.fields h2 {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.fields__right {
  display: none;
}
@media (min-width: 768px) {
  .fields {
    margin: 97px 0;
  }
  .fields--mobile {
    display: none;
  }
  .fields--desktop {
    display: block;
  }
  .fields__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  .fields__right {
    display: block;
    width: 66%;
  }
  .fields__left {
    flex-shrink: 0;
    position: sticky;
    top: 48px;
    width: 33%;
  }
  .fields__block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 100vh;
    padding-bottom: 50px;
    padding-top: 93px;
    width: 100%;
  }
  .fields__block:last-child {
    padding-bottom: 0;
  }
  .fields__middle {
    width: 49%;
  }
  .fields__items {
    display: block;
    position: relative;
  }
  .fields__items li {
    margin: 0;
  }
  .fields__items::after {
    background-color: var(--color-highlight);
    content: '';
    height: var(--height);
    left: 0;
    position: absolute;
    transition-duration: 0.2s;
    top: var(--top);
    width: 2px;
    z-index: 2;
  }
  .fields__item {
    display: block;
    min-height: 0;
    padding: 28px 0 28px 26px;
    position: relative;
  }
  .fields__item::before {
    background-color: var(--color-light-secondary);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    transition-duration: 0.2s;
    top: 0;
    width: 1px;
    z-index: 1;
  }
  .fields__item--active .fields__item-name {
    color: var(--color-highlight);
  }
  .fields__item:hover .fields__item-name {
    color: var(--color-highlight);
  }
  .fields__img {
    display: none;
  }
  .fields__item-right {
    background-color: transparent;
    padding: 0;
    width: auto;
  }
  .fields__item-name {
    color: var(--color-text);
    font-size: 20px;
    transform: translateY(0);
  }
  .fields__item-text {
    display: none;
  }
  .fields__img-middle {
    height: 320px;
    overflow: hidden;
    width: 100%;
  }
  .fields__img-middle img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .fields__middle-bottom {
    background-color: var(--color-highlight);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    width: 100%;
  }
  .fields__middle-bottom .arrow {
    --size: 32px;
  }
  .fields__middle-bottom .btn--empty:hover {
    color: var(--white);
  }
  .fields__info {
    font-size: 18px;
    font-weight: var(--f-lighter);
    line-height: 1.5;
    width: 49%;
  }
  .fields__info p {
    margin: 0 0 27px;
  }
  .fields__info a {
    color: var(--color-text);
    font-weight: var(--f-normal);
  }
  .fields__info a:hover {
    color: var(--color-highlight);
    text-decoration: none;
  }
  .fields__info .link-list {
    margin: 48px 0 15px;
  }
}
@media (min-width: 1024px) {
  .fields {
    margin: 119px 0;
  }
  .fields__block {
    padding-top: 100px;
  }
  .fields__item {
    padding: 38px 0 37px 30px;
  }
  .fields__item-name {
    font-size: 26px;
  }
  .fields__img-middle {
    height: 422px;
  }
  .fields__middle-bottom {
    padding: 27px 0;
  }
  .fields__middle-bottom .arrow {
    --size: 32px;
  }
  .fields__info {
    font-size: 16px;
  }
  .fields__info p {
    margin-bottom: 25px;
  }
}
@media (min-width: 1560px) {
  .fields {
    margin: 155px 0;
  }
  .fields__left {
    top: 77px;
  }
  .fields__item-name {
    font-size: 32px;
  }
  .fields__item {
    padding: 49px 0 43px 39px;
  }
  .fields__middle {
    width: 48.5%;
  }
  .fields__middle-bottom {
    padding: 34px 0;
  }
  .fields__middle-bottom .btn {
    font-size: 18px;
  }
  .fields__middle-bottom .arrow {
    --size: 40px;
  }
  .fields__img-middle {
    height: 520px;
  }
  .fields__block {
    padding-top: 117px;
  }
  .fields__info {
    font-size: 18px;
    padding: 3px;
  }
  .fields__info p {
    margin-bottom: 26px;
  }
  .fields__info .link-list {
    margin-top: 58px;
  }
}
.news-main {
  margin: 81px 0;
  overflow: hidden;
  position: relative;
}
.news-main__items {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  min-width: 100%;
}
.news-main__items li {
  border-left: 1px solid var(--color-light-secondary);
  min-width: 91%;
  max-width: 91%;
  margin: 0;
  scroll-snap-align: center;
}
.news-main__items li:first-child {
  border: none;
}
.news-main__carousel.swiper {
  margin: 0 0 39px;
  overflow: visible;
  width: 91%;
}
.news-main__carousel.swiper .swiper-slide:first-child .news-main__item {
  border: none;
}
.news-main__carousel.swiper .swiper-wrapper {
  align-items: stretch;
}
.news-main__carousel.swiper .swiper-slide {
  height: auto;
}
.news-main__item {
  border-left: 1px solid var(--color-light-secondary);
  color: var(--color-text);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 0 16px;
  transition-duration: 0.3s;
}
.news-main__item:hover .news-main__name,
.news-main__item:hover .news-main__section {
  color: var(--color-highlight);
}
.news-main__date {
  display: block;
  font-size: 12px;
  font-weight: var(--f-lighter);
  margin: 0 0 21px;
}
.news-main__name {
  display: block;
  font-size: 18px;
  line-height: normal;
  margin: 0 0 13px;
}
.news-main__text {
  display: block;
  flex-grow: 1;
  font-size: 14px;
  font-weight: var(--f-lighter);
  margin: 0 0 41px;
}
.news-main__section {
  font-size: 12px;
}
.news-main__section::before {
  color: var(--color-highlight);
  content: '/ ';
  font-size: 15px;
  font-weight: var(--f-bold);
}
@media (min-width: 768px) {
  .news-main {
    margin: 97px 0 100px;
  }
  .news-main__items li {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }
  .news-main__carousel.swiper {
    margin: 0 auto 48px;
    width: calc(100% - 79px);
  }
  .news-main__carousel.swiper .swiper-slide {
    flex: 1 1 0;
  }
  .news-main__carousel.swiper .swiper-slide:first-child .news-main__item {
    border-right: 1px solid var(--color-light-secondary);
    padding-left: 0;
  }
  .news-main__carousel.swiper .swiper-slide:last-child .news-main__item {
    border: none;
    margin-right: 0;
  }
  .news-main__item {
    border: none;
    border-right: 1px solid var(--color-light-secondary);
    padding: 2px 15px 2px 5px;
    margin-right: 9px;
  }
  .news-main__date {
    font-size: 16px;
    margin-bottom: 28px;
  }
  .news-main__name {
    font-size: 20px;
    margin-bottom: 11px;
  }
  .news-main__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 46px;
  }
  .news-main__section {
    font-size: 14px;
  }
  .news-main__section::before {
    font-size: 20px;
  }
  .news-main__more {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .news-main {
    margin: 118px 0 120px;
  }
  .news-main__carousel.swiper {
    margin-bottom: 0;
    margin-top: 6px;
    max-width: 1200px;
  }
  .news-main__item {
    padding: 0 15px 0 6px;
    margin-right: 13px;
  }
  .news-main__date {
    margin-bottom: 27px;
  }
  .news-main__name {
    font-size: 20px;
  }
  .news-main__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 46px;
  }
  .news-main__section {
    font-size: 15px;
  }
  .news-main__bottom {
    display: none;
  }
}
@media (min-width: 1560px) {
  .news-main {
    margin: 155px 0 160px;
  }
  .news-main__carousel.swiper {
    margin-top: 5px;
    max-width: 1600px;
  }
  .news-main__item {
    padding: 0 31px 0 10px;
    margin-right: 20px;
  }
  .news-main__date {
    margin-bottom: 42px;
  }
  .news-main__name {
    font-size: 24px;
  }
  .news-main__text {
    font-size: 18px;
    margin-bottom: 57px;
  }
  .news-main__section {
    font-size: 15px;
  }
}
.catalog__sections {
  margin-top: 40px;
}
.catalog__sections ul {
  margin: 0;
  width: 100%;
}
.catalog__sections li {
  margin: 0 0 8px;
  width: 100%;
}
.catalog__section {
  background-color: var(--color-light);
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  padding: 9px 8px 7px 10px;
  transition-duration: 0.1s;
}
.catalog__section:hover .catalog__sect-img {
  transform: scale(1.05);
}
.catalog__sect-img {
  flex-shrink: 0;
  transition-duration: 0.1s;
  width: 84px;
}
.catalog__sect-img img {
  height: auto;
  width: 100%;
}
.catalog__sect-name {
  flex-shrink: 0;
  width: calc(100% - 110px);
}
@media (min-width: 768px) {
  .catalog__sections {
    margin-top: 30px;
  }
  .catalog__sections ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
  .catalog__sections li {
    margin: 0;
  }
  .catalog__section {
    aspect-ratio: 1;
    align-items: flex-start;
    height: 100%;
    flex-direction: column;
    font-size: 20px;
    line-height: 1.2;
    padding: 15px 15px 22px;
  }
  .catalog__sect-name {
    -webkit-hyphens: auto;
            hyphens: auto;
    flex-grow: 1;
    margin: 0 0 8px;
    width: 100%;
  }
  .catalog__sect-img {
    height: 91px;
    flex-grow: 1;
    margin: 0 auto;
    width: 84%;
  }
  .catalog__sect-img img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .catalog__sections ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1024px) {
  .catalog h1 {
    margin-bottom: 57px;
  }
  .catalog__sections {
    margin-top: 59px;
  }
  .catalog__sections ul {
    gap: 20px;
  }
  .catalog__section {
    aspect-ratio: auto;
    font-size: 20px;
    padding: 21px 21px 31px;
  }
  .catalog__sect-name {
    margin-bottom: 56px;
  }
  .catalog__sect-img {
    height: 130px;
    width: 90%;
  }
}
@media (min-width: 1560px) {
  .catalog__sections ul {
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
  }
  .catalog__section {
    font-size: 24px;
    padding: 32px 30px 29px;
  }
  .catalog__sect-name {
    -webkit-hyphens: none;
            hyphens: none;
    margin-bottom: 69px;
  }
  .catalog__sect-img {
    height: 190px;
    width: 100%;
  }
}
.catalog--sect h1 {
  margin-bottom: 41px;
}
.catalog__wrap {
  margin: 32px 0 80px;
}
.catalog__left-banner {
  display: none;
}
.catalog__sort-list {
  font-weight: var(--f-lighter);
  margin: 0 0 0;
}
.catalog__sort-list li {
  margin: 0 0 17px;
}
.catalog__sort-list a {
  transition-duration: 0.1s;
}
.catalog__sort-list a:hover {
  font-weight: var(--f-normal);
  text-decoration: none;
}
.catalog__filter-title {
  float: none;
  font-size: 18px;
  line-height: 1.2;
  margin: 2px 0 21px;
}
.catalog__filter-sect {
  font-weight: var(--f-lighter);
  margin: 0;
}
.catalog__filter-sect li {
  margin: 0 0 19px;
}
.catalog__filter-sect a {
  color: var(--color-text);
  transition-duration: 0.1s;
}
.catalog__filter-sect a:hover {
  font-weight: var(--f-normal);
  text-decoration: none;
}
.catalog__filter-sect .active {
  font-weight: var(--f-normal);
}
.catalog__filter-item {
  margin: 0 0 39px;
}
.catalog__filter-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.catalog__filter-list .filter__item-checkbox {
  width: 49%;
}
.catalog__main-block .section-header {
  display: none;
}
.catalog__items {
  display: block;
  margin: 0;
}
.catalog__items+.pagination {
  margin-top: 42px;
}
.catalog__items .catalog-item__icon-basket {
  display: none;
}
@media (min-width: 768px) {
  .catalog--sect h1 {
    margin-bottom: 25px;
  }
  .catalog__wrap {
    margin: 21px 0 100px;
  }
  .catalog__wrap .section-header {
    display: none;
  }
  .catalog__main-block .section-header {
    display: flex;
  }
  .catalog__items {
    display: grid;
    gap: 0 15px;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
  }
  .catalog__items+.pagination {
    margin-top: 51px;
  }
  .catalog__items .catalog-item {
    border: none;
    position: relative;
  }
  .catalog__items .catalog-item::before {
    background-color: var(--color-light-secondary);
    bottom: 0;
    content: '';
    height: 1px;
    left: -15px;
    position: absolute;
    width: calc(100% + 31px);
  }
  .catalog__items .catalog-item__basket {
    padding: 10px 15px;
  }
  .catalog__sort-block {
    position: relative;
  }
  .catalog__sort-block--open .catalog__sort-list {
    opacity: 1;
    visibility: visible;
  }
  .catalog__sort-block--open .catalog__sort-btn svg {
    transform: rotate(-180deg);
  }
  .catalog__sort-btn {
    background-color: var(--color-light);
    border: none;
    border-radius: 10px;
    color: var(--color-highlight);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    padding: 3px 5px 3px 15px;
  }
  .catalog__sort-btn svg {
    --icon-size: 32px;
    height: var(--icon-size);
    fill: transparent;
    margin-left: 8px;
    stroke: var(--color-highlight);
    width: var(--icon-size);
  }
  .catalog__sort-list {
    font-size: 15px;
    left: 0;
    opacity: 0;
    margin: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 10;
    visibility: hidden;
  }
  .catalog__sort-list ul {
    background-color: var(--color-light);
    border-radius: 10px;
    margin: 8px 0 0;
    padding: 15px 17px;
  }
  .catalog__sort-list li {
    margin: 0 0 12px;
  }
  .catalog__sort-list li:last-child {
    margin-bottom: 0;
  }
  .catalog__items--list {
    display: block;
  }
  .catalog__items--list .catalog-item {
    justify-content: space-between;
    flex-direction: row;
    padding: 40px 0 39px;
  }
  .catalog__items--list .catalog-item__img {
    flex-shrink: 0;
    height: auto;
    margin: 0;
    width: 32%;
  }
  .catalog__items--list .catalog-item__img img {
    height: 284px;
  }
  .catalog__items--list .catalog-item__text {
    margin: 0 27px;
    flex-grow: 1;
  }
  .catalog__items--list .catalog-item__bottom {
    flex-shrink: 0;
    min-width: 17.6%;
    width: -moz-min-content;
    width: min-content;
  }
  .catalog__items--list .catalog-item__btns {
    margin-top: 0;
  }
  .catalog__items--list .catalog-item__price + .catalog-item__btns,
  .catalog__items--list .catalog-item__note + .catalog-item__btns {
    margin-top: 26px;
  }
  .catalog__items--list .catalog-item__basket.btn {
    padding: 10px 13px;
    white-space: nowrap;
  }
  .catalog__filter {
    font-size: 14px;
  }
  .catalog__filter .filter-modal__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 13px;
  }
  .catalog__filter-wrap {
    width: 34%;
  }
  .catalog__left-banner {
    display: block;
    position: relative;
    width: 32%;
  }
  .catalog__left-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  .catalog__left-nav .swiper-pagination-bullet {
    --size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 3px;
    background-color: #D9D9D9;
    border-radius: 50%;
    display: block;
    height: var(--size);
    opacity: 1;
    width: var(--size);
  }
  .catalog__left-nav .swiper-pagination-bullet-active {
    background-color: var(--color-highlight);
  }
  .catalog__left-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 13px;
  }
  .catalog__filter-title {
    font-size: 20px;
    margin-bottom: 27px;
  }
  .catalog__filter-sect li {
    margin-bottom: 17px;
  }
  .catalog__filter-item {
    margin-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  .catalog--sect h1 {
    margin-bottom: 56px;
  }
  .catalog__wrap {
    margin: 56px 0 120px;
  }
  .catalog__main-block {
    margin: 0;
  }
  .catalog__main-block .section-header {
    padding: 0 0 29px;
  }
  .catalog__sort {
    display: none;
  }
  .catalog__aside.catalog__filter {
    display: block;
    height: auto;
    flex-shrink: 0;
    opacity: 1;
    position: static;
    visibility: visible;
    z-index: 10;
  }
  .catalog__aside.catalog__filter .container {
    width: 100%;
  }
  .catalog__aside.catalog__filter .filter-modal__top {
    display: none;
  }
  .catalog__aside.catalog__filter .filter-modal__body {
    overflow: visible;
  }
  .catalog__left-banner {
    display: block;
    margin: 120px 0 0;
    position: relative;
    width: 100%;
  }
  .catalog__left-banner img {
    height: auto;
    width: 100%;
  }
  .catalog__filter-title {
    font-size: 20px;
    margin: 0 0 28px;
  }
  .catalog__filter-sect {
    font-size: 14px;
  }
  .catalog__filter-sect li {
    margin-bottom: 17px;
  }
  .catalog__filter-item {
    margin-bottom: 49px;
  }
  .catalog__filter-list .filter__item-checkbox {
    width: 48%;
  }
  .catalog__items {
    gap: 0 20px;
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog__items+.pagination {
    margin-top: 49px;
  }
  .catalog__filter {
    font-size: 14px;
  }
  .catalog__filter .filter-modal__wrap {
    display: block;
    padding-top: 0;
  }
  .catalog__filter-wrap {
    width: 100%;
  }
  .catalog__left-banner {
    display: block;
    position: relative;
    width: 100%;
  }
  .catalog__sort-btn {
    font-size: 14px;
    padding: 3px 2px 3px 15px;
  }
  .catalog__left-nav .swiper-pagination-bullet {
    --size: 6px;
  }
  .catalog__left-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 19px;
  }
}
@media (min-width: 1560px) {
  .catalog__items {
    gap: 0 30px;
  }
  .catalog__left-nav .swiper-pagination-bullet {
    --size: 8px;
    --swiper-pagination-bullet-horizontal-gap: 4px;
  }
  .catalog__left-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 26px;
  }
  .catalog__sort-btn {
    font-size: 15px;
    padding: 3px 2px 3px 17px;
  }
  .catalog__filter-title {
    font-size: 24px;
    margin-bottom: 37px;
  }
  .catalog__wrap {
    margin: 59px 0 161px;
  }
  .catalog__filter-sect {
    font-size: 16px;
    margin-bottom: 36px;
  }
  .catalog__filter-item {
    margin-bottom: 62px;
  }
  .catalog__left-banner {
    margin-top: 158px;
  }
  .catalog__main-block .section-header {
    padding-bottom: 38px;
  }
  .catalog__items+.pagination {
    margin-top: 60px;
  }
}
.catalog-banner {
  margin: 40px 0 0;
}
.catalog-banner__left,
.catalog-banner__right {
  width: 100%;
}
.catalog-banner__slider {
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.catalog-banner__slider--desk {
  display: none;
}
.catalog-banner__slider-nav {
  display: none;
}
.catalog-banner__img {
  width: 100%;
}
.catalog-banner__img img {
  display: block;
  height: auto;
  width: 100%;
}
.catalog-banner__price {
  background-color: var(--color-highlight);
  color: var(--white);
  font-weight: var(--f-lighter);
  margin: 0;
  padding: 41px 0 44px;
}
.catalog-banner__price a {
  color: inherit;
}
.catalog-banner__price h2 {
  margin: 0 0 5px;
}
.catalog-banner__price--detail {
  margin-bottom: 80px;
  padding: 80px 0 78px;
}
.catalog-banner__price--detail .h2 {
  margin-bottom: 7px;
}
.catalog-banner__price--detail .btn {
  margin-top: 40px;
}
.catalog-banner__doc {
  font-size: 12px;
  margin: 0;
}
.catalog-banner__text {
  margin: 41px 0 21px;
}
@media (min-width: 768px) {
  .catalog-banner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 auto 29px;
    width: calc(100% - 79px);
  }
  .catalog-banner__left {
    overflow: hidden;
    width: 74.5%;
  }
  .catalog-banner__right {
    width: 23.9%;
  }
  .catalog-banner__slider-nav {
    --size: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 10;
  }
  .catalog-banner__slider-nav .swiper-pagination-bullet {
    background-color: #D9D9D9;
    border-radius: 50%;
    display: block;
    height: var(--size);
    margin: 0 0 4px;
    opacity: 1;
    width: var(--size);
  }
  .catalog-banner__slider-nav .swiper-pagination-bullet:last-child {
    margin-bottom: 0;
  }
  .catalog-banner__slider-nav .swiper-pagination-bullet-active {
    background-color: var(--color-highlight);
  }
  .catalog-banner__slider-nav.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  .catalog-banner__slider-nav.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    margin: 0 0 4px;
  }
  .catalog-banner__slider-nav.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:last-child {
    margin-bottom: 0;
  }
  .catalog-banner__slider {
    aspect-ratio: 2.7744186;
    width: 100%;
  }
  .catalog-banner__slider--desk {
    display: block;
  }
  .catalog-banner__slider--mob {
    display: none;
  }
  .catalog-banner__slider .swiper-wrapper {
    height: 100%;
  }
  .catalog-banner__img {
    height: 100%;
  }
  .catalog-banner__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .catalog-banner__price {
    padding: 14px 0 16px;
  }
  .catalog-banner__price--detail {
    margin-bottom: 0;
  }
  .catalog-banner__price .h2 {
    font-size: 22px;
    margin-bottom: 7px;
  }
  .catalog-banner__price .container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    width: calc(100% - 35px);
  }
  .catalog-banner__price .btn {
    border-radius: 12px;
    padding: 9px 7px 9px 9px;
  }
  .catalog-banner__doc {
    flex-grow: 1;
    font-size: 14px;
  }
  .catalog-banner__text {
    font-size: 14px;
    line-height: 1.2;
    margin: 20px 0 15px;
  }
}
@media (min-width: 1024px) {
  .catalog-banner {
    max-width: 1200px;
    margin-bottom: 61px;
    width: calc(100vw - 79px);
  }
  .catalog-banner__slider-nav {
    --size: 8px;
  }
  .catalog-banner__price {
    padding: 19px 0;
  }
  .catalog-banner__price .container {
    width: calc(100% - 44px);
  }
  .catalog-banner__price .btn {
    padding: 9px 8px 9px 6px;
  }
  .catalog-banner__price .btn .arrow {
    margin-left: 21px;
  }
  .catalog-banner__price .h2 {
    margin-bottom: 9px;
  }
  .catalog-banner__doc {
    font-size: 16px;
  }
}
@media (min-width: 1560px) {
  .catalog-banner {
    max-width: 1600px;
    width: calc(100vw - 100px);
  }
  .catalog-banner--detail {
    margin: 162px auto 63px;
  }
  .catalog-banner__price {
    padding: 30px 0 26px;
  }
  .catalog-banner__price .h2 {
    font-size: 32px;
  }
  .catalog-banner__price .container {
    width: calc(100% - 62px);
  }
  .catalog-banner__right {
    width: 23.7%;
  }
  .catalog-banner__doc {
    font-size: 16px;
  }
  .catalog-banner__text {
    font-size: 16px;
    margin-bottom: 21px;
  }
}
.catalog-nav {
  background-color: var(--color-light);
  max-width: 1760px;
  margin: 0 auto;
  padding: 40px 0 39px;
  width: 100%;
}
.catalog-nav .search {
  margin-top: 18px;
}
.catalog-nav__menu {
  font-size: 12px;
  width: 100%;
}
.catalog-nav__menu ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}
.catalog-nav__menu li {
  flex: 1 1 0;
  margin: 0;
  min-width: 0;
}
.catalog-nav__menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.catalog-nav__menu-item svg {
  --size-icon: 25px;
  fill: var(--color-highlight);
  height: var(--size-icon);
  transition-duration: 0.2s;
  width: var(--size-icon);
}
.catalog-nav__menu-item.icon-basket svg,
.catalog-nav__menu-item.icon-fav svg {
  fill: transparent;
  stroke: var(--color-highlight);
}
.catalog-nav__menu-item.icon-fav svg {
  --size-icon: 19px;
}
.catalog-nav__menu-item.icon-fav .catalog-nav__menu-name {
  margin-top: 4px;
}
.catalog-nav__menu-name {
  display: block;
  margin: 1px 0 0;
}
.catalog-nav__menu-icon {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.catalog-nav__number {
  --size: 16px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-highlight);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  font-size: 12px;
  overflow: hidden;
  position: absolute;
  right: -8px;
  top: -8px;
  width: var(--size);
}
.catalog-nav__tags {
  margin: 19px 0 0;
  overflow-x: scroll;
  scrollbar-color: transparent;
  scrollbar-width: none;
}
.catalog-nav__tags::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.catalog-nav__tags-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.catalog-nav__tags-list li {
  margin: 0 11px 0 0;
}
.catalog-nav__tags-list li:last-child {
  padding-right: 10px;
}
.catalog-nav__tag {
  background-color: var(--white);
  border-radius: 10px;
  display: block;
  flex-shrink: 0;
  font-size: 13px;
  padding: 9px 35px 9px 13px;
  position: relative;
  transition-duration: 0.2s;
}
.catalog-nav__tag::after {
  --size: 14px;
  background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-search-light.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  height: var(--size);
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: var(--size);
}
.catalog-nav__tag:hover::after {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-search-dark.svg);
}
.catalog-nav__menu-item:hover svg {
  transform: scale(1.2);
}
@media (min-width: 768px) {
  .catalog-nav {
    padding: 51px 0 52px;
  }
  .catalog-nav .search {
    flex-grow: 1;
    margin-top: 0;
  }
  .catalog-nav__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .catalog-nav__menu {
    flex-shrink: 0;
    font-size: 14px;
    margin-left: 21px;
    min-width: 42.9%;
    order: 1;
    width: auto;
  }
  .catalog-nav__menu ul {
    justify-content: flex-end;
  }
  .catalog-nav__menu li {
    margin-left: 10px;
  }
  .catalog-nav__menu li:first-child {
    margin-left: 0;
  }
  .catalog-nav__menu-item svg {
    --size-icon: 32px;
  }
  .catalog-nav__menu-item.icon-fav svg {
    --size-icon: 33px;
  }
  .catalog-nav__menu-item.icon-fav .catalog-nav__menu-icon {
    transform: translateY(-1px);
  }
  .catalog-nav__menu-name {
    font-size: 16px;
    margin: 0;
  }
  .catalog-nav__menu-icon {
    transform: translateY(-4px);
  }
  .catalog-nav__tags {
    margin-top: 16px;
  }
  .catalog-nav__tag {
    font-size: 14px;
    padding: 12px 40px 12px 16px;
  }
  .catalog-nav__tag::after {
    --size: 16px;
    right: 15px;
  }
}
@media (min-width: 1024px) {
  .catalog-nav {
    max-width: 1320px;
    overflow: hidden;
    padding: 60px 0;
    width: 97%;
  }
  .catalog-nav__menu {
    font-size: 16px;
    margin-left: 28px;
    min-width: 31.6%;
  }
  .catalog-nav__menu li {
    margin-left: 10px;
  }
  .catalog-nav__number {
    --size: 22px;
    font-size: 16px;
  }
  .catalog-nav__tags {
    margin-top: 20px;
  }
  .catalog-nav__tag {
    font-size: 14px;
    padding: 11px 40px 12px 15px;
  }
  .catalog-nav__menu-icon {
    transform: translateY(-1px);
  }
  .catalog-nav__menu-name {
    margin-top: 4px;
    transform: translateY(-2px);
  }
}
@media (min-width: 1560px) {
  .catalog-nav {
    padding: 78px 0 80px;
    max-width: 1760px;
    width: 97%;
  }
  .catalog-nav__menu {
    min-width: 23.5%;
  }
  .catalog-nav__tag {
    font-size: 15px;
    padding: 13px 39px 12px 15px;
  }
  .catalog-nav__tags {
    margin-top: 30px;
  }
}
.catalog-bottom__banner {
  height: auto;
  width: 100%;
}
.catalog-bottom__banner img {
  height: auto;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .catalog-bottom .promo,
  .catalog-bottom .coop {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .catalog-bottom--detail {
    margin-bottom: 100px;
  }
  .catalog-bottom .promo__wrap,
  .catalog-bottom .coop__wrap {
    height: 100%;
    padding: 61px 0;
    width: 100%;
  }
  .catalog-bottom .coop__left {
    width: 100%;
  }
  .catalog-bottom .promo__text {
    font-size: 16px;
    margin-top: -5px;
    margin-bottom: 56px;
  }
  .catalog-bottom .h2 {
    margin-bottom: 37px;
    line-height: 1;
  }
  .catalog-bottom .coop__container {
    margin-top: -8px;
  }
}
@media (min-width: 1560px) {
  .catalog-bottom--detail {
    margin-top: 161px;
    margin-bottom: 159px;
  }
  .catalog-bottom .h2 {
    margin-bottom: 45px;
  }
  .catalog-bottom .promo__text {
    font-size: 18px;
    margin-top: -1px;
    margin-bottom: 62px;
  }
  .catalog-bottom .coop__text {
    margin-bottom: 60px;
  }
  .catalog-bottom .btn {
    padding: 9px 10px 10px 9px;
  }
  .catalog-bottom .coop__container {
    margin-top: -5px;
  }
}
.catalog-slider {
  margin: 81px 0 80px;
  overflow: hidden;
}
.catalog-slider .catalog-item {
  border: none;
  height: 100%;
  padding: 0 0 0 16px;
}
.catalog-slider .catalog-item__text {
  margin-bottom: 18px;
}
.catalog-slider--detail {
  margin-top: 41px;
}
.catalog-slider__carousel.swiper {
  margin: 0;
  position: relative;
  overflow: visible;
  width: 91%;
}
.catalog-slider__carousel.swiper .swiper-wrapper {
  align-items: stretch;
}
.catalog-slider__carousel.swiper .swiper-slide {
  height: auto;
}
.catalog-slider__buttons {
  display: none;
}
.catalog-slider__button {
  --size: 52px;
  background-color: var(--color-light);
  border: none;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  padding: 0;
  width: var(--size);
}
.catalog-slider__button svg {
  --icon-size: calc(var(--size) - 20px);
  height: var(--icon-size);
  fill: var(--color-highlight);
  width: var(--icon-size);
}
.catalog-slider__button--prev svg {
  transform: scale(-1, -1);
}
.catalog-slider__button:disabled {
  opacity: 0;
}
@media (min-width: 768px) {
  .catalog-slider {
    margin: 100px 0;
  }
  .catalog-slider h2 {
    margin-bottom: 60px;
  }
  .catalog-slider__wrap {
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
    width: calc(100% - 79px);
  }
  .catalog-slider__carousel.swiper {
    overflow: hidden;
    width: 100%;
  }
  .catalog-slider__carousel.swiper .catalog-item {
    padding: 0;
  }
  .catalog-slider__buttons {
    display: block;
  }
  .catalog-slider__button {
    position: absolute;
    top: 73px;
    z-index: 10;
  }
  .catalog-slider__button--prev {
    left: -25px;
  }
  .catalog-slider__button--next {
    right: -25px;
  }
}
@media (min-width: 1024px) {
  .catalog-slider {
    margin: 119px 0 122px;
  }
  .catalog-slider--detail {
    margin-bottom: 150px;
  }
  .catalog-slider .catalog-item__text {
    margin-bottom: 35px;
  }
  .catalog-slider h2 {
    margin-bottom: 44px;
  }
  .catalog-slider__wrap {
    max-width: 1200px;
    width: calc(100vw - 79px);
  }
  .catalog-slider__button {
    top: 87px;
  }
}
@media (min-width: 1560px) {
  .catalog-slider {
    margin: 157px 0 160px;
  }
  .catalog-slider h2 {
    margin-bottom: 56px;
  }
  .catalog-slider__wrap {
    max-width: 1600px;
    width: calc(100% - 100px);
  }
  .catalog-slider__button {
    top: 111px;
  }
}
@media (min-width: 1600px) {
  .catalog-slider__button {
    --size: 60px;
  }
  .catalog-slider__button svg {
    --icon-size: calc(var(--size) - 30px);
  }
}
.search {
  margin: 0;
}
.search input:focus::-moz-placeholder {
  color: transparent;
}
.search input:focus::placeholder {
  color: transparent;
}
.search__form {
  background-color: var(--white);
  border: 1px solid var(--color-light-secondary);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 9px 9px 9px 6px;
}
.search__form::before {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/ic-search.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  height: 24px;
  flex-shrink: 0;
  width: 24px;
}
.search__form:focus-within,
.search__form:hover {
  border-color: var(--color-highlight);
}
.search__form input {
  background-color: transparent;
  border: none;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 18px;
  margin-right: 5px;
  padding: 5px;
}
.search__form input:focus {
  outline: none;
}
.search__form .btn {
  padding: 10px 14px;
  width: -moz-fit-content;
  width: fit-content;
}
.search__form .btn:hover {
  border-color: var(--color-light-secondary);
}
@media (min-width: 768px) {
  .search__form {
    border-radius: 18px;
    padding: 8px 9px 8px 10px;
  }
  .search__form::before {
    height: 37px;
    margin-left: 7px;
    width: 37px;
  }
  .search__form input {
    font-size: 16px;
  }
  .search__form .btn {
    border-radius: 12px;
    padding: 16px;
  }
}
@media (min-width: 1024px) {
  .search__form {
    border-radius: 20px;
    padding: 9px 9px 9px 17px;
  }
  .search__form::before {
    margin-left: 0;
  }
  .search__form input {
    font-size: 20px;
    padding: 10px 17px;
  }
  .search__form .btn {
    padding: 16px;
  }
}
@media (min-width: 1560px) {
  .search__form {
    padding: 9px 9px 9px 24px;
  }
  .search__form .btn {
    padding: 20px 18px;
  }
}
.catalog-detail__bages {
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 10;
}
.catalog-detail__bage {
  border-radius: 4px;
  font-size: 11px;
  margin: 0 0 5px;
  padding: 4px 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.catalog-detail__bage.new {
  background-color: var(--red);
  color: var(--white);
}
.catalog-detail__price-block {
  color: var(--color-highlight);
}
.catalog-detail__price {
  font-size: 25px;
  line-height: 1.2;
  margin: 0 0 4px;
}
.catalog-detail__price-note {
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
  margin: 0 0 4px;
}
.catalog-detail__buy.btn {
  border-radius: 12px;
  padding: 16px 36px;
  width: -moz-fit-content;
  width: fit-content;
}
.catalog-detail__table {
  width: 100%;
}
.catalog-detail__block {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  /*padding: 39px 0 40px;*/
  margin: 39px 0 40px;
}
.catalog-detail__block p:not([class]) {
  margin: 0 0 15px;
}
.catalog-detail__block .longread {
  height: 0;
  overflow: hidden;
  transition-duration: 0.2s;
  visibility: hidden;
}
.catalog-detail__block .h2 {
  margin-bottom: 17px;
}
.catalog-detail__block--full .longread {
  height: auto;
  visibility: visible;
}
.catalog-detail__block--full .catalog-detail__table tr:nth-child(n+8) {
  display: table-row;
}
.catalog-detail__block--full .catalog-detail__doc:nth-child(n + 3) {
  display: block;
}
.catalog-detail__block--full .catalog-detail__materials li:nth-child(n + 3) {
  display: block;
}
#main .catalog-detail__more {
  margin-top: 24px;
}
.catalog-detail__more {
  background-color: transparent;
  border: none;
  color: var(--color-highlight);
  font-weight: var(--f-lighter);
  margin: 0;
  padding: 0;
}
.catalog-detail__title {
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 15px;
}
.catalog-detail__table {
  margin: 0 0 43px;
  table-layout: fixed;
}
.catalog-detail__table td {
  width: 49%;
}
.catalog-detail__table th {
  width: 51%;
}
.catalog-detail__table tr:nth-child(n+8) {
  display: none;
}
.catalog-detail__docs {
  margin: 19px 0 0;
}
.catalog-detail__doc {
  margin: 0 0 41px;
}
.catalog-detail__doc:nth-child(n + 3) {
  display: none;
}
.catalog-detail__name {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 20px;
}
.catalog-detail__doc-text {
  display: none;
  font-weight: var(--f-lighter);
  margin: 0 0 19px;
}
.catalog-detail__doc-left .catalog-detail__doc-text {
  display: block;
}
.catalog-detail__doc-info {
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
  margin: 0 0 19px 3px;
}
.catalog-detail__materials {
  margin: 0 0 37px;
}
.catalog-detail__materials li {
  margin: 0 0 7px;
}
.catalog-detail__materials li:nth-child(n + 3) {
  display: none;
}
.catalog-detail__material {
  background-color: var(--color-light);
  color: var(--color-text);
  display: block;
  margin: 0;
  padding: 37px 10px 10px;
  position: relative;
}
.catalog-detail__material .arrow {
  --size: 24px;
  background-color: var(--white);
  position: absolute;
  right: 10px;
  top: 12px;
}
.catalog-detail__material:hover .arrow {
  background-color: var(--color-highlight);
}
.catalog-detail__material:hover .arrow svg {
  stroke: var(--white);
}
.catalog-detail__material-title {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 11px;
}
.catalog-detail__material-text {
  display: block;
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.catalog-detail__buy.btn {
  border-radius: 12px;
   line-height: 140%;
        padding: 13.8px 20px;
}
@media (min-width: 768px) {
  .catalog-detail__block {
    display: none;
  }
  .catalog-detail__block--open {
    display: block;
  }
  .catalog-detail__block .h2 {
    display: none;
  }
  .catalog-detail__block .longread {
    height: auto;
    visibility: visible;
  }
  .catalog-detail__bages {
    right: 16px;
    top: 14px;
  }
  .catalog-detail__bage {
    font-size: 16px;
    padding: 5px;
  }
  .catalog-detail__price-block {
    margin-top: 61px;
  }
  .catalog-detail__price {
    font-size: 32px;
    margin-bottom: 11px;
  }
  .catalog-detail__price-note {
    font-size: 16px;
  }
  .catalog-detail__title {
    font-size: 26px;
  }
  .catalog-detail__more {
    display: none;
  }
  .catalog-detail__docs {
    margin-top: 28px;
  }
  .catalog-detail__doc {
    margin: 0 0 40px;
  }
  .catalog-detail__doc:nth-child(n + 3) {
    display: block;
  }
  .catalog-detail__doc-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .catalog-detail__doc-wrap::before {
    background-color: transparent;
    border-bottom: 1px dotted var(--color-light-secondary);
    content: '';
    flex-grow: 1;
    height: 1px;
    margin: 0 10px;
    order: 1;
    transform: translateY(10px);
  }
  .catalog-detail__doc-left {
    max-width: 70%;
    order: 0;
  }
  .catalog-detail__doc-left .catalog-detail__doc-text {
    display: none;
  }
  .catalog-detail__doc-text {
    display: block;
    width: 70%;
  }
  .catalog-detail__doc-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    order: 2;
  }
  .catalog-detail__doc-right .btn {
    border-radius: 15px;
    margin-left: 21px;
  }
  .catalog-detail__name {
    transform: translateY(-2px);
    font-size: 18px;
    margin: 0;
  }
  .catalog-detail__doc-info {
    font-size: 16px;
    flex-shrink: 0;
    margin: 0;
  }
  .catalog-detail__materials {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 27px 0 0;
  }
  .catalog-detail__materials li {
    margin: 0;
  }
  .catalog-detail__materials li:nth-child(n + 3) {
    display: block;
  }
  .catalog-detail__material {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
    padding: 80px 43px 25px 20px;
    width: 100%;
  }
  .catalog-detail__material .arrow {
    --size: 32px;
    right: 10px;
    top: 10px;
  }
}
@media (min-width: 1024px) {
  .catalog-detail__title {
    font-size: 42px;
    margin-top: 27px;
    margin-bottom: 22px;
  }
  .catalog-detail__table {
    margin-bottom: 57px;
  }
  .catalog-detail__name {
    transform: translateY(-2px);
    font-size: 24px;
  }
  .catalog-detail__material-title {
    font-size: 24px;
  }
  .catalog-detail__material {
    padding: 135px 65px 30px 28px;
  }
  .catalog-detail__material .arrow {
    --size: 40px;
    right: 15px;
    top: 13px;
  }
}
@media (min-width: 1560px) {
  .catalog-detail__doc-right .btn--download {
    padding: 9px 9px 9px 10px;
  }
  .catalog-detail__materials {
    grid-template-columns: repeat(4, 1fr);
  }
  .catalog-detail__buy.btn {
    border-radius: 15px;
            line-height: 140%;
        padding: 16.41px 20px;
  }
}
.longread__hero {
  padding: 20px 0;
  text-align: center;
}
.longread__img {
  width: 100%;
}
.longread__img img {
  max-height: 759px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.longread__dark {
  background-color: var(--color-light);
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 0 auto;
  max-width: 1760px;
  padding: 41px 0;
  width: 100%;
}
.longread__dark--bg {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 45vw;
  position: relative;
}
.longread__dark--bg::after {
  background: linear-gradient(to top, transparent 0, transparent 30vw, var(--color-light) 45vw);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.longread__dark--bg .container {
  z-index: 2;
}
.longread__dark ul {
  padding: 0 0 0 20px;
}
.longread__title {
  font-size: 22px;
  font-weight: var(--f-normal);
  line-height: normal;
  margin: 0 0 10px;
}
.longread__block {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  padding: 40px 0;
}
.longread__flex-img {
  margin: 40px 0 0;
  width: 100%;
}
.longread__flex-img img {
  display: block;
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .longread__title {
    font-size: 26px;
    margin-bottom: 25px;
    width: 100%;
  }
  .longread__dark {
    font-size: 16px;
    margin-bottom: 80px;
    padding: 50px 0;
  }
  .longread__dark ul {
    margin-top: 0;
    padding-left: 30px;
  }
  .longread__dark--bg {
    background-size: cover;
    background-position: right;
    margin-bottom: 80px;
    margin-top: 80px;
    padding: 80px 0;
  }
  .longread__dark--bg::after {
    background: linear-gradient(to left, transparent 0, transparent 40%, var(--color-light) 50%);
  }
  .longread__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 1.4;
  }
  .longread__flex--reverse {
    flex-direction: row-reverse;
  }
  .longread__flex--center {
    align-items: center;
  }
  .longread__block {
    font-size: 15px;
    margin: 30px auto;
  }
  .longread__block .longread__title {
    margin-bottom: 21px;
  }
  .longread__block p:last-child {
    margin-bottom: 0;
  }
  .longread__block p:not([class]) {
    line-height: 1.5;
  }
  .longread__flex-block {
    width: 49%;
  }
  .longread__flex-img {
    margin: 0;
  }
  .longread__flex-img img {
    max-height: 450px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .longread__half {
    font-size: 18px;
    width: 50%;
  }
  .longread__half .longread__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .longread__hero {
    padding: 20px 0 34px;
  }
  .longread__hero .h1 {
    margin-bottom: 29px;
  }
  .longread__dark {
    font-size: 20px;
    margin-bottom: 100px;
    max-width: 1320px;
    padding: 61px 0;
    width: 97%;
  }
  .longread__dark--bg {
    margin-bottom: 100px;
    margin-top: 100px;
    padding: 157px 0 150px;
  }
  .longread__title {
    font-size: 32px;
    margin-bottom: 29px;
  }
  .longread__block {
    font-size: 18px;
    margin: 55px auto;
  }
}
@media (min-width: 1560px) {
  .longread__dark {
    margin-bottom: 127px;
    padding: 79px 0 61px;
    max-width: 1760px;
  }
  .longread__dark--bg {
    background-size: contain;
    margin-bottom: 177px;
    margin-top: 120px;
    padding: 157px 0 150px;
  }
  .longread__title {
    font-size: 42px;
    margin-bottom: 42px;
  }
  .longread__block {
    font-size: 18px;
    margin: 73px auto;
  }
}
.favorite .catalog__main-block {
  width: 100%;
}
.favorite .catalog-item:last-child {
  border-bottom: none;
}
.favorite .catalog__wrap {
  margin-bottom: 42px;
}
@media (min-width: 768px) {
  .favorite .catalog__items {
    position: relative;
  }
  .favorite .catalog__items::after {
    background-color: var(--color-bg-main);
    content: '';
    bottom: 0;
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  .favorite .catalog__wrap {
    margin-bottom: 62px;
  }
}
@media (min-width: 1024px) {
  .favorite .catalog__items {
    grid-template-columns: repeat(4, 1fr);
  }
  .favorite .catalog__wrap {
    margin-bottom: 79px;
  }
}
@media (min-width: 1100px) {
  .favorite .catalog__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1560px) {
  .favorite .catalog__wrap {
    margin-bottom: 119px;
  }
}
.compare__wrap {
  margin: 32px 0 80px;
}
.compare__filter-top {
  padding: 9px 0 30px;
}
.compare__tag {
  display: none;
}
.compare__main {
  position: relative;
}
.compare__aside {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.compare__aside .compare__row {
  border: none;
  font-size: 14px;
  font-weight: var(--f-lighter);
  padding-top: 16px;
}
.compare__row {
  font-size: 16px;
  padding: 41px 0px 13px;
}
.compare__row:first-child {
  padding: 0;
}
.compare__row--top {
  visibility: hidden;
}
.compare__row--border {
  border-bottom: 1px solid var(--color-light-secondary);
}
.compare__row .catalog-item__basket span:not([class]) {
  display: none;
}
.compare__row .catalog-item__icon {
  --size: 40px;
}
.compare__row .catalog-item {
  border: none;
  height: 100%;
  padding: 29px 4px 38px 2px;
}
.compare__row .catalog-item__img {
  height: 88px;
}
.compare__row .catalog-item__bages {
  right: -1px;
}
.compare__row .catalog-item__name {
  margin-bottom: 9px;
}
.compare__row .catalog-item__btns {
  margin-top: 18px;
}
.compare__row .catalog-item__icon-basket {
  --size: 37px;
  margin: 0 auto;
}
.compare__row .catalog-item__basket {
  border-radius: 10px;
  padding: 1px 9px;
}
.compare__row .catalog-item__icon {
  border-radius: 10px;
}
.compare__row .catalog-item__icon svg {
  --icon-size: calc(var(--size) - 7px);
}
.compare__slider {
  position: relative;
  z-index: 10;
}
.compare__slider .swiper-slide {
  width: 50%;
}
.compare__slider-nav {
  display: none;
}
.compare__sort-list {
  margin: 0;
}
.compare__sort-list li {
  margin: 0 0 18px;
}
.compare__sort-list a,
.compare__sort-list button {
  background-color: transparent;
  border: none;
  color: var(--color-highlight);
  display: block;
  font-weight: var(--f-lighter);
  padding: 0;
}
.compare__categories-list {
  margin: 2px 0 0;
}
.compare__category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 20px;
  width: 100%;
}
.compare__category--all .compare__category-name {
  font-size: 13px;
  font-weight: var(--f-normal);
}
.compare__category-name {
  font-size: 16px;
  font-weight: var(--f-lighter);
}
.compare__category-name span {
  display: inline-block;
  font-weight: var(--f-lighter);
  margin-left: 4px;
}
.compare__category-bth {
  --size: 24px;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  padding: 0;
  width: var(--size);
}
.compare__category-bth::before,
.compare__category-bth::after,
.compare__category-bth span {
  --icon-size: 2px;
  background-color: var(--color-highlight);
  border-radius: 50%;
  content: '';
  display: block;
  height: var(--icon-size);
  margin: 0 1px;
  width: var(--icon-size);
}
.compare__category-bottom {
  border-top: 1px solid var(--color-light-secondary);
  padding: 19px 0;
}
.compare__clear {
  background-color: transparent;
  border: none;
  color: var(--color-highlight);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: var(--f-lighter);
  margin: 40px 0 41px;
  padding: 0;
  width: 100%;
}
.compare__clear span {
  display: block;
}
.compare__clear-icon {
  --size: 23px;
  height: var(--size);
  margin-right: 1px;
  width: var(--size);
}
.compare__clear-icon svg {
  height: inherit;
  fill: var(--color-highlight);
  width: inherit;
}
.compare__slider-buttons {
  display: none;
}
.compare__slider-button {
  --size: 52px;
  background-color: var(--color-light);
  border: none;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  padding: 0;
  position: absolute;
  width: var(--size);
  z-index: 10;
}
.compare__slider-button svg {
  --icon-size: calc(var(--size) - 20px);
  height: var(--icon-size);
  fill: var(--color-highlight);
  width: var(--icon-size);
}
.compare__slider-button--prev svg {
  transform: scale(-1, -1);
}
.compare__slider-button:disabled {
  opacity: 0;
}
@media (min-width: 768px) {
  .compare__row .catalog-item__basket span:not([class]) {
    display: block;
  }
  .compare__row .catalog-item__icon-basket {
    display: none;
  }
  .compare__slider .swiper-slide {
    width: 33.33%;
  }
}
@media (min-width: 1024px) {
  .compare__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 60px;
  }
  .compare__top h1 {
    margin-bottom: 0;
  }
  .compare__clear {
    font-size: 16px;
    margin: 0;
    padding: 2px 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  .compare__clear-icon {
    --size: 34px;
    margin-right: 7px;
  }
  .compare__wrap {
    margin: 61px 0 100px;
  }
  .compare__wrap .section-header {
    display: none;
  }
  .compare__main {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 59px;
  }
  .compare__aside {
    position: static;
    width: 25%;
  }
  .compare__aside .compare__row {
    font-size: 18px;
  }
  .compare__aside .compare__row:not(:first-child) {
    padding: 20px 2px;
  }
  .compare__aside .compare__row--border {
    border-bottom: 1px solid var(--color-light-secondary);
  }
  .compare__slider {
    position: relative;
    width: 75%;
  }
  .compare__row--top {
    visibility: visible;
  }
  .compare__row--top .h4 {
    margin-bottom: 40px;
  }
  .compare__tag {
    display: block;
  }
  .compare__slider-buttons {
    display: block;
  }
  .compare__slider-button {
    top: 87px;
  }
  .compare__slider-button--prev {
    left: -25px;
  }
  .compare__slider-button--next {
    right: -25px;
  }
  .compare__form {
    margin-bottom: 61px;
  }
  .compare__form .btn {
    border-radius: 15px;
    margin-top: 45px;
    padding: 18px 19px;
  }
  .compare__btn {
    background-color: transparent;
    border: none;
    color: var(--color-highlight);
    display: block;
    font-size: 16px;
    font-weight: var(--f-lighter);
    margin: 0 0 22px;
    padding: 0;
  }
  .compare__row {
    font-size: 18px;
    padding: 20px 7px;
  }
  .compare__row .catalog-item {
    padding: 0 11px 16px 7px;
  }
  .compare__row .catalog-item__img {
    height: 220px;
  }
  .compare__row .catalog-item__btns {
    margin-top: 21px;
  }
}
@media (min-width: 1560px) {
  .compare__wrap {
    margin: 61px 0 159px;
  }
  .compare__row .catalog-item__img {
    height: 284px;
  }
  .compare__row .catalog-item__basket {
    padding: 1px 15px;
  }
  .compare__slider-button {
    --size: 62px;
    top: 110px;
  }
}
.integration__tag {
  margin: 39px 0 40px;
  overflow-x: scroll;
  scrollbar-color: transparent;
  scrollbar-width: none;
}
.integration__tag::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  height: 0;
  width: 0;
}
.integration__tag .tags {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.integration__items {
  margin-bottom: 80px;
  margin-top: 80px;
}
@media (min-width: 1024px) {
  .integration + .promo {
    margin-bottom: 30px;
  }
  .about + .promo {
    margin-bottom: 30px;
  }
}
@media (min-width: 1560px) {
  .integration .info__number-wrap {
    margin-bottom: 58px;
  }
  .integration .info__wrap {
    padding-bottom: 0;
  }
  .integration__tag {
    margin: 56px 0 60px;
  }
  .integration__tag .tags__item {
    margin-right: 8px;
  }
}
.integration-bottom .coop__text {
  margin-top: 22px;
}
.integration-bottom .coop + .coop .coop__wrap {
  padding-top: 0;
}
.integration-bottom .coop__wrap {
  width: 100%;
}
@media (min-width: 768px) {
  .integration-bottom .coop__left {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .integration-bottom .coop + .coop .coop__wrap {
    padding-top: 61px;
  }
  .integration-bottom .coop__wrap {
    padding: 61px 0;
  }
}
@media (min-width: 1560px) {
  .integration-bottom .coop + .coop .coop__wrap {
    padding-top: 77px;
  }
  .integration-bottom .coop__wrap {
    padding: 77px 0;
  }
  .integration-bottom .h2 {
    margin-bottom: 13px;
  }
}
.project-sect__filter-top {
  border: none;
  padding: 20px 0 20px;
}
.project-sect__items {
  margin: 0 0 40px;
}
.project-sect__items li {
  margin-bottom: 19px;
}
.project-sect__main {
  margin-bottom: 81px;
}
.project-sect__filter-title {
  float: none;
  font-size: 18px;
  line-height: 1.2;
  margin: 2px 0 19px;
}
.project-sect__filter-sect {
  font-weight: var(--f-lighter);
  margin: 0;
}
.project-sect__filter-sect li {
  margin: 0 0 17px;
}
.project-sect__filter-sect a {
  color: var(--color-text);
  transition-duration: 0.1s;
}
.project-sect__filter-sect a:hover {
  font-weight: var(--f-normal);
  text-decoration: none;
}
.project-sect__filter-sect .active {
  font-weight: var(--f-normal);
}
.project-sect__filter-item {
  margin: 0 0 39px;
}
.project-sect__filter-item ul {
  margin: 0;
}
.project-sect__filter-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.project-sect__filter-list .filter__item-checkbox {
  width: 49%;
}
.project-sect__filter-wrap .filter__btn {
  border-radius: 12px;
  margin-top: -18px;
  padding: 16px 15px;
}
.project-detail .slider-with-thumb__img{
  display: flex;
}
@media (min-width: 768px) {
  .project-sect__items {
    display: grid;
    gap: 25px 16px;
    grid-template-columns: repeat(3, 1fr);
  }
  .project-sect__items li {
    margin: 0;
  }
  .project-sect__items li:nth-child(7n+2) {
    grid-column-start: 2;
    grid-column-end: 4;
  }
  .project-sect__items li:nth-child(7n+6) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .project-sect__filter-title {
    font-size: 20px;
    margin-bottom: 27px;
  }
  .project-sect__filter-sect li {
    margin-bottom: 17px;
  }
  .project-sect__filter-item {
    margin-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  .project-sect__wrap .section-header {
    display: none;
  }
  .project-sect__items {
    gap: 30px 21px;
  }
  .project-sect__aside {
    display: block;
    height: auto;
    flex-shrink: 0;
    opacity: 1;
    position: static;
    visibility: visible;
    z-index: 10;
  }
  .project-sect__aside .container {
    width: 100%;
  }
  .project-sect__aside .filter-modal__top {
    display: none;
  }
  .project-sect__left {
    margin: 0;
  }
  .project-sect__filter-title {
    font-size: 20px;
    margin: 0 0 28px;
  }
  .project-sect__filter-sect {
    font-size: 14px;
  }
  .project-sect__filter-sect li {
    margin-bottom: 17px;
  }
  .project-sect__filter-item {
    margin-bottom: 49px;
  }
  .project-sect__filter-list .filter__item-checkbox {
    width: 48%;
  }
}
@media (min-width: 1560px) {
  .project-sect h1 {
    margin-bottom: 58px;
  }
  .project-sect .info {
    margin-bottom: 0;
  }
  .project-sect .info + .coop {
    margin-top: -20px;
  }
  .project-sect .info + .coop .coop__wrap {
    padding-top: 0;
  }
  .project-sect .info__number-wrap {
    margin-bottom: 58px;
  }
  .project-sect .info__wrap {
    padding-bottom: 0;
  }
  .project-sect__items {
    gap: 43px 29px;
    margin-bottom: 65px;
  }
  .project-sect__items .projects-item__img {
    margin-bottom: 20px;
  }
  .project-sect__filter-title {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .project-sect__filter-sect {
    font-size: 16px;
    margin-bottom: 36px;
  }
  .project-sect__filter-item {
    margin-bottom: 44px;
  }
  .project-sect__filter-wrap .filter__btn {
    border-radius: 15px;
    margin-top: 3px;
    padding: 19px;
  }
  .project-sect__main {
    margin-bottom: 160px;
  }
}
.project-detail h1 {
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.2;
}
.project-detail .detail-head {
  padding: 41px 0 40px;
}
.project-detail .slider-with-thumb__img {
    aspect-ratio: 0;
    /*aspect-ratio: 1.31726908;*/
}
.project-detail .slider-with-thumb__slider-big .swiper-slide[data-swiper-slide-index="0"] .slider-with-thumb__img img, .project-detail .slider-with-thumb__slider-big .swiper-slide:not([data-swiper-slide-index]):first-child .slider-with-thumb__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.project-detail .slider-with-thumb__slider-big .swiper-slide:not([data-swiper-slide-index="0"]) .slider-with-thumb__img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  
}
.detail-head .container {
      gap: 30px;
}
.detail-head__gallery, .detail-head__top-info {
      width: calc(50% - 15px);
}
.project-detail .slider-with-thumb__thumb{
  height: 60px;
  background-color: transparent;
  cursor: pointer;
      display: flex;
    justify-content: center;
}
.project-detail .detail-head__top-text {
  font-size: 16px;
}
.project-detail .detail-head__more-top {
  margin-top: 18px;
}
.project-detail__basic {
  background-color: var(--color-light);
  font-weight: var(--f-lighter);
  line-height: 1.3;
  padding: 31px 20px 29px;
}
.project-detail__basic p {
  margin: 0;
}
.project-detail__basic .btn {
  border-radius: 12px;
  margin: 40px 0 11px;
}
.project-detail__basic-item {
  margin: 0 0 22px;
}
.project-detail__basic-title {
  font-weight: var(--f-normal);
}
.project-detail__doc-info {
  margin: 0;
}
.project-detail__text {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 40px 0 0;
}
.project-detail__text--full .mobile {
  display: none;
}
.project-detail__text--full .tablet {
  display: block;
}
.project-detail__text h2 {
  line-height: 1.2;
  margin: 41px 0 20px;
}
.project-detail__text ul {
  list-style: none;
  margin: 0 0 40px;
  padding-left: 24px;
}
.project-detail__text ul li {
  position: relative;
}
.project-detail__text ul li::before {
  background-color: var(--color-text);
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 9px;
  left: -13px;
  height: 3px;
  width: 3px;
}
.project-detail__text li {
  margin: 0 0 1px;
}
.project-detail__more {
  background-color: transparent;
  border: 0;
  color: var(--color-link);
  font-weight: var(--f-lighter);
  margin: 22px 0 0;
  padding: 0;
}
.project-detail__main {
  padding-bottom: 78px;
}
.btn.project-detail__show {
  border-radius: 12px;
}
.project-detail .detail-head__top-text {
    margin: 0 0 40px;
}
.project-detail h1{
  font-size: 28px;
}
@media (max-width: 768px) {
  .btn.project-detail__show {
    font-size: 16px;
    line-height: 135%;
    padding: 14.4px;
  }
  .detail-head__gallery, .detail-head__top-info{
    width: 100%;
  }
  .slider-with-thumb__slider-big {
      /*aspect-ratio: 296 / 249;*/
      
      aspect-ratio: 0;
  }
  .slider-with-thumb__slider-big .swiper-slide  {
    
    max-height: 249px;
  }
  /*.slider-with-thumb__slider-big .swiper-slide {
    padding: 38px 0;
  }*/
  .project-detail .slider-with-thumb__thumb{
      display: none;
    }
    .project-detail .slider-with-thumb__slider-thumb{
      display: none;
    }
  .slider-with-thumb__slider-thumb{
    margin-top: 20px;
  }
    .slider-with-thumb__slider-thumb .swiper-slide{
      background-color: #D9D9D9;
      width: 4px;
      height: 4px;
      margin-right: 15px;
      border-radius: 50%;
    }
    .slider-with-thumb__slider-thumb .swiper-slide.swiper-slide-thumb-active{
      background-color: #0B4589;
    }
    .slider-with-thumb__slider-thumb .swiper{
      width: auto;
    }
    .slider-with-thumb__slider-thumb .swiper .swiper-wrapper{
      justify-content: center;
    }
}
@media (min-width: 768px) {
  .project-detail .detail-head {
    padding: 60px 0 47px;
    margin-bottom: 40px;
  }
  .project-detail .slider-with-thumb__slider {
    margin-bottom: 0;
  }
  .project-detail .detail-head__top-text {
    flex-grow: 1;
  }
  .project-detail__text h2 {
    font-size: 22px;
  }
  .project-detail__more {
    display: none;
  }
  .project-detail .detail-head__top-text {
      margin: 0 0 25px;
  }
  .project-detail h1{
    font-size: 50px;
    line-height: 1;
  }
  .btn.project-detail__show {
    /*border-radius: 15px;*/
    font-size: 18px;
    line-height: 135%;
    padding: 17.05px 20px;
  }
}
@media (min-width: 1024px) {
  .project-detail h1 {
    -webkit-hyphens: none;
            hyphens: none;
    line-height: 1;
  }
  .project-detail .detail-head {
    margin-bottom: 60px;
    padding: 84px 0 78px;
  }
  .project-detail .slider-with-thumb__img {
    aspect-ratio: 0;
    /*aspect-ratio: 1.33503401;*/
  }
  .project-detail .detail-head__top-text p {
    margin-bottom: 21px;
  }
  .project-detail .detail-head__top-text {
      margin: 0 0 25px;
  }
  .project-detail .detail-head__image {
    margin: -5px 0 10px;
  }
  /*.btn.project-detail__show {
    border-radius: 15px;
    padding: 19px;
  }*/
  .project-detail__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .project-detail__basic {
    font-size: 16px;
    order: 1;
    padding: 31px 29px 29px;
    width: 23.5%;
  }
  .project-detail__basic p {
    margin-bottom: 2px;
  }
  .project-detail__basic .btn {
    border-radius: 15px;
    margin-top: 62px;
    padding: 9px 10px 9px 10px;
  }
  .project-detail__text {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 0;
    width: 75%;
  }
  .project-detail__text > *:first-child {
    margin-top: 0;
  }
  .project-detail__text h2 {
    font-size: 22px;
  }
  .project-detail__text ul {
    margin-bottom: 42px;
    padding-left: 23px;
  }
  .project-detail__text ul li::before {
    top: 10px;
  }
  .project-detail__text li {
    margin: 0 0 10px;
  }
  .project-detail__main {
    padding-bottom: 0;
  }
  .project-detail h1{
    font-size: 56px;
  }
}
@media (min-width: 1560px) {
  .project-detail__text h2 {
    font-size: 32px;
    line-height: 1;
  }
  .project-detail__text .promo {
    margin-top: 147px;
  }
  .project-detail h1{
    font-size: 60px;
  }
  .project-detail .detail-head__top-text{
    flex-grow: unset;
    margin: 0 0 40px;
  }
  
.btn.project-detail__show {
  border-radius: 15px;
}
}
.rent h1 {
  margin-bottom: 40px;
}
.rent .info__wrap {
  padding-bottom: 83px;
}
.rent__video {
  margin: 82px 0;
}
.rent__video-play {
  margin-bottom: 22px;
}
.rent__video-info {
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.rent__video-info p:not([class]) {
  margin: 0 0 22px;
}
.rent__video-info .link-list {
  display: none;
}
.rent__items {
  margin-bottom: 80px;
  margin-top: 80px;
}
.rent__more {
  margin-top: 39px;
}
@media (min-width: 768px) {
  .rent .info__wrap {
    padding-bottom: 50px;
  }
  .rent__video-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .rent__video-play {
    margin: 0;
    width: 66%;
  }
  .rent__video-info {
    width: 32%;
  }
  .rent__video-info .link-list {
    display: block;
    margin-top: 48px;
  }
  .rent__more {
    margin: 39px auto 0;
  }
}
@media (min-width: 1024px) {
  .rent h1 {
    margin-bottom: 54px;
  }
  .rent .coop__numbers li {
    padding-top: 12px;
    justify-content: flex-start;
  }
  .rent__video-info {
    font-size: 18px;
    line-height: 1.5;
  }
  .rent__video-info p:not([class]) {
    margin: 0 0 27px;
  }
}
@media (min-width: 1560px) {
  .rent h1 {
    margin-bottom: 59px;
  }
  .rent .info {
    margin-bottom: 155px;
  }
  .rent .info__wrap {
    padding-bottom: 66px;
  }
  .rent .coop {
    margin-bottom: 158px;
  }
  .rent .coop h2 {
    line-height: 1;
    margin-bottom: 40px;
    width: 50%;
  }
  .rent .coop__wrap {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .rent__video {
    margin: 150px 0 160px;
  }
  .rent__video-info .link-list {
    margin-top: 58px;
  }
  .rent__more {
    margin-top: 61px;
  }
}
.about h1 {
  font-size: 30px;
  line-height: 1;
}
.about .brands {
  margin: 80px 0;
}
.about .brands__list li:nth-child(n+9) {
  display: none;
}
.about__top {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin-bottom: 39px;
}
.about__top-right p {
  margin: 0 0 22px;
}
.about__top-right a {
  color: var(--color-text);
  text-decoration: underline;
}
.about__top-features {
  margin: 31px 0 0;
}
.about__top-features li {
  margin: 0 0 15px;
}
.about__pres.dark-bg {
  padding: 41px 0;
}
.about__pres-img {
  width: 100%;
}
.about__pres-img img {
  display: block;
  width: 100%;
}
.about__pres-info {
  margin: 20px 0 0;
}
.about__pres-info .btn {
  font-size: 15px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.about__pres-info .btn span {
  margin: 0;
}
.about__pres-info .btn .arrow {
  margin-left: 10px;
}
.about__pres-person {
  text-align: center;
}
.about__pres-name {
  font-size: 18px;
  margin: 0 0 10px;
}
.about__pres-job {
  font-size: 12px;
  font-weight: var(--f-lighter);
  margin: 0;
}
.about__pres-text {
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 11px 0 0;
}
.about__pres-text p {
  margin: 0;
}
.about__fields {
  margin: 80px 0;
}
.about__info {
  margin: 78px 0;
}
.about__info-img {
  margin: 0 0 20px;
  width: 100%;
}
.about__info-img img {
  display: block;
  width: 100%;
}
.about__info-title {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 8px;
}
.about__info-text {
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.about__info-text p {
  margin: 0 0 22px;
}
@media (min-width: 768px) {
  .about h1 {
    font-size: 40px;
  }
  .about .brands {
    margin: 97px 0 101px;
  }
  .about .brands__list li:nth-child(n+9) {
    display: block;
  }
  .about__top-features {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    white-space: nowrap;
  }
  .about__top-features li {
    margin: 0 10px 0 0;
  }
  .about__pres.dark-bg {
    padding: 60px 0;
  }
  .about__pres .container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .about__pres-img {
    flex-shrink: 0;
    width: 23.5%;
  }
  .about__pres-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin: 0;
    width: 74.5%;
  }
  .about__pres-info .btn {
    font-size: 18px;
    margin: 0;
    padding: 0;
  }
  .about__pres-person {
    margin-top: 40px;
    order: 1;
    text-align: left;
  }
  .about__pres-text {
    margin: 0;
  }
  .about__pres-name {
    font-size: 20px;
    margin-bottom: 11px;
  }
  .about__pres-job {
    font-size: 14px;
    margin: 0 0 11px;
  }
  .about__fields {
    margin: 100px 0;
  }
  .about__info {
    margin: 100px 0;
  }
  .about__info .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about__info-title {
    font-size: 26px;
    margin-bottom: 20px;
    order: -1;
    width: 100%;
  }
  .about__info-img {
    margin: 0;
    width: 49%;
  }
  .about__info-text {
    line-height: 1.5;
    width: 49%;
  }
}
@media (min-width: 1024px) {
  .about h1 {
    font-size: 50px;
  }
  .about .brands {
    margin: 117px 0 119px;
  }
  .about__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 79px;
    margin-top: 63px;
  }
  .about__top-right {
    font-size: 20px;
    line-height: 1.4;
    order: 1;
    width: 49%;
  }
  .about__top-right p {
    margin-bottom: 28px;
  }
  .about__top-right p:last-child {
    margin-bottom: 0;
  }
  .about__top-left {
    font-size: 20px;
  }
  .about__pres.dark-bg {
    padding: 79px 0;
  }
  .about__pres-text {
    font-size: 18px;
    line-height: 1.5;
  }
  .about__pres-name {
    font-size: 20px;
  }
  .about__pres-job {
    font-size: 14px;
  }
  .about__fields {
    margin: 120px 0;
  }
  .about__info {
    margin: 120px 0;
  }
  .about__info-title {
    font-size: 32px;
  }
  .about__info-text {
    font-size: 18px;
  }
  .about__info-text p {
    margin-bottom: 27px;
  }
}
@media (min-width: 1560px) {
  .about h1 {
    font-size: 100px;
  }
  .about .brands {
    margin: 157px 0 160px;
  }
  .about__top-features li {
    margin-right: 40px;
  }
  .about__pres-name {
    font-size: 24px;
  }
  .about__pres-job {
    font-size: 16px;
  }
  .about__fields {
    margin: 157px 0;
  }
  .about__info {
    margin: 158px 0 147px;
  }
  .about__info-title {
    font-size: 42px;
    margin-bottom: 40px;
  }
}
.awards {
  margin: 0 0 33px;
}
.awards__list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 37px 0;
  margin: 0;
}
.awards__item {
  padding: 2px 25px;
  position: relative;
  text-align: center;
  width: 49%;
}
.awards__item::before,
.awards__item::after {
  background-image: url(../../../../../../local/templates/polymedia/assets/img/laurel.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 28px;
}
.awards__item::before {
  left: 0;
}
.awards__item::after {
  right: 0;
  transform: scaleX(-1);
}
.awards__name {
  font-size: 18px;
  margin: 0 0 5px;
}
.awards__text {
  font-size: 12px;
  font-weight: var(--f-lighter);
  margin: 0;
}
@media (min-width: 768px) {
  .awards__list {
    gap: 40px 5%;
  }
  .awards__item {
    width: 17%;
  }
  .awards__name {
    font-size: 20px;
  }
  .awards__text {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .awards__name {
    font-size: 20px;
  }
  .awards__text {
    font-size: 14px;
  }
  .awards__item {
    padding: 12px 25px;
  }
  .awards__item::before,
  .awards__item::after {
    width: 70px;
  }
  .awards__item::before {
    left: -10px;
  }
  .awards__item::after {
    right: -10px;
  }
}
@media (min-width: 1560px) {
  .awards__list {
    gap: 67px 5%;
  }
  .awards__name {
    font-size: 24px;
  }
  .awards__text {
    font-size: 16px;
    line-height: 1.4;
  }
}
.letters-list.dark-bg {
  padding: 83px 0 80px;
}
.letters-list ul {
  margin: 0;
}
.letters-list__item {
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
  margin: 0;
}
.letters-list__item:not(:first-child) {
  display: none;
}
.letters-list__item p {
  margin: 0;
}
.letters-list__img {
  margin: 0 0 11px;
  width: 100%;
}
.letters-list__img img {
  display: block;
  width: 100%;
}
.letters-list__more.btn {
  margin: 54px auto 0;
}
@media (min-width: 768px) {
  .letters-list.dark-bg {
    padding: 77px 0 80px;
  }
  .letters-list ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .letters-list__item {
    font-size: 15px;
    line-height: 1.35;
    width: 23.6%;
  }
  .letters-list__item:not(:first-child) {
    display: block;
  }
  .letters-list__img {
    margin-bottom: 22px;
  }
}
@media (min-width: 1024px) {
  .letters-list__more.btn {
    margin: 0;
  }
}
.reviews-list {
  margin: 80px 0;
}
.reviews-list .review-item:not(:first-child) {
  display: none;
}
.reviews-list__more.btn {
  margin-top: 34px;
}
@media (min-width: 768px) {
  .reviews-list {
    margin: 100px 0;
  }
  .reviews-list ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
  }
  .reviews-list .review-item {
    margin-right: 25px;
  }
  .reviews-list .review-item:not(:first-child) {
    border-left: 1px solid var(--color-light-secondary);
    display: block;
    padding-left: 32px;
  }
  .reviews-list .review-item:first-child {
    flex-grow: 1;
  }
  .reviews-list .review-item:nth-child(2) {
    flex-shrink: 0;
    width: 34%;
  }
  .reviews-list .review-item:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .reviews-list {
    margin: 120px 0;
  }
  .reviews-list__more.btn {
    margin-top: 0;
  }
}
@media (min-width: 1560px) {
  .reviews-list {
    margin: 160px 0;
  }
  .reviews-list h2 {
    margin-bottom: 36px;
  }
}
.review-item__text {
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.review-item__text p {
  margin: 0 0 15px;
}
.review-item__info {
  margin: 20px 0 0;
}
.review-item__name {
  font-size: 12px;
  line-height: 1.2;
  margin: 0 0 9px;
}
.review-item__dep {
  font-size: 12px;
  font-weight: var(--f-lighter);
  line-height: 1.2;
  margin: 0;
  padding: 0 0 0 13px;
}
@media (min-width: 768px) {
  .review-item__text {
    line-height: 1.5;
  }
  .review-item__name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .review-item__info {
    margin-top: 30px;
  }
  .review-item__dep {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .review-item__name {
    font-size: 15px;
  }
  .review-item__info {
    margin-top: 40px;
  }
}
@media (min-width: 1560px) {
  .review-item__text {
    font-size: 18px;
  }
  .review-item__text p {
    margin-bottom: 27px;
  }
  .review-item__name {
    font-size: 15px;
    line-height: 1.35;
  }
  .review-item__info {
    margin-top: 60px;
  }
  .review-item__dep {
    font-size: 15px;
  }
}
.news-list {
  padding-bottom: 81px;
}
.news-list h1 {
  margin-bottom: 41px;
}
.news-list__list {
  margin: 0 0 31px;
}
.news-list__list li {
  margin: 0 0 40px;
}
.news-list__list li:last-child {
  margin-bottom: 0;
}
.news-list__item {
  border-bottom: 1px solid var(--color-light-secondary);
  color: var(--color-text);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 0 0 42px;
  transition-duration: 0.3s;
}
.news-list__item:hover .news-list__title,
.news-list__item:hover .news-list__section {
  color: var(--color-highlight);
}
.news-list__img {
  aspect-ratio: 1.32793522;
  display: block;
  margin: 0 0 20px;
  overflow: hidden;
  width: 100%;
}
.news-list__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.news-list__date {
  display: block;
  font-size: 12px;
  font-weight: var(--f-lighter);
  margin: 0 0 21px;
}
.news-list__title {
  display: block;
  font-size: 18px;
  line-height: normal;
  margin: 0 0 12px;
}
.news-list__text {
  display: block;
  flex-grow: 1;
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 0 0 40px;
}
.news-list__section {
  font-size: 10px;
}
.news-list__section::before {
  top: -2px;
  left: 0px;
}
@media (min-width: 768px) {
  .news-list {
    padding-bottom: 100px;
  }
  .news-list__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    overflow: hidden;
  }
  .news-list__list li {
    margin: 0;
  }
  .news-list__item {
    border: none;
    position: relative;
  }
  .news-list__item::before {
    background-color: var(--color-light-secondary);
    bottom: 0;
    content: '';
    height: 1px;
    left: -15px;
    position: absolute;
    width: calc(100% + 31px);
  }
  .news-list__img {
    aspect-ratio: 1.34293194;
  }
  .news-list__date {
    font-size: 16px;
    margin-bottom: 28px;
  }
  .news-list__title {
    font-size: 20px;
    margin-bottom: 11px;
  }
  .news-list__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 46px;
  }
  .news-list__section {
    font-size: 14px;
  }
  .news-list__section::before {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .news-list {
    padding-bottom: 120px;
  }
  .news-list h1 {
    margin-bottom: 54px;
  }
  .news-list__list {
    gap: 24px 21px;
  }
  .news-list__date {
    margin-bottom: 27px;
  }
  .news-list__title {
    font-size: 20px;
  }
  .news-list__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 46px;
  }
  .news-list__section {
    font-size: 15px;
  }
}
@media (min-width: 1560px) {
  .news-list {
    padding-bottom: 160px;
  }
  .news-list h1 {
    margin-bottom: 57px;
  }
  .news-list--smi .news-list__item {
    padding-top: 1px;
  }
  .news-list--smi .news-list__text {
    margin-bottom: 61px;
  }
  .news-list__list {
    gap: 40px 30px;
    margin-bottom: 60px;
  }
  .news-list__img {
    margin-bottom: 32px;
  }
  .news-list__date {
    margin-bottom: 42px;
  }
  .news-list__title {
    font-size: 24px;
  }
  .news-list__text {
    font-size: 18px;
    margin-bottom: 57px;
  }
  .news-list__section {
    font-size: 15px;
  }
}
.news-detail {
  margin-bottom: 80px;
}
.news-detail--smi {
  margin-bottom: 0;
}
.news-detail__preview {
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 22px 0 21px;
}
.news-detail__date {
  font-size: 12px;
  font-weight: var(--f-lighter);
  margin: 0px 16px 0 0;
}
.news-detail__section {
  font-size: 10px;
  margin: 0;
}
.news-detail__section::before {
  top: -3px;
  left: 0px;
}
.news-detail__head-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 30px;
}
.news-detail__head-right {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.news-detail__head-right .btn-with-icon {
  --size: 52px;
  background-color: var(--white);
}
.news-detail__head-right .btn-with-icon svg {
  --size-icon: 28px;
}
.news-detail__body {
  margin-top: 41px;
  gap: 30px;
}
.news-detail__gallery {
  margin: 0 0 21px;
}
.news-detail__gallery .slider-with-thumb__img {
  aspect-ratio: 1.32793522;
  overflow: hidden;
}
.news-detail__gallery .slider-with-thumb__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.news-detail__gallery .swiper-slide[data-swiper-slide-index="0"] .slider-with-thumb__img img, .news-detail__gallery .swiper-slide:not([data-swiper-slide-index]):first-child .slider-with-thumb__img img {
   -o-object-fit: cover;
     object-fit: cover;
}
.news-detail__gallery .swiper-slide:not([data-swiper-slide-index="0"]) .slider-with-thumb__img img {
   -o-object-fit: contain;
     object-fit: contain;
}
.news-detail__gallery .slider-with-thumb__thumb {
  aspect-ratio: 1.76666667;
}
.news-detail__gallery .slider-with-thumb__thumb img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.news-detail__text {
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.news-detail__text p {
  margin: 0 0 22px;
}
.news-detail__text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .news-detail {
    margin-bottom: 100px;
  }
  .news-detail__preview {
    line-height: 1.5;
    max-width: 120ch;
  }
  .news-detail__head-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .news-detail__head-left {
    margin-bottom: 2px;
  }
  .news-detail__head-right {
    justify-content: flex-end;
  }
  .news-detail__date {
    font-size: 14px;
    margin-right: 16px;
  }
  .news-detail__section {
    font-size: 15px;
  }
  .news-detail__section::before {
    top: -3px;
    left: 0px;
  }
  .news-detail__text {
    font-size: 16px;
    line-height: 1.5;
  }
  .news-detail__gallery {
    margin-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  .news-detail {
    margin-bottom: 120px;
  }
  .news-detail__preview {
    margin-bottom: 0;
  }
  /*.news-detail__head-right .btn {
    padding-left: 9px;
  }*/
  .news-detail__body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 59px;
  }
  .news-detail__gallery {
    margin-bottom: 0;
    width: 49%;
  }
  .news-detail__gallery + .news-detail__text {
    width: 49%;
  }
  .news-detail__text p {
    margin-bottom: 27px;
  }
}
@media (min-width: 1560px) {
  .news-detail {
    margin-bottom: 160px;
  }
  .news-detail__preview {
    font-size: 18px;
    line-height: 1.5;
  }
  .news-detail__date {
    font-size: 16px;
  }
  .news-detail__date {
    margin-right: 30px;
  }
  .news-detail__text {
    font-size: 18px;
  }
  
  .news-detail__head-right .btn-with-icon {
    --size: 60px;
  }
}
.contacts__nav {
  margin: 40px 0 0;
}
.contacts__head.dark-bg {
  margin-top: -4px;
  padding: 77px 0 19px;
}
.contacts__title {
  margin: 0 0 16px;
}
.contacts__grid > div {
  margin-bottom: 20px;
}
.contacts__grid .tags {
  margin-top: 6px;
}
.contacts__grid .tags__item {
  background-color: var(--white);
  padding-right: 48px;
}
.contacts__grid .tags__item-icon {
  --size: 19px;
  right: 16px;
}
.contacts__term {
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 0 0 9px;
}
.contacts__def {
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}
.contacts__map.dark-bg {
  aspect-ratio: 3.6;
  padding: 0;
  overflow: hidden;
}
.contacts__map.dark-bg iframe {
  height: 100%;
  width: 100%;
}
.contacts__bottom.dark-bg {
  padding: 29px 0 59px;
}
.contacts__bottom.dark-bg .container {
  border-top: 1px solid var(--color-light-secondary);
  padding-top: 38px;
}
@media (min-width: 768px) {
  .contacts__head.dark-bg {
    margin-top: 6px;
  }
  .contacts__title {
    margin-bottom: 25px;
  }
  .contacts__term {
    line-height: 1.5;
  }
  .contacts__def {
    font-size: 20px;
  }
  .contacts__map.dark-bg {
    aspect-ratio: 4.03669725;
  }
  .contacts__grid {
    display: grid;
    gap: 10px 20px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "address address phone time" "email email fax weekend";
  }
  .contacts__address {
    grid-area: address;
  }
  .contacts__email {
    grid-area: email;
  }
  .contacts__phone {
    grid-area: phone;
  }
  .contacts__fax {
    grid-area: fax;
  }
  .contacts__time {
    grid-area: time;
  }
  .contacts__weekends {
    grid-area: weekend;
  }
}
@media (min-width: 1024px) {
  .contacts__title {
    margin-bottom: 29px;
  }
}
@media (min-width: 1560px) {
  .contacts__nav {
    margin-top: 57px;
  }
  .contacts__head.dark-bg {
    padding: 79px 0 60px;
  }
  .contacts__title {
    margin-bottom: 39px;
  }
  .contacts__def {
    font-size: 24px;
  }
  .contacts__grid {
    gap: 19px 31px;
  }
  .contacts__grid .tags__item {
    color: var(--color-text);
    padding-right: 38px;
  }
  .contacts__grid .tags__item-icon {
    --size: 31px;
    right: 7px;
  }
  .contacts__email {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .contacts__email .contacts__term {
    margin-bottom: -3px;
    width: 100%;
  }
  .contacts__email .tags {
    margin-top: 0;
    margin-left: 25px;
  }
  .contacts__bottom.dark-bg {
    padding: 39px 0 39px;
  }
  .contacts__bottom.dark-bg .container {
    padding-top: 61px;
  }
}
.contacts-list {
  margin: 81px 0;
}
.contacts-list__list {
  margin: 0;
}
.contacts-list__list--full .contacts-list__item:nth-child(n+7) {
  display: block;
}
.contacts-list__item {
  margin: 0 0 30px;
}
.contacts-list__item:nth-child(n+7) {
  display: none;
}
.contacts-list__link {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 9px;
}
.contacts-list__text {
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
  margin: 0;
}
.contacts-list__more {
  background-color: transparent;
  border: none;
  color: var(--color-link);
  display: block;
  font-size: 16px;
  font-weight: var(--f-lighter);
  margin: 37px auto 0;
  padding: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .contacts-list {
    margin: 100px 0;
  }
  .contacts-list__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 63px 2%;
  }
  .contacts-list__item {
    border-bottom: 1px solid var(--color-light-secondary);
    margin: 0;
    padding-bottom: 38px;
  }
  .contacts-list__item:nth-child(n+7) {
    display: block;
  }
  .contacts-list__link {
    font-size: 20px;
    margin-bottom: 7px;
  }
  .contacts-list__text {
    line-height: 1.5;
  }
  .contacts-list__more {
    display: none;
  }
}
@media (min-width: 1024px) {
  .contacts-list {
    margin: 120px 0;
  }
}
@media (min-width: 1560px) {
  .contacts-list {
    margin: 160px 0 157px;
  }
  .contacts-list h2 {
    font-size: 42px;
    margin-bottom: 41px;
  }
  .contacts-list__link {
    font-size: 24px;
  }
}
.vacancy h1 {
  margin-bottom: 40px;
}
.vacancy .info__number {
  margin-bottom: 23px;
}
.vacancy .info__num sup {
  font-size: 0.3em;
  transform: translate(-2px, -14px);
}
.vacancy .info__wrap {
  padding-bottom: 62px;
}
.vacancy__main {
  margin: 32px 0 80px;
}
.vacancy__main h2 {
  display: none;
}
.vacancy__main .section-header {
  border: none;
  margin: 0 0 19px;
}
.vacancy__wrap {
  margin: 40px 0 0;
}
.vacancy__item {
  border-bottom: 1px solid var(--color-light-secondary);
  color: var(--color-text);
  display: block;
  margin: 0 0 8px;
  padding: 21px 0 9px;
  position: relative;
}
.vacancy__item:hover .arrow {
  background-color: var(--color-highlight);
}
.vacancy__item:hover .arrow svg {
  stroke: var(--white);
}
.vacancy__item .arrow {
  --size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.vacancy__title {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.vacancy__exp {
  display: block;
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.vacancy__conditions {
  margin: 82px 0 80px;
}
.vacancy__conditions-list {
  list-style: none;
  margin: 36px 0 0;
  padding: 0;
}
.vacancy__condition {
  border-top: 1px solid var(--color-light-secondary);
  margin: 0 0 20px;
  padding: 19px 0 0;
}
.vacancy__condition-title {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 11px;
}
.vacancy__condition-text {
  margin: 0;
  display: block;
  font-size: 16px;
  font-weight: var(--f-lighter);
  line-height: 1.3;
}
.vacancy__condition {
  counter-increment: step-counter;
  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.vacancy__condition::after {
  align-self: flex-end;
  color: var(--color-light-secondary);
  content: counter(step-counter);
  font-family: "Roboto", sans-serif;
  font-size: 70px;
  font-weight: var(--f-thin);
  line-height: 0.8;
  padding: 7px 0 0;
}
@media (max-width: 767px) {
  .vacancy__condition::after {
    font-size: 40px;
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .vacancy .info__num sup {
    font-size: 0.235em;
    transform: translate(-6px, -30px);
  }
  .vacancy .info__number {
    margin-bottom: 0;
  }
  .vacancy__title {
    font-size: 20px;
    margin-bottom: 0;
  }
  .vacancy__exp {
    line-height: 1.5;
  }
  .vacancy__condition-title {
    font-size: 20px;
  }
  .vacancy__condition-text {
    line-height: 1.5;
  }
  .vacancy__list {
    display: table;
  }
  .vacancy__item {
    display: table-row;
    margin: 0;
    padding: 0;
  }
  .vacancy__item > span {
    border-bottom: 1px solid var(--color-light-secondary);
    display: table-cell;
    vertical-align: bottom;
    padding: 15px 0 16px;
  }
  .vacancy__item .arrow {
    --size: 32px;
    position: static;
  }
  .vacancy__item .vacancy__icon {
    vertical-align: top;
  }
  .vacancy__item .vacancy__exp {
    padding-left: 15px;
    padding-right: 15px;
  }
  .vacancy__main {
    margin: 32px 0 80px;
  }
  .vacancy__main h2 {
    display: block;
  }
  .vacancy__main .section-header {
    display: none;
  }
  .vacancy__conditions {
    margin-bottom: 100px;
  }
  .vacancy__conditions-list {
    display: grid;
    gap: 79px 2%;
    grid-template-columns: repeat(3, 1fr);
  }
  .vacancy__condition {
    border: none;
    border-left: 1px solid var(--color-light-secondary);
    counter-increment: step-counter;
    
    margin: 0;
    padding: 0 30px;
    position: relative;
  }
  .vacancy__condition-title {
    width: 86%;
  }
  .vacancy__condition-text {
    flex-grow: 1;
    width: 86%;
  }
}
@media (min-width: 1024px) {
  .vacancy h1 {
    margin-bottom: 54px;
  }
  .vacancy .info__num sup {
    font-size: 0.18em;
    transform: translate(-8px, -40px);
  }
  .vacancy__list {
    display: block;
  }
  .vacancy__item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0;
    padding: 31px 0 29px;
  }
  .vacancy__item > span {
    border: none;
    display: block;
    padding: 0;
  }
  .vacancy__item .arrow {
    --size: 40px;
  }
  .vacancy__item .vacancy__exp {
    padding-left: 15px;
    padding-right: 15px;
  }
  .vacancy__title {
    flex-grow: 1;
  }
  .vacancy__exp {
    flex-shrink: 0;
    width: 30%;
  }
  .vacancy__icon {
    align-self: flex-start;
    flex-shrink: 0;
    width: 20%;
  }
  .vacancy__icon .arrow {
    margin-left: auto;
  }
  .vacancy__wrap {
    margin-top: 65px;
  }
  .vacancy__conditions {
    margin-bottom: 120px;
  }
  .vacancy__condition::after {
    font-size: 100px;
  }
}
@media (min-width: 1560px) {
  .vacancy h1 {
    margin-bottom: 54px;
  }
  .vacancy .info {
    margin-bottom: 156px;
  }
  .vacancy .info__head {
    font-size: 52px;
    line-height: 1;
  }
  .vacancy .info__wrap {
    padding-bottom: 52px;
    padding-top: 83px;
  }
  .vacancy__title {
    font-size: 24px;
  }
  .vacancy__exp {
    font-size: 18px;
  }
  .vacancy__conditions {
    margin-bottom: 160px;
  }
  .vacancy__condition-title {
    font-size: 24px;
  }
  .vacancy__condition-text {
    font-size: 18px;
  }
}
.cart--sect {
  display: flex;
  flex-direction: column;
}
.cart--sect .catalog-nav {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .cart--sect .catalog-nav {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1560px) {
  .cart--sect .catalog-nav {
    margin-bottom: 3.75rem;
  }
}
.layout__cart {
  display: grid;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .layout__cart {
    grid-template-columns: auto 17.75rem;
    gap: 3.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__cart {
    grid-template-columns: auto 23.5rem;
    gap: 2rem;
  }
}
.cart__layout {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .cart__layout {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .cart__layout {
    gap: 2.5rem;
  }
}
.cart__header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.cart__header .cart__action .cart__text {
  color: var(--color-highlight);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .cart__header .cart__action .cart__text {
    font-size: 1rem;
  }
}
.cart__checkbox {
  margin: 0;
}
.cart__list {
  display: flex;
  flex-direction: column;
}
.cart__tr {
  display: grid;
  padding: 1.875rem 0;
  gap: 1.25rem;
  border-top: 1px solid var(--color-light-secondary);
}
@media (min-width: 768px) {
  .cart__tr {
    grid-template-columns: 1.25rem 10.75rem auto 11rem 10.25rem;
  }
}
@media (min-width: 1560px) {
  .cart__tr {
    gap: 1.75rem;
    padding: 2.5rem 0;
    grid-template-columns: 1.25rem 15rem auto 10.25rem 11.25rem;
  }
}
.cart__picture {
  aspect-ratio: 1.33333333;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.cart__picture img {
  width: 100%;
  height: 100%;
}
.cart__picture .cart__status {
  color: var(--color-bg-main);
  background: var(--red);
  border-radius: 0.25rem;
  padding: 0.325rem;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
  top: 0.875rem;
  right: 1rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .cart__picture .cart__status {
    font-size: 1rem;
  }
}
.cart__main {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.cart__main .cart__title {
  font-size: 1.125rem;
  line-height: 120%;
  color: var(--color-text);
}
.cart__main .cart__title:hover {
  color: var(--color-link);
}
@media (min-width: 768px) {
  .cart__main .cart__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .cart__main .cart__title {
    font-size: 1.5rem;
  }
}
.cart__main .cart__text {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .cart__main .cart__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 1560px) {
  .cart__main .cart__text {
    font-size: 1rem;
    line-height: 140%;
  }
}
.cart__tooltip {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0.625rem 0 0;
  padding: 0;
}
@media (min-width: 1560px) {
  .cart__tooltip {
    margin-top: 2.5rem;
  }
}
.cart__tooltip .tooltip__item {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.cart__tooltip .tooltip__item:hover {
  background-color: var(--color-highlight);
}
.cart__tooltip .tooltip__item.tooltip__item_secondary {
  stroke: none;
  fill: var(--color-highlight);
}
.cart__tooltip .tooltip__item.tooltip__item_secondary:hover {
  fill: var(--color-bg-main);
}
.cart__tooltip .tooltip__item:not(.tooltip__item_secondary) {
  stroke: var(--color-highlight);
  fill: none;
}
.cart__tooltip .tooltip__item:not(.tooltip__item_secondary):hover {
  stroke: var(--color-bg-main);
}
.cart__tooltip .tooltip__ico {
  width: 2rem;
  height: 2rem;
}
.cart__price {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
}
.cart__price .price__text {
  font-size: 1.125rem;
  color: var(--color-link);
}
@media (min-width: 768px) {
  .cart__price .price__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .cart__price .price__text {
    font-size: 1.5rem;
  }
}
.cart__price .price__tooltip {
  font-size: 0.75rem;
  color: var(--color-link);
}
@media (min-width: 768px) {
  .cart__price .price__tooltip {
    font-size: 0.875rem;
  }
}
@media (min-width: 1560px) {
  .cart__price .price__tooltip {
    font-size: 1rem;
  }
}
.cart__price .price__subtext {
  font-size: 0.875rem;
  text-decoration: line-through;
  color: var(--color-dark);
}
@media (min-width: 1560px) {
  .cart__price .price__subtext {
    font-size: 1rem;
  }
}
.cart__order {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2.5rem 1rem;
  background: var(--color-light);
  margin: 0 -1rem;
  font-size: 0.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .cart__order {
    padding: 3rem 2.5rem;
    margin: 0 -2.5rem;
    font-size: 0.875rem;
    line-height: 135%;
    gap: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .cart__order {
    padding: 1.25rem;
    margin: 0;
  }
}
@media (min-width: 1560px) {
  .cart__order {
    padding: 2rem;
    font-size: 1rem;
    line-height: 135%;
    gap: 2.5rem;
  }
}
.cart__order .order__title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .cart__order .order__title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1560px) {
  .cart__order .order__title {
    font-size: 2rem;
  }
}
.cart__order .order__data {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 1560px) {
  .cart__order .order__data {
    gap: 2.5rem;
  }
}
.cart__order .order__data .data__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}
.cart__order .order__data .data__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.125rem;
}
.cart__order .order__data .data__item.data__item_secondary {
  color: var(--color-highlight);
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .cart__order .order__data .data__item.data__item_secondary {
    font-size: 1.375rem;
  }
}
@media (min-width: 1560px) {
  .cart__order .order__data .data__item.data__item_secondary {
    font-size: 2rem;
  }
}
.cart__order .order__data .data__item:not(.data__item_secondary) .data__text {
  font-weight: 300;
}
.cart__order .order__data .data__text {
  display: flex;
  white-space: nowrap;
  flex-grow: 1;
}
.cart__order .order__data .data__text::after {
  content: "";
  width: 100%;
  border-bottom: 1px dashed var(--color-light-secondary);
}
.cart__order .order__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1560px) {
  .cart__order .order__footer {
    gap: 1.25rem;
  }
}
.cart__order .order__btn {
  width: 100%;
  font-size: 1rem;
  height: 3.25rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1560px) {
  .cart__order .order__btn {
    font-size: 1.125rem;
    line-height: 135%;
    height: 3.75rem;
  }
}
.cart__order .order__tooltip {
  color: var(--color-highlight);
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 140%;
}
@media (min-width: 1560px) {
  .cart__order .order__tooltip {
    font-size: 1rem;
  }
}
.layout__order {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__order {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 1560px) {
  .layout__order {
    padding-bottom: 10rem;
  }
}
.layout__order .order__layout {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
.layout__order .order__header {
  gap: 2rem;
  padding: 2rem;
  margin: 0 -2.5rem;
  background-color: var(--color-light);
  display: grid;
}
@media (min-width: 768px) {
  .layout__order .order__header {
    gap: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .layout__order .order__header {
    grid-template-columns: auto 23.5rem;
    padding: 2.5rem 2rem;
    margin: 0 -2rem;
  }
}
@media (min-width: 1340px) {
  .layout__order .order__header {
    gap: 5rem;
    padding: 3.75rem;
    margin: 0 -3.75rem;
  }
}
@media (min-width: 1441px) {
  .layout__order .order__header {
    padding: 2rem;
    margin: 0 -2rem;
  }
}
@media (min-width: 1800px) {
  .layout__order .order__header {
    padding: 5rem;
    margin: 0 -5rem;
    gap: 5rem;
  }
}
.layout__order .order__action .action__link {
  color: var(--color-text);
  gap: 0.625rem;
  display: flex;
  align-items: center;
}
.layout__order .order__action .action__symbol {
  width: 2rem;
  height: 2rem;
}
.layout__order .order__action .action__ico {
  width: 100%;
  height: 100%;
  stroke: var(--color-light-secondary);
}
.layout__order .order__action .action__text {
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__order .order__action .action__text {
    font-size: 1rem;
    line-height: 150%;
  }
}
.layout__order .order__form {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__order .order__form {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__form {
    gap: 2.5rem;
  }
}
.layout__order .order__form .form__title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .layout__order .order__form .form__title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__form .form__title {
    font-size: 2rem;
  }
}
.layout__order .order__form .form__tooltip {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__order .order__form .form__tooltip {
    flex-direction: row;
    align-items: center;
  }
}
.layout__order .order__form .form__tooltip .tooltip__title {
  font-size: 1rem;
  line-height: 150%;
}
@media (min-width: 1560px) {
  .layout__order .order__form .form__tooltip .tooltip__title {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.layout__order .order__sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: var(--color-light);
  font-size: 0.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout__order .order__sidebar {
    font-size: 0.875rem;
    line-height: 135%;
    gap: 1.875rem;
    padding-left: 2rem;
    border-left: 1px solid var(--color-light-secondary);
  }
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar {
    font-size: 1rem;
    line-height: 135%;
    gap: 2.5rem;
  }
}
.layout__order .order__sidebar .sidebar__title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .layout__order .order__sidebar .sidebar__title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar .sidebar__title {
    font-size: 2rem;
  }
}
.layout__order .order__sidebar .sidebar__data {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar .sidebar__data {
    gap: 2.5rem;
  }
}
.layout__order .order__sidebar .sidebar__data .data__list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}
.layout__order .order__sidebar .sidebar__data .data__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.125rem;
}
.layout__order .order__sidebar .sidebar__data .data__item.data__item_secondary {
  color: var(--color-highlight);
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .layout__order .order__sidebar .sidebar__data .data__item.data__item_secondary {
    font-size: 1.375rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar .sidebar__data .data__item.data__item_secondary {
    font-size: 2rem;
  }
}
.layout__order .order__sidebar .sidebar__data .data__item:not(.data__item_secondary) .data__text {
  font-weight: 300;
}
.layout__order .order__sidebar .sidebar__data .data__text {
  display: flex;
  white-space: nowrap;
  flex-grow: 1;
}
.layout__order .order__sidebar .sidebar__data .data__text::after {
  content: "";
  width: 100%;
  border-bottom: 1px dashed var(--color-light-secondary);
}
.layout__order .order__sidebar .sidebar__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar .sidebar__footer {
    gap: 1.25rem;
  }
}
.layout__order .order__sidebar .sidebar__btn {
  width: 100%;
  font-size: 1rem;
  height: 3.25rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar .sidebar__btn {
    font-size: 1.125rem;
    line-height: 135%;
    height: 3.75rem;
  }
}
.layout__order .order__sidebar .sidebar__tooltip {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.layout__order .order__sidebar .sidebar__tooltip .tooltip__text {
  color: var(--color-highlight);
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 140%;
}
@media (min-width: 1560px) {
  .layout__order .order__sidebar .sidebar__tooltip .tooltip__text {
    font-size: 1rem;
  }
}
.layout__order .order__sidebar .sidebar__tooltip .tooltip__text.tooltip__text_secondary {
  color: var(--color-gray);
}
.layout__order .order__list {
  display: flex;
  flex-direction: column;
}
.layout__order .order__tr {
  display: grid;
  padding: 1.875rem 0;
  gap: 1.25rem;
  border-top: 1px solid var(--color-light-secondary);
}
@media (min-width: 768px) {
  .layout__order .order__tr {
    grid-template-columns: 7rem auto 9.25rem 4.5rem;
  }
}
@media (min-width: 1024px) {
  .layout__order .order__tr {
    grid-template-columns: 10.5rem auto 9.25rem 4.5rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__tr {
    gap: 2rem;
    padding: 2.5rem 0;
    grid-template-columns: 15rem auto 13.25rem 7.5rem;
  }
}
.layout__order .order__picture {
  aspect-ratio: 1.33333333;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.layout__order .order__picture img {
  width: 100%;
  height: 100%;
}
.layout__order .order__picture .order__status {
  color: var(--color-bg-main);
  background: var(--red);
  border-radius: 0.25rem;
  padding: 0.325rem;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
  top: 0.875rem;
  right: 1rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .layout__order .order__picture .order__status {
    top: 0.125rem;
    right: 0.125rem;
  }
}
@media (min-width: 1024px) {
  .layout__order .order__picture .order__status {
    top: 0.5rem;
    right: 0.5rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__picture .order__status {
    top: 0.875rem;
    right: 1rem;
  }
}
.layout__order .order__main {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .layout__order .order__main {
    padding-right: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__main {
    padding-right: 4.75rem;
  }
}
.layout__order .order__main .order__title {
  font-size: 1.125rem;
  line-height: 120%;
  color: var(--color-text);
}
.layout__order .order__main .order__title:hover {
  color: var(--color-link);
}
@media (min-width: 768px) {
  .layout__order .order__main .order__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__main .order__title {
    font-size: 1.5rem;
  }
}
.layout__order .order__main .order__text {
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout__order .order__main .order__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__main .order__text {
    font-size: 1rem;
    line-height: 140%;
  }
}
.layout__order .order__price {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
}
.layout__order .order__price .price__text {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-link);
}
@media (min-width: 768px) {
  .layout__order .order__price .price__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__price .price__text {
    font-size: 1.5rem;
  }
}
.layout__order .order__price .price__tooltip {
  font-size: 0.75rem;
  color: var(--color-link);
}
@media (min-width: 768px) {
  .layout__order .order__price .price__tooltip {
    font-size: 0.875rem;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__price .price__tooltip {
    font-size: 1rem;
  }
}
.layout__order .order__price .price__subtext {
  font-size: 0.875rem;
  text-decoration: line-through;
  color: var(--color-dark);
}
@media (min-width: 1560px) {
  .layout__order .order__price .price__subtext {
    font-size: 1rem;
  }
}
.layout__order .order__amount .amount__text {
  font-size: 1.25rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout__order .order__amount .amount__text {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout__order .order__amount .amount__text {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.layout__banner .banner__picture {
  aspect-ratio: 1;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .layout__banner .banner__picture {
    aspect-ratio: 3.47826087;
  }
}
.layout__banner img {
  width: 100%;
  height: 100%;
}
.layout__articles .articles__list {
  gap: 5rem 2rem;
  display: grid;
}
@media (min-width: 768px) {
  .layout__articles .articles__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 1rem;
  }
}
@media (min-width: 1024px) {
  .layout__articles .articles__list {
    gap: 5rem 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__articles .articles__list {
    gap: 5rem 2rem;
  }
}
.layout__articles .articles__item {
  position: relative;
}
@media (min-width: 768px) {
  .layout__articles .articles__item:nth-child(3n + 1):after {
    content: "";
    position: absolute;
    top: calc(100% + 2.5rem);
    left: 0;
    height: 1px;
    width: 74.5rem;
    background-color: var(--color-light-secondary);
  }
}
@media (max-width: 768px) {
  .layout__articles .articles__item:after {
    content: "";
    position: absolute;
    top: calc(100% + 2.5rem);
    left: 0;
    height: 1px;
    width: 100%;
    background-color: var(--color-light-secondary);
  }
}
.layout__articles .articles__link {
  color: var(--color-text);
  gap: 2.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.layout__articles .articles__link:hover .articles__subtext,
.layout__articles .articles__link:hover .articles__title {
  color: var(--color-link);
}
.layout__articles .articles__header {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
.layout__articles .articles__picture {
  aspect-ratio: 1.33333333;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
.layout__articles .articles__picture img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.layout__articles .articles__date .date__text {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 300;
}
.layout__articles .articles__main {
  gap: 0.625rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.layout__articles .articles__text {
  font-size: 1rem;
  line-height: 130%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__articles .articles__text {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.layout__articles .articles__subtext {
  font-size: 1rem;
  line-height: 2rem;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
.layout__articles .articles__subtext::before {
  color: var(--color-link);
  content: "/";
  font-size: 1.25rem;
  line-height: 100%;
  font-weight: 700;
}
.layout__article {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
.layout__article .article__header {
  padding: 3rem 2rem;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  background-color: var(--color-light);
}
@media (min-width: 768px) {
  .layout__article .article__header {
    gap: 2.5rem;
  }
}
.layout__article .article__preview {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__article .article__preview {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__article .article__preview {
    gap: 3.75rem;
  }
}
.layout__article .article__subtitle {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__article .article__subtitle {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.layout__article .article__info {
  gap: 1.25rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .layout__article .article__info {
    gap: 2rem;
  }
}
.layout__article .article__date .date__text {
  font-size: 0.75rem;
  line-height: 120%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .layout__article .article__date .date__text {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout__article .article__date .date__text {
    font-size: 1rem;
    line-height: 140%;
  }
}
.layout__article .article__tooltip .tooltip__text {
  font-size: 0.625rem;
  line-height: 120%;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .layout__article .article__tooltip .tooltip__text {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout__article .article__tooltip .tooltip__text {
    font-size: 1rem;
    line-height: 130%;
  }
}
.layout__article .article__tooltip .tooltip__text::before {
  color: var(--color-link);
  content: "/";
  font-size: 1.25rem;
  line-height: 100%;
  font-weight: 700;
}
.layout__article .article__slider {
  gap: 2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.layout__article .article__slider .slider__pagination {
  display: flex !important;
  justify-content: center;
}
@media (min-width: 768px) {
  .layout__article .article__slider .slider__pagination {
    display: none !important;
  }
}
.layout__article .article__slider .slider__picture {
  display: flex;
  align-items: flex-start;
  aspect-ratio: 1.78571429;
}
.layout__article .article__slider .slider__picture img {
  width: 100%;
  height: 100%;
}
.layout__article .article__slider .slider__review .swiper-wrapper {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .layout__article .article__slider .slider__review .swiper-wrapper {
    margin-bottom: 0;
  }
}
.layout__article .article__slider .slider__preview {
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  .layout__article .article__slider .slider__preview {
    display: block;
  }
}
.layout__article .article__slider .slider__preview:before,
.layout__article .article__slider .slider__preview:after {
  content: "";
  height: 100%;
  width: 8rem;
  position: absolute;
  top: 0;
  z-index: 2;
}
.layout__article .article__slider .slider__preview:before {
  left: 0;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
}
.layout__article .article__slider .slider__preview:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%);
}
.layout__article .article__slider .slider__preview .slider__item {
  width: 6.625rem;
  opacity: 1;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.layout__article .article__slider .slider__preview .slider__item:not(.swiper-slide-thumb-active) {
  opacity: 0.3;
}
.layout__article .article__slider .slider__preview .swiper__button {
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  top: 50%;
  background-color: var(--white);
  transform: translateY(-50%);
  position: absolute;
  z-index: 3;
}
.layout__article .article__slider .slider__preview .swiper__button.swiper__button_prev {
  left: 1.5rem;
}
.layout__article .article__slider .slider__preview .swiper__button.swiper__button_next {
  right: 1.5rem;
}
.layout__article .article__slider .slider__preview .swiper__button svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-link);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.layout__inventory .inventory__list {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__inventory .inventory__list {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__inventory .inventory__list {
    gap: 2.5rem;
  }
}
.layout__inventory .inventory__item {
  padding: 2.5rem 1rem;
  gap: 2rem;
  align-items: flex-start;
  background-color: var(--color-light);
  display: grid;
}
@media (min-width: 768px) {
  .layout__inventory .inventory__item {
    gap: 3rem 1.25rem;
    grid-template-columns: auto 16rem;
    padding: 3.75rem 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__inventory .inventory__item {
    gap: 3.75rem 2rem;
    padding: 5rem 2rem;
  }
}
.layout__inventory .inventory__main {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__inventory .inventory__main {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__inventory .inventory__main {
    gap: 2.5rem;
  }
}
.layout__inventory .inventory__text {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
  margin: 0;
}
@media (min-width: 1560px) {
  .layout__inventory .inventory__text {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
@media (min-width: 768px) {
  .layout__inventory .inventory__footer {
    display: flex;
    justify-content: flex-start;
  }
}
.layout__inventory .inventory__picture {
  aspect-ratio: 1.61290323;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .layout__inventory .inventory__picture {
    grid-row: span 2;
  }
}
.layout__inventory .inventory__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.layout__panels .panels__list {
  display: grid;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .layout__panels .panels__list {
    gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1560px) {
  .layout__panels .panels__list {
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.layout__panels .panels__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1rem 1rem 2rem 2rem;
  background-color: var(--color-light);
  color: var(--color-text);
  gap: 5rem;
  transition: background-color 0.3s ease;
}
.layout__panels .panels__link:hover .panels__symbol {
  background-color: var(--color-link);
}
.layout__panels .panels__link:hover .panels__ico {
  color: var(--white);
}
.layout__panels .panels__symbol {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: auto;
  border-radius: 0.625rem;
  background-color: var(--white);
  transition: background-color 0.4s ease-in-out;
}
.layout__panels .panels__ico {
  width: 2rem;
  height: 2rem;
  color: var(--color-link);
  fill: none;
  transition: color 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .layout__panels .panels__text {
    padding-right: 2rem;
  }
}
.layout__events .events__list {
  display: flex;
  flex-direction: column;
}
.layout__events .events__link {
  color: var(--color-text);
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--color-light-secondary);
  gap: 0.625rem;
  display: grid;
  grid-template-columns: auto 1.5rem;
}
.layout__events .events__link:hover .events__symbol {
  background-color: var(--color-link);
}
.layout__events .events__link:hover .events__ico {
  color: var(--white);
}
@media (min-width: 768px) {
  .layout__events .events__link {
    gap: 2rem;
    grid-template-columns: auto 2.5rem;
  }
}
@media (min-width: 1560px) {
  .layout__events .events__link {
    padding: 2rem 0;
  }
}
.layout__events .events__symbol {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.425rem;
  background-color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .layout__events .events__symbol {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.625rem;
  }
}
.layout__events .events__ico {
  color: var(--color-highlight);
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .layout__events .events__ico {
    width: 2rem;
    height: 2rem;
  }
}
.layout__events .events__main {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
.layout__events .events__title {
  font-size: 1rem;
  line-height: 120%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__events .events__title {
    font-size: 1.125rem;
  }
}
.layout__events .events__text {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout__events .events__text {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout__events .events__text {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.layout__event {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__event {
    gap: 3rem;
  }
}
@media (min-width: 1560px) {
  .layout__event {
    gap: 3.75rem;
  }
}
.layout__event .event__header {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__event .event__header {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__event .event__header {
    gap: 2.5rem;
  }
}
.layout__event .event__info {
  gap: 1.25rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .layout__event .event__info {
    gap: 2rem;
  }
}
.layout__event .event__date .date__text {
  font-size: 0.75rem;
  line-height: 120%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .layout__event .event__date .date__text {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout__event .event__date .date__text {
    font-size: 1rem;
    line-height: 140%;
  }
}
.layout__event .event__tooltip .tooltip__text {
  font-size: 0.625rem;
  line-height: 120%;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .layout__event .event__tooltip .tooltip__text {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout__event .event__tooltip .tooltip__text {
    font-size: 1rem;
    line-height: 130%;
  }
}
.layout__event .event__tooltip .tooltip__text::before {
  color: var(--color-link);
  content: "/";
  font-size: 1.25rem;
  line-height: 100%;
  font-weight: 700;
}
.layout__event .event__data {
  padding: 0.625rem 0.625rem 0.625rem 2rem;
  border-left: 1px solid var(--color-light-secondary);
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
.layout__event .event__data .data__title {
  font-size: 0.75rem;
  line-height: 140%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .layout__event .event__data .data__title {
    font-size: 0.875rem;
  }
}
@media (min-width: 1560px) {
  .layout__event .event__data .data__title {
    font-size: 1rem;
  }
}
.layout__event .event__data .data__list {
  padding: 0;
  margin: 0;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
.layout__event .event__data .data__item {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
.layout__event .event__data .data__subtext {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__event .event__data .data__subtext {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
@media (min-width: 768px) {
  .layout__event .event__footer {
    display: flex;
    justify-content: flex-start;
  }
}
.layout__conferences .conferences__list {
  gap: 2.5rem 2rem;
  display: grid;
}
@media (min-width: 768px) {
  .layout__conferences .conferences__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 1rem;
  }
}
@media (min-width: 1024px) {
  .layout__conferences .conferences__list {
    gap: 4rem 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__conferences .conferences__list {
    gap: 5rem 2rem;
  }
}
.layout__conferences .conferences__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .layout__conferences .conferences__item {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .layout__conferences .conferences__item:nth-child(3n + 1):after {
    content: "";
    position: absolute;
    top: calc(100% + 2rem);
    left: 0;
    height: 1px;
    width: 74.5rem;
    background-color: var(--color-light-secondary);
  }
}
@media (min-width: 768px) and (min-width: 1560px) {
  .layout__conferences .conferences__item:nth-child(3n + 1):after {
    top: calc(100% + 2.5rem);
  }
}
.layout__conferences .conferences__main {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
.layout__conferences .conferences__title {
  color: var(--color-link);
}
.layout__conferences .conferences__text {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 1560px) {
  .layout__conferences .conferences__text {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
.layout__presentations {
  display: flex;
  flex-direction: column;
}
.layout__presentations .presentations__group {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__group {
    gap: 0;
  }
}
.layout__presentations .presentations__group.active .presentations__ico {
  transform: rotate(180deg);
}
.layout__presentations .presentations__group.active .presentations__review {
  display: block;
}
.layout__presentations .presentations__preview {
  color: var(--color-link);
  gap: 0.625rem;
  padding: 0.5rem 0 0.5rem 1rem;
  border-left: 1px solid var(--color-light-secondary);
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__preview {
    padding: 0.625rem 0 0.625rem 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__presentations .presentations__preview {
    padding: 1rem 0 1rem 2rem;
  }
}
.layout__presentations .presentations__ico {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0deg);
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__ico {
    width: 2rem;
    height: 2rem;
  }
}
.layout__presentations .presentations__review {
  display: none;
  padding: 1.5rem 0;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__review {
    padding: 0.625rem 0 0.625rem 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__presentations .presentations__review {
    padding: 0.5rem 0 0.5rem 2rem;
  }
}
.layout__presentations .presentations__list {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
.layout__presentations .presentations__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__item {
    gap: 0;
    flex-direction: row;
    align-items: center;
  }
}
.layout__presentations .presentations__text {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
}
.layout__presentations .presentations__footer {
  gap: 1.25rem;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__footer {
    flex-direction: row;
    align-items: center;
  }
  .layout__presentations .presentations__footer:before {
    content: "";
    flex-grow: 1;
    border-bottom: 1px dashed var(--color-light-secondary);
    min-width: 2rem;
    transform: translate(1rem, 0.5rem);
  }
}
.layout__presentations .presentations__subtext {
  font-size: 0.75rem;
  line-height: 100%;
  font-weight: 300;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .layout__presentations .presentations__subtext {
    font-size: 0.875rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__presentations .presentations__subtext {
    font-size: 1rem;
    line-height: 3.75rem;
  }
}
.layout__prices .prices__list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.layout__prices .prices__item {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .layout__prices .prices__item {
    gap: 0.125rem;
  }
}
.layout__prices .prices__preview {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .layout__prices .prices__preview {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
}
.layout__prices .prices__title {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  align-items: center;
}
@media (min-width: 768px) {
  .layout__prices .prices__title:after {
    content: "";
    flex-grow: 1;
    border-bottom: 1px dashed var(--color-light-secondary);
    margin-left: 0.5rem;
  }
}
.layout__prices .prices__main {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .layout__prices .prices__main {
    flex-direction: row;
    align-items: center;
  }
  .layout__prices .prices__main:before {
    content: "";
    flex-grow: 1;
    border-bottom: 1px dashed var(--color-light-secondary);
    min-width: 2rem;
    margin-right: 1rem;
    transform: translateY(0.5rem);
  }
}
.layout__prices .prices__text {
  font-weight: 300;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .layout__prices .prices__text {
    font-size: 0.875rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__prices .prices__text {
    font-size: 1rem;
    line-height: 3.75rem;
  }
}
@media (min-width: 768px) {
  .layout__prices .prices__review {
    padding-right: 9.5rem;
  }
}
@media (min-width: 1560px) {
  .layout__prices .prices__review {
    padding-right: 10.75rem;
  }
}
.scheme {
  font-size: 1rem;
  line-height: 130%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .scheme {
    font-size: 1rem;
    line-height: 150%;
  }
}
@media (min-width: 1560px) {
  .scheme {
    font-size: 1.125rem;
  }
}
.scheme .btn {
  border-radius: 12px;
}
@media (min-width: 1560px) {
  .scheme .btn {
    border-radius: 15px;
  }
}
.scheme .btn.btn_tiny {
  width: 3.75rem;
  height: 3.75rem;
}
.scheme img {
  max-width: 100%;
  max-height: 100%;
}
.scheme .contacts__nav.contacts__nav_secondary li {
  width: 50%;
}
.scheme section.info {
  margin: 0 0 5rem;
}
@media (min-width: 768px) {
  .scheme section.info {
    margin: 0 0 6.5rem;
  }
}
@media (min-width: 1024px) {
  .scheme section.info {
    margin: 0 0 7.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme section.info {
    margin: 0 0 10rem;
  }
}
@media (min-width: 768px) {
  .scheme section.info .container {
    width: calc(100% - 79px);
  }
}
@media (min-width: 1024px) {
  .scheme section.info .container {
    max-width: 1200px;
    width: calc(100vw - 79px);
  }
}
@media (min-width: 1560px) {
  .scheme section.info .container {
    max-width: 1600px;
    width: calc(100vw - 100px);
  }
}
@media (min-width: 768px) {
  .scheme section.brands,
  .scheme section.promo,
  .scheme section.coop,
  .scheme section.news-main {
    margin: 3.125rem 0;
  }
}
@media (min-width: 1024px) {
  .scheme section.brands,
  .scheme section.promo,
  .scheme section.coop,
  .scheme section.news-main {
    margin: 3.75rem 0;
  }
}
@media (min-width: 1560px) {
  .scheme section.brands,
  .scheme section.promo,
  .scheme section.coop,
  .scheme section.news-main {
    margin: 5rem 0;
  }
}
@media (max-width: 1024px) {
  .scheme section.promo.promo_last {
    margin: 0 !important;
  }
}
.scheme .container:not(.news-main__bottom) {
  width: 100rem;
  max-width: calc(100% - 2rem);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme .container:not(.news-main__bottom) {
    width: calc(100% - 79px);
  }
}
@media (min-width: 1024px) {
  .scheme .container:not(.news-main__bottom) {
    max-width: 1200px;
    width: calc(100vw - 79px);
  }
}
@media (min-width: 1560px) {
  .scheme .container:not(.news-main__bottom) {
    max-width: 1600px;
    width: calc(100vw - 100px);
  }
}
.scheme .container:not(.news-main__bottom).top-with-btn {
  flex-direction: row;
}
.scheme .scheme__title {
  margin: 0;
  line-height: 100%;
}
.scheme h1,
.scheme h2,
.scheme h3,
.scheme h4,
.scheme h5,
.scheme h6,
.scheme .h1,
.scheme .h2,
.scheme .h3,
.scheme .h4,
.scheme .h5,
.scheme .h6 {
  line-height: 120%;
}
.scheme h1 i,
.scheme h2 i,
.scheme h3 i,
.scheme h4 i,
.scheme h5 i,
.scheme h6 i,
.scheme .h1 i,
.scheme .h2 i,
.scheme .h3 i,
.scheme .h4 i,
.scheme .h5 i,
.scheme .h6 i {
  font-weight: 300;
  font-style: normal;
}
.scheme h3 {
  font-size: 1.375rem;
  line-height: 120%;
}
@media (min-width: 1560px) {
  .scheme h3 {
    font-size: 2rem;
    line-height: 120%;
  }
}
.scheme h5 {
  font-size: 1.25rem;
  line-height: 140%;
  font-weight: 400;
}
.scheme ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.scheme .wysiwyg {
  font-weight: 300;
}
.scheme .wysiwyg.wysiwyg_secondary ul {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
.scheme .wysiwyg.wysiwyg_secondary li {
  padding-left: 2.5rem;
  background-position: 0 0.2rem;
  list-style: none;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0ZM9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1ZM13.8535 6.35352L8 12.207L4.64648 8.85352L5.35352 8.14648L8 10.793L13.1465 5.64648L13.8535 6.35352Z' fill='%230B4589'/></svg>");
}
.scheme .wysiwyg.wysiwyg_secondary li:before {
  display: none;
}
.scheme .wysiwyg.wysiwyg_tertiary ul {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.scheme .wysiwyg.wysiwyg_margin h1,
.scheme .wysiwyg.wysiwyg_margin h2,
.scheme .wysiwyg.wysiwyg_margin h3,
.scheme .wysiwyg.wysiwyg_margin h4,
.scheme .wysiwyg.wysiwyg_margin h5,
.scheme .wysiwyg.wysiwyg_margin h6,
.scheme .wysiwyg.wysiwyg_margin p,
.scheme .wysiwyg.wysiwyg_margin ul,
.scheme .wysiwyg.wysiwyg_margin ol {
  margin: 0;
}
.scheme .wysiwyg.wysiwyg_margin h1:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h2:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h3:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h4:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h5:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin h6:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin p:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin ul:not(:last-child),
.scheme .wysiwyg.wysiwyg_margin ol:not(:last-child) {
  margin-bottom: 1.25rem;
}
.scheme .wysiwyg.wysiwyg_column picture:not(.picture_secondary) {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme .wysiwyg.wysiwyg_column picture:not(.picture_secondary) {
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme .wysiwyg.wysiwyg_column picture:not(.picture_secondary) img {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .scheme .wysiwyg.wysiwyg_column ul {
    gap: 1.25rem 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.scheme .wysiwyg hr {
  width: 100%;
  height: 1px;
  margin: 1.25rem 0;
  border: 0;
  background: var(--color-light-secondary);
  display: block;
}
.scheme .wysiwyg hr:not(:last-child) {
  margin-bottom: 2rem;
}
.scheme .wysiwyg h1,
.scheme .wysiwyg h2,
.scheme .wysiwyg h3,
.scheme .wysiwyg h4,
.scheme .wysiwyg h5,
.scheme .wysiwyg h6,
.scheme .wysiwyg p,
.scheme .wysiwyg ul,
.scheme .wysiwyg ol {
  margin: 0;
}
.scheme .wysiwyg h1:not(:last-child),
.scheme .wysiwyg h2:not(:last-child),
.scheme .wysiwyg h3:not(:last-child),
.scheme .wysiwyg h4:not(:last-child),
.scheme .wysiwyg h5:not(:last-child),
.scheme .wysiwyg h6:not(:last-child),
.scheme .wysiwyg p:not(:last-child),
.scheme .wysiwyg ul:not(:last-child),
.scheme .wysiwyg ol:not(:last-child) {
  margin-bottom: 1.25rem;
}
@media (min-width: 1560px) {
  .scheme .wysiwyg h1:not(:last-child),
  .scheme .wysiwyg h2:not(:last-child),
  .scheme .wysiwyg h3:not(:last-child),
  .scheme .wysiwyg h4:not(:last-child),
  .scheme .wysiwyg h5:not(:last-child),
  .scheme .wysiwyg h6:not(:last-child),
  .scheme .wysiwyg p:not(:last-child),
  .scheme .wysiwyg ul:not(:last-child),
  .scheme .wysiwyg ol:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
.scheme .wysiwyg h1 a:not(.btn),
.scheme .wysiwyg h2 a:not(.btn),
.scheme .wysiwyg h3 a:not(.btn),
.scheme .wysiwyg h4 a:not(.btn),
.scheme .wysiwyg h5 a:not(.btn),
.scheme .wysiwyg h6 a:not(.btn) {
  color: var(--color-text);
}
.scheme .wysiwyg h1 a:not(.btn):before,
.scheme .wysiwyg h2 a:not(.btn):before,
.scheme .wysiwyg h3 a:not(.btn):before,
.scheme .wysiwyg h4 a:not(.btn):before,
.scheme .wysiwyg h5 a:not(.btn):before,
.scheme .wysiwyg h6 a:not(.btn):before {
  background-color: var(--color-text);
  width: 100%;
}
.scheme .wysiwyg ul {
  gap: 0.125rem;
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;
}
.scheme .wysiwyg li {
  padding-left: 1.5rem;
  position: relative;
}
.scheme .wysiwyg li:before {
  content: "";
  background-color: var(--color-text);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.scheme .wysiwyg a:not(.btn) {
  color: var(--color-link);
  position: relative;
  white-space: nowrap;
  text-decoration: none;
}
.scheme .wysiwyg a:not(.btn):before {
  content: "";
  position: absolute;
  top: calc(100% + 0.125rem);
  left: 0;
  height: 1px;
  width: 0%;
  background-color: var(--color-link);
  transition: all 0.4s ease-in-out;
}
.scheme .wysiwyg a:not(.btn):hover:before {
  width: 100%;
}
.scheme .wysiwyg img,
.scheme .wysiwyg picture {
  display: flex;
  align-items: flex-start;
}
.scheme .wysiwyg img:not(:last-child),
.scheme .wysiwyg picture:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .scheme .wysiwyg img:not(:last-child),
  .scheme .wysiwyg picture:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
.scheme .m-0 {
  margin: 0 !important;
}
.scheme .mt-0 {
  margin-top: 0 !important;
}
.scheme .p-0 {
  padding: 0 !important;
}
.scheme .pt-0 {
  padding-top: 0 !important;
}
.scheme .pb-0 {
  padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
  .scheme .pb-d-0 {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 1024px) {
  .scheme .pt-d-0 {
    padding-top: 0 !important;
  }
}
@media (max-width: 1024px) {
  .scheme .p-d-0 {
    padding: 0 !important;
  }
}
@media (max-width: 768px) {
  .scheme .pb-b-0 {
    padding-bottom: 0 !important;
  }
}
.scheme__main {
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .scheme__main {
    padding-bottom: 5rem;
  }
}
.scheme__section {
  padding: 2.5rem 0;
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .scheme__section.scheme__section-p {
    padding: 6.25rem 0 !important;
  }
}
@media (max-width: 768px) {
  .scheme__section.scheme__section-p {
    padding: 5rem 0 !important;
  }
}
@media (max-width: 1024px) {
  .scheme__section.scheme__section-t-p {
    padding-top: 6.25rem !important;
  }
}
@media (max-width: 768px) {
  .scheme__section.scheme__section-t-p {
    padding-top: 5rem !important;
  }
}
@media (max-width: 1024px) {
  .scheme__section.scheme__section-b-p {
    padding-bottom: 6.25rem !important;
  }
}
@media (max-width: 768px) {
  .scheme__section.scheme__section-b-p {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 768px) {
  .scheme__section.section_gap {
    gap: 2.5rem;
  }
}
@media (min-width: 768px) {
  .scheme__section.section_secondary-padding {
    padding: 1.25rem 0;
  }
}
@media (min-width: 768px) {
  .scheme__section.section_secondary-top-padding {
    padding-top: 1.25rem;
  }
}
@media (min-width: 768px) {
  .scheme__section {
    padding: 3rem 0;
    gap: 3rem;
  }
}
@media (min-width: 1024px) {
  .scheme__section {
    padding: 3.75rem 0;
    gap: 3rem;
  }
}
@media (min-width: 1560px) {
  .scheme__section {
    padding: 5rem 0;
    gap: 3.75rem;
  }
}
.scheme__section.section_secondary-gap {
  gap: 2.5rem;
}
.scheme__section.section_secondary .container:not(.hero__nav) {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__section.section_secondary .container:not(.hero__nav) {
    gap: 3rem;
  }
}
@media (min-width: 1024px) {
  .scheme__section.section_secondary .container:not(.hero__nav) {
    gap: 3.75rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.scheme__section.section_secondary .section__action {
  order: 3;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .scheme__section.section_secondary .section__action {
    order: unset;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
.scheme__section.section_secondary .section__action .btn {
  margin: 0;
  width: unset;
}
@media (min-width: 1024px) {
  .scheme__section.section_secondary .section__main {
    grid-column: span 2;
  }
}
.scheme__section .section__title {
  margin: 0;
}
.scheme__section .section__layout {
  padding: 2.5rem 2.5rem;
  margin: 0 -2.5rem;
  gap: 1.5rem;
  background-color: var(--color-light);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__section .section__layout {
    gap: 2.5rem;
    padding: 6.25rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  .scheme__section .section__layout {
    gap: 2.5rem;
    margin: 0 -3.75rem;
    padding: 3.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__section .section__layout {
    gap: 2.5rem;
    padding: 5rem;
    margin: 0 -5rem;
  }
}
@media (max-width: 768px) {
  .scheme__section .section__layout.section__layout_secondary-t-p {
    padding-top: 5rem !important;
  }
}
@media (max-width: 768px) {
  .scheme__section .section__layout.section__layout_secondary-b-p {
    padding-bottom: 5rem !important;
  }
}
@media (max-width: 768px) {
  .scheme__section .section__layout.section__layout_secondary-p {
    padding: 5rem 2.5rem !important;
  }
}
.scheme__section .section__header img {
  width: 58.25rem;
  margin: 0 auto;
}
.scheme__section .section__header .section__picture {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__section .section__header .section__picture {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.scheme__section .section__header .section__picture.section__picture_secondary {
  grid-template-columns: unset;
}
.scheme__section .section__header .section__picture img {
  margin: 0;
  width: 100%;
}
.scheme__section .section__footer {
  display: flex;
  justify-content: center;
}
.scheme__section .section__tooltip:not(.tooltip_info) {
  gap: 2rem;
  padding: 2.5rem 2rem;
  width: 100%;
  background-color: var(--color-light);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__section .section__tooltip:not(.tooltip_info) {
    display: grid;
  }
  .scheme__section .section__tooltip:not(.tooltip_info).section__tooltip_secondary {
    grid-template-columns: 1fr 1fr;
  }
  .scheme__section .section__tooltip:not(.tooltip_info).section__tooltip_tertiary {
    grid-template-columns: 5rem auto 30rem;
  }
  .scheme__section .section__tooltip:not(.tooltip_info).section__tooltip_forty {
    grid-template-columns: auto 5rem;
  }
}
.scheme__section .section__tooltip:not(.tooltip_info) .tooltip__main {
  font-size: 1.25rem;
  line-height: 140%;
  font-weight: 400;
}
.scheme__section .section__tooltip.tooltip_info {
  gap: 2rem;
  display: grid;
  grid-template-columns: 2rem auto;
}
.scheme .brands.brands_secondary p {
  margin: 14px 0 40px;
}
@media (min-width: 1024px) {
  .scheme .brands.brands_secondary p {
    margin: 14px 0 48px;
  }
}
@media (min-width: 1560px) {
  .scheme .brands.brands_secondary p {
    margin: 14px 0 60px;
  }
}
.scheme .brands.brands_secondary .inner-nav__list:before {
  display: none;
}
.scheme .brands.brands_secondary .inner-nav__list li {
  position: relative;
  cursor: pointer;
}
.scheme .brands.brands_secondary .inner-nav__list li:before {
  background-color: var(--color-link);
  content: "";
  height: 1px;
  left: var(--left);
  top: 0;
  position: absolute;
  transition-duration: 0.2s;
  width: 0%;
  z-index: 10;
  transition: all 0.4s ease-in-out;
}
.scheme .brands.brands_secondary .inner-nav__list li.active {
  color: var(--color-link);
}
.scheme .brands.brands_secondary .inner-nav__list li.active:before {
  width: 100%;
}
.scheme .brands.brands_secondary .inner-nav__list li br {
  display: block;
}
@media (min-width: 768px) {
  .scheme .brands.brands_secondary .inner-nav__list li br {
    display: none;
  }
}
.scheme .brands.brands_secondary .brands__container {
  display: none;
}
.scheme .brands.brands_secondary .brands__container:nth-child(1) {
  display: block;
}
#contact-form .form__input.form__input_textarea{
  height: unset;
  padding: 0;
}
@media (min-width: 768px) {
  .scheme .coop--contacts .form__flex .form__item--wide {
    margin-right: 15px;
  }
}
@media (min-width: 1560px) {
  .scheme .coop--contacts .form__flex .form__item--wide {
    margin-right: 30px;
  }
}
.scheme .coop--contacts .form__btn.btn {
  margin: 0;
}
.scheme .w-100 {
  width: 100% !important;
}
.scheme .text-center {
  text-align: center !important;
}
.content-space-between {
  justify-content: space-between !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.w-100 {
  width: 100% !important;
}
.scheme__formular.layout__formular {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__formular.layout__formular {
    gap: 2rem;
    display: grid;
    grid-template-columns: auto 20rem;
  }
}
.scheme__formular .formular__filter {
  order: -1;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__formular .formular__filter {
    order: unset;
    gap: 1rem;
  }
}
.scheme__formular .filter__main {
  gap: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .scheme__formular .filter__main {
    gap: 2.5rem;
  }
}
.scheme__about {
  gap: 2rem;
  border-top: 1px solid var(--color-light-secondary);
  padding: 2.5rem 0;
  border-bottom: 1px solid var(--color-light-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .scheme__about {
    gap: 2.5rem;
    display: grid;
    text-align: left;
    grid-template-columns: 14.5rem auto auto;
  }
}
@media (min-width: 1560px) {
  .scheme__about {
    padding: 4rem 0;
  }
}
.scheme__about .about__picture {
  height: 2.5rem;
  display: flex;
  align-items: flex-start;
}
.scheme__about .about__picture img {
  height: 100%;
  width: auto;
}
.scheme__about .about__main {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (min-width: 1560px) {
  .scheme__about .about__main {
    font-size: 1.25rem;
  }
}
.scheme__about .about__footer {
  width: 100%;
}
@media (min-width: 768px) {
  .scheme__about .about__footer {
    width: auto;
    display: flex;
    justify-content: flex-end;
  }
}
.scheme__about .about__footer .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .scheme__about .about__footer .btn {
    width: auto;
  }
}
@media (min-width: 1560px) {
  .scheme__advantages {
    font-size: 1.25rem;
  }
}
.scheme__advantages .advantages__list {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__advantages .advantages__list {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1560px) {
  .scheme__advantages .advantages__list {
    gap: 2rem;
  }
}
.scheme__advantages .advantages__item {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__advantages .advantages__item {
    gap: 2rem;
  }
}
.scheme__advantages .advantages__picture {
  border-left: 1px solid var(--color-light-secondary);
  height: 3.75rem;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__advantages .advantages__picture {
    height: 8.25rem;
  }
}
.scheme__advantages .advantages__picture img,
.scheme__advantages .advantages__picture svg {
  width: auto;
  height: 100%;
}
.scheme__competencies .competencies__list {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__competencies .competencies__list {
    gap: 2rem;
    display: grid;
    text-align: left;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__competencies .competencies__list.competencies__list_secondary {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__competencies .competencies__list.competencies__list_tertiary {
    grid-template-columns: repeat(2, 1fr);
  }
}
.scheme__competencies .competencies__item {
  gap: 0.75rem;
  display: grid;
  grid-template-columns: 2rem auto;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__competencies .competencies__item {
    gap: 1.25rem;
    grid-template-columns: 2rem auto;
  }
}
@media (min-width: 1024px) {
  .scheme__competencies .competencies__item {
    gap: 2rem;
    grid-template-columns: 2.875rem auto;
  }
}
.scheme__competencies .competencies__symbol {
  width: 2rem;
  height: 2rem;
  transform: translateY(-0.5rem);
}
@media (min-width: 1024px) {
  .scheme__competencies .competencies__symbol {
    width: 2.875rem;
    height: 2.875rem;
  }
}
.scheme__competencies .competencies__ico {
  width: 100%;
  height: 100%;
}
.scheme__competencies .competencies__main h1:not(:last-child),
.scheme__competencies .competencies__main h2:not(:last-child),
.scheme__competencies .competencies__main h3:not(:last-child),
.scheme__competencies .competencies__main h4:not(:last-child),
.scheme__competencies .competencies__main h5:not(:last-child),
.scheme__competencies .competencies__main h6:not(:last-child) {
  margin-bottom: 1.25rem;
}
.scheme__competencies .competencies__text {
  font-size: 0.75rem;
  line-height: 140%;
}
@media (min-width: 768px) {
  .scheme__competencies .competencies__text {
    font-size: 1.125rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__competencies .competencies__text {
    font-size: 1.25rem;
  }
}
.scheme__posts .posts__list {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__posts .posts__list {
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .scheme__posts .posts__list {
    gap: 3.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__posts .posts__list {
    gap: 5rem;
  }
}
.scheme__posts .posts__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__posts .posts__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .scheme__posts .posts__item {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .scheme__section-about .scheme__posts .posts__item:nth-child(odd):not(.posts__item_secondary) .posts__picture {
    order: 2;
  }
}
@media (min-width: 768px) {
  .scheme__posts .posts__item.posts__item_columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.scheme__posts .posts__item.posts__item_tertiary .posts__picture {
  order: 2;
}
@media (min-width: 768px) {
  .scheme__posts .posts__item.posts__item_tiny {
    grid-template-columns: 32.75rem auto;
  }
  .scheme__posts .posts__item.posts__item_tiny .posts__picture img {
    min-height: 0;
    height: auto;
  }
}
.scheme__posts .posts__picture.posts__picture_secondary {
  display: none;
}
@media (min-width: 768px) {
  .scheme__posts .posts__picture.posts__picture_secondary {
    display: block;
  }
}
.scheme__posts .posts__picture.posts__picture_tertiary {
  aspect-ratio: 2;
}
.scheme__posts .posts__picture.posts__picture_tertiary img {
  height: unset;
  width: unset;
}
.scheme__posts .posts__picture .posts__link {
  height: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.scheme__posts .posts__picture .posts__link:hover .posts__symbol {
  background-color: var(--color-highlight);
}
.scheme__posts .posts__picture .posts__link:hover .posts__ico {
  stroke: var(--color-bg-main);
}
.scheme__posts .posts__picture .posts__symbol {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.625rem;
  background-color: var(--color-bg-main);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .scheme__posts .posts__picture .posts__symbol {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.scheme__posts .posts__picture .posts__ico {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: var(--color-highlight);
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .scheme__posts .posts__picture .posts__ico {
    width: 2rem;
    height: 2rem;
  }
}
.scheme__posts .posts__picture img {
  width: 100%;
  height: 12.5rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .scheme__posts .posts__picture img {
    height: 20.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__posts .posts__picture img {
    height: 27.5rem;
  }
}
.scheme__posts .posts__layout {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__posts .posts__layout.posts__layout_secondary {
    justify-content: flex-end;
  }
  .scheme__posts .posts__layout.posts__layout_gap-secondary {
    gap: 1.25rem;
  }
  .scheme__posts .posts__layout + .posts__layout_secondary {
    justify-content: flex-end;
    align-items: flex-end;
  }
}
.scheme__posts .posts__header {
  width: 100%;
  position: relative;
}
.scheme__posts .posts__header:after {
  content: "";
  top: calc(100% + 1.25rem);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-light-secondary);
  position: absolute;
}
.scheme__posts .posts__title {
  font-size: 1.375rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .scheme__posts .posts__title {
    font-size: 1.625rem;
    line-height: 120%;
  }
}
@media (min-width: 1024px) {
  .scheme__posts .posts__title {
    font-size: 2rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__posts .posts__title {
    font-size: 2.625rem;
    line-height: 120%;
  }
}
/*.scheme__posts .posts__main p {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}*/
.scheme__posts .posts__footer {
  gap: 1.25rem;
  width: 100%;
  display: flex;
}
@media (max-width: 1023px) {
  .scheme__posts .posts__footer {
    gap: 8px;
  }
}
@media (min-width: 768px) {
 .scheme__posts .posts__footer {
    width: auto;
  }
}
.scheme__banner {
  position: relative;
}
.scheme__banner .banner__layout {
  color: var(--color-bg-main);
  padding: 2rem;
  position: relative;
  z-index: 2;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__banner .banner__layout {
    gap: 3.75rem;
    padding: 5rem;
  }
}
.scheme__banner .banner__main {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__banner .banner__main {
    gap: 2.5rem;
  }
}
.scheme__banner .banner__title {
  margin: 0;
}
.scheme__banner .banner__text {
  font-weight: 300;
}
.scheme__banner .banner__picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.scheme__banner .banner__picture img {
  width: 100%;
  height: 100%;
}
.scheme__solutions .solutions__list {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__solutions .solutions__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.scheme__solutions .solutions__item {
  gap: 0.75rem;
  padding-left: 1.25rem;
  border-left: 1px solid var(--color-light-secondary);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__solutions .solutions__item {
    gap: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__solutions .solutions__item {
    padding-left: 2rem;
  }
}
.scheme__solutions .solutions__symbol {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1024px) {
  .scheme__solutions .solutions__symbol {
    width: 2.875rem;
    height: 2.875rem;
  }
}
.scheme__solutions .solutions__ico {
  width: 100%;
  height: 100%;
}
.scheme__solutions .solutions__text {
  font-size: 0.75rem;
  line-height: 140%;
}
@media (min-width: 768px) {
  .scheme__solutions .solutions__text {
    font-size: 1.125rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__solutions .solutions__text {
    font-size: 1.25rem;
  }
}
.scheme__solution {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .scheme__solution {
    display: grid;
    gap: 5rem;
    grid-template-columns: 25rem auto;
  }
}
@media (min-width: 1560px) {
  .scheme__solution {
    gap: 8.25rem;
    grid-template-columns: 32.5rem auto;
  }
}
.scheme__solution .solution__secondary {
  padding-left: 1.5rem;
  display: grid;
  grid-template-columns: 10rem auto;
}
@media (min-width: 560px) {
  .scheme__solution .solution__secondary {
    padding-left: 2.5rem;
    grid-template-columns: 15rem auto;
  }
}
@media (min-width: 768px) {
  .scheme__solution .solution__secondary {
    grid-template-columns: 25rem auto;
    padding-left: 4.5rem;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .scheme__solution .solution__secondary {
    grid-template-columns: 30rem auto;
    padding-left: 0;
  }
}
@media (min-width: 1560px) {
  .scheme__solution .solution__secondary {
    grid-template-columns: 41.25rem auto;
  }
}
.scheme__solution .solution__media {
  padding-top: 7.5rem;
  position: relative;
  z-index: 2;
}
.scheme__solution .solution__symbol {
  height: 3rem;
  width: 5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-light-secondary);
  background-color: var(--white);
  position: absolute;
  top: 5rem;
  left: -1.5rem;
}
@media (min-width: 560px) {
  .scheme__solution .solution__symbol {
    height: 6rem;
    width: 10rem;
    top: 2rem;
    border-radius: 1.25rem;
    padding: 1.25rem;
    left: -2.5rem;
  }
}
@media (min-width: 768px) {
  .scheme__solution .solution__symbol {
    left: -4.5rem;
    height: 8rem;
    width: 13.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__solution .solution__symbol {
    height: 6.25rem;
    width: 10rem;
    padding: 1.5rem 2.5rem;
  }
}
.scheme__solution .solution__symbol img,
.scheme__solution .solution__symbol svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.scheme__solution .solution__picture {
  aspect-ratio: 2;
  display: flex;
  align-items: flex-start;
}
.scheme__solution .solution__list {
  background-color: var(--color-light);
  padding: 1rem;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media (min-width: 560px) {
  .scheme__solution .solution__list {
    padding: 2rem;
    gap: 0.75rem;
  }
}
.scheme__solution .solution__list:before {
  content: "";
  width: 5.5rem;
  height: 7.5rem;
  background-color: var(--color-light);
  position: absolute;
  top: 0;
  right: 100%;
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.scheme__solution .solution__item {
  color: var(--color-dark);
  background-color: var(--white);
  font-size: 0.5rem;
  line-height: 120%;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
@media (min-width: 560px) {
  .scheme__solution .solution__item {
    font-size: 0.875rem;
    border-radius: 0.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__solution .solution__item {
    font-size: 1.25rem;
    padding: 0.75rem;
  }
}
.scheme__implementations {
  position: relative;
}
@media (min-width: 1024px) {
  .scheme__implementations {
    padding: 0 4.5rem;
  }
}
.scheme__implementations .swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.scheme__implementations .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
}
.scheme__implementations .slider-with-thumb__nav {
  display: flex;
}
.scheme__implementations .catalog-slider__button {
  width: 3rem;
  height: 3rem;
  top: 50%;
  display: none;
  background-color: var(--color-bg-main);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .scheme__implementations .catalog-slider__button {
    display: block;
  }
}
@media (min-width: 1560px) {
  .scheme__implementations .catalog-slider__button {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media (min-width: 768px) {
  .scheme__implementations .catalog-slider__button.catalog-slider__button--prev {
    left: -1rem;
  }
}
@media (min-width: 1024px) {
  .scheme__implementations .catalog-slider__button.catalog-slider__button--prev {
    left: -1.5rem;
  }
}
@media (min-width: 1560px) {
  .scheme__implementations .catalog-slider__button.catalog-slider__button--prev {
    left: 0;
  }
}
.scheme__implementations .catalog-slider__button.catalog-slider__button--prev svg {
  transform: translate(0, 0.125rem) scale(-1, -1);
}
@media (min-width: 768px) {
  .scheme__implementations .catalog-slider__button.catalog-slider__button--next {
    right: -1rem;
  }
}
@media (min-width: 1024px) {
  .scheme__implementations .catalog-slider__button.catalog-slider__button--next {
    right: -1.5rem;
  }
}
@media (min-width: 1560px) {
  .scheme__implementations .catalog-slider__button.catalog-slider__button--next {
    right: 0;
  }
}
.scheme__implementations .catalog-slider__button.catalog-slider__button--next svg {
  transform: translate(0.125rem, 0.125rem);
}
.scheme__implementations .implementations__item {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__implementations .implementations__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.scheme__implementations .implementations__picture {
  display: flex;
  align-items: flex-start;
}
.scheme__implementations .implementations__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.scheme__implementations .slider-with-thumb__nav {
  gap: 0.5rem;
}
.scheme__implementations .slider-with-thumb__nav .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0;
  position: relative;
  z-index: 11;
  cursor: pointer;
}
@media (min-width: 768px) {
  .scheme__implementations .slider-with-thumb__nav .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.scheme__implementations .implementations__main {
  font-size: 0.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .scheme__implementations .implementations__main {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__implementations .implementations__main {
    font-size: 1rem;
    line-height: 160%;
  }
}
.scheme__listing .listing__list {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__listing .listing__list {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1560px) {
  .scheme__listing .listing__list {
    gap: 2rem;
  }
}
.scheme__listing .listing__item {
  padding: 1.25rem;
  background-color: var(--color-light);
}
@media (min-width: 768px) {
  .scheme__listing .listing__item {
    padding: 2rem;
  }
}
.scheme__directory .directory__title {
  font-size: 1.5rem;
  line-height: 150%;
}
@media (min-width: 768px) {
  .scheme__directory .directory__title {
    font-size: 2.5rem;
    line-height: 150%;
  }
}
.scheme__directory .directory__list {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1560px) {
  .scheme__directory .directory__list {
    gap: 2rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.scheme__directory .directory__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1560px) {
  .scheme__directory .directory__item {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.scheme__directory .directory__symbol {
  width: 2.75rem;
  height: 2.75rem;
}
.scheme__directory .directory__ico {
  width: 100%;
  height: 100%;
}
.scheme__gallery .gallery__list {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__gallery .gallery__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1560px) {
  .scheme__gallery .gallery__list {
    gap: 2rem;
  }
}
.scheme__gallery .gallery__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1560px) {
  .scheme__gallery .gallery__item {
    gap: 2rem;
  }
}
.scheme__gallery .gallery__picture {
  aspect-ratio: 1.81818182;
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
.scheme__gallery .gallery__picture img {
  width: 100%;
  height: 100%;
}
.scheme__collapsible .collapsible__list {
  border-top: 1px solid var(--color-light-secondary);
  border-bottom: 1px solid var(--color-light-secondary);
}
.scheme__collapsible .collapsible__item {
  gap: 0rem;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
}
.scheme__collapsible .collapsible__item:not(:last-child) {
  border-bottom: 1px solid var(--color-light-secondary);
}
.scheme__collapsible .collapsible__item.collapsible__item_active {
  gap: 2.5rem;
}
.scheme__collapsible .collapsible__item.collapsible__item_active .preview__symbol {
  transform: rotate(180deg);
}
.scheme__collapsible .collapsible__item.collapsible__item_active .collapsible__review {
  max-height: 999999px;
}
.scheme__collapsible .collapsible__preview {
  display: flex;
  align-items: start;
  justify-content: space-between;
  cursor: pointer;
}
.scheme__collapsible .preview__symbol {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  transform: rotate(0deg);
  margin-top: 8px;
}
.scheme__collapsible .preview__ico {
  width: 1.5rem;
  height: 0.75rem;
  fill: none;
}
.scheme__collapsible .collapsible__review {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
}
.scheme__collapsible .review__main .review__list {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__collapsible .review__main .review__list {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
   .scheme__collapsible .preview__symbol {
    margin-top: 13px;
  }
}
@media (min-width: 1560px) {
  .scheme__collapsible .review__main .review__list {
    gap: 2rem;
  }
  
  .scheme__collapsible .preview__symbol {
    margin-top: 16px;
  }
}
.scheme__collapsible .review__main .review__picture {
  aspect-ratio: 2;
  display: flex;
  align-items: flex-start;
}
.scheme__collapsible .review__main .review__picture img {
  width: 100%;
  height: 100%;
}
.scheme__collapsible .review__footer .review__list {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__collapsible .review__footer .review__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1560px) {
  .scheme__collapsible .review__footer .review__list {
    gap: 2rem;
  }
}
.scheme__datatable {
  font-size: 0.875rem;
  line-height: 100%;
  max-width: calc(100vw - 2rem);
  padding-left: 1.5rem;
  overflow: hidden;
  overflow-x: auto;
}
.scheme__datatable > table {
  width: 1560px !important;
  border: 1px dashed var(--color-light-secondary) !important;
}
.scheme__datatable table {
  width: 100%;
  height: 1rem;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  table-layout: fixed;
}
.scheme__datatable table tr:not(:last-child) td {
  border-bottom: 1px dashed var(--color-light-secondary);
}
.scheme__datatable table td {
  position: relative;
  padding: 1rem 0.75rem;
}
.scheme__datatable table td:not(:last-child) {
  border-right: 1px dashed var(--color-light-secondary);
}
.scheme__datatable table td:only-child {
  border-right: 1px dashed var(--color-light-secondary);
}
.scheme__datatable table td td {
  padding: 0.25rem;
  border: 0 !important;
}
.scheme__datatable .datatable__layout {
  padding: 1.25rem 0.75rem;
  gap: 1.25rem;
  height: 100%;
  background-color: var(--color-light);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.scheme__datatable .datatable__layout.datatable__layout_vertical {
  justify-content: flex-start;
}
.scheme__datatable .datatable__layout.datatable__layout_secondary {
  background-color: var(--color-light-secondary);
}
.scheme__datatable .datatable__layout.datatable__layout_tertiary {
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.7);
}
.scheme__datatable .datatable__title {
  color: var(--color-link);
  font-size: 1rem;
  line-height: 100%;
}
.scheme__datatable .datatable__title.datatable__title_secondary {
  position: absolute;
  top: 50%;
  left: -0.5rem;
  transform: rotate(-90deg) translate(-50%, -50%);
  transform-origin: 0 50%;
}
.scheme__datatable .datatable__subtext {
  color: #010101;
  background-color: #ffde3d;
  padding: 0.25rem 1rem;
  border-radius: 1.25rem;
}
.scheme__datatable .datatable__main {
  width: 100%;
}
.scheme__datatable .datatable__sublist {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scheme__datatable .datatable__subitem {
  color: var(--color-dark);
}
.scheme__datatable .datatable__gallery {
  gap: 0.25rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.scheme__datatable .datatable__gallery .gallery__item {
  height: 2.25rem;
  display: flex;
  align-items: flex-start;
}
.scheme__datatable .datatable__gallery .gallery__item img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.scheme__matrix .matrix__list {
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__list {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .scheme__matrix .matrix__list {
    gap: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__matrix .matrix__list {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__list.matrix__list_secondary {
    grid-template-columns: repeat(2, 1fr);
  }
  .scheme__matrix .matrix__list.matrix__list_secondary .matrix__item.matrix__item_secondary {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__list.matrix__list_tertiary {
    grid-template-columns: repeat(6, 1fr);
  }
  .scheme__matrix .matrix__list.matrix__list_tertiary .matrix__item {
    grid-column: span 2;
  }
  .scheme__matrix .matrix__list.matrix__list_tertiary .matrix__item.matrix__item_secondary {
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__list.matrix__list_forty {
    grid-template-columns: repeat(4, 1fr);
  }
  .scheme__matrix .matrix__list.matrix__list_forty .matrix__item.matrix__item_secondary {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__picture {
    padding: 3rem;
    width: 100%;
  }
  .scheme__matrix .matrix__picture img {
    width: 66rem;
    margin: 0 auto;
    display: block;
  }
}
.scheme__matrix .matrix__item {
  gap: 0.25rem;
  background-color: var(--color-light);
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__item {
    gap: 1.25rem;
    padding: 1.25rem;
  }
  .scheme__matrix .matrix__item.matrix__item_secondary {
    grid-row: span 2;
  }
}
@media (min-width: 1024px) {
  .scheme__matrix .matrix__item {
    padding: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__matrix .matrix__item {
    padding: 2rem 2rem 2.5rem;
  }
}
.scheme__matrix .matrix__header {
  gap: 0.75rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__header {
    gap: 1.25rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1560px) {
  .scheme__matrix .matrix__header {
    gap: 2rem;
  }
}
.scheme__matrix .matrix__symbol {
  width: 2.25rem;
  height: 2.25rem;
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__symbol {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1560px) {
  .scheme__matrix .matrix__symbol {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.scheme__matrix .matrix__ico {
  width: 100%;
  height: 100%;
}
.scheme__matrix .matrix__title {
  color: var(--color-dark);
  font-size: 1.125rem;
  line-height: 130%;
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__title {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__matrix .matrix__title {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.scheme__matrix .matrix__main {
  padding-left: 3rem;
}
@media (min-width: 768px) {
  .scheme__matrix .matrix__main {
    font-size: 1rem;
    line-height: 150%;
    padding-left: 0;
    display: block;
  }
}
@media (min-width: 1560px) {
  .scheme__matrix .matrix__main {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.scheme__matrix .matrix__main h1:not(:last-child),
.scheme__matrix .matrix__main h2:not(:last-child),
.scheme__matrix .matrix__main h3:not(:last-child),
.scheme__matrix .matrix__main h4:not(:last-child),
.scheme__matrix .matrix__main h5:not(:last-child),
.scheme__matrix .matrix__main h6:not(:last-child) {
  margin-bottom: 1.25rem;
}
.scheme__grid .grid__list {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__grid .grid__list {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__list {
    gap: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__list {
    gap: 2.5rem 2rem;
  }
}
@media (min-width: 768px) {
  .scheme__grid .grid__list.grid__list_secondary {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__grid .grid__item.grid__item_secondary {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .scheme__grid .grid__item.grid__item_tertiary {
    grid-row: span 2;
  }
}
@media (min-width: 768px) {
  .scheme__grid .grid__item.grid__item_tertiary .grid__picture.grid__picture_tertiary {
    height: 23.25rem;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__item.grid__item_tertiary .grid__picture.grid__picture_tertiary {
    height: 31rem;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__item.grid__item_tertiary .grid__picture.grid__picture_tertiary {
    height: 35.5rem;
  }
}
.scheme__grid .grid__link {
  color: var(--color-text);
  gap: 0.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__grid .grid__link {
    gap: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__link {
    gap: 0.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__link {
    gap: 1.25rem;
  }
}
.scheme__grid .grid__link.grid__link_secondary {
  gap: 0;
}
.scheme__grid .grid__link:hover .grid__symbol {
  background-color: var(--color-highlight);
}
.scheme__grid .grid__link:hover .grid__ico {
  stroke: #ffffff;
}
.scheme__grid .grid__picture {
  height: 13.75rem;
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__grid .grid__picture {
    height: 13rem;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__picture {
    height: 18.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__picture {
    height: 23.75rem;
  }
}
.scheme__grid .grid__picture.grid__picture_secondary {
  height: 10rem;
}
@media (min-width: 768px) {
  .scheme__grid .grid__picture.grid__picture_secondary {
    height: 10rem;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__picture.grid__picture_secondary {
    height: 13.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__picture.grid__picture_secondary {
    height: 18.75rem;
  }
}
.scheme__grid .grid__picture.grid__picture_tertiary {
  height: 9.5rem;
}
@media (min-width: 768px) {
  .scheme__grid .grid__picture.grid__picture_tertiary {
    height: 7.75rem;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__picture.grid__picture_tertiary {
    height: 10.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__picture.grid__picture_tertiary {
    height: 13.25rem;
  }
}
.scheme__grid .grid__picture img {
  width: 100%;
  height: 100%;
}
.scheme__grid .grid__symbol {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.625rem;
  background-color: var(--color-bg-main);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .scheme__grid .grid__symbol {
    width: 2.5rem;
    height: 2.5rem;
    transition: all 0.4s ease-in-out;
  }
}
.scheme__grid .grid__ico {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: var(--color-highlight);
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .scheme__grid .grid__ico {
    width: 2rem;
    height: 2rem;
  }
}
.scheme__grid .grid__main {
  flex-grow: 1;
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__grid .grid__main {
    gap: 0.75rem;
  }
}
.scheme__grid .grid__main.grid__main_secondary {
  padding: 0.625rem;
  background-color: var(--color-light);
}
@media (min-width: 1024px) {
  .scheme__grid .grid__main.grid__main_secondary {
    padding: 1.25rem;
  }
}
.scheme__grid .grid__title {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .scheme__grid .grid__title {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__title {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__title {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.scheme__grid .grid__text {
  font-size: 0.75rem;
  line-height: 120%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .scheme__grid .grid__text {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1024px) {
  .scheme__grid .grid__text {
    font-size: 0.875rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .scheme__grid .grid__text {
    font-size: 1rem;
    line-height: 140%;
  }
}
.scheme__presentation {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__presentation {
    display: grid;
    gap: 1rem;
    grid-template-columns: 17.5rem auto;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation {
    gap: 1.25rem;
    grid-template-columns: 25rem auto;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation {
    gap: 2.75rem;
    grid-template-columns: 25rem auto;
  }
}
.scheme__presentation .presentation__layout {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__presentation .presentation__layout {
    gap: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation .presentation__layout {
    gap: 2.5rem;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation .presentation__layout {
    gap: 2.5rem;
  }
}
.scheme__presentation .presentation__main {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__presentation .presentation__main {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation .presentation__main {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation .presentation__main {
    gap: 2.5rem;
  }
}
.scheme__presentation .presentation__group {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__presentation .presentation__group {
    gap: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation .presentation__group {
    gap: 0.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation .presentation__group {
    gap: 1.25rem;
  }
}
.scheme__presentation .group__title {
  font-size: 0.75rem;
  line-height: 120%;
  font-weight: 400;
}
@media (min-width: 768px) {
  .scheme__presentation .group__title {
    font-size: 1.125rem;
    line-height: 120%;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation .group__title {
    font-size: 0.875rem;
    line-height: 140%;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation .group__title {
    font-size: 1.25rem;
    line-height: 140%;
  }
}
.scheme__presentation .group__main {
  font-size: 1rem;
  line-height: 130%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .scheme__presentation .group__main {
    font-size: 1rem;
    line-height: 150%;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation .group__main {
    font-size: 1rem;
    line-height: 150%;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation .group__main {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.scheme__presentation .presentation__figure {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.scheme__presentation .presentation__figure .figure__picture {
  aspect-ratio: 2.17391304;
  display: flex;
  align-items: flex-start;
}
.scheme__presentation .presentation__figure .figure__picture img {
  width: 100%;
  height: 100%;
}
.scheme__presentation .presentation__figure .figure__list {
  font-size: 0.75rem;
  line-height: 120%;
  font-weight: 300;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .scheme__presentation .presentation__figure .figure__list {
    font-size: 0.875rem;
    line-height: 120%;
    gap: 3.5rem;
  }
}
@media (min-width: 1024px) {
  .scheme__presentation .presentation__figure .figure__list {
    gap: 10rem;
  }
}
@media (min-width: 1560px) {
  .scheme__presentation .presentation__figure .figure__list {
    gap: 15rem;
    font-size: 1rem;
    line-height: 140%;
  }
}
.scheme__support {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .scheme__support {
    max-width: 1320px;
  }
}
@media (min-width: 1560px) {
  .scheme__support {
    max-width: 1760px;
  }
}
.scheme__support .support__list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .scheme__support .support__list {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.scheme__support .support__item {
  padding: 2.75rem 1rem;
  gap: 2.75rem;
  color: var(--color-text);
  background-color: var(--color-light);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__support .support__item {
    padding: 6.25rem 2.5rem;
    gap: 2.75rem;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .scheme__support .support__item {
    padding: 3.75rem;
    gap: 2.75rem;        
    padding: 3.75rem calc((100vw - 3vw - (100vw - 79px)) / 2);
  }
}
@media (min-width: 1279px) {
    .scheme__support .support__item {
        padding: 3.75rem;
        gap: 2.75rem;
        padding: 3.75rem calc((100vw - 3vw - 1200px) / 2);
    }
}

@media (min-width: 1379px) {
    .scheme__support .support__item {
        padding: 3.75rem;
        gap: 2.75rem;
        padding: 3.75rem calc((100vw - 3vw - 1320px) / 2);
    }
}
@media (min-width: 1560px) {
  .scheme__support .support__item {
    padding: 5rem;
    gap: 3.75rem;
  }
  
  .scheme__support .support__list {
    gap: 30px;
  }
}
.scheme__support .support__item:only-child {
  grid-column: span 2;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .scheme__support .support__item:only-child {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  .scheme__support .support__item:only-child {
    display: grid;
    align-items: flex-end;
  }
}


.scheme__support .support__media {
  display: none;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .scheme__support .support__media {
    display: flex;
    grid-row: span 2;
  }
}
.scheme__support .support__media .media__list {
  gap: 1.125rem;
  display: flex;
}
.scheme__support .support__media .media__item {
  width: 6.75rem;
  height: 6.75rem;
}
@media (min-width: 1024px) {
  .scheme__support .support__media .media__item {
    width: 7.25rem;
    height: 7.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__support .support__media .media__item {
    width: 9.25rem;
    height: 9.25rem;
  }
}
.scheme__support .support__main {
  gap: 1.25rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__support .support__main {
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .scheme__support .support__main {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .scheme__support .support__main {
    gap: 2.5rem;
  }
}
.scheme__support .support__title {
  font-size: 1.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .scheme__support .support__title {
    font-size: 2.5rem;
    line-height: 100%;
  }
}
@media (min-width: 1024px) {
  .scheme__support .support__title {
    font-size: 2.875rem;
    line-height: 100%;
  }
}
@media (min-width: 1560px) {
  .scheme__support .support__title {
    font-size: 3.25rem;
    line-height: 100%;
  }
}
.scheme__support .support__text {
  font-size: 1rem;
  line-height: 130%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .scheme__support .support__text {
    font-size: 1rem;
    line-height: 150%;
  }
}
.scheme__dropdown {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .scheme__dropdown {
    gap: 3rem;
  }
}
@media (min-width: 1560px) {
  .scheme__dropdown {
    gap: 3.75rem;
  }
}
.scheme__dropdown .dropdown__group {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__dropdown .dropdown__group {
    gap: 2.5rem;
  }
}
.scheme__dropdown .dropdown__group .group__header {
  padding: 1.25rem;
  gap: 1.25rem;
  background-color: var(--color-light);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__dropdown .dropdown__group .group__header {
    padding: 2rem;
  }
}
.scheme__dropdown .dropdown__group .group__header .dropdown__title {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .scheme__dropdown .dropdown__group .group__header .dropdown__title {
    font-size: 1.375rem;
    line-height: 100%;
  }
}
@media (min-width: 1024px) {
  .scheme__dropdown .dropdown__group .group__header .dropdown__title {
    font-size: 1.375rem;
    line-height: 100%;
  }
}
@media (min-width: 1560px) {
  .scheme__dropdown .dropdown__group .group__header .dropdown__title {
    font-size: 2rem;
    line-height: 100%;
  }
}
.scheme__dropdown .dropdown__group .group__header .dropdown__text {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .scheme__dropdown .dropdown__group .group__header .dropdown__text {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.scheme__dropdown .dropdown__list {
  border-top: 1px solid var(--color-light-secondary);
  display: flex;
  flex-direction: column;
}
.scheme__dropdown .dropdown__item {
  display: flex;
  flex-direction: column;
}
.scheme__dropdown .dropdown__item.dropdown__item_active .dropdown__symbol {
  transform: rotate(45deg);
}
.scheme__dropdown .dropdown__item.dropdown__item_active .dropdown__review {
  border-bottom: 1px solid var(--color-light-secondary);
}
.scheme__dropdown .picture_tertiary {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__dropdown .picture_tertiary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.scheme__dropdown .picture_tertiary img {
  margin: 0 !important;
}
.scheme__dropdown ul.full {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}
.scheme__dropdown .dropdown__preview {
  border-bottom: 1px solid var(--color-light-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 1.25rem 0;
}
.scheme__dropdown .dropdown__preview .dropdown__title {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .scheme__dropdown .dropdown__preview .dropdown__title {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
.scheme__dropdown .dropdown__preview .dropdown__symbol {
  width: 1.5rem;
  height: 1.5rem;
}
.scheme__dropdown .dropdown__preview .dropdown__symbol .dropdown__ico {
  width: 100%;
  height: 100%;
  fill: var(--color-link);
}
.scheme__dropdown .dropdown__review {
  padding: 1.25rem 0;
  display: none;
}
@media (min-width: 768px) {
  .scheme__dropdown .dropdown__review {
    padding: 2rem 0;
  }
}
@media (min-width: 1024px) {
  .scheme__dropdown .dropdown__review {
    padding: 3rem 0;
  }
}
.scheme__swiper {
  gap: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
}
.scheme__swiper .swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.scheme__swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
}
.scheme__swiper .swiper__picture {
  height: 11rem;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .scheme__swiper .swiper__picture {
    height: 28.875rem;
  }
}
@media (min-width: 1024px) {
  .scheme__swiper .swiper__picture {
    height: 42.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__swiper .swiper__picture {
    height: 56.25rem;
  }
}
.scheme__swiper .swiper__picture img {
  width: 100%;
  height: 100%;
}
.scheme__swiper .swiper-button-prev,
.scheme__swiper .swiper-button-next {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 1rem;
  background-color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.scheme__swiper .swiper-button-prev:after,
.scheme__swiper .swiper-button-next:after {
  display: none;
}
.scheme__swiper .swiper-button-prev img,
.scheme__swiper .swiper-button-next img,
.scheme__swiper .swiper-button-prev svg,
.scheme__swiper .swiper-button-next svg {
  width: 2rem;
  height: 2rem;
}
.scheme__swiper .swiper-button-prev {
  left: 0;
  transform: translateX(-50%);
}
.scheme__swiper .swiper-button-next {
  right: 0;
  transform: translateX(50%);
}
.scheme__swiper .slider__pagination {
  gap: 0.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.scheme__swiper .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 !important;
  opacity: 1;
  background-color: #d9d9d9;
  cursor: pointer;
}
.scheme__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-link);
}
.scheme__roll .roll__list {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
.scheme__roll .roll__item {
  gap: 2rem;
  display: flex;
  align-items: flex-start;
}
.scheme__roll .roll__header {
  transform: translateY(-0.5rem);
}
.scheme__roll .roll__symbol {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: flex-start;
}
.scheme__roll .roll__ico {
  width: 100%;
  height: 100%;
}
.scheme__roll .roll__main {
  font-size: 1.125rem;
  line-height: 150%;
  font-weight: 300;
}
.scheme__about {
  gap: 2rem;
  border-top: 1px solid var(--color-light-secondary);
  padding: 2.5rem 0;
  border-bottom: 1px solid var(--color-light-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .scheme__about {
    gap: 2.5rem;
    display: grid;
    text-align: left;
    grid-template-columns: 14.5rem auto auto;
  }
}
@media (min-width: 1560px) {
  .scheme__about {
    padding: 4rem 0;
  }
}
.scheme__about .about__picture {
  height: 2.5rem;
  display: flex;
  align-items: flex-start;
}
.scheme__about .about__picture img {
  height: 100%;
  width: auto;
}
.scheme__about .about__main {
  font-size: 1.125rem;
  line-height: 140%;
  font-weight: 400;
}
@media (min-width: 1560px) {
  .scheme__about .about__main {
    font-size: 1.25rem;
  }
}
.scheme__about .about__footer {
  width: 100%;
}
@media (min-width: 768px) {
  .scheme__about .about__footer {
    width: auto;
    display: flex;
    justify-content: flex-end;
  }
}
.scheme__about .about__footer .btn {
  width: 100%;
}
@media (min-width: 768px) {
  .scheme__about .about__footer .btn {
    width: auto;
  }
}
.scheme__concept {
  gap: 3.75rem;
  display: flex;
  flex-direction: column;
}
.scheme__concept .concept__list {
  display: flex;
  flex-direction: column;
}
.scheme__concept .concept__item {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #cedae7;
}
@media (min-width: 768px) {
  .scheme__concept .concept__item {
    display: grid;
    padding: 2.5rem 0;
    gap: 2rem;
    grid-template-columns: 32.5rem auto;
  }
}
.scheme__concept .concept__item:first-child {
  padding-top: 0;
}
.scheme__concept .concept__item:only-child {
  border: 0;
}
.scheme__concept .concept__boxes .boxes__list {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__concept .concept__boxes .boxes__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.scheme__concept .concept__boxes .boxes__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.scheme__concept .concept__boxes .boxes__header {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.scheme__concept .concept__boxes .boxes__header img {
  aspect-ratio: 1;
  width: 21.75rem;
}
.scheme__boxes .boxes__list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .scheme__boxes .boxes__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .scheme__boxes .boxes__list.boxes__list_secondary {
    grid-template-columns: repeat(4, 1fr);
  }
  .scheme__boxes .boxes__list.boxes__list_tertiary {
    grid-template-columns: repeat(5, 1fr);
  }
}
.scheme__boxes .boxes__item {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
.scheme__boxes .boxes__picture {
  width: 6.25rem;
  height: 6.25rem;
}
.scheme__boxes .boxes__picture img,
.scheme__boxes .boxes__picture svg {
  width: 100%;
  height: 100%;
}
.scheme__data .data__list {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__data .data__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__data .data__list.data__list_secondary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__data .data__list.data__list_tertiary {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__data .data__list.data__list_forty {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .scheme__data .data__list.data__list_fifty {
    grid-template-columns: repeat(6, 1fr);
  }
}
.scheme__data .data__item {
  gap: 2rem;
  padding: 0 0 0 2rem;
  border-left: 1px solid #cedae7;
  display: flex;
  flex-direction: column;
}
.scheme__data .data__item .wysiwyg h1:not(:last-child),
.scheme__data .data__item .wysiwyg h2:not(:last-child),
.scheme__data .data__item .wysiwyg h3:not(:last-child),
.scheme__data .data__item .wysiwyg h4:not(:last-child),
.scheme__data .data__item .wysiwyg h5:not(:last-child),
.scheme__data .data__item .wysiwyg h6:not(:last-child) {
  margin-bottom: 1.25rem;
}
.scheme__data .data__picture {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: flex-start;
}
.scheme__data .data__number {
  height: 100%;
  color: #cedae7;
  font-weight: 100;
  font-size: 6.25rem;
  line-height: 100%;
  display: flex;
  align-items: flex-end;
}
.scheme__numbers .numbers__list {
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__numbers .numbers__list {
    gap: 2.5rem 2.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.scheme__numbers .numbers__item {
  gap: 2rem;
  display: flex;
  align-items: flex-start;
}
.scheme__numbers .numbers__symbol {
  font-size: 1.25rem;
  line-height: 140%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-style: normal;
  color: #0b4589;
  background-color: #f2f5f9;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  border-radius: 0.625rem;
}
.scheme__numbers .numbers__text {
  font-size: 1.25rem;
  line-height: 140%;
}
.scheme__numbers .wysiwyg h1:not(:last-child),
.scheme__numbers .wysiwyg h2:not(:last-child),
.scheme__numbers .wysiwyg h3:not(:last-child),
.scheme__numbers .wysiwyg h4:not(:last-child),
.scheme__numbers .wysiwyg h5:not(:last-child),
.scheme__numbers .wysiwyg h6:not(:last-child) {
  margin-bottom: 1.25rem;
}
.scheme__numbers.numbers__secondary .numbers__item {
  flex-direction: column;
}
.scheme__table {
  overflow: hidden;
  overflow-x: auto;
}
.scheme__table.scheme__table_secondary table th {
  background-color: #f2f5f9;
  border: 0;
}
.scheme__table.scheme__table_secondary table th,
.scheme__table.scheme__table_secondary table td {
  padding: 1rem 2rem;
  text-align: left;
}

@media (max-width: 768px) {
  .scheme__table.scheme__table_secondary table {
      min-width: 80rem;
  }
}
@media (min-width: 768px) {
  .scheme__table.scheme__table_secondary table {
      min-width: unset;
  }
  .scheme__table.scheme__table_secondary table th:first-child,
  .scheme__table.scheme__table_secondary table td:first-child {
    /*width: 33.25rem;*/
            width: 30%;
            max-width: 30%;
  }
  .scheme__table.scheme__table_secondary table th:not(:first-child),
  .scheme__table.scheme__table_secondary table td:not(:first-child) {
    /*width: 33.25rem;*/
    width: 17.5%;
    max-width: 17.5%;
  }
}
.scheme__table.scheme__table_secondary table th:not(:first-child),
.scheme__table.scheme__table_secondary table td:not(:first-child) {
  text-align: center;
}
.scheme__table table {
  min-width: 80rem;
  font-weight: 300;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  table-layout: fixed;
}
.scheme__table table th,
.scheme__table table td {
  padding: 1rem 0;
  text-align: left;
  border-bottom: 1px solid #cedae7;
}
.scheme__table table strong {
  font-weight: 400;
}
.scheme__table table .table__ico {
  width: 1.5rem;
  height: 1rem;
}
.scheme__configurations .configurations__list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__configurations .configurations__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.scheme__configurations .configurations__item {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
.scheme__configurations .configurations__header {
  padding-bottom: 1rem;
  border-bottom: 1px solid #cedae7;
}
@media (min-width: 768px) {
  .scheme__configurations .configurations__header {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .scheme__configurations .configurations__main {
    padding-right: 2rem;
  }
}
.scheme__types .types__list {
  gap: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scheme__types .types__item {
  width: 66.25rem;
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.scheme__benefits .benefits__list {
  gap: 3rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__benefits .benefits__list {
    gap: 3rem 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .scheme__benefits .benefits__list {
    gap: 3rem 1.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__benefits .benefits__list {
    gap: 4rem 2rem;
  }
}
.scheme__benefits .benefits__item {
  font-weight: 300;
  gap: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__benefits .benefits__item {
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .scheme__benefits .benefits__item {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .scheme__benefits .benefits__item {
    gap: 2.5rem;
  }
}
.scheme__benefits .benefits__item.benefits__item_secondary {
  order: 2;
}
@media (min-width: 768px) {
  .scheme__benefits .benefits__item.benefits__item_secondary {
    grid-row: span 3;
    order: unset;
  }
}
.scheme__benefits .benefits__header {
  gap: 0.75rem 1.25rem;
  display: grid;
  grid-template-columns: 2.5rem auto;
}
@media (min-width: 1560px) {
  .scheme__benefits .benefits__header {
    grid-template-columns: 3rem auto;
    gap: 1.25rem;
  }
}
.scheme__benefits .benefits__symbol {
  grid-row: span 2;
}
.scheme__benefits .benefits__symbol img,
.scheme__benefits .benefits__symbol svg {
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 1560px) {
  .scheme__benefits .benefits__symbol img,
  .scheme__benefits .benefits__symbol svg {
    width: 3rem;
    height: 3rem;
  }
}
.scheme__aid .aid__list {
  gap: 1.25rem 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .scheme__aid .aid__list {
    gap: 0;
    grid-template-columns: repeat(5, 1fr);
  }
}
.scheme__aid .aid__item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.scheme__aid .aid__item:before {
  content: "";
  position: absolute;
  background-color: #cedae7;
  width: 1px;
  height: 4.5rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .scheme__aid .aid__item:last-child {
    grid-column: span 2;
  }
}
.scheme__aid .aid__item:last-child:after {
  content: "";
  position: absolute;
  background-color: #cedae7;
  width: 1px;
  height: 4.5rem;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.scheme__aid .aid__picture {
  width: 7.5rem;
  height: 4.5rem;
}
@media (min-width: 1024px) {
  .scheme__aid .aid__picture {
    width: 11.75rem;
    height: 7rem;
    display: flex;
    align-items: flex-start;
  }
}
.scheme__aid .aid__picture img,
.scheme__aid .aid__picture svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.scheme__contact {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__contact {
    gap: 3rem;
  }
}
@media (min-width: 1024px) {
  .scheme__contact {
    gap: 3rem;
  }
}
@media (min-width: 1560px) {
  .scheme__contact {
    gap: 5rem;
  }
}
.scheme__contact.contact_secondary .contact__item {
  padding: 1.25rem 2rem;
  border-left: 1px solid #cedae7;
}
.scheme__contact .contact__list {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__contact .contact__list {
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.scheme__contact .contact__item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__contact .contact__item.contact__item_secondary {
    grid-column: span 2;
  }
}
.scheme__contact .contact__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .scheme__contact .contact__title {
    min-height: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .scheme__contact .contact__title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.scheme__contact .contact__title:not(:last-child) {
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .scheme__contact .contact__title.contact__title_secondary {
    font-size: 2rem;
    line-height: 100%;
    white-space: unset;
    font-weight: 400;
  }
}
.scheme__contact .contact__subtitle {
  font-size: 1.125rem;
  line-height: 140%;
}
@media (min-width: 1560px) {
  .scheme__contact .contact__subtitle {
    font-size: 1.25rem;
    line-height: 140%;
  }
}
@media (min-width: 1560px) {
  .scheme__contact .contact__subtitle.contact__subtitle_secondary {
    font-size: 1.5rem;
    line-height: 140%;
  }
}
.scheme__contact .contact__subtitle.contact__subtitle_link {
  color: #0b4589;
  text-decoration: underline;
}
.scheme__contact .contact__text {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .scheme__contact .contact__text {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.scheme__contact .contact__picture {
  aspect-ratio: 4;
  display: flex;
  align-items: flex-start;
  margin: 0 -2rem -2.5rem;
}
@media (min-width: 768px) {
  .scheme__contact .contact__picture {
    margin: 0 -3rem -6.25rem;
  }
}
@media (min-width: 1024px) {
  .scheme__contact .contact__picture {
    margin: 0 -3.75rem -3.75rem;
  }
}
@media (min-width: 1560px) {
  .scheme__contact .contact__picture {
    margin: 0 -5rem -5rem;
  }
}
.scheme__contact .contact__picture iframe {
  width: 100%;
  height: 100%;
}
.scheme__directions .directions__list {
  gap: 0.125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .scheme__directions .directions__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.scheme__directions .directions__link {
  color: #010101;
  padding: 2rem 4.5rem 2rem 2rem;
  height: 100%;
  background-color: var(--color-light);
  position: relative;
  display: flex;
}
.scheme__directions .directions__link:hover .directions__symbol {
  background-color: var(--color-highlight);
}
.scheme__directions .directions__link:hover .directions__ico {
  stroke: #ffffff;
}
.scheme__directions .directions__symbol {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.625rem;
  background-color: var(--color-bg-main);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .scheme__directions .directions__symbol {
    width: 2.5rem;
    height: 2.5rem;
    transition: all 0.4s ease-in-out;
  }
}
.scheme__directions .directions__ico {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: var(--color-highlight);
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .scheme__directions .directions__ico {
    width: 2rem;
    height: 2rem;
  }
}
.scheme__tooltip {
  gap: 2rem;
  padding: 2rem 2.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .scheme__tooltip {
    display: grid;
    grid-template-columns: 5rem auto 32.5rem;
    border-left: 1px solid #cedae7;
  }
}
.scheme__documents .documents__list {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .scheme__documents .documents__list {
    gap: 5rem 2.5rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.scheme__documents .documents__item {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
.scheme__documents .documents__link {
  font-size: 1rem;
  line-height: 130%;
  font-weight: 300;
  color: #010101;
}
.layout {
  overflow: hidden;
}
.layout p {
  margin: 0;
}
.layout .breabcrumbs ~ .layout__section {
  padding-top: 0 !important;
}
.layout .layout__main {
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .layout .layout__main {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main {
    padding-bottom: 5rem;
  }
}
.layout .layout__main .layout__section {
  padding: 2.5rem 0;
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section {
    padding: 3rem 0;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main .layout__section {
    padding: 3.75rem 0;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main .layout__section {
    padding: 5rem 0;
  }
}
.layout .layout__main .layout__section .container {
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section .container {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main .layout__section .container {
    gap: 3.75rem;
  }
}
.layout .layout__main .layout__section .section__header {
  order: -1;
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section .section__header {
    order: unset;
  }
}
.layout .layout__main .layout__section .section__link {
  color: var(--color-dark);
  gap: 0.75rem;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .layout .layout__main .layout__section .section__link {
    display: none;
  }
}
.layout .layout__main .layout__section .section__link .link__symbol {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: flex-start;
}
.layout .layout__main .layout__section .section__link .link__symbol svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-light-secondary);
}
.layout .layout__main .layout__section .section__link .link__text {
  font-size: 1rem;
  line-height: 150%;
}
.layout .layout__main .layout__section .section__title {
  margin: 0;
}
.layout .layout__main .layout__section .section__main.section__main_secondary {
  margin: 0 -1rem;
  width: calc(100% + 2rem);
  max-width: calc(100% + 2rem);
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section .section__main.section__main_secondary {
    margin: 0 -2.5rem;
    width: calc(100% + 5rem);
    max-width: calc(100% + 5rem);
  }
}
@media (min-width: 1024px) {
  .layout .layout__main .layout__section .section__main.section__main_secondary {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section .section__footer {
    display: flex;
    justify-content: flex-start;
  }
}
.layout .layout__main .layout__section:last-child .section__main.section__main_secondary {
  margin-bottom: -5rem;
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section:last-child .section__main.section__main_secondary {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .layout .layout__main .layout__section.section_aside .container {
    gap: 2rem;
    display: grid;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main .layout__section.section_aside .container {
    gap: 3.75rem 1.25rem;
    grid-template-columns: 17.75rem auto;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main .layout__section.section_aside .container {
    gap: 3.75rem 2rem;
    grid-template-columns: 23.625rem auto;
  }
}
.layout .layout__main .layout__section.section_aside .section__main {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .layout .layout__main .layout__section.section_aside .section__main.section__main_secondary {
    margin: 0 -2.5rem;
    width: calc(100% + 5rem);
    max-width: calc(100% + 5rem);
  }
}
@media (max-width: 768px) {
  .layout .layout__main .layout__section.section_aside .section__main.section__main_secondary {
    margin: 0 -1rem;
    width: calc(100% + 2rem);
    max-width: calc(100% + 2rem);
  }
}
.layout .layout__main h1,
.layout .layout__main h2,
.layout .layout__main h3,
.layout .layout__main h4,
.layout .layout__main h5,
.layout .layout__main h6,
.layout .layout__main .h1,
.layout .layout__main .h2,
.layout .layout__main .h3,
.layout .layout__main .h4,
.layout .layout__main .h5,
.layout .layout__main .h6 {
  font-weight: 400;
  margin: 0;
}
.layout .layout__main h1,
.layout .layout__main .h1 {
  font-size: 1.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout .layout__main h1,
  .layout .layout__main .h1 {
    font-size: 3.125rem;
    line-height: 100%;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main h1,
  .layout .layout__main .h1 {
    font-size: 3.5rem;
    line-height: 100%;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main h1,
  .layout .layout__main .h1 {
    font-size: 3.75rem;
    line-height: 100%;
  }
}
.layout .layout__main h2,
.layout .layout__main .h2 {
  font-size: 1.75rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout .layout__main h2,
  .layout .layout__main .h2 {
    font-size: 2.875rem;
    line-height: 100%;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main h2,
  .layout .layout__main .h2 {
    font-size: 2.875rem;
    line-height: 100%;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main h2,
  .layout .layout__main .h2 {
    font-size: 3.25rem;
    line-height: 100%;
  }
}
.layout .layout__main h3,
.layout .layout__main .h3 {
  font-size: 1.5rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout .layout__main h3,
  .layout .layout__main .h3 {
    font-size: 1.375rem;
    line-height: 100%;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main h3,
  .layout .layout__main .h3 {
    font-size: 1.375rem;
    line-height: 100%;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main h3,
  .layout .layout__main .h3 {
    font-size: 2rem;
    line-height: 100%;
  }
}
.layout .layout__main h4,
.layout .layout__main .h4 {
  font-size: 1.125rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .layout .layout__main h4,
  .layout .layout__main .h4 {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1024px) {
  .layout .layout__main h4,
  .layout .layout__main .h4 {
    font-size: 1.25rem;
    line-height: 120%;
  }
}
@media (min-width: 1560px) {
  .layout .layout__main h4,
  .layout .layout__main .h4 {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.layout .layout__main h5,
.layout .layout__main .h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.layout .layout__main h6,
.layout .layout__main .h6 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.layout .layout__main img,
.layout .layout__main svg {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  outline: none;
}
.layout .layout__main a:not(.button) {
  text-decoration: none;
}
.layout .layout__main a:not(.button) a:hover,
.layout .layout__main a:not(.button) a:focus {
  color: inherit;
  outline: none;
}
.layout .layout__main strong {
  font-weight: 600;
}
.layout .layout__main ul,
.layout .layout__main ol {
  list-style: none;
}
.layout .layout__main .wysiwyg {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout .layout__main .wysiwyg.wysiwyg_secondary {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.layout .layout__main .wysiwyg img,
.layout .layout__main .wysiwyg iframe,
.layout .layout__main .wysiwyg video {
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
}
.layout .layout__main .wysiwyg h1,
.layout .layout__main .wysiwyg h2,
.layout .layout__main .wysiwyg h3,
.layout .layout__main .wysiwyg h4,
.layout .layout__main .wysiwyg h5,
.layout .layout__main .wysiwyg h6 {
  margin-bottom: 0;
}
.layout .layout__main .wysiwyg h1:not(:last-child),
.layout .layout__main .wysiwyg h2:not(:last-child),
.layout .layout__main .wysiwyg h3:not(:last-child) {
  margin-bottom: 1.25rem;
}
.layout .layout__main .wysiwyg p,
.layout .layout__main .wysiwyg ul,
.layout .layout__main .wysiwyg ol {
  margin: 0;
}
.layout .layout__main .wysiwyg p:not(:last-child),
.layout .layout__main .wysiwyg ul:not(:last-child),
.layout .layout__main .wysiwyg ol:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .layout .layout__main .wysiwyg p:not(:last-child),
  .layout .layout__main .wysiwyg ul:not(:last-child),
  .layout .layout__main .wysiwyg ol:not(:last-child) {
    margin-bottom: 1.75rem;
  }
}
.layout .layout__main .wysiwyg ul,
.layout .layout__main .wysiwyg ol {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 200%;
}
.layout .layout__main .wysiwyg ul {
  list-style: none;
}
.layout .layout__main .wysiwyg ul li {
  position: relative;
  padding-left: 1.25rem;
}
.layout .layout__main .wysiwyg ul li:before {
  content: "";
  position: absolute;
  top: 0.85rem;
  left: 0.45rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-text);
}
.layout .layout__main .wysiwyg strong {
  font-weight: 400;
}
.layout .layout__main .wysiwyg ol {
  list-style: decimal inside;
  padding-left: 1rem;
}
.layout .layout__main .wysiwyg ol li {
  margin-bottom: 0.5rem;
}
.layout .layout__main .wysiwyg ol li:last-child {
  margin-bottom: 0;
}
.layout .layout__main .wysiwyg a {
  color: var(--color-link);
  position: relative;
  text-decoration: underline;
}
.layout .section_sidebar {
  gap: 2.5rem 1.25rem;
  display: none;
  align-items: center;
  grid-template-columns: 4.5rem auto;
}
@media (min-width: 1024px) {
  .layout .section_sidebar {
    grid-row: span 3;
    gap: 2.125rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.layout .section_sidebar .sidebar__picture {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 1rem;
  background-color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .layout .section_sidebar .sidebar__picture {
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 2rem;
  }
}
.layout .section_sidebar .sidebar__picture .sidebar__ico {
  width: 3rem;
  height: 3rem;
}
@media (min-width: 768px) {
  .layout .section_sidebar .sidebar__picture .sidebar__ico {
    width: 4rem;
    height: 4rem;
  }
}
.layout .section_sidebar .sidebar__header {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1560px) {
  .layout .section_sidebar .sidebar__header {
    gap: 1.25rem;
  }
}
.layout .section_sidebar .sidebar__header .sidebar__title {
  font-size: 1.25rem;
  line-height: 120%;
}
@media (min-width: 1560px) {
  .layout .section_sidebar .sidebar__header .sidebar__title {
    font-size: 1.5rem;
    line-height: 120%;
  }
}
.layout .section_sidebar .sidebar__header .sidebar__subtitle {
  color: var(--color-link);
  font-size: 0.875rem;
  line-height: 100%;
  font-weight: 300;
  cursor: pointer;
}
@media (min-width: 1560px) {
  .layout .section_sidebar .sidebar__header .sidebar__subtitle {
    font-size: 1rem;
    line-height: 100%;
  }
}
.layout .section_sidebar .sidebar__main {
  grid-column: span 2;
}
.layout .section_sidebar .sidebar__nav .nav__list {
  gap: 0.875rem;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.layout .section_sidebar .sidebar__nav .nav__item.nav__item .nav__link,
.layout .section_sidebar .sidebar__nav .nav__item:hover .nav__link {
  color: var(--color-text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout .section_sidebar .sidebar__nav .nav__item.nav__item .nav__link,
  .layout .section_sidebar .sidebar__nav .nav__item:hover .nav__link {
    font-size: 1rem;
    line-height: 120%;
  }
}
.layout .section_sidebar .sidebar__footer {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .layout .section_sidebar .sidebar__footer {
    display: flex;
    justify-content: flex-start;
  }
}
.layout .section__pagination {
  width: 100%;
  gap: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .layout .section__pagination {
    padding-top: 2rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
.layout .section__pagination .pagination__button {
  width: 100%;
}
@media (min-width: 768px) {
  .layout .section__pagination .pagination__button {
    width: auto;
  }
}
.layout .section__pagination .pagination__list {
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .layout .section__pagination .pagination__list {
    gap: 1rem;
  }
}
.layout .section__pagination .pagination__item {
  color: var(--color-link);
  background-color: var(--color-bg-main);
  font-size: 0.875rem;
  line-height: 100%;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .layout .section__pagination .pagination__item {
    font-size: 1.125rem;
    line-height: 100%;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 1rem;
  }
}
.layout .section__pagination .pagination__item:hover,
.layout .section__pagination .pagination__item.pagination__item_active {
  background-color: var(--color-light);
}
.layout .m-0 {
  margin: 0 !important;
}
.layout__formular {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__formular {
    gap: 2.5rem;
  }
}
.layout__formular .formular__group {
  padding: 5rem 1rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  background-color: var(--color-light);
}
@media (min-width: 768px) {
  .layout__formular .formular__group {
    gap: 2rem;
    padding: 6.25rem 2.5rem;
  }
}
@media (min-width: 1024px) {
  .layout__formular .formular__group {
    padding: 3.75rem 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__formular .formular__group {
    gap: 2.5rem;
    padding: 5rem 2rem;
  }
}
@media (max-width: 768px) {
  .layout__formular .formular__group ~ .formular__group {
    padding-top: 0;
  }
}
.layout__formular .group__header {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__formular .group__header {
    gap: 2rem;
  }
}
@media (min-width: 1560px) {
  .layout__formular .group__header {
    gap: 2.5rem;
  }
}
.layout__formular .group__subtitle {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__formular .group__subtitle {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.layout__formular .group__footer {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__formular .group__footer {
    margin-top: -1.25rem;
    flex-direction: row;
    align-items: center;
  }
}
.layout__formular .formular__form {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__formular .formular__form {
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .layout__formular .formular__form {
    gap: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__formular .formular__form {
    gap: 2rem;
  }
}
.layout__formular .formular__item {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__formular .formular__item {
    gap: 1rem;
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .layout__formular .formular__item {
    gap: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__formular .formular__item {
    gap: 2rem;
  }
}
.layout__formular .formular__item.formular__item_col {
  gap: 1.25rem;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
@media (min-width: 1560px) {
  .layout__formular .formular__item.formular__item_col + .formular__item:not(.formular__item_col) {
    margin-top: -1rem;
  }
}
@media (max-width: 768px) {
  .layout__formular .formular__item.formular__item_col.formular__item_col-secondary {
    order: 11;
  }
}
.layout__formular .formular__item.formular__item_col .formular__main {
  gap: 1rem;
}

@media (max-width: 1559px) {
  
  .layout__formular .formular__item.formular__item_col .formular__link .formular__label{
    max-height: 52px;
  }
}
@media (min-width: 1560px) {
  .layout__formular .formular__item.formular__item_col .formular__main {
    gap: 2rem;
  }
  .layout__formular .formular__item.formular__item_col .formular__link .formular__label {
    max-height: 60px;
  }
}
@media (min-width: 768px) {
  .layout__formular .formular__item.formular__item_col .formular__main.formular__main_secondary {
    display: flex;
  }
}
.layout__formular .formular__title {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
}
@media (min-width: 1560px) {
  .layout__formular .formular__title {
    font-size: 1.125rem;
    line-height: 150%;
  }
}
.layout__formular .formular__title.formular__title_secondary {
  font-weight: 400;
}
@media (min-width: 1560px) {
  .layout__formular .formular__title.formular__title_secondary {
    font-size: 1.5rem;
    line-height: 150%;
  }
}
.layout__formular .formular__main {
  gap: 0.625rem;
  display: grid;
}
@media (min-width: 768px) {
  .layout__formular .formular__main {
    gap: 1rem;
    flex-grow: 1;
  }
}
@media (min-width: 1024px) {
  .layout__formular .formular__main {
    gap: 1.25rem;
  }
}
@media (min-width: 1560px) {
  .layout__formular .formular__main {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .layout__formular .formular__main.formular__main_secondary {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .layout__formular .formular__main.formular__main_tertiary {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 980px) {
  .layout__formular .formular__main.formular__main_tertiary {
    grid-template-columns: unset;
  }
}
@media (min-width: 1400px) {
  .layout__formular .formular__main.formular__main_tertiary {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .layout__formular .formular__main.formular__main_forty {
    grid-template-columns: repeat(4, 1fr);
  }
}
.layout__formular .formular__label {
  gap: 1.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media (min-width: 768px) {
  .layout__formular .formular__label {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .layout__formular .formular__label.formular__label_secondary {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .layout__formular .formular__label.formular__label_tertiary {
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .layout__formular .formular__label.formular__label_forty {
    grid-column: span 4;
  }
}
.layout__formular .formular__text {
  color: var(--color-gray);
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
  position: absolute;
  top: 1rem;
  left: 1.25rem;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 1560px) {
  .layout__formular .formular__text {
    font-size: 1.125rem;
    line-height: 150%;
    white-space: nowrap;
  }
}
.layout__formular .formular__ico {
  color: var(--color-link);
  fill: none;
  width: 2rem;
  height: 2rem;
  top: 50%;
  right: 0.625rem;
  position: absolute;
  transform: translateY(-50%);
}
.layout__formular .formular__ico ~ .formular__input {
  padding-right: 2.75rem;
}
.layout__formular .formular__input {
  background-color: var(--white);
  border: 1px solid var(--color-light-secondary);
  border-radius: 0.75rem;
  padding: 1.125rem 1.25rem;
  height: 3.25rem;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  color: var(--color-text);
  white-space: nowrap;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  text-overflow: ellipsis;
}
@media (min-width: 1560px) {
  .layout__formular .formular__input {
    height: 3.75rem;
  }
}
.layout__formular .formular__input.formular__input_textarea {
  height: 6.25rem;
  resize: none;
  overflow: hidden;
}
@media (min-width: 1560px) {
  .layout__formular .formular__input.formular__input_textarea {
    height: 12.5rem;
  }
}
.layout__formular .formular__input.formular__input_select:invalid {
  color: transparent;
}
.layout__formular .formular__input.formular__input_select option {
  color: var(--color-text);
}
.layout__formular .formular__input.formular__input_select option:first-child {
  display: none;
}
/*,
.layout__formular .formular__input:invalid:not(:placeholder-shown) + .formular__text*/
.layout__formular .formular__input:focus + .formular__text,
.layout__formular .formular__input:valid + .formular__text,
.layout__formular .formular__input:not(:placeholder-shown) + .formular__text {
  font-size: 0.75rem;
  line-height: 1rem;
  top: 0.25rem;
  left: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 1.5rem);
  background-color: transparent;
}

.layout__formular .formular__input::-moz-placeholder {
  color: var(--color-gray);
  opacity: 1;
}
.layout__formular .formular__input::placeholder {
  color: var(--color-gray);
  opacity: 1;
}
.layout__formular .formular__tooltip {
  color: var(--color-gray);
  font-size: 0.75rem;
  line-height: 140%;
  font-weight: 300;
}
@media (min-width: 768px) {
  .layout__formular .formular__tooltip {
    font-size: 0.875rem;
  }
}
@media (min-width: 1560px) {
  .layout__formular .formular__tooltip {
    font-size: 1rem;
  }
}
.layout__formular .formular__tooltip a {
  color: var(--color-gray);
  text-decoration: underline !important;
}
@media (min-width: 1560px) {
  .layout__formular .formular__tooltip.formular__tooltip_secondary {
    font-size: 1.25rem;
    line-height: 100%;
  }
}
.layout__formular .formular__tooltip.formular__tooltip_tertiary {
  color: #cedae7;
  display: none;
}
@media (min-width: 1560px) {
  .layout__formular .formular__tooltip.formular__tooltip_tertiary {
    font-size: 4.375rem;
    line-height: 100%;
    font-weight: 100;
    display: block;
  }
}
.layout__formular .formular__checkbox {
  gap: 0.625rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.layout__formular .formular__checkbox .checkbox__input {
  position: absolute;
  left: -999999px;
}
.layout__formular .formular__checkbox .checkbox__input:checked ~ .checkbox__symbol .checkbox__ico:nth-child(1) {
  display: none;
}
.layout__formular .formular__checkbox .checkbox__input:checked ~ .checkbox__symbol .checkbox__ico:nth-child(2) {
  display: block;
}
.layout__formular .formular__checkbox .checkbox__symbol {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}
.layout__formular .formular__checkbox .checkbox__ico {
  width: 100%;
  height: 100%;
}
.layout__formular .formular__checkbox .checkbox__ico:nth-child(1) {
  display: block;
}
.layout__formular .formular__checkbox .checkbox__ico:nth-child(2) {
  display: none;
}
.layout__formular .formular__checkbox .checkbox__text {
  font-size: 0.875rem;
  line-height: 100%;
  font-weight: 300;
}
.layout__formular .w-100 {
  width: 100% !important;
}
.promo-init,
.projects-init {
  cursor: pointer;
}
.layout__modal {
  color: var(--color-text);
  position: fixed;
  background-color: rgba(250,250,250, 0.5);
  width: 100vw;
  height: 100vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 111;
  display: none;
}
@media (min-width: 1024px) {
  .layout__modal {
    padding: 5rem;
  }
}
.layout__modal:not(.active) {
  display: none;
}
@media (min-width: 768px) {
  .layout__modal.projects__modal_tiny .modal__layout {
    width: 42rem;
    padding: 5rem;
    margin: 0 auto;
    gap: 5rem;
  }
  .layout__modal.projects__modal_tiny .modal__layout .group__title {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.layout__modal.projects__modal_secondary .modal__layout {
  padding: 0;
  background: none;
  overflow: hidden;
}
.layout__modal.projects__modal_secondary .swiper-button-next,
.layout__modal.projects__modal_secondary .swiper-button-prev {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #f2f5f9;
  border-radius: 1rem;
  display: none;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .layout__modal.projects__modal_secondary .swiper-button-next,
  .layout__modal.projects__modal_secondary .swiper-button-prev {
    display: flex;
  }
}
.layout__modal.projects__modal_secondary .swiper-button-next:after,
.layout__modal.projects__modal_secondary .swiper-button-prev:after {
  display: none;
}
.layout__modal.projects__modal_secondary .swiper-button-next img,
.layout__modal.projects__modal_secondary .swiper-button-prev img,
.layout__modal.projects__modal_secondary .swiper-button-next svg,
.layout__modal.projects__modal_secondary .swiper-button-prev svg {
  width: 2rem;
  height: 2rem;
}
.layout__modal.projects__modal_secondary .swiper-button-prev {
  left: 5rem;
}
.layout__modal.projects__modal_secondary .swiper-button-next {
  right: 5rem;
}
.layout__modal.projects__modal_secondary .swiper {
  width: 100%;
  max-width: 900px;
  height: 300px;
}
.layout__modal.projects__modal_secondary .swiper-slide {
  position: relative;
  width: 300px;
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease, filter 0.3s ease;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.layout__modal.projects__modal_secondary .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.layout__modal.projects__modal_secondary .swiper-slide:not(.swiper-slide-active) {
  filter: blur(0.5rem) brightness(0.7);
  transform: scale(0.85);
  z-index: 0;
}
.layout__modal.projects__modal_secondary .swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.layout__modal.projects__modal_secondary .swiper-slide.swiper-slide-active,
.layout__modal.projects__modal_secondary .swiper-slide.swiper-slide-prev,
.layout__modal.projects__modal_secondary .swiper-slide.swiper-slide-next {
  opacity: 1;
  visibility: visible;
}
.layout__modal.projects__modal_secondary .swiper-slide.swiper-slide-prev,
.layout__modal.projects__modal_secondary .swiper-slide.swiper-slide-next {
  opacity: 0.5;
}
.layout__modal.projects__modal_secondary .swiper-slide-active {
  z-index: 2;
}
.layout__modal .modal__layout {
  padding: 2rem;
  background-color: var(--color-light);
  gap: 2rem;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__modal .modal__layout {
    padding: 3.75rem;
    gap: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .layout__modal .modal__layout {
    padding: 5rem;
    gap: 10rem;
  }
}
.layout__modal .modal__nav {
  padding-top: 2rem;
  border-top: 1px solid #cedae7;
}
.layout__modal .modal__nav .nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1rem;
  display: flex;
  justify-content: space-between;
}
.layout__modal .modal__nav .nav__item:hover .nav__link {
  color: #000000;
}
.layout__modal .modal__nav .nav__link {
  color: #0b4589;
  font-size: 1.125rem;
  line-height: 100%;
  font-weight: 300;
  cursor: pointer;
}
.layout__modal .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout__modal .modal__logo {
  width: 7.5rem;
  height: 3rem;
  display: flex;
  align-items: flex-start;
}
.layout__modal .modal__logo img,
.layout__modal .modal__logo svg {
  width: 100%;
  height: 100%;
}
.layout__modal .modal__action {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  margin-left: auto;
  cursor: pointer;
}
.layout__modal .formular__group {
  padding: 0 !important;
}
.layout .layout__title {
  margin: 0;
}
.layout__search .search__list {
  border-top: 1px solid #cedae7;
  display: flex;
  flex-direction: column;
}
.layout__search .search__item {
  padding: 1.5rem 0;
  gap: 0.75rem;
  border-bottom: 1px solid #cedae7;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout__search .search__item {
    padding: 2.5rem 0;
  }
}
.layout__search .search__title {
  color: #010101;
}
.layout__search .search__title:hover {
  color: #a0a0a0;
}
.layout__search .search__text {
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.layout__search .search__labels {
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.layout__search .search__labels .labels__item:not(:last-child) {
  position: relative;
}
.layout__search .search__labels .labels__item:not(:last-child):after {
  content: "/";
  color: #a0a0a0;
  font-size: 1.25rem;
  line-height: 100%;
  position: absolute;
  top: 50%;
  left: calc(100% + 1rem);
  transform: translate(-50%, -50%);
}
.layout__search .search__labels .labels__item:hover .labels__link {
  color: #010101;
}
.layout__search .search__labels .labels__link {
  color: #a0a0a0;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
}
.layout__modal.projects__modal_tiny .modal__layout .group__title{
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 20px;
  }
  .projects__modal_tiny .layout__formular .formular__group{
    gap: unset;
  }
  .projects__modal_tiny .layout__formular .formular__input{
    height: auto;
    padding: 14.4px 10px;
    font-size: 16px;
    line-height: 135%;
  }
  .projects__modal_tiny .layout__formular .formular__form {
    gap: 10px;
  }
  .projects__modal_tiny.layout__modal .modal__nav {
      padding-top: 20px;
  }
  .layout__modal.projects__modal_tiny .modal__layout {
      width: 100%;
      max-width: 408px;
      padding: 0;
      margin: 0 auto;
      gap: 0;
      scrollbar-width: none;
      height: auto;
        margin: 0;
        position: absolute;
          transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
        max-height: 100%;
  }
  .layout__modal.projects__modal_tiny .modal__footer{
    margin-top: 80px;
  }
  .layout__modal.projects__modal_tiny .modal__header{
    margin-bottom: 80px;
  }
  .projects__modal_tiny .formular__checkbox .checkbox__text{
    font-size: 16px;
    line-height: 100%;
  }
  .projects__modal_tiny .formular__checkbox{
    margin-top: 10px;

  }
  .projects__modal_tiny .button__text{
    font-size: 16px;
    line-height: 135%;
  }
  .projects__modal_tiny .button {
    line-height: unset;
    height: auto;        
    padding: 14.4px;
  }
  .layout__modal.projects__modal_tiny .modal__nav .nav__link{
    font-size: 16px;
    line-height: 130%;
  }
  .layout__modal.projects__modal_tiny .modal__nav .nav__item:hover .nav__link{
    text-decoration: underline;
    color: #0b4589;
  }
  .layout__modal.projects__modal_tiny {
        width: 100%;
    height: 100%;
  }

@media (max-width: 1023px) {
  .layout__modal.projects__modal_tiny{
    padding: 0;
    background-color: var(--color-light);
  }
}
@media (max-width: 768px) {
  .layout__modal.projects__modal_tiny .modal__layout {
      padding: 16px 16px 87px;
      max-width: 360px;
  }
  .layout__modal.projects__modal_tiny .modal__layout .group__title {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .layout__modal.projects__modal_tiny .modal__layout {
      padding: 40px 40px 63px;
  }
}
@media (min-width: 1024px) {
   .layout__modal.projects__modal_tiny .modal__layout .group__title{
    font-size: 46px;
    line-height: 100%;
    margin-bottom: 50px;
  }
  .projects__modal_tiny .layout__formular .formular__group{
    gap: unset;
  }
  .projects__modal_tiny .layout__formular .formular__input{
    height: auto;
    padding: 13.2px 15px;
    font-size: 16px;
    line-height: 150%;
  }
  .projects__modal_tiny .layout__formular .formular__form {
    gap: 20px;
  }
  .projects__modal_tiny.layout__modal .modal__nav {
      padding-top: 25px;
  }
  .layout__modal.projects__modal_tiny .modal__layout {
      width: auto;
      max-width: 506px;
      padding: 60px;
      margin: 0 auto;
      gap: 0;
      scrollbar-width: none;
  }
  .layout__modal.projects__modal_tiny .modal__footer{
    margin-top: 80px;
  }
  .layout__modal.projects__modal_tiny .modal__header{
    margin-bottom: 80px;
  }
  .projects__modal_tiny .formular__checkbox .checkbox__text{
    font-size: 14px;
    line-height: 100%;
  }
  .projects__modal_tiny .button__text{
    font-size: 16px;
    line-height: 135%;
  }
  .projects__modal_tiny .button {
    line-height: unset;
    height: auto;        
    padding: 14.4px;
  }
  .layout__modal.projects__modal_tiny .modal__nav .nav__link{
    font-size: 16px;
    line-height: 150%;
  }
}
@media (min-width: 1560px) {
  .layout__modal.projects__modal_tiny .modal__layout .group__title{
    font-size: 52px;
    line-height: 100%;
    margin-bottom: 60px;
  }
  .projects__modal_tiny .layout__formular .formular__group{
    gap: unset;
  }
  .projects__modal_tiny .layout__formular .formular__input{
    height: auto;
    padding: 17.05px 20px;
    font-size: 18px;
    line-height: 135%;
  }
  .projects__modal_tiny .layout__formular .formular__form {
    gap: 30px;
  }
  .projects__modal_tiny.layout__modal .modal__nav {
      padding-top: 30px;
  }
  .layout__modal.projects__modal_tiny .modal__layout {
      width: auto;
              max-width: 834px;
      padding: 80px;
      margin: 0 auto;
      gap: 0;
      scrollbar-width: none;
  }
  .layout__modal.projects__modal_tiny .modal__footer{
    margin-top: 120px;
  }
  .layout__modal.projects__modal_tiny .modal__header{
    margin-bottom: 100px;
  }
  .projects__modal_tiny .formular__checkbox .checkbox__text{
    font-size: 16px;
    line-height: 100%;
  }
  .projects__modal_tiny .button__text{
    font-size: 18px;
    line-height: 135%;
  }
  .projects__modal_tiny .button {
    line-height: unset;
    height: auto;
    padding: 17.05px;
  }
}
@media (min-width: 768px) {
  .hero__title {
    margin-bottom: 0;
  }    
  .hero__item {
    position: relative;
  }
  .hero__text{
    align-items: unset;
    justify-content: unset;
    grid-column-start: unset;
    grid-column-end: unset;
    grid-row-start: unset;
    grid-row-end: unset;
    position: absolute;
    z-index: 10000000;
    transform: translate(-50%, 0);
    bottom: 125px;
    left: 50%;
  }
}
.share__btn{
  border-radius: var(--border-radius);
}
@media (max-width: 767px) {
  .vacancy__item {
    padding-right: 35px;
  }
}
@media (max-width: 768px) {
  .scheme__grid .grid__picture.grid__picture_tertiary, .scheme__grid .grid__picture.grid__picture_secondary {
    aspect-ratio: 1.97590361;
    height: auto;
  }
  .scheme__grid .gray-item__img img{
    object-fit: cover;
  }
}
.cookie-notice{
  background-color: #F2F5F9;
  box-shadow: unset;
  border-radius: 15px;
  padding: 30px 0 30px 30px;
}
.cookie-text{
  font-size: 16px;
  padding-right: 92px;
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 150%;
}
.cookie-link {
    color: #0B4589;
    text-decoration: none;
}
.cookie-link a {
  text-decoration: underline;
}
.cookie-buttons{
  justify-content: start;
}
.cookie-btn-accept{
  color: #0B4589;
  border-radius: 10px;
  border: 1px solid #0B4589;
  font-size: 15px;
  line-height: 135%;
  padding: 9.08px 15px;
  background: transparent;
}
.cookie-btn-accept:hover{
  background: #0B4589;
  color: #ffffff;
}
.cookie-close{
  padding: 0;
    top: 37px;
    right: 37px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.530273 0.530273L18.5303 18.5303' stroke='%230B4589' stroke-width='1.5'/%3E%3Cpath d='M18.5303 0.530273L0.530273 18.5303' stroke='%230B4589' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-repeat: none;
  background-size: 100%;
      border: 0;
}
.cookie-notice {
  max-width: 651px;
  left: 30px;
  bottom: 30px;
}
@media (max-width: 768px) {
  .cookie-notice {
    max-width: calc(100% - 28px);
    left: 14px;
    bottom: 14px;
    padding: 20px 0 20px 24px;
  }
  .cookie-text{
    font-size: 12px;
    line-height: 120%;
    padding-right: 64px;
  }
  .cookie-close{
    top: 20px;
    right: 20px;
  }
}
.footer__bottom .container .footer-bottom__info{
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
}
.footer-bottom__info p{
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  margin: 0;
}
.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
    font-size: 16px;
  line-height: 125%;
}
@media (max-width: 768px) {
  .footer-bottom__info p{
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    margin: 0;
  }
  .footer__bottom .container .footer-bottom__info{
  margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .footer-bottom__info p{
    font-weight: 400;
    font-size: 12px;
    line-height: 135%;
    margin: 0;
  }
  .footer__bottom .container .footer-bottom__info{
  margin-top: 17px;
  }
  
.btn--arrow, .btn.project-detail__show{
  padding: 9px 10px 9px 16px;
  
}
}
@media (min-width: 1024px) {
  .footer__bottom .container .footer-bottom__info{
  margin-top: 19px;
  }
  
}
@media (min-width: 1560px) {
  .footer__bottom .container > * {
      font-size: 14px;
      line-height: 135%;
  }
  .footer-bottom__info p{
  font-weight: 400;
  font-size: 14px;
  line-height: 135%;
  margin: 0;
  }
  .footer__bottom .container .footer-bottom__info{
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
}

.btn--arrow, .btn.project-detail__show {
  padding: 9px 10px 9px 20px;
}
}
.footer-bottom__info a{
      color: var(--color-gray);
}
.footer-bottom__info a:hover{
      color: var(--color-link);
      text-decoration: none;
}

.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
    font-size: 16px;
  line-height: 125%;
}
.posts__layout .arrow, .news-detail__head .arrow {
  
  --size: 32px;
}
.news-detail__head .btn--arrow svg{
   --icon-size: 32px;
  }
@media (max-width: 768px) {
  .posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
      margin-left: 0px;
      font-size: 16px;
      line-height: 125%;
  }
  .btn--arrow, .btn.project-detail__show {
    padding: 9px 10px 9px 16px;
    border-radius: 12px;
  }
  .posts__layout .btn--arrow svg{
              --icon-size: 21px;
  }
}
@media (min-width: 1560px) {
.posts__layout .arrow, .news-detail__head .arrow {
  
  --size: 40px;
}
}
.about__top-right a{
  color: var(--color-highlight);
  text-decoration: none;
}
.about__top-right a:hover{
  color: var(--color-highlight);
  text-decoration: underline;
}
.scheme .scheme__title{
  font-size: 28px;
  line-height: 120%;
}
.scheme__section .section__header h3{
  font-size: 22px;
  line-height: 120%;
}

@media (max-width: 768px) {
  .scheme__section:first-child .posts__picture{
    order: -1;
  }
}
@media (min-width: 768px) {
  .scheme .scheme__title{
    font-size: 60px;
    line-height: 100%;
  }
  .scheme__section .section__header h3{
    font-size: 42px;
    line-height: 120%;
  }
}
.po__page p, .po__page li, .po__page a{
  font-family: Roboto;
  font-weight: var(--f-lighter);
}
.scheme-support__two{
      display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.dropdown-review__icons{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
  margin-top: 40px;
}
.dropdown-review-icons__items{
  border: 2px solid #CEDAE7;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 196px;
}
@media (max-width: 768px) {
  .dropdown-review__icons{
    grid-template-columns: 1fr 1fr;
  }
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.scheme__section .posts__main h4, .scheme .wysiwyg h4:not(:last-child){
  margin-bottom: 20px;
}
.slider-with-thumb__slider-big {
    align-items: stretch;
    width: 100%;
}
.slider-with-thumb__slider-big .slider-with-thumb-big__slide{
      width: 100%;
}
  .scheme__section-main .scheme__posts .posts__main h2, .scheme .scheme__section-main .wysiwyg h2:not(:last-child){
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 10px;
  }

@media (min-width: 1560px) {
  .scheme__section-main .scheme__posts .posts__main h2, .scheme .scheme__section-main .wysiwyg h2:not(:last-child){
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 10px;
  }
  
.posts__layout span:not(.arrow), .news-detail__head span:not(.arrow) {
    margin-left: 0px;
     font-size: 18px;
  line-height: 135%;
}
}
.benefits__subtitle p{
   margin-top: 0;
}
.scheme .wysiwyg li:before{
      top: 10.5px;
}
.scheme__support .support__item.promo__wrap_quarty{
  color: var(--white);
}
.scheme__support .support__item {
  width: 100%;
}
.grid__link:hover img {
    transform: scale(1.1);
        transition-duration: 0.3s;
}
.scheme__grid .grid__item .grid__picture{
  overflow: hidden;
}
.scheme__grid .grid__picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 1024px) {
  .scheme section.promo.promo-two-blocks{
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1560px) {
  .scheme section.promo.promo-two-blocks{
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .scheme__support {
        width: 97%;
        margin-left: auto;
        margin-right: auto;
    }
}
.sitemap-title {
  font-size: 20px;
  line-height: 120%;
  text-transform: unset;
  text-decoration: unset;
  font-weight: 400;
  margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    padding: 0;
}
.sitemap-title a:hover{
  
    text-decoration: unset;
}
.sitemap-list li::before {
  content: unset;
}
.sitemap-list{
  display: grid;
  gap: 10px;
  margin-top: 30px;
}
.sitemap-list li {
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
}
.sitemap-list li a{
    font-size: 16px;
    line-height: 130%;
}
.sitemap-list li a{
    color: #000000;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.sitemap-list li a:hover {
    color: #00569c;
    text-decoration: unset;
}

@media (max-width: 768px) {
.sitemap-container {
        grid-template-columns: 1fr;
    }
  .sitemap-container {
      gap:40px;
      padding: 0;
      margin-bottom: 80px;
  }
  .sitemap__title{
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 40px;
  }
  
  .promo-about-blocks{
    margin-top: 80px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .sitemap-container {
        grid-template-columns: repeat(3, 1fr);
    }
  .sitemap-container {
      gap: 50px 15px;
      padding: 0;
      margin-bottom: 100px;
  }
  
  .sitemap__title{
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 30px;
  }
  
  .promo-about-blocks{
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1024px) {
.sitemap-container {
        grid-template-columns: repeat(3, 1fr);
    }
  .sitemap-container {
      gap: 60px 20px;
      padding: 0;
      margin-bottom: 120px;
  }
  
  .sitemap__title{
    font-size: 56px;
    line-height: 100%;
    margin-bottom: 60px;
  }
  
  .promo-about-blocks{
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media (max-width: 1559px) {
  .sitemap-list {
      display: grid;
      gap: 10px;
      margin-top: 20px;
  }
}
@media (min-width: 1560px) {
.sitemap-list li {
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
    
}
.sitemap-title {
  font-size: 24px;
  line-height: 120%;
}
.sitemap-list li a{
  font-size: 18px;
    line-height: 150%;
}
.sitemap-container {
    gap: 80px 30px;
    padding: 0;
    margin-bottom: 160px;
}
.sitemap__title{
    font-size: 60px;
  }
  .promo-about-blocks{
    margin-top: 160px;
    margin-bottom: 160px;
  }
  
}
.letters-list__item p{
  margin-top: 20px;
}
.letters-list__img, .documents__picture{
  display: flex;
      aspect-ratio: 379 / 544;
}
.letters-list__img img, .documents__picture img{
    object-fit: cover;
}
.scheme__documents .documents__text{
  margin-top: 20px;
    display: flex;
}
.btn--arrow, .share__btn{
  border-radius: 12px;
}

.btn--arrow span, .btn--download span{
  margin-left: 0;
}

@media (max-width: 767px) {
  .letters-list__item p{
    margin-top: 10px;
  }
  .letters-list__img, .documents__picture {
      aspect-ratio: 328 / 464;
  }
  .letters-list__more.btn{
    margin-top: 40px;
  }
  .scheme__documents .documents__text{
    margin-top: 10px;
    display: flex;
  }
  .about__pres-person{
    text-align: left;
  }
.btn--arrow span.arrow , .btn--download span.arrow, .share__btn {
  margin-left: 8px;
}
}
@media (min-width: 767px) {
.btn--arrow span.arrow , .btn--download span.arrow, .share__btn {
  margin-left: 15px;
}
}
@media (min-width: 1560px) {
  
.btn--arrow span.arrow , .btn--download span.arrow, .share__btn {
  margin-left: 20px;
}
  .btn--arrow, .share__btn, .btn.project-detail__show{
    border-radius: 15px;
  }
}
@media (min-width: 1024px) {
  .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
    margin: 0 calc(3vw / 2 - (100vw - 100%) / 2);
    
    width: 97vw;
    max-width: 1320px;
    padding: 3.75rem calc((97vw - 100%) / 2);
  }
  .layout__directions {
    margin: 0 0;
    width: 100%;
  }
  .scheme__contact .contact__picture{
    margin: 0 calc(3vw / 2 - (100vw - 100%) / 2) -3.75rem;
  }
  
  .layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
    padding: 5rem calc((79px - 3vw) / 2);
  }
}

@media (min-width: 1280px) {
  
  .layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
    padding: 5rem calc((97vw - 1200px)/2);
  }
}
@media (min-width: 1350px) {
  .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
    margin: 0 calc((100vw - 1320px) / 2 - (100vw - 100%) / 2);
    width: 97vw;
    max-width: 1320px;
    
    padding: 3.75rem calc((1320px - 100%) / 2);
  }
  
  .scheme__support .support__item:only-child{
    margin: 0 calc((100vw - 1320px) / 2 - (100vw - 100%) / 2);
    width: 97vw;
    max-width: 1320px;
    padding: 3.75rem calc((1320px - 1200px) / 2);
  }
  
  .scheme__contact .contact__picture{
    margin: 0 calc((100vw - 1320px) / 2 - (100vw - 100%) / 2) -3.75rem;
  }
  .layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
    padding: 5rem calc((1320px - 1200px) / 2);
  }
}
@media (min-width: 1560px) {
  /*.layout__directions {
    margin: 0 -5rem;
  }*/
  .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
    margin: 0 calc(3vw / 2 - (100vw - 100%) / 2);
    width: 97vw;
    max-width: 1760px;
            padding: 3.75rem calc((97vw - 100%) / 2);
  }
  .scheme__support .support__item:only-child{
    margin: 0 calc(3vw / 2 - (100vw - 100%) / 2);
    width: 97vw;
    max-width: 1760px;
    padding: 3.75rem calc((97vw - (100vw - 100px)) / 2);
  }
  
  .scheme__contact .contact__picture{
    margin: 0 calc(3vw / 2 - (100vw - 100%) / 2) -3.75rem;
  }
  .layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
    padding: 5rem calc(100px / 2 - 3vw / 2);
  }
}
@media (min-width: 1700px) {
  .scheme__support .support__item:only-child{
    padding: 3.75rem calc((97vw - 1600px) / 2);
  }
  
  .layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
    padding: 5rem calc((97vw - 1600px) / 2);
  }
}
@media (min-width: 1800px) {
  .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
    margin: 0 calc((100vw - 1760px) / 2 - (100vw - 100%) / 2);
    width: 97vw;
    max-width: 1760px;
    padding: 3.75rem calc((1760px - 100%) / 2);
  }
  
  .scheme__support .support__item:only-child{
    margin: 0 calc((100vw - 1760px) / 2 - (100vw - 100%) / 2);
    width: 97vw;
    max-width: 1760px;
    padding: 3.75rem calc((1760px - 1600px) / 2);
  }
  
  .scheme__contact .contact__picture{
    margin: 0 calc((100vw - 1760px) / 2 - (100vw - 100%) / 2) -3.75rem;
  }
  
  .layout__directions .directions__layout, .promo-two-blocks .scheme__support .support__item {
    padding: 5rem;
  }
}
.section_vector.scheme__section.section_secondary .container:not(.hero__nav) {
    gap: 0;
    display: grid;
    grid-template-columns: unset;
}
.section_vector.scheme__section.section_secondary .layout__directions{
  padding: 3.75rem 0 0;
}

.btn.project-detail__show{
  font-size: 16px;
  padding: 13.8px 20px;
        line-height: 140%;
}
.share__btn{
  --size: 52px;
}
.scheme__video iframe{
  max-width: 720px;
  width: 100%;
  aspect-ratio: 720 / 405;
}
@media (max-width: 767px) {
  .scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child){
    padding: 40px 0;
  }
  .dark section:last-child{
    padding-top: 40px;
  }
  .section_vector.scheme__section.section_secondary .layout__directions {
      padding: 20px 0 0;
  }
  .section_vector.scheme__section.section_secondary{
    padding: 80px 0 40px;
  }
  .scheme__posts .posts__footer {
    gap: 8px;
  }
  
  .share__btn{
    margin-left: 8px;
  }  
  .hero_project{
    margin-bottom: 40px;
  }
  .section_project .news-main__more{
    width: calc(100% - 32px);
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .section_vector.scheme__section.section_secondary .layout__directions {
      padding: 50px 0 0;
  }
  .scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child){
    padding: 50px 0;
  }
  .dark section:last-child{
    padding-top: 50px;
  }
  .section_vector.scheme__section.section_secondary{
    padding: 100px 0 50px;
  }
  .scheme__posts .posts__footer {
    gap: 10px;
  }
  
  .share__btn{
    margin-left: 15px;
  }
  .hero_project{
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) {
  .scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child){
    padding: 60px 0;
  }
  .dark .section_vector.scheme__section.section_secondary{
    padding: 120px 0 60px;
  }
  .dark section:last-child{
    padding-top: 60px;
  }
  /*.hero_project{
    margin-bottom: 40px;
  }*/
  .section_project{
    position: relative;
  }
  .section_project .news-main__more{
    position: absolute;
    top: 60px;
    right: calc(79px / 2);
  }
}
@media (min-width: 1350px) {
  .section_project .news-main__more{
    top: 60px;
    right:  calc((100vw - 1200px) / 2);
  }
}
@media (min-width: 1560px) {
  .section_vector.scheme__section.section_secondary .layout__directions {
      padding: 60px 0 0;
  }
  .scheme__section.section.section_secondary, .section_project, .dark.index section:not(:first-child):not(:nth-child(2)):not(:last-child){
    padding: 80px 0;
  }
  .dark section:last-child{
    padding-top: 80px;
  }
  .dark .section_vector.scheme__section.section_secondary{
    padding: 160px 0 80px;
  }
  .scheme__posts .posts__footer {
    gap: 20px;
  }
  .btn.project-detail__show{
    font-size: 18px;
            line-height: 140%;
        padding: 16.41px 20px;
  }
  .share__btn{
    --size: 60px;
    margin-left: 20px;
  }
  
  .scheme__posts .posts__footer {
    gap: 15px;
  }
  /*.hero_project{
    margin-bottom: 60px;
  }*/
  .section_project .news-main__more{
    top: 80px;
    right: 50px;
  }
}
@media (min-width: 1700px) {
  .section_project .news-main__more{
    top: 80px;
    right: calc((100vw - 1600px) / 2);
  }
}
.scheme__section.section.section_secondary.section_project{
  gap: 0;
}
.section_vector+.projects {
        margin-top: 0;
    }
    
@media (min-width: 1024px) {
main>.promo+.coop{
  margin-top: 2rem;
}
}
.scheme-cover__slider .swiper__picture img{
  object-fit: cover;
}
/*@media (min-width: 1024px) and (max-width: 1349px) {
  _:-webkit-full-screen:not(:root:root), .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {

    margin: 0 calc((3vw - 79px) / 2);

  }
}
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {

  .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
      margin: 0 calc((100vw - 100%) / 2 - 3vw / 2 );
    }
}

@media not all and (min-resolution: .001dpcm) and (min-width: 1024px) and (max-width: 1349px)  {
  @supports (-webkit-appearance: none) {
    .scheme__section.section_secondary .layout__directions, .scheme__section .section__layout {
      margin: 0 calc((100vw - 100%) / 2 - 3vw / 2 );
    }
  }
}*/

@media (min-width: 1024px) {
  .about-detail{
    margin-bottom: 120px;
  }
}
@media (min-width: 1560px) {
  .about-detail{
    margin-bottom: 160px;
  }
}
.post__experience{
      display: flex;
    gap: 5px;
    font-size: 16px;
    line-height: 130%;
}
.post__experience svg{
  min-width: 24px;
  margin-top: -4px;
}
@media (min-width: 768px) {
  .post__experience{
      gap: 10px;
      font-size: 18px;
      line-height: 150%;
  }
  .post__experience svg{
    min-width: 32px;
  }
}
.layout__formular textarea:focus + .formular__text-textarea, .layout__formular textarea:not(:placeholder-shown) + .formular__text-textarea{
  background-color: transparent!important;
}
.dark, .dark .header__top{
  background-color: #16171B;
  color: #F2F5F9;
}
.dark a, .dark .header__top a, .dark .btn{
  color: #F2F5F9;
}
.dark .btn{
  border: 1px solid #F2F5F9;
}
.dark .btn:hover{
  border: 1px solid var(--color-highlight);
}
.dark .btn.btn--white:hover span{
  color: var(--color-highlight);
}
.dark .personal-menu__item a{
  background-color: #2C2F35;
}
.dark .personal-menu__item svg{
  fill: #F2F5F9;
}
.dark .footer__contacts, .dark .footer__contacts p, .dark .footer__bottom .container > *, .dark .footer__contact p {
  color: #f2f5f94d;
}
.dark .footer__social svg {
  fill: #42454A;
}
.dark a.header-link__lang{
  color: #3B82F6;
}
.dark .header__top, .dark .header__bottom, .dark .footer, .dark .footer__bottom{
  border-color: #42454A;
}
.dark .header__logo .logo-text, .dark .footer__logo .logo-text {
  fill: #FFFFFF
}
.hero__first-scr{
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: end;
  padding: 80px 0;
}
.hero__video{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.hero__content{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hero__content .container{
  display: flex;
  flex-direction: column;

}
.hero__subtitle{
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}
.hero-video__title{
  font-size: 28px;
  line-height: 80%;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.hero__descr, .hero__descr p{
  font-size: 20px;
  line-height: 120%;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.button__two{
  display: flex;
  width: 100%;
  gap: 20px;
}
.about__pres-text p{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 150%;
}
@media (min-width: 768px) {
  .about__pres-text p{
    margin-bottom: 25px;
  }
}
@media (min-width: 1560px) {
  .about__pres-text p{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 150%;
  }  
  .btn-our-word{
    line-height: 135%;
    border-radius: 15px;
  }
}
.about__pres-text p:last-child{
  margin-bottom: 0;
}
.dark .btn.btn--blue {
    border-color: #0B4589;
    background-color: #0B4589;
}
.btn-our-word{
  line-height: 135%;
  display: flex;
  align-items: center;
}
.dark .btn-our-word:hover{
  background-color: #F2F5F9;
  border-color: #F2F5F9;
  color: #0B4589;
}
.dark .btn--blue:hover{
  background-color: #F2F5F9;
  border-color: #F2F5F9;
  color: #0B4589;
}
.dark .btn--blue:hover svg {
  stroke: #0B4589;
}
.hero__subtitle{
  margin-bottom: 30px;
}
/*.hero-video__title{
  margin-bottom: 30px;
}*/
.hero__first-scr .button__two{
  margin-top: 60px;
}
.hero__video:after{
  content: '';
  background-color: #000000;
  width: 100%;
  height: 100%;
  opacity: 60%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.dark .back--grey{
  background: #2C2F35;
}
.lab__wrap{
  padding: 80px 0;
}
.section_vector.scheme__section.section_secondary .lab__wrap .container{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 40px;
      flex-direction: column;
}
.lab__img{
  width: 300px;
  height: 300px;
  min-width: 300px;
  display: flex;
}
.lab__img img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.dark .hero_project {
    margin-bottom: 50px;
}
@media (min-width: 768px) {
  .hero__subtitle{
    font-size: 14px;
  }
  .hero-video__title{
    font-size: 50px;
  }
  .hero__subtitle{
    margin-bottom: 40px;
  }
  /*.hero-video__title{
    margin-bottom: 40px;
  }*/
  .hero__first-scr .button__two{
    margin-top: 80px;
  }
  .lab__wrap{
    padding: 100px 0;
  }
  .lab__img{
    width: 200px;
    height: 200px;
    min-width: 200px;
  }
  .section_vector.scheme__section.section_secondary .lab__wrap .container{
        flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .hero__subtitle{
    font-size: 16px;
    line-height: 150%;
  }
  .hero-video__title{
    font-size: 60px;
  }
  .hero__descr, .hero__descr p{
    font-size: 24px;
    line-height: 120%;
  }
  .button__two{
    gap: 20px;
  }
  .btn-our-word{
    line-height: 135%;
  }
  .hero__subtitle{
    margin-bottom: 40px;
  }
  /*.hero-video__title{
    margin-bottom: 40px;
  }*/
  .hero__first-scr .button__two{
    margin-top: 80px;
  }
  .lab__wrap{
    padding: 60px 0;
  }
  .lab__img{
    width: 300px;
    height: 300px;
    min-width: 300px;
  }
  .dark .hero_project {
    margin-bottom: 0px;
  }
}
@media (min-width: 1560px) {
  .hero__subtitle{
    font-size: 16px;
    line-height: 150%;
  }
  .hero-video__title{
    font-size: 100px;
  }
  .hero__descr, .hero__descr p{
    font-size: 24px;
    line-height: 120%;
  }
  .button__two{
    gap: 20px;
  }
  .btn-our-word{
    line-height: 135%;
  }
  .hero__subtitle{
    margin-bottom: 40px;
  }
  /*.hero-video__title{
    margin-bottom: 40px;
  }*/
  .hero__first-scr .button__two{
    margin-top: 80px;
  }
  .lab__wrap{
    padding: 80px 0;
  }
  .lab__wrap .container{
    gap: 40px;
  }
}
.section_hide{
  display: none;
}
.section_hide.__show{
  display: block;
}
.filter__hide li:not(:nth-child(-n+6)){
  display: none;
}
.filter__hide.__show li{
  display: block;
}
.main section.section__map, .scheme__main.scheme__vacancy, .section__pisma{
  padding-bottom: 0px;
}
.scheme__vacancy-form{
  padding-top: 0px;
  padding-bottom: 0px;
}
.collapsible__list .preview__title.h2{
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect):not(.scheme__vacancy-form):not(.section__pisma){
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect):not(.scheme__vacancy-form):not(.section__pisma){
    margin-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect), .main section:last-child.coop, .main section:last-child.promo, .main section:last-child.section__map,  .main section:last-child.project-sect,  .main section:last-child.scheme__vacancy-form,  .main section:last-child.section__pisma {
    margin-bottom: 120px;
  }
}
@media (min-width: 1560px) {
  .main section:last-child:not(.coop):not(.promo):not(.section__map):not(.project-sect), .main section:last-child.coop, .main section:last-child.promo, .main section:last-child.section__map,  .main section:last-child.project-sect,  .main section:last-child.scheme__vacancy-form,  .main section:last-child.section__pisma {
    margin-bottom: 160px;
  }
} 
.dark .hero__img{
  position: relative;
}
.dark .hero__img:after{
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  
}
.dark .hero__pagination .swiper-pagination-bullet-active::before{
  background-color: rgba(11, 69, 137, 1);
}
.hero__descr{
  margin-top: 30px;
}
@media (min-width: 768px) {
  .hero__descr{
    margin-top: 40px;
  }
}
.block__items{
  display: grid;
  width: 100%;
  gap: 30px;
}
.block__items._two{
  grid-template-columns: 1fr 1fr;
}
.block__items .block__item{
  width: 100%;
}
.block-items__img {
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: auto;
    height: 212px;
    max-height: 212px;
    min-height: 212px;
    flex-grow: 1;
}
.block-items__img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition-duration: 0.2s;
    width: 100%;
}
.block__item:hover img {
    transform: scale(1.1);
}
.block__item {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
        position: relative;
}
.block-items__info {
  height: 100%;
  background-color: rgba(44, 47, 53, 1);
  display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}
.block__item .arrow {
    --size: 24px;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 10;
}
@media (min-width: 768px) {
    
.block__item .arrow {
        --border-radius: 8px;
        --size: 32px;
        right: 10px;
        top: 10px;
    }
}
@media (min-width: 1560px) {
    .block__item .arrow {
        --border-radius: 10px;
        --size: 40px;
        right: 15px;
        top: 16px;
    }
}
.block__item:hover .arrow {
    background-color: var(--color-highlight);
}
.block__item:hover .arrow svg {
  stroke: var(--white);
}
.block-items__title{
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 1.2;
}
.block-items__text{
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 1.2;
  font-size: 12px;
}
@media (min-width: 768px) {
  .block-items__title {
    font-size: 20px;
  }
  .block-items__text{
    font-size: 14px;
  }
}
@media (min-width: 1560px) {
  .block-items__title {
    font-size: 24px;
    line-height: 120%;
  }
  .block-items__text{
    font-size: 18px;
    line-height: 150%;
  }
}
.block__work{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.block-work__item{
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  width: 100%;
  align-items: center;
}
.block-work__item:nth-child(even) .block-work__img{
  order: -1;
}
.block-work__img{
  aspect-ratio: 1058 / 360;
  min-width: 66%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-work__img img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.block-work__info{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.block-work__order{
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 120%;
  color: #3B82F6;
}
.block-work__title{
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 52px;
  line-height: 100%;
  color: #F2F5F9;
}
.block-work__text *{
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 150%;
  margin: 0;
}
.block-work__text p{
  color: #3B82F6; 
}
.block-work__text li{
  color: #FFFFFF;
}
.block-work__text ul{
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
.block-work__text ul li{
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.block-work__text ul li::before{
  content: ' ';
  background-image: 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%3Cpath d='M9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0ZM9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1ZM13.8535 6.35352L8 12.207L4.64648 8.85352L5.35352 8.14648L8 10.793L13.1465 5.64648L13.8535 6.35352Z' fill='%233B82F6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-size: contain;
  margin-top: 3px;
}
.block-work__text{
  margin-top: 20px;
}
.block-work__order{
  margin-bottom: 20px;
}
@media (max-width: 1559px) {
  .block-work__title{
    font-size: 46px;
  }
  .block-work__text *{
    font-size: 16px;
  }
  .block-work__order{
    font-size: 22px;
  }
  .block__work{
    gap: 30px;
  }
  .block-work__item{
    gap: 20px;    
  }
  .block-work__img {
    min-width: 55%;
  }
}
@media (max-width: 1023px) {
  .block-work__title{
    font-size: 40px;
  }
  .block-work__order{
    font-size: 20px;
  }
  .block__work{
    gap: 25px;
  }
  .block-work__item{
    gap: 15px;    
  }
  .block-work__img {
    min-width: 50%;
  }
}
@media (max-width: 767px) {
  .block-work__title{
    font-size: 28px;
  }
  .block-work__order{
    font-size: 18px;
  }
  .block__work{
    gap: 20px;
  }
  .block-work__item{
    gap: 15px;    
  }  
  .block-work__item:nth-child(even) .block-work__img {
    order: -1;
  }
  .block-work__img {
    order: -1;
    aspect-ratio: 735/250;
    min-width: 100%;
  }
  .block-work__item{
    flex-direction: column;
    flex-wrap: wrap;
  }
  .block-work__order {
      margin-bottom: 15px;
  }
  .block-work__text {
    margin-top: 15px;
  } 
}
.block-tech__img-list .block-tech__img:not(:first-child){
  display: none;
}
.block__tech{
  position: relative;
  overflow: hidden;
  min-height: 800px;
}
.block__tech .container{
  position: unset;
}
.block-tech__img-list{
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.block-tech__item{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 60px;
  line-height: 109%;
}
.block-tech__list{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.block-tech__img-list{
  height: 100%;
}
.block-tech__img{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-tech__img img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 1559px) {
  .block-tech__list{
    gap: 30px;
  }
  .block-tech__item{
    font-size: 46px;
  }
}
@media (max-width: 1023px) {
  .block-tech__list{
    gap: 25px;
    margin-bottom: 30px;
  }
  .block-tech__img-list .block-tech__img:not(:first-child){
    display: flex;
  }
  .block-tech__item {
    width: auto;
  }
  .block-tech__item{
    font-size: 40px;
  }

}
@media (max-width: 767px) {
  .block-tech__list{
    gap: 20px;
  }
  .block-tech__item{
    font-size: 28px;
  }
}
.block-tech__item span:hover {
    animation: fadeInUp 0.5s infinite;
    cursor: pointer;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.block__about-lab{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.block-about-lab__item{
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
.block-about-lab__img{
  aspect-ratio: 378 / 378;
  min-width: 378px;
  width: 378px;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-about-lab__img img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.block-about-lab__info{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.block-about-lab__title{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 42px;
  line-height: 120%;
}
.block-about-lab__subtitle{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}
.block-about-lab__anons{
  color: #3B82F6;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}
.block-about-lab__text{
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}
.block-about-lab__subtitle{
  margin-top: 20px;
}
.block-about-lab__anons{
  margin-top: 10px;
}
.block-about-lab__text{
  margin-top: 20px;
}
@media (max-width: 1559px) {
  .block__about-lab{
    gap: 30px;
  }
  .block-about-lab__item{
    gap: 20px;
  }
  .block-about-lab__title{
    font-size: 32px;
  }
  .block-about-lab__subtitle, .block-about-lab__anons, .block-about-lab__text{
    font-size: 20px;
  }
  .block__tech {
    min-height: unset;
  }
}
@media (max-width: 1023px) {
  .block__about-lab{
    gap: 25px;
  }
  .block-about-lab__item{
    gap: 15px;
  }
  .block-about-lab__title{
    font-size: 26px;
  }
  .block-about-lab__subtitle, .block-about-lab__anons, .block-about-lab__text{
    font-size: 18px;
  }
  .block-tech__list{
    flex-direction: row;
    /*overflow-x: scroll;
    overflow-y: hidden;*/
  }
  .block-tech__img-list{
    position: unset;
  }
  .block-tech__item{
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .block__about-lab{
    gap: 20px;
  }
  .block-about-lab__img{
    width: 100%;
  }
  .block-about-lab__item{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .block-about-lab__title{
    font-size: 22px;
  }
  .block-about-lab__subtitle, .block-about-lab__anons, .block-about-lab__text{
    font-size: 16px;
  }
}
.promo__lab{
  margin: 0;
}
.promo__lab-wrapp{
  background-image: url(../../../../../../local/templates/polymedia/assets/img/c5db978a84939291384c5e8871c68618a0810ca7.jpg);
  position: relative;
}
.promo__lab-wrapp:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #0B4589 40%, rgba(51, 65, 85, 0) 100%);
}
.dark .technology-sect .filter-modal{
  background-color: unset;
}
.dark .technology-sect .works-sect__items{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.dark .projects-item a{
  color:rgba(242, 245, 249, 1);
}
.dark .technology-sect .project-sect__main {
  margin-bottom: 80px;
}
@media (max-width: 1559px) {
  .dark .technology-sect .project-sect__main {
    margin-bottom: 60px;
  }
}
@media (max-width: 1023px) {
  .dark .technology-sect .project-sect__main {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .dark .technology-sect .project-sect__main {
    margin-bottom: 40px;
  }
  .dark .technology-sect .works-sect__items{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .dark .technology-sect .works-sect__items{
    grid-template-columns: 1fr;
  }
}
.dark .detail-head {
  background-color: transparent;
}
.work-detail h1{
  margin-bottom: 0;
}
.work-detail__chars{
  display: flex;
  flex-direction: row;
  gap: 40px;
  width: 100%;
  margin-top: 20px;
  overflow-x: auto;
  overflow-y: hidden;
}
.work-detail__head{
  margin-bottom: 60px;
}
.work-detail__char{
  color: #3B82F6;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  white-space: nowrap;
}
.work-detail__video{
  aspect-ratio: 1920 / 820;
  width: 100%;
  height: 820px;
  margin-bottom: 60px;
}
.work-detail__video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-detail__text p, .work-detail__text li{
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
}
.work-detail__text{
  margin-bottom: 60px;
}
.work-detail{
  padding-bottom: 80px;
}
@media (max-width: 1559px) {
  .work-detail{
    padding-bottom: 60px;
  }
}
@media (max-width: 1023px) {
  .work-detail{
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .work-detail{
    padding-bottom: 40px;
  }
  .work-detail__char{
    font-size: 18px;
  }
}
.work-detail__gallery{
  width: 100%;
  height: 310px;
  margin-bottom: 60px;
}
.work-detail-gallery__gal{
  width: 406px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.work-detail-gallery__gal img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 500px) {
  .work-detail__gallery{
    height: 186px;
  }
  .work-detail-gallery__gal {
    width: 250px;
  }
}
.dark .dark-bg{
  background-color: transparent;
}
.dark .coop__wrap {
  background-color: #2C2F35;
}
.dark .form__item {
  background-color: #16171B;
  border-color: #465265;
}
.dark #contact-form .btn {
  border: 1px solid var(--color-highlight);
  color: #F2F5F9;
  background-color: var(--color-highlight);
}
.dark #contact-form .btn:hover {
  background-color: var(--white);
  color: var(--color-highlight);
  border-color: var(--white);
}
.contact-block{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
.contact-block__item{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dark .main .contact .coop--contacts{
  margin-top: 0px;
}
@media (max-width: 767px) {
  .contact-block {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
  }
}
.dark .section_vector .info__text{
  width: auto;
}
.dark #contact-form .form__input{
  color: #F2F5F9;
}
.dark .layout__modal{
  background-color: rgba(1, 1, 1, 0.5)
}
.dark .layout__modal .modal__layout, .dark .layout__formular .formular__group{
  background-color: rgba(44, 47, 53, 1);
}
.dark .promo__modal .modal__logo .logo-text{
  fill: #FFFFFF;
}
.dark .modal__ico path{
  stroke: #F2F5F9;
}
.dark .promo__modal .group__title {
  color: #F2F5F9;
}
.dark .group__subtitle {
  color: #F2F5F9;
}
.dark .layout__formular .formular__input {
  background-color: #16171B;
  border-color: #465265;
}
.dark .layout__formular .formular__input{
  color: #F2F5F9;
}
.dark .formular__footer button[type="submit"]{
  border: 1px solid var(--color-highlight);
  color: #F2F5F9;
  background-color: var(--color-highlight);
}
.dark .formular__footer button[type="submit"]:hover {
  background-color: var(--white);
  color: var(--color-highlight);
  border-color: var(--white);
}
.dark .cookie-notice {
  background-color: #2C2F35;
}
.cookie-close{
  background-color: transparent;
}
.dark .cookie-close{
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.530273 0.530273L18.5303 18.5303' stroke='%23F2F5F9' stroke-width='1.5'/%3E%3Cpath d='M18.5303 0.530273L0.530273 18.5303' stroke='%23F2F5F9' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-color: transparent;
}
.cookie-text{
  font-size: 18px;
  line-height: 150%;
}
.dark .cookie-link{
  color: #3B82F6;
}
.dark .cookie-btn-accept{
  background-color: var(--white);
  color: var(--color-highlight);
  border-color: var(--white);
}
.dark .cookie-btn-accept:hover{
  border: 1px solid var(--color-highlight);
  color: #F2F5F9;
  background-color: var(--color-highlight);
}
.dark .header__top a:hover {
  color: var(--color-highlight);
  text-decoration: none;
}
.dark .header__top a.header-link__lang:hover {
  color: #F2F5F9;
}
.dark .personal-menu__item a:hover{
  background-color: var(--color-highlight);
}
/* End */


/* Start:/local/templates/polymedia/components/bitrix/menu/top_menu/style.min.css?1763377223490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(../../../../../../local/templates/polymedia/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/polymedia/components/bitrix/menu/top_menu2/style.min.css?1763377223490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(../../../../../../local/templates/polymedia/components/bitrix/menu/top_menu2/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/components/bitrix/breadcrumb/templates/breadcrumbs/style.min.css?1763377223467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/polymedia/components/bitrix/menu/bottom_menu/style.min.css?1763377223490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(../../../../../../local/templates/polymedia/components/bitrix/menu/bottom_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/polymedia/components/bitrix/system.auth.form/diller_auth/style.min.css?1763720657424*/
div.bx-system-auth-form span.bx-auth-secure{background-color:#fffae3;border:1px solid #dedbc8;padding:2px;display:inline-block;vertical-align:bottom;margin-top:-1px}div.bx-system-auth-form div.bx-auth-secure-icon{background-image:url(../../../../../../local/templates/polymedia/components/bitrix/system.auth.form/diller_auth/images/sec.png);background-repeat:no-repeat;background-position:center;width:19px;height:18px}div.bx-system-auth-form div.bx-auth-secure-unlock{background-image:url(../../../../../../local/templates/polymedia/components/bitrix/system.auth.form/diller_auth/images/sec-unlocked.png)}
/* End */


/* Start:/local/templates/polymedia/styles.css?17792271995630*/

.pagination__item-prev svg {
    transform: rotate(180deg);
}


.brands__list a {
    text-align: center;
}

.brands__list a:hover {
    text-decoration: none;
}


.article-detail img {
  display: inline-block !important;
  text-align: center;
}




/* Стили для cookie-уведомления */
.cookie-notice {
  position: fixed;
  z-index: 1000;
  animation: slideUp 0.5s ease-out;
  display: none;
}

@keyframes slideUp {
  from { transform: translateY(100px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}


.cookie-link:hover {
  text-decoration: underline;
}

.cookie-buttons {
  display: flex;
  gap: 10px;
}



.cookie-close {
  position: absolute;
}
/* Стили для cookie-уведомления */


.error-form {
  color: red;
}


.header__discuss, .footer__discuss {
  cursor: pointer;
}


.projects-item a:hover {
  text-decoration: none;
}

.projects-item a {
  color: var(--color-text);
}

.projects-item__text a:hover {
    color: var(--color-highlight);
}

.directions__subitem a {
  gap: 0.25rem;
  display: flex;
  align-items: center;
}

.directions__subitem .directions__subtext {
  color: #ffffff;
}


@media (min-width: 1400px) {
    .layout__formular .formular__main.formular__main_tertiary {
        grid-template-columns: repeat(4, 1fr);
    }
}


.layout__formular textarea:focus + .formular__text-textarea,
.layout__formular textarea:not(:placeholder-shown) + .formular__text-textarea
{
    font-size: 0.75rem;
    line-height: 1rem;
    top: 0.25rem;
    left: 0.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 1.5rem);
    background-color: var(--white);
    z-index: 1; 
}

.layout__formular .formular__text-textarea {
    color: var(--color-gray);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 300;
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    transition: all 0.4s ease-in-out;
}


/* Адаптив конкретно для текстовой метки внутри textarea на больших экранах */
@media (min-width: 1560px) {
    .layout__formular textarea + .formular__text-textarea {
        font-size: 1.125rem;
        line-height: 150%;
        white-space: nowrap;
    }
}


.layout__formular textarea {
    height: 7.75rem !important;
}



.formular__footer-wrap {
  display: flex;
  gap: 20px;
  align-items: baseline;
}


.layout__formular select + .formular__text {
    font-size: 1.125rem !important;
    line-height: 150%;
    white-space: nowrap;
}


.layout__formular select:focus + .formular__text, 
.layout__formular select:valid + .formular__text {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    top: 0.25rem !important;
    left: 0.625rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 2.5rem); /* Увеличил отступ под стрелочку селекта */
    background-color: var(--white);
    z-index: 1;
}



.layout__formular select {
    -webkit-appearance: button !important;
    -moz-appearance: inherit !important;
    appearance: auto !important;
}



.contacts-list-tabs {
  margin: 0 !important;
}


.old-site {
  width: 100%;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid var(--color-light-secondary);
}


/*.header__top .container {
    padding-top: 25px;
}*/






  #project-price-block .layout__formular .formular__group {
      padding: 0;
  }

  #project-price-block .layout__formular .group__header {
      gap: 0;
  }



  .coop__wrap-iframe {
    padding: 30px 50px !important;
  }


  @media (min-width: 1400px) {
    .coop__wrap .form__item-25 {
      width: calc(25% - 21px) !important;
    }
  }







  .coop__wrap .form__item-50 {
    width: 100% !important;
  }

@media (max-width: 767px) {
  .coop--contacts .form__flex .form__item {
      width: 100%;
  }
}

@media (min-width: 1100px) {
  .coop__wrap .form__item-50 {
    width: calc(50% - 15px) !important;
  }
}


@media (max-width: 540px) {
  .coop__wrap .form__item-file label {
    align-items: normal !important;
    flex-direction: column !important;
  }
}



  .coop__wrap .form__item-file {
    background-color: unset;
    border: unset;
    padding: 0;
  }

  .coop__wrap .form__item-file label {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }



  .coop__wrap .form__item-file label .formular__tooltip_secondary {
      color: var(--color-gray);
      font-weight: 300;
  }

  @media (min-width: 1560px) {
      .coop__wrap .form__item-file label .formular__tooltip_secondary {
          font-size: 1.10rem;
          line-height: 100%;
          color: var(--color-gray);
      }
  }




.brands__list .img-wrap {
    text-align: center;
    box-sizing: content-box;
    display: block;
    height: 57px;
    padding: 14px 0;
    width: 100%;
}

@media (min-width: 768px) {
  .brands__list .img-wrap {
      height: 56px;
  }
}

@media (min-width: 1024px) {
  .brands__list .img-wrap {
      height: 88px;
      padding: 20px 0 21px;
  }
}

@media (min-width: 1560px) {
  .brands__list .img-wrap {
      height: 110px;
      padding: 25px 0 24px;
  }
}






@media (min-width: 768px) {
  .news-detail__head-left {
    height: 100px;
  }

  .news-detail__head-bottom {
    align-items: flex-end;
  }
}

@media (max-width: 768px) {
  .news-detail__head-left {
    margin-top: 10px;
  }
}




@media (min-width: 1024px) {
    .layout__modal .modal__layout {
        padding: 3rem;
        gap: 8rem;
    }
}


@media (min-width: 1024px) {
    .layout__modal {
        padding: 3rem;
    }
}


/* End */
/* /local/templates/polymedia/assets/css/magnific-popup.css?16463879737944 */
/* /local/templates/polymedia/assets/css/slick.css?16456745491776 */
/* /local/templates/polymedia/assets/css/style.css?1783939738402478 */
/* /local/templates/polymedia/components/bitrix/menu/top_menu/style.min.css?1763377223490 */
/* /local/templates/polymedia/components/bitrix/menu/top_menu2/style.min.css?1763377223490 */
/* /local/components/bitrix/breadcrumb/templates/breadcrumbs/style.min.css?1763377223467 */
/* /local/templates/polymedia/components/bitrix/menu/bottom_menu/style.min.css?1763377223490 */
/* /local/templates/polymedia/components/bitrix/system.auth.form/diller_auth/style.min.css?1763720657424 */
/* /local/templates/polymedia/styles.css?17792271995630 */