.anm {
  opacity: 0;
}

.trigger {
  opacity: 0;
}

.opacity {
  opacity: 0;
}

.delay0 {
  animation-delay: 0s;
}

.delay1 {
  animation-delay: 1s;
}

.delay2 {
  animation-delay: 2s;
}

.delay3 {
  animation-delay: 3s;
}

.delay4 {
  animation-delay: 4s;
}

.delay5 {
  animation-delay: 5s;
}

.delay6 {
  animation-delay: 6s;
}

.delay7 {
  animation-delay: 7s;
}

.delay8 {
  animation-delay: 8s;
}

.delay9 {
  animation-delay: 9s;
}

.delay10 {
  animation-delay: 10s;
}

.delay1-5 {
  animation-delay: 1.5s;
}

.delay2-5 {
  animation-delay: 2.5s;
}

.delay3-5 {
  animation-delay: 3.5s;
}

.delay4-5 {
  animation-delay: 4.5s;
}

.delay5-5 {
  animation-delay: 5.5s;
}

.delay6-5 {
  animation-delay: 6.5s;
}

.delay7-5 {
  animation-delay: 7.5s;
}

.delay8-5 {
  animation-delay: 8.5s;
}

.delay9-5 {
  animation-delay: 9.5s;
}

.delay10-5 {
  animation-delay: 10.5s;
}

.opacity.delay0.show {
  animation: opacity 2s ease 0s 1 normal forwards;
}

.opacity.delay1.show {
  animation: opacity 2s ease 1s 1 normal forwards;
}

.opacity.delay2.show {
  animation: opacity 2s ease 2s 1 normal forwards;
}

.opacity.delay3.show {
  animation: opacity 2s ease 3s 1 normal forwards;
}

.opacity.delay4.show {
  animation: opacity 2s ease 4s 1 normal forwards;
}

.opacity.delay5.show {
  animation: opacity 2s ease 5s 1 normal forwards;
}

.opacity.delay6.show {
  animation: opacity 2s ease 6s 1 normal forwards;
}

.opacity.delay7.show {
  animation: opacity 2s ease 7s 1 normal forwards;
}

.opacity.delay8.show {
  animation: opacity 2s ease 8s 1 normal forwards;
}

.opacity.delay9.show {
  animation: opacity 2s ease 9s 1 normal forwards;
}

.opacity.delay10.show {
  animation: opacity 2s ease 10s 1 normal forwards;
}

.opacity.delay1-5.show {
  animation: opacity 2s ease 1.5s 1 normal forwards;
}

.opacity.delay2-5.show {
  animation: opacity 2s ease 2.5s 1 normal forwards;
}

.opacity.delay3-5.show {
  animation: opacity 2s ease 3.5s 1 normal forwards;
}

.opacity.delay4-5.show {
  animation: opacity 2s ease 4.5s 1 normal forwards;
}

.opacity.delay5-5.show {
  animation: opacity 2s ease 5.5s 1 normal forwards;
}

.opacity.delay6-5.show {
  animation: opacity 2s ease 6.5s 1 normal forwards;
}

.opacity.delay7-5.show {
  animation: opacity 2s ease 7.5s 1 normal forwards;
}

.opacity.delay8-5.show {
  animation: opacity 2s ease 8.5s 1 normal forwards;
}

.opacity.delay9-5.show {
  animation: opacity 2s ease 9.5s 1 normal forwards;
}

.opacity.delay10-5.show {
  animation: opacity 2s ease 10.5s 1 normal forwards;
}

.trigger.blur {
  animation: blur 1.5s ease 1 normal forwards;
}

.trigger.first {
  animation: first 0.8s ease 0.3s 1 normal forwards;
}

.trigger.up {
  animation: up 0.8s ease 0.3s 1 normal forwards;
}

.trigger.down {
  animation: down 0.8s ease 0.3s 1 normal forwards;
}

.trigger.left {
  animation: left 0.8s ease 0.3s 1 normal forwards;
}

.trigger.right {
  animation: right 0.8s ease 0.3s 1 normal forwards;
}

.trigger.bottomLeft {
  animation: bottomLeft 0.8s ease 0.3s 1 normal forwards;
}

.trigger.softBottomLeft {
  animation: softBottomLeft 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s 1 normal forwards;
}

.js-scroll.softBottomLeft {
  transform: translate(-50px, 50px) scale(0.9);
  opacity: 0;
  filter: blur(5px);
}

.js-scroll.softBottomLeft.show {
  animation: softBottomLeft 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 normal forwards;
}

.trigger.delay0 {
  animation-delay: 0s;
}

.trigger.delay1 {
  animation-delay: 1s;
}

.trigger.delay2 {
  animation-delay: 2s;
}

.trigger.delay3 {
  animation-delay: 3s;
}

.trigger.delay4 {
  animation-delay: 4s;
}

.trigger.delay5 {
  animation-delay: 5s;
}

.trigger.delay6 {
  animation-delay: 6s;
}

.trigger.delay7 {
  animation-delay: 7s;
}

.trigger.delay8 {
  animation-delay: 8s;
}

.trigger.delay9 {
  animation-delay: 9s;
}

.trigger.delay10 {
  animation-delay: 10s;
}

.trigger.delay1-5 {
  animation-delay: 1.5s;
}

.trigger.delay2-5 {
  animation-delay: 2.5s;
}

.trigger.delay3-5 {
  animation-delay: 3.5s;
}

.trigger.delay4-5 {
  animation-delay: 4.5s;
}

.trigger.delay5-5 {
  animation-delay: 5.5s;
}

.trigger.delay6-5 {
  animation-delay: 6.5s;
}

.trigger.delay7-5 {
  animation-delay: 7.5s;
}

.trigger.delay8-5 {
  animation-delay: 8.5s;
}

.trigger.delay9-5 {
  animation-delay: 9.5s;
}

.trigger.delay10-5 {
  animation-delay: 10.5s;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blur {
  0% {
    filter: blur(10px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes first {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes up {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes down {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes right {
  0% {
    transform: translateX(30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes left {
  0% {
    transform: translateX(-30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes bottomLeft {
  0% {
    transform: translate(-30px, 30px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes softBottomLeft {
  0% {
    transform: translate(-50px, 50px) scale(0.9);
    opacity: 0;
    filter: blur(5px);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes parallax {
  from {
    background-position: center 0;
  }
  to {
    background-position: center -150px;
  }
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
/*# sourceMappingURL=animation.css.map */
