.fixed-nav {
   z-index: 9999;
   position: fixed;
   top: 0;
   left:0%;
   right:0%;
   float:center;
   border: 1px solid #4B6673;
   margin: 0px 0px 0px 0px !important;
   padding: 2px 5px !important;  
   background: -webkit-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
   background: -o-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
   background: -moz-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
   background: linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   -webkit-box-shadow: 0px 0px 3px #777;
   -moz-box-shadow: 0px 0px 3px #777;
   box-shadow: 0px 0px 3px #777;
}

.fixed-nav:hover {
   background: -webkit-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   background: -o-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   background: -moz-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   background: linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
}

/* Fix for Mobile Devices
----------------------------------------*/
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
   .fixed-nav {
   border-radius: 0;
   }
}
/*
     */
/*
*/