/*----CSS@ KEYFRAMES----*/

@keyframes animation-one {
	0%		{opacity: 0;}
	10%		{transform: scale(1);}
	20%		{transform: scale(1.5);}
	30%		{transform: scale(1);}
	100%	{opacity: 1;}
}

	/* MOZILLA FIREFOX */
	@-moz-keyframes animation-one {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	/* OPERA */
	@-o-keyframes animation-one {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	/* 	APPLE SAFARI, GOOGLE CHROME, OPERA */
	@-webkit-keyframes animation-one {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

@keyframes animation-two {
	0%		{opacity: 0;}
	50%		{opacity: 0;}
	55%		{transform: scale(1);}
	60%		{transform: scale(1.5);}
	65%		{transform: scale(1);}
	100%	{opacity: 1;}
}


	/* MOZILLA FIREFOX */
	@-moz-keyframes animation-two {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	/* OPERA */
	@-o-keyframes animation-two {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	/* 	APPLE SAFARI, GOOGLE CHROME, OPERA */
	@-webkit-keyframes animation-two {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}



@keyframes animation-three {
	0%		{opacity: 0;}
	67%		{opacity: 0;}
	70%		{transform: scale(1);}
	73%		{transform: scale(1.5);}
	76%		{transform: scale(1);}
	100%	{opacity: 1;}
}


	/* MOZILLA FIREFOX */
	@-moz-keyframes animation-three {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	/* OPERA */
	@-o-keyframes animation-three {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

	/* 	APPLE SAFARI, GOOGLE CHROME, OPERA */
	@-webkit-keyframes animation-three {
		0%		{opacity: 0;}
		100%	{opacity: 1;}
	}

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

#animation-one {
	animation-name: animation-one;
	animation-duration: 1s;

		/* MOZILLA FIREFOX */
		-moz-animation-name: animation-one;
		-moz-animation-duration: 1s;
		/* OPERA */
		-o-animation-name: animation-one;
		-o-animation-duration: 1s;
		/* APPLE SAFARI, GOOGLE CHROME, OPERA */
		-webkit-animation-name: animation-one;
		-webkit-animation-duration: 1s;
}

#animation-two {
	animation-name: animation-two;
	animation-duration: 1.5s;

		/* MOZILLA FIREFOX */
		-moz-animation-name: animation-two;
		-moz-animation-duration: 1.5s;
		/* OPERA */
		-o-animation-name: animation-two;
		-o-animation-duration: 1.5s;
		/* APPLE SAFARI, GOOGLE CHROME, OPERA */
		-webkit-animation-name: animation-two;
		-webkit-animation-duration: 1.5s;
}

#animation-three {
	animation-name: animation-three;
	animation-duration: 2s;

	/* MOZILLA FIREFOX */
		-moz-animation-name: animation-three;
		-moz-animation-duration: 2s;
		/* OPERA */
		-o-animation-name: animation-three;
		-o-animation-duration: 2s;
		/* APPLE SAFARI, GOOGLE CHROME, OPERA */
		-webkit-animation-name: animation-three;
		-webkit-animation-duration: 2s;
}