nav {
  /*max-width: 960px;*/
  /*mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);*/
  margin: 0 auto;
  /*padding: 60px 0;*/
  position: relative;
}
nav ul {
  text-align: left;
  -webkit-padding-left: 0px;
  -moz-padding-left: 0px;
  padding-left: 0px;
  /*background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(245,42,42,0.7) 25%, rgba(245,42,42,0.7) 75%, rgba(255, 255, 255, 0) 100%);*/
  /*box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);*/
}

nav ul li {
  display: inline-block;
}

nav ul li a {
  padding: 0px 10px 0px 10px;
  text-transform:uppercase;
  color: rgba(243, 217, 23, 0.6);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  text-decoration: none;
  display: block;
  transition: all 500ms;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  background: rgba(12,89,208,0);
  /* border: 1px solid rgb(10,49,229); */
  /* border-radius: 7px; */
}

nav ul li.active a {
  color: rgba(243, 217, 23, 1);
}
/*nav ul li.active a:hover {
  box-shadow: 0px 2px 8px rgba(0,0,0,1),inset 0 0 1px rgba(255, 255, 255, 0.6);
}*/
nav ul li a:hover {
  /*box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);*/
  /*background: rgba(255, 255, 255, 0.2);*/
  color: rgba(255,255,255,1);
  text-decoration: none;
  /* box-shadow: 0px 2px 8px rgba(0,0,0,1),inset 0 0 1px rgba(255, 255, 255, 0.5); */
}