.scroll-nav__wrapper {
}

.scroll-nav.fixed {
position:fixed;
top: 75px;
z-index : 10;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
box-sizing: border-box;	
padding: 16px;
margin-left: -16px;
margin-right: 23px;

-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.scroll-nav__list li a {
	color: #212121;		
	display: block;
	overflow: hidden;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}	

.scroll-nav__list {
	padding: 0px;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}
.scroll-nav__item  {
    line-height: 18px;
	float: left;
}

.scroll-nav__item.active a {
	color: #0096E5;
	background-color: #e8e8e8;
}

.scroll-nav li a:hover  {
	background-color: #e8e8e8;
}
.scroll-nav li a  {
	padding: 8px 16px;
    line-height: 18px;
	border-radius: 2rem !important;
}

@media (max-width: 640px) {
  .scroll-nav {
    display: none !important;
  }
}