/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;
	background:white;
	z-index:300;
	padding:0;
	transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {
	margin:0px auto;
}
/*.float-panel a {
	font-size:16px;
	text-decoration:none;
	color:#444;
	display:inline-block;
	padding:10px 20px;
}
*/
.float-panel .fa-gg {
	color:#F0595C;
	font-size:30px;
	vertical-align:middle;
	transition:all 1s;
}
/* when class="float-panel fixed" */
.fixed {
	box-shadow: 0 1px 4px hsla(0,0%,0%,.1);
	padding:0;
	animation:slide-down 0.7s;
	opacity:1;
	background: #fff !important;
}
.fixed .fa-gg {
	transform: rotate(360deg);
}
@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);
} 
}

/*-------- Generic styles for the page ------------------*/