.tracking-in-expand {
    animation: tracking-in-expand 1.5s cubic-bezier(.215, .61, .355, 1.000) both
}


@keyframes tracking-in-expand {
    0% {
        letter-spacing: -.5em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        opacity: 1
    }
}

.bounce-in-bottom {
    animation: bounce-in-bottom 1.1s .5s both
}

@keyframes bounce-in-bottom {
    0% {
        transform: translateY(500px);
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        transform: translateY(65px);
        animation-timing-function: ease-in
    }

    72% {
        transform: translateY(0);
        animation-timing-function: ease-out
    }

    81% {
        transform: translateY(28px);
        animation-timing-function: ease-in
    }

    90% {
        transform: translateY(0);
        animation-timing-function: ease-out
    }

    95% {
        transform: translateY(8px);
        animation-timing-function: ease-in
    }

    100% {
        transform: translateY(0);
        animation-timing-function: ease-out
    }
}

.slide-in-right1 {
    animation: slide-in-right1 1s cubic-bezier(.25, .46, .45, .94) both
}

@keyframes slide-in-right1 {
    0% {
        transform: translateX(1000px);
        opacity: 0
    }

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


.slide-in-right2 {
    animation: slide-in-right2 1s cubic-bezier(.25, .46, .45, .94) .5s both
}

@keyframes slide-in-right2 {
    0% {
        transform: translateX(1000px);
        opacity: 0
    }

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

.slide-in-right3 {
    animation: slide-in-right3 1s cubic-bezier(.25, .46, .45, .94) 1s both
}

@keyframes slide-in-right3 {
    0% {
        transform: translateX(1000px);
        opacity: 0
    }

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


.slide-in-right4 {
    animation: slide-in-right4 1s cubic-bezier(.25, .46, .45, .94) 1.5s both
}

@keyframes slide-in-right4 {
    0% {
        transform: translateX(1000px);
        opacity: 0
    }

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

.slide-in-fwd-top {
    animation: slide-in-fwd-top 1s cubic-bezier(.25, .46, .45, .94) .2s both
}

@keyframes slide-in-fwd-top {
    0% {
        transform: translateZ(-1400px) translateY(-800px);
        opacity: 0
    }

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