/******************/
/* FadeIn */
/******************/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

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

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

/*=============================================*/
/*  Top                               */
/*=============================================*/
.fade_animation {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    transform: translateY(70px);
}

.fade_animation.s_active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}