/* CSS Document */
.animation:not(.applied) {
  opacity: 0;
}

/* Fade in left */
.fadeInLeft.applied {
  -webkit-animation: fadeInLeft 1.2s both; /* Safari 4+ */
  -moz-animation: fadeInLeft 1.2s both; /* Fx 5+ */
  -o-animation: fadeInLeft 1.2s both; /* Opera 12+ */
  animation: fadeInLeft 1.2s both; /* IE 10+, Fx 29+ */
}

/* Safari 4+ */
@-webkit-keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-200px);
  }
  200% {
      opacity: 1;
      -webkit-transform: translateX(0);
  }
}

/* Fx 5+ */
@-moz-keyframes fadeInLeft {
  0% {
      opacity: 0;
      -moz-transform: translateX(-200px);
  }
  200% {
      opacity: 1;
      -moz-transform: translateX(0);
  }
}

/* Opera 12+ */
@-o-keyframes fadeInLeft {
  0% {
      opacity: 0;
      -o-transform: translateX(-200px);
  }
  200% {
      opacity: 1;
      -o-transform: translateX(0);
  }
}

/* IE 10+, Fx 29+ */
@keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translateX(-200px);
  }
  200% {
      opacity: 1;
      transform: translateX(0);
  }
}

/* Fade in top */
.fadeInTop.applied {
  -webkit-animation: fadeInTop 1.2s both; /* Safari 4+ */
  -moz-animation: fadeInTop 1.2s both; /* Fx 5+ */
  -o-animation: fadeInTop 1.2s both; /* Opera 12+ */
  animation: fadeInTop 1.2s both; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes fadeInTop {
  0% {
      opacity: 0;
      -webkit-transform: translateY(-200px);
  }
  200% {
      opacity: 1;
      -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInTop {
  0% {
      opacity: 0;
      -moz-transform: translateY(-200px);
  }
  200% {
      opacity: 1;
      -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInTop {
  0% {
      opacity: 0;
      -o-transform: translateY(-200px);
  }
  200% {
      opacity: 1;
      -o-transform: translateY(0);
  }
}

@keyframes fadeInTop{
  0% {
      opacity: 0;
      transform: translateY(-200px);
  }
  200% {
      opacity: 1;
      transform: translateY(0);
  }
}

/* Fade in right */
.fadeInRight.applied {
  -webkit-animation: fadeInRight 1.2s both; /* Safari 4+ */
  -moz-animation: fadeInRight 1.2s both; /* Fx 5+ */
  -o-animation: fadeInRight 1.2s both; /* Opera 12+ */
  animation: fadeInRight 1.2s both; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translateX(200px);
  }
  200% {
      opacity: 1;
      -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
      opacity: 0;
      -moz-transform: translateX(200px);
  }
  200% {
      opacity: 1;
      -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  0% {
      opacity: 0;
      -o-transform: translateX(200px);
  }
  200% {
      opacity: 1;
      -o-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translateX(200px);
  }
  200% {
      opacity: 1;
      transform: translateX(0);
  }
}