.header {
  position: relative;
	z-index: 999;
	height: auto;
    width: 100%; 
	background: #2f3192;
	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}

.active {
    top:0px;
    position:fixed;
 background: #1a3b71;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);
}