.menu {
    position: fixed; /* Фиксированное положение */
    z-index: 1000;
    right: 0px; /* Расстояние от правого края окна браузера */
    top: -2px; /* Расстояние сверху */
    left: 0px; /* Расстояние левого края */
    
    box-shadow: 0 0 2px;
   }
   
   
   
.menu   ul {
  list-style: none; 
  margin: 0 auto;
}

   
       
.menu i {
  margin-right: 0px;
}
.menu nav {
  display: inline;
  width: 100%;
  height: auto;
  margin: 0 auto 35px;
}
.menu ul {
  display: -webkit-flex; 
  display: flex;
  background: #403e3b;   /* фон меню */
  padding-left: 0;
  
}


  
.menu a {
  
  padding: 1em;
  display: block;
  color: #ffffff;
  font-weight: 600;
  
  /*text-shadow: 0px 0px 0px black, 0 1px black, 1px 0 black, 0 -1px black;   
  /*border-bottom: 1px solid #ccc; 
  border-top: 1px solid #fff;
  /*box-shadow: inset 0px 2px 0px #3f8654 ;
     
     /*color: #3f8654;

  /*border-right: 1px solid #266e1a;  /* Цвет вертикальных линий*/
  /*background: rgba(68, 116, 34, 0.3);  /* прозрачный фон меню */
  
  
}
.menu 
a:hover {
    background: #eeeeee;
    font-size: 14px;
    text-decoration: none; /* Убираем подчеркивание */
    
    /*box-shadow: 0px 0px 0px 4px #3f8654;
    color: #3f8654;
    /* Цвет Gren */
    /*-webkit-box-shadow: inset -2px -164px 0px -160px rgba(59,140,43,1);  /* подчеркивание с низу*/
    /*-moz-box-shadow: inset -2px -164px 0px -160px rgba(59,140,43,1);     /* подчеркивание с низу*/
    /*box-shadow: inset -2px -164px 0px -160px rgba(59,140,43,1);   /* подчеркивание с низу*/
    
    /* Цвет Red */
    -webkit-box-shadow: inset -2px -164px 0px -160px rgba(235,14,14,1);
    -moz-box-shadow: inset -2px -164px 0px -160px rgba(235,14,14,1);
    box-shadow: inset -2px -164px 0px -160px rgba(235, 15, 15, 1);

  }