/* SLIDER STYLES */
.layout{
	position:relative;
	width:1060px;
	height:450px;
}

.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	margin: 120px auto 0 auto;
	box-shadow:0 3px 5px #666;
}
@media only screen and (max-width: 500px){
	.slider-wrapper{
	margin: 0 auto;
	}
}
#slider{
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
	position: relative;
	margin-bottom: 30px;
	overflow:hidden;
	height:450px;
}

@media only screen and (min-width: 1000px){
	#slider{
		width:1060px;
		overflow:hidden;
		height:450px;
	}
}

@media only screen and (min-width: 1440px){
	#slider{
		width:1060px;
		overflow:hidden;
		height:450px;
	}
}

/* ELEMENT STYLES */

#slider p{
	position:absolute;
	top:-200px;
	z-index:8000;
	margin-bottom:20px;
	font-size:20px;
	line-height:160%;
	font-weight: bold;
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
}
#slider .title{color: #FFFFFF !important; font-size: 24px;}
.slide1 p{
	color: #666666;
}
.slider-wrapper h2{
	position: absolute;
	bottom:0;left: 0;
	width: 100%;
	line-height: 200%;
	z-index: 10000;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 30px !important;
}

#slider .claim{
	line-height:100%
}

#slider .teaser{
	padding:0.5% 1.5%;
	font-size:18px;
	line-height:100%
}

#slider .maxW{
	width:100%;
   padding-left:0; padding-right:0px;
	text-align:center;
}

#slider .middle{
	width:300px;
   padding-left:0; padding-right:0px;
	text-align:center;
}
#slider .small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.gra-gry{background:rgba(0,0,0,0.60);}
.red{background: #ff3300;}
.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}

.fraction-slider{
	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:900;
}

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

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

/** CONTROLS **/

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

.fraction-slider .prev{
	left:10px; top:42%;
	background:url(../img/slide/fs.prevnext.png) 0 0 no-repeat transparent;
}


.fraction-slider .next{
	right:10px; top:42%;
	background:url(../img/slide/fs.prevnext.png) -45px -45px; no-repeat transparent;
}


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

/** PAGER **/

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

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


@keyframes 'anime' {
	0% {	opacity:0;	}
	100% {	opacity:1;	}
}
#slider .box p{
	display:block;
}
#slide1,#slide2,#slide3,#slide4,#slide5,#slide6{
	width: 100%;
	height: 100%;
	-webkit-animation: 'anime1' 1s ease 0 infinite alternate;
	animation-name: 'anime';
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay:0;
	animation-iteration-count: infinite;
	animation-direction:alternate;
}
#slide1{
	background: url(../img/slide/slide2.jpg) center center no-repeat;
}

#slide_end{
	background: url(../img/slide/slide_end.jpg) center center no-repeat;
}
#slide3{
	background: url(../img/slide/slide3.jpg) center center no-repeat;
}
#slide4{
	background: url(../img/slide/slide4.jpg) center center no-repeat;
}
#slide5{
	background: url(../img/slide/slide6.jpg) center center no-repeat;
}
#slide6{
	background: url(../img/slide/slide1.jpg) center center no-repeat;
}