.animated{
    /*-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;*/
    -webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  15% {
    opacity: .25;
    -webkit-transform: translateY(-1492px);
    transform: translateY(-1492px);
  }

  30% {
    opacity: .5;
    -webkit-transform: translateY(-985px);
    transform: translateY(-985px);
  }

  45% {
    opacity: .75;
    -webkit-transform: translateY(-478px);
    transform: translateY(-478px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  15% {
    opacity: .25;
    -webkit-transform: translateY(-1492px);
    transform: translateY(-1492px);
  }

  30% {
    opacity: .5;
    -webkit-transform: translateY(-985px);
    transform: translateY(-985px);
  }

  45% {
    opacity: .75;
    -webkit-transform: translateY(-478px);
    transform: translateY(-478px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  40% {
    opacity: .75;
    -webkit-transform: translateY(-478px);
    transform: translateY(-478px);
  }

  60% {
    opacity: .5;
    -webkit-transform: translateY(-985px);
    transform: translateY(-985px);
  }

  80% {
    opacity: .25;
    -webkit-transform: translateY(-1492px);
    transform: translateY(-1492px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  40% {
    opacity: .75;
    -webkit-transform: translateY(-478px);
    transform: translateY(-478px);
  }

  60% {
    opacity: .5;
    -webkit-transform: translateY(-985px);
    transform: translateY(-985px);
  }

  80% {
    opacity: .25;
    -webkit-transform: translateY(-1492px);
    transform: translateY(-1492px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}