@keyframes bounce{
    20%,53%,80%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.050,.855,.060);
        transform:translate3d(0,-30px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.050,.855,.060);
        transform:translate3d(0,-15px,0)
    }
    90%{
        transform:translate3d(0,-4px,0)
    }
}
.bounce{ animation-name:bounce; transform-origin:center bottom }

@keyframes flash{
    50%,from,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{ animation-name:flash }

@keyframes pulse{
    from,to{
        transform:scale3d(1,1,1)
    }
    50%{
        transform:scale3d(1.05,1.05,1.05)
    }
}

.pulse{ animation-name:pulse }

@keyframes rubberBand{
    from,to{
        transform:scale3d(1,1,1)
    }
    30%{
        transform:scale3d(1.25,.75,1)
    }
    40%{
        transform:scale3d(.75,1.25,1)
    }
    50%{
        transform:scale3d(1.15,.85,1)
    }
    65%{
        transform:scale3d(.95,1.05,1)
    }
    75%{
        transform:scale3d(1.05,.95,1)
    }
}


@keyframes shake{
    from,to{
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}

.shake{ animation-name:shake }

@keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        transform:translateX(0)
    }
}

.headShake{ animation-timing-function:ease-in-out; animation-name:headShake }

@keyframes swing{
    20%{
        transform:rotate3d(0,0,1,15deg)
    }
    40%{
        transform:rotate3d(0,0,1,-10deg)
    }
    60%{
        transform:rotate3d(0,0,1,5deg)
    }
    80%{
        transform:rotate3d(0,0,1,-5deg)
    }
    to{
        transform:rotate3d(0,0,1,0deg)
    }
}
.swing{ transform-origin:top center; animation-name:swing }

@keyframes tada{
    from,to{
        transform:scale3d(1,1,1)
    }
    10%,20%{
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}
.tada{ animation-name:tada }

@keyframes wobble{
    from,to{
        transform:none
    }
    15%{
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}
.wobble{ animation-name:wobble }

@keyframes jello{
    11.1%,from,to{
        transform:none
    }
    22.2%{
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello{ animation-name:jello; transform-origin:center }

@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        transform:scale3d(1,1,1)
    }
}
.bounceIn{ animation-name:bounceIn }

@keyframes bounceInDown{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        transform:none
    }
}

.bounceInDown{ animation-name:bounceInDown }

@keyframes bounceInLeft{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        transform:translate3d(-10px,0,0)
    }
    90%{
        transform:translate3d(5px,0,0)
    }
    to{
        transform:none
    }
}

.bounceInLeft{ animation-name:bounceInLeft }

@keyframes bounceInRight{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        transform:translate3d(10px,0,0)
    }
    90%{
        transform:translate3d(-5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInRight{ animation-name:bounceInRight }

@keyframes bounceInUp{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        transform:translate3d(0,10px,0)
    }
    90%{
        transform:translate3d(0,-5px,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}

.bounceInUp{ animation-name:bounceInUp }

@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}

/* ---------- SLIDE IN DOWN ---------- */

.slideInDown{
    animation-name: clipSlideInBottom;
    animation-duration: 1.1s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    animation-fill-mode: both;
    will-change: clip-path, transform, opacity;
    backface-visibility: hidden;
}

@keyframes clipSlideInBottom{
    0%{
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        transform: translateY(30px);
        opacity: 0;
    }
    100%{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translateY(0);
        opacity: 1;
    }
}


/* ---------- SLIDE IN LEFT ---------- */

.slideInLeft{
    animation-name: clipSlideInLeft;
    animation-duration: 1.1s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    animation-fill-mode: both;
    will-change: clip-path, transform, opacity;
}

@keyframes clipSlideInLeft{
    0%{
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        transform: translateX(-40px);
        opacity: 0;
    }
    100%{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translateX(0);
        opacity: 1;
    }
}


/* ---------- SLIDE IN RIGHT ---------- */

.slideInRight{
    animation-name: clipSlideInRight;
    animation-duration: 1.1s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    animation-fill-mode: both;
    will-change: clip-path, transform, opacity;
}

@keyframes clipSlideInRight{
    0%{
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        transform: translateX(40px);
        opacity: 0;
    }
    100%{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translateX(0);
        opacity: 1;
    }
}


/* ---------- SLIDE IN UP ---------- */

.slideInUp{
    animation-name: clipSlideInTop;
    animation-duration: 1.1s;
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    animation-fill-mode: both;
    will-change: clip-path, transform, opacity;
}

@keyframes clipSlideInTop{
    0%{
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        transform: translateY(-30px);
        opacity: 0;
    }
    100%{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transform: translateY(0);
        opacity: 1;
    }
}



/* ---------- SMOOTH TEXT RENDER ---------- */

.fadeInUp, .fadeInDown, .fadeInLeft, .fadeInRight{ backface-visibility: hidden; -webkit-font-smoothing: antialiased; }



/* ---------- GLOBAL SMOOTHNESS BOOST ---------- */

.fadeInUp, .fadeInDown, .fadeInLeft, .fadeInRight{ backface-visibility: hidden; -webkit-font-smoothing: antialiased; }


.lightSpeedIn{ animation-name:lightSpeedIn; animation-timing-function:ease-out }

@keyframes rotateIn{
    from{
        transform-origin:center;
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        transform-origin:center;
        transform:none;
        opacity:1
    }
}

.rotateIn{ animation-name:rotateIn }

@keyframes rotateInDownLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}

.rotateInDownLeft{ animation-name:rotateInDownLeft }

@keyframes rotateInDownRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}

.rotateInDownRight{ animation-name:rotateInDownRight }

@keyframes rotateInUpLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}

.rotateInUpLeft{ animation-name:rotateInUpLeft }

@keyframes rotateInUpRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}

.rotateInUpRight{ animation-name:rotateInUpRight }

@keyframes rollIn{
    from{
        opacity:0;
        transform:translate3d(-20%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        transform:none
    }
}


.rollIn{ animation-name:rollIn }


@keyframes zoomIn{
    from{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}


.zoomIn{ animation-name:zoomIn }


@keyframes zoomInDown{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown{ animation-name:zoomInDown }


@keyframes zoomInLeft{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft{ animation-name:zoomInLeft }


@keyframes zoomInRight{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight{ animation-name:zoomInRight }


@keyframes zoomInUp{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}


.zoomInUp{ animation-name:zoomInUp }



@keyframes slideInDown{
    from{
        transform:translate3d(0,-20%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}


.slideInDown{ animation-name: clipSlideInBottom; animation-duration: 0.65s; animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-fill-mode: both; }

@keyframes clipSlideInBottom{
    from{
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        visibility: visible;
    }
    to{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}


.slideInLeft{ animation-name: clipSlideInLeft; animation-duration: 0.65s; animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-fill-mode: both; }

@keyframes clipSlideInLeft{
    from{
        clip-path: polygon(
            0 0,
            0 0,
            0 100%,
            0 100%
        );
        -webkit-clip-path: polygon(
            0 0,
            0 0,
            0 100%,
            0 100%
        );
        visibility: visible;
    }
    to{
        clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            0 100%
        );
        -webkit-clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            0 100%
        );
    }
}



.slideInRight{ animation-name: clipSlideInRight; animation-duration: 0.65s; animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-fill-mode: both; }


@keyframes clipSlideInRight{
    from{
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        visibility: visible;
    }
    to{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}



.slideInUp{
    animation-name: clipSlideInTop;
    animation-duration: 0.65s;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-fill-mode: both;
}

@keyframes clipSlideInTop{
    from{
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        visibility: visible;
    }
    to{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}




 .elementor-animation-grow{
    transition-duration:.3s;
    transition-property:transform
}
.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{
    transform:scale(1.1)
}
.elementor-animation-shrink{
    transition-duration:.3s;
    transition-property:transform
}
.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{
    transform:scale(0.9)
}
@keyframes elementor-animation-pulse{
    25%{
        transform:scale(1.1)
    }
    75%{
        transform:scale(0.9)
    }
}
.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{
    animation-name:elementor-animation-pulse;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:infinite
}
@keyframes elementor-animation-pulse-grow{
    to{
        transform:scale(1.1)
    }
}
.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{
    animation-name:elementor-animation-pulse-grow;
    animation-duration:.3s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate
}
@keyframes elementor-animation-pulse-shrink{
    to{
        transform:scale(0.9)
    }
}
.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{
    animation-name:elementor-animation-pulse-shrink;
    animation-duration:.3s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate
}
@keyframes elementor-animation-push{
    50%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(1)
    }
}
.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{
    animation-name:elementor-animation-push;
    animation-duration:.3s;
    animation-timing-function:linear;
    animation-iteration-count:1
}
@keyframes elementor-animation-pop{
    50%{
        transform:scale(1.2)
    }
}
.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{
    animation-name:elementor-animation-pop;
    animation-duration:.3s;
    animation-timing-function:linear;
    animation-iteration-count:1
}
.elementor-animation-bounce-in{
    transition-duration:.5s
}
.elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover{
    transform:scale(1.2);
    transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)
}
.elementor-animation-bounce-out{
    transition-duration:.5s
}
.elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover{
    transform:scale(0.8);
    transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)
}
.elementor-animation-rotate{
    transition-duration:.3s;
    transition-property:transform
}
.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{
    transform:rotate(4deg)
}
.elementor-animation-grow-rotate{
    transition-duration:.3s;
    transition-property:transform
}
.elementor-animation-grow-rotate:active,.elementor-animation-grow-rotate:focus,.elementor-animation-grow-rotate:hover{
    transform:scale(1.1) rotate(4deg)
}
.elementor-animation-float{
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:ease-out
}
.elementor-animation-float:active,.elementor-animation-float:focus,.elementor-animation-float:hover{
    transform:translateY(-8px)
}
.elementor-animation-sink{
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:ease-out
}
.elementor-animation-sink:active,.elementor-animation-sink:focus,.elementor-animation-sink:hover{
    transform:translateY(8px)
}
@keyframes elementor-animation-bob{
    0%{
        transform:translateY(-8px)
    }
    50%{
        transform:translateY(-4px)
    }
    100%{
        transform:translateY(-8px)
    }
}
@keyframes elementor-animation-bob-float{
    100%{
        transform:translateY(-8px)
    }
}
.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{
    animation-name:elementor-animation-bob-float,elementor-animation-bob;
    animation-duration:.3s,1.5s;
    animation-delay:0s,.3s;
    animation-timing-function:ease-out,ease-in-out;
    animation-iteration-count:1,infinite;
    animation-fill-mode:forwards;
    animation-direction:normal,alternate
}
@keyframes elementor-animation-hang{
    0%{
        transform:translateY(8px)
    }
    50%{
        transform:translateY(4px)
    }
    100%{
        transform:translateY(8px)
    }
}
@keyframes elementor-animation-hang-sink{
    100%{
        transform:translateY(8px)
    }
}
.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{
    animation-name:elementor-animation-hang-sink,elementor-animation-hang;
    animation-duration:.3s,1.5s;
    animation-delay:0s,.3s;
    animation-timing-function:ease-out,ease-in-out;
    animation-iteration-count:1,infinite;
    animation-fill-mode:forwards;
    animation-direction:normal,alternate
}
.elementor-animation-skew{
    transition-duration:.3s;
    transition-property:transform
}
.elementor-animation-skew:active,.elementor-animation-skew:focus,.elementor-animation-skew:hover{
    transform:skew(-10deg)
}
.elementor-animation-skew-forward{
    transition-duration:.3s;
    transition-property:transform;
    transform-origin:0 100%
}
.elementor-animation-skew-forward:active,.elementor-animation-skew-forward:focus,.elementor-animation-skew-forward:hover{
    transform:skew(-10deg)
}
.elementor-animation-skew-backward{
    transition-duration:.3s;
    transition-property:transform;
    transform-origin:0 100%
}
.elementor-animation-skew-backward:active,.elementor-animation-skew-backward:focus,.elementor-animation-skew-backward:hover{
    transform:skew(10deg)
}
@keyframes elementor-animation-wobble-vertical{
    16.65%{
        transform:translateY(8px)
    }
    33.3%{
        transform:translateY(-6px)
    }
    49.95%{
        transform:translateY(4px)
    }
    66.6%{
        transform:translateY(-2px)
    }
    83.25%{
        transform:translateY(1px)
    }
    100%{
        transform:translateY(0)
    }
}
.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{
    animation-name:elementor-animation-wobble-vertical;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-wobble-horizontal{
    16.65%{
        transform:translateX(8px)
    }
    33.3%{
        transform:translateX(-6px)
    }
    49.95%{
        transform:translateX(4px)
    }
    66.6%{
        transform:translateX(-2px)
    }
    83.25%{
        transform:translateX(1px)
    }
    100%{
        transform:translateX(0)
    }
}
.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{
    animation-name:elementor-animation-wobble-horizontal;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-wobble-to-bottom-right{
    16.65%{
        transform:translate(8px,8px)
    }
    33.3%{
        transform:translate(-6px,-6px)
    }
    49.95%{
        transform:translate(4px,4px)
    }
    66.6%{
        transform:translate(-2px,-2px)
    }
    83.25%{
        transform:translate(1px,1px)
    }
    100%{
        transform:translate(0,0)
    }
}
.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{
    animation-name:elementor-animation-wobble-to-bottom-right;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-wobble-to-top-right{
    16.65%{
        transform:translate(8px,-8px)
    }
    33.3%{
        transform:translate(-6px,6px)
    }
    49.95%{
        transform:translate(4px,-4px)
    }
    66.6%{
        transform:translate(-2px,2px)
    }
    83.25%{
        transform:translate(1px,-1px)
    }
    100%{
        transform:translate(0,0)
    }
}
.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{
    animation-name:elementor-animation-wobble-to-top-right;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-wobble-top{
    16.65%{
        transform:skew(-12deg)
    }
    33.3%{
        transform:skew(10deg)
    }
    49.95%{
        transform:skew(-6deg)
    }
    66.6%{
        transform:skew(4deg)
    }
    83.25%{
        transform:skew(-2deg)
    }
    100%{
        transform:skew(0)
    }
}
.elementor-animation-wobble-top{
    transform-origin:0 100%
}
.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{
    animation-name:elementor-animation-wobble-top;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-wobble-bottom{
    16.65%{
        transform:skew(-12deg)
    }
    33.3%{
        transform:skew(10deg)
    }
    49.95%{
        transform:skew(-6deg)
    }
    66.6%{
        transform:skew(4deg)
    }
    83.25%{
        transform:skew(-2deg)
    }
    100%{
        transform:skew(0)
    }
}
.elementor-animation-wobble-bottom{
    transform-origin:100% 0
}
.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{
    animation-name:elementor-animation-wobble-bottom;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-wobble-skew{
    16.65%{
        transform:skew(-12deg)
    }
    33.3%{
        transform:skew(10deg)
    }
    49.95%{
        transform:skew(-6deg)
    }
    66.6%{
        transform:skew(4deg)
    }
    83.25%{
        transform:skew(-2deg)
    }
    100%{
        transform:skew(0)
    }
}
.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{
    animation-name:elementor-animation-wobble-skew;
    animation-duration:1s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:1
}
@keyframes elementor-animation-buzz{
    50%{
        transform:translateX(3px) rotate(2deg)
    }
    100%{
        transform:translateX(-3px) rotate(-2deg)
    }
}
.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{
    animation-name:elementor-animation-buzz;
    animation-duration:.15s;
    animation-timing-function:linear;
    animation-iteration-count:infinite
}
@keyframes elementor-animation-buzz-out{
    10%{
        transform:translateX(3px) rotate(2deg)
    }
    20%{
        transform:translateX(-3px) rotate(-2deg)
    }
    30%{
        transform:translateX(3px) rotate(2deg)
    }
    40%{
        transform:translateX(-3px) rotate(-2deg)
    }
    50%{
        transform:translateX(2px) rotate(1deg)
    }
    60%{
        transform:translateX(-2px) rotate(-1deg)
    }
    70%{
        transform:translateX(2px) rotate(1deg)
    }
    80%{
        transform:translateX(-2px) rotate(-1deg)
    }
    90%{
        transform:translateX(1px) rotate(0)
    }
    100%{
        transform:translateX(-1px) rotate(0)
    }
}
.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{
    animation-name:elementor-animation-buzz-out;
    animation-duration:.75s;
    animation-timing-function:linear;
    animation-iteration-count:1
}







/* ---------- FADE IN ---------- */

@keyframes fadeIn{
    from{
        opacity: 0;
        visibility: visible;
        filter: blur(5px);
    }
    to{
        opacity: 1;
        filter: blur(0);
    }
}

.fadeIn{
    animation-name: fadeIn;
    animation-duration: 1400ms;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    animation-fill-mode: both;
    will-change: opacity, filter;
}


/* ---------- FADE IN UP ---------- */

@keyframes fadeInUp{
    from{
        transform: translate3d(0,30%,0);
        opacity: 0;
        visibility: visible;
        filter: blur(5px);
    }
    to{
        transform: translate3d(0,0,0);
        opacity: 1;
        filter: blur(0);
    }
}

.fadeInUp{
    animation-name: fadeInUp;
    animation-duration: 1400ms;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    animation-fill-mode: both;
    will-change: transform, opacity, filter;
}


/* ---------- FADE IN DOWN ---------- */

@keyframes fadeInDown{
    from{
        transform: translate3d(0,-30%,0);
        opacity: 0;
        visibility: visible;
        filter: blur(5px);
    }
    to{
        transform: translate3d(0,0,0);
        opacity: 1;
        filter: blur(0);
    }
}

.fadeInDown{
    animation-name: fadeInDown;
    animation-duration: 1400ms;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    animation-fill-mode: both;
    will-change: transform, opacity, filter;
}


/* ---------- FADE IN LEFT ---------- */

@keyframes fadeInLeft{
    from{
        transform: translate3d(-30%,0,0);
        opacity: 0;
        visibility: visible;
        filter: blur(5px);
    }
    to{
        transform: translate3d(0,0,0);
        opacity: 1;
        filter: blur(0);
    }
}

.fadeInLeft{
    animation-name: fadeInLeft;
    animation-duration: 1400ms;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    animation-fill-mode: both;
    will-change: transform, opacity, filter;
}


/* ---------- FADE IN RIGHT ---------- */

@keyframes fadeInRight{
    from{
        transform: translate3d(30%,0,0);
        opacity: 0;
        visibility: visible;
        filter: blur(5px);
    }
    to{
        transform: translate3d(0,0,0);
        opacity: 1;
        filter: blur(0);
    }
}

.fadeInRight{
    animation-name: fadeInRight;
    animation-duration: 1400ms;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    animation-fill-mode: both;
    will-change: transform, opacity, filter;
}