.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translate3d(0, 100%, 0);
      }

      to {
          opacity: 1;
          transform: none;
      }
  }
@keyframes fadeInUp2{
    100%{
        opacity: 1;
        transform: none;
    }
    50% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    0% {
        opacity: 0;
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
.fadeInUp2 {
    animation-name: fadeInUp2;
}
/*===================*/
.animated2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}