.elm {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-in-out, transform 1s ease-out;
  transition: opacity 1s ease-in-out, transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transform: translateY(6.25em);
          transform: translateY(6.25em);
}
@media screen and (max-width: 768px) {
  .elm {
    -webkit-transform: translateY(70px);
            transform: translateY(70px);
  }
}

.elm.elm2 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.elm.elm2_2 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.elm.elm3 {
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 0.6s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 0.6s ease-in-out, transform 1s ease-out;
  transition: opacity 0.6s ease-in-out, transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
@media screen and (max-width: 768px) {
  .elm.elm3 {
    -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.7s ease-out;
    transition: opacity 0.6s ease-in-out, -webkit-transform 0.7s ease-out;
    transition: opacity 0.6s ease-in-out, transform 0.7s ease-out;
    transition: opacity 0.6s ease-in-out, transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
}

.elm_r {
  opacity: 0;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-in-out, transform 1s ease-out;
  transition: opacity 1s ease-in-out, transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transform: translateX(300px);
          transform: translateX(300px);
}
@media screen and (max-width: 768px) {
  .elm_r {
    -webkit-transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-out;
    transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-out;
    transition: opacity 0.7s ease-in-out, transform 0.7s ease-out;
    transition: opacity 0.7s ease-in-out, transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transform: translateX(200px);
            transform: translateX(200px);
  }
}

.elm_l {
  opacity: 0;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-in-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-in-out, transform 1s ease-out;
  transition: opacity 1s ease-in-out, transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transform: translateX(-300px);
          transform: translateX(-300px);
}
@media screen and (max-width: 768px) {
  .elm_l {
    -webkit-transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-out;
    transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-out;
    transition: opacity 0.7s ease-in-out, transform 0.7s ease-out;
    transition: opacity 0.7s ease-in-out, transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);
  }
}

.elm_o {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.elm.fade-in {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.elm_r.fade-in {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.elm_l.fade-in {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.elm_o.fade-in {
  opacity: 1;
}

.animate-on-appear {
  -webkit-animation: fadeAndTranslate 1s ease forwards;
          animation: fadeAndTranslate 1s ease forwards;
}

@-webkit-keyframes fadeAndTranslate {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeAndTranslate {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.animate-on-appear-l {
  -webkit-animation: fadeAndTranslateL 1s ease forwards;
          animation: fadeAndTranslateL 1s ease forwards;
}

@-webkit-keyframes fadeAndTranslateL {
  from {
    opacity: 0;
    -webkit-transform: translateX(-3.125em);
            transform: translateX(-3.125em);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeAndTranslateL {
  from {
    opacity: 0;
    -webkit-transform: translateX(-3.125em);
            transform: translateX(-3.125em);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.animate-on-appear-o {
  -webkit-animation: fadeAndTranslateO 1s ease forwards;
          animation: fadeAndTranslateO 1s ease forwards;
}

@-webkit-keyframes fadeAndTranslateO {
  from {
    opacity: 0;
    -ms-filter: blur(6px);
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
  to {
    opacity: 1;
    -ms-filter: blur(0px);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@keyframes fadeAndTranslateO {
  from {
    opacity: 0;
    -ms-filter: blur(6px);
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
  to {
    opacity: 1;
    -ms-filter: blur(0px);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}/*# sourceMappingURL=original_animation.css.map */