@-webkit-keyframes topfade{

	0%{

		opacity: 0;

		-webkit-transform: translateY(100px);

	}

	100%{

		opacity: 1;

		-webkit-transform: translateY(0px);

		visibility: visible;

	}

}

@keyframes topfade{

	0%{

		opacity: 0;

		transform: translateY(100px);

	}

	100%{

		opacity: 1;

		transform: translateY(0px);

		visibility: visible;

	}

}





@-webkit-keyframes leftfade{

	0%{

		opacity: 0;

		-webkit-transform: translateX(100px);

	}

	100%{

		opacity: 1;

		-webkit-transform: translateX(0px);

		visibility: visible;

	}

}

@keyframes leftfade{

	0%{

		opacity: 0;

		transform: translateX(100px);

	}

	100%{

		opacity: 1;

		transform: translateX(0px);

		visibility: visible;

	}

}



@-webkit-keyframes rightfade{

	0%{

		opacity: 0;

		-webkit-transform: translateX(-100px);

	}

	100%{

		opacity: 1;

		-webkit-transform: translateX(0px);

	}

}

@keyframes rightfade{

	0%{

		opacity: 0;

		transform: translateX(-100px);

	}

	100%{

		opacity: 1;

		transform: translateX(0px);

	}

}



@-webkit-keyframes fadeInzoom{

	0% {

		-webkit-transform: scale(0);

		opacity: 0.0;		

	}

	60% {

		-webkit-transform: scale(1.1);

	}

	80% {

		-webkit-transform: scale(0.9);

		opacity: 1;	

	}	

	100% {

		-webkit-transform: scale(1);

		opacity: 1;	

	}		

}