.holder {
    margin: 15px 0;
  }
  .holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
    padding: 5px 10px;
    border-radius: 50%;
    border: 1px solid silver;
    background: #fff;
  }
  .holder a:hover {
    background-color: #8EBB37;
    color: #fff;
  }
  .holder a.jp-previous { margin-right: 15px; }
  .holder a.jp-next { margin-left: 15px; }
  .holder a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
  }
  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }
  .holder a.jp-current, a.jp-current:hover,
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: #8EBB37;
    color: #fff;
  }
  .holder span { margin: 0 5px; }
  /**/
  .customBtns {
    position: absolute;
    width: 100%;
    top: 45%;
    left: 0;
    z-index: 9999;
  }
  .arrowPrev {
    background: url('../img/arrows.png') right top no-repeat;
    left: -10px;
    transition:none .3s;
  }
  .arrowPrev:hover {
    background: url('../img/arrows.png') left top no-repeat;
    transition:none .3s;
  }
  .arrowNext {
    background: url('../img/arrows.png') left bottom no-repeat;
    right: -5px;
    transition:none .3s;
  }
  .arrowNext:hover {
    background: url('../img/arrows.png') right bottom no-repeat;
    transition: none .3s;
  }
  .arrowPrev, .arrowNext {
      width: 45px;
      height: 45px;
      position: absolute;
      top: 45%;
      cursor: pointer;
      z-index: 9999;
  }
  span.arrowPrev.jp-disabled, span.arrowNext.jp-disabled, .off{
    display: none;
  }