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

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

    .animated.bounce {
        animation-name: bounce;
        -webkit-animation-name: bounce;
    }

    .animated.flash {
        animation-name: flash;
        -webkit-animation-name: flash;
    }

    .animated.pulse {
        animation-name: pulse;
        -webkit-animation-name: pulse;
    }

    .animated.shake {
        animation-name: shake;
        -webkit-animation-name: shake;
    }

    .animated.swing {
        transform-origin: center top;
        animation-name: swing;
        -webkit-transform-origin: top center;
        -webkit-animation-name: swing;
    }

    .animated.tada {
        animation-name: tada;
        -webkit-animation-name: tada;
    }

    .animated.wobble {
        animation-name: wobble;
        -webkit-animation-name: wobble;
    }

    .animated.bounceIn {
        animation-name: bounceIn;
        -webkit-animation-name: bounceIn;
    }

    .animated.bounceInDown {
        animation-name: bounceInDown;
        -webkit-animation-name: bounceInDown;
    }

    .animated.bounceInLeft {
        animation-name: bounceInLeft;
        -webkit-animation-name: bounceInLeft;
    }

    .animated.bounceInRight {
        animation-name: bounceInRight;
        -webkit-animation-name: bounceInRight;
    }

    .animated.bounceInUp {
        animation-name: bounceInUp;
        -webkit-animation-name: bounceInUp;
    }

    .animated.bounceOut {
        animation-name: bounceOut;
        -webkit-animation-name: bounceOut;
    }

    .animated.bounceOutDown {
        animation-name: bounceOutDown;
        -webkit-animation-name: bounceOutDown;
    }

    .animated.bounceOutLeft {
        animation-name: bounceOutLeft;
        -webkit-animation-name: bounceOutLeft;
    }

    .animated.bounceOutRight {
        animation-name: bounceOutRight;
        -webkit-animation-name: bounceOutRight;
    }

    .animated.bounceOutUp {
        animation-name: bounceOutUp;
        -webkit-animation-name: bounceOutUp;
    }

    .animated.fadeIn {
        animation-name: fadeIn;
        -webkit-animation-name: fadeIn;
    }

    .animated.fadeInDown {
        animation-name: fadeInDown;
        -webkit-animation-name: fadeInDown;
    }

    .animated.fadeInDownBig {
        animation-name: fadeInDownBig;
        -webkit-animation-name: fadeInDownBig;
    }

    .animated.fadeInLeft {
        animation-name: fadeInLeft;
        -webkit-animation-name: fadeInLeft;
    }

    .animated.fadeInLeftBig {
        animation-name: fadeInLeftBig;
        -webkit-animation-name: fadeInLeftBig;
    }

    .animated.fadeInRight {
        animation-name: fadeInRight;
        -webkit-animation-name: fadeInRight;
    }

    .animated.fadeInRightBig {
        animation-name: fadeInRightBig;
        -webkit-animation-name: fadeInRightBig;
    }

    .animated.fadeInUp {
        animation-name: fadeInUp;
        -webkit-animation-name: fadeInUp;
    }

    .animated.fadeInUpBig {
        animation-name: fadeInUpBig;
        -webkit-animation-name: fadeInUpBig;
    }

    .animated.fadeOut {
        animation-name: fadeOut;
        -webkit-animation-name: fadeOut;
    }

    .animated.fadeOutDown {
        animation-name: fadeOutDown;
        -webkit-animation-name: fadeOutDown;
    }

    .animated.fadeOutDownBig {
        animation-name: fadeOutDownBig;
        -webkit-animation-name: fadeOutDownBig;
    }

    .animated.fadeOutLeft {
        animation-name: fadeOutLeft;
        -webkit-animation-name: fadeOutLeft;
    }

    .animated.fadeOutLeftBig {
        animation-name: fadeOutLeftBig;
        -webkit-animation-name: fadeOutLeftBig;
    }

    .animated.fadeOutRight {
        animation-name: fadeOutRight;
        -webkit-animation-name: fadeOutRight;
    }

    .animated.fadeOutRightBig {
        animation-name: fadeOutRightBig;
        -webkit-animation-name: fadeOutRightBig;
    }

    .animated.fadeOutUp {
        animation-name: fadeOutUp;
        -webkit-animation-name: fadeOutUp;
    }

    .animated.fadeOutUpBig {
        animation-name: fadeOutUpBig;
        -webkit-animation-name: fadeOutUpBig;
    }

    .animated.animated.animated.flip {
        backface-visibility: visible;
        animation-name: flip;
        -webkit-animation-name: flip;
        -webkit-backface-visibility: visible;
    }

    .animated.flipInX {
        backface-visibility: visible !important;
        animation-name: flipInX;
        -webkit-animation-name: flipInX;
        -webkit-backface-visibility: visible;
    }

    .animated.flipInY {
        backface-visibility: visible !important;
        animation-name: flipInY;
        -webkit-animation-name: flipInY;
        -webkit-backface-visibility: visible;
    }

    .animated.flipOutX {
        backface-visibility: visible !important;
        animation-name: flipOutX;
        -webkit-animation-name: flipOutX;
        -webkit-backface-visibility: visible;
    }

    .animated.flipOutY {
        backface-visibility: visible !important;
        animation-name: flipOutY;
        -webkit-animation-name: flipOutY;
        -webkit-backface-visibility: visible;
    }

    .animated.lightSpeedIn {
        animation-name: lightSpeedIn;
        animation-timing-function: ease-out;
        -webkit-animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
    }

    .animated.lightSpeedOut {
        animation-name: lightSpeedOut;
        animation-timing-function: ease-in;
        -webkit-animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
    }

    .animated.rotateIn {
        animation-name: rotateIn;
        -webkit-animation-name: rotateIn;
    }

    .animated.rotateInDownLeft {
        animation-name: rotateInDownLeft;
        -webkit-animation-name: rotateInDownLeft;
    }

    .animated.rotateInDownRight {
        animation-name: rotateInDownRight;
        -webkit-animation-name: rotateInDownRight;
    }

    .animated.rotateInUpLeft {
        animation-name: rotateInUpLeft;
        -webkit-animation-name: rotateInUpLeft;
    }

    .animated.rotateInUpRight {
        animation-name: rotateInUpRight;
        -webkit-animation-name: rotateInUpRight;
    }

    .animated.rotateOut {
        animation-name: rotateOut;
        -webkit-animation-name: rotateOut;
    }

    .animated.rotateOutDownLeft {
        animation-name: rotateOutDownLeft;
        -webkit-animation-name: rotateOutDownLeft;
    }

    .animated.rotateOutDownRight {
        animation-name: rotateOutDownRight;
        -webkit-animation-name: rotateOutDownRight;
    }

    .animated.rotateOutUpLeft {
        animation-name: rotateOutUpLeft;
        -webkit-animation-name: rotateOutUpLeft;
    }

    .animated.rotateOutUpRight {
        animation-name: rotateOutUpRight;
        -webkit-animation-name: rotateOutUpRight;
    }

    .animated.slideInDown {
        animation-name: slideInDown;
        -webkit-animation-name: slideInDown;
    }

    .animated.slideInLeft {
        animation-name: slideInLeft;
        -webkit-animation-name: slideInLeft;
    }

    .animated.slideInRight {
        animation-name: slideInRight;
        -webkit-animation-name: slideInRight;
    }

    .animated.slideOutLeft {
        animation-name: slideOutLeft;
        -webkit-animation-name: slideOutLeft;
    }

    .animated.slideOutRight {
        animation-name: slideOutRight;
        -webkit-animation-name: slideOutRight;
    }

    .animated.slideOutUp {
        animation-name: slideOutUp;
        -webkit-animation-name: slideOutUp;
    }

    .animated.hinge {
        animation-name: hinge;
        -webkit-animation-name: hinge;
    }

    .animated.rollIn {
        animation-name: rollIn;
        -webkit-animation-name: rollIn;
    }

    .animated.rollOut {
        animation-name: rollOut;
        -webkit-animation-name: rollOut;
    }

    .animated.zoomIn {
        animation-name: zoomIn;
        -webkit-animation-name: zoomIn;
    }

    .animated.zoomInDown {
        animation-name: zoomInDown;
        -webkit-animation-name: zoomInDown;
    }

    .animated.zoomInLeft {
        animation-name: zoomInLeft;
        -webkit-animation-name: zoomInLeft;
    }

    .animated.zoomInRight {
        animation-name: zoomInRight;
        -webkit-animation-name: zoomInRight;
    }

    .animated.zoomInUp {
        animation-name: zoomInUp;
        -webkit-animation-name: zoomInUp;
    }