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



/** CONTROLS **/

.fraction-slider .prev, .fraction-slider .next {
    height: 3vw;
    line-height: 3vw;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 3vw;
    z-index: 999;
	opacity:0;
}
.jms-slider-wrapper .slider:hover  .fraction-slider .prev, .jms-slider-wrapper .slider:hover .fraction-slider .next{
	opacity:1;
}
.fraction-slider .prev{
	left:20px;
	background:#f3f3f3;
	
}
.fraction-slider .prev::before, .fraction-slider .next::before {
    color: #000000;
    font-size: 1.1vw;
}
.fraction-slider .prev:before {
	content:"\f177";
	font-family:"Fontawesome";
}
.fraction-slider .next:before {
	content:"\f178";
	font-family:"Fontawesome";
}
.fraction-slider .prev:hover {
	background:#d5292c;
}
.fraction-slider .next{
	right:20px;
	background:#f3f3f3;
}
.fraction-slider .next:hover {
	background:#d5292c;
}
.fraction-slider .prev:hover:before, .fraction-slider .next:hover:before {
	color:#ffffff;
}
/** PAGER **/

.fs-pager-wrapper {
    position: absolute;
    right: 16%;
    top: 43%;
    z-index: 999;
}
.fs-custom-pager-wrapper a{
	display:inline-block;
	width:25px; 
	height:3px;
	margin:0 5px 0 0;
	background:#c5c5c5;
}
.fs-pager-wrapper a {
    border: 2px solid #000000;
    content: "";
    height: 13px;
    margin-bottom: 10px;
    width: 13px;
    display: block;
	position:relative;
}
.fs-pager-wrapper a.active::before, .fs-pager-wrapper a:hover::before, .fs-pager-wrapper a:focus::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 5px;
}
.fs-custom-pager-wrapper .active{
	height:5px;
	background:#000000;
}
@media (max-width:767px) {
	.fraction-slider {
		height: 380px !important;
	}
	.slide{
		background-position:center !important;
		background-size: cover !important;
	}
}
@media (max-width:481px) {
	.fraction-slider {
		height: 248px !important;
	}
}