/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 23 2024 | 07:06:12 */
[class*="custom-fadein"] {
	opacity: 0;
}
.is-inview.custom-fadein {
	opacity: 0;
	animation: anim_fadein 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-left {
	animation: anim_fadein_left 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-right {
	animation: anim_fadein_right 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-up {
	animation: anim_fadein_up 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-down {
	animation: anim_fadein_down 1s ease-out .2s forwards;
}

@keyframes anim_fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes anim_fadein_left {
	0% {
		opacity: 0;
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes anim_fadein_right {
	0% {
		opacity: 0;
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes anim_fadein_up {
	0% {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes anim_fadein_down {
	0% {
		opacity: 0;
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}