/*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}
@charset "UTF-8";
/** APP */
/* TYPOGRAPHY */
/** PIXEL PERFECRT **/
/** COMMONS **/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*, ::after, ::before {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
  padding: 0;
}

img, svg {
  display: block;
  width: 100%;
  height: auto;
}

button {
  border: none;
  background: none;
}

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

html, body, .router-wrapper, .App {
  height: 100%;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  background-color: #162736;
  overflow: hidden;
}
body.app-initing main.page {
  opacity: 0;
  visibility: hidden;
}

.App {
  position: relative;
}

main.page {
  padding-top: 200px;
  position: relative;
  z-index: 1;
}

button, a {
  outline: none;
  color: inherit;
}

button {
  cursor: pointer;
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  padding: 63px 93px;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
.header__logo {
  width: 210px;
  margin-right: 22%;
  flex-shrink: 0;
}
.header__logo svg > *:not(.last-characters) {
  transition: opacity ease-out 200ms 0.6s;
}
.header__logo g.last-characters {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform cubic-bezier(0.57, 0.19, 0.24, 0.97) 1s;
}
.header__logo g.last-characters .o-letter {
  transition: fill ease 0.2s 0.6s;
}
.header__nav {
  color: #fff;
}
.header__nav .menu {
  display: flex;
}
.header__nav .menu-item {
  list-style-type: none;
  position: relative;
  padding: 5px 0;
}
.header__nav .menu-item:hover:after {
  transform: translate(0, 0);
  opacity: 1;
}
.header__nav .menu-item:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: translate(0, -5px);
  opacity: 0;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 300ms;
  transition-property: opacity, transform;
}
.header__nav .menu-item:not(:last-child) {
  margin-right: 60px;
}
.header__nav .menu-item a {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.8);
  line-height: 15px;
  font-weight: 400;
}
.header.js__homepage-sections .header__logo svg > *:not(.last-characters) {
  opacity: 0;
  transition: opacity ease-out 200ms;
}
.header.js__homepage-sections .header__logo g.last-characters {
  transform: translate(-267px, 0) rotate(-360deg);
  transition: transform cubic-bezier(0.57, 0.19, 0.24, 0.97) 1s 0.3s;
}
.header.js__homepage-sections .header__logo g.last-characters .o-letter {
  fill: #111F2A;
  transition: fill ease 0.2s 0.3s;
}
@media screen and (max-width: 1600px) {
  .header__logo {
    margin-right: 12%;
  }
  .header__nav .menu-item:not(:last-child) {
    margin-right: 45px;
  }
}

.expertises, .cabinet, .implantations {
  font-family: "Lato", sans-serif;
  color: #fff;
}
.expertises__bg, .cabinet__bg, .implantations__bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 81.1458333333vw;
  height: 91.1111111111vh;
  background-color: #378FD0;
}
.expertises__header, .cabinet__header, .implantations__header {
  position: relative;
}
.expertises__header-bigtitle, .cabinet__header-bigtitle, .implantations__header-bigtitle {
  font-weight: 300;
  font-size: 6.125em;
  letter-spacing: -0.02em;
  width: 42.03125vw;
  line-height: 100%;
  padding-top: 8.7037037037vh;
  margin-left: 6.875vw;
}
.expertises__header-introduction, .cabinet__header-introduction, .implantations__header-introduction {
  font-size: 1.25em;
  line-height: 154%;
  letter-spacing: 0.02em;
  margin-left: 6.875vw;
  width: 27.8125vw;
  margin-top: 6.2962962963vh;
  font-weight: 400;
}
.expertises__header-img, .cabinet__header-img, .implantations__header-img {
  position: absolute;
  right: 0;
  top: 0;
}
.expertises__header-img .box-image, .cabinet__header-img .box-image, .implantations__header-img .box-image {
  width: calc((100vh - 200px) * 1.0114285714);
}
.expertises__header-img .box-image__container, .cabinet__header-img .box-image__container, .implantations__header-img .box-image__container {
  padding-top: 98.8700564972%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.expertises__header-img .box-image__container img, .cabinet__header-img .box-image__container img, .implantations__header-img .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1600px) {
  .expertises__bg, .cabinet__bg, .implantations__bg {
    width: 84.8958333333vw;
  }
  .expertises__header-bigtitle, .cabinet__header-bigtitle, .implantations__header-bigtitle {
    font-size: 4.375em;
  }
  .expertises__header-introduction, .cabinet__header-introduction, .implantations__header-introduction {
    font-size: 1.125em;
    width: 35.1041666667vw;
  }
}

.homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-title, .homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-subtitle-trait, .homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-short {
  transform: translate(0, 0);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-title {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-subtitle-trait {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.42s 0.9s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-short {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 1.1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-title, .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-short {
  opacity: 0;
  transition: ease-out 0.3s;
  transition-property: opacity;
}
.homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-body {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-body-overlay:before {
  transition: ease-out 1.2s;
  transition-property: transform;
  transform: scaleX(1);
}
.homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-full-text {
  opacity: 1;
  transform: translate(0, 0);
  transition: ease-out 0.9s 0.96s;
  transition-property: transform, opacity;
}
.homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link:before {
  transform: scale(1);
  transition: transform ease-out 0.5s 1.2s, background-color ease 300ms;
}
.homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link a {
  opacity: 1;
  transition: ease-out 0.8s 1.3666666667s;
  transition-property: opacity;
}
.homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-body-overlay:before {
  transform: scaleX(0);
  transition: ease-out 0.8s 0.2s;
  transition-property: transform;
}
.homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-full-text {
  opacity: 0;
  transition: ease-out 0.2s;
  transition-property: opacity;
}
.homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link:before {
  transform: scale(0);
  transition: ease-out 0.2s 0.1s;
  transition-property: transform;
}
.homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link a {
  opacity: 0;
  transition: ease-out 0.2s 0.1333333333s;
  transition-property: opacity;
}
.homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-title, .homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-subtitle-trait, .homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-short {
  transform: translate(0, 0);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-title {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-subtitle-trait {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.42s 0.9s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-short {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 1.1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-title, .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-short {
  opacity: 0;
  transition: ease-out 0.3s;
  transition-property: opacity;
}
.homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-body {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-body-overlay:before {
  transition: ease-out 1.2s;
  transition-property: transform;
  transform: scaleX(1);
}
.homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-full-text {
  opacity: 1;
  transform: translate(0, 0);
  transition: ease-out 0.9s 0.96s;
  transition-property: transform, opacity;
}
.homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link:before {
  transform: scale(1);
  transition: transform ease-out 0.5s 1.2s, background-color ease 300ms;
}
.homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link a {
  opacity: 1;
  transition: ease-out 0.8s 1.3666666667s;
  transition-property: opacity;
}
.homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-body-overlay:before {
  transform: scaleX(0);
  transition: ease-out 0.8s 0.2s;
  transition-property: transform;
}
.homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-full-text {
  opacity: 0;
  transition: ease-out 0.2s;
  transition-property: opacity;
}
.homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link:before {
  transform: scale(0);
  transition: ease-out 0.2s 0.1s;
  transition-property: transform;
}
.homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link a {
  opacity: 0;
  transition: ease-out 0.2s 0.1333333333s;
  transition-property: opacity;
}
.homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-title, .homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-subtitle-trait, .homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-short {
  transform: translate(0, 0);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-title {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-subtitle-trait {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.42s 0.9s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-short {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 1.1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-title, .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-short {
  opacity: 0;
  transition: ease-out 0.3s;
  transition-property: opacity;
}
.homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-body {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-body-overlay:before {
  transition: ease-out 1.2s;
  transition-property: transform;
  transform: scaleX(1);
}
.homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-full-text {
  opacity: 1;
  transform: translate(0, 0);
  transition: ease-out 0.9s 0.96s;
  transition-property: transform, opacity;
}
.homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link:before {
  transform: scale(1);
  transition: transform ease-out 0.5s 1.2s, background-color ease 300ms;
}
.homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link a {
  opacity: 1;
  transition: ease-out 0.8s 1.3666666667s;
  transition-property: opacity;
}
.homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-body-overlay:before {
  transform: scaleX(0);
  transition: ease-out 0.8s 0.2s;
  transition-property: transform;
}
.homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-full-text {
  opacity: 0;
  transition: ease-out 0.2s;
  transition-property: opacity;
}
.homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link:before {
  transform: scale(0);
  transition: ease-out 0.2s 0.1s;
  transition-property: transform;
}
.homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link a {
  opacity: 0;
  transition: ease-out 0.2s 0.1333333333s;
  transition-property: opacity;
}
.homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-title, .homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-subtitle-trait, .homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-short {
  transform: translate(0, 0);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-title {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 0.7s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-subtitle-trait {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.42s 0.9s;
  transition-property: transform, opacity;
}
.homepage.js__entering-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-short {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1.2s 0.6s, cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.78s 1.1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-header {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-title, .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-short {
  opacity: 0;
  transition: ease-out 0.3s;
  transition-property: opacity;
}
.homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-body {
  opacity: 1;
  visibility: visible;
}
.homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-body-overlay:before {
  transition: ease-out 1.2s;
  transition-property: transform;
  transform: scaleX(1);
}
.homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-full-text {
  opacity: 1;
  transform: translate(0, 0);
  transition: ease-out 0.9s 0.96s;
  transition-property: transform, opacity;
}
.homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link:before {
  transform: scale(1);
  transition: transform ease-out 0.5s 1.2s, background-color ease 300ms;
}
.homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link a {
  opacity: 1;
  transition: ease-out 0.8s 1.3666666667s;
  transition-property: opacity;
}
.homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) {
  opacity: 1;
  visibility: visible;
}
.homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-body-overlay:before {
  transform: scaleX(0);
  transition: ease-out 0.8s 0.2s;
  transition-property: transform;
}
.homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-full-text {
  opacity: 0;
  transition: ease-out 0.2s;
  transition-property: opacity;
}
.homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link:before {
  transform: scale(0);
  transition: ease-out 0.2s 0.1s;
  transition-property: transform;
}
.homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link a {
  opacity: 0;
  transition: ease-out 0.2s 0.1333333333s;
  transition-property: opacity;
}

.homepage.js__entering-0 .js__homepage__section-image:nth-child(0) {
  z-index: 2;
}
.homepage.js__entering-0 .js__homepage__section-image:nth-child(0) img {
  transform: scale(1);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-body-0 .js__homepage__section-image:nth-child(0) {
  z-index: 2;
}
.homepage.js__entering-1 .js__homepage__section-image:nth-child(1) {
  z-index: 2;
}
.homepage.js__entering-1 .js__homepage__section-image:nth-child(1) img {
  transform: scale(1);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-body-1 .js__homepage__section-image:nth-child(1) {
  z-index: 2;
}
.homepage.js__entering-2 .js__homepage__section-image:nth-child(2) {
  z-index: 2;
}
.homepage.js__entering-2 .js__homepage__section-image:nth-child(2) img {
  transform: scale(1);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-body-2 .js__homepage__section-image:nth-child(2) {
  z-index: 2;
}
.homepage.js__entering-3 .js__homepage__section-image:nth-child(3) {
  z-index: 2;
}
.homepage.js__entering-3 .js__homepage__section-image:nth-child(3) img {
  transform: scale(1);
  opacity: 1;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 1s;
  transition-property: transform, opacity;
}
.homepage.js__leaving-body-3 .js__homepage__section-image:nth-child(3) {
  z-index: 2;
}

.homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 0ms;
  transform: translate(0, 0) scaleX(1) scaleY(0.475);
}
.homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.983) scaleY(0.496);
}
.homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.966) scaleY(0.517);
}
.homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.949) scaleY(0.538);
}
.homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 100ms;
  transform: translate(0, 0) scaleX(1) scaleY(0.7125);
}
.homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.983) scaleY(0.7335);
}
.homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.966) scaleY(0.7545);
}
.homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.949) scaleY(0.7755);
}
.homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 0ms;
  transform: translate(0, 0) scaleX(0.99) scaleY(0.495);
}
.homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.973) scaleY(0.516);
}
.homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.956) scaleY(0.537);
}
.homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.939) scaleY(0.558);
}
.homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 100ms;
  transform: translate(0, 0) scaleX(0.99) scaleY(0.7325);
}
.homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.973) scaleY(0.7535);
}
.homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.956) scaleY(0.7745);
}
.homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.939) scaleY(0.7955);
}
.homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 0ms;
  transform: translate(0, 0) scaleX(0.98) scaleY(0.515);
}
.homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.963) scaleY(0.536);
}
.homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.946) scaleY(0.557);
}
.homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.929) scaleY(0.578);
}
.homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 100ms;
  transform: translate(0, 0) scaleX(0.98) scaleY(0.7525);
}
.homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.963) scaleY(0.7735);
}
.homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.946) scaleY(0.7945);
}
.homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.929) scaleY(0.8155);
}
.homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 0ms;
  transform: translate(0, 0) scaleX(0.97) scaleY(0.535);
}
.homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.953) scaleY(0.556);
}
.homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.936) scaleY(0.577);
}
.homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.919) scaleY(0.598);
}
.homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 0.8s;
  transition-delay: 100ms;
  transform: translate(0, 0) scaleX(0.97) scaleY(0.7725);
}
.homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 0.8s;
  transition-delay: 75ms;
  transform: translate(0, 0) scaleX(0.953) scaleY(0.7935);
}
.homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 0.8s;
  transition-delay: 50ms;
  transform: translate(0, 0) scaleX(0.936) scaleY(0.8145);
}
.homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 0.8s;
  transition-delay: 25ms;
  transform: translate(0, 0) scaleX(0.919) scaleY(0.8355);
}
.homepage.js__entered-0 .homepage__rectangles-item:nth-child(0) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-0 .homepage__rectangles-item:nth-child(0):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-0 .homepage__rectangles-item:nth-child(0).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-1 .homepage__rectangles-item:nth-child(0) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-1 .homepage__rectangles-item:nth-child(0):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-1 .homepage__rectangles-item:nth-child(0).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-1 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-1 .homepage__rectangles-item:nth-child(1):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-1 .homepage__rectangles-item:nth-child(1).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(0) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(0):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(0).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(1):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(1).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(2):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-2 .homepage__rectangles-item:nth-child(2).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(0) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(0):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(0).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(1):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(1).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(2):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(2).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(3):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-3 .homepage__rectangles-item:nth-child(3).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(0) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(0):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(0).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(1) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(1):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(1).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(2) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(2):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(2).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(3) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(3):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(3).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(4) {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0s;
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(4):not(.reverse-leave) {
  transform: translate(-50%, 0) scaleX(0) scaleY(0);
}
.homepage.js__entered-4 .homepage__rectangles-item:nth-child(4).reverse-leave {
  transform: translate(50%, 0) scaleX(0) scaleY(0);
}

.homepage.js__in-sections .explore {
  opacity: 0;
  visibility: hidden;
}
.homepage.js__in-sections .homepage__showcase-inner {
  transform: translate(0, 100%);
}
.homepage.js__in-sections .homepage__menu-item-inner {
  transform: translate(0, -155%);
}
.homepage.js__in-sections .homepage__menu-item-icon {
  opacity: 0;
  transition-delay: 0.2s;
}
.homepage.js__in-sections .homepage__menu-item-trait {
  transform: scale(0, 1);
}
.homepage.js__in-sections .homepage__phrase {
  opacity: 0;
}
.homepage.js__in-sections .homepage__progress-label, .homepage.js__in-sections .homepage__progress-arrow, .homepage.js__in-sections .homepage__progress {
  opacity: 1;
  visibility: visible;
}
.homepage.js__in-sections .homepage__progress-arrow, .homepage.js__in-sections .homepage__progress-label {
  transition-delay: 0.5s;
}
.homepage.js__in-sections .homepage__rectangles {
  pointer-events: none;
}
.homepage.js__in-sections .homepage__center, .homepage.js__in-sections .homepage__showcase {
  pointer-events: none;
}

.homepage {
  background-color: #162736;
  height: 100%;
}
.homepage__center {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 50%;
  top: 21.4814814815vh;
  transform: translate(-50%, 0);
  user-select: none;
}
.homepage__menu {
  color: #fff;
  width: 54.7395833333vw;
}
.homepage__menu-item {
  font-size: 9vw;
  letter-spacing: -0.03em;
  line-height: 0.8;
  padding: 27px 0;
  margin-left: -0.03em;
  position: relative;
  transition: ease-out 400ms;
  transition-property: color;
  cursor: pointer;
  overflow: hidden;
}
.homepage__menu-item-inner {
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.85s transform;
  transform: translate(0, 0);
}
.homepage__menu-item:nth-child(1) .homepage__menu-item-inner {
  transition-delay: 0.0575s;
}
.homepage__menu-item:nth-child(1) .homepage__menu-item-trait {
  transition-delay: 0s;
}
.homepage__menu-item:nth-child(2) .homepage__menu-item-inner {
  transition-delay: 0.1725s;
}
.homepage__menu-item:nth-child(2) .homepage__menu-item-trait {
  transition-delay: 0.115s;
}
.homepage__menu-item:nth-child(3) .homepage__menu-item-inner {
  transition-delay: 0.2875s;
}
.homepage__menu-item:nth-child(3) .homepage__menu-item-trait {
  transition-delay: 0.23s;
}
.homepage__menu-item-trait {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.85s transform;
  transform-origin: left;
}
.homepage__menu-item-trait.bottom {
  top: auto;
  bottom: 0;
}
.homepage__menu-item-icon {
  display: none;
}
.homepage__menu-item.red:hover, .homepage__menu-item.red .homepage__menu-item-hover:hover {
  color: #DC545D;
}
.homepage__menu-item.green:hover, .homepage__menu-item.green .homepage__menu-item-hover:hover {
  color: #7AC1AF;
}
.homepage__menu-item.yellow:hover, .homepage__menu-item.yellow .homepage__menu-item-hover:hover {
  color: #FDC556;
}
.homepage__menu-item-hover {
  opacity: 0;
  visibility: hidden;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8vw;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 3.7037037037vh;
  transition: 400ms ease-out;
  transition-property: opacity, visibility, color;
}
.homepage__menu-item:hover .homepage__menu-item-hover {
  opacity: 1;
  visibility: visible;
}
.homepage__phrase {
  margin-top: 4.1666666667vh;
  color: #fff;
  font-size: 1.375em;
  line-height: 154%;
  font-family: "Lato", sans-serif;
  width: 458px;
  position: absolute;
  transition: opacity ease-out 0.7s;
}
.homepage .explore {
  color: #378FD0;
  left: 85.7291666667vw;
  right: auto;
  top: 79.7222222222vh;
  cursor: pointer;
}
.homepage__showcase {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 85.9375vw;
  height: 69.4444444444vh;
  overflow: hidden;
  z-index: 5;
}
.homepage__showcase-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  transition: transform cubic-bezier(0.62, 0.01, 0.18, 0.99) 1.5s;
  transform: translate(0, 0);
}
.homepage__showcase-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.4;
}
.homepage__showcase-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.homepage__showcase-image:not(.homepage__showcase-image__showcase-image--menu) {
  transition: ease 1200ms;
  transition-property: opacity;
}
.homepage__showcase-image--menu {
  z-index: 1;
  transform: translate(0, 100%);
}
.homepage__rectangles {
  pointer-events: none;
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.homepage__rectangles > * {
  pointer-events: auto;
}
.homepage__rectangles-item {
  background-color: #378FD0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: bottom center;
  transition: ease-out 650ms;
  transition-property: transform;
}
.homepage__rectangles-item.red {
  background-color: #DC545D;
}
.homepage__rectangles-item.green {
  background-color: #7AC1AF;
}
.homepage__rectangles-item.yellow {
  background-color: #FDC556;
}
.homepage__rectangles-item:nth-child(1) {
  z-index: 3;
  transform: translate(0, 0) scaleX(0.9) scaleY(0.345);
}
.homepage__rectangles-item:nth-child(2) {
  z-index: 2;
  transform: translate(0, 0) scaleX(0.9333333333) scaleY(0.277);
}
.homepage__rectangles-item:nth-child(3) {
  z-index: 1;
  transform: translate(0, 0) scaleX(0.9666666667) scaleY(0.209);
}
.homepage__rectangles-item:nth-child(4) {
  z-index: 0;
  transform: translate(0, 0) scaleX(1) scaleY(0.141);
}
.homepage__bg-sections {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.homepage__bg-sections-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.homepage__bg-sections-image img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.115);
  opacity: 0;
  transition: cubic-bezier(0.57, 0.19, 0.24, 0.97) 0.4s;
  transition-property: transform, opacity;
}
.homepage__sections {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.homepage__sections > * {
  pointer-events: auto;
}
.homepage__sections-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.homepage__sections-header {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.homepage__sections-title {
  font-size: 11.125em;
  line-height: 103%;
  letter-spacing: -0.05em;
  position: absolute;
  left: 14.2708333333vw;
  top: 53.3333333333vh;
  transform: translate(0, 75%);
  opacity: 0;
  font-weight: 400;
}
.homepage__sections-subtitle {
  position: absolute;
  left: 14.2708333333vw;
  top: 73.8888888889vh;
  display: flex;
}
.homepage__sections-subtitle-trait {
  width: 48px;
  margin-left: 10px;
  padding-top: 21px;
  transform: translate(0, 50px);
  opacity: 0;
}
.homepage__sections-short {
  font-size: 1.75em;
  line-height: 140%;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin-left: 102px;
  width: 520px;
  transform: translate(0, 125%);
  opacity: 0;
}
.homepage__sections-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.homepage__sections-body-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  width: 81.1458333333vw;
}
.homepage__sections-body-overlay::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left;
}
.homepage__sections-full {
  font-family: "Lato", sans-serif;
  font-size: 3em;
  font-weight: 300;
  line-height: 146%;
  letter-spacing: 0.01em;
  padding-left: 7.5520833333vw;
  padding-top: 17.037037037vh;
  width: 60.4166666667vw;
}
.homepage__sections-full-text {
  opacity: 0;
  transform: translate(0, 25px);
}
.homepage__sections-full strong {
  color: #378FD0;
  font-weight: inherit;
}
.homepage__sections-link {
  position: absolute;
  left: 56.71875vw;
  bottom: 4.537037037vh;
  width: 246px;
  height: 224px;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.homepage__sections-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(0);
  border-width: 5px;
  border-style: solid;
  transition: background-color ease 300ms;
}
.homepage__sections-link.blue:before {
  border-color: #378FD0;
}
.homepage__sections-link.red:before {
  border-color: #DC545D;
}
.homepage__sections-link.green:before {
  border-color: #7AC1AF;
}
.homepage__sections-link.yellow:before {
  border-color: #FDC556;
}
.homepage__sections-link a {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 165%;
  display: inline-block;
  color: #fff;
  opacity: 0;
  transition: opacity ease-out 300ms;
}
.homepage__sections-link a span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.homepage__sections-link:hover:before {
  background-color: #fff !important;
}
.homepage__sections-link:hover.blue a {
  color: #378FD0;
}
.homepage__sections-link:hover.red a {
  color: #DC545D;
}
.homepage__sections-link:hover.green a {
  color: #7AC1AF;
}
.homepage__sections-link:hover.yellow a {
  color: #FDC556;
}
.homepage__sections-item.yellow .homepage__sections-full strong {
  color: #FDC556;
}
.homepage__sections-item.yellow .homepage__sections-link:before {
  background-color: #FDC556;
}
.homepage__sections-item.red .homepage__sections-full strong {
  color: #DC545D;
}
.homepage__sections-item.red .homepage__sections-link:before {
  background-color: #DC545D;
}
.homepage__sections-item.green .homepage__sections-full strong {
  color: #7AC1AF;
}
.homepage__sections-item.green .homepage__sections-link:before {
  background-color: #7AC1AF;
}
.homepage__sections-item.blue .homepage__sections-full strong {
  color: #378FD0;
}
.homepage__sections-item.blue .homepage__sections-link:before {
  background-color: #378FD0;
}
.homepage__sections-item.is-right .homepage__sections-body-overlay {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
  width: 91.9270833333vw;
  height: 87.962962963vh;
}
.homepage__sections-item.is-right .homepage__sections-body-overlay::before {
  transform-origin: right;
}
.homepage__sections-item.is-right .homepage__sections-full {
  padding-left: 14.8958333333vw;
  padding-top: 16.4814814815vh;
  width: 67.1875vw;
}
.homepage__sections-item.is-right .homepage__sections-link {
  left: 64.53125vw;
  bottom: 6.1111111111vh;
}
.homepage__progress {
  position: absolute;
  right: 10.5729166667vw;
  bottom: 24.3518518519vh;
  width: 3px;
  height: 180px;
  z-index: 5;
  color: #fff;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.homepage__progress-label, .homepage__progress-arrow, .homepage__progress {
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.5s;
  transition-property: opacity, visibility;
}
.homepage__progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  opacity: 0.25;
}
.homepage__progress[data-color=red] {
  color: #DC545D;
}
.homepage__progress[data-color=yellow] {
  color: #FDC556;
}
.homepage__progress[data-color=green] {
  color: #7AC1AF;
}
.homepage__progress[data-color=blue] {
  color: #378FD0;
}
.homepage__progress-track {
  position: relative;
  height: 20%;
  background-color: currentColor;
  width: 100%;
  transition: transform cubic-bezier(0.57, 0.19, 0.24, 0.97) 800ms;
}
.homepage__progress-label {
  position: absolute;
  left: 43px;
  top: 50%;
  transform: translate(0, -50%);
  color: currentColor;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 165%;
  width: 65px;
}
.homepage__progress-arrow {
  height: 41px;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  top: 333px;
  color: inherit;
  padding: 0 1em;
  cursor: pointer;
  transition: ease-out 0.3s;
  transition-property: opacity, visibility;
}
.homepage__progress-arrow svg {
  height: 100%;
  width: auto;
}
.homepage__progress-dots {
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
.homepage__progress-dots-item {
  width: 50px;
  height: 20%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: all;
  -webkit-tap-highlight-color: transparent;
}
.homepage__progress-dots-item-inner {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: currentColor;
  transition: transform 150ms ease;
  pointer-events: none;
  border-radius: 50%;
}
.homepage__progress-dots-item:hover .homepage__progress-dots-item-inner {
  transform: scale(1.7);
}
@media screen and (max-width: 1600px) {
  .homepage__progress {
    bottom: 21.5740740741vh;
  }
  .homepage__progress-arrow {
    top: 246.6666666667px;
  }
}
.homepage__contact {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0 6.9270833333vw;
  transition: ease-out 0.3s;
  transition-property: opacity, visibility;
}
.homepage__contact-header {
  display: flex;
  align-items: flex-end;
  margin-top: 27.8703703704vh;
}
.homepage__contact-title {
  font-size: 9.375vw;
  line-height: 93%;
  letter-spacing: -0.05em;
  font-weight: 400;
  display: inline-block;
  width: 41.8229166667vw;
}
.homepage__contact-short {
  margin-left: 110px;
  width: 413px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 167%;
  letter-spacing: 0.01em;
  padding-bottom: 19px;
}
.homepage__contact-places {
  margin-top: 9.4444444444vh;
  display: flex;
  flex-wrap: wrap;
  width: 78.125vw;
}
.homepage__contact-places-item {
  width: 15.625vw;
}
.homepage__contact-places-item:not(:last-child) {
  margin-right: 5.15625vw;
}
.homepage__contact-places-city {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 2.3125em;
  line-height: 154%;
  letter-spacing: 0.01em;
}
.homepage__contact-places-divider {
  width: 48px;
  margin-top: 25px;
  margin-bottom: 28px;
}
.homepage__contact-places-phone, .homepage__contact-places-email {
  font-size: 1.1875em;
  font-weight: 400;
  line-height: 154%;
  letter-spacing: 0.01em;
  font-family: "Lato", sans-serif;
}
.homepage__contact-footer {
  margin-top: auto;
  padding-bottom: 29px;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 165%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.6;
  display: flex;
}
.homepage__contact-footer-links {
  margin-left: auto;
}
.homepage__contact-link:not(:last-child) {
  margin-right: 46px;
}
.homepage__contact-rights {
  font-weight: 600;
}
.js__entered-1 .homepage__progress-track {
  transform: translate(0, 100%);
}
.js__entered-2 .homepage__progress-track {
  transform: translate(0, 200%);
}
.js__entered-3 .homepage__progress-track {
  transform: translate(0, 300%);
}
.js__entered-4 .homepage__progress-track {
  transform: translate(0, 400%);
}
.homepage.js__homepage-menu-hovering .homepage__showcase-image:not(.homepage.js__homepage-menu-hovering .homepage__showcase-image--menu) {
  opacity: 0.3;
}
.homepage.js__homepage-menu-hovering .homepage__rectangles-item:nth-child(2) {
  transform: translate(0, 0) scaleX(0.9333333333) scaleY(0.227);
  transition: ease-out 650ms;
  transition-property: transform;
}
.homepage.js__homepage-menu-hovering .homepage__rectangles-item:nth-child(3) {
  transform: translate(0, 0) scaleX(0.9666666667) scaleY(0.159);
  transition: ease-out 650ms;
  transition-property: transform;
}
.homepage.js__homepage-menu-hovering .homepage__rectangles-item:nth-child(4) {
  transform: translate(0, 0) scaleX(1) scaleY(0.091);
  transition: ease-out 650ms;
  transition-property: transform;
}
.homepage.js__homepage-menu-hovering .homepage__rectangles-item:nth-child(5) {
  transform: translate(0, 0) scaleX(1.0333333333) scaleY(0.023);
  transition: ease-out 650ms;
  transition-property: transform;
}
.homepage.js__in-sections .homepage__menu {
  pointer-events: none;
}
.homepage.js__homepage-menu-hover-1 .homepage__rectangles-item:nth-child(2) {
  transform: translate(0, 0) scaleX(0.9453333333) scaleY(0.637);
  transition: ease-out 1300ms;
  transition-property: transform;
  transition-delay: 0s;
}
.homepage.js__homepage-menu-hover-2 .homepage__rectangles-item:nth-child(3) {
  transform: translate(0, 0) scaleX(0.9786666667) scaleY(0.569);
  transition: ease-out 1300ms;
  transition-property: transform;
  transition-delay: 0s;
}
.homepage.js__homepage-menu-hover-3 .homepage__rectangles-item:nth-child(4) {
  transform: translate(0, 0) scaleX(1.012) scaleY(0.501);
  transition: ease-out 1300ms;
  transition-property: transform;
  transition-delay: 0s;
}
.homepage.js__homepage-menu-hover-4 .homepage__rectangles-item:nth-child(5) {
  transform: translate(0, 0) scaleX(1.0453333333) scaleY(0.433);
  transition: ease-out 1300ms;
  transition-property: transform;
  transition-delay: 0s;
}
.homepage.js__entering-4 .homepage__progress-arrow {
  opacity: 0;
  visibility: hidden;
}
.homepage.js__entering-4 .homepage__contact {
  opacity: 1;
  visibility: visible;
  transition: ease-out 1s 0.5s;
}
@media screen and (max-width: 1600px) {
  .homepage .explore {
    top: 74.1666666667vh;
  }
  .homepage__menu-item {
    font-size: 7.25vw;
  }
  .homepage__menu-item-hover {
    font-size: 1vw;
  }
  .homepage__phrase {
    font-size: 1.1875em;
  }
  .homepage__sections-item.is-right .homepage__sections-body-overlay {
    height: 83.3333333333vh;
  }
  .homepage__sections-item.is-right .homepage__sections-full {
    padding-top: 21.6666666667vh;
    font-size: 2.1875em;
  }
  .homepage__sections-item.is-right .homepage__sections-link {
    left: 69.7916666667vw;
  }
  .homepage__sections-full {
    font-size: 2.1875em;
  }
  .homepage__sections-link {
    width: 206px;
    height: 187px;
  }
  .homepage__sections-header {
    font-size: 14px;
  }
  .homepage__contact {
    font-size: 14px;
  }
  .homepage__contact-header {
    margin-top: 22.2222222222vh;
  }
}
@media screen and (max-width: 1400px) {
  .homepage__sections-header {
    font-size: 13px;
  }
}

main.cabinet {
  padding-top: 200px;
}

.cabinet__bg {
  background-color: #378FD0;
}
.cabinet .explore {
  color: #378FD0;
}
.cabinet__body {
  margin-top: 41.2037037037vh;
}
.cabinet__full1, .cabinet__full3 {
  font-weight: 300;
  font-size: 3.9375em;
  letter-spacing: 0.01em;
  line-height: 128%;
  width: 54.21875vw;
  margin: 0 auto;
}
.cabinet__full1 strong, .cabinet__full3 strong {
  color: #378FD0;
  font-weight: inherit;
}
.cabinet__marquee1 {
  position: absolute;
  margin-top: 13.8888888889vh;
}
.cabinet__full3 {
  width: 62.5520833333vw;
}
.cabinet__full2 {
  display: flex;
  margin-top: 32.4074074074vh;
  margin-bottom: 15.7407407407vh;
  align-items: center;
}
.cabinet__full2-img .box-image {
  width: 46.09375vw;
}
.cabinet__full2-img .box-image__container {
  padding-top: 83.615819209%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.cabinet__full2-img .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: auto;
  max-width: 100%;
  height: auto;
}
.cabinet__full2-text {
  font-size: 1.25em;
  line-height: 154%;
  letter-spacing: 0.02em;
  margin-left: 7.8125vw;
  width: 25.7291666667vw;
}
.cabinet__marquee2 {
  position: absolute;
  margin-top: 21.5740740741vh;
}
.cabinet__team {
  width: 85.9375vw;
  margin: 0 auto;
  margin-top: 43.1481481481vh;
}
.cabinet__team-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 4.21875vw;
  row-gap: 7.5vh;
  overflow: hidden;
}
.cabinet__team-photo .box-image {
  width: 352;
}
.cabinet__team-photo .box-image__container {
  padding-top: 114.7727272727%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.cabinet__team-photo .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 100%;
  height: auto;
}
.cabinet__team-info {
  margin-top: 16px;
}
.cabinet__team-name {
  font-size: 2.25em;
  line-height: 128%;
  letter-spacing: 0.01em;
  margin-bottom: 28px;
  font-weight: 400;
}
.cabinet__team-positions {
  color: #378FD0;
}
.cabinet__team-positions li {
  list-style-type: none;
}
.cabinet__team-positions, .cabinet__team-office {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1em;
  line-height: 150%;
}
.cabinet__team-more {
  margin-top: 10.1851851852vh;
  display: flex;
  align-items: center;
}
.cabinet__team-more-trait {
  width: 100%;
  ckground-color: rgba(255, 255, 255, 0.4);
  height: 2px;
}
.cabinet__team-more-button {
  display: inline-flex;
  align-items: center;
  margin-left: 63px;
}
.cabinet__team-more-button-label {
  font-size: 1.375em;
  line-height: 154%;
  letter-spacing: 0.02em;
  white-space: nowrap;
  font-weight: 400;
}
.cabinet__team-more-button-icon {
  width: 21px;
  margin-left: 32px;
}
.cabinet__team-more-button-icon svg {
  fill: #378FD0;
}
@media screen and (max-width: 1600px) {
  .cabinet__full1, .cabinet__full3 {
    font-size: 3.5em;
    width: 69.84375vw;
    line-height: 148%;
  }
  .cabinet__full2-text {
    width: 31.4583333333vw;
  }
  .cabinet__team-list {
    column-gap: 3.6458333333vw;
    row-gap: 8.3333333333vh;
  }
  .cabinet__team-name {
    margin-bottom: 12px;
  }
}

.expertises__bg {
  background-color: #7AC1AF;
}
.expertises .explore {
  color: #7AC1AF;
}
.expertises__body {
  margin-top: 60.6481481481vh;
}
.expertises__marquee1 {
  position: absolute;
  z-index: -1;
  transform: translate(0, -32.4074074074vh);
}
.expertises__list-item:not(:last-child) {
  margin-bottom: 22.4074074074vh;
}
.expertises__list-item-header {
  display: flex;
  margin-left: 6.875vw;
  align-items: center;
}
.expertises__list-item-body {
  margin-top: 19.7222222222vh;
  display: flex;
}
.expertises__list-title {
  font-weight: 300;
  font-size: 6.125em;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #7AC1AF;
  width: min-content;
  margin-right: 8.2291666667vw;
}
.expertises__list-introduction {
  font-weight: 400;
  font-size: 1.25em;
  line-height: 154%;
  letter-spacing: 0.02em;
  width: 26.0416666667vw;
}
.expertises__list-image .box-image {
  width: 46.9791666667vw;
}
.expertises__list-image .box-image__container {
  padding-top: 88.4700665188%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.expertises__list-image .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 100%;
  height: auto;
}
.expertises__list-keyphrases {
  font-weight: 300;
  line-height: 137%;
  letter-spacing: 0.02em;
  font-size: 1.375em;
  margin-left: 9.6875vw;
  margin-top: 9.6296296296vh;
  max-width: 33.0208333333vw;
}
.expertises__list-keyphrases ul li, .expertises__list-keyphrases ol li {
  margin-bottom: 30px;
  list-style-type: none;
  position: relative;
}
.expertises__list-keyphrases ul li:before, .expertises__list-keyphrases ol li:before {
  content: "■";
  color: #7AC1AF;
  display: inline-block;
  position: absolute;
  left: -45px;
}
.expertises__list-item:nth-of-type(even) {
  color: #162736;
  position: relative;
}
.expertises__list-item:nth-of-type(even):not(:last-child) {
  margin-bottom: 14.3518518519vh;
}
.expertises__list-item:nth-of-type(even):before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 11.7592592593vh;
  width: 100%;
  height: 118%;
  background-color: #fff;
  z-index: -1;
}
.expertises__list-item:nth-of-type(even) .expertises__list-item-body {
  justify-content: flex-end;
}
.expertises__list-item:nth-of-type(even) .expertises__list-image {
  order: 2;
}
.expertises__list-item:nth-of-type(even) .expertises__list-keyphrases {
  margin-left: 0;
  margin-right: 12.8125vw;
}
.expertises__banner {
  margin-top: 32.6851851852vh;
}
.expertises__banner .banner__bg {
  background-color: #7AC1AF;
}
.expertises__banner .banner__cta-link {
  color: #7AC1AF;
}
.expertises__cases {
  background-color: #7AC1AF;
  padding-bottom: 76px;
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 8.7037037037vh;
}
.expertises__cases:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #7AC1AF;
}
.expertises__cases-list {
  display: grid;
  grid-template-columns: repeat(4, 18.28125vw);
  column-gap: 83px;
}
.expertises__marquee2 {
  position: absolute;
  z-index: -1;
  transform: translate(0, -27.7777777778vh);
}
@media screen and (max-width: 1600px) {
  .expertises__list-introduction {
    width: 32.8125vw;
  }
  .expertises__list-item:nth-of-type(even) .expertises__list-keyphrases {
    margin-right: 9.375vw;
  }
  .expertises__list-item:nth-of-type(even):before {
    bottom: 9.7222222222vh;
  }
  .expertises__list-keyphrases ul li, .expertises__list-keyphrases ol li {
    margin-bottom: 20px;
  }
  .expertises__cases-list {
    column-gap: 69px;
  }
}

.implantations__bg {
  background-color: #FDC556;
}
.implantations .explore {
  color: #FDC556;
}
.implantations__map {
  height: 100vh;
}
.implantations__partners {
  color: #162736;
  position: relative;
  padding-top: 93px;
}
.implantations__partners::before {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 150%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}
.implantations__partners-inner {
  width: 78.125vw;
  margin: 0 auto;
}
.implantations__partners-header {
  display: flex;
  align-items: center;
}
.implantations__partners-body {
  margin-top: 14.4444444444vh;
}
.implantations__partners-title {
  font-size: 6.125em;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #FDC556;
  width: 34.4270833333vw;
}
.implantations__partners-phrase {
  font-size: 1.25em;
  line-height: 154%;
  letter-spacing: 0.02em;
  width: 26.0416666667vw;
  margin-left: 7.96875vw;
}
.implantations__partners-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 47px;
}
.implantations__partners-city, .implantations__partners-country {
  font-size: 3.1875em;
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: 300;
}
.implantations__partners-country {
  font-weight: 100;
  font-style: italic;
}
.implantations__image1 {
  margin-top: 17.962962963vh;
}
.implantations__image1 .box-image {
  width: 69.53125vw;
}
.implantations__image1 .box-image__container {
  padding-top: 65.543071161%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.implantations__image1 .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1600px) {
  .implantations__partners-inner {
    width: 83.3333333333vw;
  }
  .implantations__partners-phrase {
    width: 31.25vw;
  }
}

.contact .footer-contact {
  padding-top: 8.7962962963vh;
}
.contact .footer-contact__places {
  margin-top: 18.5185185185vh;
}

.loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  z-index: 7;
  pointer-events: all;
}
.loader__text {
  font-size: 3.9375em;
  line-height: 128%;
  letter-spacing: 0.01em;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: #fff;
  padding-top: 26.8518518519vh;
  padding-left: 7.2916666667vw;
  width: 75%;
}
.loader__text strong {
  color: #378FD0;
  font-weight: inherit;
}
.loader__progress {
  height: 24.9074074074vh;
  width: 2px;
  position: absolute;
  right: 10.1041666667vw;
  bottom: 6.5625vw;
}
.loader__progress, .loader__progress-track {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform-origin: bottom;
}
.loader__progress-track {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transform-origin: bottom;
}
.loader__progress-value {
  background-color: #378FD0;
  width: 100%;
  height: 0%;
  position: relative;
}
.loader__progress-label {
  position: absolute;
  top: 0;
  right: 28px;
  color: #fff;
  font-weight: 600;
  font-size: 0.8125em;
  line-height: 97%;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 1600px) {
  .loader__text {
    font-size: 3.3125em;
  }
}

body.has-loaded .header__nav, body.has-loaded .header__nav--mobile {
  opacity: 1;
  visibility: visible;
  transition: ease 300ms 1s;
  transition-property: opacity, visibility;
}

body.is-loading .header__nav, body.is-loading .header__nav--mobile {
  opacity: 0;
  visibility: hidden;
}

.background-loop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
@keyframes animate-fill {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-loop {
  to {
    transform: rotate(360deg);
  }
}
@keyframes animate-loop-2 {
  to {
    transform: rotate(-360deg);
  }
}
.background-loop__container {
  height: 100%;
}
.background-loop__container svg {
  display: block;
  width: 100%;
  height: 100%;
}
.background-loop__container svg path {
  stroke-dasharray: 1000;
  stroke-dashoffset: -950;
  transform-box: fill-box;
  transform-origin: center;
}
.background-loop__container svg path:nth-of-type(even) {
  animation: animate-fill 2s cubic-bezier(0.57, 0.19, 0.24, 0.97) forwards, animate-loop 25s 2s ease infinite forwards;
}
.background-loop__container svg path:nth-of-type(odd) {
  animation: animate-fill 2s cubic-bezier(0.57, 0.19, 0.24, 0.97) forwards, animate-loop-2 25s 2s ease infinite forwards;
}

.banner {
  display: flex;
  position: relative;
}
.banner__image {
  margin-bottom: 10.2777777778vh;
}
.banner__image .box-image {
  width: 38.28125vw;
}
.banner__image .box-image__container {
  padding-top: 89.1156462585%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.banner__image .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: auto;
  max-width: 100%;
  height: auto;
}
.banner__text, .banner__cta {
  margin-top: 17.962962963vh;
}
.banner__text {
  font-size: 5.75em;
  line-height: 100%;
  font-weight: 300;
  letter-spacing: -0.02em;
  margin-left: 7.8125vw;
  width: 42.8125vw;
}
.banner__text.small {
  width: 21.9270833333vw;
}
.banner__cta {
  width: 12.8125vw;
  height: 11.6666666667vw;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4.3229166667vw;
}
.banner__cta-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.banner__cta-link {
  font-weight: 600;
  line-height: 165%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  width: 60%;
  text-align: center;
}
.banner__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 63.5185185185vh;
  background-color: #378FD0;
  z-index: -1;
}
@media screen and (max-width: 1600px) {
  .banner__text {
    font-size: 4.5em;
  }
}

.footer-contact {
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0 6.9270833333vw;
  padding-top: 13.7962962963vh;
  font-family: "Poppins", sans-serif;
}
.footer-contact__header {
  display: flex;
  align-items: flex-end;
}
.footer-contact__title {
  font-size: 9.375vw;
  line-height: 93%;
  letter-spacing: -0.05em;
  font-weight: 400;
  display: inline-block;
  width: 41.8229166667vw;
}
.footer-contact__short {
  margin-left: 110px;
  width: 413px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 167%;
  letter-spacing: 0.01em;
  padding-bottom: 19px;
}
.footer-contact__places {
  margin-top: 9.4444444444vh;
  display: flex;
  flex-wrap: wrap;
  width: 78.125vw;
}
.footer-contact__places-item {
  width: 15.625vw;
}
.footer-contact__places-item:not(:last-child) {
  margin-right: 5.15625vw;
}
.footer-contact__places-city {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 2.3125em;
  line-height: 154%;
  letter-spacing: 0.01em;
}
.footer-contact__places-divider {
  width: 48px;
  margin-top: 25px;
  margin-bottom: 28px;
}
.footer-contact__places-phone, .footer-contact__places-email {
  font-size: 1.1875em;
  font-weight: 400;
  line-height: 154%;
  letter-spacing: 0.01em;
  font-family: "Lato", sans-serif;
}
.footer-contact__footer {
  margin-top: 11.3888888889vh;
  padding-bottom: 29px;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 165%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.6;
  display: flex;
}
.footer-contact__footer-links {
  margin-left: auto;
}
.footer-contact__link:not(:last-child) {
  margin-right: 46px;
}
.footer-contact__rights {
  font-weight: 600;
}
@media screen and (max-width: 1600px) {
  .footer-contact {
    font-size: 14px;
  }
}

.marquee {
  position: relative;
  overflow: hidden;
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
  user-select: none;
}
.marquee__inner {
  width: fit-content;
  display: flex;
  position: relative;
  transform: translate3d(var(--move-initial), 0, 0);
  animation: marquee 8s linear infinite;
  animation-play-state: running;
}
.marquee span {
  font-size: 18em;
  padding: 0 0.1909722222em;
  color: rgba(255, 255, 255, 0.05);
  font-family: "Poppins", sans-serif;
}
@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}
@media screen and (max-width: 1600px) {
  .marquee span {
    font-size: 15.5em;
  }
}

.explore {
  position: absolute;
  z-index: 6;
  right: 11.0416666667vw;
  top: 61.5740740741vh;
  transition: ease 0.5s;
  transition-property: opacity, visibility;
  color: #378FD0;
}
.explore__label {
  color: #fff;
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 40px;
  display: inline-block;
  line-height: 17px;
  letter-spacing: 0.13em;
}
.explore__icon {
  height: 68px;
}
.explore__icon svg {
  height: 100%;
}
@media screen and (max-width: 1600px) {
  .explore {
    top: 53.7037037037vh;
  }
}

.case-item {
  font-family: "Lato", sans-serif;
  width: 18.28125vw;
}
.case-item__header {
  position: relative;
}
.case-item__category {
  position: absolute;
  left: 27px;
  bottom: 22px;
  display: flex;
  align-items: center;
}
.case-item__category-icon {
  width: 19px;
  margin-right: 18px;
}
.case-item__category-name {
  color: #DC545D;
  font-weight: 900;
  font-size: 0.8125em;
  line-height: 150%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.case-item__thumbnail .box-image {
  width: 100%;
}
.case-item__thumbnail .box-image__container {
  padding-top: 115.0997150997%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.case-item__thumbnail .box-image__container img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-width: 100%;
  height: auto;
}
.case-item__exploit {
  font-size: 1.4375em;
  line-height: 128%;
  letter-spacing: 0.01em;
  font-weight: 400;
  margin-top: 20px;
}
.case-item__read {
  display: flex;
  align-items: center;
  margin-top: 37px;
}
.case-item__read-icon {
  margin-right: 19px;
}
.case-item__read-icon svg {
  fill: #DC545D;
  width: 21px;
}
.case-item__read-label {
  font-size: 1.1875em;
  line-height: 154%;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1600px) {
  .case-item__exploit {
    font-size: 1.25em;
  }
  .case-item__read-label {
    font-size: 1.0625em;
  }
}

.header__nav--mobile {
  display: none;
}
@media screen and (max-width: 992px) {
  .header {
    padding: 45px 29px;
  }
  .header__nav {
    display: none;
  }
  .header__nav--mobile {
    display: block;
    margin-left: auto;
  }
  .header__logo {
    width: 135px;
  }
}

@media screen and (max-width: 992px) {
  .loader__text {
    padding-top: 30%;
    font-size: 1.375em;
  }
  .loader__progress {
    bottom: 25%;
  }
}
@media screen and (max-width: 992px) {
  .background-loop {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-0 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-0 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-1 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-1 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-2 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-2 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-header-3 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(4) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(3) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(2) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
  .homepage.js__entering-body-3 .homepage__rectangles-item:nth-child(1) {
    transform: translate(0, 0) scaleX(1) scaleY(0.83);
  }
}
@media screen and (max-width: 992px) {
  .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-header {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-title, .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-0 .js__homepage__section-item:nth-child(1) .homepage__sections-short {
    opacity: 0;
    transition: ease-out 0.3s;
    transition-property: opacity;
  }
  .homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-body {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-body-overlay:before {
    transition: ease-out 1.2s;
    transition-property: transform;
    transform: scaleX(1);
  }
  .homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-full-text {
    opacity: 1;
    transform: translate(0, 0);
    transition: ease-out 0.9s 0.96s;
    transition-property: transform, opacity;
  }
  .homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link:before {
    transform: scale(1);
    transition: ease-out 0.5s 1.2s;
    transition-property: transform;
  }
  .homepage.js__entering-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link a {
    opacity: 1;
    transition: ease-out 0.8s 1.3666666667s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-body-overlay:before {
    transform: scaleX(0);
    transition: ease-out 0.8s 0.2s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-full-text {
    opacity: 0;
    transition: ease-out 0.2s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link:before {
    transform: scale(0);
    transition: ease-out 0.2s 0.1s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-0 .js__homepage__section-item:nth-child(1) .homepage__sections-link a {
    opacity: 0;
    transition: ease-out 0.2s 0.1333333333s;
    transition-property: opacity;
  }
  .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-header {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-title, .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-1 .js__homepage__section-item:nth-child(2) .homepage__sections-short {
    opacity: 0;
    transition: ease-out 0.3s;
    transition-property: opacity;
  }
  .homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-body {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-body-overlay:before {
    transition: ease-out 1.2s;
    transition-property: transform;
    transform: scaleX(1);
  }
  .homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-full-text {
    opacity: 1;
    transform: translate(0, 0);
    transition: ease-out 0.9s 0.96s;
    transition-property: transform, opacity;
  }
  .homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link:before {
    transform: scale(1);
    transition: ease-out 0.5s 1.2s;
    transition-property: transform;
  }
  .homepage.js__entering-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link a {
    opacity: 1;
    transition: ease-out 0.8s 1.3666666667s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-body-overlay:before {
    transform: scaleX(0);
    transition: ease-out 0.8s 0.2s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-full-text {
    opacity: 0;
    transition: ease-out 0.2s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link:before {
    transform: scale(0);
    transition: ease-out 0.2s 0.1s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-1 .js__homepage__section-item:nth-child(2) .homepage__sections-link a {
    opacity: 0;
    transition: ease-out 0.2s 0.1333333333s;
    transition-property: opacity;
  }
  .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-header {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-title, .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-2 .js__homepage__section-item:nth-child(3) .homepage__sections-short {
    opacity: 0;
    transition: ease-out 0.3s;
    transition-property: opacity;
  }
  .homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-body {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-body-overlay:before {
    transition: ease-out 1.2s;
    transition-property: transform;
    transform: scaleX(1);
  }
  .homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-full-text {
    opacity: 1;
    transform: translate(0, 0);
    transition: ease-out 0.9s 0.96s;
    transition-property: transform, opacity;
  }
  .homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link:before {
    transform: scale(1);
    transition: ease-out 0.5s 1.2s;
    transition-property: transform;
  }
  .homepage.js__entering-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link a {
    opacity: 1;
    transition: ease-out 0.8s 1.3666666667s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-body-overlay:before {
    transform: scaleX(0);
    transition: ease-out 0.8s 0.2s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-full-text {
    opacity: 0;
    transition: ease-out 0.2s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link:before {
    transform: scale(0);
    transition: ease-out 0.2s 0.1s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-2 .js__homepage__section-item:nth-child(3) .homepage__sections-link a {
    opacity: 0;
    transition: ease-out 0.2s 0.1333333333s;
    transition-property: opacity;
  }
  .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-header {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-title, .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-subtitle-trait, .homepage.js__leaving-header-3 .js__homepage__section-item:nth-child(4) .homepage__sections-short {
    opacity: 0;
    transition: ease-out 0.3s;
    transition-property: opacity;
  }
  .homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-body {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-body-overlay:before {
    transition: ease-out 1.2s;
    transition-property: transform;
    transform: scaleX(1);
  }
  .homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-full-text {
    opacity: 1;
    transform: translate(0, 0);
    transition: ease-out 0.9s 0.96s;
    transition-property: transform, opacity;
  }
  .homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link:before {
    transform: scale(1);
    transition: ease-out 0.5s 1.2s;
    transition-property: transform;
  }
  .homepage.js__entering-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link a {
    opacity: 1;
    transition: ease-out 0.8s 1.3666666667s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) {
    opacity: 1;
    visibility: visible;
  }
  .homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-body-overlay:before {
    transform: scaleX(0);
    transition: ease-out 0.8s 0.2s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-full-text {
    opacity: 0;
    transition: ease-out 0.2s;
    transition-property: opacity;
  }
  .homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link:before {
    transform: scale(0);
    transition: ease-out 0.2s 0.1s;
    transition-property: transform;
  }
  .homepage.js__leaving-body-3 .js__homepage__section-item:nth-child(4) .homepage__sections-link a {
    opacity: 0;
    transition: ease-out 0.2s 0.1333333333s;
    transition-property: opacity;
  }
}
@media screen and (max-width: 992px) {
  .homepage {
    padding: 45px 29px;
  }
  .homepage__center {
    width: 86.13%;
    top: 17.0914542729vh;
  }
  .homepage__menu {
    width: auto;
  }
  .homepage__menu-item {
    font-size: 3.4375em;
    padding: 17px 0;
  }
  .homepage__menu-item-icon {
    width: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    transition: opacity 200ms 500ms ease;
  }
  .homepage__menu-item-icon svg {
    fill: #fff;
  }
  .homepage__menu-item-trait {
    height: 2px;
  }
  .homepage__menu-item-hover {
    display: none;
  }
  .homepage__menu-item:first-child .homepage__menu-item-trait, .homepage__menu-item-trait.bottom {
    display: none;
  }
  .homepage__phrase {
    width: 61.0666666667vw;
    font-size: 1.0625em;
    margin-top: 8.5457271364vh;
  }
  .homepage__showcase {
    left: 0;
    transform: translate(0, 0);
    width: 85.3333333333vw;
    height: 47.8260869565vh;
  }
  .homepage__sections-title {
    left: 6.6666666667vw;
    top: 28.1859070465vh;
    font-size: 3.5625em;
    line-height: 103%;
  }
  .homepage__sections-subtitle {
    display: block;
    left: 6.6666666667vw;
    top: 46.0269865067vh;
  }
  .homepage__sections-subtitle-trait {
    margin-left: 0;
    margin-bottom: 9px;
    padding-top: 0;
  }
  .homepage__sections-body-overlay, .homepage__sections-item.is-right .homepage__sections-body-overlay {
    width: 78.9333333333vw;
    left: 0;
    height: 100%;
  }
  .homepage__sections-body-overlay:before, .homepage__sections-item.is-right .homepage__sections-body-overlay:before {
    transform-origin: left;
  }
  .homepage__sections-short {
    margin-left: 0;
    font-size: 1.0625em;
    line-height: 140%;
    width: 69.8666666667vw;
  }
  .homepage__sections-full, .homepage__sections-item.is-right .homepage__sections-full {
    font-size: 1.125em;
    width: 74.6666666667vw;
    padding-left: 7.7333333333vw;
    padding-top: 16.7916041979vh;
  }
  .homepage__sections-link, .homepage__sections-item.is-right .homepage__sections-link {
    left: 31.2vw;
    top: 74.5127436282vh;
    width: 130px;
    height: 118px;
  }
  .homepage__sections-link a, .homepage__sections-item.is-right .homepage__sections-link a {
    font-size: 0.625em;
  }
  .homepage__progress {
    bottom: 37.7811094453vh;
    right: 12.5333333333vw;
  }
  .homepage__progress-label {
    font-size: 0.625em;
    left: 14px;
  }
  .homepage__progress-arrow {
    top: 40.4797601199vh;
  }
  .homepage__progress-total {
    display: none;
  }
  .homepage__contact {
    overflow: auto;
  }
  .homepage__contact-header {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30%;
  }
  .homepage__contact-title {
    margin-bottom: 25px;
  }
  .homepage__contact-short {
    margin-left: 0;
    width: 85%;
  }
  .homepage__contact-places {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .homepage__contact-places-item {
    width: 50%;
    margin-bottom: 35px;
  }
  .homepage__contact-places-item:not(:last-child) {
    margin-right: 0;
  }
  .homepage__contact-footer {
    flex-direction: column;
    align-items: center;
  }
  .homepage__contact-footer-links {
    margin-left: 0;
  }
  .homepage .explore {
    left: auto;
    top: auto;
    right: 13.3333333333vw;
    bottom: 4.047976012vh;
  }
  .homepage .explore__label {
    transform: translate(0, -40px) rotate(-90deg);
    margin-bottom: 0;
  }
  .homepage__progress-label {
    width: auto;
  }
}
/*# sourceMappingURL=/index.css.map */