[data-anime] {
	opacity: 0;
	transition: 1s!important;
}

[data-anime="right"]{
	transform: translate3d(50px, 0, 0);
}

[data-anime="bottom"]{
	transform: translate3d(0, -50px, 0);
}

[data-anime="top"]{
	transform: translate3d(0, 50px, 0);
}

[data-anime="left"]{
	transform: translate3d(-50px, 0, 0);
}

[data-anime].animate {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}


@keyframes slidein-left {

	to {
		margin-left: 0px;
	}
	from {
		margin-left: -300px;
	}
}