
/** Animations
 * @version 0.6
 * @since 2023-12-19
 * @author Virgial Berveling
 * example class: animate on-scroll delay-200 duration-300 animation-fadeInUp ease-
 */
 .animation-opacity,
.animation-zoomIn,
.animation-fadeInLeft,
.animation-fadeInRight,
.animation-fadeInUp,
.animation-fadeInDown,
.animation-rotation
{
    position: relative;
    transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.animation-zoomIn
{
    transition: all 1s linear;
}
.animation-opacity.animate {
    opacity: 0;
}

.animation-zoomIn.animate {
    opacity: 0;
    transform: scale(0.9, 0.9);
    filter: blur(1px);
}

.animation-fadeInLeft.animate {
    opacity: 0;
    transform: translate(-35px, 0px);
}

.animation-fadeInRight.animate {
    opacity: 0;
    transform: translate(35px, 0px);
}
.animation-fadeInUp.animate {
    opacity: 0;
    transform: translate(0, 35px);
}

.animation-fadeInDown.animate {
    opacity: 0;
    transform: translate(0, -35px);
}

.animation-rotation.animate {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}


/* easings */
.ease-InSine { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)!important;}
.ease-OutSine { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)!important;}
.ease-InOutSine { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)!important;}
.ease-InQuad { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)!important;}
.ease-OutQuad { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)!important;}
.ease-InOutQuad { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)!important;}
.ease-InCubic { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)!important;}
.ease-OutCubic { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)!important;}
.ease-InOutCubic { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)!important;}
.ease-InQuart { transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22)!important;}
.ease-OutQuart { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)!important;}
.ease-InOutQuart { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)!important;}
.ease-InQuint { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06)!important;}
.ease-OutQuint { transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)!important;}
.ease-InOutQuint { transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)!important;}
.ease-InExpo { transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035)!important;}
.ease-OutExpo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)!important;}
.ease-InOutExpo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)!important;}
.ease-InCirc { transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335)!important;}
.ease-OutCirc { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)!important;}
.ease-InOutCirc { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)!important;}
.ease-InBack { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)!important;}
.ease-OutBack { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)!important;}
.ease-InOutBack { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)!important;}
.ease-InOutFast { transition-timing-function: cubic-bezier(1,0,0,1)!important;}
.ease-authenticMotion { transition-timing-function: cubic-bezier(.4,0,.2,1)!important;}