.float-panel { width: 100%; z-index: 300; /*transform: translateZ(0);*/ transition: all 0.5s; }
.fixed { box-shadow: 0 2px 6px rgba(0,0,0,0.2); animation: slide-down 0.7s;}
.fixed {
	background-color: rgba(255,255,255,0.9);
	padding: 0;
}
.fixed .fa-gg { transform: rotate(360deg); }
.fixed .header-row1 .header-bar1 { width:100%;}
.fixed .header-row2 { width:auto; margin-top:25px;}
.fixed .header-row2 .header-bar2 { border:none; margin:0; padding:0;}
.fixed .header-row2 .header-bar3 { display:none;}
.fixed .header-row2 .header-bar4 { display:none;}
.fixed .header-row2 .header-bar5 { display:none;}

@keyframes slide-down {  
0% { opacity:0; transform:translateY(-100%);}
100% { opacity:0.9; transform:translateY(0);}
}
/* ---------------- 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);}
}

/*Smartphone css*/