/*
 * FC Elementor Animation Offset
 */

@keyframes fcFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, var(--fc-ea-offset, 100%), 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, calc(var(--fc-ea-offset, 100%) * -1), 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(calc(var(--fc-ea-offset, 100%) * -1), 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(var(--fc-ea-offset, 100%), 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcSlideInUp {
    from {
        transform: translate3d(0, var(--fc-ea-offset, 100%), 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcSlideInDown {
    from {
        transform: translate3d(0, calc(var(--fc-ea-offset, 100%) * -1), 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcSlideInLeft {
    from {
        transform: translate3d(calc(var(--fc-ea-offset, 100%) * -1), 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcSlideInRight {
    from {
        transform: translate3d(var(--fc-ea-offset, 100%), 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fcZoomIn {
    from {
        opacity: 0;
		transform: scale3d(var(--fc-zoom-scale-x, .3), var(--fc-zoom-scale-y, .3), var(--fc-zoom-scale-z, .3));
    }
    50% {
        opacity: 1;
    }
}

@keyframes fcZoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, calc(var(--fc-ea-offset, 100%) * -1), 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 10px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes fcZoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(calc(var(--fc-ea-offset, 100%) * -1), 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes fcZoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(var(--fc-ea-offset, 100%), 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes fcZoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, var(--fc-ea-offset, 100%), 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -10px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}