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

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

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

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

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

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

.fs_loader {
    width: 100%;
    height: 400px;
    background: url(images/fs.spinner.gif) center center no-repeat transparent;
}


/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next {
    display: none;
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: 9999;
    font-size: 50px;
}

.fraction-slider .prev {
    left: 30px;
    top: 48%;
}

.fraction-slider .prev:before {
    content: "\f104";
    font-family: "Fontawesome";
}

.fraction-slider .next {
    right: 30px;
    top: 48%;
}

.fraction-slider .next:before {
    content: "\f105";
    font-family: "Fontawesome";
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next {
    display: block;
}


/** PAGER **/

.fs-pager-wrapper {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 9999;
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    background: url(images/fs.pager.png) 0px -14px no-repeat transparent;
}

.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active {
    background: url(images/fs.pager.png) 0px 0px no-repeat transparent;
}