.animate-element{opacity:0;}

/* Fade In animation */
@-webkit-keyframes awp_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes awp_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes awp_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}	
}
@keyframes awp_fade {
	0% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}

/* Left to Right animation */
@-webkit-keyframes awp_left_to_right {
	0% {
		-webkit-transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes awp_left_to_right {
	0% {
		-moz-transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes awp_left_to_right {
	0% {
		-o-transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes awp_left_to_right {
	0% {
		transform: translate(-20px, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}
/* Right To Left animation */
@-webkit-keyframes awp_right_to_left {
	0% {
		-webkit-transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes awp_right_to_left {
	0% {
		-moz-transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes awp_right_to_left {
	 0% {
		-o-transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}

}
@keyframes awp_right_to_left {
	0% {
		transform: translate(20px, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}
/* Bottom to Top animation */
@-webkit-keyframes awp_bottom_to_top {
	0% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes awp_bottom_to_top {
	0% {
		-moz-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes awp_bottom_to_top {
	0% {
		-o-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes awp_bottom_to_top {
	0% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

.animate-element.start-animation.fade-in{
	-webkit-animation: awp_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-moz-animation: awp_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-o-animation: awp_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	animation: awp_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
	opacity: 1;
}
.animate-element.start-animation.right-to-left{
	-webkit-animation: awp_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: awp_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: awp_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: awp_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}
.animate-element.start-animation.left-to-right{
	-webkit-animation: awp_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: awp_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: awp_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: awp_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}
.animate-element.start-animation.bottom-to-top{
	-webkit-animation: awp_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: awp_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: awp_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: awp_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
	opacity: 1;
}