.js-scroll {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
    transition: 1s;
    filter: blur(5px);
}

.js-scroll.ativo {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
}

.js-scroll-bottom {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition: 1s;
    filter: blur(5px);
}

.js-scroll-bottom.ativo {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
}

.js-scroll-right {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
    transition: 1s;
    filter: blur(5px);
}

.js-scroll-right.ativo {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
}

.js-scroll-top {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
    transition: 1s;
    filter: blur(5px);
}

.js-scroll-top.ativo {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0px);
}

.delay {
    transition-delay: 100ms;
    transition: all .5s;
}

.delay-two {
    transition-delay: 300ms;
    transition: all 1s;
}

.delay-three {
    transition-delay: 400ms;
    transition: all 1s;

}