/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/css/app.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
button:active {
  color: inherit;
}

ul,
ol {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: currentColor;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
button:active {
  color: inherit;
}

ul,
ol {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: currentColor;
}

/* stylelint-disable */
/* stylelint-enable */
@font-face {
  font-display: swap;
  font-family: "Suisse Intl";
  src: url(/fonts/SuisseIntl-Regular.woff2) format("woff2"), url(/fonts/SuisseIntl-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Ruberoid";
  src: url(/fonts/Ruberoid-Medium.woff2) format("woff2"), url(/fonts/Ruberoid-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Ruberoid";
  src: url(/fonts/Ruberoid-SemiBold.woff2) format("woff2"), url(/fonts/Ruberoid-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Suisse Intl";
  src: url(/fonts/SuisseIntl-SemiBold.woff2) format("woff2"), url(/fonts/SuisseIntl-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Ruberoid";
  src: url(/fonts/Ruberoid-Regular.woff2) format("woff2"), url(/fonts/Ruberoid-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Formular";
  src: url(/fonts/Formular-Medium.woff2) format("woff2"), url(/fonts/Formular-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Ruberoid";
  src: url(/fonts/Ruberoid-Thin.woff2) format("woff2"), url(/fonts/Ruberoid-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "Suisse Intl";
  src: url(/fonts/SuisseIntl-Bold.woff2) format("woff2"), url(/fonts/SuisseIntl-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: "Suisse Intl";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #000000;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
html.is-touch body {
  min-height: calc(100 * var(--vh));
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.main {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.wrapper {
  display: block;
  width: 100%;
  padding-left: calc(1.875vw + 4px);
  padding-right: calc(1.875vw + 4px);
}

[data-theme=gray] {
  color: #000000;
  background-color: #eaeaea;
}

[data-theme=blue] {
  color: #ffffff;
  background-color: #095aa5;
}

[data-theme=black] {
  color: #ffffff;
  background-color: #22252a;
}

a.focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 8px;
}

a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 8px;
}

button:not(:disabled).focus-visible {
  outline: 1px solid currentColor;
  outline-offset: calc(0.25vw + 3.2px);
}

button:not(:disabled):focus-visible {
  outline: 1px solid currentColor;
  outline-offset: calc(0.25vw + 3.2px);
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

html.is-smooth,
html.is-smooth body {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html.is-smooth .scroll-content {
  will-change: transform;
}

html.is-smooth .scroll-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html.is-smooth .scrollbar-track {
  background: transparent;
}
html.is-smooth .scrollbar-track-x {
  height: calc(0.125vw + 3.6px);
}
html.is-smooth .scrollbar-track-y {
  width: calc(0.125vw + 3.6px);
}
html.is-smooth .scrollbar-thumb {
  background-color: #000000;
  border-radius: calc(0.125vw + 3.6px);
}
html.is-smooth .scrollbar-thumb-x {
  height: calc(0.125vw + 3.6px);
}
html.is-smooth .scrollbar-thumb-y {
  width: calc(0.125vw + 3.6px);
}

*::-webkit-scrollbar {
  display: none;
}

.h1 {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 600;
  font-size: calc(10.1875vw + -0.6px);
  line-height: calc(8.1875vw + 8.8px);
  letter-spacing: calc(-0.4284375vw + -0.549px);
  text-transform: uppercase;
}

.h2 {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(7.1508379888vw + 4.7039106145px);
  line-height: calc(4.6927374302vw + 15.8994413408px);
  letter-spacing: calc(-0.4022346369vw + 0.6229050279px);
}
@media (max-width: 1024px) {
  .h2 {
    font-size: calc(6.875vw + 10px);
    line-height: calc(4.4375vw + 20.8px);
    letter-spacing: calc(-0.39375vw + 0.46px);
  }
}

.h3 {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 500;
  font-size: calc(2vw + 25.6px);
  line-height: calc(2.6875vw + 26.4px);
  letter-spacing: calc(-0.15vw + -0.32px);
}

.h4, .news-detail__middle h2,
.news-detail__middle h3,
.news-detail__middle h4,
.news-detail__middle h5,
.news-detail__middle h6 {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(1.9375vw + 10.8px);
  line-height: calc(2vw + 17.6px);
  letter-spacing: -0.025em;
}

.h5 {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 500;
  font-size: calc(1.5625vw + 12px);
  line-height: calc(1vw + 20.8px);
  letter-spacing: -0.025em;
}

.t1 {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.5625vw + 15.2px);
}

.t2 {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.8125vw + 14.4px);
  line-height: calc(0.75vw + 21.6px);
  letter-spacing: -0.025em;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(0.625vw + 24px);
  padding: 0 calc(0.3125vw + 9px);
  padding-top: calc(0.125vw + 0.6px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  color: #ffffff;
  background-color: #000000;
  border: calc(0.0625vw + 0.8px) solid #000000;
  border-radius: calc(1.1875vw + 43.2px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-touch-callout: none;
}
[data-theme=blue] .btn {
  color: #095aa5;
  background-color: #ffffff;
  border-color: #ffffff;
}
[data-theme=black] .btn {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn:not(:disabled):active {
  color: #000000;
  background-color: transparent;
}
[data-theme=blue] .btn:not(:disabled):active {
  color: #ffffff;
}
[data-theme=black] .btn:not(:disabled):active {
  color: #ffffff;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn:not(:disabled):hover {
    color: #000000;
    background-color: transparent;
  }
  [data-theme=blue] .btn:not(:disabled):hover {
    color: #ffffff;
  }
  [data-theme=black] .btn:not(:disabled):hover {
    color: #ffffff;
  }
}

.btn-medium {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(1.5625vw + 5px) calc(2.8125vw + 11px);
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 500;
  font-size: calc(1.5625vw + 12px);
  line-height: calc(0vw + 24px);
  letter-spacing: -0.025em;
  color: #ffffff;
  background-color: #22252a;
  border-radius: calc(0.9375vw + 40px);
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-touch-callout: none;
}
.btn-medium:not(:disabled):active {
  color: #ffffff;
  background-color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-medium:not(:disabled):hover {
    color: #ffffff;
    background-color: #095aa5;
  }
}

.btn-big {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(5.6875vw + 16.8px);
  padding: 0 calc(1.875vw + 4px);
  padding-bottom: calc(1.0625vw + 4.6px);
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(6.5vw + 17.2px);
  line-height: calc(4.8125vw + 13.6px);
  letter-spacing: -0.05em;
  color: #ffffff;
  background-color: #22252a;
  border: calc(0.09375vw + 1.2px) solid #ffffff;
  border-radius: calc(21.0625vw + 59.6px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-touch-callout: none;
}
@media (max-width: 1024px) {
  .btn-big {
    font-weight: 500;
  }
}
.btn-big:not(:disabled):active {
  color: #22252a;
  background-color: #ffffff;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-big:not(:disabled):hover {
    color: #22252a;
    background-color: #ffffff;
  }
}

.btn-news {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(0.9375vw + 4px) calc(1.625vw + 8.8px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  color: #000000;
  border: calc(0.09375vw + 1.2px) solid #000000;
  border-radius: calc(-0.75vw + 49.4px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-touch-callout: none;
}
.btn-news.is-active {
  color: #ffffff;
  background-color: #000000;
}
.btn-news:not(:disabled):active {
  color: #ffffff;
  background-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-news:not(:disabled):hover {
    color: #ffffff;
    background-color: #000000;
  }
}

.btn-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(0.34375vw + 1.4px) calc(0.6875vw + 2.8px);
  font-family: "Formular";
  font-style: normal;
  font-weight: 500;
  font-size: calc(0.25vw + 8.2px);
  line-height: 1;
  border: calc(0.0625vw + 0.8px) solid currentColor;
  border-radius: calc(-2.9375vw + 86.4px);
  -webkit-touch-callout: none;
}

.btn-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: calc(1.875vw + 4px) calc(1.875vw + 14px);
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 500;
  font-size: calc(1.5625vw + 12px);
  line-height: calc(1vw + 20.8px);
  letter-spacing: -0.025em;
  border: calc(0.125vw + 0.6px) solid currentColor;
  border-radius: calc(1.6875vw + 37.6px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-touch-callout: none;
}
.btn-more:not(:disabled):active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-more:not(:disabled):hover {
    color: #095aa5;
  }
}
.btn-more svg {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: calc(0.9375vw + 6px);
  margin-left: auto;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.btn-more svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.btn-more:not(:disabled):active svg {
  transform: translateX(-50%);
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-more:not(:disabled):hover svg {
    transform: translateX(-50%);
  }
}
.btn-more:not(:disabled):active svg path[fill] {
  fill: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-more:not(:disabled):hover svg path[fill] {
    fill: #095aa5;
  }
}

.btn-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(0.125vw + 21.6px);
  -webkit-touch-callout: none;
}
.btn-back svg {
  display: block;
  height: 100%;
  width: auto;
}
.btn-back svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.btn-back:not(:disabled):active svg path[fill] {
  fill: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-back:not(:disabled):hover svg path[fill] {
    fill: #095aa5;
  }
}

.btn-back-big {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(8.0625vw + 28.2px);
  height: calc(4.6875vw + 17px);
  border: calc(0.09375vw + 1.2px) solid currentColor;
  border-radius: calc(-0.3125vw + 71px);
  transition: border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-touch-callout: none;
}
.btn-back-big:not(:disabled):active {
  border-color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-back-big:not(:disabled):hover {
    border-color: #095aa5;
  }
}
.btn-back-big svg {
  display: block;
  width: auto;
  height: calc(0.9375vw + 6px);
}
.btn-back-big svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.btn-back-big:not(:disabled):active svg path[fill] {
  fill: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-back-big:not(:disabled):hover svg path[fill] {
    fill: #095aa5;
  }
}

.btn-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(2.8125vw + 36px);
  height: calc(1.5625vw + 20px);
  border: calc(0.09375vw + 1.2px) solid currentColor;
  border-radius: calc(2.8125vw + 34px);
  transition: border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.btn-nav.glide__arrow--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-nav:not(.glide__arrow--disabled):active {
  border-color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-nav:not(.glide__arrow--disabled):hover {
    border-color: #095aa5;
  }
}
.btn-nav svg {
  display: block;
  width: auto;
  height: calc(0.9375vw + 6px);
}
.btn-nav svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.btn-nav:not(.glide__arrow--disabled):active svg path[fill] {
  fill: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .btn-nav:not(.glide__arrow--disabled):hover svg path[fill] {
    fill: #095aa5;
  }
}

.input {
  position: relative;
  display: block;
  width: 100%;
  padding: calc(1.5625vw + 5px) calc(2.8125vw + 11px);
  border-radius: 70px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.input__label {
  position: absolute;
  top: calc(1.5625vw + 5px);
  left: calc(2.8125vw + 11px);
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  transform-origin: left top;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  opacity: 0.3;
  will-change: transform;
}
.input__input.focus-visible ~ .input__label, .input__input.is-filled ~ .input__label {
  transform: translateY(-80%) scale(0.6);
}
.input__input:focus-visible ~ .input__label, .input__input.is-filled ~ .input__label {
  transform: translateY(-80%) scale(0.6);
}
@media (max-width: 1024px) {
  .input__label {
    display: none;
  }
}
.input__input {
  width: 100%;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  border: none;
}
.input__input.focus-visible {
  outline: none;
}
.input__input:focus-visible {
  outline: none;
}
.input__input::placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .input__input::placeholder {
    opacity: 0.3;
  }
}
.input__input::-webkit-input-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .input__input::-webkit-input-placeholder {
    opacity: 0.3;
  }
}
.input__input::-moz-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .input__input::-moz-placeholder {
    opacity: 0.3;
  }
}
.input__input:-moz-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .input__input:-moz-placeholder {
    opacity: 0.3;
  }
}
.input__input:-ms-input-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .input__input:-ms-input-placeholder {
    opacity: 0.3;
  }
}
.input__error {
  position: absolute;
  top: 105%;
  left: calc(2.8125vw + 11px);
  transform: scale(0.6);
  transform-origin: left top;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  color: red;
}

.textarea {
  position: relative;
  display: block;
  width: 100%;
  padding: calc(1.5625vw + 5px) calc(2.8125vw + 11px);
  border-radius: calc(3.25vw + 7.6px);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.textarea__label {
  position: absolute;
  top: calc(1.5625vw + 5px);
  left: calc(2.8125vw + 11px);
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  transform-origin: left top;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  opacity: 0.3;
  will-change: transform;
}
.textarea__textarea.focus-visible ~ .textarea__label, .textarea__textarea.is-filled ~ .textarea__label {
  transform: translateY(-80%) scale(0.6);
}
.textarea__textarea:focus-visible ~ .textarea__label, .textarea__textarea.is-filled ~ .textarea__label {
  transform: translateY(-80%) scale(0.6);
}
@media (max-width: 1024px) {
  .textarea__label {
    display: none;
  }
}
.textarea__textarea {
  width: 100%;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  border: none;
  resize: none;
}
.textarea__textarea.focus-visible {
  outline: none;
}
.textarea__textarea:focus-visible {
  outline: none;
}
.textarea__textarea::placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .textarea__textarea::placeholder {
    opacity: 0.3;
  }
}
.textarea__textarea::-webkit-input-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .textarea__textarea::-webkit-input-placeholder {
    opacity: 0.3;
  }
}
.textarea__textarea::-moz-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .textarea__textarea::-moz-placeholder {
    opacity: 0.3;
  }
}
.textarea__textarea:-moz-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .textarea__textarea:-moz-placeholder {
    opacity: 0.3;
  }
}
.textarea__textarea:-ms-input-placeholder {
  opacity: 0;
  color: currentColor;
}
@media (max-width: 1024px) {
  .textarea__textarea:-ms-input-placeholder {
    opacity: 0.3;
  }
}

.checkbox + .input__error {
  display: none;
}
.checkbox__input {
  display: none;
}
.checkbox__label {
  display: block;
  position: relative;
  max-width: calc(6.25vw + 250px);
  padding-left: calc(1.875vw + 24px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.1875vw + 12.4px);
  line-height: calc(0.1875vw + 16.4px);
  color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.checkbox__label:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .checkbox__label:hover {
    color: #095aa5;
  }
}
.checkbox__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(1.25vw + 16px);
  height: calc(1.25vw + 16px);
  border: calc(0.1875vw + 0.4px) solid #000000;
  border-radius: 50%;
  transition: border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.checkbox__input:checked + .checkbox__label::before {
  border-color: #095aa5;
  transition: none;
}
.checkbox__input.is-error + .checkbox__label::before {
  border-color: red;
  transition: none;
}
.checkbox__label:active::before {
  border-color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .checkbox__label:hover::before {
    border-color: #095aa5;
  }
}
.checkbox__label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(1.25vw + 16px);
  height: calc(1.25vw + 16px);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDZMOSAxN0w0IDEyIiBzdHJva2U9IiMwOTVBQTUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%/60% 60%;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label::after {
  opacity: 1;
}

.file__input {
  display: none;
}
.file__label {
  display: inline-flex;
  align-items: center;
  max-width: calc(6.25vw + 250px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  cursor: pointer;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.file__label:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .file__label:hover {
    color: #095aa5;
  }
}
.file__label svg {
  display: block;
  margin-right: calc(0.75vw + 9.6px);
  width: calc(1.5vw + 7.2px);
  height: auto;
}
.file__label svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.file__label svg path[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.file__name {
  display: block;
  margin-left: calc(2.25vw + 16.8px);
  margin-top: 0.5em;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.375vw + 8.8px);
  line-height: calc(0.375vw + 12.8px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  word-break: break-all;
}
.file__label:active + .file__name {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .file__label:hover + .file__name {
    color: #095aa5;
  }
}

.marquee {
  position: relative;
  display: flex;
  padding: calc(0.5vw + 15.4px) 0;
  margin-left: calc(-1.875vw + -4px);
  margin-right: calc(-1.875vw + -4px);
}
.marquee::before, .marquee::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.marquee::before {
  top: 0;
}
.marquee::after {
  top: 100%;
}
.marquee__list {
  display: flex;
  flex-shrink: 0;
  will-change: transform;
}
.marquee__item {
  position: relative;
  flex-shrink: 0;
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(3.5vw + 2.8px);
  line-height: calc(4.875vw + -0.6px);
  letter-spacing: calc(-0.30625vw + 0.63px);
  padding-left: calc(4.6875vw + 5px);
}
.marquee__item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 45%;
  left: calc(0.9375vw + 2px);
  width: calc(3vw + 2.4px);
  height: 1px;
  background-color: currentColor;
}

.select {
  position: relative;
  width: 100%;
}
.select__top {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: calc(1.5625vw + 15px) calc(2.8125vw + 11px);
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(1.5625vw + 12px);
  line-height: 1;
  letter-spacing: -0.025em;
  background-color: #ffffff;
  border: calc(0.125vw + 0.6px) solid currentColor;
  border-radius: 70px;
  -webkit-touch-callout: none;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), border-radius 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.select__top:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .select__top:hover {
    color: #095aa5;
  }
}
.select__top svg {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: calc(0.9375vw + 6px);
  margin-left: auto;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.select__top svg path[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.select__top.is-active svg {
  transform: rotate(-180deg);
}
.select__top:active svg path[stroke] {
  stroke: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .select__top:hover svg path[stroke] {
    stroke: #095aa5;
  }
}
.select__top-current {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select__bottom {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0 calc(2.8125vw + 11px);
  padding-top: calc(4.9375vw + 43.2px);
  border: calc(0.125vw + 0.6px) solid currentColor;
  border-radius: calc(2.5vw + 22px);
  background-color: #ffffff;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), pointer-events 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  transition-delay: 0s;
}
.select__bottom.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.select__list {
  margin-top: calc(1.875vw + 9px);
  margin-bottom: calc(1.875vw + 9px);
  max-height: calc(18.4375vw + 141px);
  overflow-y: auto;
}
.select__item:not(:first-child) {
  margin-top: calc(1.875vw + 9px);
}
.select__link {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  font-family: "Ruberoid";
  font-weight: 450;
  font-size: calc(1.25vw + 8px);
  line-height: 1;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.select__link.is-active {
  color: #095aa5;
  cursor: default;
}
.select__link:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .select__link:hover {
    color: #095aa5;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  background-color: transparent;
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.header.header-up {
  transform: translateY(-101%);
}
.header.is-hide {
  transform: translateY(-101%);
}
.header.is-active {
  color: #000000;
  background-color: #ffffff;
}
.header::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.header[data-theme=gray]::after {
  background-color: transparent;
}
.header.is-active::after {
  background-color: currentColor;
}
.header__inner {
  position: relative;
  height: calc(5.25vw + 57.2px);
}
.header__logo {
  display: inline-block;
  height: calc(1.5625vw + 36px);
  margin-top: 10px;
}
.header__logo svg {
  width: auto;
  height: 100%;
}
.header__logo svg path[fill] {
  fill: #095aa5;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.header[data-theme=blue] .header__logo svg path[fill], .header[data-theme=black] .header__logo svg path[fill] {
  fill: #ffffff;
}
.header.is-active .header__logo svg path[fill] {
  fill: #095aa5;
}
.header__logo:active svg path[fill] {
  fill: #000000;
}
.header[data-theme=blue] .header__logo:active svg path[fill] {
  fill: #000000;
}
.header[data-theme=black] .header__logo:active svg path[fill] {
  fill: #095aa5;
}
.header.is-active .header__logo:active svg path[fill] {
  fill: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .header__logo:hover svg path[fill] {
    fill: #000000;
  }
  .header[data-theme=blue] .header__logo:hover svg path[fill] {
    fill: #000000;
  }
  .header[data-theme=black] .header__logo:hover svg path[fill] {
    fill: #095aa5;
  }
  .header.is-active .header__logo:hover svg path[fill] {
    fill: #000000;
  }
}
.header__menu {
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: 100%;
}
@media (max-width: 1024px) {
  .header__menu {
    display: none;
  }
}
.header__menu-list {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.header__menu-item {
  position: relative;
  width: 25%;
  height: 100%;
  padding-top: calc(1.0625vw + 22.6px);
  padding-left: 10px;
  padding-right: 10px;
}
.header__menu-item:nth-child(5) {
  position: absolute;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), pointer-events 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.header.is-menu-open .header__menu-item:nth-child(5) {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header__menu-item:nth-child(6) {
  position: absolute;
  left: 125%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), pointer-events 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.header.is-menu-open .header__menu-item:nth-child(6) {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header__menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.header[data-theme=gray] .header__menu-item::after {
  background-color: transparent;
}
.header.is-modal-menu-open .header__menu-item::after {
  background-color: currentColor;
}
.header.is-active .header__menu-item::after {
  background-color: currentColor;
}
.header__menu-link {
  display: inline-block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.1875vw + 3.4px);
  transition: color cubic-bezier(0.38, 0.005, 0.215, 1) 0.6s;
}
.header__menu-link.is-active {
  color: #095aa5;
}
.header__menu-link:active {
  color: #095aa5;
}
.header[data-theme=blue] .header__menu-link:active {
  color: #000000;
}
.header.is-active .header__menu-link:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .header__menu-link:hover {
    color: #095aa5;
  }
  .header[data-theme=blue] .header__menu-link:hover {
    color: #000000;
  }
  .header.is-active .header__menu-link:hover {
    color: #095aa5;
  }
}
.header__info {
  position: absolute;
  top: 0;
  left: 75%;
  width: 25%;
  height: 100%;
  padding-top: calc(1.0625vw + 22.6px);
  padding-left: 47px;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), pointer-events 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
@media (max-width: 1024px) {
  .header__info {
    display: none;
  }
}
.header.is-menu-open .header__info {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header__info::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.header[data-theme=gray] .header__info::before {
  background-color: transparent;
}
.header.is-active .header__info::before {
  background-color: currentColor;
}
.header__info-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: right;
  margin: calc(-0.1875vw + -3.4px);
  margin-left: auto;
}
.header__info-item {
  margin: calc(0.1875vw + 3.4px);
}
.header__info-city {
  position: relative;
  display: inline-flex;
  padding-right: 0.6666666667em;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.1875vw + 3.4px);
  transition: color cubic-bezier(0.38, 0.005, 0.215, 1) 0.6s;
}
.header__info-city.is-active {
  color: #095aa5;
}
.header__info-city:active {
  color: #095aa5;
}
.header[data-theme=blue] .header__info-city:active {
  color: #000000;
}
.header.is-active .header__info-city:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .header__info-city:hover {
    color: #095aa5;
  }
  .header[data-theme=blue] .header__info-city:hover {
    color: #000000;
  }
  .header.is-active .header__info-city:hover {
    color: #095aa5;
  }
}
.header__info-city svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.380952381em;
  height: 0.2380952381em;
  object-fit: contain;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.header__info-city svg path[stroke] {
  stroke: currentColor;
  transition: stroke cubic-bezier(0.38, 0.005, 0.215, 1) 0.6s;
}
.header__info-city.is-active svg {
  transform: rotate(-180deg);
}
.header__info-tel {
  display: inline-block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.375vw + 8.8px);
  line-height: calc(0.1875vw + 3.4px);
  transition: color cubic-bezier(0.38, 0.005, 0.215, 1) 0.6s;
}
.header__info-tel:active {
  color: #095aa5;
}
.header[data-theme=blue] .header__info-tel:active {
  color: #000000;
}
.header.is-active .header__info-tel:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .header__info-tel:hover {
    color: #095aa5;
  }
  .header[data-theme=blue] .header__info-tel:hover {
    color: #000000;
  }
  .header.is-active .header__info-tel:hover {
    color: #095aa5;
  }
}
.header__burger {
  position: absolute;
  top: calc(1.0625vw + 14.6px);
  left: calc(75% + 10px);
  z-index: 2;
  width: 27px;
  height: 27px;
  transition: left 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
  display: none;
}
@media (max-width: 1024px) {
  .header__burger {
    display: inline-block;
    left: auto;
    right: 0;
  }
}
.header__burger.is-active {
  left: 100%;
  transform: translateX(-100%);
}
@media (max-width: 1024px) {
  .header__burger.is-active {
    left: auto;
    transform: translateX(0%);
  }
}
.header__burger::before, .header__burger::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
  background-color: currentColor;
  transition: left 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform-origin 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.header__burger:active::before, .header__burger:active::after {
  background-color: #095aa5;
}
.header[data-theme=blue] .header__burger:active::before, .header[data-theme=blue] .header__burger:active::after {
  background-color: #000000;
}
.header.is-active .header__burger:active::before, .header.is-active .header__burger:active::after {
  background-color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .header__burger:hover::before, .header__burger:hover::after {
    background-color: #095aa5;
  }
  .header[data-theme=blue] .header__burger:hover::before, .header[data-theme=blue] .header__burger:hover::after {
    background-color: #000000;
  }
  .header.is-active .header__burger:hover::before, .header.is-active .header__burger:hover::after {
    background-color: #095aa5;
  }
}
.header__burger::before {
  left: 50%;
  transform: translate(-50%, -50%) translateY(-4px);
}
.header__burger.is-active::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header__burger::after {
  left: 0;
  transform: translate(0%, -50%) translateY(4px) scaleX(0.75);
  transform-origin: left center;
}
.header__burger.is-active::after {
  left: 50%;
  transform: translate(-50%, -50%) scaleX(1) rotate(-45deg);
  transform-origin: center center;
}

.modal {
  position: fixed;
  top: calc(5.25vw + 57.2px);
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100% - (5.25vw + 57.2px));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), pointer-events 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal__inner {
  transform: translateY(-101%);
  max-height: 100%;
  background-color: #ffffff;
  overflow-y: auto;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.modal.is-active .modal__inner {
  transform: translateY(0%);
}
.modal__products {
  margin: 0 calc(-1.875vw + -4px);
}
.modal__products-list {
  display: flex;
  flex-wrap: wrap;
}
.modal__products-item {
  width: 33.333%;
}
@media (max-width: 1024px) {
  .modal__products-item {
    width: 100%;
  }
}
.modal__products-card {
  position: relative;
  display: block;
  width: 100%;
  height: calc(12.7345844504vw + 135.4959785523px);
  overflow: hidden;
}
.modal__products-item:nth-child(3n+1) .modal__products-card {
  background-color: #ffffff;
}
.modal__products-item:nth-child(3n+2) .modal__products-card {
  background-color: #095aa5;
}
.modal__products-item:nth-child(3n+3) .modal__products-card {
  background-color: #22252a;
}
.modal__products-info {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: calc(1.875vw + 4px);
}
.modal__products-text {
  display: block;
  font-family: "Ruberoid";
  font-weight: 600;
  font-size: calc(1.273458445vw + 12.5495978552px);
  line-height: calc(1.8096514745vw + 19.254691689px);
  letter-spacing: -0.045em;
  text-transform: uppercase;
}
.modal__products-item:nth-child(3n+1) .modal__products-text {
  color: #000000;
}
.modal__products-item:nth-child(3n+2) .modal__products-text {
  color: #ffffff;
}
.modal__products-item:nth-child(3n+3) .modal__products-text {
  color: #ffffff;
}
.modal__products-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: block;
  height: calc(10.9919571046vw + 118.9544235925px);
  width: calc(4.6246648794vw + 266.2064343164px);
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.modal__products-card:active .modal__products-img {
  transform: scale(1.1);
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .modal__products-card:hover .modal__products-img {
    transform: scale(1.1);
  }
}
.modal__products-img picture,
.modal__products-img img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: bottom right;
}
.modal__menu {
  display: none;
  margin: 0 calc(-1.875vw + -4px);
}
@media (max-width: 1024px) {
  .modal__menu {
    display: block;
  }
}
.modal__menu-list {
  display: flex;
  flex-wrap: wrap;
}
.modal__menu-item {
  width: 50%;
  padding: calc(1.8766756032vw + 27.9678284182px) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.modal__menu-item:nth-child(2n+1) {
  padding-left: calc(1.875vw + 4px);
}
.modal__menu-item:nth-child(2n+2) {
  padding-right: calc(1.875vw + 4px);
}
.modal__menu-link {
  display: inline-block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.8713136729vw + 17.2707774799px);
  line-height: calc(0.2680965147vw + 5.8525469169px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.modal__menu-link:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .modal__menu-link:hover {
    color: #095aa5;
  }
}
.modal__city {
  padding: calc(1.6085790885vw + 29.1152815013px) 0;
}
.modal__city-list {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-0.625vw + -8px) 0;
}
.modal__city-item {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  margin: calc(0.625vw + 8px) 0;
}
@media (max-width: 1024px) {
  .modal__city-item {
    width: 50%;
  }
}
.modal__city-link {
  display: inline-block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.1875vw + 3.4px);
  transition: color cubic-bezier(0.38, 0.005, 0.215, 1) 0.6s;
}
.modal__city-link.is-active {
  font-weight: 600;
  color: #095aa5;
}
.modal__city-link:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .modal__city-link:hover {
    color: #095aa5;
  }
}

.modal-form {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), pointer-events 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.modal-form.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.modal-form__inner {
  height: 100%;
  max-height: 100%;
  padding: calc(6.25vw + 40px) 0;
  overflow-y: auto;
}
.modal-form__close {
  position: absolute;
  top: calc(0.9375vw + 17px);
  right: calc(0.9375vw + 17px);
  z-index: 2;
  width: calc(0.3125vw + 19px);
  height: calc(0.3125vw + 19px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.modal-form__close:hover {
  color: #095aa5;
}
.modal-form__close::before, .modal-form__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.modal-form__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal-form__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-form__content {
  display: flex;
  flex-wrap: wrap;
}
.modal-form__left {
  width: 50%;
  padding: 0 calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .modal-form__left {
    width: 100%;
    padding: 0;
  }
}
.modal-form__right {
  width: 50%;
  padding: 0 calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .modal-form__right {
    width: 100%;
    padding: 0;
    margin-top: calc(0.625vw + 28px);
  }
}
.modal-form__heading {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(3vw + 7.4px);
  line-height: calc(3.4375vw + 13px);
  letter-spacing: -3.25, -0.425;
}
@media (max-width: 1024px) {
  .modal-form__heading br {
    display: none;
  }
}

.footer {
  margin-top: auto;
  overflow: hidden;
}
.footer__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  padding-top: calc(2.5vw + 22px);
  padding-bottom: calc(-0.625vw + 28px);
}
.footer__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 25%;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .footer__left {
    width: 100%;
    padding-left: 0;
  }
}
.footer__center {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}
@media (max-width: 1024px) {
  .footer__center {
    width: 100%;
    margin-top: calc(-1.875vw + 56px);
    order: 1;
  }
}
.footer__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 25%;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .footer__right {
    width: 100%;
    padding-left: 0;
    display: block;
    margin-top: calc(-0.9375vw + 28px);
  }
}
.footer__email {
  display: inline-block;
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 500;
  font-size: calc(3vw + 22.4px);
  line-height: calc(1.5625vw + 30px);
  letter-spacing: calc(-0.2vw + -0.16px);
  margin-top: calc(18.3125vw + -58.6px);
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
@media (max-width: 1024px) {
  .footer__email {
    margin-top: calc(-1.875vw + 56px);
  }
}
.footer__email:active {
  opacity: 0.5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .footer__email:hover {
    opacity: 0.5;
  }
}
@media (max-width: 1024px) {
  .footer__email br {
    display: none;
  }
}
.footer__list {
  width: 50%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .footer__list {
    width: 100%;
    padding: 0;
  }
  .footer__list:not(:first-child) {
    margin-top: calc(0.625vw + 18px);
  }
}
@media (max-width: 1024px) {
  .footer__item:not(:first-child) {
    margin-top: calc(0.625vw + 18px);
  }
}
.footer__link {
  display: inline-flex;
  align-items: center;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(1.9375vw + 10.8px);
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.footer__link:active {
  opacity: 0.5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .footer__link:hover {
    opacity: 0.5;
  }
}
.footer__link svg {
  display: block;
  height: 1em;
  margin-left: 0.6em;
}
.footer__bottom {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: calc(-1.875vw + 56px);
}
@media (max-width: 1024px) {
  .footer__bottom {
    order: 2;
  }
}
.footer__copyright {
  padding-left: calc(0.9375vw + 7px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(1.9375vw + 10.8px);
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .footer__copyright {
    padding-left: 0;
  }
}
.footer__dev {
  margin-left: auto;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(1.9375vw + 10.8px);
  letter-spacing: calc(0.0328125vw + -0.105px);
}
.footer__dev-span {
  opacity: 0.5;
}
.footer__dev-link {
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.footer__dev-link:active {
  opacity: 0.5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .footer__dev-link:hover {
    opacity: 0.5;
  }
}
.footer__lines {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: -1;
  width: 50%;
  height: 100%;
}
@media (max-width: 1024px) {
  .footer__lines {
    left: calc(3.75vw + 8px);
    width: calc(100% - (7.5vw + 16px));
  }
}
.footer__lines-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.footer__lines-item:nth-child(1) {
  left: 0;
}
.footer__lines-item:nth-child(2) {
  left: 50%;
}
.footer__lines-item:nth-child(3) {
  left: 100%;
}
.footer__lines-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
}
.footer__lines-item:nth-child(2)::before {
  opacity: 1;
}
.footer__lines-item:nth-child(4)::before {
  opacity: 1;
}

.form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form__row {
  width: 100%;
}
.form__row:not(:first-child) {
  margin-top: calc(0.625vw + 18px);
}
.form__col {
  width: 50%;
}
@media (max-width: 567px) {
  .form__col {
    width: 100%;
  }
}
.form__col:nth-child(2n+1) {
  padding-right: calc(0.9375vw + 7px);
}
@media (max-width: 567px) {
  .form__col:nth-child(2n+1) {
    padding-right: 0;
  }
}
.form__col:nth-child(2n+2) {
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 567px) {
  .form__col:nth-child(2n+2) {
    padding-left: 0;
  }
}
.form__col:not(:first-child) {
  margin-top: calc(0.625vw + 18px);
}
@media (max-width: 567px) {
  .form__policy {
    order: 1;
  }
}
@media (max-width: 567px) {
  .form__btn {
    order: 2;
  }
}

.intro {
  overflow: hidden;
}
.intro__content {
  will-change: transform;
}
.intro__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 100vh;
}
@media (max-width: 1024px) {
  .intro__inner {
    flex-direction: column;
  }
}
html.is-touch .intro__inner {
  min-height: calc(100 * var(--vh));
}
.intro__left {
  width: 37.5%;
  padding-top: calc(10.625vw + 66px);
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .intro__left {
    width: 100%;
    padding-left: 0;
  }
}
.intro__left--bottom {
  position: absolute;
  top: calc(22.3463687151vw + 70.9497206704px);
  left: 0;
  padding-top: 0;
}
@media (max-width: 1024px) {
  .intro__left--bottom {
    position: static;
    margin-top: calc(0.9375vw + 12px);
  }
}
.intro__right {
  transform: translateY(calc(9.8125vw + -8.4px));
  width: 62.5%;
  padding-top: calc(10.625vw + 66px);
  padding-left: calc(0.9375vw + 7px);
  transition: transform 2.4s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
@media (max-width: 1024px) {
  .intro__right {
    transform: translateY(0);
    width: 100%;
    padding-top: 0;
    padding-left: calc(31.3333333333% + (0.625vw + 12px));
    transition: none;
  }
}
.intro__inner.is-in-view .intro__right {
  transform: translateY(0);
}
.intro__heading {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 600;
  font-size: calc(10.1875vw + -0.6px);
  line-height: calc(14.3125vw + -10.8px);
  letter-spacing: -0.06em;
  text-transform: uppercase;
}
.intro__heading-line {
  display: block;
  height: 1.05em;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .intro__heading-line {
    display: inline;
    height: auto;
  }
}
.intro__descr {
  max-width: calc(5.9375vw + 219px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.intro__count {
  display: flex;
  align-items: center;
  margin-top: calc(1.25vw + 16px);
}
.intro__count-item {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.intro__count-item:not(:first-child) {
  opacity: 0.3;
  margin-left: calc(0.25vw + 5.2px);
}
.intro__price {
  display: inline-flex;
  align-items: center;
  margin-left: calc(32.9241071429vw + -12.1428571429px);
  margin-top: calc(-1.5625vw + 5px);
}
@media (max-width: 1024px) {
  .intro__price {
    display: none;
  }
}
.intro__price-img {
  display: block;
  flex-shrink: 0;
  height: calc(1.25vw + 26px);
}
.intro__price-img svg {
  width: auto;
  height: 100%;
}
.intro__price-img svg rect {
  fill: transparent;
  stroke: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.intro__price:active .intro__price-img svg rect {
  fill: #000000;
  stroke: #000000;
}
[data-theme=main] .intro__price:active .intro__price-img svg rect {
  fill: #095aa5;
  stroke: #095aa5;
}
[data-theme=blue] .intro__price:active .intro__price-img svg rect {
  fill: #ffffff;
  stroke: #ffffff;
}
[data-theme=black] .intro__price:active .intro__price-img svg rect {
  fill: #ffffff;
  stroke: #ffffff;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .intro__price:hover .intro__price-img svg rect {
    fill: #000000;
    stroke: #000000;
  }
  [data-theme=main] .intro__price:hover .intro__price-img svg rect {
    fill: #095aa5;
    stroke: #095aa5;
  }
  [data-theme=blue] .intro__price:hover .intro__price-img svg rect {
    fill: #ffffff;
    stroke: #ffffff;
  }
  [data-theme=black] .intro__price:hover .intro__price-img svg rect {
    fill: #ffffff;
    stroke: #ffffff;
  }
}
.intro__price-img svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.intro__price:active .intro__price-img svg path[fill] {
  fill: #ffffff;
}
[data-theme=main] .intro__price:active .intro__price-img svg path[fill] {
  fill: #ffffff;
}
[data-theme=blue] .intro__price:active .intro__price-img svg path[fill] {
  fill: #095aa5;
}
[data-theme=black] .intro__price:active .intro__price-img svg path[fill] {
  fill: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .intro__price:hover .intro__price-img svg path[fill] {
    fill: #ffffff;
  }
  [data-theme=main] .intro__price:hover .intro__price-img svg path[fill] {
    fill: #ffffff;
  }
  [data-theme=blue] .intro__price:hover .intro__price-img svg path[fill] {
    fill: #095aa5;
  }
  [data-theme=black] .intro__price:hover .intro__price-img svg path[fill] {
    fill: #000000;
  }
}
.intro__price-img svg path[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.intro__price:active .intro__price-img svg path[stroke] {
  stroke: #ffffff;
}
[data-theme=main] .intro__price:active .intro__price-img svg path[stroke] {
  stroke: #ffffff;
}
[data-theme=blue] .intro__price:active .intro__price-img svg path[stroke] {
  stroke: #095aa5;
}
[data-theme=black] .intro__price:active .intro__price-img svg path[stroke] {
  stroke: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .intro__price:hover .intro__price-img svg path[stroke] {
    stroke: #ffffff;
  }
  [data-theme=main] .intro__price:hover .intro__price-img svg path[stroke] {
    stroke: #ffffff;
  }
  [data-theme=blue] .intro__price:hover .intro__price-img svg path[stroke] {
    stroke: #095aa5;
  }
  [data-theme=black] .intro__price:hover .intro__price-img svg path[stroke] {
    stroke: #000000;
  }
}
.intro__price-right {
  display: block;
  margin-left: calc(0.9375vw + 22px);
}
.intro__price-text {
  display: block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.4375vw + 9.6px);
  line-height: calc(0.625vw + 12px);
}
.intro__video {
  position: absolute;
  top: 100%;
  display: flex;
  justify-content: center;
  pointer-events: none;
  will-change: transform;
}
@media (max-width: 1024px) {
  .intro__video {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    transition: none;
  }
}
.intro:nth-child(1) .intro__video {
  left: 30%;
  width: calc(46.875vw + 0px);
  height: calc(46.875vw + 0px);
}
@media (max-width: 1024px) {
  .intro:nth-child(1) .intro__video {
    width: calc(45.4545454545vw + 14.5454545455px);
    height: calc(45.4545454545vw + 14.5454545455px);
  }
}
.intro:nth-child(2) .intro__video {
  left: 37%;
  width: calc(36.8303571429vw + -27.1428571429px);
  height: calc(36.8303571429vw + -27.1428571429px);
}
@media (max-width: 1024px) {
  .intro:nth-child(2) .intro__video {
    width: calc(32.6704545455vw + 15.4545454545px);
    height: calc(32.6704545455vw + 15.4545454545px);
  }
}
.intro:nth-child(3) .intro__video {
  left: 26%;
  width: calc(43.5267857143vw + -25.7142857143px);
  height: calc(43.5267857143vw + -25.7142857143px);
}
@media (max-width: 1024px) {
  .intro:nth-child(3) .intro__video {
    width: calc(39.7727272727vw + 12.7272727273px);
    height: calc(39.7727272727vw + 12.7272727273px);
  }
}
.intro__inner.is-in-view .intro__video {
  animation: transform 7.2s ease infinite;
}
@keyframes transform {
  0% {
    transform: translateY(0) translateY(0);
  }
  100% {
    transform: translateY(-100vh) translateY(-100%);
  }
}
@media (max-width: 1024px) {
  .intro__inner.is-in-view .intro__video {
    animation: none;
  }
}
.intro__video video {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.intro:nth-child(1) .intro__video video {
  transform: scale(1.3);
}
.intro:nth-child(2) .intro__video video {
  transform: scale(1.6);
}
.intro:nth-child(3) .intro__video video {
  transform: scale(1.55);
}
.intro__btn {
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .intro__btn {
    margin-right: auto;
  }
}
.intro__scroll {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(0.125vw + 2.6px);
  height: calc(1.9375vw + 38.8px);
}
.intro:not(:first-child) .intro__scroll {
  display: none;
}
@media (max-width: 1024px) {
  .intro__scroll {
    display: none;
  }
}
.intro__scroll::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: currentColor;
}
.intro__scroll::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(calc(-0.125vw + -2.6px));
  width: calc(0.125vw + 2.6px);
  height: calc(0.125vw + 2.6px);
  border-radius: 50%;
  background-color: currentColor;
  animation: scroll 2.4s cubic-bezier(0.38, 0.005, 0.215, 1) infinite;
}
@keyframes scroll {
  0%, 100% {
    transform: translateX(-50%) translateY(calc(-0.125vw + -2.6px));
  }
  50% {
    transform: translateX(-50%) translateY(calc(1.9375vw + 38.8px));
  }
}
.intro__lines {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: -1;
  width: 62.5%;
  height: 100%;
}
@media (max-width: 1024px) {
  .intro__lines {
    left: calc(3.75vw + 8px);
    width: calc(100% - (7.5vw + 16px));
  }
}
.intro__lines-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
}
.intro__lines-item:nth-child(1) {
  left: 0;
}
.intro__lines-item:nth-child(2) {
  left: 20%;
}
@media (max-width: 1024px) {
  .intro__lines-item:nth-child(2) {
    left: 50%;
  }
}
.intro__lines-item:nth-child(3) {
  left: 40%;
}
@media (max-width: 1024px) {
  .intro__lines-item:nth-child(3) {
    left: 100%;
  }
}
.intro__lines-item:nth-child(4) {
  left: 60%;
}
@media (max-width: 1024px) {
  .intro__lines-item:nth-child(4) {
    display: none;
  }
}
.intro__lines-item:nth-child(5) {
  left: 80%;
}
@media (max-width: 1024px) {
  .intro__lines-item:nth-child(5) {
    display: none;
  }
}
.intro__lines-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
}
.intro__lines-item:nth-child(2)::before {
  opacity: 1;
}
.intro__lines-item:nth-child(4)::before {
  opacity: 1;
}

.history {
  position: relative;
  overflow: hidden;
}
.history::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.history__content {
  will-change: transform;
}
.history__inner {
  position: relative;
  min-height: 100vh;
}
html.is-touch .history__inner {
  min-height: calc(100 * var(--vh));
}
@media (max-width: 1024px) {
  html.is-touch .history__inner {
    min-height: auto;
  }
}
@media (max-width: 1024px) {
  .history__inner {
    min-height: auto;
  }
}
.history__left {
  position: absolute;
  left: 0;
  top: 0;
  width: 75%;
}
@media (max-width: 1024px) {
  .history__left {
    position: static;
    width: 100%;
  }
}
.history__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: 100vh;
  padding-top: calc(12.1875vw + 61px);
  padding-left: calc(0.9375vw + 7px);
  padding-right: calc(0.9375vw + 7px);
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .history__info {
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: calc(12.1875vw + 61px);
  }
}
html.is-touch .history__info {
  min-height: calc(100 * var(--vh));
}
@media (max-width: 1024px) {
  html.is-touch .history__info {
    min-height: auto;
  }
}
.history__heading {
  transform-origin: left bottom;
  will-change: transform;
}
.history__btn {
  margin-top: calc(4.375vw + 16px);
}
.history__award {
  position: absolute;
  bottom: 0;
  left: 100%;
  display: flex;
  align-items: center;
  width: 33.333%;
  padding-left: calc(0.9375vw + 7px);
  padding-bottom: 30px;
  will-change: transform;
}
@media (max-width: 1024px) {
  .history__award {
    position: static;
    width: auto;
    margin-top: calc(4.375vw + 16px);
    padding-left: 0;
  }
}
.history__award-pic {
  height: 16px;
}
.history__award-pic picture,
.history__award-pic img {
  display: block;
  height: 100%;
  width: auto;
}
.history__award-text {
  margin-left: calc(1.1875vw + 2.2px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  opacity: 0.5;
}
.history__right {
  display: flex;
  flex-direction: column;
  width: 75%;
  margin-left: 75%;
  will-change: transform;
}
@media (max-width: 1024px) {
  .history__right {
    width: auto;
    margin: 0 calc(-1.875vw + -4px);
  }
}
.history__card {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .history__card {
    padding: 0 calc(1.875vw + 4px);
  }
  .history__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    opacity: 0.3;
  }
}
.history__card-left {
  position: relative;
  width: 66.6666666667%;
}
@media (max-width: 1024px) {
  .history__card-left {
    width: 100%;
    order: 1;
  }
}
.history__card-left .history__info {
  padding-bottom: calc(11.25vw + 4px);
}
@media (max-width: 1024px) {
  .history__card-left .history__info {
    padding-top: 0;
  }
}
.history__card-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
}
@media (max-width: 1024px) {
  .history__card-left::before {
    display: none;
  }
}
.history__count {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .history__count {
    display: none;
  }
}
.history__count-item {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.history__count-item:not(:first-child) {
  margin-left: calc(0.25vw + 5.2px);
  opacity: 0.3;
}
.history__descr {
  max-width: calc(11.875vw + 207px);
  min-height: calc(2.75vw + 91.2px);
  margin-top: calc(1.5625vw + 15px);
}
@media (max-width: 1024px) {
  .history__descr {
    min-height: auto;
  }
}
.history__card-right {
  position: relative;
  width: 33.3333333333%;
}
@media (max-width: 1024px) {
  .history__card-right {
    width: 100%;
  }
}
.history__card-right .history__info {
  padding-bottom: calc(11.25vw + 4px);
}
@media (max-width: 1024px) {
  .history__card-right .history__info {
    padding-top: calc(11.25vw + 4px);
    padding-bottom: 0;
  }
}
.history__card-right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .history__card-right::before {
    display: none;
  }
}
.history__title {
  min-height: calc(2.75vw + 91.2px);
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(1.5642458101vw + 11.9664804469px);
  line-height: calc(1.2849162011vw + 15.3296089385px);
  letter-spacing: -0.025em;
}
@media (max-width: 1024px) {
  .history__title {
    min-height: auto;
    font-size: calc(1.4204545455vw + 27.4545454545px);
    line-height: calc(0.7102272727vw + 32.7272727273px);
  }
}
.history__video {
  position: absolute;
  bottom: calc(18.75vw + -20px);
  left: calc(18.75vw + -30px);
  width: calc(17.1875vw + 180px);
  height: calc(17.1875vw + 180px);
}
@media (max-width: 1024px) {
  .history__video {
    position: static;
    margin: 0 auto;
    margin-top: calc(3.125vw + 30px);
  }
}
.history__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.2);
}

.theses {
  padding-top: calc(11.5625vw + 58px);
  padding-bottom: calc(11.5625vw + 58px);
}
.theses__inner {
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .theses__inner {
    padding-left: 0;
  }
}
.theses__heading {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 106px;
  letter-spacing: -0.025em;
}
.theses__list {
  margin-top: calc(-1.5625vw + 65px);
}
.theses__item {
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.theses__item:not(:first-child) {
  padding-top: calc(1.25vw + 86px);
}
.theses__item.is-in-view {
  opacity: 1;
}
.theses__count {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(5.5625vw + -0.8px);
  letter-spacing: calc(-0.065625vw + 0.21px);
}
.theses__title {
  margin-top: calc(-1.5625vw + 23px);
}
.theses__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(11.5625vw + 58px);
}
.theses__descr {
  max-width: calc(11.875vw + 257px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.6875vw + 10.8px);
  line-height: calc(0.6875vw + 14.8px);
  letter-spacing: calc(-0.0375vw + 0.12px);
}
.theses__btn {
  margin-top: calc(0.8125vw + 14.4px);
}

.s-geo {
  padding-top: calc(14.875vw + 42.4px);
  padding-bottom: calc(1.625vw + 24.8px);
  overflow: hidden;
}
.s-geo .sg-top {
  margin-bottom: calc(5.3125vw + 33px);
}
.s-geo .sg-top .h2 {
  display: block;
  margin-bottom: 75px;
}
@media (max-width: 1024px) {
  .s-geo .sg-top .h2 {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .s-geo .sg-top .h2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 1440px) {
  .s-geo .sg-top .h2 img {
    max-width: 70px;
  }
}
@media (max-width: 1024px) {
  .s-geo .sg-top .h2 img {
    max-width: 50px;
  }
}
@media (max-width: 768px) {
  .s-geo .sg-top .h2 img {
    max-width: 26px;
  }
}
.s-geo .sg-inner {
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .s-geo .sg-inner {
    padding-left: 0;
  }
}
.s-geo .sg-anim {
  height: 100vh;
  position: relative;
  margin-bottom: calc(5.3125vw + 33px);
}
.s-geo .sg-anim .sg-btn {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 734px;
  height: 126px;
  letter-spacing: calc(-0.0375vw + 0.12px);
  display: flex;
  align-items: center;
  padding-top: 4px;
  justify-content: center;
  border: 2px solid #F8F8F8;
  border-radius: 85px;
  position: relative;
  font-size: calc(0.6875vw + 10.8px);
  line-height: calc(0.6875vw + 10.8px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.s-geo .sg-anim .sg-btn:hover {
  background: #fff;
  color: #095aa5;
}
.s-geo .sg-anim .sg-btn:hover::before {
  opacity: 0;
}
.s-geo .sg-anim .sg-btn:hover::after {
  opacity: 1;
}
.s-geo .sg-anim .sg-btn::before, .s-geo .sg-anim .sg-btn::after {
  content: "";
  position: absolute;
  right: 27px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 23px;
  background: url(/img/sg-btn-arr.svg);
  background-position: 50%;
  transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.s-geo .sg-anim .sg-btn::after {
  background: url(/img/sg-btn-arr_blue.svg);
  opacity: 0;
}
@media (max-width: 1440px) {
  .s-geo .sg-anim .sg-btn {
    width: 600px;
    height: 100px;
  }
}
@media (max-width: 768px) {
  .s-geo .sg-anim .sg-btn {
    width: 290px;
    height: 60px;
  }
  .s-geo .sg-anim .sg-btn::before, .s-geo .sg-anim .sg-btn::after {
    display: none;
  }
}
.s-geo .sg-anim .sg-cities {
  display: flex;
  position: absolute;
  left: 0;
  top: 25.3%;
  padding-left: calc(2.5vw + 2px);
  padding-right: calc(2.5vw + 2px);
  will-change: transform;
}
.s-geo .sg-anim .sg-cities .sg-city {
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  margin-right: 35vw;
  white-space: nowrap;
  position: relative;
  padding-bottom: 63px;
}
.s-geo .sg-anim .sg-cities .sg-city:last-child {
  margin-right: 0px;
}
.s-geo .sg-anim .sg-cities .sg-city::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: 0;
}
.s-geo .sg-anim .sg-cities .sg-city::after {
  content: "";
  position: absolute;
  left: 6px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  bottom: 6px;
}
.s-geo .sg-anim .sga-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-height: 100%;
  will-change: transform;
  display: flex;
  align-items: center;
}
.s-geo .sg-anim .sga-line img {
  display: block;
  height: 100%;
}
@media (max-width: 768px) {
  .s-geo .sg-anim .sga-line img {
    max-height: 460px;
  }
}
.s-geo .sg-descr {
  display: block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.6875vw + 10.8px);
  line-height: calc(0.6875vw + 14.8px);
  letter-spacing: calc(-0.0375vw + 0.12px);
}

.geo {
  overflow: hidden;
}
.geo__inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: calc(6.375vw + 69.6px);
  padding-bottom: calc(1.875vw + 24px);
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .geo__inner {
    padding-left: 0;
  }
}
html.is-touch .geo__inner {
  min-height: calc(100 * var(--vh));
}
.geo__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc(22.5vw + 208px);
  margin-bottom: calc(5vw + 64px);
}
.geo__btn {
  margin-top: calc(1.875vw + 24px);
}
.geo__middle {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
}
.geo__map {
  position: relative;
  z-index: -1;
  transform: scale(2.5);
  width: calc(64.375vw + 94px);
  height: calc(38.3125vw + 57.4px);
  margin-top: calc(-11.25vw + -14px);
  margin-left: auto;
  margin-right: auto;
  transition: transform 1.8s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.geo__inner.is-in-view .geo__map {
  transform: scale(1);
}
.geo__bg {
  width: 100%;
  height: 100%;
}
.geo__bg picture,
.geo__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.geo__pin {
  position: absolute;
  height: calc(0.9375vw + 2px);
  overflow: hidden;
}
.geo__pin:nth-child(1) {
  top: 67.6577669903%;
  left: 10.3759942155%;
}
.geo__pin:nth-child(2) {
  top: 74.2718446602%;
  left: 14.31670282%;
}
.geo__pin:nth-child(3) {
  top: 76.2742718447%;
  left: 16.3412870571%;
}
.geo__pin:nth-child(4) {
  top: 78.7014563107%;
  left: 25.9580621837%;
}
.geo__pin:nth-child(5) {
  top: 72.572815534%;
  left: 27.838033261%;
}
.geo__pin:nth-child(6) {
  top: 71.2378640777%;
  left: 30.2603036876%;
}
.geo__pin:nth-child(7) {
  top: 76.213592233%;
  left: 30.730296457%;
}
.geo__pin:nth-child(8) {
  top: 71.9660194175%;
  left: 34.0202458424%;
}
.geo__pin:nth-child(9) {
  top: 74.9393203883%;
  left: 35.4302241504%;
}
.geo__pin:nth-child(10) {
  top: 70.7524271845%;
  left: 38.2140274765%;
}
.geo__pin:nth-child(11) {
  top: 64.5631067961%;
  left: 39.298626175%;
}
.geo__pin:nth-child(12) {
  top: 68.3859223301%;
  left: 52.856109906%;
}
.geo__pin:nth-child(13) {
  top: 62.1359223301%;
  left: 58.7490961678%;
}
.geo__pin:nth-child(14) {
  top: 87.0752427184%;
  left: 14.967462039%;
}
.geo__pin:nth-child(15) {
  top: 90.4126213592%;
  left: 13.557483731%;
}
.geo__pin:nth-child(16) {
  top: 89.1990291262%;
  left: 8.4960231381%;
}
.geo__pin:nth-child(17) {
  top: 91.0194174757%;
  left: 17.7151120752%;
}
.geo__pin img {
  display: block;
  width: auto;
  height: 100%;
  transform: translateY(100%);
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  transition-delay: 1.8s;
}
.geo__inner.is-in-view .geo__pin img {
  transform: translateY(0%);
}
.geo__marquee {
  margin-left: calc(-2.8125vw + -11px);
  margin-right: calc(-1.875vw + -4px);
}
.geo__bottom {
  margin-top: calc(5vw + 64px);
}
@media (max-width: 1024px) {
  .geo__bottom br {
    display: none;
  }
}

.banner {
  position: relative;
}
.banner__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 150px 0;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .banner__inner {
    padding-left: 0;
  }
}
html.is-touch .banner__inner {
  min-height: calc(100 * var(--vh));
}
.banner__list {
  margin-top: auto;
}
.banner__item:not(:first-child) {
  margin-top: calc(0.75vw + 2.6px);
}
.banner__video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.banner__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about {
  position: relative;
  overflow: hidden;
}
.about__content {
  will-change: transform;
}
.about__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
html.is-touch .about__bg {
  height: calc(100 * var(--vh));
}
.about__bg video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 100vh;
}
html.is-touch .about__inner {
  min-height: calc(100 * var(--vh));
}
.about__left {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  padding-left: calc(0.9375vw + 7px);
  padding-top: calc(12.8125vw + 59px);
}
@media (max-width: 1024px) {
  .about__left {
    padding-left: 0;
    width: 36.6666666667%;
  }
}
.about__left--bottom {
  position: absolute;
  top: calc(21.2290502793vw + 62.4022346369px);
  left: 0;
  padding-top: 0;
}
@media (max-width: 1024px) {
  .about__left--bottom {
    top: auto;
    bottom: 30px;
    left: 36.6666666667%;
    width: 63.3333333333%;
  }
}
.about__btn {
  margin-top: calc(3.5vw + -11.2px);
}
.about__count {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: calc(1.875vw + -6px);
  margin-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .about__count {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
.about__count-item {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.about__count-item:not(:first-child) {
  opacity: 0.3;
  margin-left: calc(0.25vw + 5.2px);
}
.about__right {
  width: 50%;
  height: 100vh;
  padding-left: calc(0.9375vw + 7px);
}
html.is-touch .about__right {
  height: calc(100 * var(--vh));
}
@media (max-width: 1024px) {
  .about__right {
    width: 63.3333333333%;
    padding-left: 0;
  }
}
.about__list {
  will-change: transform;
}
.about__item {
  padding-top: calc(8.75vw + 72px);
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.about__item.is-in-view {
  opacity: 1;
}
.about__title {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 600;
  font-size: calc(10.1875vw + -0.6px);
  line-height: calc(15.625vw + -15px);
  letter-spacing: calc(-0.64125vw + 0.612px);
  text-transform: uppercase;
}
.about__descr {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.about__lines {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: -1;
  width: 50%;
  height: 100%;
}
@media (max-width: 1024px) {
  .about__lines {
    left: calc(3.75vw + 8px);
    width: calc(100% - (7.5vw + 16px));
  }
}
.about__lines-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.about__lines-item:nth-child(1) {
  display: none;
  left: 0;
}
@media (max-width: 1024px) {
  .about__lines-item:nth-child(1) {
    display: block;
  }
}
.about__lines-item:nth-child(2) {
  left: 50%;
}
.about__lines-item:nth-child(3) {
  display: none;
  left: 100%;
}
@media (max-width: 1024px) {
  .about__lines-item:nth-child(3) {
    display: block;
  }
}
.about__lines-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
}

.largest {
  overflow: hidden;
}
.largest__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}
.largest__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 75%;
  padding-left: calc(0.9375vw + 7px);
  padding-top: calc(16.25vw + 48px);
  padding-bottom: calc(10.625vw + 16px);
}
@media (max-width: 1024px) {
  .largest__left {
    width: 100%;
    padding-left: 0;
  }
}
.largest__heading {
  width: 100%;
  max-width: calc(49.5625vw + 121.4px);
}
.largest__descr {
  max-width: calc(18.5625vw + 108.6px);
  margin-left: calc(24.9375vw + 28.2px);
  margin-top: calc(6.6875vw + -4.4px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.largest__right {
  position: relative;
  width: 25%;
}
@media (max-width: 1024px) {
  .largest__right {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: calc(10.625vw + 16px);
  }
}
.largest__video {
  position: absolute;
  top: 50%;
  left: calc(-7.5vw + 24px);
  transform: translateY(-50%);
  width: calc(23.125vw + 86px);
  height: calc(23.125vw + 111px);
}
@media (max-width: 1024px) {
  .largest__video {
    position: static;
    transform: none;
  }
}
.largest__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.4);
}
.largest__lines {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: -1;
  width: 50%;
  height: 100%;
}
@media (max-width: 1024px) {
  .largest__lines {
    left: calc(3.75vw + 8px);
    width: calc(100% - (7.5vw + 16px));
  }
}
.largest__lines-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.largest__lines-item:nth-child(1) {
  display: none;
  left: 0;
}
@media (max-width: 1024px) {
  .largest__lines-item:nth-child(1) {
    display: block;
  }
}
.largest__lines-item:nth-child(2) {
  display: none;
  left: 50%;
}
@media (max-width: 1024px) {
  .largest__lines-item:nth-child(2) {
    display: block;
  }
}
.largest__lines-item:nth-child(3) {
  left: 100%;
}
.largest__lines-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
}

.partners {
  overflow: hidden;
}
.partners__marquee {
  position: relative;
  display: flex;
  padding: calc(3.75vw + 48px) calc(1.875vw + 4px);
  margin-left: calc(-1.875vw + -4px);
  margin-right: calc(-1.875vw + -4px);
}
.partners__marquee:nth-child(2n) {
  flex-direction: row-reverse;
}
.partners__marquee:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}
.partners__list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  will-change: transform;
}
@media (max-width: 1024px) {
  .partners__list {
    width: 167%;
  }
}
@media (max-width: 567px) {
  .partners__list {
    width: 250%;
  }
}
.partners__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  height: calc(3.125vw + 40px);
}
@media (max-width: 1024px) {
  .partners__item {
    width: 33.333%;
  }
}
@media (max-width: 567px) {
  .partners__item {
    width: 50%;
  }
}
.partners__item img {
  display: block;
  height: 100%;
  width: auto;
  max-width: calc(6.875vw + 88px);
  object-fit: contain;
}

.values {
  position: relative;
  overflow: hidden;
}
.values::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.values__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  z-index: 2;
}
.values__left {
  width: 75%;
  padding-top: calc(13.75vw + 56px);
  padding-bottom: calc(9.6875vw + 24px);
  padding-left: calc(0.9375vw + 7px);
  will-change: transform;
}
@media (max-width: 1024px) {
  .values__left {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.values__heading {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 600;
  font-size: calc(10.1875vw + -0.6px);
  line-height: calc(8.75vw + 2px);
  letter-spacing: -0.06em;
}
.values__btn {
  margin-top: calc(1.875vw + 14px);
}
@media (max-width: 1024px) {
  .values__btn {
    display: none;
  }
}
.values__right {
  width: 25%;
}
@media (max-width: 1024px) {
  .values__right {
    width: 63.3333333333%;
    margin-left: auto;
  }
}
.values__list {
  padding-top: calc(7.1875vw + -3px);
  padding-bottom: calc(9.6875vw + 24px);
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .values__list {
    padding-left: 0;
  }
}
.values__item:not(:first-child) {
  margin-top: calc(29.0625vw + -63px);
}
.values__count {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: calc(1.875vw + -6px);
}
@media (max-width: 1024px) {
  .values__count {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
.values__count-item {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.values__count-item:not(:first-child) {
  opacity: 0.3;
  margin-left: calc(0.25vw + 5.2px);
}
.values__descr {
  max-width: calc(13.3125vw + 145.4px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(1.0625vw + 9.6px);
  line-height: calc(1.1875vw + 13.2px);
  letter-spacing: calc(-0.046875vw + 0.15px);
}
.values__descr:not(:first-child) {
  margin-top: calc(2.1875vw + 8px);
}
.values__lines {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: -1;
  width: 50%;
  height: 100%;
}
@media (max-width: 1024px) {
  .values__lines {
    left: calc(3.75vw + 8px);
    width: calc(100% - (7.5vw + 16px));
  }
}
.values__lines-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.values__lines-item:nth-child(1) {
  display: none;
  left: 0;
}
@media (max-width: 1024px) {
  .values__lines-item:nth-child(1) {
    display: block;
  }
}
.values__lines-item:nth-child(2) {
  display: none;
  left: 50%;
}
@media (max-width: 1024px) {
  .values__lines-item:nth-child(2) {
    display: block;
  }
}
.values__lines-item:nth-child(3) {
  left: 100%;
}
.values__lines-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
}

.first {
  position: relative;
  overflow: hidden;
}
.first::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.first__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: calc(11.6875vw + 67.6px);
  padding-bottom: calc(3.8125vw + 14.8px);
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .first__inner {
    padding-left: 0;
  }
}
.first__top {
  width: calc(100% + (4.6875vw + 15px));
  margin-left: calc(-2.8125vw + -11px);
  margin-right: calc(-1.875vw + -4px);
  padding-left: calc(2.8125vw + 11px);
  padding-right: calc(1.875vw + 4px);
  overflow-x: auto;
}
@media (max-width: 1024px) {
  .first__top {
    width: calc(100% + (3.75vw + 8px));
    margin-left: calc(-1.875vw + -4px);
    margin-right: calc(-1.875vw + -4px);
    padding-left: calc(1.875vw + 4px);
    padding-right: calc(1.875vw + 4px);
  }
}
.first__top .scrollbar-track.show,
.first__top .scrollbar-track:hover {
  opacity: 0;
}
.first__list {
  display: flex;
  align-items: flex-end;
}
.first__item {
  flex-shrink: 0;
  overflow: hidden;
}
.first__item:not(:first-child) {
  margin-left: calc(10vw + -12px);
}
.first__link {
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.first__link:active {
  opacity: 1;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .first__link:hover {
    opacity: 1;
  }
}
.first__small {
  display: block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  margin-left: calc(0.8125vw + -0.6px);
}
.first__descr {
  max-width: calc(14.4375vw + 165.8px);
  margin-top: calc(1.8125vw + 8.2px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.first__btn {
  margin-top: calc(0.8125vw + 27.4px);
}
@media (max-width: 1024px) {
  .first__btn {
    order: -1;
    margin-top: 0;
    margin-bottom: calc(0.8125vw + 27.4px);
  }
}
.first__lines {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: -1;
  width: 62.5%;
  height: 100%;
}
@media (max-width: 1024px) {
  .first__lines {
    left: calc(3.75vw + 8px);
    width: calc(100% - (7.5vw + 16px));
  }
}
.first__lines-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
}
.first__lines-item:nth-child(1) {
  left: 0;
}
.first__lines-item:nth-child(2) {
  left: 20%;
}
@media (max-width: 1024px) {
  .first__lines-item:nth-child(2) {
    left: 50%;
  }
}
.first__lines-item:nth-child(3) {
  left: 40%;
}
@media (max-width: 1024px) {
  .first__lines-item:nth-child(3) {
    left: 100%;
  }
}
.first__lines-item:nth-child(4) {
  left: 60%;
}
@media (max-width: 1024px) {
  .first__lines-item:nth-child(4) {
    display: none;
  }
}
.first__lines-item:nth-child(5) {
  left: 80%;
}
@media (max-width: 1024px) {
  .first__lines-item:nth-child(5) {
    display: none;
  }
}
.first__lines-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.3;
}

.dealers {
  overflow: hidden;
}
.dealers__top {
  position: relative;
  padding: calc(-0.5vw + 21.6px) calc(1.875vw + 4px);
  margin: 0 calc(-1.875vw + -4px);
  z-index: 2;
}
.dealers__top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.dealers__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1.875vw + -4px);
}
.dealers__item {
  width: calc(25% - (0.9375vw + 2px));
  height: auto;
}
@media (max-width: 1024px) {
  .dealers__item {
    width: 50%;
  }
}
.dealers__item:nth-child(4n+1) {
  width: calc(25% + (0.9375vw + 2px));
}
@media (max-width: 1024px) {
  .dealers__item:nth-child(4n+1) {
    width: 50%;
  }
}
.dealers__item:nth-child(4n+4) {
  width: calc(25% + (0.9375vw + 2px));
}
@media (max-width: 1024px) {
  .dealers__item:nth-child(4n+4) {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .dealers__item--large {
    width: 100%;
  }
  .dealers__item--large:nth-child(4n+1) {
    width: 100%;
  }
  .dealers__item--large:nth-child(4n+4) {
    width: 100%;
  }
}
.dealers__item-large {
  width: 50%;
  height: auto;
  min-height: calc(20.9375vw + 128px);
}
@media (max-width: 1024px) {
  .dealers__item-large {
    width: 100%;
  }
}
.dealers__card-large {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: calc(1.875vw + 4px) calc(3.4375vw + -1px);
}
@media (max-width: 1024px) {
  .dealers__card-large {
    padding: calc(3.75vw + 8px) calc(3.4375vw + -1px);
  }
}
.dealers__card-large::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.dealers__card-descr {
  margin-top: auto;
  max-width: calc(22.75vw + 124.2px);
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(1.5625vw + 12px);
  line-height: calc(1vw + 20.8px);
  letter-spacing: -0.025em;
}
.dealers__card-video {
  position: absolute;
  top: 50%;
  right: calc(3.4375vw + -1px);
  z-index: -1;
  transform: translateY(-50%);
  width: calc(8.3125vw + 133.4px);
  height: calc(11.25vw + 131px);
}
@media (max-width: 1024px) {
  .dealers__card-video {
    position: static;
    transform: translateY(0);
    margin-top: calc(3.75vw + 8px);
    margin-left: auto;
    margin-right: auto;
  }
}
.dealers__card-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.4);
}
.dealers__bottom {
  margin-top: calc(6.4375vw + 34.4px);
}

.dealers-card {
  width: 100%;
  height: 100%;
  min-height: calc(20.9375vw + 128px);
}
.dealers-card__link {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: calc(1.875vw + 4px) calc(3.4375vw + -1px);
}
.dealers-card__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.dealers-card__link:active::after {
  opacity: 0;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .dealers-card__link:hover::after {
    opacity: 0;
  }
}
.dealers-card__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  border: 2px solid currentColor;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.dealers-card__link:active::after {
  opacity: 1;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .dealers-card__link:hover::after {
    opacity: 1;
  }
}
.dealers-card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(6.875vw + 88px);
  height: calc(2.5vw + 132px);
  margin: auto;
  filter: grayscale(100%);
  transition: filter 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.dealers-card:active .dealers-card__img {
  filter: grayscale(0%);
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .dealers-card:hover .dealers-card__img {
    filter: grayscale(0%);
  }
}
.dealers-card__img picture,
.dealers-card__img img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.dealers-card__title {
  margin-top: auto;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.dealers-card:active .dealers-card__title {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .dealers-card:hover .dealers-card__title {
    color: #095aa5;
  }
}

.contacts {
  overflow: hidden;
}
.contacts__card {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(2.8125vw + 66px);
}
.contacts__left {
  width: 37.5%;
  padding-left: calc(0.9375vw + 7px);
  padding-right: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .contacts__left {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: calc(0.625vw + 23px);
  }
}
.contacts__heading {
  max-width: calc(18.125vw + 242px);
}
.contacts__right {
  display: flex;
  flex-wrap: wrap;
  width: 62.5%;
}
@media (max-width: 1024px) {
  .contacts__right {
    width: calc(100% + (3.75vw + 8px));
    margin: 0 calc(-1.875vw + -4px);
  }
}
.contacts__col-1 {
  position: relative;
  width: 60%;
}
@media (max-width: 1024px) {
  .contacts__col-1 {
    width: 100%;
  }
}
.contacts__col-2 {
  position: relative;
  width: 40%;
}
@media (max-width: 1024px) {
  .contacts__col-2 {
    width: 100%;
  }
}
.contacts__top {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
  width: 100%;
  padding: calc(0.625vw + 23px) 10px;
}
@media (max-width: 1024px) {
  .contacts__top {
    position: static;
    transform: translateY(0);
    padding-left: calc(1.875vw + 4px);
    padding-right: calc(1.875vw + 4px);
  }
  .contacts__top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    opacity: 0.3;
  }
}
.contacts__title {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .contacts__title {
    font-weight: 600;
    opacity: 1;
  }
}
.contacts__drop {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .contacts__drop {
    display: block;
  }
}
.contacts__drop-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: calc(0.75vw + 21.6px);
  height: calc(0.75vw + 21.6px);
  border: calc(0.09375vw + 1.2px) solid #095aa5;
  border-radius: 50%;
  transition: border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.contacts__drop.is-active .contacts__drop-btn {
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 1024px) {
  .contacts__drop-btn {
    right: calc(1.875vw + 4px);
  }
}
.contacts__drop:active .contacts__drop-btn {
  border-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .contacts__drop:hover .contacts__drop-btn {
    border-color: #000000;
  }
}
.contacts__drop-btn::before, .contacts__drop-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(0.3125vw + 9px);
  height: calc(0.09375vw + 1.2px);
  background-color: #095aa5;
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.contacts__drop-btn::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.contacts__drop:active .contacts__drop-btn::before, .contacts__drop:active .contacts__drop-btn::after {
  background-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .contacts__drop:hover .contacts__drop-btn::before, .contacts__drop:hover .contacts__drop-btn::after {
    background-color: #000000;
  }
}
.contacts__bottom {
  width: 100%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .contacts__bottom {
    max-height: 0;
    padding: 0 calc(1.875vw + 4px);
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  }
}
@media (max-width: 1024px) {
  .contacts__info {
    padding-bottom: calc(0.9375vw + 17px);
  }
}
.contacts__descr {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.9375vw + 14px);
}
.contacts__list:not(:first-child) {
  margin-top: calc(3.4375vw + 9px);
}
.contacts__item:not(:first-child) {
  margin-top: calc(1.875vw + 14px);
}
.contacts__link {
  font-family: "Ruberoid";
  font-style: normal;
  font-weight: 400;
  font-size: calc(1.5625vw + 12px);
  line-height: calc(1vw + 20.8px);
  letter-spacing: -0.025em;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.contacts__link:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .contacts__link:hover {
    color: #095aa5;
  }
}
.contacts__subtitle {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  opacity: 0.3;
}
.contacts__subtitle:not(:first-child) {
  margin-top: calc(0.125vw + 3.6px);
}
.contacts__btn:not(:first-child) {
  margin-top: calc(4.375vw + 6px);
}
.contacts__marquee {
  margin-bottom: 1px;
  margin-top: calc(2.8125vw + 66px);
}
@media (max-width: 1024px) {
  .contacts__marquee {
    margin-top: 0;
  }
}

.city__card {
  margin-top: calc(4.375vw + 86px);
}
.city__top {
  width: 37.5%;
  margin-bottom: calc(2.1875vw + 18px);
  padding-left: calc(0.9375vw + 7px);
  padding-right: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .city__top {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.city__heading {
  display: inline;
}
.city__num {
  display: inline;
  vertical-align: top;
  margin-left: 5px;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.0625vw + 12.8px);
  line-height: calc(0.8125vw + 14.4px);
  letter-spacing: 0;
  color: #095aa5;
}
.city__bottom {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1.875vw + -4px);
  padding: calc(0.9375vw + 22px) calc(1.875vw + 4px);
}
.city__bottom:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}
.city__bottom:last-child::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}
.city__left {
  position: relative;
  width: 37.5%;
  padding-left: calc(0.9375vw + 7px);
  padding-right: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .city__left {
    width: 100%;
    padding-left: 0;
    padding-right: calc(0.75vw + 21.6px);
  }
}
.city__drop {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: none;
  width: calc(0.75vw + 21.6px);
  height: calc(0.75vw + 21.6px);
  border: calc(0.09375vw + 1.2px) solid #095aa5;
  border-radius: 50%;
  transition: border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.city__drop.is-active {
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 1024px) {
  .city__drop {
    display: block;
  }
}
.city__drop:active {
  border-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .city__drop:hover {
    border-color: #000000;
  }
}
.city__drop::before, .city__drop::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(0.3125vw + 9px);
  height: calc(0.09375vw + 1.2px);
  background-color: #095aa5;
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.city__drop::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.city__drop:active::before, .city__drop:active::after {
  background-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .city__drop:hover::before, .city__drop:hover::after {
    background-color: #000000;
  }
}
.city__title {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.8125vw + 14.4px);
}
.city__email {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 600;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.8125vw + 14.4px);
  color: #095aa5;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.city__email:active {
  color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .city__email:hover {
    color: #000000;
  }
}
.city__btn:not(:first-child) {
  margin-top: calc(1.25vw + 11px);
}
.city__right {
  display: flex;
  flex-wrap: wrap;
  width: 62.5%;
}
@media (max-width: 1024px) {
  .city__right {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  }
}
.city__col-1 {
  position: relative;
  width: 60%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .city__col-1 {
    width: 100%;
    padding: 0;
    margin-top: calc(0.625vw + 23px);
  }
}
.city__col-2 {
  position: relative;
  width: 40%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .city__col-2 {
    width: 100%;
    padding: 0;
    margin-top: calc(3.125vw + 40px);
  }
}
.city__subtitle {
  position: absolute;
  top: calc(-0.9375vw + -22px);
  left: 0;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 10px;
  padding-bottom: 20px;
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .city__subtitle {
    position: static;
    transform: translateY(0);
    padding: 0;
    margin-bottom: calc(0.9375vw + 17px);
  }
}
.city__bottom:not(:nth-child(2)) .city__subtitle {
  display: none;
}
@media (max-width: 1024px) {
  .city__bottom:not(:nth-child(2)) .city__subtitle {
    display: flex;
  }
}
.city__subtitle svg {
  width: auto;
  height: 1em;
  margin-right: 0.5em;
}
.city__subtitle svg path[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.city__subtitle svg g[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.city__subtitle svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.city__descr {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
}
.city__list:not(:first-child) {
  margin-top: calc(0.9375vw + 17px);
}
.city__link {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.4375vw + 15.6px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.city__link:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .city__link:hover {
    color: #095aa5;
  }
}

.vacancies {
  overflow: hidden;
}
.vacancies__inner {
  padding-top: calc(5.625vw + 32px);
}
.vacancies__descr {
  width: 62.5%;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .vacancies__descr {
    width: 100%;
  }
}
.vacancies__marquee {
  margin-top: calc(11.25vw + 64px);
}
.vacancies__bottom {
  margin-top: calc(11.25vw + 64px);
}
.vacancies__heading {
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .vacancies__heading {
    padding-left: 0;
  }
}
.vacancies__list {
  margin-top: calc(5vw + -16px);
  margin-bottom: 1px;
}
.vacancies__card-top {
  position: relative;
  margin: 0 calc(-1.875vw + -4px);
  padding: calc(0.625vw + 23px) calc(1.875vw + 4px);
}
.vacancies__card-top:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}
.vacancies__card-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}
.vacancies__title {
  padding-left: calc(0.9375vw + 7px);
  padding-right: calc(0.75vw + 21.6px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.8125vw + 14.4px);
}
@media (max-width: 1024px) {
  .vacancies__title {
    padding-left: 0;
  }
}
.vacancies__title-bold {
  display: block;
  font-weight: 600;
}
.vacancies__drop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vacancies__drop-btn {
  position: absolute;
  top: 50%;
  right: calc(1.875vw + 4px);
  transform: translateY(-50%);
  width: calc(0.75vw + 21.6px);
  height: calc(0.75vw + 21.6px);
  border: calc(0.09375vw + 1.2px) solid #095aa5;
  border-radius: 50%;
  transition: border-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.vacancies__drop.is-active .vacancies__drop-btn {
  transform: translateY(-50%) rotate(45deg);
}
.vacancies__drop:active .vacancies__drop-btn {
  border-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .vacancies__drop:hover .vacancies__drop-btn {
    border-color: #000000;
  }
}
.vacancies__drop-btn::before, .vacancies__drop-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(0.3125vw + 9px);
  height: calc(0.09375vw + 1.2px);
  background-color: #095aa5;
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.vacancies__drop-btn::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.vacancies__drop:active .vacancies__drop-btn::before, .vacancies__drop:active .vacancies__drop-btn::after {
  background-color: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .vacancies__drop:hover .vacancies__drop-btn::before, .vacancies__drop:hover .vacancies__drop-btn::after {
    background-color: #000000;
  }
}
.vacancies__card-bottom {
  position: relative;
  margin: 0 calc(-1.875vw + -4px);
  padding: 0 calc(1.875vw + 4px);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.vacancies__card-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}
.vacancies__info {
  max-width: calc(41.875vw + 166px);
  padding: calc(2.1875vw + 18px) 0;
  padding-left: calc(0.9375vw + 7px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.8125vw + 14.4px);
}
@media (max-width: 1024px) {
  .vacancies__info {
    padding-left: 0;
  }
}
.vacancies__info h1,
.vacancies__info h2,
.vacancies__info h3,
.vacancies__info h4,
.vacancies__info h5,
.vacancies__info h6 {
  display: block;
  font-weight: 600;
}
.vacancies__info ul li {
  position: relative;
  padding-left: 1.2em;
}
.vacancies__info ul li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.vacancies__info p {
  display: block;
}
.vacancies__info a {
  font-weight: 600;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.vacancies__info a:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .vacancies__info a:hover {
    color: #095aa5;
  }
}

.news {
  padding-top: 30px;
  padding-bottom: calc(1.25vw + 96px);
}
.news__top {
  margin: 0 calc(-1.875vw + -4px);
  padding: 0 calc(1.875vw + 4px);
  overflow-x: auto;
}
.news__top .scrollbar-track.show,
.news__top .scrollbar-track:hover {
  opacity: 0;
}
.news__list {
  display: flex;
  align-items: center;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .news__list {
    padding-left: 0;
  }
}
.news__item {
  flex-shrink: 0;
}
.news__item:not(:first-child) {
  margin-left: calc(0.8125vw + 1.4px);
}
.news__middle {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1.875vw + -4px);
  margin-top: calc(1.25vw + 26px);
}
.news__card-item {
  width: calc(50% - (0.625vw + 3px));
  margin-bottom: calc(6.4375vw + 34.4px);
}
@media (max-width: 1024px) {
  .news__card-item {
    width: 100%;
  }
}
.news__card-item:nth-child(2n+2) {
  margin-left: calc(1.25vw + 6px);
}
@media (max-width: 1024px) {
  .news__card-item:nth-child(2n+2) {
    margin-left: 0;
  }
}

.news-card {
  display: block;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.news-card:active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .news-card:hover {
    color: #095aa5;
  }
}
.news-card__img {
  display: block;
  width: 100%;
  height: calc(19.3125vw + 95.2px);
  overflow: hidden;
}
.news-card__img picture,
.news-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
}
.news-card:active .news-card__img picture,
.news-card:active .news-card__img img {
  transform: scale(1.1);
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .news-card:hover .news-card__img picture,
.news-card:hover .news-card__img img {
    transform: scale(1.1);
  }
}
.news-card__info {
  display: block;
  margin-top: calc(0.1875vw + 9.4px);
  padding: 0 calc(2.8125vw + 11px);
}
@media (max-width: 1024px) {
  .news-card__info {
    padding: 0 calc(1.875vw + 4px);
  }
}
.news-card__date {
  display: block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.3125vw + 12px);
  line-height: calc(2.0625vw + 10.4px);
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.news-card:active .news-card__date {
  opacity: 1;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .news-card:hover .news-card__date {
    opacity: 1;
  }
}
.news-card__tag {
  display: inline-block;
  margin-top: calc(3.625vw + 0.4px);
}
.news-card__title {
  display: block;
  max-width: calc(25vw + 200px);
  margin-top: calc(1vw + 3.8px);
}

.news-detail {
  padding-top: calc(15.625vw + 100px);
  padding-bottom: calc(2.5vw + 92px);
}
@media (max-width: 1024px) {
  .news-detail {
    padding-top: calc(9.375vw + 70px);
  }
}
.news-detail__inner {
  display: flex;
  flex-wrap: wrap;
}
.news-detail__left {
  width: 16%;
  padding: 0 calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .news-detail__left {
    width: 100%;
    padding: 0;
  }
}
.news-detail__right {
  width: 84%;
  max-width: calc(53.3125vw + 129.4px);
}
@media (max-width: 1024px) {
  .news-detail__right {
    width: 100%;
    max-width: none;
  }
  .news-detail__right:not(:first-child) {
    margin-top: calc(4.6875vw + 10px);
  }
}
.news-detail__top {
  display: flex;
  flex-direction: column;
  position: relative;
}
.news-detail__info {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
  padding-bottom: calc(4.6875vw + 10px);
}
@media (max-width: 1024px) {
  .news-detail__info {
    position: static;
    transform: translateY(0);
    margin-top: calc(4.6875vw + 10px);
    padding-bottom: 0;
  }
}
.news-detail__date {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.3125vw + 12px);
  line-height: calc(2.0625vw + 10.4px);
  opacity: 0.3;
}
.news-detail__tag {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.3125vw + 12px);
  line-height: calc(2.0625vw + 10.4px);
  color: #095aa5;
}
.news-detail__tag:not(:first-child) {
  margin-left: calc(3.8125vw + 3.8px);
}
.news-detail__heading {
  max-width: calc(35.375vw + 186.8px);
}
@media (max-width: 1024px) {
  .news-detail__heading {
    order: -1;
  }
}
.news-detail__img {
  width: 100%;
}
@media (max-width: 1024px) {
  .news-detail__img {
    width: calc(100% + (3.75vw + 8px));
    margin: 0 calc(-1.875vw + -4px);
  }
}
.news-detail__img:not(:first-child) {
  margin-top: calc(4.6875vw + 10px);
}
.news-detail__img picture,
.news-detail__img img {
  display: block;
  width: 100%;
  height: auto;
}
.news-detail__middle {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(1.3125vw + 12.8px);
}
.news-detail__middle:not(:first-child) {
  margin-top: calc(3.125vw + 40px);
}
.news-detail__middle h2,
.news-detail__middle h3,
.news-detail__middle h4,
.news-detail__middle h5,
.news-detail__middle h6 {
  display: block;
}
.news-detail__middle h2:not(:first-child),
.news-detail__middle h3:not(:first-child),
.news-detail__middle h4:not(:first-child),
.news-detail__middle h5:not(:first-child),
.news-detail__middle h6:not(:first-child) {
  margin-top: calc(3.125vw + 40px);
}
.news-detail__middle p {
  display: block;
}
.news-detail__middle p:not(:first-child) {
  margin-top: calc(2.5vw + 12px);
}
.news-detail__middle ul:not(:first-child) {
  margin-top: calc(2.5vw + 12px);
}
.news-detail__middle ul li {
  position: relative;
  padding-left: 1em;
}
.news-detail__middle ul li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}
.news-detail__middle ol {
  counter-reset: count;
}
.news-detail__middle ol:not(:first-child) {
  margin-top: calc(2.5vw + 12px);
}
.news-detail__middle ol li {
  position: relative;
  padding-left: 1em;
}
.news-detail__middle ol li::before {
  content: counter(count) ".";
  counter-increment: count;
  position: absolute;
  top: 0;
  left: 0;
}
.news-detail__middle b,
.news-detail__middle strong {
  font-weight: 600;
}
.news-detail__middle u {
  text-decoration: underline;
}
.news-detail__middle a {
  color: #095aa5;
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.news-detail__middle a:active {
  color: currentColor;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .news-detail__middle a:hover {
    color: currentColor;
  }
}
.news-detail__middle i,
.news-detail__middle em {
  font-style: italic;
}
.news-detail__middle small {
  font-size: 0.75em;
}
.news-detail__middle sup,
.news-detail__middle sub {
  font-size: 0.75em;
}
.news-detail__middle video,
.news-detail__middle img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.news-detail__middle video:not(:first-child),
.news-detail__middle img:not(:first-child) {
  margin-top: calc(4.375vw + 16px);
}
.news-detail__middle table {
  width: 100%;
}
.news-detail__middle table:not(:first-child) {
  margin-top: calc(4.375vw + 16px);
}
.news-detail__middle table td,
.news-detail__middle table th {
  text-align: center;
  border: 1px solid currentColor;
  padding: 0.5em;
}
.news-detail__bottom {
  display: flex;
  align-items: center;
}
.news-detail__bottom:not(:first-child) {
  margin-top: calc(3.125vw + 40px);
}
.news-detail__bottom .ya-share2:not(:first-child) {
  margin-left: calc(1.25vw + 26px);
}
.news-detail__bottom .ya-share2__container_size_s {
  font-family: inherit;
  font-size: inherit;
}
.news-detail__bottom .ya-share2__list.ya-share2__list_direction_horizontal {
  margin-top: 0;
}
.news-detail__bottom .ya-share2__container .ya-share2__item {
  font-family: inherit;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.news-detail__bottom .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin: 0;
}
.news-detail__bottom .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item:not(:first-child) {
  margin-left: calc(0.9375vw + 12px);
}
.news-detail__bottom .ya-share2__badge {
  border-radius: 0;
  color: currentColor;
  background-color: transparent;
}
.news-detail__bottom .ya-share2__item:not(.ya-share2__item_more):active,
.news-detail__bottom .ya-share2__item.ya-share2__item_more > .ya-share2__link:active,
.news-detail__bottom .ya-share2__item:not(.ya-share2__item_more):hover,
.news-detail__bottom .ya-share2__item.ya-share2__item_more > .ya-share2__link:hover,
.news-detail__bottom .ya-share2__item:not(.ya-share2__item_more):focus,
.news-detail__bottom .ya-share2__item.ya-share2__item_more > .ya-share2__link:focus {
  opacity: 0.5;
}
.news-detail__bottom .ya-share2__item_service_vkontakte .ya-share2__badge,
.news-detail__bottom .ya-share2__item_service_vkontakte .ya-share2__mobile-popup-badge,
.news-detail__bottom .ya-share2__item_service_odnoklassniki .ya-share2__badge,
.news-detail__bottom .ya-share2__item_service_odnoklassniki .ya-share2__mobile-popup-badge,
.news-detail__bottom .ya-share2__item_service_telegram .ya-share2__badge,
.news-detail__bottom .ya-share2__item_service_telegram .ya-share2__mobile-popup-badge,
.news-detail__bottom .ya-share2__item_service_twitter .ya-share2__badge,
.news-detail__bottom .ya-share2__item_service_twitter .ya-share2__mobile-popup-badge {
  background-color: transparent;
}
.news-detail__bottom .ya-share2__container_size_s .ya-share2__badge .ya-share2__icon {
  height: 24px;
  width: 24px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.news-detail__bottom .ya-share2__item_service_vkontakte .ya-share2__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgICA8cGF0aCBmaWxsPSIjMDk1YWE1IiBkPSJNMTcuODAyIDEyLjI5OHMxLjYxNyAxLjU5NyAyLjAxNyAyLjMzNmEuMTI3LjEyNyAwIDAgMSAuMDE4LjAzNWMuMTYzLjI3My4yMDMuNDg3LjEyMy42NDUtLjEzNS4yNjEtLjU5Mi4zOTItLjc0Ny40MDNoLTIuODU4Yy0uMTk5IDAtLjYxMy0uMDUyLTEuMTE3LS40LS4zODUtLjI2OS0uNzY4LS43MTItMS4xMzktMS4xNDUtLjU1NC0uNjQzLTEuMDMzLTEuMjAxLTEuNTE4LTEuMjAxYS41NDguNTQ4IDAgMCAwLS4xOC4wM2MtLjM2Ny4xMTYtLjgzMy42MzktLjgzMyAyLjAzMiAwIC40MzYtLjM0NC42ODQtLjU4NS42ODRIOS42NzRjLS40NDYgMC0yLjc2OC0uMTU2LTQuODI3LTIuMzI3QzIuMzI0IDEwLjczMi4wNTggNS40LjAzNiA1LjM1M2MtLjE0MS0uMzQ1LjE1NS0uNTMzLjQ3NS0uNTMzaDIuODg2Yy4zODcgMCAuNTEzLjIzNC42MDEuNDQ0LjEwMi4yNDEuNDggMS4yMDUgMS4xIDIuMjg4IDEuMDA0IDEuNzYyIDEuNjIxIDIuNDc5IDIuMTE0IDIuNDc5YS41MjcuNTI3IDAgMCAwIC4yNjQtLjA3Yy42NDQtLjM1NC41MjQtMi42NTQuNDk0LTMuMTI4IDAtLjA5Mi0uMDAxLTEuMDI3LS4zMzEtMS40NzktLjIzNi0uMzI0LS42MzgtLjQ1LS44ODEtLjQ5Ni4wNjUtLjA5NC4yMDMtLjIzOC4zOC0uMzIzLjQ0MS0uMjIgMS4yMzgtLjI1MiAyLjAyOS0uMjUyaC40MzljLjg1OC4wMTIgMS4wOC4wNjcgMS4zOTIuMTQ2LjYyOC4xNS42NC41NTcuNTg1IDEuOTQzLS4wMTYuMzk2LS4wMzMuODQyLS4wMzMgMS4zNjcgMCAuMTEyLS4wMDUuMjM3LS4wMDUuMzY0LS4wMTkuNzExLS4wNDQgMS41MTIuNDU4IDEuODQxYS40MS40MSAwIDAgMCAuMjE3LjA2MmMuMTc0IDAgLjY5NSAwIDIuMTA4LTIuNDI1LjYyLTEuMDcxIDEuMS0yLjMzNCAxLjEzMy0yLjQyOS4wMjgtLjA1My4xMTItLjIwMi4yMTQtLjI2MmEuNDc5LjQ3OSAwIDAgMSAuMjM2LS4wNTZoMy4zOTVjLjM3IDAgLjYyMS4wNTYuNjcuMTk2LjA4Mi4yMjctLjAxNi45Mi0xLjU2NiAzLjAxNi0uMjYxLjM0OS0uNDkuNjUxLS42OTEuOTE1LTEuNDA1IDEuODQ0LTEuNDA1IDEuOTM3LjA4MyAzLjMzN3oiIC8+Cjwvc3ZnPg==);
}
.news-detail__bottom .ya-share2__item_service_odnoklassniki .ya-share2__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSIjMDk1YWE1IiBkPSJNMTEuOTg2IDEyLjM0MWMtMi44MjUgMC01LjE3My0yLjM0Ni01LjE3My01LjEyMkM2LjgxMyA0LjM0NyA5LjE2MSAyIDExLjk4NyAyYzIuOTIyIDAgNS4xNzMgMi4zNDYgNS4xNzMgNS4yMTlhNS4xNDIgNS4xNDIgMCAwIDEtNS4xNTcgNS4xMjNsLS4wMTctLjAwMXptMC03LjMyNGMtMS4xOTYgMC0yLjEwNiAxLjAwNS0yLjEwNiAyLjIwMyAwIDEuMTk2LjkxIDIuMTA2IDIuMTA3IDIuMTA2IDEuMjQ1IDAgMi4xMDctLjkxIDIuMTA3LTIuMTA2LjAwMS0xLjE5OS0uODYyLTIuMjAzLTIuMTA4LTIuMjAzem0yLjA2IDExLjU4NiAyLjkyMyAyLjgyNWMuNTc1LjYyMS41NzUgMS41MzEgMCAyLjEwNi0uNjIyLjYyMS0xLjU4MS42MjEtMi4wNiAwbC0yLjkyMi0yLjg3My0yLjgyNiAyLjg3M2MtLjI4Ny4yODctLjY3MS40My0xLjEwMy40My0uMzM1IDAtLjcxOC0uMTQ0LTEuMDU0LS40My0uNTc1LS41NzUtLjU3NS0xLjQ4NSAwLTIuMTA3bDIuOTctMi44MjVhMTMuNDkgMTMuNDkgMCAwIDEtMy4wNjMtMS4zMzljLS43MTktLjM4My0uODYyLTEuMzQtLjQ3OS0yLjA1OS40NzktLjcxOCAxLjM0MS0uOTA5IDIuMTA4LS40M2E2LjYyIDYuNjIgMCAwIDAgNi44OTcgMGMuNzY3LS40NzkgMS42NzYtLjI4OCAyLjEwNy40My40MzIuNzE5LjIzOSAxLjY3NS0uNDMyIDIuMDU5LS45MDkuNTc1LTEuOTYzIDEuMDA2LTMuMDY1IDEuMzQxbC0uMDAxLS4wMDF6IiAvPgo8L3N2Zz4=);
}
.news-detail__bottom .ya-share2__item_service_telegram .ya-share2__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogICAgPHBhdGggZmlsbD0iIzA5NWFhNSIgZD0iTTQxLjQxOTMgNy4zMDg5OXMzLjg4NTMtMS41MTUgMy41NjE1IDIuMTY0MjljLS4xMDc5IDEuNTE1MDItMS4wNzkyIDYuODE3NTItMS44MzQ3IDEyLjU1MjkybC0yLjU5MDIgMTYuOTg5N3MtLjIxNTggMi40ODg5LTIuMTU4NSAyLjkyMThjLTEuOTQyNy40MzI4LTQuODU2Ni0xLjUxNS01LjM5NjMtMS45NDc5LS40MzE3LS4zMjQ2LTguMDk0My01LjE5NDMtMTAuNzkyNS03LjU3NS0uNzU1NS0uNjQ5My0xLjYxODktMS45NDc5LjEwNzktMy40NjI5bDExLjMzMjItMTAuODIxNGMxLjI5NTEtMS4yOTg2IDIuNTkwMi00LjMyODYtMi44MDYxLS42NDkzTDE1LjczMzEgMjcuNzYxNnMtMS43MjY4IDEuMDgyMS00Ljk2NDUuMTA4MmwtNy4wMTUxOC0yLjE2NDNzLTIuNTkwMjEtMS42MjMyIDEuODM0NzMtMy4yNDY1QzE2LjM4MDcgMTcuMzcyOSAyOS42NTU1IDEyLjE3ODYgNDEuNDE5MyA3LjMwODk5WiIgLz4NCjwvc3ZnPg==);
}
.news-detail__bottom .ya-share2__item_service_twitter .ya-share2__icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAzMTAgMzEwIj4NCgk8cGF0aCBmaWxsPSIjMDk1YWE1IiBkPSJNMzAyLjk3MyA1Ny4zODhjLTQuODcgMi4xNi05Ljg3NyAzLjk4My0xNC45OTMgNS40NjMgNi4wNTctNi44NSAxMC42NzUtMTQuOTEgMTMuNDk0LTIzLjczLjYzMi0xLjk3Ny0uMDIzLTQuMTQxLTEuNjQ4LTUuNDM0LTEuNjIzLTEuMjk0LTMuODc4LTEuNDQ5LTUuNjY1LS4zOS0xMC44NjUgNi40NDQtMjIuNTg3IDExLjA3NS0zNC44NzggMTMuNzgzLTEyLjM4MS0xMi4wOTgtMjkuMTk3LTE4Ljk4My00Ni41ODEtMTguOTgzLTM2LjY5NSAwLTY2LjU0OSAyOS44NTMtNjYuNTQ5IDY2LjU0NyAwIDIuODkuMTgzIDUuNzY0LjU0NSA4LjU5OEMxMDEuMTYzIDk5LjI0NCA1OC44MyA3Ni44NjMgMjkuNzYgNDEuMjA0Yy0xLjAzNi0xLjI3MS0yLjYzMi0xLjk1Ni00LjI2Ni0xLjgyNS0xLjYzNS4xMjgtMy4xMDQgMS4wNS0zLjkzIDIuNDY3LTUuODk2IDEwLjExNy05LjAxMyAyMS42ODgtOS4wMTMgMzMuNDYxIDAgMTYuMDM1IDUuNzI1IDMxLjI0OSAxNS44MzggNDMuMTM3LTMuMDc1LTEuMDY1LTYuMDU5LTIuMzk2LTguOTA3LTMuOTc3LTEuNTI5LS44NTEtMy4zOTUtLjgzOC00LjkxNC4wMzMtMS41Mi44NzEtMi40NzMgMi40NzMtMi41MTMgNC4yMjQtLjAwNy4yOTUtLjAwNy41OS0uMDA3Ljg4OSAwIDIzLjkzNSAxMi44ODIgNDUuNDg0IDMyLjU3NyA1Ny4yMjktMS42OTItLjE2OS0zLjM4My0uNDE0LTUuMDYzLS43MzUtMS43MzItLjMzMS0zLjUxMy4yNzYtNC42ODEgMS41OTctMS4xNyAxLjMyLTEuNTU3IDMuMTYtMS4wMTggNC44NCA3LjI5IDIyLjc2IDI2LjA1OSAzOS41MDEgNDguNzQ5IDQ0LjYwNS0xOC44MTkgMTEuNzg3LTQwLjM0IDE3Ljk2MS02Mi45MzIgMTcuOTYxLTQuNzE0IDAtOS40NTUtLjI3Ny0xNC4wOTUtLjgyNi0yLjMwNS0uMjc0LTQuNTA5IDEuMDg3LTUuMjk0IDMuMjc5LS43ODUgMi4xOTMuMDQ3IDQuNjM4IDIuMDA4IDUuODk1IDI5LjAyMyAxOC42MDkgNjIuNTgyIDI4LjQ0NSA5Ny4wNDcgMjguNDQ1IDY3Ljc1NCAwIDExMC4xMzktMzEuOTUgMTMzLjc2NC01OC43NTMgMjkuNDYtMzMuNDIxIDQ2LjM1Ni03Ny42NTggNDYuMzU2LTEyMS4zNjcgMC0xLjgyNi0uMDI4LTMuNjctLjA4NC01LjUwOCAxMS42MjMtOC43NTcgMjEuNjMtMTkuMzU1IDI5Ljc3My0zMS41MzYgMS4yMzctMS44NSAxLjEwMy00LjI5NS0uMzMtNS45OTgtMS40MzEtMS43MDQtMy44MTYtMi4yNTUtNS44NTItMS4zNTN6IiAvPg0KPC9zdmc+);
}
.news-detail__share {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(1.3125vw + 12.8px);
}

.news-slider {
  padding-bottom: calc(1.25vw + 96px);
}
.news-slider--top {
  padding-top: calc(2.5vw + 92px);
}
.news-slider--nobottom {
  padding-bottom: 0;
}
.news-slider__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .news-slider__top {
    padding-left: 0;
  }
}
.news-slider__nav {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .news-slider__nav {
    width: 100%;
    margin-left: 0;
    margin-top: calc(1.875vw + 14px);
  }
}
.news-slider__btn-nav:not(:first-child) {
  margin-left: calc(0.5vw + 3.4px);
  transform: rotate(-180deg);
}
.news-slider__bottom {
  margin-top: calc(2.5vw + 22px);
  margin-left: calc(-1.875vw + -4px);
  margin-right: calc(-1.875vw + -4px);
}
.news-slider__slide {
  height: auto;
}
.news-slider__slide--border {
  position: relative;
}
.news-slider__slide--border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.news-slider__slide--border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}

.catalog-detail {
  position: relative;
}
.catalog-detail::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.catalog-detail__inner {
  display: flex;
  flex-wrap: wrap;
}
.catalog-detail__left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 78.8%;
  padding-top: calc(7.5vw + 76px);
  padding-bottom: calc(0.9375vw + 52px);
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .catalog-detail__left {
    width: 100%;
    align-items: flex-start;
  }
}
.catalog-detail__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.catalog-detail__heading {
  width: 65%;
  padding-right: calc(0.9375vw + 7px);
  margin-top: calc(14.375vw + -26px);
}
@media (max-width: 1024px) {
  .catalog-detail__heading {
    width: 100%;
    padding-right: 0;
  }
}
.catalog-detail__img {
  width: 35%;
  height: calc(16.75vw + 152.4px);
}
@media (max-width: 1024px) {
  .catalog-detail__img {
    width: 100%;
  }
  .catalog-detail__img:not(:first-child) {
    margin-top: calc(4.6875vw + 10px);
  }
}
.catalog-detail__img picture,
.catalog-detail__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catalog-detail__btn:not(:first-child) {
  margin-top: calc(4.6875vw + 10px);
}
.catalog-detail__price {
  display: inline-flex;
  align-items: center;
}
.catalog-detail__price-img {
  display: block;
  flex-shrink: 0;
  height: calc(1.25vw + 26px);
}
.catalog-detail__price-img svg {
  width: auto;
  height: 100%;
}
.catalog-detail__price-img svg rect {
  fill: transparent;
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-detail__price:active .catalog-detail__price-img svg rect {
  stroke: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-detail__price:hover .catalog-detail__price-img svg rect {
    stroke: #095aa5;
  }
}
.catalog-detail__price-img svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-detail__price:active .catalog-detail__price-img svg path[fill] {
  fill: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-detail__price:hover .catalog-detail__price-img svg path[fill] {
    fill: #095aa5;
  }
}
.catalog-detail__price-img svg path[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-detail__price:active .catalog-detail__price-img svg path[stroke] {
  stroke: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-detail__price:hover .catalog-detail__price-img svg path[stroke] {
    stroke: #095aa5;
  }
}
.catalog-detail__price-right {
  display: block;
  margin-left: calc(0.9375vw + 22px);
}
.catalog-detail__price-text {
  display: block;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.4375vw + 9.6px);
  line-height: calc(0.625vw + 12px);
  transition: color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-detail__price:active .catalog-detail__price-text {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-detail__price:hover .catalog-detail__price-text {
    color: #095aa5;
  }
}
.catalog-detail__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 21.2%;
  height: 100vh;
  padding-left: calc(0.9375vw + 7px);
  will-change: transform;
}
.catalog-detail__right html.is-touch {
  height: calc(100 * var(--vh));
}
@media (max-width: 1024px) {
  .catalog-detail__right {
    position: relative;
    width: calc(100% + (3.75vw + 8px));
    margin-left: calc(-1.875vw + -4px);
    margin-right: calc(-1.875vw + -4px);
    padding-left: calc(1.875vw + 4px);
    padding-right: calc(1.875vw + 4px);
    padding-top: calc(0.9375vw + 52px);
    padding-bottom: calc(0.9375vw + 52px);
    height: auto;
  }
  .catalog-detail__right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    opacity: 0.3;
  }
  .catalog-detail__right html.is-touch {
    height: auto;
  }
}
.catalog-detail__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .catalog-detail__list {
    align-items: flex-start;
  }
}
.catalog-detail__item:not(:first-child) {
  margin-top: calc(-1.25vw + 24px);
}
.catalog-detail__link {
  position: relative;
  padding-left: 3.33em;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.3125vw + 12px);
  line-height: calc(1.1875vw + 13.2px);
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
@media (max-width: 1024px) {
  .catalog-detail__link {
    padding-left: 0;
  }
}
.catalog-detail__link.is-active {
  cursor: default;
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .catalog-detail__link.is-active {
    opacity: 1;
  }
}
.catalog-detail__link:not(.is-active):active {
  color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-detail__link:not(.is-active):hover {
    color: #095aa5;
  }
}
.catalog-detail__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: scaleX(0) translateY(-50%);
  transform-origin: right center;
  width: 2em;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
@media (max-width: 1024px) {
  .catalog-detail__link::before {
    display: none;
  }
}
.catalog-detail__link.is-active::before {
  transform: scaleX(1) translateY(-50%);
}

.catalog-descr {
  padding-top: calc(3.125vw + 80px);
}
.catalog-descr__left {
  width: 78.8%;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .catalog-descr__left {
    width: 100%;
    padding-left: 0;
  }
}

.catalog-info {
  padding-top: calc(5.3125vw + 38px);
}
.catalog-info__left {
  width: 78.8%;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .catalog-info__left {
    width: 100%;
    padding-left: 0;
  }
}
.catalog-info__list {
  margin-top: calc(1.25vw + 26px);
  width: 100%;
}
.catalog-info__card {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  padding-top: calc(2.1875vw + 28px);
  padding-bottom: 10px;
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.5625vw + 15.2px);
}
.catalog-info__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.catalog-info__card:last-child::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.catalog-info__card-left {
  width: 27.33%;
  padding-right: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .catalog-info__card-left {
    width: 100%;
    padding-right: 0;
  }
}
.catalog-info__card-right {
  width: 72.67%;
  padding-right: calc(0.9375vw + 7px);
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .catalog-info__card-right {
    width: 100%;
    padding-right: 0;
    margin-top: calc(0.375vw + 4.8px);
  }
}

.catalog-docs {
  padding-top: calc(5.3125vw + 38px);
}
.catalog-docs__heading {
  width: 78.8%;
  padding-left: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .catalog-docs__heading {
    width: 100%;
    padding-left: 0;
  }
}
.catalog-docs__list {
  width: calc(100% + (3.75vw + 8px));
  margin-top: calc(1.25vw + 26px);
  margin-left: calc(-1.875vw + -4px);
  margin-right: calc(-1.875vw + -4px);
}
.catalog-docs__card {
  display: block;
  width: 100%;
  padding-left: calc(1.875vw + 4px);
  padding-right: calc(1.875vw + 4px);
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  font-size: calc(0.5vw + 11.4px);
  line-height: calc(0.5625vw + 15.2px);
  transition: background-color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), color 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-docs__card:active {
  color: #ffffff;
  background-color: #095aa5;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-docs__card:hover {
    color: #ffffff;
    background-color: #095aa5;
  }
}
.catalog-docs__card-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: calc(78.8% - (0.9375vw + 7px));
  margin-left: calc(0.9375vw + 7px);
  padding-top: calc(2.1875vw + 28px);
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .catalog-docs__card-inner {
    width: 100%;
    margin-left: 0;
  }
}
.catalog-docs__card-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-docs__card:active .catalog-docs__card-inner::before {
  opacity: 0;
}
.catalog-docs__card:active + .catalog-docs__card .catalog-docs__card-inner::before {
  opacity: 0;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-docs__card:hover .catalog-docs__card-inner::before {
    opacity: 0;
  }
  .catalog-docs__card:hover + .catalog-docs__card .catalog-docs__card-inner::before {
    opacity: 0;
  }
}
.catalog-docs__card:last-child .catalog-docs__card-inner::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.3;
}
.catalog-docs__card:last-child:active .catalog-docs__card-inner::before {
  opacity: 0;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-docs__card:last-child:hover .catalog-docs__card-inner::before {
    opacity: 0;
  }
}
.catalog-docs__card-left {
  width: 27.33%;
  padding-right: calc(0.9375vw + 7px);
}
@media (max-width: 1024px) {
  .catalog-docs__card-left {
    width: 100%;
    padding-right: calc(2.8125vw + 36px);
  }
}
.catalog-docs__card-right {
  width: 72.67%;
  padding-right: calc(2.8125vw + 36px);
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .catalog-docs__card-right {
    width: 100%;
    padding-right: 0;
    margin-top: calc(0.375vw + 4.8px);
  }
}
.catalog-docs__price {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .catalog-docs__price {
    top: auto;
    bottom: 10px;
    transform: translateY(0);
  }
}
.catalog-docs__price-img {
  display: block;
  flex-shrink: 0;
  height: calc(1.25vw + 26px);
}
.catalog-docs__price-img svg {
  width: auto;
  height: 100%;
}
.catalog-docs__price-img svg rect {
  fill: transparent;
  stroke: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-docs__card:active .catalog-docs__price-img svg rect {
  fill: #ffffff;
  stroke: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-docs__card:hover .catalog-docs__price-img svg rect {
    fill: #ffffff;
    stroke: #000000;
  }
}
.catalog-docs__price-img svg path[fill] {
  fill: currentColor;
  transition: fill 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-docs__card:active .catalog-docs__price-img svg path[fill] {
  fill: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-docs__card:hover .catalog-docs__price-img svg path[fill] {
    fill: #000000;
  }
}
.catalog-docs__price-img svg path[stroke] {
  stroke: currentColor;
  transition: stroke 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}
.catalog-docs__card:active .catalog-docs__price-img svg path[stroke] {
  stroke: #000000;
}
@media (any-hover: hover), (hover: hover) and (pointer: fine) {
  .catalog-docs__card:hover .catalog-docs__price-img svg path[stroke] {
    stroke: #000000;
  }
}

.catalog-right-end {
  transform: translateY(-100vh);
}
.catalog-right-end html.is-touch {
  transform: translateY(calc(-100 * var(--vh)));
}