/* --------------- Animations --------------- */

/* Credit to http://cssanimate.com/ */
.element-animation{
	-webkit-animation: animationFrames linear 0.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear 0.8s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear 0.8s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear 0.8s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation: animationFrames linear 0.8s;
}

@keyframes animationFrames{
  0% {
	  -o-transform:  translate(0px,0px);
	  -webkit-transform:  translate(0px,0px);
	  -moz-transform:  translate(0px,0px);
	  transform:  translate(0px,0px);
  }
  15% {
	  -o-transform:  translate(0px,-25px);
	  -webkit-transform:  translate(0px,-25px);
	  -moz-transform:  translate(0px,-25px);
	  transform:  translate(0px,-25px);
  }
  30% {
	  -o-transform:  translate(0px,0px);
	  -webkit-transform:  translate(0px,0px);
	  -moz-transform:  translate(0px,0px);
	  transform:  translate(0px,0px);
  }
  45% {
	  -o-transform:  translate(0px,-15px);
	  -webkit-transform:  translate(0px,-15px);
	  -moz-transform:  translate(0px,-15px);
	  transform:  translate(0px,-15px);
  }
  60% {
	  -o-transform:  translate(0px,0px);
	  -webkit-transform:  translate(0px,0px);
	  -moz-transform:  translate(0px,0px);
	  transform:  translate(0px,0px);
  }
  75% {
	  -o-transform:  translate(0px,-5px);
	  -webkit-transform:  translate(0px,-5px);
	  -moz-transform:  translate(0px,-5px);
	  transform:  translate(0px,-5px);
  }
  100% {
	  -o-transform:  translate(0px,0px);
	  -webkit-transform:  translate(0px,0px);
	  -moz-transform:  translate(0px,0px);
	  transform:  translate(0px,0px);
  }
}

/* For Slider - Testimonials */

@keyframes slide-animation {
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-600px; opacity:1;}
	45% {left:-600px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1200px; opacity:1;}
	70% {left:-1200px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-1800px; opacity:1;}
	95% {opacity:1;}
	98% {left:-1800px; opacity:0;} 
	100% {left:0px; opacity:0;}
}