#cgh-global-header{
    width:100%;
    z-index:9999;
}

#cgh-global-header.cgh-sticky-enabled{
    position:fixed;
    top:0;
    left:0;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease;

    will-change:transform, opacity;
}

/*
|--------------------------------------------------------------------------
| INITIAL HIDDEN STATE
|--------------------------------------------------------------------------
*/

#cgh-global-header.cgh-initial-hidden{
    transform:translateY(-100%);
    opacity:0;
}

/*
|--------------------------------------------------------------------------
| VISIBLE STATE
|--------------------------------------------------------------------------
*/

#cgh-global-header.cgh-visible{
    transform:translateY(0);
    opacity:1;
}

/*
|--------------------------------------------------------------------------
| HIDDEN STATE
|--------------------------------------------------------------------------
*/

#cgh-global-header.cgh-hidden{
    transform:translateY(-100%);
    opacity:0;
}