/* ------------------------------------------------------------------------ */
/*  SCROLL EFFECTS
/* ------------------------------------------------------------------------ */
.fade-up,
.fade-up-stagger > * {
	transform: translateY(25px);
	opacity: 0;
	transition: all .3s ease-in-out;
}

.fade-up.is-active,
.fade-up-stagger.is-active > * {
	transform: translateY(0px);
	opacity: 1;
}



/* ------------------------------------------------------------------------ */
/*  LOADING EFFECTS
	add .is-loading to initial state
/* ------------------------------------------------------------------------ */
.is-loading .fade-in-load {
	opacity: 0;
}

.is-loading .fade-down-load {
	opacity: 0;
	transform: translateY(-80px);
}

.is-loading .fade-up-load {
	opacity: 0;
	transform: translateY(80px);
}

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


/* ------------------------------------------------------------------------ */
/*  Elements
/* ------------------------------------------------------------------------ */
.fade-down-load,
.fade-up-load {
	transform: translateY(0px);
	opacity: 1;
	transition: all .4s ease-in-out;
}

.is-loading .fade-down-load {
	transform: translateY(-50px);
	opacity: 0;
}

.is-loading .fade-up-load {
	transform: translateY(50px);
	opacity: 0;
}


.has-delay-1 {
	transition-delay: 0.2s;
}

.has-delay-2 {
	transition-delay: 0.4s;
}

.has-delay-3 {
	transition-delay: 0.6s;
}

.has-delay-4 {
	transition-delay: 0.8s;
}



/* Background image preloader and fade in */