@charset "utf-8";
/* CSS Document */
.animated {animation-duration: .8s;animation-fill-mode: both;}
@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes zoom-in {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}

100% {
opacity: 1;
transform: translateX(0);
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px);
}

100% {
opacity: 1;
transform: translateX(0);
}
}

@keyframes flipInY{
0%{
transform:perspective(400px) rotate3d(0,1,0,90deg);
transition-timing-function:ease-in;opacity:0
}
40%{
transform:perspective(400px) rotate3d(0,1,0,-20deg);
transition-timing-function:ease-in
}
60%{
transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1
}
80%{
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}
100%{
transform:perspective(400px)}
}



.fadeInLeft {animation-name: fadeInLeft;}
.fadeInRight {animation-name: fadeInRight;}
.fadeIn {animation-name: fadeIn;}
.fadeInUp {animation-name: fadeInUp;}
.fadeInDown {animation-name: fadeInDown;}
.zoomIn {animation-name: zoom-in;}
.flipInY{backface-visibility:visible!important;animation-name:flipInY}