@keyframes banner-scale {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@keyframes fade-in-up-long {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes scroll-indicator {
    0% {
        top: 20px;
    }

    100% {
        top: 164px;
    }
}


@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes effect-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes auto-loop-slides {
    0% {
        transform: translate3d(0%, 0, 0);
    }

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