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

@keyframes fadeInDown {

	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDown {
	animation-name: fadeInDown;
}

@keyframes fadeInLeft {

	from {
		opacity: 0;
		transform: translate3d(-40px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeft {
	animation-name: fadeInLeft;
}

@keyframes fadeInUp {

	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeInRight {

	from {
		opacity: 0;
		transform: translate3d(40px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRight {
	animation-name: fadeInRight;
}

@keyframes fadeOutLeft {

	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		transform: translate3d(-40px, 0, 0);
	}
}

.fadeOutLeft {
	animation-name: fadeOutLeft;
}

@keyframes progressBarAnimation {

	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -35px -35px;
	}
}