.fadeIn:not(.inited) {
    opacity: 0;
}

.fadeIn.inited {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 1s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
    }
}

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


/***************/

.fadeInUp:not(.inited) {
    opacity: 0;
}

.fadeInUp.inited {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-duration: 1s;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/***************/

.fadeInUpLong:not(.inited) {
    opacity: 0;
}

.fadeInUpLong.inited {
    -webkit-animation-name: fadeInUpLong;
    animation-name: fadeInUpLong;
    animation-duration: 1s;
}

@-webkit-keyframes fadeInUpLong {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpLong {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.zoomIn:not(.inited) {
    opacity: 0;
}

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

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}