/*
	Default values for animations...
 */
.animationSuported .fadeInRight,
.animationSuported .fadeInLeft,
.animationSuported .fadeInDownReal{
	opacity:0;
}


/*
	Call the animation
 */

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 2s;

	animation-name: fadeInLeft;
	animation-iteration-count: 1;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay:2s;
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 2s;

	animation-name: fadeInRight;
	animation-iteration-count: 1;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay:2s;
}


.fadeInDownReal {
	-webkit-animation-name: fadeInDown;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 2s;

	animation-name: fadeInDown;
	animation-iteration-count: 1;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-delay:2s;
}


.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;

	animation-name: fadeInDown;
	animation-iteration-count: infinite;
	animation-duration: 2s;
}


/*
	Manage the delays (up to 10). After that, we'll use the default delay of 2s (enough is enough)
 */

.animationDelay0{
	-webkit-animation-delay: 0s;
	animation-delay:0s;
}

.animationDelay1{
	-webkit-animation-delay: 0.2s;
	animation-delay:0.2s;
}

.animationDelay2{
	-webkit-animation-delay: 0.4s;
	animation-delay:0.4s;
}

.animationDelay3{
	-webkit-animation-delay: 0.6s;
	animation-delay:0.6s;
}

.animationDelay4{
	-webkit-animation-delay: 0.8s;
	animation-delay:0.8s;
}

.animationDelay5{
	-webkit-animation-delay: 1s;
	animation-delay:1s;
}

.animationDelay6{
	-webkit-animation-delay: 1.2s;
	animation-delay:1.2s;
}

.animationDelay7{
	-webkit-animation-delay: 1.4s;
	animation-delay:1.4s;
}

.animationDelay8{
	-webkit-animation-delay: 1.6s;
	animation-delay:1.6s;
}

.animationDelay9{
	-webkit-animation-delay: 1.8s;
	animation-delay:1.8s;
}

/**
 * Animation fadeInLeft
 */

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-moz-transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-moz-transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}

/**
 * Animation fadeInRight
 */

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-moz-transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-moz-transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}

/**
 * Animation fadeInDown
 */

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}