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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInLittle {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInLittle {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


@keyframes move {
    0% {
        opacity: 0;
        -webkit-transform: rotate3d(1, 1, 1, 90deg) scale(5);
        transform: rotate3d(1, 1, 1, 90deg) scale(5)
    }

    30% {
        opacity: 0;
        -webkit-transform: rotate3d(1, 1, 1, 90deg) scale(5);
        transform: rotate3d(1, 1, 1, 90deg) scale(5)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(1);
        transform: rotate3d(0, 0, 0, 0deg) scale(1)
    }
}


@-webkit-keyframes move {
    0% {
        opacity: 0;
        -webkit-transform: rotate3d(1, 1, 1, 90deg) scale(5);
        transform: rotate3d(1, 1, 1, 90deg) scale(5)
    }

    30% {
        opacity: 0;
        -webkit-transform: rotate3d(1, 1, 1, 90deg) scale(5);
        transform: rotate3d(1, 1, 1, 90deg) scale(5)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate3d(0, 0, 0, 0deg) scale(1);
        transform: rotate3d(0, 0, 0, 0deg) scale(1)
    }
}




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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, -100%, 0);
        transform: translate3d(50%, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}