@charset "utf-8";
/* CSS Document */

/* handles initial setup */
.anime-view .to-animate,
.anime-scroll .to-animate {
	opacity: 0;
    transform: translate3d(0, 100px, 0);
    transform-origin: 0% 100%;
    transition: transform 0.6s cubic-bezier(.62, .16, .13, 1.01),
                opacity 0.6s cubic-bezier(.62, .16, .13, 1.01);
    position: relative;
}

* promote to own layer only when parent is about to activate */
.anime-scroll .to-animate,
.anime-view .to-animate {
    will-change: auto;
}
.anime-scroll.active .to-animate,
.anime-view.active .to-animate {
    will-change: transform, opacity;
}

/* adds your animation effect */
.anime-view.active .to-animate,
.anime-scroll.active .to-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* clear will-change after animation completes */
.anime-view.active .to-animate,
.anime-scroll.active .to-animate {
    transition: transform 0.6s cubic-bezier(.62, .16, .13, 1.01),
                opacity 0.6s cubic-bezier(.62, .16, .13, 1.01);
}

/* sets all your transition delays here */
.anime-view .to-animate:nth-of-type(1),
.anime-scroll .to-animate:nth-of-type(1) {
	transition-delay: 0s;
}

.anime-view .to-animate:nth-of-type(2),
.anime-scroll .to-animate:nth-of-type(2),
.anime-scroll .to-animate.d-2,
.anime-view .to-animate.d-2 {
	transition-delay: 0.3s;
}

.anime-view .to-animate:nth-of-type(3),
.anime-scroll .to-animate:nth-of-type(3),
.anime-scroll .to-animate.d-3,
.anime-view .to-animate.d-3 {
	transition-delay: 0.6s;
}

.anime-view .to-animate:nth-of-type(4),
.anime-scroll .to-animate:nth-of-type(4),
.anime-scroll .to-animate.d-4,
.anime-view .to-animate.d-4 {
	transition-delay: 0.9s;
}

.anime-view .to-animate:nth-of-type(5),
.anime-scroll .to-animate:nth-of-type(5),
.anime-scroll .to-animate.d-5,
.anime-view .to-animate.d-5 {
	transition-delay: 1.2s;
}

.anime-view .to-animate:nth-of-type(6),
.anime-scroll .to-animate:nth-of-type(6),
.anime-scroll .to-animate.d-6,
.anime-view .to-animate.d-6 {
	transition-delay: 1.5s;
}

.anime-view .to-animate:nth-of-type(7),
.anime-scroll .to-animate:nth-of-type(7),
.anime-scroll .to-animate.d-7,
.anime-view .to-animate.d-7 {
	transition-delay: 1.8s;
}

.anime-view .to-animate:nth-of-type(8),
.anime-scroll .to-animate:nth-of-type(8),
.anime-scroll .to-animate.d-8,
.anime-view .to-animate.d-8 {
	transition-delay: 2.1s;
}

.anime-view .to-animate:nth-of-type(9),
.anime-scroll .to-animate:nth-of-type(9),
.anime-scroll .to-animate.d-9,
.anime-view .to-animate.d-9 {
	transition-delay: 2.4s;
}

.anime-view .to-animate:nth-of-type(10),
.anime-scroll .to-animate:nth-of-type(10),
.anime-scroll .to-animate.d-10,
.anime-view .to-animate.d-10 {
	transition-delay: 2.7s;
}

.anime-view .to-animate:nth-of-type(11),
.anime-scroll .to-animate:nth-of-type(11),
.anime-scroll .to-animate.d-11,
.anime-view .to-animate.d-11 {
	transition-delay: 3.0s;
}

.anime-view .to-animate:nth-of-type(12),
.anime-scroll .to-animate:nth-of-type(12),
.anime-scroll .to-animate.d-12,
.anime-view .to-animate.d-12 {
	transition-delay: 3.1s;
}

.anime-view .to-animate:nth-of-type(13),
.anime-scroll .to-animate:nth-of-type(13),
.anime-scroll .to-animate.d-13,
.anime-view .to-animate.d-13 {
	transition-delay: 3.4s;
}

.anime-view .to-animate:nth-of-type(14),
.anime-scroll .to-animate:nth-of-type(14),
.anime-scroll .to-animate.d-14,
.anime-view .to-animate.d-14 {
	transition-delay: 3.7s;
}

.anime-view .to-animate:nth-of-type(15),
.anime-scroll .to-animate:nth-of-type(15),
.anime-scroll .to-animate.d-15,
.anime-view .to-animate.d-15 {
	transition-delay: 4.1s;
}

.anime-view .to-animate:nth-of-type(16),
.anime-scroll .to-animate:nth-of-type(16),
.anime-scroll .to-animate.d-16,
.anime-view .to-animate.d-16 {
	transition-delay: 4.4s;
}

.anime-view .to-animate.no-delay,
.anime-scroll .to-animate.no-delay {
	transition-delay: 0s !important;
}

/* respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
    .anime-view .to-animate,
    .anime-scroll .to-animate {
        transition: none;
        opacity: 1;
        transform: none;
        will-change: auto;
    }
}