﻿.fraction-slider{position:relative;width:100%;height:100%;overflow:visible;}
.fraction-slider .slide{display:none; width:100%; height:100%;position:absolute;z-index:0;}
.fraction-slider .active-slide{z-index:0;}
.fraction-slider .fs_obj{display:block; display:none;position:absolute;top:0px; left:100%;}
.fraction-slider .fs_fixed_obj{z-index:0;left:0;}
.fraction-slider .fs_obj *{display:inline-block; position:relative;top:0px; left:0px;}
.fs_loader{width:100%; height:700px;background:url(images/fs.spinner.gif) center center no-repeat transparent;}
/** CONTROLS **/
.fraction-slider .prev, .fraction-slider .next {opacity: 0;position: absolute;width: 70px;height: 70px;top: 80%;z-index: 0;background: rgba(0,0,0,0.3);border-radius: 50%;color: #fff;padding: 16px;text-align: center;transition: all ease 0.3s;-moz-transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-o-transition: all ease 0.3s;-ms-transition: all ease 0.3s;font-size: 25px;}
.fraction-slider .prev{left:0;}
.fraction-slider .next{right:0;}
.responisve-container:hover .prev{left: 0;}
.responisve-container:hover .next{right: 0;}
.responisve-container:hover .prev, .responisve-container:hover .next{opacity: 1;}
.fraction-slider .prev:before{font-family: 'FontAwesome';content: "\f104";}
.fraction-slider .next{right:0;top:80%;}
.fraction-slider .next:before{font-family: 'FontAwesome';content: "\f105";}
.fraction-slider .next:hover, .fraction-slider .prev:hover{background-color: rgba(254,193,7,0.8);color: #fff;text-decoration: none;}
/** PAGER **/
.fs-pager-wrapper {position: absolute;left: 48%;bottom: -70px;}
.fs-pager-wrapper a, .fs-custom-pager-wrapper a {display: inline-block;margin: 0 5px 0 0;width: 12px;height: 12px;filter: Alpha(Opacity=50);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #fec107;}
.fs-pager-wrapper .active, .fs-custom-pager-wrapper .active{background: #fff;}
@media(max-width:767px){
    .fraction-slider .prev, .fraction-slider .next {width: 30px;height: 30px;padding: 0px;font-size: 18px;}
}
@media(min-width:768px) and (max-width:1199px){
    .fraction-slider .prev, .fraction-slider .next {width: 50px;height: 50px;padding: 11px;font-size: 18px;}
}