/* -------------------------------------------------------------- */
/* Animate CSS
-------------------------------------------------------------- */
.fade-in-from-left {
	opacity: 0;
	animation-timing-function: ease-out;
	-webkit-transform: translateX(-15px);
	-moz-transform: translateX(-15px);
	-o-transform: translateX(-15px);
	-ms-transform: translateX(-15px);
	transform: translateX(-15px);
}

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

.fade-in-from-left.animated {
	animation-name: fade-from-left;
	animation-duration: 0.5s;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

@keyframes fade-from-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-15px);
		-moz-transform: translateX(-15px);
		-o-transform: translateX(-15px);
		-ms-transform: translateX(-15px);
		transform: translateX(-15px);
	}

	45% {
		opacity: 0.5;
	}

	90% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fade-in-from-bottom {
	opacity: 0;
	animation-timing-function: ease-out;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-o-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
}

.fade-in-from-bottom.animated {
	animation-name: fade-from-bottom;
	animation-duration: 1s;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

@keyframes fade-from-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(15px);
		-moz-transform: translateY(15px);
		-o-transform: translateY(15px);
		-ms-transform: translateY(15px);
		transform: translateY(15px);
	}
	90% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fade-in-from-right {
	opacity: 0;
	animation-timing-function: ease-out;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-o-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
}

.fade-in-from-right.animated {
	animation-name: fade-from-right;
	animation-duration: 0.5s;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

@keyframes fade-from-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-o-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}

	90% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}