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

@-webkit-keyframes animDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -200px, 0);
    }
}

@keyframes animLeft {
    from {
        opacity: 0;
        transform: translate3d(200px, 0, 0);
    }
}

@-webkit-keyframes animLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
    }
}

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

@-webkit-keyframes animRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
    }
}

@keyframes animUp {
    from {
        opacity: 0;
        transform: translate3d(0, 200px, 0);
    }
}

@-webkit-keyframes animUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
    }
}

.animDown, .animLeft, .animRight, .animUp {
    opacity: 0;
}

.animDown.loaded, .animLeft.loaded, .animRight.loaded, .animUp.loaded {
    opacity: 1;
}

.animDown.loaded {
    animation: animDown 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
    -webkit-animation: animDown 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.animLeft.loaded {
    animation: animLeft 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
    -webkit-animation: animLeft 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.animRight.loaded {
    animation: animRight 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
    -webkit-animation: animRight 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.animUp.loaded {
    animation: animUp 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
    -webkit-animation: animUp 0.8s cubic-bezier(0.7, 0, 0.3, 1) both;
}