/* FadeIn */

.fadeIn {

  /* initially hide animatable objects */

  visibility: hidden;

  

  /* initially pause animatable objects their animations */

  -webkit-animation-play-state: paused;   

  -moz-animation-play-state: paused;     

  -ms-animation-play-state: paused;

  -o-animation-play-state: paused;   

  animation-play-state: paused; 

  

}



.fadeIn.in-view {

  visibility: visible;

  

  -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-animation-duration: 0.55s;

  -moz-animation-duration: 0.55s;

  -ms-animation-duration: 0.55s;

  -o-animation-duration: 0.55s;

  animation-duration: 0.55s;



  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -ms-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running;

  

  -webkit-animation-name: fadeIn;

	-moz-animation-name: fadeIn;

	-o-animation-name: fadeIn;

	animation-name: fadeIn;

}



@-webkit-keyframes fadeIn {

	0% {

		opacity: 0;

	}	100% {

		opacity: 1;

	}

}



@-moz-keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@-o-keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}



@keyframes fadeIn {

	0% {

		opacity: 0;

	}



	100% {

		opacity: 1;

	}

}





/* moveUp */

.moveUp {

  /* initially hide animatable objects */

  visibility: hidden;

  

  /* initially pause animatable objects their animations */

  -webkit-animation-play-state: paused;   

  -moz-animation-play-state: paused;     

  -ms-animation-play-state: paused;

  -o-animation-play-state: paused;   

  animation-play-state: paused; 

  

}



.moveUp.in-view {

  visibility: visible;

  

  -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-animation-duration: 1.6s;

  -moz-animation-duration: 1.6s;

  -ms-animation-duration: 1.6s;

  -o-animation-duration: 1.6s;

  animation-duration: 1.6s;



  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -ms-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running;

  

  -webkit-animation-name: moveUp;

	-moz-animation-name: moveUp;

	-o-animation-name: moveUp;

	animation-name: moveUp;

}

.zoomIn.in-view {
	visibility: visible;
  
	-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-animation-duration: 1.6s;
  
	-moz-animation-duration: 1.6s;
  
	-ms-animation-duration: 1.6s;
  
	-o-animation-duration: 1.6s;
  
	animation-duration: 1.6s;
  
  
  
	-webkit-animation-play-state: running;
  
	-moz-animation-play-state: running;
  
	-ms-animation-play-state: running;
  
	-o-animation-play-state: running;
  
	animation-play-state: running;
  
	
  
	-webkit-animation-name: zoomIn;
  
	  -moz-animation-name: zoomIn;
  
	  -o-animation-name: zoomIn;
  
	  animation-name: zoomIn;
  
  }




@-webkit-keyframes moveUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(40px);

	}	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

	}

}






/* Delay */

.animationDelay{

	-webkit-animation-delay:0.1s;

	-moz-animation-delay:0.1s;

	-o-animation-delay:0.1s;

	-ms-animation-delay:0.1s;

	animation-delay:0.1s;

}

.animationDelay1{

	-webkit-animation-delay:0.3s;

	-moz-animation-delay:0.3s;

	-o-animation-delay:0.3s;

	-ms-animation-delay:0.3s;

	animation-delay:0.3s;

}

.animationDelay2{

	-webkit-animation-delay:0.5s;

	-moz-animation-delay:0.5s;

	-o-animation-delay:0.5s;

	-ms-animation-delay:0.5s;

	animation-delay:0.5s;

}

.animationDelay3{

	-webkit-animation-delay:0.7s;

	-moz-animation-delay:0.7s;

	-o-animation-delay:0.7s;

	-ms-animation-delay:0.7s;

	animation-delay:0.7s;

}

.zoomIn {
	visibility: hidden;

  
	-webkit-animation-play-state: paused;   
  
	-moz-animation-play-state: paused;     
  
	-ms-animation-play-state: paused;
  
	-o-animation-play-state: paused;   
  
	}
	
	@-webkit-keyframes zoomIn {
	0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
	}
	50% {
	opacity: 1;
	}
	}
	@keyframes zoomIn {
	0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3);
	}
	50% {
	opacity: 1;
	}
	}