@-webkit-keyframes fadeIn {

    from { opacity: 0.0; }
    to { opacity: 1.0; }

}

@-webkit-keyframes fadeInUp {

    from { -webkit-transform: translateY(100px); opacity: 0.0; }
    to { -webkit-transform: translateY(0px); opacity: 1.0; }

}


@-webkit-keyframes fadeOut {

    from { opacity: 1.0; }
    to { opacity: 0.0; }

}

@-webkit-keyframes removeLeft {

    from { opacity: 1.0; }
    to { -webkit-transform: translateX(-200px); opacity: 0.0; }

}

@-webkit-keyframes removeRight {

    from { opacity: 1.0; }
    to { -webkit-transform: translateX(200px); opacity: 0.0; }

}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	} 60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	} 80% {
		-webkit-transform: translateX(-10px);
	} 100% {
		-webkit-transform: translateX(0); opacity: 1;
	}
}

@-webkit-keyframes bounceInRight {
	0% {
		-webkit-transform: translateX(2000px); 	opacity: 0;
	} 60% {
		-webkit-transform: translateX(-30px); opacity: 1;
	} 80% {
		-webkit-transform: translateX(10px);
	} 100% {
		-webkit-transform: translateX(0); opacity: 1;
	}
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0); opacity: 1;
	}
}