/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;
    z-index:100;
    transform: translateZ(0);
    /*transition:all 0.2s;*/ /* Effect for switching from .fixed to static */
}
/* when class="float-panel fixed" */
.fixed {
    left: 0;
    background-color: #24262e;
    padding-left: 310px;
    padding-right: 80px;
    border: none;
    /*animation:slide-down 0.3s;*/
}
.nav-sm .fixed {
    padding-left: 150px;
}
/*ul.bar_tabs.fixed {
    padding-left: 270px;
}
.nav-sm ul.bar_tabs.fixed {
    padding-left: 110px;
}
*/

.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.97;
        transform: translateY(0);
    } 
}
.float-panel.fixed.searchbar {width: 66.66666667%;background: none;left: 16.66666667%;}


/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

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