.stdFadeIn {
	-webkit-animation-name: stdFadeIn;
			animation-name: stdFadeIn;
}

.stdFadeInUp {
	-webkit-animation-name: stdFadeInUp;
			animation-name: stdFadeInUp;
}

.stdFadeInDown {
	-webkit-animation-name: stdFadeInDown;
			animation-name: stdFadeInDown;
}

.stdFadeInRight {
	-webkit-animation-name: stdFadeInRight;
			animation-name: stdFadeInRight;
}

.stdFadeInLeft {
	-webkit-animation-name: stdFadeInLeft;
			animation-name: stdFadeInLeft;
}

/* Fade In */

@keyframes stdFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes stdFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* Fade In Up */

@keyframes stdFadeInUp {
	0% {
		opacity: 0;
		transform: translate(0, 10%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-keyframes stdFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
}

/* Fade In Down */

@keyframes stdFadeInDown {
	0% {
		opacity: 0;
		transform: translate(0, -10%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-keyframes stdFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
}

/* Fade In Righ */

@keyframes stdFadeInRight {
	0% {
		opacity: 0;
		transform: translate(10%, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-keyframes stdFadeInRight {
	0% {
		opacity: 0;
		-transform: translate(10%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
}

/* Fade In Left */

@keyframes stdFadeInLeft {
	0% {
		opacity: 0;
		transform: translate(-10%, 0);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-keyframes stdFadeInLeft {
	0% {
		opacity: 0;
		transform: translate(-10%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
}