.ngsb-wrap {
  -ms-touch-action:none;

  .ngsb-container{
    width:auto;
    overflow:hidden;
    transition: 0.5s all;
  }

  &:hover {
    .ngsb-scrollbar {
      opacity:1;
      filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
    }
  }

  .ngsb-scrollbar {
    width:16px;
    height:100%;
    top:0;
    right:0;
    opacity:0.75;
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */

    .ngsb-thumb-container{
      position:absolute;
      top:0;
      left:0;
      bottom:0;
      right:0;
      height:auto;
    }

    a+ {
      &.ngsb-thumb-container{
        margin:20px 0;
      }
    }

    .ngsb-track{
      height:100%;
      margin:0 auto;
      width:6px;
      background: #000;
      background: rgba(0, 0, 0, 0.4);
      -webkit-border-radius:2px;
      -moz-border-radius:2px;
      border-radius:2px;
      filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
      box-shadow:1px 1px 1px rgba(255,255,255,0.1);
    }

    .ngsb-thumb-pos {
      cursor:pointer;
      width:100%;
      height:30px;

      .ngsb-thumb {
        transition: 0.5s all;
        width:4px;
        height:100%;
        margin:0 auto;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
        text-align:center;
        background:#fff; /* rgba fallback */
        background:rgba(255,255,255,0.4);
        filter:"alpha(opacity=40)";
        -ms-filter:"alpha(opacity=40)"; /* old ie */
      }

      &:hover {
        .ngsb-thumb {
          background:rgba(255,255,255,0.5);
          filter:"alpha(opacity=50)";
          -ms-filter:"alpha(opacity=50)"; /* old ie */
        }
      }

      &:active {
        background:rgba(255,255,255,0.6);
        filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */
      }
    }
  }
}