.animated-element {
	opacity: 0;
	transform: translateY(0);
	transition: opacity 0.5s, transform 0.5s;
}

.fade-in-left {
	transform: translateX(-100px);
}

.fade-in-right {
	transform: translateX(100px);
}

.fade-in-up {
	transform: translateY(100px);
}

.fade-in-down {
	transform: translateY(-100px);
}


/* <div class="animated-element fade-in-left" data-distance="0" data-trigger-offset="200" data-delay="0" */
/* data-duration="0.3">Fade In Left</div> */
/* <div class="animated-element fade-in-right" data-distance="0" data-trigger-offset="200" data-delay="0" */
/* data-duration="0.3">Fade In Right</div> */
/* <div class="animated-element fade-in-up" data-distance="0" data-trigger-offset="200" data-delay="0" */
/* data-duration="0.3">Fade In Up</div> */
/* <div class="animated-element fade-in-down" data-distance="0" data-trigger-offset="200" data-delay="0" */
/* data-duration="0.3">Fade In Down</div> */
/*  */