#np-head {
	width: 100%;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.8);
	
	position: sticky;
    top: 0;
    z-index: 999;
}

#np-head-block {
	width: 100%;
	/*height: 88px;*/
	background-color: rgba(0, 0, 0, 0);
}

#np-head .wrap {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

#np-head .left {
    /*display: inline-flex;*/
	padding-top: 24px;
	padding-left: 15%;
}

#np-head .left ul {
	display: inline-block;
	width: 780px;
}

#np-head .left li {
	float: left;
	padding-right: 25px;
	list-style: none;
}

#np-head button.enter-navigation, a.enter-navigation {
	position: relative;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -1px -1px #000;
	user-select: none;
	outline: none;
	width: 110px;
	background: none;
	border: none;
	font-size: 14px;
	color: aquamarine;
	font-family: initial;
	padding: 0;
	text-transform: uppercase;
}

#np-head .right {
	float: right;
	padding-top: 24px;
	padding-right: 345px;
}

#np-head button.enter-register {
	position: relative;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -1px -1px #000;
	user-select: none;
	outline: none;
	background-color: gold;
	background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(400% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
	background-repeat: no-repeat;
	background-size: 200% 100%, auto;
	background-position: 200% 0, 0 0;
	box-shadow: rgba(0,0,0,.3) 0 2px 5px;
	border-radius: 7px;
	width: 160px;
	height: 40px;
	border: 1px solid #444;
}

#np-head button.enter-register:active {
    top: 1px;
    box-shadow: none;
    border-color: aliceblue;
}

#np-head button.enter-register:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
  border-color: aliceblue;
}


/* Кнопка выпадающего списка */
.dropbtn {
  position: relative;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -1px -1px #000;
	user-select: none;
	outline: none;
	width: 110px;
	background: none;
	border: none;
	font-size: 14px;
	color: aquamarine;
	font-family: initial;
	padding: 0;
	text-transform: uppercase;
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content a:hover {background-color: #ddd;}

/* Показать выпадающее меню при наведении курсора */
.dropdown:hover .dropdown-content {display: block;}

/* Изменение цвета фона кнопки раскрывающегося списка при отображении содержимого раскрывающегося списка */
.dropdown:hover .dropbtn {background-color: #3e8e41;}