/*
==============================================
slideUp
==============================================
*/


.slideUp {
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(120%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(120%);
		opacity: 0;
	}	
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}	
}

/*
==============================================
slideUp End
==============================================
*/




/*
==============================================
slideDown
==============================================
*/


.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 0.8s;	
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	-o-animation-duration: 0.8s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;

	visibility: visible !important;
	display: block !important;			
}

@keyframes slideDown {
	0% {
		transform: translateY(-120%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-120%);
		opacity: 0;
	}	
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}	
}

/*
==============================================
slideDown End
==============================================
*/





/*
==============================================
slideLeft
==============================================
*/


.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideLeft {
	0% {
		transform: translateX(300%);
	}
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(300%);
	}	
	100% {
		-webkit-transform: translateX(0%);
	}	
}

/*
==============================================
slideLeft End
==============================================
*/





/*
==============================================
slideRight
==============================================
*/


.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;

	visibility: visible !important;		
}

@keyframes slideRight {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-100%);
	}	
	100% {
		-webkit-transform: translateX(0%);
	}	
}

/*
==============================================
slideRight End
==============================================
*/


#hero .slideRight {
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
}

.delay-one {
	animation-duration: 1.5s !important;	
	-webkit-animation-duration: 1.5s !important;
}
.delay-two {
	animation-duration: 1.7s !important;	
	-webkit-animation-duration: 1.7s !important;
}
.delay-three {
	animation-duration: 1.9s !important;	
	-webkit-animation-duration: 1.9s !important;
}
.delay-four {
	animation-duration: 2.1s !important;	
	-webkit-animation-duration: 2.1s !important;
}
.delay-five {
	animation-duration: 2.3s !important;	
	-webkit-animation-duration: 2.3s !important;
}
.delay-six {
	animation-duration: 2.5s !important;	
	-webkit-animation-duration: 2.5s !important;
}