/* stylelint-disable */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

.hero-block {
  position: relative;
  display: grid;
  height: 100vh;
  margin-bottom: -1px;
  padding-bottom: 0;
  overflow: hidden;
  z-index: 1;
}
.hero-block::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3) 50%);
}
@media (min-width: 768px) {
  .hero-block::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 50%);
  }
}
.hero-block__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
@media (min-width: 768px) {
  .hero-block__bg {
    background-image: none !important;
  }
}
.hero-block__bg video {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
@media (min-width: 768px) {
  .hero-block__bg video {
    display: block;
  }
}
.hero-block__logo {
  display: block;
  position: absolute;
  left: 50%;
  top: 51.5%;
  transform: translate3d(-50%, -50%, 0);
  max-width: 260px;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-block__logo {
    max-width: 380px;
  }
}
.hero-block__scroll {
  display: none;
}
@media (min-width: 992px) {
  .hero-block__scroll {
    max-width: 50px;
    background: transparent;
    border: none;
    display: block;
    position: absolute;
    left: calc(50% - 21px);
    bottom: 20%;
    transform: translate3d(-50%, 0, 0);
    cursor: pointer;
    animation: movebounce 2s 2s both;
  }
}
@media (min-width: 1440px) {
  .hero-block__scroll {
    bottom: 26%;
  }
}

@keyframes movebounce {
  0%, 0%, 33%, 60%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  20%, 23% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  50% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  70% {
    transform: translate3d(0, -4px, 0);
  }
}