/* @group Animation */

.hideho {
	opacity: 0;
}

.animated {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.customFadeIn, .customFadeInUp, .customFadeInDown, .customFadeInLeft, .customFadeInRight {
	animation-timing-function: easeOutExpo;
	animation-duration: .35s;
}

.customFadeInFast {
	animation-timing-function: easeOutExpo;
	animation-duration: .2s;
}

.customFadeInSlow, .customFadeInUpSlow {
	animation-timing-function: easeOutExpo;
	animation-duration: 1.2s;
}

@keyframes customFadeInFast {
from {
	opacity: 0;
}

to {
	opacity: 1;
}
}

.customFadeInFast {
	animation-name: customFadeInFast;
}

@keyframes customFadeIn {
from {
	opacity: 0;
}

to {
	opacity: 1;
}
}

.customFadeIn {
	animation-name: customFadeIn;
}

@keyframes customFadeInSlow {
from {
	opacity: 0;
}

to {
	opacity: 1;
}
}

.customFadeInSlow {
	animation-name: customFadeInSlow;
}

@keyframes customFadeInLeft {
from {
	opacity: 0;
	transform: translate3d(-10%, 0, 0);
}

to {
	opacity: 1;
	transform: none;
}
}

.customFadeInLeft {
	animation-name: customFadeInLeft;
}

@keyframes customFadeInRight {
from {
	opacity: 0;
	transform: translate3d(10%, 0, 0);
}

to {
	opacity: 1;
	transform: none;
}
}

.customFadeInRight {
	animation-name: customFadeInRight;
}

@keyframes customFadeInUp {
from {
	opacity: 0;
	transform: translate3d(0, 10%, 0);
}

to {
	opacity: 1;
	transform: none;
}
}

.customFadeInUp {
	animation-name: customFadeInUp;
}

@keyframes customFadeInUpSlow {
from {
	opacity: 0;
	transform: translate3d(0, 10%, 0);
}

to {
	opacity: 1;
	transform: none;
}
}

.customFadeInUpSlow {
	animation-name: customFadeInUpSlow;
}

@keyframes customFadeInDown {
from {
	opacity: 0;
	transform: translate3d(0, -10%, 0);
}

to {
	opacity: 1;
	transform: none;
}
}

.customFadeInDown {
	animation-name: customFadeInDown;
}

/* @end */