.ss-wrapper {
    overflow : hidden;
    width:100%;
    height   : 100%;
    position : relative;
    z-index  : 1;
    float    : left;
}

.ss-content {
    height          : 100%;
    width           : 95%;
    padding         : 0 2.7em 0 0;
    position        : relative;
    right           : 0;
    overflow        : auto;
}
.ss-bg{
    position  :absolute;
    width     :1em;
    height    :96%;
    top       :2%;
    right     :0;
}
.ss-bg div{
    position    :absolute;
    width       :.5em;
    height      :100%;
    top         :0;
    right       :.5em;

background: rgba(181,9,9,1);
background: -moz-linear-gradient(25deg, rgba(181,9,9,1) 0%, rgba(181,9,9,1) 6%, rgba(232,0,35,1) 55%, rgba(181,9,9,1) 89%, rgba(181,9,9,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(181,9,9,1)), color-stop(6%, rgba(181,9,9,1)), color-stop(55%, rgba(232,0,35,1)), color-stop(89%, rgba(181,9,9,1)), color-stop(100%, rgba(181,9,9,1)));
background: -webkit-linear-gradient(25deg, rgba(181,9,9,1) 0%, rgba(181,9,9,1) 6%, rgba(232,0,35,1) 55%, rgba(181,9,9,1) 89%, rgba(181,9,9,1) 100%);
background: -o-linear-gradient(25deg, rgba(181,9,9,1) 0%, rgba(181,9,9,1) 6%, rgba(232,0,35,1) 55%, rgba(181,9,9,1) 89%, rgba(181,9,9,1) 100%);
background: -ms-linear-gradient(25deg, rgba(181,9,9,1) 0%, rgba(181,9,9,1) 6%, rgba(232,0,35,1) 55%, rgba(181,9,9,1) 89%, rgba(181,9,9,1) 100%);
background: linear-gradient(25deg, rgba(181,9,9,1) 0%, rgba(181,9,9,1) 6%, rgba(232,0,35,1) 55%, rgba(181,9,9,1) 89%, rgba(181,9,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50909', endColorstr='#b50909', GradientType=1 );
  border-radius:.25em;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.75);
}

.ss-scroll {
  position            : relative;
  background          : rgba(0, 0, 0, .1);
  background          : url(images/scroll.png) no-repeat center center;
  background-image:url(images/scroll.svg), none;
  background-size:contain;
  width               : 1.25em;
  height              : 1.25em;
  border-radius       : 50%;
  top                 : 0;
  z-index             : 2;
  cursor              : pointer;
  oopacity            : 0;
  transition: opacity 0.25s linear;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.65);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.65);
}

.ss-container:hover .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
     user-select: none;
     -o-user-select: none;
     -moz-user-select: none;
     -khtml-user-select: none;
     -webkit-user-select: none;
}