/*!
 * Animate on Scroll
 * @author Code Greene
 */

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

@keyframes fadeup {
	0% {opacity:0; transform:translateY(20px);}
	100% {opacity:1; transform:translateY(0);}
}

@keyframes fadedown {
	0% {opacity:0; transform:translateY(-20px);}
	100% {opacity:1; transform:translateY(0);}
}

@keyframes fadeleft {
	0% {opacity:0; transform:translateX(20px);}
	100% {opacity:1; transform:translateX(0);}
}

@keyframes faderight {
	0% {opacity:0; transform:translateX(-20px);}
	100% {opacity:1; transform:translateX(0);}
}

@keyframes wipeleft {
	0% {clip-path:inset(0 0 0 100%); opacity:0;}
	99.9% {clip-path:inset(0);}
	100% {clip-path:none; opacity:1;}
}

@keyframes wiperight {
	0% {clip-path:inset(0 100% 0 0); opacity:0;}
	99.9% {clip-path:inset(0);}
	100% {clip-path:none; opacity:1;}
}

@keyframes swing {
    0% {transform:rotate(0deg); opacity:0;}
    25% {transform:rotate(5deg);}
    75% {transform:rotate(-5deg);}
	100% {transform:rotate(0deg); opacity:1;}
}


/* Keep content visible unless the animation script loads successfully. */
.aos{visibility:visible;}
.cg-aos-enabled .aos{visibility:hidden;}
.cg-aos-enabled .aos.none{visibility:visible;}
.cg-aos-enabled .aos.animate{visibility:visible; animation-fill-mode:both;}
.aos.noDelay{animation-delay:0ms !important;}

.animate.fadein{animation-name:fadein;}
.animate.fadeup{animation-name:fadeup;}
.animate.fadedown{animation-name:fadedown;}
.animate.faderight{animation-name:faderight;}
.animate.fadeleft{animation-name:fadeleft;}

.animate.wiperight{animation-name:wiperight;}
.animate.wipeleft{animation-name:wipeleft;}

.animate.swing{animation-name:swing;}

@media (prefers-reduced-motion:reduce){
	.aos{visibility:visible;}
	.aos.animate{animation:none !important;}
}