@charset "UTF-8";

.u-animate {

}

.u-animate.is-in-view {

}

.u-animate-fade-up,
.u-animate-fade-left,
.u-animate-fade-right,
.u-animate-fade-down,
.u-animate-fade {
  opacity: 0;
}

.u-animate-blur {
  opacity: 0;
  filter: blur(16px);
}

.u-animate-blur.is-in-view {
  animation-fill-mode: forwards;
  animation-name: blur;
  animation-duration: 1s;
}

.u-animate-fade {
  opacity: 0;
}

.u-animate-fade.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade;
  animation-duration: 1s;
}

.u-animate-fade-up {
  opacity: 0;
  transform: translateY(10%);
}


.u-animate-fade-up.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade-up;
  animation-duration: 1s;
}

.u-animate-fade-down {
  opacity: 0;
  transform: translateY(-10%);
}

.u-animate-fade-down.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade-down;
  animation-duration: 1s;
}

.u-animate-fade-left {
  opacity: 0;
  transform: translateX(5%);
}

.u-animate-fade-right {
  opacity: 0;
  transform: translateX(-5%);
}

.u-animate-fade-left.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade-left;
  animation-duration: 1s;
}

.u-animate-fade-right.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade-right;
  animation-duration: 1s;
}

.u-animate-fade-left-large {
  opacity: 0;
  transform: translateX(10%);
}

.u-animate-fade-right-large {
  opacity: 0;
  transform: translateX(-10%);
}

.u-animate-fade-left-large.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade-left-large;
  animation-duration: 1s;
}

.u-animate-fade-right-large.is-in-view {
  animation-fill-mode: forwards;
  animation-name: fade-right-large;
  animation-duration: 1s;
}

@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(16px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-down {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-left {
  0% {
    opacity: 0;
    transform: translateX(5%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translateX(-5%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-left-large {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-right-large {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}