/* COMMON */
html,
body,
.section {
  height: 100%;
}
body {
  font-family: "Avenir Next", Helvetica, Arial, sans-serif;
  color: #fff;
  position: relative;
  background: #112D4F;
}
.wrapper {
  opacity: 1;
  transition: opacity 0.5s ease-out;
  min-width: 280px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
  height: 100%;
  background: #112D4F;
}
.wrapper.loading {
  max-height: 100%;
  opacity: 0;
}
.sections {
  height: 100%;
}
/* Cursor */
body:not(.mobile) .cursor {
  position: fixed;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #2983e8;
  z-index: 2000;
  pointer-events: none;
  opacity: 1;
  transition-property: width, height, opacity;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}
body:not(.mobile) .cursor.hover {
  height: 54px;
  width: 54px;
  opacity: 0.5;
}
body:not(.mobile) .cursor.hidden {
  display: none;
}
/* Letters */
.z-text {
  position: relative;
}
.z-letters .z-text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}
.z-letters .z-letter {
  display: inline-block;
  line-height: 1em;
  opacity: 0;
}
/* Z BLOCK */
.z-block {
  width: 100%;
  max-width: 100%;
  position: relative;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.z-block__over {
  width: 100%;
  height: 100%;
  z-index: 20;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-block__content {
  width: 1440px;
  margin: 0 auto;
}
@media (max-width: 1500px) {
  .z-block__content {
    width: calc(100% - 100px);
  }
}
@media (max-width: 1100px) {
  .z-block__content {
    width: 90%;
  }
}
.z-block_bg {
  color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.z-block_bg-video video {
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .z-block_bg-video video {
    display: none;
  }
}
.z-block_bg-video .z-block__content {
  z-index: 20;
}
.preloader {
  z-index: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.preloader.loading {
  opacity: 1;
}
.spinner,
.spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.mobile-warning {
  background: #112D4F;
  display: none;
  z-index: 100;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: opacity 0.5s ease-out;
  font-size: 7vw;
  font-weight: 600;
  text-transform: uppercase;
}
@media (orientation: landscape) {
  body.mobile .mobile-warning {
    display: flex;
  }
}
.z-block-gallery {
  position: relative;
  z-index: 2;
}
.z-block-gallery,
.z-block-gallery__content,
.z-block-gallery__item,
.z-block-gallery .slick-list {
  width: 100%;
  height: 100%;
}
.z-block-gallery .slick-track {
  height: 100%;
}
.z-block-gallery__item {
  background-position: center center;
  background-size: cover;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-block-gallery .slick-dots {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
@media (min-width: 1025px) {
  .z-block-gallery .slick-dots {
    bottom: 10%;
    right: 10%;
  }
}
@media (max-width: 1024px) {
  .z-block-gallery .slick-dots {
    bottom: 2.5%;
    left: 0;
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 1025px) {
  .z-block-gallery .slick-dots li {
    margin: 0 20px;
  }
}
@media (max-width: 1024px) {
  .z-block-gallery .slick-dots li {
    margin: 0 10px;
  }
}
.z-block-gallery .slick-dots button {
  cursor: pointer;
  font-size: 0;
  padding: 0;
  color: transparent;
  background: #fff;
  border-radius: 100%;
  border: none;
}
@media (min-width: 1025px) {
  .z-block-gallery .slick-dots button {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 1024px) {
  .z-block-gallery .slick-dots button {
    width: 10px;
    height: 10px;
  }
}
.z-block-gallery .slick-dots button:focus {
  outline: none;
}
.z-block-gallery .slick-dots li.slick-active button {
  transform: scale(1.2);
}
@media (min-width: 1025px) {
  .z-block-gallery .slick-dots li.slick-active button {
    box-shadow: 0px 0px 10px 0px rgba(164, 254, 251, 0.75);
  }
}
@media (max-width: 1024px) {
  .z-block-gallery .slick-dots li.slick-active button {
    box-shadow: 0px 0px 5px 0px rgba(164, 254, 251, 0.75);
  }
}
.z-block-gallery-ba [data-compare-images] {
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  user-select: none;
  width: 100%;
  height: 100%;
}
.z-block-gallery-ba [data-compare-images]:before {
  content: '';
  display: block;
  background: url('../../assets/images/common/hand.png') no-repeat;
  width: 87px;
  height: 100px;
  z-index: 20;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: floatHandBa 3s infinite;
  margin-left: -100px;
  opacity: 1;
  transition: opacity 1s ease-out;
}
.z-block-gallery-ba [data-compare-images].dragged:before {
  opacity: 0;
}
@keyframes floatHandBa {
  0,
  100% {
    margin-left: -100px;
  }
  50% {
    margin-left: 100px;
  }
}
.z-block-gallery-ba [data-compare-images] [data-compare-images-container-before],
.z-block-gallery-ba [data-compare-images] [data-compare-images-container-after] {
  width: 100%;
  height: 100%;
}
.z-block-gallery-ba [data-compare-images] [data-compare-images-container-before] {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
}
.z-block-gallery-ba [data-compare-images] [data-compare-images-before],
.z-block-gallery-ba [data-compare-images] [data-compare-images-after] {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.z-block-gallery-ba [data-compare-images] [data-compare-images-drag] {
  background: #fff;
  bottom: 0;
  cursor: ew-resize;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  top: 0;
  width: 6px;
  z-index: 20;
}
.z-block-gallery-ba [data-compare-images] [data-compare-images-drag]::before {
  content: '';
  height: 110px;
  left: 50%;
  margin-left: -13px;
  margin-top: -55px;
  position: absolute;
  top: 50%;
  width: 26px;
  background: #fff;
}
/* INTRO */
.z-block-intro {
  position: relative;
  z-index: 1;
}
@media (orientation: landscape) {
  .z-block-intro {
    background-image: url('../../assets/images/intro/bg.png');
  }
}
@media (orientation: portrait) {
  .z-block-intro {
    background-image: url('../../assets/images/intro/bg_mobile.png');
  }
}
.z-block-intro__lang {
  list-style-type: none;
  margin: 3.5vh 0 2.5vh 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.z-block-intro__lang-item {
  margin: 0 2vh 0 0;
}
.z-block-intro__lang-item a {
  display: block;
  width: 32px;
  height: 32px;
  background-size: cover;
}
.z-block-intro__lang-item_ru a {
  background-image: url('../../assets/images/intro/russia.png');
}
.z-block-intro__lang-item_en a {
  background-image: url('../../assets/images/intro/uk.png');
}
.z-block-intro__lang-item_cn a {
  background-image: url('../../assets/images/intro/china.png');
}
.z-block-intro__title {
  margin: 0 0 2.5vh 0;
  font-family: 'Lava', serif;
  font-weight: bold;
}
.z-block-intro__title span {
  display: block;
}
@media (orientation: landscape) and (min-width: 1025px) {
  .z-block-intro__title {
    font-size: 8vh;
    line-height: 10vh;
  }
}
@media (orientation: portrait) and (min-width: 1025px) {
  .z-block-intro__title {
    font-size: 6vh;
    line-height: 7.5vh;
  }
}
@media (max-width: 1024px) {
  .z-block-intro__title {
    font-size: 10vw;
    line-height: 12vw;
  }
}
.z-block-intro__title .z-letter {
  opacity: 0;
}
.z-block-intro__subtitle {
  margin: 0;
  font-family: 'Avenir Next', sans-serif;
  font-weight: 200;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 6s;
}
@media (min-width: 1025px) {
  .z-block-intro__subtitle {
    font-size: 2.5vh;
    line-height: 3.5vh;
  }
  .z-block-intro__subtitle_desktop {
    display: block;
  }
  .z-block-intro__subtitle_mobile {
    display: none;
  }
}
@media (max-width: 1100px) {
  .z-block-intro__subtitle {
    font-size: 4vw;
    line-height: 5.5vw;
    font-weight: 500;
  }
  .z-block-intro__subtitle_desktop {
    display: none;
  }
  .z-block-intro__subtitle_mobile {
    display: block;
  }
  .z-block-intro__subtitle span {
    display: block;
    margin-bottom: 6vw;
  }
}
.z-block-intro.in-view .z-block-intro__subtitle {
  opacity: 1;
}
.z-block-intro__map {
  position: absolute;
  background-repeat: no-repeat;
  z-index: 2;
}
@media (min-width: 1025px) {
  .z-block-intro__map {
    top: 0px;
    left: 0px;
    background-image: url('../../assets/images/intro/map.png');
    background-position: top right;
    background-size: contain;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .z-block-intro__map {
    left: auto;
    right: -12vh;
  }
}
@media (max-width: 1024px) {
  .z-block-intro__map {
    right: 0px;
    background-image: url('../../assets/images/intro/map_mobile.png');
    background-position: bottom right;
    background-size: contain;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .z-block-intro__map {
    bottom: 20px;
    width: 597.6px;
    height: 844px;
  }
}
@media (min-width: 720px) and (max-width: 900px) {
  .z-block-intro__map {
    bottom: 20px;
    width: 498px;
    height: 703.33333333px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .z-block-intro__map {
    bottom: 10px;
    width: 373.5px;
    height: 527.5px;
  }
}
@media (max-width: 320px) {
  .z-block-intro__map {
    bottom: 5px;
    width: 298.8px;
    height: 422px;
  }
}
.z-block-intro__map-scheme {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  opacity: 0;
  transform: scale(0.1);
  transform-origin: top right;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transition-delay: 3s;
}
@media (min-width: 1025px) {
  .z-block-intro__map-scheme {
    width: 82vh;
    height: 30vh;
    top: 52vh;
    right: 52vh;
  }
}
@media (max-width: 1024px) {
  .z-block-intro__map-scheme {
    transform-origin: bottom left;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .z-block-intro__map-scheme {
    width: 557.6px;
    height: 300.8px;
    bottom: 200.95238095px;
    right: 33.57303371px;
  }
}
@media (min-width: 720px) and (max-width: 900px) {
  .z-block-intro__map-scheme {
    width: 464.66666667px;
    height: 250.66666667px;
    bottom: 167.46031746px;
    right: 27.97752809px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .z-block-intro__map-scheme {
    width: 348.5px;
    height: 188px;
    bottom: 125.5952381px;
    right: 20.98314607px;
  }
}
@media (max-width: 320px) {
  .z-block-intro__map-scheme {
    width: 278.8px;
    height: 150.4px;
    bottom: 100.47619048px;
    right: 16.78651685px;
  }
}
.z-block-intro__map-title {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 4.5s;
}
@media (min-width: 1025px) {
  .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title.png');
    width: 33vh;
    height: 10vh;
    top: 65vh;
    right: 15vh;
  }
}
@media (max-width: 1024px) {
  .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title_mobile.png');
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .z-block-intro__map-title {
    width: 268px;
    height: 96px;
    bottom: 105.5px;
    right: 33.57303371px;
  }
}
@media (min-width: 720px) and (max-width: 900px) {
  .z-block-intro__map-title {
    width: 223.33333333px;
    height: 80px;
    bottom: 87.91666667px;
    right: 27.97752809px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .z-block-intro__map-title {
    width: 167.5px;
    height: 60px;
    bottom: 65.9375px;
    right: 20.98314607px;
  }
}
@media (max-width: 320px) {
  .z-block-intro__map-title {
    width: 134px;
    height: 48px;
    bottom: 52.75px;
    right: 16.78651685px;
  }
}
.z-block-intro__map-flag {
  display: block;
  position: absolute;
  background-image: url('../../assets/images/intro/flag.png');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 4;
  animation: pulse 4s infinite;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 2.5s;
}
@media (min-width: 1025px) {
  .z-block-intro__map-flag {
    width: 7vh;
    height: 11vh;
    top: 44vh;
    right: 48.5vh;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .z-block-intro__map-flag {
    width: 56px;
    height: 88px;
    bottom: 204.85436893px;
    right: 368.88888889px;
  }
}
@media (min-width: 720px) and (max-width: 900px) {
  .z-block-intro__map-flag {
    width: 46.66666667px;
    height: 73.33333333px;
    bottom: 170.71197411px;
    right: 307.40740741px;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .z-block-intro__map-flag {
    width: 35px;
    height: 55px;
    bottom: 128.03398058px;
    right: 230.55555556px;
  }
}
@media (max-width: 320px) {
  .z-block-intro__map-flag {
    width: 28px;
    height: 44px;
    bottom: 102.42718447px;
    right: 184.44444444px;
  }
}
.z-block-intro.in-view .z-block-intro__map-scheme,
.z-block-intro.in-view .z-block-intro__map-flag,
.z-block-intro.in-view .z-block-intro__map-title {
  opacity: 1;
}
.z-block-intro.in-view .z-block-intro__map-scheme {
  transform: scale(1);
}
.z-block-intro__content {
  position: relative;
  z-index: 5;
}
@keyframes pulse {
  75% {
    transform: scale3d(1, 1, 1);
  }
  87.5% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
body.ru .z-block-intro__lang-item_ru {
  display: none !important;
}
@media (min-width: 1025px) {
  body.ru .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title.png');
  }
}
@media (max-width: 1024px) {
  body.ru .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title_mobile.png');
  }
}
body.en .z-block-intro__lang-item_en {
  display: none !important;
}
@media (min-width: 1025px) {
  body.en .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title_en.png');
  }
}
@media (max-width: 1024px) {
  body.en .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title_mobile_en.png');
  }
}
body.cn .z-block-intro__lang-item_cn {
  display: none !important;
}
@media (min-width: 1025px) {
  body.cn .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title_cn.png');
  }
}
@media (max-width: 1024px) {
  body.cn .z-block-intro__map-title {
    background-image: url('../../assets/images/intro/title_mobile_cn.png');
  }
}
/* SCHEDULE */
.z-block-schedule {
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #202123;
}
@media (max-width: 1024px) {
  .z-block-schedule {
    background-image: url('../video/schedule/poster.jpg');
    background-size: cover;
    background-position: center center;
  }
}
.z-block-schedule__content {
  background: rgba(0, 0, 0, 0.6);
}
.z-block-schedule__title {
  text-align: center;
  font-family: 'Lava', serif;
}
.z-block-schedule__title span {
  color: #2983e8;
}
@media (min-width: 1025px) {
  .z-block-schedule__title {
    line-height: 82px;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 50px;
  }
  .z-block-schedule__title span {
    font-size: 72px;
  }
}
@media (min-width: 1025px) and (max-width: 1500px), (min-width: 1025px) and (max-height: 900px) {
  .z-block-schedule__title {
    line-height: 61px;
    font-size: 40px;
  }
  .z-block-schedule__title span {
    font-size: 51px;
  }
}
@media (max-width: 1024px) {
  .z-block-schedule__title {
    line-height: 8.5vw;
    font-size: 6.5vw;
    font-weight: 600;
    margin-bottom: 10vh;
  }
  .z-block-schedule__title span {
    font-size: 7.5vw;
  }
  .z-block-schedule__title br {
    display: none;
  }
}
.z-block-schedule__targets {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1024px) {
  .z-block-schedule__targets {
    width: 100%;
  }
}
.z-block-schedule__target {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
  text-align: center;
}
.z-block-schedule__target:last-child {
  border-right: none;
}
.z-block-schedule__target-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  transform-style: preserve-3d;
  position: relative;
}
.z-block-schedule__target:nth-child(1) .z-block-schedule__target-icon {
  animation-delay: 0.5s !important;
}
.z-block-schedule__target:nth-child(2) .z-block-schedule__target-icon {
  animation-delay: 1.5s !important;
}
.z-block-schedule__target:nth-child(3) .z-block-schedule__target-icon {
  animation-delay: 2.5s !important;
}
.z-block-schedule__target-num {
  font-family: Lava,serif;
  font-size: 115px;
  line-height: 1;
  font-weight: 900;
  position: relative;
  margin: 40px 0 30px;
}
.z-block-schedule__target-num span {
  margin-right: 15px;
}
.z-block-schedule__target-num-more {
  position: absolute;
  font-family: "Avenir Next", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  top: 50%;
  right: calc(115%);
  line-height: 1;
  transform: translateY(-30%);
  white-space: nowrap;
}
.z-block-schedule__target-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 200;
}
@media (min-width: 1025px) {
  .z-block-schedule__target {
    width: 480px;
    height: 400px;
  }
}
@media (min-width: 1025px) and (max-width: 1500px), (min-width: 1025px) and (max-height: 900px) {
  .z-block-schedule__target {
    width: 350px;
    height: 300px;
  }
  .z-block-schedule__target-num {
    font-size: 75px;
    margin: 20px 0 15px;
  }
  .z-block-schedule__target-num-more {
    font-size: 20px;
    right: calc(115%);
  }
  .z-block-schedule__target-title {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (max-width: 1024px) {
  .z-block-schedule__target {
    width: 33%;
    height: 20vh;
  }
  .z-block-schedule__target-num {
    line-height: 7vw;
    font-size: 5.5vw;
    margin: 5px 0 3px;
  }
  .z-block-schedule__target-num span {
    margin-right: 1vw;
  }
  .z-block-schedule__target-num-more {
    font-size: 2vw;
    right: calc(100% + 1vw);
  }
  .z-block-schedule__target-title {
    line-height: 4.5vw;
    font-size: 3.5vw;
    height: 9vw;
  }
}
@media (max-width: 600px) {
  .z-block-schedule__target-icon {
    height: 40px;
  }
  .z-block-schedule__target-icon img {
    transform: scale(0.5);
  }
}
.z-block-schedule.in-view .z-block-schedule__target-icon {
  animation: flip-icon 1s;
}
@keyframes flip-icon {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
/* WALK */
.z-block-walk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.z-block-walk__title {
  font-family: 'Lava', serif;
  color: #000;
  font-size: 8vh;
  line-height: 15vh;
  font-weight: 400;
  text-align: center;
}
.z-block-walk__gigarama {
  width: 70%;
  height: 70vh;
  margin: 0;
  border: none;
}
/* TIMELINE */
.z-block-timeline {
  background-image: url('../images/timeline/bg.png');
  background-repeat: no-repeat;
  background-position: center 0;
}
@media (max-height: 950px), (max-width: 1850px) {
  .z-block-timeline {
    background-position: center -50px;
  }
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline {
    background-position: center -150px;
  }
}
.z-block-timeline__title {
  font-family: 'Lava', serif;
  color: #000;
  font-size: 8vh;
  line-height: 10vh;
  font-weight: 400;
  text-align: center;
}
.z-block-timeline__timeline {
  margin-top: 3vh;
  position: relative;
}
.z-block-timeline__timeline-slider {
  width: 1160px;
  margin: 0 auto;
  z-index: 10;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline__timeline-slider {
    width: 960px;
  }
}
.z-block-timeline__timeline-slider.noUi-target {
  background: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
}
.z-block-timeline__timeline-slider.noUi-horizontal {
  height: 7px;
}
.z-block-timeline__timeline-slider .noUi-connects {
  cursor: pointer;
}
.z-block-timeline__timeline-slider .noUi-handle {
  border-radius: 0px;
  cursor: default;
  box-shadow: none;
  right: -13px;
  top: -9px;
  outline: none;
  box-sizing: unset;
  cursor: pointer;
  display: block;
  transform: rotate(-45deg);
  background: #fff;
  width: 12px;
  height: 12px;
  border: 7px solid #2983e8;
}
.z-block-timeline__timeline-slider .noUi-handle::before,
.z-block-timeline__timeline-slider .noUi-handle::after {
  display: none;
}
.z-block-timeline__timeline-content {
  position: relative;
  margin: 0 auto;
  width: 1800px;
  height: 580px;
}
@media (max-height: 950px), (max-width: 1850px) {
  .z-block-timeline__timeline-content {
    width: 1440px;
    height: 480px;
  }
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline__timeline-content {
    width: 1000px;
    height: 360px;
  }
}
.z-block-timeline__timeline-content-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  transition: opacity 1s ease-in-out;
}
.z-block-timeline__timeline-content-item.active {
  opacity: 1;
  z-index: 20;
}
.z-block-timeline__timeline-content-item-text {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #2983e8;
  font-style: italic;
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  padding-left: 240px;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
@media (max-height: 950px), (max-width: 1850px) {
  .z-block-timeline__timeline-content-item-text {
    font-size: 36px;
    line-height: 42px;
    padding-left: 140px;
  }
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline__timeline-content-item-text {
    font-size: 28px;
    line-height: 32px;
    padding-left: 60px;
  }
}
.z-block-timeline__timeline-content-item-image + .z-block-timeline__timeline-content-item-text {
  padding-left: 115px;
}
.z-block-timeline__timeline-content-item-image {
  width: 50%;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.z-block-timeline__timeline-content-item.active {
  opacity: 1;
  z-index: 20;
}
.z-block-timeline__timeline-content-item.active .z-block-timeline__timeline-content-item-image {
  opacity: 1;
}
.z-block-timeline__timeline-content-item.active .z-block-timeline__timeline-content-item-text {
  opacity: 1;
  transition-delay: 1s;
}
.z-block-timeline__timeline-year {
  display: block;
  font-size: 36px;
  line-height: 36px;
  color: #2983e8;
  font-weight: 600;
  position: absolute;
  bottom: -60px;
  left: 50%;
  width: 1200px;
  transform: translateX(-50%);
  margin-left: -78px;
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline__timeline-year {
    font-size: 24px;
    line-height: 24px;
    width: 1000px;
    margin-left: -45px;
    bottom: -50px;
  }
}
.z-block-timeline__timeline-line {
  position: relative;
  z-index: 30;
  margin-top: 75px;
}
.z-block-timeline__timeline-line::after {
  content: '';
  position: absolute;
  bottom: 0px;
  background: #2983e8;
  height: 7px;
  width: 100%;
}
.z-block-timeline__timeline-line-container {
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  height: 7px;
  width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline__timeline-line-container {
    width: 1000px;
  }
}
.z-block-timeline__timeline-line-item {
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.z-block-timeline__timeline-line-item-icon {
  cursor: pointer;
  display: block;
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  background: #fff;
  border: 4px solid #2983e8;
  transition: all 0.5s ease-in-out;
}
.z-block-timeline__timeline-line-item-date {
  display: block;
  font-size: 36px;
  line-height: 36px;
  font-weight: 200;
  text-align: center;
  white-space: nowrap;
}
@media (max-height: 800px), (max-width: 1500px) {
  .z-block-timeline__timeline-line-item-date {
    font-size: 24px;
    line-height: 24px;
  }
}
.z-block-timeline__timeline-line-item-date span {
  color: #2983e8;
  transition: all 0.5s ease-in-out;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
}
.z-block-timeline__timeline-line-item-dots {
  margin: 0;
  height: 0px;
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease-in-out;
}
.z-block-timeline__timeline-line-item-dots i {
  margin: 5px 0 2px;
  display: block;
  width: 5px;
  height: 5px;
  background: #2983e8;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 1s ease-in-out;
}
.z-block-timeline__timeline-line-item.active .z-block-timeline__timeline-line-item-date span {
  background: #2983e8;
  color: #fff;
  font-weight: 600;
}
.z-block-timeline__timeline-line-item.active .z-block-timeline__timeline-line-item-dots {
  opacity: 1;
  height: 36px;
}
.z-block-timeline__timeline-line-item.active .z-block-timeline__timeline-line-item-dots i {
  opacity: 1;
}
.z-block-timeline__timeline-line-item.closest-active .z-block-timeline__timeline-line-item-icon {
  transform: scale(0.75) rotate(-45deg);
}
.z-block-timeline__timeline-line-item.active + .z-block-timeline__timeline-line-item .z-block-timeline__timeline-line-item-icon {
  animation: pulse-icon 3s infinite;
}
.z-block-timeline__timeline-line-item:nth-child(even) {
  top: -4px;
}
.z-block-timeline__timeline-line-item.active:nth-child(even) .z-block-timeline__timeline-line-item-dots {
  margin: 15px 0 8px;
}
.z-block-timeline__timeline-line-item.active:nth-child(even) .z-block-timeline__timeline-line-item-dots i:nth-child(1) {
  transition-delay: 0s;
}
.z-block-timeline__timeline-line-item.active:nth-child(even) .z-block-timeline__timeline-line-item-dots i:nth-child(2) {
  transition-delay: 0.25s;
}
.z-block-timeline__timeline-line-item.active:nth-child(even) .z-block-timeline__timeline-line-item-dots i:nth-child(3) {
  transition-delay: 0.5s;
}
.z-block-timeline__timeline-line-item:nth-child(odd) {
  flex-direction: column-reverse;
  align-self: flex-end;
  bottom: -4px;
}
.z-block-timeline__timeline-line-item.active:nth-child(odd) .z-block-timeline__timeline-line-item-dots {
  margin: 8px 0 15px;
}
.z-block-timeline__timeline-line-item.active:nth-child(odd) .z-block-timeline__timeline-line-item-dots i:nth-child(3) {
  transition-delay: 0s;
}
.z-block-timeline__timeline-line-item.active:nth-child(odd) .z-block-timeline__timeline-line-item-dots i:nth-child(2) {
  transition-delay: 0.25s;
}
.z-block-timeline__timeline-line-item.active:nth-child(odd) .z-block-timeline__timeline-line-item-dots i:nth-child(1) {
  transition-delay: 0.5s;
}
@keyframes pulse-icon {
  0% {
    transform: rotate(-45deg) scale(1);
  }
  50% {
    transform: rotate(-45deg) scale(1);
  }
  75% {
    transform: rotate(-45deg) scale(1.2);
  }
  100% {
    transform: rotate(-45deg) scale(1);
  }
}
/* TIMELINE MOBILE */
.z-block-timeline-mobile {
  background-repeat: no-repeat;
  background-position: center 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.z-block-timeline-mobile .slick-dots button {
  background: #2983e8;
}
.z-block-timeline-mobile__title {
  font-family: 'Lava', serif;
  color: #000;
  font-size: 6vw;
  line-height: 6vw;
  margin-top: 4vh;
  font-weight: 400;
  text-align: center;
}
.z-block-timeline-mobile__year {
  background: #2983e8;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  padding: 1vw 1.5vw;
  font-size: 4vw;
  line-height: 5vw;
  margin: 3vh auto 3vh;
}
.z-block-timeline-mobile__timeline-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.z-block-timeline-mobile__timeline-item-content {
  white-space: nowrap;
  margin: 3vh 3vw 0;
}
.z-block-timeline-mobile__timeline-item-date-container {
  width: 27.5vw;
  float: left;
}
.z-block-timeline-mobile__timeline-item-date {
  background: #2983e8;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  padding: 1vw 1.5vw;
  font-size: 4vw;
  line-height: 5vw;
  margin: 0 2vw 0 0;
}
.z-block-timeline-mobile__timeline-item-text {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 6vw 5vw 0 0;
  color: #2983e8;
  font-style: italic;
  font-weight: 600;
  font-size: 5vw;
  line-height: 6vw;
  margin-left: 27.5vw;
}
.z-block-timeline-mobile__timeline-item-image {
  width: 100%;
}
.z-block-stats {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-block-stats__content {
  display: grid;
}
@media (min-width: 1025px) {
  .z-block-stats__content {
    width: 1300px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 45px;
    grid-template-areas: "item_a item_b" "item_c item_d";
  }
}
@media (min-width: 1025px) and (max-width: 1400px), (min-width: 1025px) and (max-height: 950px) {
  .z-block-stats__content {
    width: 1000px;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .z-block-stats__content {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.5fr 1fr 1.75fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2.5vh;
    grid-template-areas: "item_a item_a" "item_b item_c" "item_d item_d";
  }
}
@media (max-width: 480px) {
  .z-block-stats__content {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 0.75fr 1fr 2.5fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2.5vh;
    grid-template-areas: "item_a item_a" "item_b item_c" "item_d item_d";
  }
}
.z-block-stats__intro {
  grid-area: item_a;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.z-block-stats__intro-title {
  display: block;
  font-family: 'Lava', serif;
  font-weight: 400;
  position: relative;
  color: transparent;
  transition: color 0.5s ease-in-out;
  transition-delay: 1s;
}
.z-block-stats__intro-title:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  background-color: #2983e8;
  height: 0px;
  transition: all 1s ease-in-out;
}
@media (min-width: 1025px) {
  .z-block-stats__intro-title {
    margin-top: 100px;
    font-size: 115px;
    line-height: 115px;
    margin-left: 40px;
    padding-left: 60px;
  }
  .z-block-stats__intro-title:after {
    left: 20px;
    width: 20px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px), (min-width: 1025px) and (max-height: 950px) {
  .z-block-stats__intro-title {
    font-size: 95px;
    line-height: 95px;
    margin-top: 50px;
  }
}
@media (max-width: 1024px) {
  .z-block-stats__intro-title {
    font-size: 15vw;
    line-height: 15vw;
    margin-left: 0;
    padding-left: 10vw;
  }
  .z-block-stats__intro-title:after {
    left: 5vw;
    width: 2vw;
  }
}
.z-block-stats__intro-subtitle {
  color: #2983e8;
  font-style: italic;
  font-weight: 600;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 1.5s;
}
@media (min-width: 1025px) {
  .z-block-stats__intro-subtitle {
    font-size: 48px;
    line-height: 60px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px), (min-width: 1025px) and (max-height: 950px) {
  .z-block-stats__intro-subtitle {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (max-width: 1024px) {
  .z-block-stats__intro-subtitle {
    font-size: 6vw;
    line-height: 6vw;
    margin-right: 2.5vw;
  }
}
.z-block-stats.in-view .z-block-stats__intro-title {
  color: #000;
}
.z-block-stats.in-view .z-block-stats__intro-title::after {
  height: 100%;
}
.z-block-stats.in-view .z-block-stats__intro-subtitle {
  opacity: 1;
}
.z-block-stats__image_first {
  grid-area: item_b;
}
.z-block-stats__image_second {
  grid-area: item_c;
}
.z-block-stats__image img {
  width: 100%;
}
.z-block-stats__data {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transition-delay: 2s;
}
@media (max-width: 1024px) {
  .z-block-stats__data {
    margin: 0 25px;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 701px) {
  .z-block-stats__data {
    grid-area: item_d;
  }
}
@media (max-width: 700px) {
  .z-block-stats__data {
    position: absolute;
    top: 45vh;
    width: 100%;
    margin: 0;
  }
}
.z-block-stats__data-content {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.z-block-stats__data-content::before,
.z-block-stats__data-content::after {
  content: '';
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  transition: all 1s ease-in-out;
  transition-delay: 2s;
  top: 0px;
  right: 0px;
}
@media (min-width: 1025px) {
  .z-block-stats__data-content::before,
  .z-block-stats__data-content::after {
    border: 3px solid #2983e8;
  }
}
@media (max-width: 1024px) {
  .z-block-stats__data-content::before,
  .z-block-stats__data-content::after {
    border: 2px solid #2983e8;
  }
}
.z-block-stats__data-list {
  padding: 0px;
  list-style-type: none;
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .z-block-stats__data-list {
    margin: 0 0 0 80px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px), (min-width: 1025px) and (max-height: 950px) {
  .z-block-stats__data-list {
    margin: 0 0 0 40px;
  }
}
@media (max-width: 1024px) {
  .z-block-stats__data-list {
    margin: 2vh 10vw;
  }
}
.z-block-stats__data-list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000;
  font-weight: 200;
}
@media (min-width: 1025px) {
  .z-block-stats__data-list-item {
    height: 95px;
    font-size: 30px;
    line-height: 36px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px), (min-width: 1025px) and (max-height: 950px) {
  .z-block-stats__data-list-item {
    height: 65px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .z-block-stats__data-list-item {
    height: 10vh;
    font-size: 3vh;
    line-height: 4vh;
    font-weight: 400;
  }
}
@media (max-width: 480px) {
  .z-block-stats__data-list-item {
    height: 16vw;
    font-size: 4vw;
    line-height: 6vw;
    font-weight: 400;
  }
}
.z-block-stats__data-list-item b {
  font-weight: 400;
}
@media (min-width: 1025px) {
  .z-block-stats__data-list-item b {
    font-size: 36px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px), (min-width: 1025px) and (max-height: 950px) {
  .z-block-stats__data-list-item b {
    font-size: 24px;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .z-block-stats__data-list-item b {
    font-size: 4vh;
  }
}
@media (max-width: 480px) {
  .z-block-stats__data-list-item b {
    font-size: 5vw;
  }
}
.z-block-stats__data-list-item-icon {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .z-block-stats__data-list-item-icon {
    width: 65px;
    height: 65px;
    margin-right: 25px;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .z-block-stats__data-list-item-icon {
    width: 8vh;
    height: 8vh;
    margin-right: 5vw;
  }
  .z-block-stats__data-list-item-icon img {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .z-block-stats__data-list-item-icon {
    width: 6vh;
    height: 6vh;
    margin-right: 5vw;
  }
  .z-block-stats__data-list-item-icon img {
    max-height: 100%;
    max-width: 100%;
  }
}
.z-block-stats.in-view .z-block-stats__data {
  opacity: 1;
}
@media (min-width: 1025px) {
  .z-block-stats.in-view .z-block-stats__data-content::after {
    top: 10px;
    right: 10px;
  }
}
@media (max-width: 1024px) {
  .z-block-stats.in-view .z-block-stats__data-content::after {
    top: 5px;
    right: 5px;
  }
}
@media (min-width: 1025px) {
  .z-block-stats.in-view .z-block-stats__data-content::before {
    top: -10px;
    right: -10px;
  }
}
@media (max-width: 1024px) {
  .z-block-stats.in-view .z-block-stats__data-content::before {
    top: -5px;
    right: -5px;
  }
}
.z-block-photowall {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-block-photowall__loader {
  width: 100%;
  height: 85vh;
  background: #eee;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-block-photowall:not(.loading) .z-block-photowall__loader {
  display: none !important;
}
.z-block-photowall__title {
  font-family: 'Lava', serif;
  color: #000;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 1400px) {
  .z-block-photowall__title {
    font-size: 6vh;
    line-height: 10vh;
  }
}
@media (min-width: 1401px) {
  .z-block-photowall__title {
    font-size: 8vh;
    line-height: 15vh;
  }
}
.z-block-photowall__photos-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.z-block-photowall.loading .z-block-photowall__photos-container {
  display: none;
}
.z-block-photowall__photos {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}
@media (min-width: 1401px) {
  .z-block-photowall__photos {
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas: "item_1_1 item_1_2 item_1_3 item_1_4 item_1_5 item_1_5 item_1_6 item_1_7" "item_2_1 item_2_2 item_2_3 item_2_3 item_1_5 item_1_5 item_2_4 item_2_5" "item_3_1 item_3_2 item_2_3 item_2_3 item_3_3 item_3_3 item_3_4 item_3_5" "item_4_1 item_4_2 item_4_3 item_4_3 item_3_3 item_3_3 item_4_4 item_4_5" "item_5_1 item_5_2 item_4_3 item_4_3 item_5_4 item_5_5 item_5_6 item_5_7";
  }
}
@media (min-width: 1025px) and (max-width: 1400px) {
  .z-block-photowall__photos {
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "item_1_2 item_1_3 item_1_4 item_1_5 item_1_5 item_1_6" "item_2_2 item_2_3 item_2_3 item_1_5 item_1_5 item_2_4" "item_3_2 item_2_3 item_2_3 item_3_3 item_3_3 item_3_4" "item_4_2 item_4_3 item_4_3 item_3_3 item_3_3 item_4_4" "item_5_2 item_4_3 item_4_3 item_5_4 item_5_5 item_5_6";
  }
}
@media (max-width: 1024px) {
  .z-block-photowall__photos {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-template-areas: "item_1_1 item_1_2 item_1_3" "item_1_4 item_1_4 item_1_5" "item_1_4 item_1_4 item_1_6" "item_2_1 item_2_2 item_2_2" "item_2_3 item_2_2 item_2_2" "item_3_1 item_3_2 item_3_3";
  }
}
@media (max-width: 1024px) {
  .z-block-photowall__photos {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-template-areas: "item_1_1 item_1_2 item_1_3" "item_1_4 item_1_4 item_1_5" "item_1_4 item_1_4 item_1_6" "item_2_1 item_2_2 item_2_2" "item_2_3 item_2_2 item_2_2" "item_3_1 item_3_2 item_3_3";
  }
}
@media (max-width: 1024px) and (min-aspect-ratio: 2/3) {
  .z-block-photowall__photos {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-template-areas: "item_1_1 item_1_2 item_1_3" "item_1_4 item_1_4 item_1_5" "item_1_4 item_1_4 item_1_6" "item_2_1 item_2_2 item_2_2" "item_2_3 item_2_2 item_2_2";
  }
}
.z-block-photowall__photo {
  perspective: 5000px;
  overflow: hidden;
}
.z-block-photowall__photo-c {
  padding-bottom: 66%;
  width: 100%;
  transition: transform 0s;
  transform-style: preserve-3d;
  position: relative;
}
.z-block-photowall__photo-c.active {
  transform: rotateY(180deg);
  transition: transform 1s;
}
.z-block-photowall__photo-a,
.z-block-photowall__photo-b {
  display: block;
  cursor: zoom-in;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #eee;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
}
.z-block-photowall__photo-b {
  transform: rotateY(180deg);
}
.z-block-details {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url('../images/details/bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.z-block-details::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 3;
  transition: backdrop-filter 0.5s ease-in-out 0s, background-color 0.5s ease-in-out 0s, z-index 0s linear 0.5s;
  /* support backdrop-filter */
  /* no support backdrop-filter */
}
@supports ( (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) ) {
  .z-block-details::before {
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
  }
}
@supports ( not ( (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) ) ) {
  .z-block-details::before {
    background-color: transparent;
  }
}
.z-block-details__info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  height: 940px;
  width: 1440px;
  z-index: 1;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__info {
    height: 652px;
    width: 1000px;
  }
}
@media (max-width: 1024px) {
  .z-block-details__info {
    display: none;
  }
}
.z-block-details__info-item {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
  position: absolute;
  top: 50%;
  left: 650px;
  transform: translateY(-50%);
  font-size: 48px;
  line-height: 1;
  font-weight: 800;
  font-style: italic;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__info-item {
    left: 451.38888889px;
    font-size: 33.33333333px;
  }
}
.z-block-details__info-close {
  display: block;
  position: absolute;
  top: 350px;
  left: 1200px;
  width: 32px;
  height: 32px;
  background-image: url('../images/details/close.png');
  background-repeat: no-repeat;
  z-index: 15;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__info-close {
    top: 243.05555556px;
    left: 833.33333333px;
  }
}
.z-block-details__info-next {
  display: block;
  position: absolute;
  bottom: 350px;
  left: 900px;
  width: 36px;
  height: 20px;
  background-image: url('../images/details/down.png');
  background-repeat: no-repeat;
  z-index: 15;
  animation: next_bounce 1s infinite;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__info-next {
    left: 625px;
    bottom: 243.05555556px;
  }
}
@keyframes next_bounce {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-3px);
  }
}
.z-block-details__circles-mobile {
  position: absolute;
  left: -30%;
  top: 0;
  width: 110%;
  height: 100%;
  background-image: url('../images/details/circles_mobile_ru.png');
  background-position: -10% center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1025px) {
  .z-block-details__circles-mobile {
    display: none;
  }
}
.z-block-details__circles {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 940px;
  width: 1440px;
  position: relative;
}
.z-block-details__circles:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 609px;
  height: 647px;
  background-size: contain;
  background-image: url('../images/details/circles.png');
  background-position: left center;
  background-repeat: no-repeat;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles:after {
    width: 422.91666667px;
    height: 449.30555556px;
  }
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles {
    height: 652px;
    width: 1000px;
  }
}
@media (max-width: 1024px) {
  .z-block-details__circles {
    display: none;
  }
}
.z-block-details__circles-item-image {
  position: absolute;
  width: 152px;
  height: 152px;
  border-radius: 50%;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image {
    width: 105.55555556px;
    height: 105.55555556px;
  }
}
@media (max-width: 1024px) {
  .z-block-details__circles-item-image {
    display: none;
  }
}
.z-block-details__circles-item-image_a {
  z-index: 6;
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 0px 0px 0px transparent;
}
.z-block-details__circles-item-image_a:hover:not(.active) {
  cursor: pointer;
  transform: scale(1.1);
  box-shadow: 0px 0px 0px 10px #4b60ad;
}
.z-block-details__circles-item-image_a.active {
  z-index: 10;
  width: 420px;
  height: 429px;
  top: calc((100vh - 940px)/2 + 250px);
  left: calc((100% - 1440px)/2 + 38px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_a.active {
    width: 291.66666667px;
    height: 297.91666667px;
  }
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_a.active {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*250px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*38px);
  }
}
.z-block-details__circles-item-image_b {
  z-index: 3;
  transition: all 0.5s ease-in-out;
}
.z-block-details__circles-item-image_1 {
  top: calc((100vh - 940px)/2 + 0px);
  left: calc((100% - 1440px)/2 + 328px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_1 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*0px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*328px);
  }
}
.z-block-details__circles-item-image_2 {
  top: calc((100vh - 940px)/2 + 200px);
  left: calc((100% - 1440px)/2 + 540px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_2 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*200px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*540px);
  }
}
.z-block-details__circles-item-image_3 {
  top: calc((100vh - 940px)/2 + 390px);
  left: calc((100% - 1440px)/2 + 585px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_3 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*390px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*585px);
  }
}
.z-block-details__circles-item-image_4 {
  top: calc((100vh - 940px)/2 + 585px);
  left: calc((100% - 1440px)/2 + 540px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_4 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*585px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*540px);
  }
}
.z-block-details__circles-item-image_5 {
  top: calc((100vh - 940px)/2 + 770px);
  left: calc((100% - 1440px)/2 + 328px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-image_5 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*770px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*328px);
  }
}
.z-block-details__circles-item-text {
  position: absolute;
  font-size: 24px;
  line-height: 30px;
  z-index: 1;
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-text {
    font-size: 16.66666667px;
    line-height: 20.83333333px;
  }
}
@media (max-width: 1024px) {
  .z-block-details__circles-item-text {
    display: none;
  }
}
.z-block-details__circles-item-text_1 {
  top: calc((100vh - 940px)/2 + 45px);
  left: calc((100% - 1440px)/2 + 520px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-text_1 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*45px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*520px);
  }
}
.z-block-details__circles-item-text_2 {
  top: calc((100vh - 940px)/2 + 250px);
  left: calc((100% - 1440px)/2 + 742px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-text_2 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*250px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*742px);
  }
}
.z-block-details__circles-item-text_3 {
  top: calc((100vh - 940px)/2 + 458px);
  left: calc((100% - 1440px)/2 + 792px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-text_3 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*458px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*792px);
  }
}
.z-block-details__circles-item-text_4 {
  top: calc((100vh - 940px)/2 + 645px);
  left: calc((100% - 1440px)/2 + 742px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-text_4 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*645px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*742px);
  }
}
.z-block-details__circles-item-text_5 {
  top: calc((100vh - 940px)/2 + 823px);
  left: calc((100% - 1440px)/2 + 520px);
}
@media (max-width: 1400px), (max-height: 950px) {
  .z-block-details__circles-item-text_5 {
    top: calc((100vh - 652px)/2 + 0.6944444444444444*823px);
    left: calc((100% - 1000px)/2 + 0.6944444444444444*520px);
  }
}
.z-block-details.active::before {
  transition: backdrop-filter 0.5s ease-in-out 0s, background-image 0.5s ease-in-out 0s, z-index 0s linear 0s;
  z-index: 7;
  /* support backdrop-filter */
  /* no support backdrop-filter */
  backdrop-filter: blur(10px);
}
@supports ( (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) ) {
  .z-block-details.active::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
@supports ( not ( (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) ) ) {
  .z-block-details.active::before {
    background-color: rgba(17, 45, 79, 0.9);
  }
}
.z-block-details.active .z-block-details__info {
  z-index: 10;
  opacity: 1;
}
.z-block-details.active .z-block-details__info-item.active {
  opacity: 1;
  transition-delay: 0.5s;
}
body.ru .z-block-details__circles-mobile {
  background-image: url('../images/details/circles_mobile_ru.png');
}
body.en .z-block-details__circles-mobile {
  background-image: url('../images/details/circles_mobile_en.png');
}
body.cn .z-block-details__circles-mobile {
  background-image: url('../images/details/circles_mobile_cn.png');
}
.z-block-youtube {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-block-youtube__container {
  width: 70%;
}
.z-block-youtube__video {
  width: 100%;
  padding-bottom: 56.2%;
  position: relative;
}
.z-block-youtube__video iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.z-block-hospital {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-image: url('../images/hospital/bg.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.z-block-hospital__video-container {
  width: 80%;
  margin-bottom: 5vh;
}
@media (min-width: 1025px) {
  .z-block-hospital__video-container {
    display: none;
  }
}
.z-block-hospital__video {
  width: 100%;
  padding-bottom: 56.2%;
  position: relative;
}
.z-block-hospital__video iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.z-block-hospital__title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Lava', serif;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 1025px) {
  .z-block-hospital__title {
    font-size: 6vh;
    line-height: 8vh;
    height: 20vh;
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__title {
    font-size: 6vw;
    line-height: 8vw;
  }
}
.z-block-hospital__photos {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 5vh;
}
.z-block-hospital__photos-item {
  position: relative;
}
@media (min-width: 1101px) {
  .z-block-hospital__photos-item {
    margin: 0 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .z-block-hospital__photos-item {
    margin: 0 40px;
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__photos-item {
    margin: 0 2.5vw;
  }
}
.z-block-hospital__photos-item img {
  transition: all 0.5s ease-in-out;
}
@media (min-width: 1101px) {
  .z-block-hospital__photos-item img {
    height: 50vh;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .z-block-hospital__photos-item img {
    height: 40vh;
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__photos-item img {
    width: 25vw;
  }
}
.z-block-hospital__photos-item::after {
  content: '';
  display: block;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0px;
  bottom: 0px;
  opacity: 0;
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .z-block-hospital__photos-item::after {
    border: 3px solid #2983e8;
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__photos-item::after {
    border: 2px solid #2983e8;
  }
}
.z-block-hospital__photos-item.active img {
  transform: scale(1.1);
}
.z-block-hospital__photos-item.active::after {
  opacity: 1;
  transition-delay: 0.5s;
}
@media (min-width: 1025px) {
  .z-block-hospital__photos-item.active::after {
    transform: scale(1.1) translate(20px, -20px);
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__photos-item.active::after {
    transform: scale(1.1) translate(7px, -7px);
  }
}
.z-block-hospital__stats {
  margin-top: 5vh;
  height: 6vh;
  width: 50%;
  margin-left: 50%;
  position: relative;
}
@media (max-width: 1100px) {
  .z-block-hospital__stats {
    height: 4vh;
  }
}
.z-block-hospital__stats-item {
  position: absolute;
  top: 0px;
  left: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-bottom: 5px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transition-delay: 0s;
}
.z-block-hospital__stats-item::after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-bottom: 1px solid #2983e8;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-delay: 0s;
  transform: translateX(100%);
}
.z-block-hospital__stats-item.active {
  opacity: 1;
  left: 0px;
  z-index: 2;
  transition-delay: 0.5s;
}
.z-block-hospital__stats-item.active::after {
  transition-delay: 0.5s;
  transition-duration: 0.5s;
  transform: translateX(0px);
}
.z-block-hospital__stats-item-num {
  font-weight: 800;
  position: relative;
}
@media (min-width: 1101px) {
  .z-block-hospital__stats-item-num {
    font-size: 6vh;
    line-height: 6vh;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .z-block-hospital__stats-item-num {
    font-size: 4vh;
    line-height: 4vh;
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__stats-item-num {
    font-size: 8vw;
    line-height: 8vw;
    top: 0;
    position: absolute;
    right: 100%;
    white-space: nowrap;
  }
}
.z-block-hospital__stats-item-title {
  margin-left: 10px;
  font-weight: 400;
}
@media (min-width: 1101px) {
  .z-block-hospital__stats-item-title {
    font-size: 2.5vh;
    line-height: 3vh;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .z-block-hospital__stats-item-title {
    font-size: 1.75vh;
    line-height: 2vh;
  }
}
@media (max-width: 1024px) {
  .z-block-hospital__stats-item-title {
    font-size: 3vw;
    line-height: 4vw;
  }
  .z-block-hospital__stats-item-title span {
    display: block;
  }
}
/* QUOTES */
.z-block-quotes__item_1 {
  background-image: url('../images/quotes/1_bg.jpg');
}
.z-block-quotes__item_2 {
  background-image: url('../images/quotes/2_bg.jpg');
}
.z-block-quotes__item_3 {
  background-image: url('../images/quotes/3_bg.jpg');
}
.z-block-quotes__item_4 {
  background-image: url('../images/quotes/4_bg.jpg');
}
.z-block-quotes__item_5 {
  background-image: url('../images/quotes/5_bg.jpg');
}
@media (max-width: 1024px) {
  .z-block-quotes__item-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
}
.z-block-quotes__item-text {
  display: flex;
  flex-direction: row;
}
.z-block-quotes__item-text-line {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-text-line {
    margin-right: 50px;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-text-line {
    margin-right: 4vw;
  }
}
.z-block-quotes__item-text-line-top,
.z-block-quotes__item-text-line-bottom {
  background: #fff;
  flex: 1;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-text-line-top,
  .z-block-quotes__item-text-line-bottom {
    width: 10px;
  }
}
@media (max-width: 1200px), (max-height: 800px) {
  .z-block-quotes__item-text-line-top,
  .z-block-quotes__item-text-line-bottom {
    width: 5px;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-text-line-top,
  .z-block-quotes__item-text-line-bottom {
    width: 0.5vw;
  }
}
.z-block-quotes__item-text-line-middle {
  background-image: url('../images/quotes/quotes.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-text-line-middle {
    width: 43px;
    height: 35px;
    margin: 15px 0;
  }
}
@media (max-width: 1200px), (max-height: 800px) {
  .z-block-quotes__item-text-line-middle {
    width: 30px;
    height: 20px;
    margin: 10px 0;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-text-line-middle {
    width: 20px;
    height: 13px;
    margin: 10px 0;
  }
}
.z-block-quotes__item-text-content {
  font-style: italic;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-text-content {
    margin: 3.5vh 0;
    font-size: 3.5vh;
    line-height: 4.5vh;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-text-content {
    margin: 3.5vh 0;
    font-size: 2vh;
    line-height: 2.75vh;
  }
}
@media (min-width: 1025px) {
  .z-block-quotes__item-person {
    display: flex;
    flex-direction: row;
    margin-left: 30%;
    margin-top: 15vh;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .z-block-quotes__item-person {
    margin-left: 20%;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-person {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.z-block-quotes__item-person-pic {
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-person-pic {
    height: 35vh;
    width: 35vh;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-person-pic {
    height: 50vw;
    width: 50vw;
  }
}
.z-block-quotes__item-person-pic_1 {
  background-image: url('../images/quotes/1_pic.png');
}
.z-block-quotes__item-person-pic_2 {
  background-image: url('../images/quotes/2_pic.png');
}
.z-block-quotes__item-person-pic_3 {
  background-image: url('../images/quotes/3_pic.png');
}
.z-block-quotes__item-person-pic_4 {
  background-image: url('../images/quotes/4_pic.png');
}
.z-block-quotes__item-person-pic_5 {
  background-image: url('../images/quotes/5_pic.png');
}
.z-block-quotes__item-person-pic_6 {
  background-image: url('../images/quotes/6_pic.png');
}
@media (min-width: 1025px) {
  .z-block-quotes__item-person-text {
    margin-left: 50px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px), (min-width: 1025px) and (max-height: 800px) {
  .z-block-quotes__item-person-text {
    margin-left: 25px;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-person-text {
    position: absolute;
    bottom: calc(100% + 25px);
    left: 50%;
    height: 12vh;
  }
}
.z-block-quotes__item-person-text-name {
  font-style: italic;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-person-text-name {
    font-size: 3.5vh;
    line-height: 4.5vh;
    margin-bottom: 0.5vh;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-person-text-name {
    font-size: 2vh;
    line-height: 2vh;
  }
}
.z-block-quotes__item-person-text-title {
  font-style: italic;
  font-weight: 200;
}
@media (min-width: 1025px) {
  .z-block-quotes__item-person-text-title {
    margin-left: 50px;
    font-size: 3vh;
    line-height: 4vh;
  }
}
@media (min-width: 1025px) and (max-width: 1200px), (min-width: 1025px) and (max-height: 800px) {
  .z-block-quotes__item-person-text-title {
    margin-left: 25px;
    font-size: 3vh;
    line-height: 4vh;
  }
}
@media (max-width: 1024px) {
  .z-block-quotes__item-person-text-title {
    font-size: 1.5vh;
    line-height: 2.25vh;
    margin-left: 5vw;
    margin-top: 0.5vh;
  }
}
.z-block-footer-mobile {
  background: #153d69;
}
.z-block-footer-mobile__title {
  font-family: 'Lava', serif;
  color: #fff;
  font-weight: 400;
  text-align: center;
  font-size: 5vw;
  line-height: 15vh;
}
.z-block-footer-mobile__ba {
  width: 100%;
  padding-bottom: 56.2%;
  position: relative;
}
.z-block-footer-mobile__ba [data-compare-images] {
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  user-select: none;
  width: 100%;
  height: 100%;
}
.z-block-footer-mobile__ba [data-compare-images]:before {
  content: '';
  display: block;
  background: url('../../assets/images/common/hand.png') no-repeat;
  width: 87px;
  height: 100px;
  z-index: 20;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: floatHandBa 3s infinite;
  margin-left: -100px;
  opacity: 1;
  transition: opacity 1s ease-out;
}
.z-block-footer-mobile__ba [data-compare-images].dragged:before {
  opacity: 0;
}
@keyframes floatHandBa {
  0,
  100% {
    margin-left: -100px;
  }
  50% {
    margin-left: 100px;
  }
}
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-container-before],
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-container-after] {
  width: 100%;
  height: 100%;
}
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-container-before] {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
}
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-before],
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-after] {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-drag] {
  background: #fff;
  bottom: 0;
  cursor: ew-resize;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  top: 0;
  width: 6px;
  z-index: 20;
}
.z-block-footer-mobile__ba [data-compare-images] [data-compare-images-drag]::before {
  content: '';
  height: 110px;
  left: 50%;
  margin-left: -13px;
  margin-top: -55px;
  position: absolute;
  top: 50%;
  width: 26px;
  background: #fff;
}
@media (max-width: 800px) {
  .z-block-footer-mobile__ba [data-compare-images] [data-compare-images-drag]::before {
    width: 14px;
    height: 60px;
    margin-left: -7px;
    margin-top: -30px;
  }
}
.z-block-footer-mobile__social {
  padding-top: 25vh;
  background-image: url('../images/footer-mobile/bg.png');
  background-position: top center;
  background-repeat: no-repeat;
}
.z-block-footer-mobile__social-title {
  font-size: 5vw;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.z-block-footer-mobile__social-list {
  margin: 3vh 0 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.z-block-footer-mobile__social-list li {
  display: block;
}
.z-block-footer-mobile__social-list-link {
  display: block;
  margin: 0 20px;
  width: 38px;
  height: 38px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .z-block-footer-mobile__social-list-link {
    width: 32px;
    height: 32px;
    margin: 0 4px;
    background-size: auto;
  }
}
.z-block-footer-mobile__social-list-link_telegram {
  background-image: url('../images/footer-mobile/telegram.png');
}
.z-block-footer-mobile__social-list-link_vk {
  background-image: url('../images/footer-mobile/vk.png');
}
.z-block-footer-mobile__social-list-link_ok {
  background-image: url('../images/footer-mobile/ok.png');
}
.z-block-footer-mobile__social-list-link_facebook {
  background-image: url('../images/footer-mobile/facebook.png');
}
.z-block-footer-mobile__social-list-link_instagram {
  background-image: url('../images/footer-mobile/instagram.png');
}
.z-block-footer-mobile__social-list-link_twitter {
  background-image: url('../images/footer-mobile/twitter.png');
}
.z-block-footer-mobile__social-list-link_youtube {
  background-image: url('../images/footer-mobile/youtube.png');
}
#intro_scheme_car,
#intro_scheme_excavator {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
#intro_scheme_helicopter_l {
  transform-box: fill-box;
  transform-origin: 100% 50%;
}
#intro_scheme_helicopter_r {
  transform-box: fill-box;
  transform-origin: 0% 50%;
}
.reset-list-style {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-nav {
  overflow: hidden;
  background-image: url('http://stroi.mos.ru/images/dot_white.png');
  background-position: -2px 100%;
  background-repeat: repeat-x;
}
.footer-nav .column {
  width: 50%;
  float: left;
}
.footer-nav__section {
  margin-bottom: 25px;
}
.footer-nav__section-title {
  font-family: Lava, serif;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
}
.footer-nav__section-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-menu {
  padding: 25px 0;
  background-image: url('http://stroi.mos.ru/images/dot_white.png');
  background-position: -2px 100%;
  background-repeat: repeat-x;
}
.footer-menu__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
.footer-menu__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-menu__menu li {
  margin-bottom: 5px;
}
.footer-menu__menu > li {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0;
}
.footer-menu__title {
  font-family: Lava, serif;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
}
.footer__copyright {
  display: inline-block;
}
.footer__copyright-logo {
  float: left;
  margin-right: 15px;
}
.footer__copyright-label {
  margin: 0;
  float: right;
  font-size: 14px;
  line-height: .9;
  width: 230px;
  font-family: AvenirNext, sans-serif;
  font-weight: 600;
  color: #666;
}
.page-footer {
  background-color: #222222;
  overflow: hidden;
  color: #ffffff;
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: "Avenir Next", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.78;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-footer a {
  text-decoration: none;
  color: #bdbdbd;
}
.page-footer a:hover {
  color: #FFFFFF;
}
.page-footer a:visited,
.page-footer a:focus {
  outline: none;
}
.footer-content {
  width: 960px;
  max-width: 960px;
  margin: 0 auto;
}
.footer__container {
  padding: 25px 0 0;
  overflow: hidden;
}
.footer__container .socials {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  margin-right: 25px;
  margin-left: 25px;
}
.footer__container .socials li {
  display: inline-block;
  margin-left: 0;
  margin-right: 3px;
}
.footer__container .socials li:last-child {
  margin-right: 0px;
}
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon:hover.icon-social.icon-facebook,
.icon.active.icon-social.icon-facebook {
  background-position: 0px 0px;
}
.icon:hover.icon-social.icon-vkontakte,
.icon.active.icon-social.icon-vkontakte {
  background-position: -26px 0px;
}
.icon:hover.icon-social.icon-twitter,
.icon.active.icon-social.icon-twitter {
  background-position: -52px 0px;
}
.icon:hover.icon-social.icon-instagram,
.icon.active.icon-social.icon-instagram {
  background-position: -78px 0px;
}
.icon:hover.icon-social.icon-youtube,
.icon.active.icon-social.icon-youtube {
  background-position: -104px 0px;
}
.icon:hover.icon-social.icon-login_mos_ru,
.icon.active.icon-social.icon-login_mos_ru {
  background-position: -130px 0px;
}
.icon:hover.icon-social.icon-google,
.icon.active.icon-social.icon-google {
  background-position: -156px 0px;
}
.icon:hover.icon-social.icon-odnoklassniki,
.icon.active.icon-social.icon-odnoklassniki {
  background-position: -182px 0px;
}
.icon:hover.icon-social.icon-moimir,
.icon.active.icon-social.icon-moimir {
  background-position: -208px 0px;
}
.icon:hover.icon-social.icon-lj,
.icon.active.icon-social.icon-lj {
  background-position: -234px 0px;
}
.icon-social {
  width: 26px;
  height: 26px;
  background-image: url('http://stroi.mos.ru/images/icons/iconset_social.png');
  background-position: 26px 26px;
}
.icon.icon-social.icon-facebook {
  background-position: 0px -26px;
}
.icon.icon-social.icon-vkontakte {
  background-position: -26px -26px;
}
.icon.icon-social.icon-twitter {
  background-position: -52px -26px;
}
.icon.icon-social.icon-instagram {
  background-position: -78px -26px;
}
.icon.icon-social.icon-youtube {
  background-position: -104px -26px;
}
.icon.icon-social.icon-login_mos_ru {
  background-position: -130px -26px;
}
.icon.icon-social.icon-google {
  background-position: -156px -26px;
}
.icon.icon-social.icon-odnoklassniki {
  background-position: -182px -26px;
}
.icon.icon-social.icon-moimir {
  background-position: -208px -26px;
}
.icon.icon-social.icon-lj {
  background-position: -234px -26px;
}
.icon.icon-social {
  background-color: #e5e4e4;
  border-radius: 26px;
}
.bu-buttons__wrap {
  position: fixed;
  bottom: 10px;
  right: 50px;
  z-index: 1020;
}
@media (max-width: 1024px) {
  .bu-buttons__wrap {
    display: none;
  }
}
.bu-buttons__link {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  clear: both;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
.bu-buttons__link:hover {
  transform: translateY(-5px);
  box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.2);
}
.bu-buttons__link:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
#toTop {
  background: #f7f7f7;
  display: none;
}
#toTop.active {
  display: block;
}
#toTop:hover {
  background: #e9e9e9;
}
#toTop:after {
  width: 15px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background-image: url('http://stroi.mos.ru/images/icons/bu-buttons.png');
  background-repeat: no-repeat;
  background-position: -13px 0;
}
#backUp {
  background: #b3b3b3;
}
#backUp:hover {
  background: #a0a0a0;
}
#backUp:after {
  width: 13px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background-image: url('http://stroi.mos.ru/images/icons/bu-buttons.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}