/* ====================================
   Animation
==================================== */

.fade{

    opacity:0;

    transition:all .6s ease;

}

.fade.show{

    opacity:1;

}
/* ==================================================
   KENAZER ANIMATION
================================================== */

.fade-up{

    animation:fadeUp .8s ease forwards;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}