.slide-up,
.slide-down,
.slide-left,
.slide-right,
.fadeInUp,
.fadeInDown,
.fadeIn {
    opacity: 0;
}

.animated.slide-up {
    -webkit-animation: slide-up 0.8s ease-in both;
    animation: slide-up 0.8s ease-in both;
}

.animated.slide-down {
    -webkit-animation: slide-down 0.8s ease-in both;
    animation: slide-down 0.8s ease-in both;
}

.animated.slide-left {
    -webkit-animation: slide-left 0.8s both;
    animation: slide-left 0.8s both;
}

.animated.slide-right {
    -webkit-animation: slide-right 0.8s both;
    animation: slide-right 0.8s both;
}

.animated.fadeIn {
    -webkit-animation: fadeIn 0.8s ease-in both;
    animation: fadeIn 0.8s ease-in both;
}

.animated.fadeInUp {
    -webkit-animation: fadeInUp 0.8s ease-in-out forwards;
    animation: fadeInUp 0.8s ease-in-out forwards;
}

.animated.fadeInDown {
    -webkit-animation: fadeInDown 0.8s ease-in-out both;
    animation: fadeInDown 0.8s ease-in-out both;
}

.animated.delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animated.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animated.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.animated.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

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

.animated.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.animated.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animated.delay-17s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

.animated.delay-19s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

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

.animated.delay-23s {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
}

.animated.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.animated.delay-27s {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.animated.delay-29s {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s;
}

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

@-webkit-keyframes slide-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-up {
    from {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes slide-down {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-down {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes slide-left {
    from {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-left {
    from {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes slide-right {
    from {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slide-right {
    from {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@media (max-width: 991px) {
    .animated.slide-right {
        -webkit-animation: slide-left 0.8s both;
        animation: slide-left 0.8s both;
    }
}