@charset "utf-8";

.active [class*="fade_in"] {opacity: 0;}	
.fade_in, 
.fade_inUp, 
.fade_inDown, 
.fade_inLeft, 
.fade_inRight {opacity: 0}

.active .fade_in{
	animation-name: fade_in;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}
/*
.active .fade_in:nth-child(1){animation-delay:0}
.active .fade_in:nth-child(2){animation-delay:0.3s}
.active .fade_in:nth-child(3){animation-delay:0.6s}
.active .fade_in:nth-child(4){animation-delay:0.9s}
.active .fade_in:nth-child(5){animation-delay:1.2s}
.active .fade_in:nth-child(6){animation-delay:1.5s}
.active .fade_in:nth-child(7){animation-delay:1.8s}
.active .fade_in:nth-child(8){animation-delay:2.1s}
.active .fade_in:nth-child(9){animation-delay:2.4s}
.active .fade_in:nth-child(10){animation-delay:2.6s}*/

.active .fade_inUp{
	animation-name: fade_inUp;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}
.active .fade_inDown{
	animation-name: fade_inDown;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:0;
}

/*
.active .fade_inUp:nth-child(1){animation-delay:0}
.active .fade_inUp:nth-child(2){animation-delay:0.3s}
.active .fade_inUp:nth-child(3){animation-delay:0.6s}
.active .fade_inUp:nth-child(4){animation-delay:0.9s}
.active .fade_inUp:nth-child(5){animation-delay:1.2s}
.active .fade_inUp:nth-child(6){animation-delay:1.5s}
.active .fade_inUp:nth-child(7){animation-delay:1.8s}
.active .fade_inUp:nth-child(8){animation-delay:2.1s}
.active .fade_inUp:nth-child(9){animation-delay:2.4s}
.active .fade_inUp:nth-child(10){animation-delay:2.6s}
*/

.active .fade_inLeft{
	animation-name: fade_inLeft;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:.5s;
}
/*
.active .fade_inLeft:nth-child(1){animation-delay: 0}
.active .fade_inLeft:nth-child(2){animation-delay: 0.3s}
.active .fade_inLeft:nth-child(3){animation-delay: 0.6s}
.active .fade_inLeft:nth-child(4){animation-delay: 0.9s}
.active .fade_inLeft:nth-child(2){animation-delay: 1.2s}
.active .fade_inLeft:nth-child(3){animation-delay: 1.5s}
.active .fade_inLeft:nth-child(4){animation-delay: 1.8s}
*/

.active .fade_inRight{
	animation-name: fade_inRight;
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
	animation-fill-mode: forwards;
	animation-delay:.5s;
}	
/*
.active .fade_inRight:nth-child(1){animation-delay: 0}
.active .fade_inRight:nth-child(2){animation-delay: 0.3s}
.active .fade_inRight:nth-child(3){animation-delay: 0.6s}
.active .fade_inRight:nth-child(4){animation-delay: 0.9s}
.active .fade_inRight:nth-child(2){animation-delay: 1.2s}
.active .fade_inRight:nth-child(3){animation-delay: 1.5s}
.active .fade_inRight:nth-child(4){animation-delay: 1.8s}
*/
 
@-webkit-keyframes fade_in {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fade_in {
	from {opacity: 0;}
	to {opacity: 1;}
}
@-webkit-keyframes fade_inUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fade_inUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fade_inDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fade_inDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fade_inRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fade_inRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fade_inLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fade_inLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}