@charset "utf-8";

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

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

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

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

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

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

.fs_loader{
	height:720px; max-height:720px;
	background:#fff url('../images/main/fs.spinner.gif') center center no-repeat;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
	display:none;
	position:absolute;
	width:41px; height:67px;
	z-index:9999;
}

.fraction-slider .prev{
	left:-230px; top:49%;
	background:url('../images/main/fs.prevnext.png') 0px 0px no-repeat transparent;

}
.fraction-slider .prev:hover{
	background:url('../images/main/fs.prevnext.png') 0px 0px no-repeat transparent;
}

.fraction-slider .next{
	right:-230px; top:49%;
	background:url('../images/main/fs.prevnext.png') -41px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
	background:url('../images/main/fs.prevnext.png') -41px 0px no-repeat transparent;
}

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

/** PAGER **/

.fs-pager-wrapper{
	position:absolute;
	left:50%; bottom:20px; margin-left:-51px;
	z-index:9999;
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{
	float:left; display:inline-block;
	width:18px; height:18px; margin-right:10px; 
	background:url('../images/main/fs.pager.png') 0px 0px no-repeat;
}
.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active{
	background:url('../images/main/fs.pager.png') -18px 0px no-repeat;
}

.fs-pager-wrapper .fs_ctl_btn {

}
.fs-pager-wrapper .fs_ctl_btn.selected {

}

.fs_ctl_btn.fs_play_btn {
	margin:0 5px 0 5px;
	width:20px; height:20px; 
	font-size:0px; background:url('../images/main/fs_ctl_btn.png') 0px 0px no-repeat transparent;
}

.fs_ctl_btn.fs_play_btn.selected {
	background-position:0px -20px;
}

.fs_ctl_btn.fs_pause_btn {
	margin:0 5px 0 0;
	width:20px; height:20px; 
	font-size:0px; background:url('../images/main/fs_ctl_btn.png') -20px 0px no-repeat transparent;
}

.fs_ctl_btn.fs_pause_btn.selected {
	background-position:-20px -20px;
}


@media screen and (max-width:1020px) {

	.fs_loader { height:2000px; max-height:2000px; background-position:center 250px; }

	.fraction-slider .prev { left:2%; top:45%; }
	.fraction-slider .next { right:2%; top:45%; }

}


@media screen and (max-width:765px) {

	.fs-pager-wrapper a,
	.fs-custom-pager-wrapper a {
		width:12px; height:12px;
		background:url('../images/main/fs.pager_m.png') -12px 0px no-repeat;
	}
	.fs-pager-wrapper .active,
	.fs-custom-pager-wrapper .active{
		background:url('../images/main/fs.pager_m.png') 0px 0px no-repeat;
	}
	.fraction-slider .next,
	.fraction-slider:hover .next,
	.fraction-slider:focus .next {background-position: -30px 0;}

	.fraction-slider .next, 
	.fraction-slider .prev, 
	.fraction-slider:hover .prev ,
	.fraction-slider:hover .next, 
	.fraction-slider:focus .prev, 
	.fraction-slider:focus .next {
		width: 30px;
		-webkit-background-size: 60px auto;
		background-size: 60px auto;
	}



}

@media (max-width: 480px) {
	.fraction-slider .next,
	.fraction-slider:hover .next,
	.fraction-slider:focus .next  {background-position: -20px 0;}
	.fraction-slider .next, 
	.fraction-slider .prev, 
	.fraction-slider:hover .prev ,
	.fraction-slider:hover .next, 
	.fraction-slider:focus .prev, 
	.fraction-slider:focus .next {
		width: 20px;
		-webkit-background-size: 40px auto;
		background-size: 40px auto;
	}
}