.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;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
    /* display: none; */
    position: absolute;
    width: 80px; height:80px;
    top: calc(50% - 40px);
    z-index: 999;
    text-align: center;
    display: none;
    background:transparent;
    color:#7f7f7f;
    border-radius: 50%;
    overflow: hidden;
}
.fraction-slider .prev:after,
.fraction-slider .next:after {
    content:"";
    position:absolute;
    width: 70px;
    height:70px;
    border: 1px dashed #fff;
    left: 5px;
    top:5px;
    border-radius: 50%;
    overflow: hidden;
}
.fraction-slider .prev:before, .fraction-slider .next:before{
    font-size:13px;
    color:#fff;
    font-weight:900;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    text-transform: uppercase;
}
.fraction-slider .prev:before {
    content:"PREV";
}
.fraction-slider .next:before {
    content:"NEXT";
}
.fraction-slider .prev{
    left: 60px; 
    background-image:url("../../../../assets/img/demo/prev_bg.jpg");
}

.fraction-slider .next {
    right: 60px;
    background-image:url("../../../../assets/img/demo/next_bg.jpg");
}
.fraction-slider:hover .prev,
.fraction-slider:hover .next{
    display:block;
}


/** PAGER **/

.fs-pager-wrapper{
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 999;
    right: 10px;
    text-align: center;
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{
    display: inline-block;
    width: 9px;
    height:9px;
    border-radius: 50%;
    margin:0 4px 0 0;
}
.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active{
    width: 22px;
    border-radius: 5px;
}