Slide Out Caption Text on Full Wider Slider after 5 section

Hey navindesigns,
Sorry for the late reply and thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.avia_transform #top.home .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {
    visibility: visible;
    animation: caption-left 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    -webkit-animation: caption-left 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    animation-fill-mode: forwards !important;
}
.avia_transform #top.home .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content {
    visibility: visible;
    animation: caption-right 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    -webkit-animation: caption-right 6s 1 cubic-bezier(0.985,0.005,0.265,1) !important;
    animation-fill-mode: forwards !important;
}
@keyframes caption-left {
    0% {
        transform: translate(-2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(-2000px,0);
        opacity: 0;
    }
}
@-webkit-keyframes caption-left {
    0% {
        transform: translate(-2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(-2000px,0);
        opacity: 0;
    }
}
@keyframes caption-right {
    0% {
        transform: translate(2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(2000px,0);
        opacity: 0;
    }
}
@-webkit-keyframes caption-right {
    0% {
        transform: translate(2000px,0);
        opacity: 0;
    }

    20% {
        transform: translate(0,0);
        opacity: 1;
    }
    80% {
        transform: translate(0,0);
        opacity: 1;
    }
    100% {
        transform: translate(2000px,0);
        opacity: 0;
    }
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try clearing your browser cache, when I visit your site the animation is working with a 5 second delay.

Best regards,
Mike