/* ====================================
====== ANIMATION ======================
==================================== */

.animate_start .l-section-h {
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	}

/* fadeIn */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
	}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
	}
.animate_fadeIn .l-section-h {
	opacity: 0;
	}
.animate_fadeIn.animate_start .l-section-h {
	-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	opacity: 1;
	}
	
/* zoomIn */
@keyframes zoomIn {
	from { opacity: 0; transform: scale(0.7); }
	to { opacity: 1; transform: scale(1); }
	}
@-webkit-keyframes zoomIn {
	from { opacity: 0; -webkit-transform: scale(0.7); }
	to { opacity: 1; -webkit-transform: scale(1); }
	}
.animate_zoomIn .l-section-h {
	opacity: 0;
	}
.animate_zoomIn.animate_start .l-section-h {
	-webkit-animation-name: zoomIn;
			animation-name: zoomIn;
	opacity: 1;
	}

/* fadeInUp */
@keyframes fadeInUp {
	from { opacity: 0; transform: translateY(50px); }
	to { opacity: 1; transform: translateY(0); }
	}
@-webkit-keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translateY(50px); }
	to { opacity: 1; -webkit-transform: translateY(0); }
	}
.animate_fadeInUp .l-section-h {
	opacity: 0;
	}
.animate_fadeInUp.animate_start .l-section-h {
	-webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
	opacity: 1;
	}

/* fadeInDown */
@keyframes fadeInDown {
	from { opacity: 0; transform: translateY(-50px); }
	to { opacity: 1; transform: translateY(0); }
	}
@-webkit-keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translateY(-50px); }
	to { opacity: 1; -webkit-transform: translateY(0); }
	}
.animate_fadeInDown .l-section-h {
	opacity: 0;
	}
.animate_fadeInDown.animate_start .l-section-h {
	-webkit-animation-name: fadeInDown;
			animation-name: fadeInDown;
	opacity: 1;
	}
	
/* fadeInLeft */
@keyframes fadeInLeft {
	from { opacity: 0; transform: translateX(50px); }
	to { opacity: 1; transform: translateX(0); }
	}
@-webkit-keyframes fadeInLeft {
	from { opacity: 0; -webkit-transform: translateX(50px); }
	to { opacity: 1; -webkit-transform: translateX(0); }
	}
.animate_fadeInLeft .l-section-h {
	opacity: 0;
	}
.animate_fadeInLeft.animate_start .l-section-h {
	-webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
	opacity: 1;
	}

/* fadeInRight */
@keyframes fadeInRight {
	from { opacity: 0; transform: translateX(-50px); }
	to { opacity: 1; transform: translateX(0); }
	}
@-webkit-keyframes fadeInRight {
	from { opacity: 0; -webkit-transform: translateX(-50px); }
	to { opacity: 1; -webkit-transform: translateX(0); }
	}
.animate_fadeInRight .l-section-h {
	opacity: 0;
	}
.animate_fadeInRight.animate_start .l-section-h {
	-webkit-animation-name: fadeInRight;
			animation-name: fadeInRight;
	opacity: 1;
	}

	
/* Animation Delays */
.d1.animate_start {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s;
	}
.d2.animate_start {
	-webkit-animation-delay: 0.4s;
			animation-delay: 0.4s;
	}
.d3.animate_start {
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s;
	}
.d4.animate_start {
	-webkit-animation-delay: 0.8s;
			animation-delay: 0.8s;
	}
.d5.animate_start {
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
	}
	
	
/* Remove animation on small screens */
@media only screen and (max-width: 1024px) {
.animate_zoomIn .l-section-h,
.animate_fadeIn .l-section-h,
.animate_fadeInUp .l-section-h,
.animate_fadeInDown .l-section-h,
.animate_fadeInLeft .l-section-h,
.animate_fadeInRight .l-section-h {
	opacity: 1;
	-webkit-animation: none !important;
			animation: none !important;
	}
}