#dot-nav {

direction: rtl;  
position:fixed;
	right: 10px;
	top: 50%;
	margin-top: -50px;
	height: 100px;
	z-index: 500;
}

a .dot-nav-title {
color:#efefef;
font-weight:500;
margin-right:15px;
opacity: 0;
  white-space: nowrap;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;

}
a:hover .dot-nav-title {
 opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
#dot-nav ul {
	list-style: none;
	margin:0;
	padding: 0;
}
#dot-nav li {
	position: relative;
	background-color: #efefef;
	border:3px solid #efefef;
	border-radius: 15px 15px 15px 15px;
	cursor: pointer;
	padding: 5px;
	height: 10px;
	margin: 10px 10px 0px 0px;
	width: 10px;
	vertical-align:bottom;
	
}
#dot-nav li.active, #dot-nav li:hover {
	background-color: #383c41;
}

#dot-nav a {
	outline: 0;
	vertical-align:top;
	margin: 0px 0px 0px 25px;
	position: relative;
	top:-15px;
}