.slider-wrapper{
	position:relative;
	overflow:hidden;
	height:86vh;
	width:100%;
}
.slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
}
.fs_loader{
	width:100vw;
	height:100vh;
	background-image: url(../images/bg_new.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
/* ELEMENT STYLES */
p.slider{
	position:absolute;
	top:-200px;
	z-index:8000;
	padding:1% 3%;
	font-size:14px;
	line-height:100%;
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
}
.claim{
	line-height:100%
}	
.teaser{
	padding:0.5% 1.5%;
	color:white;
	letter-spacing:1px;
	font-size:10px;
	line-height:100%
}
.small{
	width:250px;
	padding-left:0; padding-right:0px;
	text-align:center;
}
.black{
	font-size:10px;
	background:#404040;
	border-radius:4px;
}
.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;
}
@media only screen and (max-width: 768px){
	.slider{
		min-width:600px;
	}
}
@media only screen and (min-width: 768px){
	.slider{
		width:950px;
	}
}
@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}
@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}
@media only screen and (min-width: 1600px){
	.fs_loader{
		width:100vw;
		height:100vh;
		background-image: url(../images/bg.png), url(../images/bg_new.png);
		background-position:left bottom, right bottom;
		background-repeat:no-repeat;
		background-attachment:fixed;
	}
}