/* ====================================

====== ANIMATION ======================

==================================== */



/* Appear From Center */

@keyframes afc {

	from { opacity: 0; transform: scale(0.2); }

	to { opacity: 1; transform: scale(1); }

	}

@-webkit-keyframes afc {

	from { opacity: 0; -webkit-transform: scale(0.2); }

	to { opacity: 1; -webkit-transform: scale(1); }

	}

.animate_afc {

	opacity: 0;

	}

.animate_afc.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afc;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afc;

	opacity: 1;

	}

	

/* Appear From Left */

@keyframes afl {

	from { opacity: 0; transform: translateX(-100px); }

	to { opacity: 1; transform: translateX(0); }

	}

@-webkit-keyframes afl {

	from { opacity: 0; -webkit-transform: translateX(-100px); }

	to { opacity: 1; -webkit-transform: translateX(0); }

	}

.animate_afl {

	opacity: 0;

	}

.animate_afl.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afl;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afl;

	opacity: 1;

	}



/* Appear From Right */

@keyframes afr {

	from { opacity: 0; transform: translateX(100px); }

	to { opacity: 1; transform: translateX(0); }

	}

@-webkit-keyframes afr {

	from { opacity: 0; -webkit-transform: translateX(100px); }

	to { opacity: 1; -webkit-transform: translateX(0); }

	}

.animate_afr {

	opacity: 0;

	}

.animate_afr.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afr;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afr;

	opacity: 1;

	}



/* Appear From Top */

@keyframes aft {

	from { opacity: 0; transform: translateY(-100px); }

	to { opacity: 1; transform: translateY(0); }

	}

@-webkit-keyframes aft {

	from { opacity: 0; -webkit-transform: translateY(-100px); }

	to { opacity: 1; -webkit-transform: translateY(0); }

	}

.animate_aft {

	opacity: 0;

	}

.animate_aft.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 aft;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 aft;

	opacity: 1;

	}



/* Appear From Bottom */

@keyframes afb {

	from { opacity: 0; transform: translateY(100px); }

	to { opacity: 1; transform: translateY(0); }

	}

@-webkit-keyframes afb {

	from { opacity: 0; -webkit-transform: translateY(100px); }

	to { opacity: 1; -webkit-transform: translateY(0); }

	}

.animate_afb {

	opacity: 0;

	}

.animate_afb.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afb;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afb;

	opacity: 1;

	}



/* Width From Center */

@keyframes wfc {

	from { opacity: 0; transform: scaleX(0.01); }

	to { opacity: 1; transform: scaleX(1); }

	}

@-webkit-keyframes wfc {

	from { opacity: 0; -webkit-transform: scaleX(0.01); }

	to { opacity: 1; -webkit-transform: scaleX(1); }

	}

.animate_wfc {

	opacity: 0;

	}

.animate_wfc.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 wfc;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 wfc;

	opacity: 1;

	}



/* Height From Center */

@keyframes hfc {

	from { opacity: 0; transform: scaleY(0.01); }

	to { opacity: 1; transform: scaleY(1); }

	}

@-webkit-keyframes hfc {

	from { opacity: 0; -webkit-transform: scaleY(0.01); }

	to { opacity: 1; -webkit-transform: scaleY(1); }

	}

.animate_hfc {

	opacity: 0;

	}

.animate_hfc.animate_start {

	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 hfc;

			animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 hfc;

	opacity: 1;

	}





/* Rotate From Center */

@keyframes rfc {

	from { opacity: 0; transform: scale(0.01) rotate(360deg); }

	to { opacity: 1; transform: scale(1) rotate(0); }

	}

@-webkit-keyframes rfc {

	from { opacity: 0; -webkit-transform: scale(0.01) rotate(360deg); }

	to { opacity: 1; -webkit-transform: scale(1) rotate(0); }

	}

.animate_rfc {

	opacity: 0;

	}

.animate_rfc.animate_start {

	-webkit-animation: 0.8s ease 0s normal backwards 1 rfc;

			animation: 0.8s ease 0s normal backwards 1 rfc;

	opacity: 1;

	}

	

/* Rotate From Left */

@keyframes rfl {

	from { opacity: 0; transform: translateX(-100px) rotate(-180deg); }

	to { opacity: 1; transform: translateX(0) rotate(0); }

	}

@-webkit-keyframes rfl {

	from { opacity: 0; -webkit-transform: translateX(-100px) rotate(-180deg); }

	to { opacity: 1; -webkit-transform: translateX(0) rotate(0); }

	}

.animate_rfl {

	opacity: 0;

	}

.animate_rfl.animate_start {

	-webkit-animation: 0.8s ease 0s normal backwards 1 rfl;

			animation: 0.8s ease 0s normal backwards 1 rfl;

	opacity: 1;

	}

		

/* Rotate From Right */

@keyframes rfr {

	from { opacity: 0; transform: translateX(100px) rotate(180deg); }

	to { opacity: 1; transform: translateX(0) rotate(0); }

	}

@-webkit-keyframes rfr {

	from { opacity: 0; -webkit-transform: translateX(100px) rotate(180deg); }

	to { opacity: 1; -webkit-transform: translateX(0) rotate(0); }

	}

.animate_rfr {

	opacity: 0;

	}

.animate_rfr.animate_start {

	-webkit-animation: 0.8s ease 0s normal backwards 1 rfr;

			animation: 0.8s ease 0s normal backwards 1 rfr;

	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: 1023px) {

.animate_afc,

.animate_aft,

.animate_afb,

.animate_afl,

.animate_afr,

.animate_wfc,

.animate_hfc,

.animate_rfl,

.animate_rfr,

.animate_rfc {

	opacity: 1;

	-webkit-animation: none !important;

			animation: none !important;

	}

}