.page-bulls {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 20;
  margin-top: -55px; }
.page-bulls nav {
    text-align: right;
    margin-right: 20px; }
.page-bulls nav a {
      display: block;
      text-decoration: none;
      position: relative;
      width: 20px;
      opacity: 0.6;
      height: 28px;
      text-align: center; }
.page-bulls nav a span {
        font-size: 14px;
        font-weight: 100;
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        opacity: 0;
        white-space: nowrap;
        padding: 8px 8px 8px 16px;
        border-radius: 3px 0 0 3px;
        background: rgba(164, 179, 105, 0.76);
        margin-top: -14px;
        line-height: 1em;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms; }
.page-bulls nav a span:before {
          content: '';
          display: block;
          position: absolute;
          right: -30px;
          top: 50%;
          margin-top: -15px;
          border: 15px solid transparent;
          border-left-color: rgba(164, 179, 105, 0.76); }
.page-bulls nav a:after {
        position: absolute;
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.5);
        margin-left: -5px;
        margin-top: -5px;
        top: 50%;
        left: 50%; }
.page-bulls nav a:hover {opacity: 1; }
.page-bulls nav a:hover span {
          right: 36px;
          opacity: 1; }
.page-bulls nav a.active {
        color: #333;
        opacity: 1; }
.page-bulls nav a.active:after {
          background: #83CD6F;
          box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);
          border: 1px solid transparent; }