@font-face {
  font-family: "TTFirsNeue";
  src: url("fonts/TT_Firs_Neue_Var_Roman.woff2") format("woff2 supports variations"), url("fonts/TT_Firs_Neue_Var_Roman.woff2") format("woff2-variations");
  font-weight: 100 900;
}
* {
  margin: 0;
  padding: 0;
  outline: none !important;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  max-width: 100%;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0;
  border: 0;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: none !important;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

form *, *:focus {
  outline: none !important;
}

input {
  -webkit-appearance: none;
}

body {
  font: 12px/16px "TTFirsNeue", Helvetica, Arial, sans-serif;
  width: 100%;
  color: #232D3E;
  background: #fff;
  height: 100%;
  min-width: 320px;
}

body.noscroll {
  overflow: hidden !important;
}

a {
  color: #232D3E;
  outline: none;
}

a:hover {
  text-decoration: none;
}

p {
  margin: 0;
}

table {
  border-collapse: collapse;
}

table tr td {
  vertical-align: top;
}

ul {
  list-style: none;
}

@media (hover: hover) {
  .hover__enlarge {
    position: relative;
    display: block;
  }
  .hover__enlarge > img {
    transition-duration: 0.2s;
  }
  .hover__enlarge:hover > img {
    transform: scale(1.1);
  }
  .hover__enlarge::before {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='29' fill='white' stroke='%233381FF' stroke-width='2'/%3E%3Cpath d='M17.5 30H42.5' stroke='%233381FF' stroke-width='3'/%3E%3Cpath d='M30 42.5L30 17.5' stroke='%233381FF' stroke-width='3'/%3E%3C/svg%3E%0A");
    position: absolute;
    content: "";
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    z-index: 20;
    opacity: 0;
    transform: scale(0.5);
    transition-duration: 0.2s;
  }
  .hover__enlarge:hover::before {
    opacity: 1;
    transform: scale(1);
  }
  .project__slider .swiper-slide:not(.swiper-slide-active) .hover__enlarge:hover > img,
.product__gallery__slider__item__img .hover__enlarge:hover > img {
    transform: scale(1) !important;
  }
}
h2, .h2 {
  font-size: 40px;
  line-height: 120%;
}
@media (max-width: 992px) {
  h2, .h2 {
    font-size: 35px;
    line-height: 129%;
  }
}
@media (max-width: 499px) {
  h2, .h2 {
    font-size: 28px;
    line-height: 125%;
  }
}

h3, .h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
}
@media (max-width: 992px) {
  h3, .h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 499px) {
  h3, .h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 340px) {
  h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    word-break: break-all;
  }
}
.page {
  min-width: 320px;
  overflow: hidden;
}

.container {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1220px) {
  .container {
    max-width: none;
    margin-left: 56px;
    margin-right: 56px;
  }
}
@media (max-width: 699px) {
  .container {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 499px) {
  .container {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.container.padding__left {
  padding-left: 100px;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .container.padding__left {
    padding-left: 0;
  }
}
.container.padding__left2 {
  padding-left: 200px;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .container.padding__left2 {
    padding-left: 0;
  }
}
.container.padding__right {
  padding-right: 100px;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .container.padding__right {
    padding-right: 0;
  }
}
.container.padding__right2 {
  padding-right: 200px;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .container.padding__right2 {
    padding-right: 0;
  }
}
.container.padding__left3 {
  padding-left: 300px;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .container.padding__left3 {
    padding-left: 86px;
  }
}
@media (max-width: 576px) {
  .container.padding__left3 {
    padding-left: 0px;
  }
}
.container.padding__left4 {
  padding-left: 400px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .container.padding__left4 {
    padding-left: 86px;
  }
}
@media (max-width: 576px) {
  .container.padding__left4 {
    padding-left: 0px;
  }
}
.container__leftside {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-right: 135px;
}
@media (max-width: 1400px) {
  .container__leftside {
    max-width: none;
    margin-left: 0;
    margin-right: 56px;
    padding-right: 0;
  }
}
@media (max-width: 800px) {
  .container__leftside {
    margin-left: 56px;
  }
}
@media (max-width: 699px) {
  .container__leftside {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 499px) {
  .container__leftside {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 1220px) {
  .simpleblock .container.padding__left2, .simpleblock .container.padding__left.padding__right {
    padding-left: 86px;
  }
}
@media (max-width: 576px) {
  .simpleblock .container.padding__left2, .simpleblock .container.padding__left.padding__right {
    padding-left: 0;
  }
}

.flex {
  display: flex;
}

/**
 * Swiper 8.2.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 10, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.header {
  transition: top 0.5s, background 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 570;
  height: 140px;
  padding: 0 52px 0 65px;
  box-sizing: border-box;
}
@media (max-width: 1300px) {
  .header {
    height: 110px;
    padding: 0 52px 0 57px;
  }
}
@media (max-width: 699px) {
  .header {
    height: 95px;
    padding: 0 40px;
  }
}
@media (max-width: 499px) {
  .header {
    padding: 0 20px 0 30px;
  }
}
.header__place {
  height: 140px;
}
@media (max-width: 1300px) {
  .header__place {
    height: 110px;
  }
}
@media (max-width: 699px) {
  .header__place {
    height: 95px;
  }
}
.header.white {
  background: #fff;
  top: 0;
  transition: top 0.5s, background 0.3s linear 0.3s;
}
.header.shadow {
  box-shadow: 0 0 10px rgba(39, 45, 57, 0.15);
}
.header.outside {
  top: -140px;
}
@media (max-width: 1220px) {
  .header.outside {
    top: -110px;
  }
}
@media (max-width: 699px) {
  .header.outside {
    top: -95px;
  }
}
.header .flex {
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.header .logo {
  position: relative;
  z-index: 950;
}
.header .logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.header .logo__img {
  height: 40px;
  width: auto;
}
@media (max-width: 992px) {
  .header .logo__img {
    height: 31px;
  }
}
@media (max-width: 499px) {
  .header .logo__img {
    height: 25px;
  }
}
.header .logo__text {
  margin-left: 13px;
  height: 27px;
}
@media (max-width: 992px) {
  .header .logo__text {
    margin-left: 11px;
    height: 20px;
  }
}
@media (max-width: 499px) {
  .header .logo__text {
    margin-left: 9px;
    height: 17px;
  }
}

.burger {
  cursor: pointer;
  position: relative;
  height: 100%;
  display: block;
  z-index: 950;
  -webkit-tap-highlight-color: transparent;
}
.burger__inner {
  display: block;
  width: 25px;
  height: 21px;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  z-index: 299;
  position: absolute;
  left: calc(50% - 12px);
  top: calc(50% - 10px);
}
.burger__inner span {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  height: 3px;
  background: #FFF;
}
.burger__inner span:nth-child(2), .burger__inner span:nth-child(3) {
  top: 9px;
}
.burger__inner span:nth-child(4) {
  top: 18px;
}
.burger img {
  width: 82px;
  height: auto;
  max-width: none;
  display: block;
  transition-duration: 0.3s;
  -webkit-animation: 16s rotate__hover infinite linear;
          animation: 16s rotate__hover infinite linear;
  -moz-animation: 16s rotate__hover infinite linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  will-change: transform;
}
@media (max-width: 499px) {
  .burger img {
    width: 70px;
  }
}
@media (hover: hover) {
  .burger:hover img {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
.burger.active .burger__inner span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.burger.active .burger__inner span:nth-child(2) {
  transform: rotate(45deg);
}
.burger.active .burger__inner span:nth-child(3) {
  transform: rotate(-45deg);
}
.burger.active .burger__inner span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

.page.home .header:not(.white) .burger img,
.page.home .header:not(.white) .logo__text,
body.contacts .header:not(.white) .burger img,
body.contacts .header:not(.white) .logo__text,
body.page404 .header:not(.white) .burger img,
body.page404 .header:not(.white) .logo__text,
.header.mainnav__opened .burger *,
.header.mainnav__opened .logo__text {
  filter: brightness(0) invert(1);
}

body:not(.contacts):not(.page404) .page:not(.home) .header .burger__inner span,
.header.white .burger__inner span {
  background: #232D3E;
}
@-webkit-keyframes rotate__hover {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate__hover {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.page.home .header {
  transform: translateY(-100%);
  transition: transform 1s ease-in-out, top 0.3s ease-in-out, background 0.3s linear;
}

.page.home .header.show {
  transform: translateY(0);
  transform: none;
}

.mainnav {
  display: block;
  position: fixed;
  opacity: 0;
  top: -500vh;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  padding: 0 80px;
  box-sizing: border-box;
  overflow: hidden;
  background: #3381FF url(../images/menu_bg.svg) 650px 62px no-repeat;
  background-size: 915px auto !important;
}
.mainnav.active {
  top: 0;
  opacity: 1;
}
@media (min-width: 1990px) {
  .mainnav {
    background-size: 1215px auto !important;
    background-position: 60% 102px;
  }
}
@media (max-width: 1300px) {
  .mainnav {
    padding: 0 52px 0 65px;
  }
}
@media (max-width: 1100px) {
  .mainnav {
    padding: 0;
  }
}
@media (max-width: 1100px) and (max-height: 800px) {
  .mainnav {
    padding: 0;
    background-size: 800px auto !important;
    background-position: calc(100% + 125px) calc(100% + 75px);
  }
}
@media (max-width: 992px) {
  .mainnav {
    background-size: 700px auto !important;
    background-position: 385px 222px;
  }
}
@media (max-width: 499px) {
  .mainnav {
    background-size: 111% auto !important;
    background-position: calc(100% + 59vw) 250px;
  }
}
.mainnav__in {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 992px) {
  .mainnav__in {
    justify-content: flex-start;
  }
}
.mainnav__in::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}
@media (max-width: 1100px) {
  .mainnav__padding {
    padding: 0 40px 0 130px;
  }
}
@media (max-width: 699px) {
  .mainnav__padding {
    padding: 0 40px 0 80px;
  }
}
@media (max-width: 499px) {
  .mainnav__padding {
    padding: 0 30px;
  }
}
.mainnav__top {
  position: absolute;
  top: 0;
  right: 150px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1600px) {
  .mainnav__top {
    right: calc((100vw - 150px - 80px - 260px - 700px) / 2);
    width: 700px;
  }
}
@media (min-width: 2000px) {
  .mainnav__top {
    right: calc(50% - 350px);
  }
}
@media (max-width: 1220px) and (orientation: portrait), (max-width: 992px) {
  .mainnav__top {
    position: static;
    justify-content: flex-start;
    height: auto;
  }
}
@media (max-width: 1220px) and (orientation: portrait) and (max-height: 1100px), (max-width: 992px) {
  .mainnav__top {
    margin-top: 150px;
  }
}
@media (max-width: 1220px) and (orientation: landscape) {
  .mainnav__top {
    height: 110px;
  }
}
@media (max-width: 1100px) {
  .mainnav__top {
    padding: 0 40px !important;
  }
}
@media (max-width: 499px) {
  .mainnav__top {
    position: relative;
    right: 0;
    margin-top: 158px;
    padding: 0 30px !important;
  }
}
.mainnav__top__search {
  position: relative;
  flex-grow: 1;
  max-width: 550px;
  z-index: 333;
}
@media (max-width: 1240px) and (min-width: 1100px) and (orientation: landscape) {
  .mainnav__top__search {
    max-width: 400px;
  }
}
@media (max-width: 1100px) and (min-width: 992px) and (orientation: landscape) {
  .mainnav__top__search {
    max-width: 300px;
  }
}
.mainnav__top__search .text {
  line-height: 23px;
  padding: 12px 35px 9px 0;
  font-size: 18px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 499px) {
  .mainnav__top__search .text {
    font-size: 16px;
    line-height: 21px;
    padding: 0 25px 10px 0;
  }
}
.mainnav__top__search .text::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.mainnav__top__search .text:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.mainnav__top__search .text::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.mainnav__top__search .button {
  background: url("data:image/svg+xml,%3Csvg width='25' height='27' viewBox='0 0 25 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.1111' cy='11.1111' r='9.61111' stroke='white' stroke-width='3'/%3E%3Cpath d='M23.8885 25L17.7773 18.8889' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A") 100% 0 no-repeat;
  position: absolute;
  height: 100%;
  width: 35px;
  border: 0;
  right: 0;
  top: 0;
}
@media (max-width: 499px) {
  .mainnav__top__search .button {
    background-size: 19px auto;
  }
}
.mainnav__top__lang {
  margin-left: 50px;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
}
@media (max-width: 1100px) {
  .mainnav__top__lang {
    font-size: 22px;
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .mainnav__top__lang {
    position: absolute;
    top: -48px;
    right: 30px;
  }
}
.mainnav__top__lang a {
  color: #fff;
  text-decoration: none;
}
.mainnav__top__lang span {
  font-weight: 700;
}
.mainnav__top__lang > *:last-child {
  margin-left: 6px;
}
@media (max-width: 1100px) {
  .mainnav__top__lang > *:last-child {
    margin-left: 26px;
  }
}
@media (max-width: 499px) {
  .mainnav__top__lang > *:last-child {
    margin-left: 16px;
  }
}

.topmenu {
  margin-top: 120px;
  width: 100%;
  display: flex;
  max-width: 1600px;
}
@media (max-height: 700px) {
  .topmenu {
    margin-top: 110px;
  }
}
@media (max-width: 1100px) {
  .topmenu {
    margin-top: 120px;
    position: relative;
    width: 300vw;
    max-width: none;
    transition-duration: 0.5s;
  }
  .topmenu.level2 {
    transform: translateX(-100vw);
  }
  .topmenu.level3 {
    transform: translateX(-200vw);
  }
}
@media (max-width: 499px) {
  .topmenu {
    margin-top: 85px;
    padding-bottom: 30px;
  }
}
.topmenu li {
  position: relative;
  overflow: hidden;
  list-style: none;
}
.topmenu li.active {
  opacity: 1 !important;
}
.topmenu a {
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1220px) {
  .topmenu a {
    display: block;
    padding-left: 25px;
    position: relative;
    left: -25px;
    transition-duration: 0.3s;
    background: url("data:image/svg+xml,%3Csvg width='14' height='23' viewBox='0 0 14 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333511 19.8311L2.6066 22.1042L13.2132 11.4976L2.6066 0.890957L0.333511 3.16404L8.66703 11.4976L0.333511 19.8311Z' fill='white'/%3E%3C/svg%3E%0A") 0 7px no-repeat;
  }
  .topmenu a:hover, .topmenu li.active a {
    left: 0 !important;
  }
  .topmenu .topmenu__section__left a {
    background-position: 0 3px;
  }
  .topmenu .topmenu__section__right a {
    background-position: 0 0px;
  }
}
@media (min-width: 1500px) and (min-height: 840px) {
  .topmenu .topmenu__main a {
    background-position: 0 12px;
  }
}
.topmenu__main {
  width: 34.37%;
}
@media (max-width: 1100px) {
  .topmenu__main {
    width: 100vw;
    padding: 0 40px 0 130px;
    box-sizing: border-box;
  }
  .topmenu__main ul {
    max-width: 440px;
  }
}
@media (max-width: 699px) {
  .topmenu__main {
    padding: 0 40px 0 80px;
  }
}
@media (max-width: 499px) {
  .topmenu__main {
    padding: 0 30px;
  }
}
.topmenu__main li {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0;
  transform: translateY(4em);
  transition-duration: 0.3s;
  transition-delay: calc(25ms * var(--line-index));
}
@media (min-width: 1500px) and (min-height: 840px) {
  .topmenu__main li {
    font-size: 36px;
    line-height: 50px;
  }
}
@media (max-width: 1220px) and (min-height: 840px) {
  .topmenu__main li {
    line-height: 50px;
  }
}
@media (max-height: 700px) {
  .topmenu__main li {
    font-size: 26px;
  }
}
@media (max-width: 699px) {
  .topmenu__main li {
    font-size: 24px;
    line-height: 40px;
  }
}
.topmenu__main li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-height: 700px) {
  .topmenu__main li:not(:last-child) {
    margin-bottom: 11px;
  }
}
@media (max-width: 699px) {
  .topmenu__main li:not(:last-child) {
    margin-bottom: 25px;
  }
}
.topmenu__sub {
  flex-grow: 1;
}
@media (max-width: 1100px) {
  .topmenu__sub {
    margin-top: 10px;
  }
  .topmenu__sub li {
    opacity: 1 !important;
  }
}
.topmenu__section {
  display: none;
}
.topmenu__section.active {
  display: flex;
}
.topmenu__section__left {
  min-width: 52.38%;
  max-width: 52.38%;
}
@media (max-width: 1100px) {
  .topmenu__section__left {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
  }
  .topmenu__section__left ul {
    max-width: 440px;
  }
}
.topmenu__section__left li {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0.6;
}
.topmenu__section__left li:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-height: 700px) {
  .topmenu__section__left li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 499px) {
  .topmenu__section__left li:not(:last-child) {
    margin-bottom: 30px !important;
  }
}
.topmenu__section__right {
  margin-left: 8%;
}
@media (max-width: 1100px) {
  .topmenu__section__right {
    margin-left: 0;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
  }
}
.topmenu__section__right li {
  font-size: 18px;
  line-height: 25px;
}
.topmenu__section__right li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-height: 700px) {
  .topmenu__section__right li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 499px) {
  .topmenu__section__right li:not(:last-child) {
    margin-bottom: 25px !important;
  }
}
.topmenu__section__child {
  display: none;
}
.topmenu__section__child.active {
  display: block;
}
.topmenu .mobileback {
  display: none;
}
@media (max-width: 1100px) {
  .topmenu .mobileback {
    display: block;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0.02em;
    margin-left: -90px;
    position: absolute;
    margin-top: -72px;
  }
  .topmenu .mobileback a {
    display: flex;
    align-items: center;
    color: #1DD3D9;
  }
}
@media (max-width: 699px) {
  .topmenu .mobileback {
    font-size: 18px;
    margin-left: 0px;
  }
}
@media (max-width: 499px) {
  .topmenu .mobileback {
    font-size: 16px;
    margin-top: -51px;
  }
}
.topmenu .mobileback .arrow__right {
  margin-right: 30px;
}
@media (max-width: 499px) {
  .topmenu .mobileback .arrow__right {
    margin-right: 15px;
  }
}

.mainnav.active .topmenu__main li {
  opacity: 0.6;
  transform: translateY(0);
}
@media (max-width: 1100px) {
  .mainnav.active .topmenu__main li {
    opacity: 1 !important;
  }
}

.path {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 25px;
  color: #DBE1F2;
  z-index: 10;
  position: relative;
}
.path span {
  font-weight: 100;
}
@media (max-width: 1220px) {
  .path__scroll {
    margin: 0 -56px;
    padding: 0 56px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: calc(100vw - 112px);
  }
  .path__scroll::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
    display: none;
  }
}
@media (max-width: 699px) {
  .path__scroll {
    margin: 0 -40px;
    padding: 0 40px;
    width: calc(100vw - 80px);
  }
}
@media (max-width: 499px) {
  .path__scroll {
    margin: 0 -30px;
    padding: 0 30px;
    width: calc(100vw - 60px);
  }
}
.path a {
  color: #DBE1F2;
  text-decoration: none;
  font-weight: 500;
}
.path a:hover {
  text-decoration: underline;
}
.path a.active {
  color: #fff;
  text-decoration: none;
}
.path__showmenu {
  position: relative;
  cursor: pointer;
  padding-right: 32px;
  margin-right: 5px;
}
.path__showmenu::after {
  margin-right: -32px;
  content: "";
  margin-left: 7px;
  display: inline-block;
  width: 22px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg height='10.062' viewBox='0 0 21.25 10.062' width='21.25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m-22830 885 10 8 10-8' fill='none' stroke='%23DBE1F2' stroke-width='2' transform='translate(22830.625 -884.219)'/%3E%3C/svg%3E") 100% 0 no-repeat;
  transition-duration: 0.4s;
}
.path__showmenu.active::after {
  transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg height='10.062' viewBox='0 0 21.25 10.062' width='21.25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m-22830 885 10 8 10-8' fill='none' stroke='%23ffffff' stroke-width='2' transform='translate(22830.625 -884.219)'/%3E%3C/svg%3E") 100% 0 no-repeat;
}
.path__menu {
  left: -2000px;
  top: calc(100% + 7px);
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 0px 50px rgba(35, 45, 62, 0.1);
  padding: 34px 40px 44px 30px;
  transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transition: transform 0.3s, opacity 0.25s;
  opacity: 0;
  max-width: 355px;
}
.path__menu.active {
  left: 0;
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  opacity: 1;
}
@media (max-width: 499px) {
  .path__menu.active {
    left: -30px !important;
    margin-left: 0 !important;
    width: 100vw;
    max-width: none;
  }
}
.path__menu li {
  font-size: 16px;
  line-height: 23px;
}
.path__menu li:not(:last-child) {
  margin-bottom: 15px;
}
.path__menu li a {
  color: #232D3E;
  font-weight: 400;
}

.request {
  background: #3381FF;
  margin-top: 175px;
  padding: 130px 0 93px 0;
  color: #fff;
}
@media (max-width: 992px) {
  .request {
    margin-top: 205px;
    padding: 100px 0 83px 0;
  }
}
@media (max-width: 499px) {
  .request {
    margin-top: 160px;
    padding: 75px 0 80px 0;
  }
}
@media (max-width: 1100px) {
  .request .flex {
    display: block;
    padding-left: 86px;
  }
}
@media (max-width: 699px) {
  .request .flex {
    padding-left: 0;
  }
}
.request--white {
  background: #fff;
  color: #232D3E;
  margin-top: 130px;
  padding: 0;
}
@media (max-width: 992px) {
  .request--white {
    margin-top: 102px;
  }
}
@media (max-width: 499px) {
  .request--white {
    margin-top: 74px;
  }
}
.request__head {
  font-size: 22px;
  line-height: 30px;
  max-width: 570px;
  height: 100%;
}
@media (max-width: 992px) {
  .request__head {
    font-size: 20px;
  }
}
@media (max-width: 499px) {
  .request__head {
    font-size: 18px;
    line-height: 25px;
  }
}
.request__head p:not(:last-child):not(.request__head__title) {
  margin-bottom: 15px;
}
.request__head__title {
  font-weight: 100;
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .request__head__title {
    font-size: 60px;
    margin-bottom: 32px;
  }
}
@media (max-width: 499px) {
  .request__head__title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 23px;
  }
}
.request__form {
  max-width: 483px;
  min-width: 470px;
  margin-left: 113px;
  position: relative;
}
@media (max-width: 1100px) {
  .request__form {
    margin-left: 0;
    margin-top: 54px;
  }
}
@media (max-width: 992px) {
  .request__form {
    min-width: 0px;
  }
}
@media (max-width: 499px) {
  .request__form {
    margin-top: 44px;
  }
}
.request__form__info {
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: right top;
  position: absolute;
  font-size: 18px;
  line-height: 120%;
  color: #A7ACBC;
  right: -45px;
  top: 20px;
}
@media (max-width: 499px) {
  .request__form__info {
    font-size: 16px;
    right: -25px;
    top: 48px;
  }
}
.request__form .float_label {
  position: relative;
  padding-top: 20px;
  margin-bottom: 30px;
}
@media (max-width: 499px) {
  .request__form .float_label {
    margin-bottom: 17px;
    padding-top: 14px;
  }
}
.request__form .float_label label {
  position: absolute;
  font-weight: normal;
  left: 0;
  top: 28px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.02em;
  cursor: text;
}
@media (max-width: 499px) {
  .request__form .float_label label {
    font-size: 16px;
    top: 24px;
  }
}
.request__form .float_label .req {
  color: #3381FF;
}
.request__form .float_label.focused label, .request__form .float_label.populated label {
  top: 0;
  font-weight: 400;
  font-size: 16px;
  color: #8491A6;
}
.request__form .float_label.focused label .req, .request__form .float_label.populated label .req {
  color: #8491A6;
}
@media (max-width: 499px) {
  .request__form .float_label.focused label, .request__form .float_label.populated label {
    font-size: 14px;
  }
}
.request__form .float_label input, .request__form .float_label label {
  transition: 0.1s ease-in-out;
}
.request__form .float_label input.text, .request__form .float_label textarea {
  background: transparent;
  font-size: 18px;
  color: #232D3E;
  font-weight: bold;
  line-height: 40px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #3381FF;
}
@media (max-width: 499px) {
  .request__form .float_label input.text, .request__form .float_label textarea {
    font-size: 16px;
    line-height: 38px;
  }
}
.request__form .float_label textarea {
  height: 22px;
  padding: 9px 0;
  line-height: 22px;
}
@media (max-width: 499px) {
  .request__form .float_label textarea {
    font-size: 16px;
    line-height: 20px;
  }
}
.request__form .float_label input.text.error {
  border-bottom-color: red;
}
.request__form .float_label p.message__error {
  width: 100%;
  position: absolute;
  margin: 3px 0 0 0;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: red;
}
@media (max-width: 499px) {
  .request__form .float_label p.message__error {
    font-size: 14px;
    margin: 0;
  }
}
.request__form .submit {
  cursor: pointer;
  width: 270px;
  color: #fff;
  position: relative;
  background: #3381FF;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  height: 60px;
  transition-duration: 0.3s;
  margin-top: 79px;
}
@media (max-width: 499px) {
  .request__form .submit {
    margin-top: 69px;
    width: 100%;
  }
}
@media (hover: hover) {
  .request__form .submit:hover {
    background: #5B99FF;
  }
}
.request__form .submit span {
  transform: none;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-duration: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.request__form .submit span + span {
  transform: translate3d(0, 33%, 1px) rotateX(-90deg);
}
@media (hover: hover) {
  .request__form .submit:hover span {
    transform: translate3d(0, -33%, 1px) rotateX(-90deg);
  }
  .request__form .submit:hover span + span {
    transform: none;
  }
}
.request__form .agree {
  font-size: 18px;
  line-height: 25px;
  margin-top: 17px;
  max-width: 405px;
}
@media (max-width: 499px) {
  .request__form .agree {
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
  }
}
.request__form .agree span {
  color: #99C0FF;
}
.request--vortex {
  padding: 74px 0 110px 0;
  background: #3381FF url(../images/menu_bg.svg) calc((100vw - 1440px) / 2 - 330px) calc(50% - 25px)/915px auto no-repeat;
  margin-top: 0;
}
@media (max-width: 1100px) {
  .request--vortex {
    background-size: 600px auto;
    background-position: -262px 50%;
  }
}
@media (max-width: 992px) {
  .request--vortex {
    padding: 59px 0 80px 0;
  }
}
@media (max-width: 599px) {
  .request--vortex {
    background-size: 400px auto;
    background-position: 50% -192px;
    padding: 0 0 60px 0;
  }
}
@media (max-width: 1100px) {
  .request--vortex .flex {
    display: flex;
    padding-left: 0;
  }
}
@media (max-width: 599px) {
  .request--vortex .flex {
    display: block;
  }
}
.request--vortex .container {
  position: relative;
}
.request--vortex .request__title {
  position: absolute;
  left: -197px;
  top: calc(50% - 203px);
  display: block;
}
@media (max-width: 1100px) {
  .request--vortex .request__title {
    width: 270px;
    min-width: 270px;
    height: auto;
    left: -184px;
    top: calc(50% - 120px);
  }
}
@media (max-width: 599px) {
  .request--vortex .request__title {
    width: 170px;
    min-width: 170px;
    left: calc(50% - 85px);
    top: -77px;
  }
}
.request--vortex .request__head {
  min-width: 400px;
  height: auto;
}
@media (max-width: 1100px) {
  .request--vortex .request__head {
    min-width: 170px;
  }
}
@media (max-width: 599px) {
  .request--vortex .request__head {
    height: 146px;
  }
}
.request--vortex .request__form {
  max-width: 670px;
  margin-left: 0;
}
@media (max-width: 1100px) {
  .request--vortex .request__form {
    margin-top: 0;
    margin-right: 15px;
  }
}
.request--vortex .submit {
  float: left;
}
.request--vortex .agree {
  float: left;
  margin: 84px -50px 0 30px;
}
@media (max-width: 992px) {
  .request--vortex .agree {
    margin: 17px 0 0 0;
  }
}
.request--white .request__head__title {
  color: #3381FF;
}
.request--blue .request__form .float_label input.text, .request--blue .request__form .float_label textarea {
  border-bottom-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.request--blue .request__form .float_label input.text.error {
  border-bottom-color: rgba(255, 0, 0, 0.35);
}
.request--blue .request__form .float_label.focused label, .request--blue .request__form .float_label.populated label, .request--blue .request__form__info, .request--blue .request__form__info .req {
  color: rgba(255, 255, 255, 0.5);
}
.request--blue .request__form .req, .request--blue .request__form a {
  color: #fff;
}
.request--blue .request__form .submit {
  border: 1px solid #fff;
}
.request--blue .request__form .float_label p.message__error {
  color: #FF7878;
}

.arrow__right {
  width: 70px;
  display: block;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='8' viewBox='0 0 71 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3536 4.35355C70.5488 4.15829 70.5488 3.84171 70.3536 3.64645L67.1716 0.464466C66.9763 0.269204 66.6597 0.269204 66.4645 0.464466C66.2692 0.659728 66.2692 0.976311 66.4645 1.17157L69.2929 4L66.4645 6.82843C66.2692 7.02369 66.2692 7.34027 66.4645 7.53553C66.6597 7.7308 66.9763 7.7308 67.1716 7.53553L70.3536 4.35355ZM0 4.5H70V3.5H0V4.5Z' fill='%23A7ACBC'/%3E%3C/svg%3E%0A");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  position: relative;
  transition-duration: 0.3s;
  left: 0;
}
@media (max-width: 992px) {
  .arrow__right {
    width: 60px;
  }
}
.arrow__right::before {
  transition-duration: 0.3s;
  width: 0;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 8px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='8' viewBox='0 0 71 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3536 4.35355C70.5488 4.15829 70.5488 3.84171 70.3536 3.64645L67.1716 0.464466C66.9763 0.269204 66.6597 0.269204 66.4645 0.464466C66.2692 0.659728 66.2692 0.976311 66.4645 1.17157L69.2929 4L66.4645 6.82843C66.2692 7.02369 66.2692 7.34027 66.4645 7.53553C66.6597 7.7308 66.9763 7.7308 67.1716 7.53553L70.3536 4.35355ZM0 4.5H70V3.5H0V4.5Z' fill='%233381FF'/%3E%3C/svg%3E%0A");
}
.arrow__right--short {
  width: 55px;
}
@media (max-width: 499px) {
  .arrow__right--short {
    width: 40px;
  }
}
.arrow__right--bigger {
  width: 72px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='16' viewBox='0 0 72 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.8316 8.70711C71.2221 8.31658 71.2221 7.68342 70.8316 7.29289L64.4677 0.928932C64.0771 0.538408 63.444 0.538408 63.0534 0.928932C62.6629 1.31946 62.6629 1.95262 63.0534 2.34315L68.7103 8L63.0534 13.6569C62.6629 14.0474 62.6629 14.6805 63.0534 15.0711C63.444 15.4616 64.0771 15.4616 64.4677 15.0711L70.8316 8.70711ZM0.124512 9H70.1245V7H0.124512V9Z' fill='%23A7ACBC'/%3E%3C/svg%3E%0A");
}
.arrow__right--bigger::before {
  width: 72px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='16' viewBox='0 0 72 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.8316 8.70711C71.2221 8.31658 71.2221 7.68342 70.8316 7.29289L64.4677 0.928932C64.0771 0.538408 63.444 0.538408 63.0534 0.928932C62.6629 1.31946 62.6629 1.95262 63.0534 2.34315L68.7103 8L63.0534 13.6569C62.6629 14.0474 62.6629 14.6805 63.0534 15.0711C63.444 15.4616 64.0771 15.4616 64.4677 15.0711L70.8316 8.70711ZM0.124512 9H70.1245V7H0.124512V9Z' fill='%233381FF'/%3E%3C/svg%3E%0A");
}
@media (max-width: 499px) {
  .arrow__right--bigger {
    width: 50px;
  }
}
.arrow__right--filled::before {
  width: 100%;
}
@media (hover: hover) {
  .arrow__right--moving:hover {
    left: 20px;
  }
}
.arrow__right--reverse {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.arrow__right--white {
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='8' viewBox='0 0 71 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3536 4.35355C70.5488 4.15829 70.5488 3.84171 70.3536 3.64645L67.1716 0.464466C66.9763 0.269204 66.6597 0.269204 66.4645 0.464466C66.2692 0.659728 66.2692 0.976311 66.4645 1.17157L69.2929 4L66.4645 6.82843C66.2692 7.02369 66.2692 7.34027 66.4645 7.53553C66.6597 7.7308 66.9763 7.7308 67.1716 7.53553L70.3536 4.35355ZM0 4.5H70V3.5H0V4.5Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.arrow__right--cyan {
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='8' viewBox='0 0 71 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3536 4.35355C70.5488 4.15829 70.5488 3.84171 70.3536 3.64645L67.1716 0.464466C66.9763 0.269204 66.6597 0.269204 66.4645 0.464466C66.2692 0.659728 66.2692 0.976311 66.4645 1.17157L69.2929 4L66.4645 6.82843C66.2692 7.02369 66.2692 7.34027 66.4645 7.53553C66.6597 7.7308 66.9763 7.7308 67.1716 7.53553L70.3536 4.35355ZM0 4.5H70V3.5H0V4.5Z' fill='%231DD3D9'/%3E%3C/svg%3E%0A");
}
.arrow__right--cyan::before {
  display: none !important;
}
.arrow__right--inline {
  display: inline-block;
  margin-left: 15px;
}

.swiper-button-disabled .arrow__right::before {
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='8' viewBox='0 0 71 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.3536 4.35355C70.5488 4.15829 70.5488 3.84171 70.3536 3.64645L67.1716 0.464466C66.9763 0.269204 66.6597 0.269204 66.4645 0.464466C66.2692 0.659728 66.2692 0.976311 66.4645 1.17157L69.2929 4L66.4645 6.82843C66.2692 7.02369 66.2692 7.34027 66.4645 7.53553C66.6597 7.7308 66.9763 7.7308 67.1716 7.53553L70.3536 4.35355ZM0 4.5H70V3.5H0V4.5Z' fill='%23A7ACBC'/%3E%3C/svg%3E%0A") !important;
}
.swiper-button-disabled .arrow__right:hover {
  left: 0 !important;
}

@media (hover: hover) {
  a:hover .arrow__right::before {
    width: 100%;
  }
  a:hover .arrow__right--moving {
    left: 20px;
  }
}
#goUp {
  margin-top: 80px;
  transition-duration: 0.3s;
  right: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #3381FF;
  position: absolute;
  font-size: 16px;
  line-height: 35px;
  transform-origin: right bottom;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
@media (max-width: 699px) {
  #goUp {
    right: 16px;
  }
}
@media (max-width: 599px) {
  #goUp {
    margin-top: -80px;
  }
}
#goUp .arrow__right {
  margin-right: 25px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
@media (max-width: 699px) {
  #goUp .arrow__right {
    margin-right: 15px;
  }
}
@media (max-width: 599px) {
  #goUp .arrow__right {
    width: 55px;
  }
}
#goUp .arrow__right::before {
  width: 100%;
}
@media (hover: hover) {
  #goUp:hover {
    margin-top: 60px;
  }
}

.arrow__bottom {
  width: 16px;
  height: 11px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1421 1.67114L8.07107 8.74221L1 1.67114' stroke='%233381FF' stroke-width='2'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  transition-duration: 0.3s;
}

.icon__cross {
  width: 21px;
  height: 21px;
  display: inline-block;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.95993 18.9326L19.6376 1.25492M19.6376 18.9326L1.95993 1.25492' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
}

.arrow__circle {
  width: 43px;
  height: 36px;
  display: inline-block;
  position: relative;
}
@media (max-width: 499px) {
  .arrow__circle {
    width: 35px;
    height: 32px;
  }
}
.arrow__circle::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 100%;
}
@media (max-width: 499px) {
  .arrow__circle::before {
    width: 32px;
    height: 32px;
  }
}
.arrow__circle span {
  width: 32px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6934 8.67244C32.084 8.28191 32.084 7.64875 31.6934 7.25822L25.3295 0.894262C24.9389 0.503738 24.3058 0.503738 23.9153 0.894262C23.5247 1.28479 23.5247 1.91795 23.9153 2.30848L29.5721 7.96533L23.9153 13.6222C23.5247 14.0127 23.5247 14.6459 23.9153 15.0364C24.3058 15.4269 24.939 15.4269 25.3295 15.0364L31.6934 8.67244ZM0.986328 8.96533L30.9863 8.96533L30.9863 6.96533L0.986328 6.96533L0.986328 8.96533Z' fill='%233381FF'/%3E%3C/svg%3E%0A") 0 50% no-repeat;
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 499px) {
  .arrow__circle span {
    width: 26px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7071 8.2071C25.0976 7.81658 25.0976 7.18342 24.7071 6.79289L18.3431 0.428931C17.9526 0.0384062 17.3195 0.0384063 16.9289 0.428931C16.5384 0.819455 16.5384 1.45262 16.9289 1.84314L22.5858 7.5L16.9289 13.1569C16.5384 13.5474 16.5384 14.1805 16.9289 14.5711C17.3195 14.9616 17.9526 14.9616 18.3431 14.5711L24.7071 8.2071ZM8.74228e-08 8.5L24 8.5L24 6.5L-8.74228e-08 6.5L8.74228e-08 8.5Z' fill='%233381FF'/%3E%3C/svg%3E%0A");
    background-size: 100% auto;
    top: calc(50% - 8px);
  }
}
@media (hover: hover) {
  .arrow__circle:hover span {
    left: 10px;
  }
}

.swiper-button-disabled .arrow__circle span {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6934 8.67244C32.084 8.28191 32.084 7.64875 31.6934 7.25822L25.3295 0.894262C24.9389 0.503738 24.3058 0.503738 23.9153 0.894262C23.5247 1.28479 23.5247 1.91795 23.9153 2.30848L29.5721 7.96533L23.9153 13.6222C23.5247 14.0127 23.5247 14.6459 23.9153 15.0364C24.3058 15.4269 24.939 15.4269 25.3295 15.0364L31.6934 8.67244ZM0.986328 8.96533L30.9863 8.96533L30.9863 6.96533L0.986328 6.96533L0.986328 8.96533Z' fill='%23A7ACBC'/%3E%3C/svg%3E%0A");
}
@media (max-width: 499px) {
  .swiper-button-disabled .arrow__circle span {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7071 8.2071C25.0976 7.81658 25.0976 7.18342 24.7071 6.79289L18.3431 0.428931C17.9526 0.0384062 17.3195 0.0384063 16.9289 0.428931C16.5384 0.819455 16.5384 1.45262 16.9289 1.84314L22.5858 7.5L16.9289 13.1569C16.5384 13.5474 16.5384 14.1805 16.9289 14.5711C17.3195 14.9616 17.9526 14.9616 18.3431 14.5711L24.7071 8.2071ZM8.74228e-08 8.5L24 8.5L24 6.5L-8.74228e-08 6.5L8.74228e-08 8.5Z' fill='%23A7ACBC'/%3E%3C/svg%3E%0A");
  }
}

.swiper-button-disabled .arrow__circle:hover span {
  left: 0 !important;
}

.button {
  display: inline-block;
  cursor: pointer;
  width: 230px;
  color: #3381FF;
  position: relative;
  border: 1px solid #3381FF;
  font-weight: 600;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  height: 60px;
  transition-duration: 0.3s;
}
@media (max-width: 499px) {
  .button {
    width: 100%;
  }
}
.button--wide {
  width: 350px;
}
@media (max-width: 499px) {
  .button--wide {
    width: 100%;
  }
}
.button span {
  transform: none;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-duration: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.button span + span {
  transform: translate3d(0, 33%, 1px) rotateX(-90deg);
}
@media (hover: hover) {
  .button:hover span {
    transform: translate3d(0, -33%, 1px) rotateX(-90deg);
  }
  .button:hover span + span {
    transform: none;
  }
}

.footer {
  background: #F0F1F5;
  margin-top: 240px;
  position: relative;
  z-index: 30;
}
@media (max-width: 992px) {
  .footer {
    margin-top: 215px;
  }
}
.footer img {
  display: block;
}
.footer .container {
  position: relative;
}
@media (max-width: 1220px) {
  .footer .container {
    padding-left: 85px;
  }
}
@media (max-width: 767px) {
  .footer .container {
    padding-left: 0;
  }
}
@media (max-width: 599px) {
  .footer {
    text-align: center;
  }
}
.footer__contacts {
  position: relative;
  top: -49px;
  margin-bottom: 41px;
  display: flex;
  justify-content: space-between;
  padding-right: 32px;
}
@media (max-width: 1220px) {
  .footer__contacts {
    display: block;
    margin-bottom: 23px;
    padding-right: 0;
  }
}
@media (max-width: 1220px) {
  .footer__contacts__col:first-child {
    margin-bottom: 26px;
  }
}
@media (max-width: 499px) {
  .footer__contacts__col:first-child {
    margin-bottom: 33px;
  }
}
@media (max-width: 992px) {
  .footer__contacts {
    top: -46px;
    margin-bottom: 28px;
  }
}
@media (max-width: 499px) {
  .footer__contacts {
    top: -40px;
    margin-bottom: 16px;
  }
}
.footer__contacts > div:first-child {
  order: 2;
}
.footer__contacts > div:last-child {
  order: 1;
}
.footer__contacts .label {
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: -1px;
}
@media (max-width: 699px) {
  .footer__contacts .label {
    margin-bottom: 6px;
  }
}
@media (max-width: 599px) {
  .footer__contacts .label {
    font-size: 16px;
  }
}
.footer__contacts .link {
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .footer__contacts .link {
    font-size: 45px;
  }
}
@media (max-width: 699px) {
  .footer__contacts .link {
    font-size: 42px;
  }
}
@media (max-width: 599px) {
  .footer__contacts .link {
    font-size: 36px;
  }
}
@media (max-width: 499px) {
  .footer__contacts .link {
    font-size: 26px;
  }
}
.footer__contacts .link a {
  text-decoration: none;
  color: #3381FF;
}
.footer__cols {
  display: flex;
  margin-bottom: 38px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .footer__cols {
    margin-bottom: 47px;
  }
}
@media (max-width: 699px) {
  .footer__cols {
    margin-bottom: 27px;
  }
}
@media (max-width: 599px) {
  .footer__cols {
    display: block;
  }
}
@media (max-width: 499px) {
  .footer__cols {
    margin-bottom: 37px;
  }
}
.footer__cols__menu {
  width: calc(50% - 10px);
}
@media (min-width: 1220px) {
  .footer__cols__menu {
    order: 3;
    width: 270px;
  }
}
@media (max-width: 599px) {
  .footer__cols__menu {
    width: auto;
  }
  .footer__cols__menu:first-child {
    margin-bottom: 28px;
  }
}
.footer__cols__menu li {
  font-weight: 300;
  font-size: 24px;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media (max-width: 699px) {
  .footer__cols__menu li {
    font-size: 22px;
    line-height: 28px;
  }
}
.footer__cols__menu li:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 699px) {
  .footer__cols__menu li:not(:last-child) {
    margin-bottom: 27px;
  }
}
@media (max-width: 499px) {
  .footer__cols__menu li:not(:last-child) {
    margin-bottom: 22px;
  }
}
.footer__cols__menu li a {
  color: #3381FF;
  text-decoration: none;
}
@media (hover: hover) {
  .footer__cols__menu li a:hover {
    text-decoration: underline;
  }
}
.footer__cols__menu li ul {
  margin-top: 17px;
}
@media (max-width: 499px) {
  .footer__cols__menu li ul {
    margin-top: 13px;
  }
}
.footer__cols__menu li ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-transform: none;
  letter-spacing: 0;
}
@media (max-width: 699px) {
  .footer__cols__menu li ul li {
    line-height: 20px;
  }
}
.footer__cols__menu li ul li:not(:last-child) {
  margin-bottom: 0;
}
@media (max-width: 699px) {
  .footer__cols__menu li ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.footer__cols__menu li ul li a {
  color: #232D3E;
}
.footer__cols__about {
  color: #A7ACBC;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1220px) {
  .footer__cols__about {
    order: 1;
    width: 370px;
  }
}
@media (max-width: 1220px) {
  .footer__cols__about {
    margin-top: 40px;
    flex-grow: 1;
    max-width: 770px;
  }
}
.footer__cols__about .footer__logo {
  margin-bottom: 21px;
}
@media (max-width: 599px) {
  .footer__cols__about .footer__logo {
    display: flex;
    justify-content: center;
  }
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 27px;
}
@media (max-width: 992px) {
  .footer__bottom {
    padding-bottom: 32px;
  }
}
@media (max-width: 499px) {
  .footer__bottom {
    padding-bottom: 40px;
  }
}
@media (max-width: 599px) {
  .footer__bottom {
    display: block;
  }
}

.content__head {
  background: #3381FF;
  padding: 68px 0 84px 0;
  position: relative;
  z-index: 30;
}
@media (max-width: 1100px) {
  .content__head {
    padding: 48px 0 52px 0;
  }
}
@media (max-width: 499px) {
  .content__head {
    padding: 48px 0 57px 0;
  }
}
.content__head h1 {
  font-weight: 200;
  font-size: 55px;
  line-height: 65px;
  color: #fff;
  margin: 0 -20px 0 0;
  opacity: 0;
  max-width: 1070px;
}
@media (max-width: 992px) {
  .content__head h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 699px) {
  .content__head h1 {
    font-size: 36px;
    line-height: 1.18;
  }
}
@media (max-width: 499px) {
  .content__head h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.content__head h1[data-scroll=in] {
  opacity: 1;
}
.content__head h1 .word {
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
  opacity: 0;
  transform: translateY(1em);
}
.content__head h1[data-scroll=in] .word {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(100ms * var(--line-index)) !important;
}
.content__head--bigger h1 {
  text-transform: uppercase;
  font-size: 90px;
  line-height: 110px;
  letter-spacing: 0.02em;
  max-width: none;
}
@media (max-width: 1220px) {
  .content__head--bigger h1 {
    font-size: 70px;
    line-height: 125%;
  }
}
@media (max-width: 992px) {
  .content__head--bigger h1 {
    font-size: 60px;
  }
}
@media (max-width: 699px) {
  .content__head--bigger h1 {
    font-size: 44px;
  }
}
@media (max-width: 499px) {
  .content__head--bigger h1 {
    font-size: 32px;
    line-height: 45px;
  }
}
.content__head__back {
  position: absolute;
  bottom: -55px;
  display: flex;
  font-size: 16px;
  line-height: 35px;
  letter-spacing: 0.02em;
  align-items: center;
  cursor: pointer;
  color: #3381FF;
  text-decoration: none;
}
.content__head__back .arrow__right {
  margin-right: 15px;
  left: 0;
}
@media (max-width: 992px) {
  .content__head__back {
    line-height: 16px;
    bottom: -33px;
    margin-left: -25px;
  }
}
@media (max-width: 499px) {
  .content__head__back {
    margin-left: -20px;
  }
}
@media (hover: hover) {
  .content__head__back:hover .arrow__right {
    left: -20px;
  }
}
.content__head--search {
  padding: 81px 0 57px 0;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .content__head--search {
    padding: 58px 0 47px 0;
  }
}
@media (max-width: 499px) {
  .content__head--search {
    padding: 43px 0 42px 0;
  }
}
.content__head--search .label {
  font-size: 16px;
  line-height: 25px;
  color: #FFFFFF;
  margin-top: 21px;
}
@media (max-width: 992px) and (min-width: 499px) {
  .content__head--search .label {
    margin-top: 15px;
  }
}
.content__head--search fieldset {
  max-width: 100%;
  box-sizing: border-box;
}
.content__head--search .search__value {
  font-weight: 700;
  font-size: 55px;
  line-height: 65px;
  height: 65px;
  color: #fff;
  display: table;
  position: relative;
  max-width: calc(100% - 50px);
  text-transform: lowercase;
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
  opacity: 0;
  text-transform: lowercase;
  transform: translateY(1em);
  transition-delay: 0.15s !important;
}
.content__head--search .search__value[data-scroll=in] {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 992px) {
  .content__head--search .search__value {
    font-size: 40px;
    line-height: 50px;
    height: 50px;
  }
}
@media (max-width: 499px) {
  .content__head--search .search__value {
    font-size: 30px;
    line-height: 35px;
    height: 35px;
  }
}
.content__head--search .search__value div {
  margin-right: 45px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.content__head--search .search__value .icon__cross {
  position: absolute;
  right: 0;
  bottom: 20px;
}
@media (max-width: 992px) {
  .content__head--search .search__value .icon__cross {
    bottom: 13px;
  }
}
@media (max-width: 499px) {
  .content__head--search .search__value .icon__cross {
    bottom: 7px;
  }
}
.content__head--search .search__input {
  display: none;
  font-weight: 700;
  font-size: 55px;
  line-height: 65px;
  border: 0;
  background: transparent;
  max-width: calc(100vw - 60px);
  min-width: 100px;
  color: #fff;
}
.content__head--search .search__input.active {
  display: block;
}
@media (max-width: 992px) {
  .content__head--search .search__input {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 992px) {
  .content__head--search .search__input {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 499px) {
  .content__head--search .search__input {
    font-size: 30px;
    line-height: 35px;
  }
}
.content__head__vortex {
  position: absolute;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}
.content__head__vortex div {
  width: 940px;
  height: 940px;
  position: absolute;
  top: -160px;
  right: calc((100vw - 1170px) / 2 - 90px);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 1220px) {
  .content__head__vortex div {
    width: 85.28vw;
    height: 85.28vw;
    right: 0;
    max-width: 940px;
    top: -14.32vw;
  }
}
@media (max-width: 499px) {
  .content__head__vortex div {
    width: 130vw;
    height: 130vw;
    right: auto;
    left: -4px;
    top: -10.2vw;
  }
}
.content__head__pic {
  position: absolute;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}
.content__head__pic div {
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
}
.content__head__pic--metro div {
  width: 538px;
  height: 530px;
  top: calc(50% - 265px);
  right: calc((100vw - 1170px) / 2 + 107px);
}
@media (max-width: 1220px) {
  .content__head__pic--metro div {
    width: 39.58vw;
    height: 39.58vw;
    right: 12.36vw;
    top: auto;
    bottom: -35px;
  }
}
@media (max-width: 499px) {
  .content__head__pic--metro div {
    width: 130px;
    height: 130px;
    right: 15.27vw;
    bottom: -15px;
  }
}
.content__head__pic--sea div {
  width: 730px;
  height: 415px;
  top: calc(50% - 207.5px);
  right: calc((100vw - 1170px) / 2 - 80px);
}
@media (max-width: 1220px) {
  .content__head__pic--sea div {
    width: 485px;
    height: 277px;
    right: 13px;
    top: calc(50% - 138.5px);
  }
}
@media (max-width: 499px) {
  .content__head__pic--sea div {
    width: 320px;
    height: 182px;
    right: 12px;
    top: auto;
    bottom: 18px;
  }
}
.content__head__pic--neftegaz div {
  width: 320px;
  height: 515px;
  top: -58px;
  right: calc((100vw - 1170px) / 2 + 75px);
}
@media (max-width: 1220px) {
  .content__head__pic--neftegaz div {
    width: 215px;
    height: 345px;
    right: 128px;
    top: calc(50% - 172.5px);
  }
}
@media (max-width: 499px) {
  .content__head__pic--neftegaz div {
    width: 143px;
    height: 231px;
    right: 75px;
    top: calc(50% - 115.5px);
  }
}
.content__head__pic--energy div {
  width: 270px;
  height: 254px;
  top: calc(50% - 127px);
  right: calc((100vw - 1170px) / 2 + 135px);
}
@media (max-width: 1220px) {
  .content__head__pic--energy div {
    width: 180px;
    height: 170px;
    right: 99px;
    top: calc(50% - 85px);
  }
}
@media (max-width: 499px) {
  .content__head__pic--energy div {
    width: 130px;
    height: 123px;
    right: 15px;
    top: calc(50% - 61.5px);
  }
}
.content__head__pic--chemical div {
  width: 496px;
  height: 556px;
  top: -90px;
  right: calc((100vw - 1170px) / 2 + 14px);
}
@media (max-width: 1220px) {
  .content__head__pic--chemical div {
    width: 300px;
    height: 336px;
    right: 18px;
    top: calc(50% - 168px);
  }
}
@media (max-width: 499px) {
  .content__head__pic--chemical div {
    width: 166px;
    height: 186px;
    right: 7px;
    top: -6px;
  }
}
.content__head__pic--selhoz div {
  width: 370px;
  height: 313px;
  top: -21px;
  right: calc((100vw - 1170px) / 2 - 64px);
}
@media (max-width: 1220px) {
  .content__head__pic--selhoz div {
    width: 280px;
    height: 237px;
    top: calc(50% - 118.5px);
    right: 23px;
  }
}
@media (max-width: 576px) {
  .content__head__pic--selhoz div {
    width: 180px;
    height: 152px;
    right: 3.33vw;
    top: calc(50% - 76px);
  }
}
.content__head__pic--avtozavod div {
  width: 890px;
  height: 376px;
  top: -27px;
  right: calc((100vw - 1170px) / 2 - 245px);
}
@media (max-width: 1220px) {
  .content__head__pic--avtozavod div {
    width: 580px;
    height: 245px;
    top: calc(50% - 122.5px);
    right: -129px;
  }
}
@media (max-width: 499px) {
  .content__head__pic--avtozavod div {
    width: 355px;
    height: 150px;
    right: auto;
    left: -10px;
    top: auto;
    bottom: -11px;
  }
}
.content__head__pic--sushka div {
  width: 370px;
  height: 402px;
  top: 9px;
  right: calc((100vw - 1170px) / 2 - 10px);
}
@media (max-width: 1220px) {
  .content__head__pic--sushka div {
    width: 245px;
    height: 266px;
    top: 16px;
    right: 28px;
  }
}
@media (max-width: 699px) {
  .content__head__pic--sushka div {
    width: 200px;
    height: 218;
    top: 16px;
  }
}
@media (max-width: 499px) {
  .content__head__pic--sushka div {
    width: 165px;
    height: 152px;
    right: 10px;
    top: calc(50% - 76px);
  }
}
@media (min-width: 1220px) {
  .content__head__pic--metro + .content__head__vortex div {
    width: 1230px;
    height: 1230px;
    top: -400px;
    right: calc((100vw - 1170px) / 2 - 300px);
  }
}
@media (max-width: 1220px) {
  .content__head__pic--metro + .content__head__vortex div {
    top: -300px;
    right: -150px;
  }
}
@media (max-width: 992px) {
  .content__head__pic--metro + .content__head__vortex div {
    top: -121px;
    right: -14.32vw;
  }
}
@media (max-width: 499px) {
  .content__head__pic--metro + .content__head__vortex div {
    top: -37px;
    right: -105px;
  }
}
@media (min-width: 1220px) {
  .content__head__pic--neftegaz + .content__head__vortex div {
    width: 884px;
    height: 884px;
    top: -160px;
    right: calc((100vw - 1170px) / 2 - 264px);
  }
}
@media (max-width: 1220px) {
  .content__head__pic--neftegaz + .content__head__vortex div {
    width: 655px;
    height: 655px;
    top: -112px;
    right: -130px;
  }
}
@media (max-width: 499px) {
  .content__head__pic--neftegaz + .content__head__vortex div {
    width: 469px;
    height: 469px;
    top: -37px;
    right: -105px;
  }
}
@media (min-width: 1220px) {
  .content__head__pic--energy + .content__head__vortex div {
    width: 730px;
    height: 730px;
    top: -210px;
    left: auto !important;
    right: calc((100vw - 1170px) / 2 - 125px);
  }
}
@media (max-width: 1220px) {
  .content__head__pic--energy + .content__head__vortex div {
    width: 473px;
    height: 473px;
    top: calc(50% - 236.5px);
    left: auto !important;
    right: -60px;
  }
}
@media (max-width: 499px) {
  .content__head__pic--energy + .content__head__vortex div {
    width: 325px;
    height: 325px;
    top: calc(50% - 162.5px);
    right: -90px;
  }
}

.documents {
  background: #3381FF;
  overflow: hidden;
}
.documents .flex {
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 699px) {
  .documents .flex {
    display: block;
    padding-top: 37px;
  }
}
.documents__head {
  color: #fff;
}
.documents__head__slogan {
  font-weight: 600;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.02em;
  max-width: 445px;
  margin-bottom: 67px;
}
@media (max-width: 1100px) {
  .documents__head__slogan {
    max-width: none;
    margin-bottom: 56px;
  }
}
@media (max-width: 499px) {
  .documents__head__slogan {
    font-size: 26px;
    margin-bottom: 41px;
  }
}
.documents__head__title {
  font-weight: 100;
  font-size: 70px;
  line-height: 200px;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .documents__head__title {
    line-height: 130px;
    font-size: 40px;
    text-align: center;
  }
}
@media (max-width: 699px) {
  .documents__head__title {
    line-height: 150px;
  }
}
.documents__head__title .vortex {
  position: absolute;
  left: calc(50% - 152px);
  top: calc(50% - 152px);
  z-index: -1;
  width: 305px;
  height: auto;
}
@media (max-width: 992px) {
  .documents__head__title .vortex {
    width: 180px;
    left: calc(50% - 90px);
    top: calc(50% - 90px);
  }
}
@media (max-width: 699px) {
  .documents__head__title .vortex {
    width: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
  }
}
.documents__text {
  padding: 72px 0;
  width: calc(50% - 10px);
}
@media (max-width: 992px) {
  .documents__text {
    padding: 45px 0;
    width: calc(100% - 275px);
  }
}
@media (max-width: 699px) {
  .documents__text {
    width: auto;
    text-align: center;
  }
}
@media (max-width: 499px) {
  .documents__text {
    padding: 21px 0 35px 0;
  }
}
.documents__text .file {
  font-size: 26px;
  line-height: 150%;
  text-decoration: none;
  color: #fff;
  display: block;
  display: flex;
  text-align: left;
  position: relative;
  padding-left: 102px;
}
@media (max-width: 992px) {
  .documents__text .file {
    font-size: 22px;
    line-height: 30px;
    position: relative;
    padding-left: 65px;
  }
}
@media (max-width: 699px) {
  .documents__text .file:only-child {
    max-width: 320px;
    display: inline-flex;
  }
}
@media (max-width: 499px) {
  .documents__text .file {
    font-size: 18px;
    line-height: 25px;
  }
}
.documents__text .file:not(:last-child) {
  margin-bottom: 57px;
}
@media (max-width: 992px) {
  .documents__text .file:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (max-width: 499px) {
  .documents__text .file:not(:last-child) {
    margin-bottom: 33px;
  }
}
.documents__text .file__img {
  position: absolute;
  left: 0;
  top: -8px;
}
@media (max-width: 992px) {
  .documents__text .file__img {
    top: -4px;
  }
}
@media (max-width: 499px) {
  .documents__text .file__img {
    top: -7px;
  }
}
.documents__text .file__img img {
  filter: brightness(0) invert(1);
  display: block;
  width: 55px;
  max-width: none;
}
@media (max-width: 992px) {
  .documents__text .file__img img {
    width: 40px;
    position: absolute;
    top: 0px;
  }
}
.documents__text .file__text {
  position: relative;
  left: 0;
  transition-duration: 0.3s;
}
.documents__text .file__date {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 992px) {
  .documents__text .file__date {
    font-size: 16px;
  }
}
@media (hover: hover) {
  .documents__text .file:hover .file__text {
    left: 20px;
  }
}
.documents--big .documents__text {
  padding: 112px 0 118px 0;
}
@media (max-width: 992px) {
  .documents--big .documents__text {
    padding: 80px 0 82px 0;
  }
}
@media (max-width: 699px) {
  .documents--big .documents__text {
    padding: 60px 0 77px 0;
  }
}
.documents--noTitle .documents__head__title span {
  opacity: 0;
}
.documents--noTitle .documents__text {
  width: 65.81%;
}
@media (max-width: 992px) {
  .documents--noTitle .documents__text {
    width: 58%;
  }
}
@media (max-width: 699px) {
  .documents--noTitle .documents__text {
    width: auto;
  }
}
@media (max-width: 499px) {
  .documents--noTitle .documents__text {
    padding: 31px 0 45px 0;
  }
}
.documents--noTitle .documents__text .file {
  font-size: 22px;
  line-height: 30px;
}
@media (max-width: 992px) {
  .documents--noTitle .documents__text .file {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .documents--noTitle .documents__text .file {
    font-size: 18px;
  }
}
.documents--noTitle .documents__head__title img {
  -webkit-animation: 32s rotate360 infinite linear;
          animation: 32s rotate360 infinite linear;
}
.documents--noTitle .flex {
  padding-top: 0 !important;
}
@media (max-width: 699px) {
  .documents--noTitle .documents__head__title {
    height: 75px;
  }
  .documents--noTitle .documents__head__title img {
    top: auto;
    bottom: 0;
  }
}

.shortnews .container {
  display: flex;
}
@media (max-width: 1100px) {
  .shortnews .container {
    display: block;
  }
}
.shortnews__head {
  min-width: 34.18%;
}
.shortnews__head h2 {
  margin-bottom: 35px;
}
@media (max-width: 699px) {
  .shortnews__head h2 {
    margin-bottom: 21px;
  }
}
@media (max-width: 699px) {
  .shortnews__head h2 {
    margin-bottom: 15px;
  }
}
.shortnews__head .readall {
  cursor: pointer;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #3381FF;
  position: relative;
}
@media (max-width: 992px) {
  .shortnews__head .readall {
    font-size: 18px;
  }
}
@media (max-width: 499px) {
  .shortnews__head .readall {
    font-size: 16px;
  }
}
.shortnews__head .readall .corner {
  position: relative;
  right: 0;
  transition-duration: 0.3s;
  width: 18px;
  height: 30px;
  display: inline-block;
  margin-left: 30px;
  margin-top: -4px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='29' viewBox='0 0 18 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.39054 25.8876L3.49747 28.9945L17.9949 14.4971L3.49747 -0.000402783L0.39054 3.10653L11.7811 14.4971L0.39054 25.8876Z' fill='%233381FF'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-size: 100% auto;
}
@media (max-width: 992px) {
  .shortnews__head .readall .corner {
    margin-left: 15px;
    width: 15px;
    height: 24px;
  }
}
@media (max-width: 499px) {
  .shortnews__head .readall .corner {
    margin-left: 10px;
  }
}
@media (hover: hover) {
  .shortnews__head .readall:hover .corner {
    right: -10px;
  }
}
.shortnews__content {
  padding-top: 64px;
}
@media (max-width: 699px) {
  .shortnews__content {
    padding-top: 60px;
  }
}
.shortnews__content__item {
  display: block;
  border-bottom: 1px solid #A7ACBC;
  padding: 36px 100px 36px 0;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  transition-duration: 0.3s;
  text-decoration: none;
}
@media (max-width: 992px) {
  .shortnews__content__item {
    font-size: 18px;
    padding-right: 80px;
    line-height: 25px;
  }
}
@media (max-width: 699px) {
  .shortnews__content__item {
    padding: 28px 70px 28px 0;
  }
}
@media (max-width: 499px) {
  .shortnews__content__item {
    padding: 28px 0;
    font-size: 16px;
  }
}
@media (hover: hover) {
  .shortnews__content__item:hover {
    color: #3381FF;
  }
}
.shortnews__content__item:first-child {
  border-top: 1px solid #A7ACBC;
}
.shortnews__content__item > span {
  display: block;
}
.shortnews__content .shortnews__date {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: #A7ACBC !important;
  margin-bottom: 11px;
  letter-spacing: 0em;
}
.shortnews__content .shortnews__text {
  letter-spacing: 0.02em;
}
.shortnews__content .shortnews__title {
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.shortnews__content .shortnews__cat {
  margin-top: 14px;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 499px) {
  .shortnews__content .shortnews__cat {
    margin-top: 9px;
  }
}
.shortnews__content .arrow__right {
  position: absolute;
  right: 0;
  left: auto;
  top: calc(50% - 4px);
}
@media (max-width: 699px) {
  .shortnews__content .arrow__right {
    width: 35px;
  }
}
@media (max-width: 499px) {
  .shortnews__content .arrow__right {
    width: 60px;
    position: static;
    margin-top: 22px;
  }
}

.searchresults .shortnews__content, .newslist .shortnews__content {
  padding-top: 86px;
}
@media (max-width: 992px) {
  .searchresults .shortnews__content, .newslist .shortnews__content {
    padding-top: 42px;
  }
}
@media (max-width: 499px) {
  .searchresults .shortnews__content, .newslist .shortnews__content {
    padding-top: 30px;
  }
}

.searchresults .shortnews__content__item:first-child,
.newslist .shortnews__content__item:first-child {
  border-top: 0;
}

.newslist .shortnews__content {
  margin-bottom: 120px;
}
@media (max-width: 992px) {
  .newslist .shortnews__content {
    margin-bottom: 100px;
  }
}
@media (max-width: 499px) {
  .newslist .shortnews__content {
    margin-bottom: 90px;
  }
}

.scrollIn_50:not(.scrollIn_childs), .scrollIn_20:not(.scrollIn_childs) {
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
  opacity: 0;
  transform: translateY(6em);
}
.scrollIn_50:not(.scrollIn_childs)[data-scroll=in], .scrollIn_20:not(.scrollIn_childs)[data-scroll=in] {
  opacity: 1;
  transform: translateY(0);
}

.scrollIn_50_opacity:not(.scrollIn_childs), .scrollIn_20_opacity:not(.scrollIn_childs) {
  transition-property: opacity !important;
  transition-duration: 0.5s !important;
  transition-timing-function: linear !important;
  opacity: 0;
}
.scrollIn_50_opacity:not(.scrollIn_childs)[data-scroll=in], .scrollIn_20_opacity:not(.scrollIn_childs)[data-scroll=in] {
  opacity: 1;
}

.scrollIn_99:not(.scrollIn_childs) {
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
}
.scrollIn_99:not(.scrollIn_childs)[data-scroll=out] {
  opacity: 0;
  transform: translateY(4em);
}

@media (min-width: 499px) {
  .delay_05s {
    transition-delay: 0.5s !important;
  }
  .delay_1s {
    transition-delay: 1s !important;
  }
}
.content__head .delay_05s {
  transition-delay: 0.5s !important;
}

.content__head .delay_1s {
  transition-delay: 1s !important;
}

.textpage {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  margin-top: 95px;
}
@media (max-width: 992px) {
  .textpage {
    font-size: 18px;
    line-height: 25px;
    margin-top: 90px;
  }
}
@media (max-width: 579px) {
  .textpage {
    margin-top: 80px;
  }
}
@media (max-width: 499px) {
  .textpage {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .textpage.newsingle {
    margin-top: 120px;
  }
}
.textpage h2, .textpage .h2 {
  font-weight: 600;
}
.textpage ul, .textpage ol:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .textpage ul, .textpage ol:not(:last-child) {
    margin-bottom: 20px;
  }
}
.textpage ol {
  counter-reset: olli;
}
.textpage ol > li {
  counter-increment: olli;
}
.textpage li {
  padding-left: 40px;
  list-style: none;
  position: relative;
}
@media (max-width: 699px) {
  .textpage li {
    padding-left: 35px;
  }
}
.textpage li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  content: counter(olli) ".";
  color: #3381FF;
}
.textpage li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 499px) {
  .textpage li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.textpage ul li::before {
  content: "";
  width: 20px;
  height: 2px;
  background: #3381FF;
  top: 14px;
}
@media (max-width: 992px) {
  .textpage ul li::before {
    top: 11px;
  }
}
@media (max-width: 499px) {
  .textpage ul li::before {
    width: 15px;
  }
}
.textpage ul ol, .textpage ol ul {
  margin-top: 25px;
}
@media (max-width: 992px) {
  .textpage ul ol, .textpage ol ul {
    margin-top: 20px;
  }
}

.leading {
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 36px;
}
@media (max-width: 992px) {
  .leading {
    font-size: 28px;
    line-height: 42px;
  }
}
@media (max-width: 992px) {
  .leading {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 29px;
  }
}
@media (max-width: 499px) {
  .leading {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 29px;
  }
}
.leading p:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .leading p:not(:last-child) {
    margin-bottom: 20px;
  }
}

.simpleblock p:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .simpleblock p:not(:last-child) {
    margin-bottom: 20px;
  }
}
.simpleblock .width {
  max-width: 730px;
}
.simpleblock a {
  color: #3381FF;
}
.simpleblock h2 {
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .simpleblock h2 {
    margin-bottom: 25px;
  }
}
@media (max-width: 499px) {
  .simpleblock h2 {
    margin-bottom: 19px;
  }
}
.simpleblock .digits {
  margin: 55px 0 55px 300px;
}
@media (max-width: 992px) {
  .simpleblock .digits {
    margin: 30px 0 30px 255px;
  }
}
@media (max-width: 699px) {
  .simpleblock .digits {
    margin: 30px 0 30px 120px;
  }
}
@media (max-width: 499px) {
  .simpleblock .digits {
    margin: 28px 0;
  }
}
.simpleblock ol + p, .simpleblock ul + p {
  margin-top: 40px;
}
@media (max-width: 992px) {
  .simpleblock ol + p, .simpleblock ul + p {
    margin-top: 30px;
  }
}

.apply {
  margin-bottom: 145px;
}
@media (max-width: 992px) {
  .apply {
    margin-bottom: 75px;
  }
}
@media (max-width: 499px) {
  .apply {
    margin-bottom: 45px;
  }
}
.apply h2 {
  margin-bottom: 32px;
}
@media (max-width: 1220px) {
  .apply .container.padding__left {
    padding-left: 86px;
  }
}
@media (max-width: 576px) {
  .apply .container.padding__left {
    padding-left: 0;
  }
}
.apply__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 499px) {
  .apply__list {
    margin: 0 -20px;
  }
}
.apply__list__item {
  width: 33.33%;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px;
}
.apply__list__item:nth-child(3n+2) {
  transition-delay: 150ms !important;
}
.apply__list__item:nth-child(3n+3) {
  transition-delay: 300ms !important;
}
@media (max-width: 992px) {
  .apply__list__item {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 46px;
  }
}
@media (max-width: 650px) {
  .apply__list__item {
    width: 50%;
  }
  .apply__list__item:nth-child(3n+2) {
    transition-delay: 0s !important;
  }
  .apply__list__item:nth-child(3n+3) {
    transition-delay: 0s !important;
  }
  .apply__list__item:nth-child(2n+2) {
    transition-delay: 150ms !important;
  }
}
@media (max-width: 499px) {
  .apply__list__item {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 240px) {
  .apply__list__item {
    font-size: 14px;
  }
}
.apply__list__img img {
  display: block;
  margin: 0 auto 10px auto;
}
@media (max-width: 992px) {
  .apply__list__img img {
    width: 120px;
    height: auto;
  }
}
@media (max-width: 499px) {
  .apply__list__img img {
    width: 100px;
    height: auto;
  }
}
.apply__list__text {
  max-width: 272px;
  margin: 0 auto;
  min-height: 90px;
}
@media (max-width: 992px) {
  .apply__list__text {
    min-height: 75px;
    max-width: 200px;
  }
}
@media (max-width: 499px) {
  .apply__list__text {
    min-height: 60px;
    max-width: 160px;
  }
}

.preload {
  position: fixed;
  z-index: 0;
  display: block;
  transition-duration: 0.3s;
  opacity: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #3381FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preload__img {
  -webkit-animation: 3s preload2 ease-in-out forwards;
          animation: 3s preload2 ease-in-out forwards;
  transform: scale(0.2);
}
.preload img {
  width: 50vw;
  max-width: 800px;
  height: auto;
  display: block;
  -webkit-animation: 16s preload1 infinite linear;
          animation: 16s preload1 infinite linear;
}

.page:not(.home) .preload {
  display: none;
}

@-webkit-keyframes preload1 {
  to {
    transform: rotate(360deg);
  }
}

@keyframes preload1 {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes preload2 {
  to {
    transform: scale(1);
  }
}
@keyframes preload2 {
  to {
    transform: scale(1);
  }
}
body.contacts .header__place {
  display: none;
}

.contacts__head {
  background: #3381FF;
  background-position: 50% 0;
  margin-bottom: 124px;
  padding: 203px 0 138px 0;
  box-sizing: border-box;
  color: #fff;
  position: relative;
}
@media (max-width: 992px) {
  .contacts__head {
    margin-bottom: 68px;
    padding: 163px 0 72px 0;
    background-position: -180px 0;
    background-size: cover;
  }
}
@media (max-width: 499px) {
  .contacts__head {
    margin-bottom: 84px;
    padding: 143px 0 67px 0;
    background-position: 27% 0;
  }
}
.contacts__head .container {
  position: relative;
}
.contacts__head::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #093883 19.93%, #3381FF 100%);
  mix-blend-mode: normal;
  opacity: 0.65;
}
.contacts__head h1 {
  font-weight: 100;
  font-size: 90px;
  line-height: 110%;
  margin: 0 0 57px 0;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  opacity: 0;
}
@media (max-width: 992px) {
  .contacts__head h1 {
    font-size: 60px;
  }
}
@media (max-width: 499px) {
  .contacts__head h1 {
    font-size: 40px;
  }
}
.contacts__head h1[data-scroll=in] {
  opacity: 1;
}
.contacts__head h1 .word {
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
  opacity: 0;
  transform: translateY(0.7em);
}
.contacts__head h1[data-scroll=in] .word {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(100ms * var(--line-index)) !important;
}
.contacts__head .path {
  margin-bottom: 11px;
}
@media (max-width: 992px) {
  .contacts__head .path {
    margin-bottom: 8px;
  }
}
@media (max-width: 499px) {
  .contacts__head .path {
    margin-bottom: 13px;
  }
}
.contacts__head__address {
  font-size: 26px;
  line-height: 35px;
}
@media (max-width: 499px) {
  .contacts__head__address {
    font-size: 20px;
    line-height: 30px;
  }
}
.contacts__head__link {
  font-size: 18px;
  line-height: 35px;
  margin-top: 12px;
}
@media (max-width: 992px) {
  .contacts__head__link {
    margin-top: 17px;
  }
}
@media (max-width: 499px) {
  .contacts__head__link {
    font-size: 16px;
  }
}
.contacts__head__link a {
  color: #fff;
}
@media (max-width: 992px) {
  .contacts__content {
    margin-bottom: 70px;
  }
}
.contacts__content__block {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .contacts__content__block {
    display: block;
    margin-bottom: 64px;
  }
}
.contacts__content__block h2 {
  width: 31%;
  margin-bottom: 0;
  height: 100%;
}
@media (max-width: 992px) {
  .contacts__content__block h2 {
    width: 39.32%;
  }
}
@media (max-width: 767px) {
  .contacts__content__block h2 {
    width: auto;
  }
}
.contacts__content__block__right {
  flex-grow: 1;
}
.contacts__content__block dl {
  margin-top: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  font-size: 26px;
  line-height: 35px;
}
@media (max-width: 992px) {
  .contacts__content__block dl {
    font-size: 22px;
    margin-top: 9px;
  }
}
@media (max-width: 767px) {
  .contacts__content__block dl {
    padding-left: 16px;
    margin-top: 27px;
    font-size: 18px;
    line-height: 30px;
  }
}
.contacts__content__block dl dt {
  min-width: 202px;
}
@media (max-width: 992px) {
  .contacts__content__block dl dt {
    min-width: 170px;
  }
}
@media (max-width: 767px) {
  .contacts__content__block dl dt {
    min-width: 140px;
  }
}
.contacts__content__block dl.alt {
  padding-left: 0 !important;
}
@media (max-width: 767px) {
  .contacts__content__block dl.alt dt {
    min-width: 80px;
  }
}
.contacts__content__block dl dd {
  color: #3381FF;
  white-space: nowrap;
}
.contacts__content__block dl.line {
  position: relative;
}
.contacts__content__block dl.line::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 18px);
  left: -30px;
  top: 9px;
  background: #3381FF;
}
@media (max-width: 992px) {
  .contacts__content__block dl.line::before {
    left: -25px;
  }
}
@media (max-width: 767px) {
  .contacts__content__block dl.line::before {
    left: 0;
  }
}
.contacts__content__block a {
  text-decoration: none;
  color: #3381FF;
}
.contacts__marketing {
  padding: 124px 0 102px 0;
  font-size: 22px;
  line-height: 30px;
}
@media (max-width: 992px) {
  .contacts__marketing {
    font-size: 20px;
    line-height: 25px;
    padding: 104px 0 74px 0;
  }
}
@media (max-width: 499px) {
  .contacts__marketing {
    font-size: 18px;
    padding: 84px 0 74px 0;
  }
}
.contacts__marketing a {
  color: #3381FF;
  text-decoration: none;
  white-space: nowrap;
}
.contacts__marketing h2 {
  margin-bottom: 56px;
}
@media (max-width: 992px) {
  .contacts__marketing h2 {
    margin-bottom: 44px;
  }
}
@media (max-width: 499px) {
  .contacts__marketing h2 {
    margin-bottom: 39px;
  }
}
.contacts__marketing .flex {
  justify-content: space-between;
}
@media (max-width: 650px) {
  .contacts__marketing .flex {
    display: block;
  }
}
.contacts__marketing__block {
  width: 470px;
}
@media (max-width: 992px) {
  .contacts__marketing__block {
    width: calc(50% - 13px);
  }
}
@media (max-width: 650px) {
  .contacts__marketing__block {
    width: auto;
  }
}
.contacts__marketing__block p {
  margin-bottom: 15px;
}
@media (max-width: 650px) {
  .contacts__marketing__block p {
    margin-bottom: 10px;
  }
}
@media (max-width: 650px) {
  .contacts__marketing__block:first-child {
    margin-bottom: 50px;
  }
}
.contacts__agencies {
  background: #1DD3D9 url("../images/contacts__agencies__bg.svg") 50% 50%/566px auto no-repeat;
  color: #fff;
  padding: 108px 0 104px 0;
  font-size: 22px;
  line-height: 35px;
}
@media (max-width: 1100px) {
  .contacts__agencies {
    padding: 92px 0 13px 0;
    font-size: 20px;
    line-height: 30px;
    background-size: 500px auto;
  }
}
@media (max-width: 499px) {
  .contacts__agencies {
    padding: 73px 0 20px 0;
    font-size: 18px;
    line-height: 25px;
    background-size: 450px auto;
  }
}
.contacts__agencies h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .contacts__agencies h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 22px;
  }
}
@media (max-width: 499px) {
  .contacts__agencies h3 {
    font-size: 22px;
    margin-bottom: 19px;
  }
}
.contacts__agencies .flex {
  margin: 0 -15px;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  .contacts__agencies .flex {
    margin: 0 -13px;
  }
}
.contacts__agencies a {
  color: #fff;
  text-decoration: none;
}
.contacts__agencies__block {
  width: calc(33.33% - 30px);
  margin: 0 15px;
}
@media (max-width: 1100px) {
  .contacts__agencies__block {
    width: calc(50% - 26px);
    margin: 0 13px 68px 13px;
  }
}
@media (max-width: 650px) {
  .contacts__agencies__block {
    width: calc(100% - 26px);
    margin-bottom: 58px;
  }
}
.contacts__agencies__block:nth-child(2) {
  transition-delay: 200ms !important;
}
@media (max-width: 650px) {
  .contacts__agencies__block:nth-child(2) {
    transition-delay: 0ms !important;
  }
}
.contacts__agencies__block:nth-child(3) {
  transition-delay: 400ms !important;
}
@media (max-width: 1100px) {
  .contacts__agencies__block:nth-child(3) {
    transition-delay: 0ms !important;
  }
}

.detailsblock {
  margin-top: 95px;
}
@media (max-width: 1220px) {
  .detailsblock {
    padding-left: 86px;
  }
}
@media (max-width: 992px) {
  .detailsblock {
    margin-top: 100px;
  }
}
@media (max-width: 576px) {
  .detailsblock {
    padding-left: 0;
  }
}
@media (max-width: 499px) {
  .detailsblock {
    margin-top: 86px;
  }
}
.detailsblock h2 {
  margin-bottom: 32px;
}
@media (max-width: 992px) {
  .detailsblock h2 {
    margin-bottom: 25px;
  }
}
@media (max-width: 499px) {
  .detailsblock h2 {
    margin-bottom: 19px;
  }
}

.bordered_h {
  font-weight: 700;
  margin-bottom: 55px;
  text-transform: uppercase;
}
.bordered_h .h2 {
  font-weight: 700;
}
@media (max-width: 992px) {
  .bordered_h {
    margin-bottom: 32px;
  }
}
@media (max-width: 499px) {
  .bordered_h {
    margin-bottom: 40px;
  }
}
.bordered_h--lowercase {
  text-transform: none;
}
.bordered_h .border {
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.03em;
  text-shadow: 1px 0 0 #232D3E, -1px 0 0 #232D3E, 0 1px 0 #232D3E, 0 -1px 0 #232D3E;
}

@media (max-width: 1100px) {
  .historypage .bordered_h {
    padding-left: 86px;
  }
  .historypage .bordered_h .h2 {
    font-weight: 600;
  }
}
@media (max-width: 499px) {
  .historypage .bordered_h {
    padding-left: 0;
  }
}

.documents + .bordered_h {
  margin-top: 183px;
}
@media (max-width: 992px) {
  .documents + .bordered_h {
    margin-top: 115px;
  }
}
@media (max-width: 499px) {
  .documents + .bordered_h {
    margin-top: 98px;
  }
}

.project {
  position: relative;
  margin-bottom: 138px;
}
@media (max-width: 992px) {
  .project {
    margin-bottom: 112px;
  }
}
@media (max-width: 499px) {
  .project {
    margin-bottom: 94px;
  }
}
.project__head {
  margin-bottom: 52px;
}
@media (max-width: 800px) {
  .project__head {
    margin-bottom: 25px;
  }
}
@media (max-width: 576px) {
  .project__head {
    padding-left: 0;
  }
}
@media (max-width: 499px) {
  .project__head {
    margin-bottom: 19px;
  }
}
.project__body {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .project__body {
    display: block;
  }
}
.project__body a {
  color: #3381FF;
  text-decoration: none;
}
.project__body__text {
  height: 100%;
  order: 2;
  width: 43.67%;
}
@media (max-width: 800px) {
  .project__body__text {
    width: auto;
    padding-left: 86px;
    transition-delay: 0s !important;
  }
}
@media (max-width: 576px) {
  .project__body__text {
    padding-left: 0;
  }
}
.project__body__text .project__body__digits {
  margin-top: 54px;
}
@media (max-width: 992px) {
  .project__body__text .project__body__digits {
    margin-top: 36px;
  }
}
@media (max-width: 800px) {
  .project__body__text .project__body__digits {
    display: none;
  }
}
.project__body__text a {
  color: #3381FF;
}
.project__body__img {
  height: 100%;
  order: 1;
  width: 46.37%;
}
@media (max-width: 800px) {
  .project__body__img {
    width: auto;
    margin-top: 50px;
  }
}
@media (max-width: 576px) {
  .project__body__img {
    margin-top: 42px;
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (max-width: 499px) {
  .project__body__img {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.project__body__img img {
  display: block;
}
.project__body__img .project__body__digits {
  margin-top: 54px;
  padding-left: 135px;
}
@media (max-width: 992px) {
  .project__body__img .project__body__digits {
    margin-top: 36px;
  }
}
@media (max-width: 800px) {
  .project__body__img .project__body__digits {
    display: none;
  }
}
.project__body > .project__body__digits {
  display: none;
}
@media (max-width: 800px) {
  .project__body > .project__body__digits {
    display: flex;
    justify-content: flex-end;
    margin-top: 36px;
  }
}
@media (max-width: 499px) {
  .project__body > .project__body__digits {
    justify-content: flex-start;
  }
}
@media (min-width: 355px) {
  .project__body > .project__body__digits .digits {
    max-width: 315px;
    min-width: 315px;
  }
}
.project .container.padding__left4 .project__body__text {
  width: auto;
}
.project .container.padding__left4 .project__body__text .digits {
  padding-left: 200px;
  margin-top: 50px;
}
@media (max-width: 992px) {
  .project .container.padding__left4 .project__body__text .digits {
    margin-top: 29px;
    padding-left: 255px;
  }
}
@media (max-width: 499px) {
  .project .container.padding__left4 .project__body__text .digits {
    padding-left: 0;
  }
}
@media (max-width: 800px) {
  .project--imgFirst .project__body {
    display: flex;
    flex-direction: column;
    padding-top: 0 !important;
  }
  .project--imgFirst .project__body__img {
    order: 1;
    margin-top: 0;
    margin-bottom: 31px;
  }
  .project--imgFirst .project__body__text {
    order: 2;
  }
}
.project .container__leftside:first-child .project__body {
  padding-top: 70px;
}
@media (max-width: 992px) {
  .project .container__leftside:first-child .project__body {
    padding-top: 53px;
  }
}
@media (max-width: 499px) {
  .project .container__leftside:first-child .project__body {
    padding-top: 41px;
  }
}
.project p:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .project p:not(:last-child) {
    margin-bottom: 20px;
  }
}
.project__slider {
  position: relative;
}
@media (max-width: 800px) {
  .project__slider {
    margin-top: 82px;
  }
}
@media (max-width: 499px) {
  .project__slider {
    margin-top: 67px;
  }
}
.project__slider .swiper-counter {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #A7ACBC;
  position: absolute;
  left: 135px;
  top: -40px;
}
@media (max-width: 992px) {
  .project__slider .swiper-counter {
    left: 86px;
  }
}
@media (max-width: 576px) {
  .project__slider .swiper-counter {
    left: 126px;
  }
}
@media (max-width: 576px) {
  .project__slider .swiper-counter {
    left: 40px;
  }
}
@media (max-width: 499px) {
  .project__slider .swiper-counter {
    font-size: 16px;
    left: calc(50% - 45px);
    width: 90px;
    text-align: center;
    top: -32px;
  }
}
.project__slider .swiper-counter span {
  color: #3381FF;
}
.project__slider .swiper-next, .project__slider .swiper-prev {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: calc(50% - 17.5px);
  z-index: 100;
}
@media (max-width: 499px) {
  .project__slider .swiper-next, .project__slider .swiper-prev {
    top: calc(50% - 15.5px);
  }
}
.project__slider .swiper-next .arrow__circle, .project__slider .swiper-prev .arrow__circle {
  display: block;
}
.project__slider .swiper-prev {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  right: auto;
  left: 10px;
}
.project .digits {
  margin-bottom: 0 !important;
}
.project .digits__pre {
  max-width: 390px;
}
.project .digits__item + .digits__item {
  margin-top: 42px;
}
@media (max-width: 992px) {
  .project .digits__item + .digits__item {
    margin-top: 23px;
  }
}
.project__video video {
  width: 100%;
  height: auto;
  display: block;
}
.project__video.ad {
  border: 1px solid red;
}

.parallax + .project {
  margin-top: -7px;
}
@media (max-width: 576px) {
  .parallax + .project {
    margin-top: -3px;
  }
}
.parallax + .project::before {
  content: "";
  position: absolute;
  top: -93px;
  height: 100px;
  width: calc(100vw - ((100vw - 1170px) / 2 + 300px));
  background: #fff;
  right: 0;
}
@media (max-width: 1220px) {
  .parallax + .project::before {
    width: calc(100vw - 316px - 56px);
    height: 60px;
    top: -53px;
  }
}
@media (max-width: 992px) {
  .parallax + .project::before {
    width: calc(100vw - 143px);
  }
}
@media (max-width: 576px) {
  .parallax + .project::before {
    width: calc(100vw - 30px);
    height: 40px;
    top: -37px;
  }
}
@media (max-width: 992px) {
  .parallax + .project .padding__left4:not(.onlytext) {
    padding-left: 170px;
  }
}
@media (max-width: 576px) {
  .parallax + .project .padding__left4:not(.onlytext) {
    padding-left: 30px;
  }
}
@media (max-width: 992px) {
  .parallax + .project .padding__left4.onlytext {
    padding-left: 0;
  }
}
@media (max-width: 576px) {
  .parallax + .project .padding__left4.onlytext {
    padding-left: 0px;
  }
}
@media (max-width: 992px) {
  .parallax + .project .container__leftside:first-child .project__body {
    padding-top: 0;
  }
}
@media (max-width: 576px) {
  .parallax + .project .container__leftside:first-child .project__body {
    padding-top: 30px;
  }
}
@media (max-width: 992px) {
  .parallax + .project .container__leftside:first-child .project__body__text {
    padding-left: 170px;
  }
}
@media (max-width: 576px) {
  .parallax + .project .container__leftside:first-child .project__body__text {
    padding-left: 30px;
  }
}

.simpleblock + .project .project__head {
  margin-top: 130px;
}
@media (max-width: 992px) {
  .simpleblock + .project .project__head {
    margin-top: 105px;
  }
}
@media (max-width: 499px) {
  .simpleblock + .project .project__head {
    margin-top: 85px;
  }
}

.parallax {
  height: 850px;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 0;
  margin-top: 82px;
  max-height: 100vh;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .parallax {
    height: 700px;
  }
}
@media (max-width: 1200px) {
  .parallax {
    height: 455px;
  }
}
@media (max-width: 499px) {
  .parallax {
    height: 275px;
    margin-top: 66px;
  }
}
.parallax--bigmargin {
  margin-top: 166px;
}
@media (max-width: 992px) {
  .parallax--bigmargin {
    margin-top: 136px;
  }
}
@media (max-width: 499px) {
  .parallax--bigmargin {
    margin-top: 112px;
  }
}
.parallax__inner {
  height: 850px;
  max-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .parallax__inner {
    height: 700px;
  }
}
@media (max-width: 1200px) {
  .parallax__inner {
    position: relative;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 910px;
    max-height: 768px;
  }
}
@media (max-width: 499px) {
  .parallax__inner {
    height: 550px;
  }
}
.parallax__video {
  position: relative;
  z-index: 0;
  height: 100%;
}
.parallax__video video {
  width: 100%;
  height: auto;
}

.page404 {
  background: #3381FF url(../images/menu_bg.svg) 50% 50% no-repeat;
  background-size: 1000px auto;
}
@media (min-width: 2000px) {
  .page404 {
    background-size: auto 100%;
  }
}
@media (max-width: 992px) {
  .page404 {
    background-size: 800px auto;
  }
}
@media (max-width: 699px) {
  .page404 {
    background-size: 125vw auto;
  }
}
@media (max-width: 499px) {
  .page404 .header .mainnav__top {
    transition-duration: 0.3s;
    opacity: 1;
  }
  .page404 .header.outside .mainnav__top {
    opacity: 0;
  }
}
.page404 .page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.page404 .content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 499px) {
  .page404 .content {
    position: relative;
  }
}
.page404 .mainnav {
  top: 0;
  opacity: 1;
}
.page404 .mainnav:not(.active) .topmenu {
  transform: translateX(-200vw);
}
.page404 .mainnav.active .topmenu {
  transform: translateX(0);
}
.page404 .header:not(.mainnav__opened) {
  z-index: 100;
}
.page404 .mainnav:not(.active) {
  background: transparent;
  z-index: 100;
}
.page404__content {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 200;
  text-align: center;
  margin-bottom: 10vh;
}
@media (max-width: 992px) {
  .page404__content {
    margin-bottom: 0;
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .page404__content__inner {
    position: relative;
  }
}
.page404__content__title {
  font-weight: 100;
  font-size: 200px;
  line-height: 200px;
  letter-spacing: 0.05em;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .page404__content__title {
    font-size: 160px;
  }
}
@media (max-width: 499px) {
  .page404__content__title {
    font-size: 120px;
    margin-bottom: 0px;
  }
}
.page404__content__title img {
  width: 200px;
  vertical-align: middle;
  margin: -10px 4px 0 4px;
}
@media (max-width: 992px) {
  .page404__content__title img {
    width: 160px;
    margin: -5px 4px 0 4px;
  }
}
@media (max-width: 499px) {
  .page404__content__title img {
    width: 120px;
    margin: -5px 7px 0 7px;
  }
}
.page404__content__aftertitle {
  font-weight: 700;
  font-size: 36px;
  line-height: 50px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .page404__content__aftertitle {
    font-size: 30px;
  }
}
@media (max-width: 499px) {
  .page404__content__aftertitle {
    font-size: 26px;
    line-height: 35px;
    margin-top: -5px;
  }
}
.page404__content__text {
  font-size: 28px;
  line-height: 35px;
  max-width: 590px;
}
@media (max-width: 992px) {
  .page404__content__text {
    font-size: 22px;
    line-height: 30px;
    max-width: 512px;
  }
}
@media (max-width: 499px) {
  .page404__content__text {
    font-size: 16px;
    line-height: 25px;
    padding: 0 10px;
  }
}
.page404__nav {
  position: absolute;
  font-size: 16px;
  line-height: 35px;
  bottom: -12.66vh;
  letter-spacing: 0.02em;
  right: -185px;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 992px) {
  .page404__nav {
    bottom: 11.32vh;
    right: 40px;
  }
}
@media (max-width: 499px) {
  .page404__nav {
    bottom: 28px;
  }
}
.page404__nav .arrow__right {
  margin-left: 15px;
}
@media (max-width: 499px) {
  .page404__nav .arrow__right {
    margin-left: 10px;
  }
}
.page404__nav--prev {
  left: -185px;
  right: auto;
}
@media (max-width: 992px) {
  .page404__nav--prev {
    left: 40px;
  }
}
.page404__nav--prev .arrow__right {
  margin-right: 15px;
  margin-left: 0;
}
@media (max-width: 499px) {
  .page404__nav--prev .arrow__right {
    margin-right: 10px;
  }
}

.textpage .product__title {
  top: 500px !important;
}

.newsingle > .container {
  position: relative;
}
.newsingle__date {
  position: absolute;
  left: 0;
  top: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: #A7ACBC;
}
@media (max-width: 1220px) {
  .newsingle__date {
    position: static;
    margin-bottom: 4px;
  }
}
@media (max-width: 499px) {
  .newsingle__date {
    margin-bottom: 0;
  }
}
.newsingle .leading {
  margin-bottom: 36px;
}
@media (max-width: 992px) {
  .newsingle .leading {
    margin-bottom: 30px;
  }
}
.newsingle .product__gallery {
  margin-top: 105px;
}
@media (max-width: 992px) {
  .newsingle .product__gallery {
    margin-top: 74px;
  }
}
@media (max-width: 499px) {
  .newsingle .product__gallery {
    margin-top: 60px;
  }
}
@media (max-width: 992px) {
  .newsingle .product__gallery__slider {
    padding: 0;
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media (max-width: 576px) {
  .newsingle .product__gallery__slider {
    margin-left: 0;
    margin-right: 0;
  }
}

.bigtitle h2 {
  font-weight: 100;
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 76px;
  color: #3381FF;
}
@media (max-width: 992px) {
  .bigtitle h2 {
    margin-bottom: 64px;
    font-size: 45px;
    line-height: 55px;
  }
}
@media (max-width: 499px) {
  .bigtitle h2 {
    margin-bottom: 51px;
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 358px) {
  .bigtitle h2 {
    font-size: 25px;
    line-height: 35px;
  }
}
.bigtitle h2 .word {
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
  opacity: 0;
  transform: translateY(0.7em);
}
.bigtitle h2[data-scroll=in] .word {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(100ms * var(--line-index)) !important;
}
@media (max-width: 499px) {
  .bigtitle h2[data-scroll=in] .word {
    transition-delay: calc(50ms * var(--line-index)) !important;
  }
}
@media (max-width: 379px) {
  .bigtitle.container {
    margin-right: 10px;
  }
}

.project + .bigtitle {
  margin-top: -78px;
}
@media (max-width: 992px) {
  .project + .bigtitle {
    margin-top: -80px;
  }
}
@media (max-width: 499px) {
  .project + .bigtitle {
    margin-top: -70px;
  }
}

.simpleblock + .bigtitle, .leading + .bigtitle {
  margin-top: 98px;
}
@media (max-width: 992px) {
  .simpleblock + .bigtitle, .leading + .bigtitle {
    margin-top: 61px;
  }
}
@media (max-width: 699px) {
  .simpleblock + .bigtitle, .leading + .bigtitle {
    margin-top: 52px;
  }
}

.carousel {
  background: #F0F1F5;
  padding: 88px 0 50px 0;
  margin-bottom: 138px;
}
@media (max-width: 992px) {
  .carousel {
    padding: 52px 0 0 0;
    margin-bottom: 112px;
  }
  .carousel .container.padding__left4 {
    padding-left: 171px;
  }
}
@media (max-width: 699px) {
  .carousel {
    padding: 38px 0 0 0;
    margin-bottom: 93px;
  }
  .carousel .container.padding__left4 {
    padding-left: 30px;
  }
}
.carousel__inner {
  overflow: hidden;
  padding-bottom: 35px;
}
.carousel__head {
  margin-bottom: 52px;
}
@media (max-width: 992px) {
  .carousel__head {
    margin-bottom: 22px;
  }
}
@media (max-width: 499px) {
  .carousel__head {
    margin-bottom: 21px;
  }
}
.carousel .swiper {
  overflow: visible;
  max-width: 1440px;
  margin: 0 auto;
}
.carousel .swiper.swiper-initialized img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.carousel .carousel__slider--2slides .swiper.swiper-initialized img {
  height: auto;
}
.carousel .swiper-slide {
  width: 470px;
  height: auto;
  padding-left: 30px;
}
@media (max-width: 1220px) {
  .carousel .swiper-slide {
    width: 380px;
  }
}
@media (max-width: 992px) {
  .carousel .swiper-slide {
    width: 335px;
    padding-left: 20px;
  }
}
@media (max-width: 699px) {
  .carousel .swiper-slide {
    width: 200px;
  }
}
.carousel .swiper-slide.thin {
  width: 220px;
}
@media (max-width: 992px) {
  .carousel .swiper-slide.thin {
    width: 150px;
  }
}
@media (max-width: 699px) {
  .carousel .swiper-slide.thin {
    width: 90px;
  }
}
.carousel .swiper-slide a {
  text-decoration: none;
}
.carousel .swiper-slide-text {
  font-size: 20px;
  line-height: 30px;
  display: block;
  margin-top: 15px;
  display: block;
}
@media (max-width: 1220px) {
  .carousel .swiper-slide-text {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 7px;
    margin-top: 8px;
  }
}
@media (max-width: 699px) {
  .carousel .swiper-slide-text {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
  }
}
.carousel .swiper-slide:last-child {
  padding-right: 35px;
}
@media (max-width: 499px) {
  .carousel .swiper-slide:last-child {
    padding-right: 20px;
  }
}
.carousel__slider--2slides {
  padding: 0 82px 0 52px;
}
@media (max-width: 1220px) {
  .carousel__slider--2slides {
    padding: 0 30px 0 0;
  }
}
@media (max-width: 992px) {
  .carousel__slider--2slides {
    padding: 0 20px 0 0;
  }
}
.carousel__slider--2slides .swiper-slide {
  width: calc(50% - 30px);
  padding-left: 30px;
  padding-right: 0 !important;
}
@media (max-width: 992px) {
  .carousel__slider--2slides .swiper-slide {
    width: 445px;
    padding-left: 20px;
  }
}
@media (max-width: 699px) {
  .carousel__slider--2slides .swiper-slide {
    width: 265px;
  }
}
.carousel__slider--2slides .swiper-slide:first-child .swiper-slide-text {
  padding-left: 53px;
}
@media (max-width: 1220px) {
  .carousel__slider--2slides .swiper-slide:first-child .swiper-slide-text {
    padding: 0;
  }
}
.carousel .swiper-arrows {
  display: flex;
  position: absolute;
  top: -38px;
  left: 30px;
}
@media (max-width: 992px) {
  .carousel .swiper-arrows {
    display: none;
  }
}
.carousel .swiper-arrows.hide {
  display: none;
}
.carousel .swiper-next, .carousel .swiper-prev {
  cursor: pointer;
}
.carousel .swiper-prev {
  margin-right: 20px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.bigtitle + .simpleblock {
  margin-top: 120px;
}
@media (max-width: 992px) {
  .bigtitle + .simpleblock {
    margin-top: 98px;
  }
}
@media (max-width: 699px) {
  .bigtitle + .simpleblock {
    margin-top: 83px;
  }
}

.carousel + .simpleblock {
  margin-top: -64px;
}
@media (max-width: 992px) {
  .carousel + .simpleblock {
    margin-top: -60px;
  }
}
@media (max-width: 699px) {
  .carousel + .simpleblock {
    margin-top: -40px;
  }
}

.carousel + .carousel {
  margin-top: 175px;
}
@media (max-width: 992px) {
  .carousel + .carousel {
    margin-top: 145px;
  }
}
@media (max-width: 499px) {
  .carousel + .carousel {
    margin-top: 120px;
  }
}

.simpleblock + .carousel {
  margin-top: 166px;
}
@media (max-width: 992px) {
  .simpleblock + .carousel {
    margin-top: 138px;
  }
}
@media (max-width: 699px) {
  .simpleblock + .carousel {
    margin-top: 112px;
  }
}

.parallax + .carousel {
  margin-top: -7px;
  padding-top: 0 !important;
  position: relative;
}
@media (max-width: 576px) {
  .parallax + .carousel {
    margin-top: -3px;
  }
}
.parallax + .carousel::before {
  content: "";
  position: absolute;
  top: -93px;
  height: 100px;
  width: calc(100vw - ((100vw - 1170px) / 2 + 300px));
  background: #F0F1F5;
  right: 0;
}
@media (max-width: 1220px) {
  .parallax + .carousel::before {
    width: calc(100vw - 316px - 56px);
    height: 60px;
    top: -53px;
  }
}
@media (max-width: 992px) {
  .parallax + .carousel::before {
    width: calc(100vw - 143px);
  }
}
@media (max-width: 576px) {
  .parallax + .carousel::before {
    width: calc(100vw - 30px);
    height: 40px;
    top: -37px;
  }
}
@media (max-width: 992px) {
  .parallax + .carousel .padding__left4 {
    padding-left: 170px;
  }
}
@media (max-width: 576px) {
  .parallax + .carousel .padding__left4 {
    padding-left: 30px;
  }
}
@media (max-width: 992px) {
  .parallax + .carousel .container__leftside:first-child .project__body {
    padding-top: 0;
  }
}
@media (max-width: 576px) {
  .parallax + .carousel .container__leftside:first-child .project__body {
    padding-top: 30px;
  }
}
@media (max-width: 992px) {
  .parallax + .carousel .container__leftside:first-child .project__body__text {
    padding-left: 170px;
  }
}
@media (max-width: 576px) {
  .parallax + .carousel .container__leftside:first-child .project__body__text {
    padding-left: 30px;
  }
}

.scrollIn_20.scrollIn_childs .swiper-slide:not(.swiper-slide-duplicate) {
  transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
  opacity: 0;
  transform: translateY(6em);
}
.scrollIn_20.scrollIn_childs[data-scroll=in] .swiper-slide:not(.swiper-slide-duplicate) {
  opacity: 1;
  transform: translateY(0);
}

.scrollIn_20.scrollIn_childs .swiper-slide:not(.swiper-slide-duplicate) + .swiper-slide:not(.swiper-slide-duplicate) {
  transition-delay: 0.25s !important;
}

.scrollIn_20.scrollIn_childs .swiper-slide:not(.swiper-slide-duplicate) + .swiper-slide:not(.swiper-slide-duplicate) + .swiper-slide:not(.swiper-slide-duplicate) {
  transition-delay: 0.5s !important;
}

.scrollIn_20.scrollIn_childs .swiper-slide:not(.swiper-slide-duplicate) + .swiper-slide:not(.swiper-slide-duplicate) + .swiper-slide:not(.swiper-slide-duplicate) + .swiper-slide:not(.swiper-slide-duplicate) {
  transition-delay: 0.75s !important;
}

.carousel + .documents, .project + .documents {
  margin-top: 175px;
}
@media (max-width: 992px) {
  .carousel + .documents, .project + .documents {
    margin-top: 105px;
  }
}
@media (max-width: 499px) {
  .carousel + .documents, .project + .documents {
    margin-top: 120px;
  }
}

.leading + .documents, .simpleblock + .documents {
  margin-top: 60px;
}
@media (max-width: 992px) {
  .leading + .documents, .simpleblock + .documents {
    margin-top: 50px;
  }
}
@media (max-width: 499px) {
  .leading + .documents, .simpleblock + .documents {
    margin-top: 42px;
  }
}

.movinglogos {
  color: #000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  font-size: 18px;
  line-height: 30px;
  margin: 99px 0 62px;
  clear: both;
}
@media (max-width: 1220px) {
  .movinglogos {
    margin: 73px 0 42px;
    font-size: 16px;
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .movinglogos {
    margin: 70px 0 54px;
    font-size: 14px;
    line-height: 20px;
  }
}
.movinglogos:after {
  height: 0;
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
}
.movinglogos--reverse {
  float: right;
}
.movinglogos__item {
  margin: 0 40px;
}
@media (max-width: 1220px) {
  .movinglogos__item {
    margin: 0 27px;
  }
}
@media (max-width: 499px) {
  .movinglogos__item {
    margin: 0 20px;
  }
}
.movinglogos__item__img {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movinglogos__item__img img {
  max-width: none;
}

.movinglogos + .movinglogos {
  margin-bottom: 138px;
}
@media (max-width: 992px) {
  .movinglogos + .movinglogos {
    margin-bottom: 102px;
  }
}
@media (max-width: 499px) {
  .movinglogos + .movinglogos {
    margin-bottom: 88px;
  }
}

.docslist__item {
  display: flex;
  text-decoration: none;
  font-size: 22px;
  line-height: 30px;
}
@media (max-width: 992px) {
  .docslist__item {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .docslist__item {
    font-size: 18px;
  }
}
@media (hover: hover) {
  .docslist__item:hover {
    color: #3381FF;
  }
}
.docslist__item:not(:last-child) {
  margin-bottom: 63px;
}
@media (max-width: 992px) {
  .docslist__item:not(:last-child) {
    margin-bottom: 43px;
  }
}
@media (max-width: 499px) {
  .docslist__item:not(:last-child) {
    margin-bottom: 35px;
  }
}
.docslist__item__img {
  margin-right: 45px;
  min-width: 55px;
}
@media (max-width: 992px) {
  .docslist__item__img {
    margin-right: 20px;
    min-width: 40px;
  }
}
.docslist__item__date {
  padding-top: 10px;
  font-weight: 600;
  color: #A7ACBC;
  display: block;
}

.category__docs {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .category__docs {
    margin-top: 110px;
  }
}
@media (max-width: 992px) and (min-width: 499px) {
  .category__docs .button {
    width: calc(100% - 60px);
    margin-left: 60px;
  }
}

@media (max-width: 1100px) {
  .docslist .category__menu {
    min-width: 230px;
  }
}

.parallax + .separator {
  height: 138px;
}
@media (max-width: 992px) {
  .parallax + .separator {
    height: 112px;
  }
}
@media (max-width: 499px) {
  .parallax + .separator {
    height: 94px;
  }
}

.digits {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 116px;
}
@media (max-width: 1220px) {
  .digits {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 100px;
  }
}
@media (max-width: 499px) {
  .digits {
    margin-bottom: 82px;
  }
}
.digits__pre {
  min-height: 30px;
  margin: 0 !important;
}
@media (max-width: 1220px) {
  .digits__pre {
    min-height: 25px;
  }
}
.digits--full .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .digits--full .container:not(.padding__left):not(.padding__right) {
    display: block;
  }
  .digits--full .container:not(.padding__left):not(.padding__right) .digits__item + .digits__item {
    margin-top: 30px;
  }
  .digits--full .container:not(.padding__left):not(.padding__right) .digits__pre {
    min-height: 0;
  }
}
@media (max-width: 699px) {
  .digits--full .container.padding__left.padding__right {
    display: block;
  }
  .digits--full .container.padding__left.padding__right .digits__item + .digits__item {
    margin-top: 30px;
  }
  .digits--full .container.padding__left.padding__right .digits__pre {
    min-height: 0;
  }
}
.digits--2columns .container {
  display: flex !important;
}
@media (max-width: 699px) {
  .digits--2columns .container {
    display: block !important;
  }
}
@media (max-width: 992px) and (min-width: 699px) {
  .digits--2columns .container .column:last-child {
    min-width: 48.09%;
    margin-left: 25px;
  }
}
@media (max-width: 699px) {
  .digits--2columns .container .column:last-child {
    margin-top: 60px;
  }
}
.digits__big {
  font-weight: 700;
  font-size: 70px;
  line-height: 82px;
  color: #3381FF;
  white-space: nowrap;
  margin: 0 !important;
}
@media (max-width: 1220px) {
  .digits__big {
    font-size: 40px;
    line-height: 48px;
  }
}
.digits__after {
  margin: 0 !important;
  max-width: 550px;
}
@media (max-width: 499px) {
  .digits__item {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: calc(100vw - 60px);
  }
  .digits__item::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
  }
}
.digits--full .digits__item + .digits__item {
  transition-delay: 0.25s !important;
}
.digits .column .digits__item + .digits__item {
  margin-top: 77px;
}
@media (max-width: 992px) {
  .digits .column .digits__item + .digits__item {
    margin-top: 44px;
  }
}
@media (max-width: 499px) {
  .digits .column .digits__item + .digits__item {
    margin-top: 33px;
  }
}
.digits h2 {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .digits h2 {
    margin-bottom: 22px;
  }
}
@media (max-width: 499px) {
  .digits h2 {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .project + .digits--full .digits__item {
    width: calc(50% - 15px);
  }
}

.digits + .parallax {
  margin-top: 145px;
}
@media (max-width: 992px) {
  .digits + .parallax {
    margin-top: 105px;
  }
}
@media (max-width: 499px) {
  .digits + .parallax {
    margin-top: 85px;
  }
}

.bigtitle + .parallax {
  margin-top: 157px;
}
@media (max-width: 992px) {
  .bigtitle + .parallax {
    margin-top: 130px;
  }
}
@media (max-width: 499px) {
  .bigtitle + .parallax {
    margin-top: 105px;
  }
}

.documents + .parallax {
  margin-top: 220px;
}
@media (max-width: 992px) {
  .documents + .parallax {
    margin-top: 145px;
  }
}
@media (max-width: 499px) {
  .documents + .parallax {
    margin-top: 120px;
  }
}

.simpleblock + .digits {
  margin-top: 50px;
}
@media (max-width: 992px) {
  .simpleblock + .digits {
    margin-top: 40px;
  }
}
@media (max-width: 499px) {
  .simpleblock + .digits {
    margin-top: 35px;
  }
}

.textpage--culture .project .container.padding__left4 .project__body__text .digits {
  padding-left: 0 !important;
}

.prima-art-scheme {
  display: flex;
  justify-content: center;
  margin-top: 57px;
  margin-bottom: 175px;
}
@media (max-width: 992px) {
  .prima-art-scheme {
    margin-top: 55px;
    margin-bottom: 138px;
  }
}
@media (max-width: 499px) {
  .prima-art-scheme {
    margin-top: 37px;
    margin-bottom: 113px;
  }
}
.prima-art-scheme img {
  max-width: 100%;
  display: block;
}

.certificates {
  margin-top: 140px;
}
@media (max-width: 992px) {
  .certificates {
    margin-top: 88px;
  }
}
@media (max-width: 499px) {
  .certificates {
    margin-top: 77px;
  }
}
.certificates__filters {
  margin-top: 32px;
  margin-bottom: 154px;
}
@media (max-width: 992px) {
  .certificates__filters {
    margin-bottom: 112px;
  }
}
@media (max-width: 499px) {
  .certificates__filters {
    margin-bottom: 96px;
  }
}
@media (min-width: 900px) {
  .certificates__filters .container {
    display: flex;
    justify-content: space-between;
  }
}
.certificates__list .container {
  margin-top: 60px;
}
@media (min-width: 800px) {
  .certificates__list .container {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (max-width: 992px) {
  .certificates__list .container {
    margin-top: 40px;
  }
}
@media (max-width: 499px) {
  .certificates__list .container {
    margin-top: 50px;
  }
}
.certificates__list .container > * {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  break-inside: avoid-column;
  page-break-inside: avoid;
  display: inline-flex;
}
.certificates__list:not(:last-child) {
  margin-bottom: 146px;
}
@media (max-width: 992px) {
  .certificates__list:not(:last-child) {
    margin-bottom: 110px;
  }
}
@media (max-width: 499px) {
  .certificates__list:not(:last-child) {
    margin-bottom: 92px;
  }
}

.filter {
  position: relative;
}
@media (max-width: 900px) {
  .filter:not(:last-child) {
    margin-bottom: 20px;
  }
}
.filter__opener {
  display: block;
  border: 1px solid #3381FF;
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 15px 42px 13px 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: #fff;
  position: relative;
  z-index: 50;
  cursor: pointer;
}
.filter__opener .arrow__bottom {
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
}
.filter__opener.active .arrow__bottom {
  transform: rotate(180deg);
}
@media (min-width: 900px) {
  .filter.col3 {
    width: 23.07%;
  }
  .filter.col5 {
    width: 40.17%;
  }
  .filter.col4 {
    width: 31.62%;
  }
}
.filter__dd {
  box-shadow: 0px 0px 70px rgba(35, 45, 62, 0.1);
  background: #FFFFFF;
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: absolute;
  transform: translate(0, -20px);
  transition: transform 0.3s, opacity 0.25s;
  left: -2000px;
  opacity: 0;
  z-index: 100;
  font-size: 22px;
  line-height: 30px;
}
@media (max-width: 992px) {
  .filter__dd {
    font-size: 20px;
  }
}
@media (max-width: 499px) {
  .filter__dd {
    font-size: 16px;
    line-height: 19px;
    margin: 0 -30px;
    width: 100vw;
  }
}
.filter__dd.active {
  left: 0;
  transform: translate(0, 0);
  opacity: 1;
}
.filter__dd__scroll {
  position: relative;
  max-height: 480px;
  padding-right: 30px;
  margin: 40px 10px 60px 50px;
}
@media (max-width: 900px) {
  .filter__dd__scroll {
    margin: 45px 30px 55px 60px;
  }
}
@media (max-width: 499px) {
  .filter__dd__scroll {
    margin: 45px 30px 50px 40px;
  }
}
.filter__dd__item {
  cursor: pointer;
  position: relative;
  left: 0;
  transition-duration: 0.3s;
}
@media (hover: hover) {
  .filter__dd__item:not(.checkbox):not(.disabled):hover {
    left: 15px;
  }
}
.filter__dd__item.disabled {
  color: #A7ACBC;
  cursor: default;
}
.filter__dd__item.active {
  color: #3381FF;
}
.filter__dd__item:not(:first-child) {
  margin-top: 20px;
}
@media (max-width: 499px) {
  .filter__dd__item:not(:first-child) {
    margin-top: 15px;
  }
}

.pic2layers {
  margin: 100px 0 178px;
}
@media (max-width: 992px) {
  .pic2layers {
    margin: 68px 0 144px;
  }
}
@media (max-width: 499px) {
  .pic2layers {
    margin: 48px 0 113px;
  }
}
.pic2layers__fixed {
  display: flex;
  justify-content: center;
  position: relative;
}
.pic2layers__fixed > div {
  height: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 499px) {
  .pic2layers__fixed > div {
    padding: 0;
  }
}
.pic2layers__fixed.sticky {
  position: fixed;
  width: 100%;
}
.pic2layers__fixed.bottompos {
  position: relative !important;
  left: 0 !important;
  bottom: 0 !important;
}
.pic2layers img {
  display: block;
}
@media (min-width: 2000px) {
  .pic2layers img {
    width: 1788px !important;
    height: auto;
  }
}
@media (max-width: 1300px) {
  .pic2layers img {
    max-height: 95vh;
    width: auto;
  }
}
.pic2layers__top, .pic2layers__text {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pic2layers__text {
  z-index: 110;
}

.geo {
  margin-bottom: 153px;
}
@media (max-width: 992px) {
  .geo {
    margin-bottom: 112px;
  }
}
@media (max-width: 499px) {
  .geo {
    margin-bottom: 93px;
  }
}
@media (max-width: 992px) {
  .geo__head {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .geo__head::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
    display: none;
  }
}
.geo__head .container {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .geo__head .container {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
@media (min-width: 2000px) {
  .geo__head .container {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
.geo__head__link {
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFF;
  padding: 0 43px;
  margin: 0 29px 25px 0;
  cursor: pointer;
}
@media (max-width: 992px) {
  .geo__head__link {
    margin: 0 20px 0 0;
    padding: 0 40px;
  }
}
@media (max-width: 576px) {
  .geo__head__link {
    font-size: 14px;
    line-height: 30px;
    margin: 0 13px 0 0;
    padding: 0 20px;
  }
}
.geo__head__link:last-child {
  margin-right: 0 !important;
}
.geo__head__link.ges {
  background-color: #A593FF;
  border: 1px solid #A593FF;
}
.geo__head__link.ges:not(.active):hover {
  background-color: #C2B6FF;
  border-color: #C2B6FF;
}
.geo__head__link.ges.active {
  color: #A593FF;
  background-color: transparent;
}
.geo__head__link.aes {
  color: #232D3E;
  background-color: #FFE34F;
  border: 1px solid #FFE34F;
}
.geo__head__link.aes:not(.active):hover {
  background-color: #FFEE92;
  border-color: #FFEE92;
}
.geo__head__link.aes.active {
  color: #FFE34F;
  background-color: transparent;
}
.geo__head__link.sea {
  background-color: #49EB9C;
  border: 1px solid #49EB9C;
}
.geo__head__link.sea:not(.active):hover {
  background-color: #8AEEBD;
  border-color: #8AEEBD;
}
.geo__head__link.sea.active {
  color: #49EB9C;
  background-color: transparent;
}
.geo__head__link.auto {
  background-color: #DE5643;
  border: 1px solid #DE5643;
}
.geo__head__link.auto:not(.active):hover {
  background-color: #E18376;
  border-color: #E18376;
}
.geo__head__link.auto.active {
  color: #DE5643;
  background-color: transparent;
}
.geo__head__link.metro {
  background-color: #AADE16;
  border: 1px solid #AADE16;
}
.geo__head__link.metro:not(.active):hover {
  background-color: #C3E55F;
  border-color: #C3E55F;
}
.geo__head__link.metro.active {
  color: #AADE16;
  background-color: transparent;
}
.geo__head__link.gaz {
  background-color: #33E7FF;
  border: 1px solid #33E7FF;
}
.geo__head__link.gaz:not(.active):hover {
  background-color: #82F0FF;
  border-color: #82F0FF;
}
.geo__head__link.gaz.active {
  color: #33E7FF;
  background-color: transparent;
}
.geo__body {
  padding-top: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .geo__body {
    padding-top: 40px;
    overflow-x: scroll;
    justify-content: flex-start;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .geo__body::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
    display: none;
  }
}
.geo__body img {
  display: block;
}
.geo__map {
  position: relative;
  flex-grow: 1;
  background: linear-gradient(180deg, #F8FAFF 0%, #E4E9F2 100%);
  min-width: 992px;
}
.geo__map[data-scroll=in] .geo__map__item {
  transform: scale(1) rotate(0deg);
  transition-delay: calc(130ms * var(--item-index));
}
@media (max-width: 550px) {
  .geo__map {
    min-width: 663px;
  }
}
.geo__map > img {
  width: 100%;
  height: auto;
}
.geo__map__item {
  position: absolute;
  transform: scale(0.01) rotate(-30deg);
  transition-duration: 0.5s;
}
.geo__map__item__icon img {
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition-duration: 0.2s;
}
@media (hover: hover) {
  .geo__map__item__icon img:hover {
    transform: scale(1.66) rotate(30deg);
    z-index: 330;
  }
}
@media (min-width: 1860px) {
  .geo__map__item__icon img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 992px) {
  .geo__map__item__icon img {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 550px) {
  .geo__map__item__icon img {
    width: 14px;
    height: 14px;
  }
}
.geo__map__item.hide {
  display: none;
}
.geo__map__item.show {
  display: block;
}
.geo__map__item.active {
  z-index: 330;
}
.geo__map__item.active .geo__map__item__icon img {
  transform: scale(1.66) rotate(30deg);
}
.geo__map__item__tooltip {
  position: absolute;
  background: #fff;
  display: none;
  z-index: 333;
  font-size: 22px;
  line-height: 30px;
  padding: 43px 70px;
  width: 330px;
  top: -50px;
  left: 125px;
  box-shadow: 0px 10px 25px rgba(132, 145, 166, 0.25);
}
@media (max-width: 1100px) {
  .geo__map__item__tooltip {
    font-size: 20px;
    line-height: 25px;
    padding: 40px 60px;
    top: 45px;
    left: -220px;
  }
}
@media (max-width: 550px) {
  .geo__map__item__tooltip {
    font-size: 18px;
    padding: 30px 40px;
    left: 0;
    box-sizing: border-box;
    width: 100vw;
  }
}
.geo__map__item__tooltip.left {
  left: auto;
  right: 105px;
}
@media (max-width: 1100px) {
  .geo__map__item__tooltip.left {
    right: -20px;
  }
}
.geo__map__item__tooltip.left0 {
  left: -50px;
}
@media (max-width: 1100px) {
  .geo__map__item__tooltip.top {
    top: auto;
    bottom: 45px;
  }
}
.geo__map__item__tooltip .close {
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 15px;
  background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.59668 19.5166L19.2743 1.83893M19.2743 19.5166L1.59668 1.83893' stroke='%23A7ACBC' stroke-width='3'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
  width: 27px;
  height: 27px;
}
@media (max-width: 1100px) {
  .geo__map__item__tooltip .close {
    right: 12px;
    top: 12px;
  }
}
.geo__map__item.active .geo__map__item__tooltip {
  display: block;
}

.hist__slider {
  margin-top: -35px;
  margin-bottom: 183px;
}
@media (max-width: 1100px) {
  .hist__slider {
    margin-bottom: 121px;
  }
}
@media (max-width: 992px) {
  .hist__slider {
    margin-top: -15px;
  }
}
@media (max-width: 499px) {
  .hist__slider {
    margin-bottom: 93px;
  }
}
@media (min-width: 699px) {
  .hist__slider .container {
    display: flex;
    justify-content: space-between;
  }
}
.hist__slider__years {
  color: #3381FF;
  font-weight: 900;
  padding-top: 120px;
  overflow: hidden;
  width: 450px;
  height: 240px;
  position: relative;
}
@media (max-width: 1100px) {
  .hist__slider__years {
    height: 130px;
    padding-top: 65px;
    width: 245px;
  }
}
@media (max-width: 699px) {
  .hist__slider__years {
    width: calc(100% + 30px);
  }
}
.hist__slider__years::before, .hist__slider__years::after {
  z-index: 99;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 35.47%, #FFFFFF 80.61%);
}
.hist__slider__years::after {
  top: auto;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 35.47%, #FFFFFF 80.61%);
}
.hist__slider__years .swiper {
  width: 380px;
  height: 120px;
  margin-left: 0;
  overflow: visible;
}
@media (max-width: 1100px) {
  .hist__slider__years .swiper {
    width: 240px;
    height: 65px;
  }
}
.hist__slider__years .swiper .swiper-slide {
  height: 120px;
  font-size: 120px;
  line-height: 120px;
  text-align: right;
}
@media (max-width: 1100px) {
  .hist__slider__years .swiper .swiper-slide {
    width: 200px;
    height: 65px;
  }
}
@media (max-width: 1100px) {
  .hist__slider__years .swiper .swiper-slide {
    font-size: 65px;
    line-height: 65px;
  }
}
.hist__slider__years .swiper .swiper-slide div {
  color: #fff;
  transition-duration: 0.3s !important;
}
.hist__slider__years .swiper .swiper-slide div span {
  text-shadow: 1px 0 0 #232D3E, -1px 0 0 #232D3E, 0 1px 0 #232D3E, 0 -1px 0 #232D3E;
  transition-duration: 0.3s;
  color: #fff;
}
.hist__slider__years .swiper .swiper-slide-active div {
  color: #B6D2FF;
  cursor: ns-resize;
}
.hist__slider__years .swiper .swiper-slide-active div span {
  color: #3381FF;
  text-shadow: none;
}
.hist__slider__years .swiper .swiper-arrows {
  position: absolute;
  left: calc(100% + 23px);
  top: 5px;
  height: 108px;
  z-index: 200;
}
@media (max-width: 1100px) {
  .hist__slider__years .swiper .swiper-arrows {
    left: auto;
    right: 0px;
    top: -17px;
    transform: scale(0.81);
    transform-origin: top right;
  }
}
@media (max-width: 699px) {
  .hist__slider__years .swiper .swiper-arrows {
    display: flex;
    left: calc(100% - 20px);
    right: auto;
    top: 6px;
    transform-origin: center left;
  }
}
@media (max-width: 499px) {
  .hist__slider__years .swiper .swiper-arrows {
    transform: scale(1);
    top: 15px;
  }
}
.hist__slider__years .swiper .swiper-arrows a {
  width: 43px;
  height: 36px;
  display: block;
  transform: rotate(90deg);
  cursor: pointer;
}
.hist__slider__years .swiper .swiper-arrows a.swiper-prev {
  transform: rotate(-90deg);
  margin-bottom: 25px;
}
@media (max-width: 1100px) {
  .hist__slider__years .swiper .swiper-arrows a.swiper-prev {
    margin-bottom: 33px;
  }
}
.hist__slider__years .swiper .swiper-arrows a span::before {
  box-shadow: 0px 0px 10px rgba(132, 145, 166, 0.25);
}
@media (max-width: 699px) {
  .hist__slider__years .swiper .swiper-arrows a {
    transform: rotate(0deg);
    height: 36px;
  }
}
@media (max-width: 699px) and (max-width: 499px) {
  .hist__slider__years .swiper .swiper-arrows a {
    height: 32px;
  }
}
@media (max-width: 699px) {
  .hist__slider__years .swiper .swiper-arrows a.swiper-prev {
    transform: rotate(-180deg);
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.hist__slider__text {
  margin-top: 120px;
  width: 57.26%;
}
@media (max-width: 1100px) {
  .hist__slider__text {
    flex-grow: 1;
    margin: 65px 0 0 20px;
  }
}
@media (max-width: 699px) {
  .hist__slider__text {
    margin: 0;
    width: auto;
  }
}
.hist__slider__text .swiper-slide {
  background: #fff;
  padding-bottom: 2px;
}
.hist__slider__text .swiper-slide p:not(:last-child) {
  margin-bottom: 20px;
}
.hist__slider__text .swiper-slide img {
  margin-top: 28px;
  display: block;
  max-width: 100%;
}
.hist__slider__text .swiper-slide h3 {
  color: #3381FF;
  margin-bottom: 18px;
}
@media (max-width: 992px) {
  .hist__slider__text .swiper-slide h3 {
    margin-bottom: 15px;
  }
}
.hist__slider__text p + h3 {
  margin-top: 50px;
}
.hist__slider__text img + h3 {
  margin-top: 58px;
}

@media (max-width: 992px) {
  .today {
    margin-bottom: 310px;
  }
}
@media (max-width: 992px) {
  .today {
    margin-bottom: 250px;
  }
}
@media (max-width: 576px) {
  .today {
    margin-bottom: 270px;
  }
}
.today__head {
  margin-bottom: 27px;
  padding-left: 100px;
}
@media (max-width: 992px) {
  .today__head {
    margin-bottom: 22px;
    padding-left: 86px;
  }
}
@media (max-width: 576px) {
  .today__head {
    padding-left: 0;
  }
}
.today__body {
  min-height: 745px;
  position: relative;
}
@media (max-width: 992px) {
  .today__body {
    min-height: 0;
  }
}
.today__body__img {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 606px;
  transform: scale(0.01);
  transition-duration: 1.5s;
  transition-delay: 1.7s;
}
.today__body__img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.today__body__img.shown {
  transform: scale(1);
}
.today__body__img.shown img {
  -webkit-animation: 32s rotate360 infinite linear 1s;
          animation: 32s rotate360 infinite linear 1s;
}
@media (max-width: 992px) {
  .today__body__img {
    left: -106px;
    width: 458px;
    bottom: -113px;
  }
}
@media (max-width: 576px) {
  .today__body__img {
    width: 350px;
    left: calc(50% - 175px);
    bottom: -145px;
  }
}
.today__body__text {
  padding: 80px 70px 70px;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(35, 45, 62, 0.1);
  margin-left: 34.18%;
  font-size: 18px;
  line-height: 25px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .today__body__text {
    padding: 60px;
    margin-left: 86px;
  }
}
@media (max-width: 576px) {
  .today__body__text {
    font-size: 16px;
    padding: 48px 30px 40px;
    margin-left: 0;
  }
}
@media (max-width: 499px) {
  .today__body__text {
    margin: 0 -30px;
  }
}
.today__body__text p:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .today__body__text p:not(:last-child) {
    margin-bottom: 15px;
  }
}
.today__body__text__logos {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 50px -70px 0 0;
}
@media (max-width: 992px) {
  .today__body__text__logos {
    margin: 38px -60px 0 0;
  }
}
@media (max-width: 576px) {
  .today__body__text__logos {
    margin: 22px -30px 0 0;
  }
}
.today__body__text__logos img {
  display: block;
  height: auto;
  position: relative;
  left: -960px;
  transition-delay: calc(400ms + 150ms * var(--item-index-reverse));
  transition-duration: 0.9s;
}
@media (max-width: 992px) {
  .today__body__text__logos img {
    width: calc(72px * var(--width) / 100);
  }
}
@media (max-width: 576px) {
  .today__body__text__logos img {
    width: calc(48.4px * var(--width) / 100);
  }
}
.today__body__text__logos[data-scroll=in] img {
  left: 0px;
}

.welcome {
  min-height: 100vh;
  z-index: 230;
  position: relative;
  -webkit-clip-path: circle(0px at 50vw 50vh);
          clip-path: circle(0px at 50vw 50vh);
  transition: 1.5s ease-in-out;
}
.welcome.show {
  -webkit-clip-path: circle(100% at 50vw 50vh);
          clip-path: circle(100% at 50vw 50vh);
}
.welcome__video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: url(../images/welcome.jpg) 50% 50% / cover no-repeat;*/
}
.welcome__video video {
  transition-duration: 1s;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.welcome__text {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}
@media (max-width: 499px) {
  .welcome__text {
    font-size: 18px;
    line-height: 25px;
  }
}
.welcome__text h1 {
  font-weight: 700;
  font-size: 100px;
  line-height: 129px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  position: relative;
  z-index: 100;
}
@media (max-width: 1360px) {
  .welcome__text h1 {
    font-size: 80px;
    line-height: 103px;
  }
}
@media (max-width: 699px) {
  .welcome__text h1 {
    margin: 0 0 36px 0;
    font-size: 76px;
    line-height: 98px;
  }
}
@media (max-width: 525px) {
  .welcome__text h1 {
    font-size: 56px;
    line-height: 79px;
    margin: 0 0 32px 0;
  }
}
@media (max-width: 499px) {
  .welcome__text h1 {
    font-size: 46px;
    line-height: 59px;
  }
}
.welcome__text h1.splitting {
  opacity: 1;
}
.welcome__text h1 .char {
  opacity: 0;
  transition-duration: 0.3s;
}
.welcome__text h1 .char.show {
  opacity: 1;
}
.welcome__text p {
  max-width: 480px;
  margin: 0;
}
.welcome__text p .word {
  opacity: 0;
  transform: translateY(0.5em);
  transition: transform 0.4s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.4s linear;
  transition-delay: calc(200ms * var(--line-index));
}
.welcome__text p.show .word {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 699px) {
  .welcome__text p {
    padding: 0 30px;
  }
}
.welcome .goNext {
  cursor: pointer;
  position: absolute;
  bottom: 32px;
  left: calc(50% - 54px);
  -webkit-animation: 16s rotate__hover infinite linear;
          animation: 16s rotate__hover infinite linear;
  opacity: 0;
}
.welcome .goNext.show {
  opacity: 1;
  transition-duration: 0.5s;
}
.welcome .goNext img {
  filter: brightness(0) invert(1);
  -webkit-animation: 5s rotate__hover infinite linear;
          animation: 5s rotate__hover infinite linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  width: 106px;
  height: auto;
}
.welcome .goNext:hover img {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@media (max-width: 1360px) and (min-width: 992px) {
  .welcome .goNext {
    bottom: 16px;
  }
}
@media (max-width: 499px) {
  .welcome .goNext {
    left: calc(50% - 40px);
    bottom: 16px;
  }
  .welcome .goNext img {
    width: 79px;
  }
}

.home h2 {
  font-style: normal;
  font-weight: 100;
  font-size: 80px;
  line-height: 100%;
  color: #232D3E;
  margin-bottom: 42px;
}
@media (max-width: 992px) {
  .home h2 {
    font-size: 60px;
    margin-bottom: 28px;
  }
}
@media (max-width: 699px) {
  .home h2 {
    font-size: 56px;
    line-height: 60px;
  }
}
@media (max-width: 499px) {
  .home h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 19px;
  }
}
.home h2 .char {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(25ms * var(--char-index));
}
.home h2.splitting[data-scroll=out] .char {
  opacity: 0;
  transform: translateY(0.5em);
}

.home .aftertitle {
  font-weight: 400;
  font-size: 30px;
  line-height: 150%;
  margin-left: min(25vw, 300px);
  margin-bottom: 84px;
}
@media (max-width: 992px) {
  .home .aftertitle {
    margin-left: min(11vw, 85px);
    font-size: 24px;
    margin-bottom: 63px;
  }
}
@media (max-width: 699px) {
  .home .aftertitle {
    margin-left: min(16.6vw, 90px);
    font-size: 22px;
  }
}
@media (max-width: 499px) {
  .home .aftertitle {
    margin-left: 0;
    font-size: 20px;
    margin-bottom: 56px;
  }
}
.home .aftertitle .word {
  transition: transform 0.3s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.3s linear;
  transition-delay: calc(200ms * var(--line-index));
}
.home .aftertitle.splitting[data-scroll=out] .word {
  opacity: 0;
  transform: translateY(0.7em);
}

.slidercategories {
  overflow: hidden;
  margin: 171px 0 161px 0;
}
@media (max-width: 992px) {
  .slidercategories {
    margin: 102px 0;
  }
}
@media (max-width: 499px) {
  .slidercategories {
    margin: 85px 0;
  }
}
.slidercategories .swiper-container {
  overflow: hi1dden;
  padding-top: 32px;
}
.slidercategories .swiper-slide {
  width: 450px;
  box-shadow: -80px 0 80px -80px rgba(0, 0, 0, 0.8), 80px 0 80px -80px rgba(0, 0, 0, 0.8);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.11, 0, 0.5, 0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  cursor: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cpath d='M18.0711 32.0708L11 24.9998L18.0711 17.9287' stroke='%238491A6'/%3E%3Cpath d='M31.0715 32.0711L38.1426 25L31.0715 17.9289' stroke='%238491A6'/%3E%3C/svg%3E%0A") 50 50, pointer;
}
@media (max-width: 1360px) {
  .slidercategories .swiper-slide {
    width: 380px;
  }
}
@media (max-width: 992px) {
  .slidercategories .swiper-slide {
    width: 300px;
  }
}
@media (max-width: 499px) {
  .slidercategories .swiper-slide {
    width: 240px;
  }
}
.slidercategories .swiper-slide:first-child {
  -webkit-clip-path: inset(0px -80px 0px 0px);
          clip-path: inset(0px -80px 0px 0px);
}
.slidercategories .swiper-slide:last-child {
  -webkit-clip-path: inset(0px 0px 0px -80px);
          clip-path: inset(0px 0px 0px -80px);
}
@media (hover: hover) {
  .slidercategories .swiper-slide:hover {
    transform: scale(1.11) !important;
    z-index: 120 !important;
    box-shadow: none;
    -webkit-clip-path: none !important;
            clip-path: none !important;
  }
}
.slidercategories .swiper-slide.swiper-slide-active {
  z-index: 100 !important;
}
.slidercategories .swiper-slide img {
  display: block;
}
.slidercategories .swiper-slide::before {
  position: absolute;
}
.slidercategories .swiper-slide a {
  cursor: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cpath d='M18.0711 32.0708L11 24.9998L18.0711 17.9287' stroke='%238491A6'/%3E%3Cpath d='M31.0715 32.0711L38.1426 25L31.0715 17.9289' stroke='%238491A6'/%3E%3C/svg%3E%0A") 50 50, pointer;
}
.slidercategories .swiper-slide-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-font-smoothing: subpixel-antialiased;
}
@media (max-width: 992px) {
  .slidercategories .swiper-slide-title {
    font-size: 22px;
    line-height: 35px;
  }
}
@media (max-width: 699px) {
  .slidercategories .swiper-slide-title {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 499px) {
  .slidercategories .swiper-slide-title {
    font-size: 18px;
    line-height: 25px;
  }
}
.slidercategories .swiper-slide.beforelast {
  box-shadow: -80px 0 80px -80px rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.slidercategories .swiper-slide.white {
  padding: 0 250px !important;
  box-shadow: none !important;
  transform: scale(1) !important;
  z-index: 9;
}
@media (max-width: 1360px) {
  .slidercategories .swiper-slide.white {
    padding: 0 200px !important;
  }
}
@media (max-width: 992px) {
  .slidercategories .swiper-slide.white {
    padding: 0 150px !important;
  }
}
@media (max-width: 699px) {
  .slidercategories .swiper-slide.white {
    padding: 0 120px !important;
  }
}
@media (max-width: 499px) {
  .slidercategories .swiper-slide.white {
    padding: 0 60px !important;
  }
}
.slidercategories .swiper-slide.white.swiper-slide-active {
  z-index: 9 !important;
}
.slidercategories .swiper-slide.white .swiper-slide-title {
  color: #0B2F6A;
}
.slidercategories .swiper-slide span {
  position: relative;
}
.slidercategories .swiper-slide .arrow__right {
  position: absolute;
  bottom: -135px;
  left: calc(50% - 35px);
  margin-left: 0;
}
@media (max-width: 1300px) {
  .slidercategories .swiper-slide .arrow__right {
    bottom: -115px;
  }
}
@media (max-width: 992px) {
  .slidercategories .swiper-slide .arrow__right {
    bottom: -80px;
  }
}
@media (hover: hover) {
  .slidercategories .swiper-slide:hover .arrow__right {
    margin-left: 20px;
  }
}
.slidercategories .swiper-slide-next {
  z-index: 90;
}
.slidercategories .swiper-slide-next + .swiper-slide {
  z-index: 85;
}
.slidercategories .swiper-slide-next + .swiper-slide + .swiper-slide {
  z-index: 80;
}
.slidercategories .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide {
  z-index: 75;
}
.slidercategories .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  z-index: 70;
}
.slidercategories .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  z-index: 65;
}
.slidercategories .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  z-index: 60;
}
.slidercategories__pagination.swiper-pagination-bullets {
  margin-top: 55px;
  display: flex;
  justify-content: center;
  height: 25px;
}
@media (max-width: 992px) {
  .slidercategories__pagination.swiper-pagination-bullets {
    margin-top: 30px;
    height: 20px;
  }
}
@media (max-width: 499px) {
  .slidercategories__pagination.swiper-pagination-bullets {
    margin-top: 20px;
  }
}
.slidercategories__bullet {
  cursor: pointer;
  width: 13px;
  margin: 0 7px;
  border: 1px solid #A7ACBC;
  transition-duration: 0.3s;
}
@media (max-width: 1220px) {
  .slidercategories__bullet {
    width: 10px;
    margin: 0 6px;
  }
}
.slidercategories__bullet:nth-child(8) {
  display: none;
}
.slidercategories__bullet.active {
  width: 28px;
}
@media (max-width: 1220px) {
  .slidercategories__bullet.active {
    width: 22px;
  }
}
.slidercategories__bullet--active {
  width: 28px;
}
@media (max-width: 1220px) {
  .slidercategories__bullet--active {
    width: 22px;
  }
}
.slidercategories__bullet--active + span + span + span + span + span + span {
  opacity: 0.75;
}
.slidercategories__bullet--active + span + span + span + span + span + span + span {
  opacity: 0.5;
}

.areas {
  margin-bottom: 216px;
}
@media (max-width: 992px) {
  .areas {
    margin-bottom: 102px;
  }
}
@media (max-width: 499px) {
  .areas {
    margin-bottom: 85px;
  }
}
.areas__wrapper {
  margin-right: 100px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1220px) {
  .areas__wrapper {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .areas__wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 699px) {
  .areas__wrapper {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media (max-width: 499px) {
  .areas__wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.areas__gutter {
  width: 12.1%;
}
@media (max-width: 1220px) {
  .areas__gutter {
    width: 3.5%;
  }
}
@media (max-width: 699px) {
  .areas__gutter {
    width: 0;
    display: none;
  }
}
.areas__item {
  display: flex;
  width: 43.91%;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 200px;
  text-decoration: none;
  overflow: hidden;
  transition-duration: 0.15s;
}
@media (max-width: 1220px) {
  .areas__item {
    width: 48.24%;
    margin-top: 180px;
  }
}
@media (max-width: 699px) {
  .areas__item {
    width: 100%;
    margin-top: 50px;
  }
}
@media (max-width: 499px) {
  .areas__item {
    margin-top: 40px;
  }
}
.areas__item:first-of-type {
  margin-top: 0 !important;
}
.areas__item.wide {
  justify-content: space-between;
}
.areas__item span {
  display: block;
}
.areas__item:not(.areas__item_number) {
  box-shadow: 0px 10px 25px rgba(132, 145, 166, 0.25);
  min-height: 600px;
}
@media (max-width: 992px) and (min-width: 699px) {
  .areas__item:not(.areas__item_number) {
    min-height: 560px;
  }
}
@media (max-width: 499px) {
  .areas__item:not(.areas__item_number) {
    min-height: 535px;
  }
}
@media (hover: hover) {
  .areas__item:not(.areas__item_number):hover {
    transform: perspective(800px) rotateY(-5deg);
  }
}
.areas__item.areas_blue {
  background: #3381FF;
  color: #fff;
}
.areas__item.areas_lightblue {
  background: #4CBAF5;
  color: #fff;
}
.areas__item.areas_cyan {
  background: #1DD3D9;
  color: #fff;
}
.areas__item img {
  max-width: 100%;
  display: block;
}
.areas__item:not(.wide) .areas__item__img {
  flex-grow: 1;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 992px) and (min-width: 699px), (max-width: 499px) {
  .areas__item:not(.wide) .areas__item__img img {
    transform: scale(0.9);
    transform-origin: left center;
  }
}
.areas__item:not(.wide) .areas__item__img.overflowing {
  max-height: 235px;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .areas__item:not(.wide) .areas__item__img.overflowing {
    max-height: 242px;
  }
}
@media (max-width: 499px) {
  .areas__item:not(.wide) .areas__item__img.overflowing {
    max-height: 212px;
  }
  .areas__item:not(.wide) .areas__item__img.overflowing img {
    transform: scale(0.8);
    margin-top: -20px;
  }
}
.areas__item:not(.wide) .areas__item__img .underlined {
  position: relative;
  width: 100%;
}
.areas__item:not(.wide) .areas__item__img .underlined:before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  height: 1px;
  background: #fff;
  width: 100%;
  opacity: 0.6;
}
.areas__item.wide .areas__item__img {
  height: 220px;
  position: relative;
}
@media (max-width: 992px) and (min-width: 699px), (max-width: 499px) {
  .areas__item.wide .areas__item__img {
    height: 180px;
  }
}
.areas__item.wide .areas__item__img > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.areas__item.wide .areas__item__img .areas__item__img__small {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 70px;
  bottom: -65px;
}
@media (max-width: 992px) {
  .areas__item.wide .areas__item__img .areas__item__img__small {
    left: 30px;
  }
}
@media (max-width: 699px) {
  .areas__item.wide .areas__item__img .areas__item__img__small {
    left: 70px;
  }
}
@media (max-width: 499px) {
  .areas__item.wide .areas__item__img .areas__item__img__small {
    left: 30px;
    transform: scale(0.846);
    transform-origin: left center;
  }
}
.areas__item__content {
  padding: 0 70px;
  margin-bottom: 113px;
}
@media (max-width: 992px) {
  .areas__item__content {
    padding: 0 30px;
    margin-bottom: 93px;
  }
}
@media (max-width: 699px) {
  .areas__item__content {
    padding: 0 70px;
    margin-bottom: 113px;
  }
}
@media (max-width: 499px) {
  .areas__item__content {
    padding: 0 30px;
    margin-bottom: 98px;
  }
}
.areas__item__title {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 14px;
  font-weight: 600;
}
@media (max-width: 992px) and (min-width: 699px), (max-width: 499px) {
  .areas__item__title {
    font-size: 26px;
    line-height: 30px;
  }
}
.areas__item__text {
  max-width: 330px;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 992px) and (min-width: 699px), (max-width: 499px) {
  .areas__item__text {
    font-size: 17px;
  }
}
.areas__item__readon {
  position: absolute;
  bottom: 58px;
  font-weight: 300;
  font-size: 15px;
  line-height: 150%;
}
.areas__item__readon::before {
  position: absolute;
  content: "";
  bottom: -4px;
  right: 0;
  height: 1px;
  background: #fff;
  width: 300px;
}
.areas__item:not(.areas_lightblue):not(.areas_blue):not(.areas_cyan) .areas__item__readon {
  color: #1DD3D9;
}
.areas__item:not(.areas_lightblue):not(.areas_blue):not(.areas_cyan) .areas__item__readon::before {
  background: #1DD3D9;
}
.areas__item.areas__item_number {
  overflow: visible;
  margin-top: 117px;
}
@media (max-width: 992px) {
  .areas__item.areas__item_number {
    margin-top: 94px;
  }
}
.areas__item.areas__item_number .areas__item__title {
  color: #3381FF;
  font-size: 70px;
  line-height: 120%;
  font-size: 70px;
  line-height: 120%;
  font-weight: bold;
  padding-left: 100px;
  white-space: nowrap;
}
@media (max-width: 1220px) {
  .areas__item.areas__item_number .areas__item__title {
    padding-left: 28px;
  }
}
@media (max-width: 992px) {
  .areas__item.areas__item_number .areas__item__title {
    font-size: 40px;
    margin-bottom: 2px;
  }
}
@media (max-width: 699px) {
  .areas__item.areas__item_number .areas__item__title {
    font-size: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 499px) {
  .areas__item.areas__item_number .areas__item__title {
    font-size: 40px;
    padding-left: 15px;
  }
}
.areas__item.areas__item_number .areas__item__text {
  font-size: 24px;
  line-height: 35px;
  padding-left: 100px;
}
@media (max-width: 1220px) {
  .areas__item.areas__item_number .areas__item__text {
    padding-left: 28px;
  }
}
@media (max-width: 992px) {
  .areas__item.areas__item_number .areas__item__text {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 699px) {
  .areas__item.areas__item_number .areas__item__text {
    padding-left: 50px;
  }
}
@media (max-width: 499px) {
  .areas__item.areas__item_number .areas__item__text {
    padding-left: 15px;
  }
}
.areas .areas__item.areas__item_number + .areas__item {
  margin-top: 100px;
}
@media (max-width: 992px) {
  .areas .areas__item.areas__item_number + .areas__item {
    margin-top: 80px;
  }
}
@media (max-width: 699px) {
  .areas .areas__item.areas__item_number + .areas__item {
    margin-top: 63px;
  }
}

.opportunities {
  margin-bottom: 350px;
}
@media (max-width: 1220px) {
  .opportunities {
    margin-bottom: 290px;
  }
}
@media (max-width: 499px) {
  .opportunities {
    margin-bottom: 120px;
  }
}
.opportunities .opportunities__slider {
  position: relative;
  overflow: visible;
}
.opportunities .opportunities__slider__item__img {
  max-width: 74%;
}
.opportunities .opportunities__slider__item__img img {
  max-width: 100%;
  display: block;
}
@media (max-width: 699px) {
  .opportunities .opportunities__slider__item__img {
    max-width: 82.69%;
  }
}
@media (max-width: 499px) {
  .opportunities .opportunities__slider__item__img {
    max-width: none;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.opportunities .opportunities__slider__item__text {
  position: absolute;
  right: 0;
  top: 280px;
  width: 570px;
  background: #FFFFFF;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  padding: 40px 70px 55px;
  text-decoration: none;
  box-sizing: border-box;
  transition-duration: 0.3s;
  color: #A7ACBC;
}
@media (max-width: 992px) {
  .opportunities .opportunities__slider__item__text {
    top: 175px;
    width: 400px;
    padding: 32px 32px 40px;
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 699px) {
  .opportunities .opportunities__slider__item__text {
    width: 360px;
    padding: 32px 30px 30px;
    font-size: 18px;
  }
}
@media (max-width: 499px) {
  .opportunities .opportunities__slider__item__text {
    width: auto;
    padding: 32px 25px 30px;
    position: relative;
    top: 0;
    margin-top: -20px;
    display: block;
  }
}
@media (hover: hover) {
  .opportunities .opportunities__slider__item__text:hover {
    transform: perspective(800px) rotateY(-5deg);
    color: #3381FF;
  }
}
.opportunities .opportunities__slider__item__text .counter {
  display: block;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
}
.opportunities .opportunities__slider__item__text .counter b {
  color: #3381FF;
  font-weight: 700;
}
.opportunities .opportunities__slider__item__text .counter > span {
  display: inline-block;
  width: 70px;
  height: 1px;
  background: #A7ACBC;
  vertical-align: middle;
  margin-right: 13px;
  position: relative;
}
.opportunities .opportunities__slider__item__text .counter > span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #3381FF;
}
.opportunities .opportunities__slider .swiper-slide-visible .opportunities__slider__item__text {
  box-shadow: 0px 0px 50px rgba(35, 45, 62, 0.1);
}
.opportunities .opportunities__slider .swiper-slide-visible .opportunities__slider__item__text .counter > span::before {
  -webkit-animation: "opp-progress" 4.9s linear forwards;
          animation: "opp-progress" 4.9s linear forwards;
}
.opportunities .opportunities__slider .arrow__right {
  margin-top: 70px;
}
@media (max-width: 992px) {
  .opportunities .opportunities__slider .arrow__right {
    margin-top: 40px;
  }
}
.opportunities .opportunities__slider .swiper-pagination {
  background: #fff;
  width: 28.2%;
  right: 0;
  top: 0;
  left: auto;
  bottom: auto;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1220px) {
  .opportunities .opportunities__slider .swiper-pagination {
    display: none;
  }
}
.opportunities .opportunities__slider .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 30px 0;
  background: none;
  opacity: 1;
  color: #A7ACBC;
  padding: 0 0 0 90px;
  letter-spacing: 0.02em;
}
.opportunities .opportunities__slider .swiper-pagination .swiper-pagination-bullet i {
  font-style: normal;
  position: absolute;
  left: 0;
  padding-left: 60px;
  letter-spacing: 0em;
}
.opportunities .opportunities__slider .swiper-pagination .swiper-pagination-bullet i::before {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0;
  height: 1px;
  width: calc(100% + 3px);
  width: 0;
  background: #A7ACBC;
  transition-duration: 0.2s;
}
.opportunities .opportunities__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #3381FF;
}
.opportunities .opportunities__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active i:before {
  width: calc(100% + 3px);
  background: #3381FF;
}
.opportunities .opportunities__slider .swiper-pagination .swiper-pagination-bullet:hover i::before {
  width: calc(100% + 3px);
}

@-webkit-keyframes opp-progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes opp-progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.idea {
  z-index: 30;
  position: relative;
  background: #3381FF;
  color: #fff;
  padding: 94px 0;
  margin-bottom: 185px;
}
@media (max-width: 992px) {
  .idea {
    margin-bottom: 102px;
  }
}
@media (max-width: 499px) {
  .idea {
    padding: 66px 0 75px;
    margin-bottom: 115px;
  }
}
.idea .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .idea .container {
    display: block;
    text-align: center;
  }
}
.idea__head {
  margin-right: 10%;
}
@media (max-width: 1100px) {
  .idea__head {
    margin-right: 0;
  }
}
.idea__head__slogan {
  font-weight: 600;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.02em;
  max-width: 445px;
  margin-bottom: 67px;
}
@media (max-width: 1100px) {
  .idea__head__slogan {
    max-width: none;
    margin-bottom: 56px;
  }
}
@media (max-width: 499px) {
  .idea__head__slogan {
    font-size: 26px;
    margin-bottom: 41px;
  }
}
.idea__head__title {
  font-weight: 100;
  font-size: 70px;
  line-height: 230px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
@media (max-width: 499px) {
  .idea__head__title {
    line-height: 150px;
    font-size: 45px;
  }
}
.idea__head__title .vortex {
  position: absolute;
  left: calc(50% - 115px);
  top: calc(50% - 115px);
  z-index: -1;
}
@media (max-width: 499px) {
  .idea__head__title .vortex {
    width: 150px;
    height: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
  }
}
.idea__text {
  width: 48.71%;
  min-width: 48.71%;
}
@media (max-width: 1100px) {
  .idea__text {
    width: auto;
    padding-top: 56px;
  }
}
@media (max-width: 992px) {
  .idea__text {
    padding-top: 37px;
  }
}
.idea__text__desc {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 81px;
}
@media (max-width: 992px) {
  .idea__text__desc {
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .idea__text__desc {
    font-size: 16px;
    margin-bottom: 62px;
  }
}
.idea__text__contacts {
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 499px) {
  .idea__text__contacts {
    margin-top: 16px;
    font-size: 16px;
  }
}
.idea__text__contacts a {
  color: #fff;
  text-decoration: none;
}
.idea__text__contacts .label {
  font-weight: 600;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .idea__text__contacts .label {
    margin-bottom: 3px;
  }
}
@media (max-width: 499px) {
  .idea__text__contacts .label {
    margin-bottom: 8px;
  }
}
.idea__text__contacts .label:not(:first-child) {
  margin-top: 44px;
}
@media (max-width: 499px) {
  .idea__text__contacts .label:not(:first-child) {
    margin-top: 32px;
  }
}
.idea__text__contacts .link {
  margin-bottom: 0;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
@media (max-width: 992px) {
  .idea__text__contacts .link {
    font-size: 45px;
  }
}
@media (max-width: 499px) {
  .idea__text__contacts .link {
    font-size: 30px;
  }
}

.project + .idea {
  margin-top: 260px;
}
@media (max-width: 992px) {
  .project + .idea {
    margin-top: 205px;
  }
}
@media (max-width: 499px) {
  .project + .idea {
    margin-top: 160px;
  }
}

.indicator {
  position: fixed;
  z-index: 1;
  left: -57px;
  top: calc(50% - 63px);
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
}
.indicator.show {
  opacity: 1;
  transition-duration: 0.5s;
}
@media (max-width: 1360px) {
  .indicator {
    transform: scale(0.7);
  }
}
@media (max-width: 499px) {
  .indicator {
    display: none !important;
    left: -300px;
  }
}
.indicator__text {
  width: 106px;
  height: auto;
  -webkit-animation: 32s rotate360 infinite linear;
          animation: 32s rotate360 infinite linear;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.indicator__vortex, .indicator #scrollprogress {
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  position: absolute;
  width: 45px;
  height: 45px;
  background: url(../images/vector_vortex.png) 0 0 no-repeat;
  display: block;
}
.indicator #scrollprogress {
  position: static !important;
  background: url(../images/vector_vortex_blue.png) 0 0 no-repeat;
}

@-webkit-keyframes rotate_indicator {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate_indicator {
  to {
    transform: rotate(360deg);
  }
}
.product {
  margin-top: 65px;
  font-size: 18px;
  line-height: 30px;
  position: relative;
}
@media (max-width: 992px) {
  .product {
    margin-top: 47px;
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .product {
    margin-top: 43px;
  }
}
.product__main {
  margin-bottom: 140px;
  display: flex;
}
@media (max-width: 992px) {
  .product__main {
    margin-bottom: 104px;
    display: block;
  }
}
@media (max-width: 699px) {
  .product__main {
    margin-bottom: 90px;
  }
}
.product p:not(:last-child) {
  margin-bottom: 25px;
}
.product h2 {
  margin-bottom: 55px;
}
@media (max-width: 992px) {
  .product h2 {
    margin-bottom: 32px;
  }
}
@media (max-width: 499px) {
  .product h2 {
    margin-bottom: 24px;
  }
}
.product__text {
  flex-grow: 1;
  max-width: calc(100% - 300px - 102px);
}
@media (max-width: 1220px) {
  .product__text {
    max-width: calc(100% - 250px - 102px);
  }
}
@media (max-width: 992px) {
  .product__text {
    max-width: none;
  }
}
.product__text a {
  color: #3381FF;
}
.product__text ul {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0;
}
.product__text ul:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .product__text ul {
    line-height: 25px;
  }
}
@media (max-width: 499px) {
  .product__text ul {
    font-size: 16px;
  }
}
.product__text ul li {
  padding-left: 40px;
  position: relative;
}
@media (max-width: 499px) {
  .product__text ul li {
    padding-left: 35px;
  }
}
.product__text ul li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #3381FF;
  top: 14px;
  left: 0;
}
@media (max-width: 992px) {
  .product__text ul li::before {
    top: 12px;
  }
}
@media (max-width: 499px) {
  .product__text ul li::before {
    width: 15px;
  }
}
.product__text ul li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .product__text ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.product__photos {
  min-width: 300px;
  margin-left: 102px;
}
@media (max-width: 1220px) {
  .product__photos {
    min-width: 250px;
  }
}
@media (max-width: 992px) and (min-width: 499px) {
  .product__photos {
    margin-top: 99px;
    margin-left: -56px;
    margin-right: -56px;
    padding-left: 56px;
    padding-right: 56px;
    width: calc(100vw - 112px);
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media (max-width: 992px) and (min-width: 499px) and (max-width: 699px) {
  .product__photos {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    width: calc(100vw - 80px);
  }
}
@media (max-width: 992px) and (min-width: 499px) {
  .product__photos::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
  }
}
@media (max-width: 992px) and (min-width: 499px) {
  .product__photos > * {
    margin-right: 48px;
    min-width: 250px;
    width: 250px;
    margin-bottom: 0 !important;
  }
  .product__photos > *:last-child {
    margin-right: 0;
  }
}
@media (max-width: 699px) {
  .product__photos {
    margin-top: 77px;
  }
}
@media (max-width: 499px) {
  .product__photos {
    margin-left: 26px;
    margin-right: 26px;
  }
}
.product__photos img, .product__photos a {
  display: block;
}
.product__photos > a:not(:last-child) {
  margin-bottom: 66px;
}
@media (max-width: 499px) {
  .product__photos > a:not(:last-child) {
    margin-bottom: 32px;
  }
}
@media (max-width: 992px) and (min-width: 499px) {
  .product__photos > a {
    opacity: 1;
    transform: translateY(0);
  }
  .product__photos.scrollIn_50_tablet > a {
    transition: transform 0.5s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.5s linear !important;
    opacity: 0;
    transform: translateY(4em);
    transition-delay: calc(100ms * var(--item-index)) !important;
  }
  .product__photos.scrollIn_50_tablet[data-scroll=in] > a {
    opacity: 1;
    transform: translateY(0);
  }
}
.product__benefits {
  margin-top: 99px;
}
@media (max-width: 1220px) {
  .product__benefits {
    margin-top: 66px;
    margin-left: 86px;
  }
}
@media (max-width: 499px) {
  .product__benefits {
    margin-top: 56px;
    margin-left: 0;
  }
}
@media (min-width: 1220px) {
  .product__benefits h2 {
    max-width: 380px;
  }
}
.product__benefits a {
  color: #3381FF;
}
.product__gallery {
  background: #F0F1F5;
  padding: 66px 0 62px;
  position: relative;
}
@media (max-width: 992px) {
  .product__gallery {
    padding: 45px 0 77px 0;
  }
}
@media (max-width: 699px) {
  .product__gallery {
    padding: 35px 0 85px 0;
  }
}
.product__gallery__slider {
  padding-left: 300px;
  padding-right: 100px;
  position: relative;
}
@media (max-width: 992px) {
  .product__gallery__slider {
    padding: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (max-width: 499px) {
  .product__gallery__slider {
    margin-left: 0;
    margin-right: 0;
  }
}
.product__gallery__slider .swiper {
  position: static;
}
.product__gallery__slider__item__img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.product__gallery__slider__item__text {
  font-size: 18px;
  line-height: 120%;
  margin-top: 18px;
}
@media (max-width: 992px) {
  .product__gallery__slider__item__text {
    line-height: 25px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 699px) {
  .product__gallery__slider__item__text {
    padding-left: 0px;
    padding-right: 0;
  }
}
@media (max-width: 499px) {
  .product__gallery__slider__item__text {
    font-size: 16px;
    margin-top: 12px;
  }
}
.product__gallery .swiper-counter {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #A7ACBC;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 992px) {
  .product__gallery .swiper-counter {
    left: calc(50% - 47px);
    width: 90px;
    text-align: center;
    bottom: -50px;
    top: auto;
  }
}
@media (max-width: 499px) {
  .product__gallery .swiper-counter {
    font-size: 16px;
    bottom: -45px;
  }
}
.product__gallery .swiper-counter span {
  color: #3381FF;
}
.product__gallery .swiper-arrows {
  position: absolute;
  left: 0;
  width: 160px;
  justify-content: space-between;
  display: flex;
  padding: 5px 0;
  bottom: 10px;
}
@media (max-width: 992px) {
  .product__gallery .swiper-arrows {
    left: calc(50% - 117.5px);
    width: 235px;
    bottom: -48px;
    top: auto !important;
    margin-top: 0;
  }
}
@media (max-width: 499px) {
  .product__gallery .swiper-arrows {
    bottom: -45px;
  }
}
.product__gallery .swiper-arrows.hide {
  display: none !important;
}
.product__gallery .swiper-next, .product__gallery .swiper-prev {
  width: 70px;
  cursor: pointer;
}
.product__gallery .swiper-prev {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.product__title {
  position: absolute;
  z-index: 10;
  left: -185px;
  top: calc(50% - 185px);
  top: 725px;
}
@media (max-width: 1300px) {
  .product__title {
    left: -125px;
  }
}
@media (max-width: 1220px) {
  .product__title {
    transform: scale(0.75);
  }
}
@media (max-width: 992px) {
  .product__title {
    top: 600px;
  }
}
@media (max-width: 499px) {
  .product__title {
    display: none;
  }
}
.product__title img {
  display: block;
  will-change: transform;
  -webkit-animation: 60s rotate360 infinite linear;
          animation: 60s rotate360 infinite linear;
}
@media (max-width: 1300px) {
  .product__title img {
    width: 250px;
    height: auto;
  }
}
.product__title svg {
  display: none !important;
}
@-webkit-keyframes rotate360 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  to {
    transform: rotate(360deg);
  }
}

.category {
  margin-top: 120px;
}
@media (max-width: 992px) {
  .category {
    margin-top: 90px;
  }
}
@media (max-width: 579px) {
  .category {
    margin-top: 80px;
  }
}
.category__main {
  display: flex;
  position: relative;
}
.category__menu {
  min-width: 370px;
  max-width: 370px;
  margin-right: 30px;
}
@media (max-width: 1100px) {
  .category__menu {
    min-width: 315px;
    margin-right: 25px;
    max-width: 315px;
  }
}
@media (max-width: 499px) {
  .category__menu {
    min-width: calc(100vw - 60px);
    max-width: none;
  }
}
.category__menu__item {
  font-size: 26px;
  line-height: 36px;
  overflow: hidden;
  position: relative;
}
.category__menu__item:not(:last-child) {
  margin-bottom: 35px;
}
@media (max-width: 1220px) {
  .category__menu__item {
    font-size: 22px;
    line-height: 30px;
  }
  .category__menu__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.category__menu__item a {
  text-decoration: none;
}
@media (min-width: 1220px) {
  .category__menu__item:not(.category__menu__item--active) a {
    display: block;
    padding-left: 25px;
    position: relative;
    left: -25px;
    transition-duration: 0.3s;
    background: url("data:image/svg+xml,%3Csvg width='14' height='23' viewBox='0 0 14 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333511 19.8311L2.6066 22.1042L13.2132 11.4976L2.6066 0.890957L0.333511 3.16404L8.66703 11.4976L0.333511 19.8311Z' fill='%233381FF'/%3E%3C/svg%3E%0A") 0 7px no-repeat;
  }
  .category__menu__item:not(.category__menu__item--active) a:hover {
    left: 0 !important;
    color: #3381FF;
  }
}
.category__menu__item--active {
  font-weight: 100;
  font-size: 50px;
  line-height: 50px;
  overflow: visible;
  word-break: break-word;
}
@media (max-width: 1220px) {
  .category__menu__item--active {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .category__menu__item--active {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
  }
}
.category__menu__item--active a {
  color: #3381FF;
}
.category__menu__item--active::before {
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  left: -100px;
  top: -90px;
  background: url(../images/category__menu_vortex.svg) 0 0/100% auto no-repeat;
  z-index: -1;
}
@media (max-width: 992px) {
  .category__menu__item--active::before {
    width: 180px;
    height: 180px;
    left: -90px;
  }
}
@media (max-width: 767px) {
  .category__menu__item--active::before {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .category__menu {
    position: absolute;
    width: 100%;
  }
  .category__menu ul {
    box-shadow: 0px 0px 70px rgba(35, 45, 62, 0.1);
    background: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 20px 15px 10px 15px;
    position: absolute;
    transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transition: transform 0.3s, opacity 0.25s;
    left: -2000px;
    opacity: 0;
    z-index: 100;
  }
  .category__menu ul li {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px !important;
    opacity: 1 !important;
  }
  .category__menu ul.active {
    left: 0;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
.category__menu__opener {
  display: none;
}
@media (max-width: 767px) {
  .category__menu__opener {
    display: block;
    border: 1px solid #3381FF;
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 15px 42px 13px 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    background: #fff;
    position: relative;
    z-index: 28;
  }
  .category__menu__opener .arrow__bottom {
    position: absolute;
    right: 10px;
    top: calc(50% - 5px);
  }
  .category__menu__opener.active .arrow__bottom {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
}
.category__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: -30px;
  margin-left: -15px;
  margin-right: -15px;
  flex-grow: 1;
  height: 100%;
}
@media (max-width: 1100px) {
  .category__list {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 579px) {
  .category__list {
    margin-bottom: -25px;
  }
}
.category__list__item {
  cursor: pointer;
  background: #F0F1F5;
  width: calc(33% - 30px);
  margin: 0 15px 30px 15px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 30px;
  transition-duration: 0.3s;
  text-decoration: none;
}
.category__list__item:nth-child(3n+2) {
  transition-delay: 150ms !important;
}
.category__list__item:nth-child(3n+3) {
  transition-delay: 300ms !important;
}
@media (max-width: 1100px) {
  .category__list__item {
    padding: 30px 22px;
  }
}
@media (max-width: 992px) {
  .category__list__item {
    width: calc(50% - 30px);
  }
  .category__list__item:nth-child(3n+2) {
    transition-delay: 0s !important;
  }
  .category__list__item:nth-child(3n+3) {
    transition-delay: 0s !important;
  }
  .category__list__item:nth-child(2n+2) {
    transition-delay: 150ms !important;
  }
}
@media (max-width: 579px) {
  .category__list__item {
    width: calc(100% - 30px);
    margin-bottom: 25px;
  }
  .category__list__item:nth-child(2n+2) {
    transition-delay: 0s !important;
  }
}
.category__list__item.shown {
  transition-delay: 0s !important;
  transition-duration: 0.2s !important;
}
@media (hover: hover) {
  .category__list__item:hover {
    transform: perspective(800px) rotateY(-10deg) !important;
  }
}
.category__list__item__img {
  margin-bottom: 44px;
  height: 200px;
  display: flex;
  align-items: center;
}
@media (max-width: 1100px) {
  .category__list__item__img {
    height: 170px;
    margin-bottom: 34px;
  }
}
.category__list__item__img img {
  max-height: 200px;
  max-width: 100%;
}
@media (max-width: 1100px) {
  .category__list__item__img img {
    max-height: 170px;
  }
}
@media (max-width: 767px) {
  .category__menu + .category__list {
    margin-top: 110px;
  }
}
.category__menu + .category__list .category__list__item {
  width: calc(50% - 30px);
}
.category__menu + .category__list .category__list__item:nth-child(3n+2) {
  transition-delay: 0s !important;
}
.category__menu + .category__list .category__list__item:nth-child(3n+3) {
  transition-delay: 0s !important;
}
.category__menu + .category__list .category__list__item:nth-child(2n+2) {
  transition-delay: 150ms !important;
}
@media (max-width: 992px) {
  .category__menu + .category__list .category__list__item {
    width: calc(100% - 30px);
  }
  .category__menu + .category__list .category__list__item:nth-child(2n+2) {
    transition-delay: 0s !important;
  }
}
@media (max-width: 767px) and (min-width: 579px) {
  .category__menu + .category__list .category__list__item {
    width: calc(50% - 30px);
  }
  .category__menu + .category__list .category__list__item:nth-child(2n+2) {
    transition-delay: 150ms !important;
  }
}

.product__fan .content__head,
.product__fan .documents,
.product__fan .product__text ul li::before {
  background: #3381FF;
}

.product__ac .content__head,
.product__ac .documents,
.product__ac .product__text ul li::before {
  background: #009BA2;
}

.product__valve .content__head,
.product__valve .documents,
.product__valve .product__text ul li::before {
  background: #17A4CA;
}

.product__airduct .content__head,
.product__airduct .documents,
.product__airduct .product__text ul li::before {
  background: #5947C7;
}

.product__accessory .content__head,
.product__accessory .documents,
.product__accessory .product__text ul li::before {
  background: #8646C7;
}

.product__control .content__head,
.product__control .documents,
.product__control .product__text ul li::before {
  background: #CB5E1F;
}

.product__noncore .content__head,
.product__noncore .documents,
.product__noncore .product__text ul li::before {
  background: #5F9100;
}

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/** splitting  */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.splitting {
  --word-center: calc((var(--word-total) - 1) / 2);
  --char-center: calc((var(--char-total) - 1) / 2);
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  --word-percent: calc(var(--word-index) / var(--word-total));
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  --char-percent: calc(var(--char-index) / var(--char-total));
  --char-offset: calc(var(--char-index) - var(--char-center));
  --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

@media (max-width: 1100px) {
  .pc_only {
    display: none !important;
  }
}

@media (min-width: 1100px), (max-width: 499px) {
  .tab_only {
    display: none !important;
  }
}

@media (min-width: 499px) {
  .mob_only {
    display: none !important;
  }
}

.checkbox input {
  position: absolute;
  left: -9999px;
}
.checkbox label {
  display: flex;
  cursor: pointer;
  line-height: 30px;
}
.checkbox label span {
  border: 1px solid #3381FF;
  top: 0;
  width: 23px;
  min-width: 23px;
  height: 23px;
  margin-right: 20px;
  margin-top: 2px;
  position: relative;
}
.checkbox label.active span:before {
  position: absolute;
  content: "";
  left: 1px;
  top: -12px;
  width: 30px;
  height: 33px;
  background: url("data:image/svg+xml,%3Csvg width='30' height='33' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.30009 19.7568C3.61351 18.8916 2.35549 18.7467 1.49023 19.4333C0.62497 20.1199 0.48012 21.3779 1.1667 22.2432L4.30009 19.7568ZM10.0896 30.2707L8.52292 31.5138C8.92493 32.0205 9.54712 32.3014 10.193 32.268C10.8389 32.2346 11.4287 31.8909 11.7763 31.3454L10.0896 30.2707ZM29.4201 3.65606C30.0137 2.72453 29.7397 1.48819 28.8082 0.894619C27.8766 0.301045 26.6403 0.575011 26.0467 1.50654L29.4201 3.65606ZM1.1667 22.2432L8.52292 31.5138L11.6563 29.0275L4.30009 19.7568L1.1667 22.2432ZM11.7763 31.3454L29.4201 3.65606L26.0467 1.50654L8.40294 29.1959L11.7763 31.3454Z' fill='%233381FF'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}
.checkbox.disabled label {
  cursor: default;
}
.checkbox.disabled label span {
  border: 1px solid #A7ACBC;
}/*# sourceMappingURL=style.css.map */