/*---------- CSS3 KEYFRAMES -----------*/

@keyframes fade-in {
	0%			{opacity: 0;}
	100% 		{opacity: 1;}
}

	@-moz-keyframes fade-in {
		0%			{opacity: 0;}
		100% 		{opacity: 1;}
	}

	@-o-keyframes fade-in {
		0%			{opacity: 0;}
		100% 		{opacity: 1;}
	}

	@-webkit-keyframes fade-in {
		0%			{opacity: 0;}
		100% 		{opacity: 1;}
	}

/*---------- CSS3 ANIMATIONS-----------*/

.fade-in {
	animation-name: fade-in;
		-moz-animation-name: fade-in;
		-o-animation-name: fade-in;
		-webkit-animation-name: fade-in;
	animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		-webkit-animation-duration: 1s;
	animation-fill-mode: backwards;
		-moz-animation-fill-mode: backwards;
		-o-animation-fill-mode: backwards;
		-webkit-animation-fill-mode: backwards;
}	

.fade-two {
	animation-delay: 1s;
		-moz-animation-delay: 1s;
		-o-animation-delay: 1s;
		-webkit-animation-delay: 1s;
}

.fade-three {
	animation-delay: 2s;
		-moz-animation-delay: 2s;
		-o-animation-delay: 2s;
		-webkit-animation-delay: 2s;
}

.fade-four {
	animation-delay: 3s;
		-moz-animation-delay: 3s;
		-o-animation-delay: 3s;
		-webkit-animation-delay: 3s;
}

.fade-five {
	animation-delay: 4s;
		-moz-animation-delay: 4s;
		-o-animation-delay: 4s;
		-webkit-animation-delay: 4s;
}

.fade-six {
	animation-delay: 5s;
		-moz-animation-delay: 5s;
		-o-animation-delay: 5s;
		-webkit-animation-delay: 5s;
}

.fade-seven {
	animation-delay: 6s;
		-moz-animation-delay: 6s;
		-o-animation-delay: 6s;
		-webkit-animation-delay: 6s;
}

.fade-eight {
	animation-delay: 7s;
		-moz-animation-delay: 7s;
		-o-animation-delay: 7s;
		-webkit-animation-delay: 7s;
}