/* ---------------- 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:10px auto;
}
@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);
}
}