#header { transition: all 0.6s; }

.sticky-header #header {
  position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10;
  -webkit-animation-name: fadeInSticky;
  -moz-animation-name: fadeInSticky;
  -o-animation-name: fadeInSticky;
  animation-name: fadeInSticky;
}

@-webkit-keyframes fadeInSticky {
 0% {
   opacity: 0;
 }

 100% {
   opacity: 1;
 }
}

@-moz-keyframes fadeInSticky {
 0% {
   opacity: 0;
 }

 100% {
   opacity: 1;
 }
}

@-o-keyframes fadeInSticky {
 0% {
   opacity: 0;
 }

 100% {
   opacity: 1;
 }
}

@keyframes fadeInSticky {
 0% {
   opacity: 0;
 }

 100% {
   opacity: 1;
 }
}