.fraction-slider{
  position:relative;
  width:100%; height:100%;
  overflow:visible;
}

.fraction-slider .slide{
  display:none; width:100%; height:100%;
  position:absolute;
  z-index:500;
}

.fraction-slider .active-slide {
  z-index:999;
}

.fraction-slider .fs_obj{
  display:block; display:none;
  position:absolute;
  top:0px; left:100%;
  z-index:700;
}

.fraction-slider .fs_fixed_obj{
  z-index:600;
  left:0;
}

.fraction-slider .fs_obj *{
  display:inline-block;
  position:relative;
  top:0px; left:0px;
}

.fs_loader{
  width:100%; height:400px;
  box-shadow: 0 1px 1px #b5b5b5;
  background:url(../img/fraction/fs.spinner.gif) center center no-repeat transparent;
}

.fs-pager-wrapper a {
  width: 14px;
  height: 14px;
  background: #dadada;
  display: inline-block;
  border-radius: 50%;
  margin: 0 5px;
}

.fs-pager-wrapper {
  position: absolute;
  bottom: 30px;
  z-index: 999;
  height: 16px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.fs-pager-wrapper a.active, 
.fs-pager-wrapper a:hover {
    background: #000;
}

.fraction-slider .prev::before, 
.fraction-slider .next::before{
  font-size: 30px;
  line-height: 1;
  font-family: "wokiee";
  font-weight: 500;
}

.fraction-slider .prev::before{
  content: "\e90d";
}

.fraction-slider .next::before{
  content: "\e90e";
}

.fraction-slider .prev:hover, 
.fraction-slider .next:hover{
  color: #000;
}

.fraction-slider .prev, 
.fraction-slider .next {
  position: absolute;
  z-index: 999;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #dadada;
}

.fraction-slider .next {
  left: auto;
  right: 20px;
}