/* CSS Document */


/*Horizontal Sliding*/
.slidingHorizontal{
	display: inline;
	text-indent: 8px;
}


.red {
	color: #ED17A3;	
}

.blue {
	color: #5F96E0;
}

.slidingHorizontal span{
	animation: leftToRight 7.5s linear infinite 0s;
	-ms-animation: leftToRight 7.5s linear infinite 0s;
	-webkit-animation: leftToRight 7.5s linear infinite 0s;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingHorizontal span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingHorizontal span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}

/*leftToRight Animation*/
@-moz-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateX(-50px); transform: translateX(-50px); }
	10% { opacity: 1; -moz-transform: translateX(0px); transform: translateX(0px); }
	25% { opacity: 1; -moz-transform: translateX(0px); transform: translateX(0px); }
	30% { opacity: 0; -moz-transform: translateX(50px); transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes leftToRight{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
	10% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
	25% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
	30% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

/*FadeIn*/
.fadeIn{
	display: inline;
	text-indent: 8px;
}
.fadeIn span{
	animation: fadeEffect 12.5s linear infinite 0s;
	-ms-animation: fadeEffect 12.5s linear infinite 0s;
	-webkit-animation: fadeEffect 12.5s linear infinite 0s;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.fadeIn span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.fadeIn span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.fadeIn span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.fadeIn span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*FadeIn Animation*/
@-moz-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(0px); transform: translateY(0px); }
	10% { opacity: 1; -moz-transform: translateY(0px); transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes fadeEffect{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}