@-webkit-keyframes bounce-down {

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

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

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

}



@keyframes bounce-down {

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

 50%, 100% {transform: translateY(0);}

 75% {transform: translateY(10px);}

}



.animate-bounce-down{ background:#333; width: 100px; height: 100px; margin:100px auto;-webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;

}



@-webkit-keyframes bounce-up {

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

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

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

}



@keyframes bounce-up {

 25% {transform: translateY(10px);}

 50%, 100% {transform: translateY(0);}

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

}



.animate-bounce-up{ width: 25px; height: 60px; margin:100px auto;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}





@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



.animated_none{display:none;}

.animated {

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -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;

}