.fade-in-left, .fade-in-right, .fade-in-up, .scale-in {opacity:0;}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}

.scaleIn {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}
@keyframes scaleIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0, 0, 1);
		transform: scale3d(0, 0, 1);}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;}
}