.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.fadeInUp {
    animation-name: fadeInUp;
}

.fadeInDown {
    animation-name: fadeInDown;
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

.fadeInRight {
    animation-name: fadeInRight;
}

.zoomIn {
    animation-name: zoomIn;
}

.zoomInUp {
    animation-name: zoomInUp;
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -40px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.7, .7, .7);
    }

    50% {
        opacity: 1;
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0) scale3d(.7, .7, .7);
    }

    50% {
        opacity: 1;
    }

    to {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}


/* Delay */

.delay-1s {
    animation-delay: .1s;
}

.delay-2s {
    animation-delay: .2s;
}

.delay-3s {
    animation-delay: .3s;
}

.delay-4s {
    animation-delay: .4s;
}

.delay-5s {
    animation-delay: .5s;
}

.delay-6s {
    animation-delay: .6s;
}

.delay-7s {
    animation-delay: .7s;
}

.delay-8s {
    animation-delay: .8s;
}

.delay-9s {
    animation-delay: .9s;
}

.delay-10s {
    animation-delay: 1s;
}