/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;transform: translateZ(0);
    transition:all 0.4s; /* Effect for switching from .fixed to static */
}

/* when class="float-panel fixed" */
.fixed {animation:slide-down 0.4s;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}