.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.38, 0.31, 0.4);
    animation-timing-function: cubic-bezier(0.18, 0.38, 0.31, 0.4);
    
}

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

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}


@keyframes moveUp {
    0% {
        -webkit-transform: translate3d(0,80px,0);
        transform: translate3d(0,80px,0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


.moveUp {
    -webkit-animation-name: moveUp;
    animation-name: moveUp;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}