/* Override Elementor */
.animated:not(.animated-fast,.animated-slow) {
    animation-duration: .65s !important;
}

.animated {
    animation-timing-function: ease-in-out !important;
    -webkit-animation-timing-function: ease-in-out !important;
}


/* Fade Up */
.myFadeUp {
    animation-name: myFadeUp;
}

@keyframes myFadeUp {
    from {
        opacity: 0;
        transform: translatey(50px);
        -webkit-transform: translatey(50px);
    }

    to {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0);
    }
}

@-webkit-keyframes myFadeUp {
    from {
        opacity: 0;
        transform: translatey(50px);
        -webkit-transform: translatey(50px);
    }

    to {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0);
    }
}

/* Fade Down */
.myFadeDown {
    animation-name: myFadeDown;
}

@keyframes myFadeDown {
    from {
        opacity: 0;
        transform: translatey(-50px);
        -webkit-transform: translatey(-50px);
    }

    to {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0);
    }
}

@-webkit-keyframes myFadeDown {
    from {
        opacity: 0;
        transform: translatey(-50px);
        -webkit-transform: translatey(-50px);
    }

    to {
        opacity: 1;
        transform: translatey(0);
        -webkit-transform: translatey(0);
    }
}

/* Fade Left */
.myFadeLeft {
    animation-name: myFadeLeft;
}

@keyframes myFadeLeft {
    from {
        opacity: 0;
        transform: translatex(-50px);
        -webkit-transform: translatex(-50px);
    }

    to {
        opacity: 1;
        transform: translatex(0);
        -webkit-transform: translatex(0);
    }
}

@-webkit-keyframes myFadeLeft {
    from {
        opacity: 0;
        transform: translatex(-50px);
        -webkit-transform: translatex(-50px);
    }

    to {
        opacity: 1;
        transform: translatex(0);
        -webkit-transform: translatex(0);
    }
}

/* Fade Right */
.myFadeRight {
    animation-name: myFadeRight;
}

@keyframes myFadeRight {
    from {
        opacity: 0;
        transform: translatex(150px);
        -webkit-transform: translatex(150px);
    }

    to {
        opacity: 1;
        transform: translatex(0);
        -webkit-transform: translatex(0);
    }
}

@-webkit-keyframes myFadeRight {
    from {
        opacity: 0;
        transform: translatex(150px);
        -webkit-transform: translatex(150px);
    }

    to {
        opacity: 1;
        transform: translatex(0);
        -webkit-transform: translatex(0);
    }
}

/* Scale In */
.myScaleIn {
    animation-name: myScaleIn;
}

@keyframes myScaleIn {
    0% {
        transform: translateY(20px) scale(1.1);
        transform-origin: 50% 0;
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@-webkit-keyframes myScaleIn {
    0% {
        transform: translateY(20px) scale(1.1);
        transform-origin: 50% 0;
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* Expand Clip */
.myExpandClip {
    animation-name: myExpandClip;
}

@keyframes myExpandClip {
    0% {
        clip-path: polygon(15% 0%, 85% 0%, 85% 100%, 15% 100%);
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

@-webkit-keyframes myExpandClip {
    0% {
        clip-path: polygon(15% 0%, 85% 0%, 85% 100%, 15% 100%);
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}