@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeInDisplay {
    0% {
        opacity: 0;
       display: flex;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeInDisplay {
    0% {
        opacity: 0;
        display: flex
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDisplay {
    0% {
        opacity: 0;
        display: flex
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeInDisplay {
    0% {
        opacity: 0;
        display: flex
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOutDisplay {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@-moz-keyframes fadeOutDisplay {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes fadeOutDisplay {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@-o-keyframes fadeOutDisplay {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@keyframes reveal {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes reveal {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes reveal {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@-o-keyframes reveal {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@keyframes slide-in-from-left {
    0% {
        transform: translateX(-100px);
    }

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

@-moz-keyframes slide-in-from-left {
    0% {
        transform: translateX(-100px);
    }

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

@-webkit-keyframes slide-in-from-left {
    0% {
        transform: translateX(-100px);
    }

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

@-o-keyframes slide-in-from-left {
    0% {
        transform: translateX(-100px);
    }

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


@keyframes slide-in-from-right {
    0% {
        transform: translateX(100px);
    }

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

@-moz-keyframes slide-in-from-right {
    0% {
        transform: translateX(100px);
    }

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

@-webkit-keyframes slide-in-from-right {
    0% {
        transform: translateX(100px);
    }

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

@-o-keyframes slide-in-from-right {
    0% {
        transform: translateX(100px);
    }

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

@keyframes slide-down {
    0% {
        transform: translateY(-300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes slide-down {
    0% {
        transform: translateY(-300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down {
    0% {
        transform: translateY(-300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-o-keyframes slide-down {
    0% {
        transform: translateY(-300px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes slide-up {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-up {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0);
    }
}

@-o-keyframes slide-up {
    0% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slide-up-300 {
    0% {
        transform: translateY(300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes slide-up-300 {
    0% {
        transform: translateY(300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-up-300 {
    0% {
        transform: translateY(300px);
    }

    100% {
        transform: translateY(0);
    }
}

@-o-keyframes slide-up-300 {
    0% {
        transform: translateY(300px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes swing {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }

}

@-moz-keyframes swing {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

@-webkit-keyframes swing {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

@-o-keyframes swing {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

.swing {
    animation: swing 5.5s cubic-bezier(.55,0,.45,1) infinite;
    -webkit-animation: swing 5.5s cubic-bezier(.55,0,.45,1) infinite;
    -moz-animation: swing 5.5s cubic-bezier(.55,0,.45,1) infinite;
    -o-animation: swing 5.5s cubic-bezier(.55,0,.45,1) infinite;
}

.fadeIn {
    animation: fadeIn 0.2s ease-out forwards;
    -webkit-animation: fadeIn 0.2s ease-out forwards;
    -moz-animation: fadeIn 0.2s ease-out forwards;
    -o-animation: fadeIn 0.2s ease-out forwards;
}

.fadeOut {
    animation: fadeOut 0.2s ease-out forwards;
    -webkit-animation: fadeOut 0.2s ease-out forwards;
    -moz-animation: fadeOut 0.2s ease-out forwards;
    -o-animation: fadeOut 0.2s ease-out forwards;
}

.slideUp-300 {
    animation: slide-up-300 0.8s ease-out forwards;
    -webkit-animation: slide-up-300 0.8s ease-out forwards;
    -moz-animation: slide-up-300 0.8s ease-out forwards;
    -o-animation: slide-up-300 0.8s ease-out forwards;
}

.observer-fadeIn {
    animation: fadeIn 0.4s ease-out forwards;
    -webkit-animation: fadeIn 0.4s ease-out forwards;
    -moz-animation: fadeIn 0.4s ease-out forwards;
    -o-animation: fadeIn 0.4s ease-out forwards;
}

.observer-fadeIn-delay01 {
    animation: fadeIn 0.4s ease-out 0.4s forwards;
    -webkit-animation: fadeIn 0.4s ease-out 0.4s forwards;
    -moz-animation: fadeIn 0.4s ease-out 0.4s forwards;
    -o-animation: fadeIn 0.4s ease-out 0.4s forwards;
}
.observer-fadeIn-delay01-stagger-01 {
    animation: fadeIn 0.4s ease-out 0.8s forwards;
    -webkit-animation: fadeIn 0.4s ease-out 0.8s forwards;
    -moz-animation: fadeIn 0.4s ease-out 0.8s forwards;
    -o-animation: fadeIn 0.4s ease-out 0.8s forwards;
}
.observer-fadeIn-delay01-stagger-02 {
    animation: fadeIn 0.4s ease-out 1s forwards;
    -webkit-animation: fadeIn 0.4s ease-out 1s forwards;
    -moz-animation: fadeIn 0.4s ease-out 1s forwards;
    -o-animation: fadeIn 0.4s ease-out 1s forwards;
}
.observer-fadeIn-delay01-stagger-03 {
    animation: fadeIn 0.4s ease-out 1.2s forwards;
    -webkit-animation: fadeIn 0.4s ease-out 1.2s forwards;
    -moz-animation: fadeIn 0.4s ease-out 1.2s forwards;
    -o-animation: fadeIn 0.4s ease-out 1.2s forwards;
}
.observer-fadeIn-delay01-stagger-04 {
    animation: fadeIn 0.4s ease-out 1.4s forwards;
    -webkit-animation: fadeIn 0.4s ease-out 1.4s forwards;
    -moz-animation: fadeIn 0.4s ease-out 1.4s forwards;
    -o-animation: fadeIn 0.4s ease-out 1.4s forwards;
}
.observer-fadeIn-delay02 {
    animation: fadeIn 0.4s ease-out 2.5s forwards;
    -webkit-animation: fadeIn 0.4s ease-out 2.5s forwards;
    -moz-animation: fadeIn 0.4s ease-out 2.5s forwards;
    -o-animation: fadeIn 0.4s ease-out 2.5s forwards;
}

.observer-fadeInSlide {
    animation: fadeIn 0.5s linear 0.25s forwards, slide-up 0.4s ease-out 0.25s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.25s forwards, slide-up 0.4s ease-out 0.25s forwards;
    -moz-animation: fadeIn 0.5s linear 0.25s forwards, slide-up 0.4s ease-out 0.25s forwards;
    -o-animation: fadeIn 0.5s linear 0.25s forwards, slide-up 0.4s ease-out 0.25s forwards;
}

.observer-fadeInSlide-delay01 {
    animation: fadeIn 0.5s linear 0.35s forwards, slide-up 0.4s ease-out 0.35s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.35s forwards, slide-up 0.4s ease-out 0.35s forwards;
    -moz-animation: fadeIn 0.5s linear 0.35s forwards, slide-up 0.4s ease-out 0.35s forwards;
    -o-animation: fadeIn 0.5s linear 0.35s forwards, slide-up 0.4s ease-out 0.35s forwards;
}

.observer-fadeInSlide-delay02 {
    animation: fadeIn 0.5s linear 0.45s forwards, slide-up 0.4s ease-out 0.45s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.45s forwards, slide-up 0.4s ease-out 0.45s forwards;
    -moz-animation: fadeIn 0.5s linear 0.45s forwards, slide-up 0.4s ease-out 0.45s forwards;
    -o-animation: fadeIn 0.5s linear 0.45s forwards, slide-up 0.4s ease-out 0.45s forwards;
}

.observer-fadeInSlide-delay03 {
    animation: fadeIn 0.5s linear 0.55s forwards, slide-up 0.4s ease-out 0.55s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.55s forwards, slide-up 0.4s ease-out 0.55s forwards;
    -moz-animation: fadeIn 0.5s linear 0.55s forwards, slide-up 0.4s ease-out 0.55s forwards;
    -o-animation: fadeIn 0.5s linear 0.55s forwards, slide-up 0.4s ease-out 0.55s forwards;
}

.observer-fadeInSlide-delay04 {
    animation: fadeIn 0.5s linear 0.65s forwards, slide-up 0.4s ease-out 0.65s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.65s forwards, slide-up 0.4s ease-out 0.65s forwards;
    -moz-animation: fadeIn 0.5s linear 0.65s forwards, slide-up 0.4s ease-out 0.65s forwards;
    -o-animation: fadeIn 0.5s linear 0.65s forwards, slide-up 0.4s ease-out 0.65s forwards;
}

.observer-fadeInSlide-delay05 {
    animation: fadeIn 0.5s linear 0.75s forwards, slide-up 0.4s ease-out 0.75s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.75s forwards, slide-up 0.4s ease-out 0.75s forwards;
    -moz-animation: fadeIn 0.5s linear 0.75s forwards, slide-up 0.4s ease-out 0.75s forwards;
    -o-animation: fadeIn 0.5s linear 0.75s forwards, slide-up 0.4s ease-out 0.75s forwards;
}

.observer-fadeInSlideFromLeft {
    animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s ease-out 0.25s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s ease-out 0.25s forwards;
    -moz-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s ease-out 0.25s forwards;
    -o-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s ease-out 0.25s forwards;
}
.observer-fadeInSlideFromLeft-eased {
    animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
    -moz-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
    -o-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-left 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
}

.observer-fadeInSlideRight {
    animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-right 0.8s ease-out 0.25s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-right 0.8s ease-out 0.25s forwards;
    -moz-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-right 0.8s ease-out 0.25s forwards;
    -o-animation: fadeIn 0.5s linear 0.25s forwards, slide-in-from-right 0.8s ease-out 0.25s forwards;
}

.observer-fadeInSlideRight-eased {
    animation: fadeIn 0.25s linear 0.25s forwards, slide-in-from-right 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
    -webkit-animation: fadeIn 0.25s linear 0.25s forwards, slide-in-from-right 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
    -moz-animation: fadeIn 0.25s linear 0.25s forwards, slide-in-from-right 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
    -o-animation: fadeIn 0.25s linear 0.25s forwards, slide-in-from-right 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.25s forwards;
}

.observer-fadeInSlideDown {
    animation: fadeIn 0.5s linear 0.25s forwards, slide-down 0.4s ease-out 0.25s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.25s forwards, slide-down 0.4s ease-out 0.25s forwards;
    -moz-animation: fadeIn 0.5s linear 0.25s forwards, slide-down 0.4s ease-out 0.25s forwards;
    -o-animation: fadeIn 0.5s linear 0.25s forwards, slide-down 0.4s ease-out 0.25s forwards;
}

.observer-fadeInSlideDown-delay01 {
    animation: fadeIn 0.5s linear 0.6s forwards, slide-down 1.2s ease-out 0.6s forwards;
    -webkit-animation: fadeIn 0.5s linear 0.6s forwards, slide-down 1.2s ease-out 0.6s forwards;
    -moz-animation: fadeIn 0.5s linear 0.6s forwards, slide-down 1.2s ease-out 0.6s forwards;
    -o-animation: fadeIn 0.5s linear 0.6s forwards, slide-down 1.2s ease-out 0.6s forwards;
}

.observer-fadeInSlideDown-delay02 {
    animation: fadeIn 0.5s linear 1.1s forwards, slide-down 1.4s ease-out 1.1s forwards;
    -webkit-animation: fadeIn 0.5s linear 1.1s forwards, slide-down 1.4s ease-out 1.1s forwards;
    -moz-animation: fadeIn 0.5s linear 1.1s forwards, slide-down 1.4s ease-out 1.1s forwards;
    -o-animation: fadeIn 0.5s linear 1.1s forwards, slide-down 1.4s ease-out 1.1s forwards;
}

.observer-fadeInSlideDown-delay03 {
    animation: fadeIn 0.5s linear 1.3s forwards, slide-down 1.9s ease-out 1.3s forwards;
    -webkit-animation: fadeIn 0.5s linear 1.3s forwards, slide-down 1.9s ease-out 1.3s forwards;
    -moz-animation: fadeIn 0.5s linear 1.3s forwards, slide-down 1.9s ease-out 1.3s forwards;
    -o-animation: fadeIn 0.5s linear 1.3s forwards, slide-down 1.9s ease-out 1.3s forwards;
}

.observer-reveal {
    animation: reveal 1.2s ease-out 0.2s forwards;
    -webkit-animation: reveal 1.2s ease-out 0.2s forwards;
    -moz-animation: reveal 1.2s ease-out 0.2s forwards;
    -o-animation: reveal 1.2s ease-out 0.2s forwards;
}