@media (min-width:1140px){
    .opacityZero{
        opacity: 0;
        pointer-events: none;
        transition-duration: 0s !important;
    }



    .fallingBall {
        -webkit-animation-name: fallingBall;
        animation-name: fallingBall;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes fallingBall {
        16%, 48%, 78%, 100% {
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-animation-timing-function: ease-out;
        }
        0% {
            -webkit-transform: translate3d(0, -500%, 0);
            -webkit-animation-timing-function: ease-in;
        }
        32% {
            -webkit-transform: translate3d(0, -250%, 0);
            -webkit-animation-timing-function: ease-in;
        }
        62% {
            -webkit-transform: translate3d(0, -125%, 0);
            -webkit-animation-timing-function: ease-in;
        }
        90% {
            -webkit-transform: translate3d(0, -30%, 0);
            -webkit-animation-timing-function: ease-in;
        }
    }

    @keyframes fallingBall {
        16%, 48%, 78%, 100% {
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-animation-timing-function: ease-out;
        }
        0% {
            -webkit-transform: translate3d(0, -500%, 0);
            -webkit-animation-timing-function: ease-in;
        }
        32% {
            -webkit-transform: translate3d(0, -250%, 0);
            -webkit-animation-timing-function: ease-in;
        }
        62% {
            -webkit-transform: translate3d(0, -125%, 0);
            -webkit-animation-timing-function: ease-in;
        }
        90% {
            -webkit-transform: translate3d(0, -30%, 0);
            -webkit-animation-timing-function: ease-in;
        }
    }



    .bounceToUp {
        -webkit-animation-name: bounceToUp;
        animation-name: bounceToUp;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes bounceToUp {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes bounceToUp {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }



    .bounceToRight {
        -webkit-animation-name: bounceToRight;
        animation-name: bounceToRight;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes bounceToRight {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceToRight {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }



    .bounceToLeft {
        -webkit-animation-name: bounceToLeft;
        animation-name: bounceToLeft;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes bounceToLeft {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceToLeft {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }



    .bounceToDown {
        -webkit-animation-name: bounceToDown;
        animation-name: bounceToDown;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes bounceToDown {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes bounceToDown {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }

        to {
            -webkit-transform: none;
            transform: none;
        }
    }



    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes zoomIn {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }
        100% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes zoomIn {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }




    .zoomToLeft {
        -webkit-animation-name: zoomToLeft;
        animation-name: zoomToLeft;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes zoomToLeft {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            right: -300%;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            right: 0;
        }
    }

    @keyframes zoomToLeft {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            right: -200%;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            right: 0;
        }
    }




    .zoomToRight {
        -webkit-animation-name: zoomToRight;
        animation-name: zoomToRight;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes zoomToRight {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            left: -300%;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            left: 0;
        }
    }

    @keyframes zoomToRight {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            left: -200%;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            left: 0;
        }
    }




    .zoomToUp {
        -webkit-animation-name: zoomToUp;
        animation-name: zoomToUp;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes zoomToUp {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            bottom: -300px;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            bottom: 0;
        }
    }

    @keyframes zoomToUp {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            bottom: -300px;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            bottom: 0;
        }
    }




    .zoomToDown {
        -webkit-animation-name: zoomToDown;
        animation-name: zoomToDown;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes zoomToDown {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            top: -300px;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            top: 0;
        }
    }

    @keyframes zoomToDown {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            top: -300px;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            top: 0;
        }
    }




    .curvedZoomToLeft {
        -webkit-animation-name: curvedZoomToLeft;
        animation-name: curvedZoomToLeft;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes curvedZoomToLeft {
        0% {
            -webkit-transform: scale(0) translate3d(300%, 0, 0);
            -moz-transform: scale(0) translate3d(300%, 0, 0);
            -ms-transform: scale(0) translate3d(300%, 0, 0);
            -o-transform: scale(0) translate3d(300%, 0, 0);
            transform: scale(0) translate3d(300%, 0, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }

    @keyframes curvedZoomToLeft {
        0% {
            -webkit-transform: scale(0) translate3d(300%, 0, 0);
            -moz-transform: scale(0) translate3d(300%, 0, 0);
            -ms-transform: scale(0) translate3d(300%, 0, 0);
            -o-transform: scale(0) translate3d(300%, 0, 0);
            transform: scale(0) translate3d(300%, 0, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }



    .curvedZoomToRight {
        -webkit-animation-name: curvedZoomToRight;
        animation-name: curvedZoomToRight;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes curvedZoomToRight {
        0% {
            -webkit-transform: scale(0) translate3d(-300%, 0, 0);
            -moz-transform: scale(0) translate3d(-300%, 0, 0);
            -ms-transform: scale(0) translate3d(-300%, 0, 0);
            -o-transform: scale(0) translate3d(-300%, 0, 0);
            transform: scale(0) translate3d(-300%, 0, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }

    @keyframes curvedZoomToRight {
        0% {
            -webkit-transform: scale(0) translate3d(-300%, 0, 0);
            -moz-transform: scale(0) translate3d(-300%, 0, 0);
            -ms-transform: scale(0) translate3d(-300%, 0, 0);
            -o-transform: scale(0) translate3d(-300%, 0, 0);
            transform: scale(0) translate3d(-300%, 0, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }




    .curvedZoomToDown {
        -webkit-animation-name: curvedZoomToDown;
        animation-name: curvedZoomToDown;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes curvedZoomToDown {
        0% {
            -webkit-transform: scale(0) translate3d(0, -300%, 0);
            -moz-transform: scale(0) translate3d(0, -300%, 0);
            -ms-transform: scale(0) translate3d(0, -300%, 0);
            -o-transform: scale(0) translate3d(0, -300%, 0);
            transform: scale(0) translate3d(0, -300%, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }

    @keyframes curvedZoomToDown {
        0% {
            -webkit-transform: scale(0) translate3d(0, -300%, 0);
            -moz-transform: scale(0) translate3d(0, -300%, 0);
            -ms-transform: scale(0) translate3d(0, -300%, 0);
            -o-transform: scale(0) translate3d(0, -300%, 0);
            transform: scale(0) translate3d(0, -300%, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }




    .curvedZoomToUp {
        -webkit-animation-name: curvedZoomToUp;
        animation-name: curvedZoomToUp;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes curvedZoomToUp {
        0% {
            -webkit-transform: scale(0) translate3d(0, 300%, 0);
            -moz-transform: scale(0) translate3d(0, 300%, 0);
            -ms-transform: scale(0) translate3d(0, 300%, 0);
            -o-transform: scale(0) translate3d(0, 300%, 0);
            transform: scale(0) translate3d(0, 300%, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }

    @keyframes curvedZoomToUp {
        0% {
            -webkit-transform: scale(0) translate3d(0, 300%, 0);
            -moz-transform: scale(0) translate3d(0, 300%, 0);
            -ms-transform: scale(0) translate3d(0, 300%, 0);
            -o-transform: scale(0) translate3d(0, 300%, 0);
            transform: scale(0) translate3d(0, 300%, 0);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
        }
    }




    .opacityToDown {
        position: relative;
        -webkit-animation-name: opacityToDown;
        animation-name: opacityToDown;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes opacityToDown {
        0% {
            -webkit-transform: translate3d(0, -300%, 0);
            -moz-transform: translate3d(0, -300%, 0);
            -ms-transform: translate3d(0, -300%, 0);
            -o-transform: translate3d(0, -300%, 0);
            transform: translate3d(0, -300%, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes opacityToDown {
        0% {
            -webkit-transform: translate3d(0, -300%, 0);
            -moz-transform: translate3d(0, -300%, 0);
            -ms-transform: translate3d(0, -300%, 0);
            -o-transform: translate3d(0, -300%, 0);
            transform: translate3d(0, -300%, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }




    .opacityToRight {
        -webkit-animation-name: opacityToRight;
        animation-name: opacityToRight;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes opacityToRight {
        0% {
            -webkit-transform: translate3d(300%, 0, 0);
            -moz-transform: translate3d(300%, 0, 0);
            -ms-transform: translate3d(300%, 0, 0);
            -o-transform: translate3d(300%, 0, 0);
            transform: translate3d(300%, 0, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes opacityToRight {
        0% {
            -webkit-transform: translate3d(300%, 0, 0);
            -moz-transform: translate3d(300%, 0, 0);
            -ms-transform: translate3d(300%, 0, 0);
            -o-transform: translate3d(300%, 0, 0);
            transform: translate3d(300%, 0, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }




    .opacityToLeft {
        -webkit-animation-name: opacityToLeft;
        animation-name: opacityToLeft;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes opacityToLeft {
        0% {
            -webkit-transform: translate3d(-300%, 0, 0);
            -moz-transform: translate3d(-300%, 0, 0);
            -ms-transform: translate3d(-300%, 0, 0);
            -o-transform: translate3d(-300%, 0, 0);
            transform: translate3d(-300%, 0, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes opacityToLeft {
        0% {
            -webkit-transform: translate3d(-300%, 0, 0);
            -moz-transform: translate3d(-300%, 0, 0);
            -ms-transform: translate3d(-300%, 0, 0);
            -o-transform: translate3d(-300%, 0, 0);
            transform: translate3d(-300%, 0, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }




    .opacityToUp {
        -webkit-animation-name: opacityToUp;
        animation-name: opacityToUp;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes opacityToUp {
        0% {
            -webkit-transform: translate3d(0, 300%, 0);
            -moz-transform: translate3d(0, 300%, 0);
            -ms-transform: translate3d(0, 300%, 0);
            -o-transform: translate3d(0, 300%, 0);
            transform: translate3d(0, 300%, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes opacityToUp {
        0% {
            -webkit-transform: translate3d(0, 300%, 0);
            -moz-transform: translate3d(0, 300%, 0);
            -ms-transform: translate3d(0, 300%, 0);
            -o-transform: translate3d(0, 300%, 0);
            transform: translate3d(0, 300%, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }




    .opacityIn {
        -webkit-animation-name: opacityIn;
        animation-name: opacityIn;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

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

    @keyframes opacityToUp {
        0% {
        }
        100% {
            opacity: 1;
        }
    }





    .shakeIn {
        -webkit-animation-name: shakeIn;
        animation-name: shakeIn;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
    }

    @-webkit-keyframes shakeIn {
        0% {
            -webkit-transform: rotate(30deg);
            -moz-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            -o-transform: rotate(30deg);
            transform: rotate(30deg);
            opacity: 0;
        }
        30%{
            -webkit-transform: rotate(-20deg);
            -moz-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            transform: rotate(-20deg);
        }
        55%{
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg);
        }
        70%{
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
        85%{
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes shakeIn {
        0% {
            -webkit-transform: rotate(30deg);
            -moz-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            -o-transform: rotate(30deg);
            transform: rotate(30deg);
            opacity: 0;
        }
        30%{
            -webkit-transform: rotate(-20deg);
            -moz-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            transform: rotate(-20deg);
        }
        55%{
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg);
        }
        70%{
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
        85%{
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1;
        }
    }
}