.nav {
    position: fixed;
    top: 50%;
    right: 35px;
    padding: 14px 12px;
    transform: translateY(-50%);
    -moz-user-select: none;
    transition: right 0.3s ease 0s, all 0.3s ease 0s;
    width: 35px;
    z-index: 1000;
}


.nav.ln {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    background: #FFF none repeat scroll 0% 0%;
}

.nav.lns {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    background: #FFF none repeat scroll 0% 0%;
}

.nav.lo {
    background: #fff none repeat scroll 0% 0%;
    border-radius: 16px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);

}

.nav.lno {
    background: transparent none repeat scroll 0% 0%;
    border-radius: 16px;

}

.nav ul {
  float: left;
  width: 100%;
  list-style-type: none;
}

.nav ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
}


.nav ul li:last-child {
  margin-bottom: 0px !important;
}


.nav.ln ul li i{
  width: 10px;
  height: 10px;
  background: #ABB7B7;
  border-radius: 100%;
  float: left;
  border:1.5px solid transparent;
  display: block;
}


.nav.ln ul li i.selected{
  width: 10px;
  height: 10px;
  background: #fff;
  border:1.5px solid #ABB7B7;
  border-radius: 100%;
  float: left;
  display: block;
  transform:scale(1.25) !important;
}

.nav.lns ul li i{
  width: 10px;
  height: 10px;
  background: #4183D7;
  border-radius: 100%;
  float: left;
  border:1.5px solid transparent;
  display: block;
}


.nav.lns ul li i.selected{
  width: 10px;
  height: 10px;
  background: #fff;
  border:1.5px solid #4183D7;
  border-radius: 100%;
  float: left;
  display: block;
  transform:scale(1.25) !important;
}


.nav.lo ul li i{
  width: 10px;
  height: 10px;
  background: #03C9A9;
  border-radius: 100%;
  float: left;
  border:1.5px solid transparent;
  display: block;
}


.nav.lo ul li i.selected{
  width: 10px;
  height: 10px;
  background: #fff;
  border:1.5px solid #03C9A9;
  border-radius: 100%;
  float: left;
  display: block;
  transform:scale(1.25) !important;
}


.nav.lno ul li i{
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 100%;
  float: left;
  border:1.5px solid transparent;
  display: block;
}


.nav.lno ul li i.selected{
  width: 10px;
  height: 10px;
  background: transparent;
  border:1.5px solid #fff;
  border-radius: 100%;
  float: left;
  display: block;
  transform:scale(1.25) !important;
}


.nav ul li:hover i {
  transform:scale(1.25);
}