.scroll-menu-nav{
	position: fixed;
	top: 50%;
	right: 0;
	width: 50px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.scroll-menu-nav a{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	margin: 10px auto;
	background: #D3D3D3;
	border-radius: 15px;
	-webkit-transition: -webkit-background .4s;
	        transition: background .4s;
}
.scroll-menu-nav a:hover{
	width: 16px;
	height: 16px;
	background: #ff233a;
}
.scroll-menu-nav a.active{
	background: #ff233a;
}
.scroll-menu-nav a span{
	position: absolute;
	display: block;
	width: 180px;
	top: -5px;
	right: 30px;
	background: #DADBD5;
	padding: 5px 15px;
	border-radius: 2px;
	text-align: right;
	color: #FF2828;  
	opacity: 0; 
	visibility: hidden;
	z-index: -1;
	-webkit-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
	-webkit-transition: -webkit-transform .3s, opacity .3s; 
	        transition: transform .3s, opacity .3s;    
}
.scroll-menu-nav a span:after{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	right: -12px;
	top: 8px;
	border: 6px solid transparent;
	border-left: 6px solid #DADBD5;
}
.scroll-menu-nav a:hover span{
	visibility: visible;
	z-index: 9999;
	opacity: 1;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}