/* StyleSheet */

#fs-slideshow {
	margin: -39px 0 13px 0;
	position: relative;
	background: black;
}
#home-bg #fs-slideshow {
	margin: -29px 0 13px 0;
}
.fs-no-content #fs-slideshow,
.fs-no-footer  #fs-slideshow {
	margin-bottom: 0 !important;
}
.fs-enabled #home-bg #header {
	margin-bottom: 29px;
}
.fs-no-content .line-footer,
.fs-no-footer .line-footer {
	display: none;
}

.fs-slideshow {
	position: relative;
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

.fs-slideshow > li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.fs-slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	visibility:  hidden;
	z-index: 1;
	
	-webkit-transform:	translate3d(0,0,0);
	-moz-transform:		translate3d(0,0,0);
	-ms-transform:		translate3d(0,0,0);
	-o-transform:		translate3d(0,0,0);
	transform:			translate3d(0,0,0);

	-webkit-transition-duration:	0.3s;
	-moz-transition-duration:		0.3s;
	-ms-transition-duration:		0.3s;
	-o-transition-duration:			0.3s;
	transition-duration:			0.3s;

	-webkit-transition-property:	left, top, height, width;
	-moz-transition-property:		left, top, height, width;
	-ms-transition-property:		left, top, height, width;
	-o-transition-property:			left, top, height, width;
	transition-property:			left, top, height, width;
}

.fs-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/fs-p5.png") repeat;
	z-index: 2;
}

.fs-caption {
	position: absolute;
	bottom: 20px;
	left: 0px;
	z-index: 3;
	width: 100%;
	text-align: center;
	padding: 20px 0px 0px 0px;
}

.fs-caption,
.fs-caption a {
	color: #fff;
	text-decoration: none;
}
.fs-title {
	font-style:normal;
	margin: 0 60px 5px;
	text-shadow:0 1px 0 #ccc, 
				0 1px 0 #c9c9c9,
				0 2px 0 #bbb,
				0 2px 0 #b9b9b9,
				0 3px 0 #aaa,
				0 3px 1px rgba(0,0,0,.1),
				0 0 2px rgba(0,0,0,.1),
				0 1px 1px rgba(0,0,0,.3),
				0 1px 3px rgba(0,0,0,.2),
				0 3px 5px rgba(0,0,0,.25),
				0 5px 5px rgba(0,0,0,.2),
				0 10px 10px rgba(0,0,0,.15);
}
.fs-desc {
	margin: 5px 60px 10px 60px;
	font-size: 19px;
	font-style:normal;
	/*text-shadow: 0.5px 0.5px 0px #c4c4c4, 1px 1px 0 rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.15);*/
	
	text-shadow:0 1px 0 #ccc,
				0 1px 0 #bbb,
				0 2px 0 #aaa,
				0 2px 1px rgba(0,0,0,.1),
				0 0 1px rgba(0,0,0,.1),
				0 1px 1px rgba(0,0,0,.3),
				0 1px 2px rgba(0,0,0,.2),
				0 2px 3px rgba(0,0,0,.25),
				0 2px 3px rgba(0,0,0,.2),
				0 5px 5px rgba(0,0,0,.15);
}

.fs-link {
	position: relative;
	float:left;	
	left: 50%;
	z-index: 3;
	height: 30px;
	width: 30px;
	margin: 10px 0 0 -15px;
	background-image: url(../images/link.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	
	-webkit-border-radius: 30px;				
	border-radius: 		   30px;
	box-shadow: 0 1px 0 0 #ccc, 
				   0 2px 0 0 #bbb,
				   0 1px 0 0 #b9b9b9,
				   0 2px 0 0 #aaa,
				   0 2px 1px rgba(0,0,0,.1),
				   0 0 2px rgba(0,0,0,.1),
				   0 1px 1px rgba(0,0,0,.3),
				   0 1px 2px rgba(0,0,0,.2),
				   0 3px 4px rgba(0,0,0,.25);
}

	.fs-caption a:hover,
	.fs-link:hover {
		opacity: 0.7;
	}

.fs-controls {
	position: absolute;
	top: 50%;
	right: 0;
	display: none;
	margin-top: -39px;
	z-index: 3;
	width: 100%;
}

.go-next,
.go-prev {
	position: relative;
	display: block;
	width: 45px;
	height: 81px;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: 	all 0.2s linear;
	-o-transition: 		all 0.2s linear;
	transition: 		all 0.2s linear;
	opacity: 1;
	
}
.go-prev {
	background-image:url(../images/fs-prev.png);
	background-position: right 0;
	background-repeat: no-repeat;
	float: left;
	margin-left: 12px;
	width: 44px;
}
	.arrow-hover {
		position: absolute;
		left: 0;
		top: 0;
		width: 31px;
		height: 81px;
	}
	.go-next .arrow-hover {
		right: 0;
		left: auto;
	}
.go-prev.is-hover{
	opacity: 0.55;
	/*margin-left: 12px;*/	
	/*width: 64px;*/
	background-position: left 0;
}
.go-next {
	background-image:url(../images/fs-next.png);
	background-position: left 0;
	background-repeat: no-repeat;
	float: right;
	margin-right: 12px;
	width: 44px;
	padding: 0 0 0 0;
}
.go-next.is-hover {
	opacity: 0.55;
	/*margin-right: 12px;*/
	background-position: right 0;
}
.go-next:active,
.go-prev:active {
	margin-top: 5px;
}
.go-auto {
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 48px;
	height: 48px;
	
	z-index: 99;
	
	 border: 6px solid;
    -moz-border-radius: 50px 50px 50px 50px;
     border-radius: 50px 50px 50px 50px;

}
	.go-auto a {
		background-image: url(../images/play-pause.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		float: left;
		margin: 14px 0 0 17px;
		width: 20px;
		height: 25px;
		position: relative;
		z-index: 100;
	}
	.go-auto a.play {
		background-image: url(../images/play-pause.png);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.go-auto a.pause {
		background-image: url(../images/play-pause.png);
		background-position: -3px -38px;
		background-repeat: no-repeat;
	}

.timer {
	position:absolute;
	font-size: 60px;
	width:1em;
	height:1em;
	left: -6px;
	top: -6px;
	-webkit-text-size-adjust: 100%;
	-o-text-size-adjust: 	  100%;
	-ms-text-size-adjust: 	  100%;
	-moz-text-size-adjust: 	  100%;
	text-size-adjust: 		  100%;
}

.timer > #slice {
	position:absolute;
	width:1em;
	height:1em;
	clip:rect(0px,1em,1em,0.5em);
}
.timer > #slice.gt50 {
	clip:rect(auto, auto, auto, auto);
}
.timer > #slice > .pie {
	border: 0.1em solid #c0c0c0;
	position:absolute;
	width:0.80em; 
	height:0.80em; 
	clip:rect(0em,0.5em,1em,0em);
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em; 
	border-radius:0.5em; 
}
.timer > #slice > .pie:after {

	border: 0.1em solid rgba(0, 0, 0, 0.2);
	
	content: '';
	position: absolute;
	top: -6px;
	left: -6px;
	
	width:0.80em; 
	height:0.80em; 
	clip:rect(0em,0.5em,1em,0em);
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em; 
	border-radius:0.5em;  
}
.timer > #slice > .pie.fill {
	display: none;
	-moz-transform:rotate(180deg) !important;
	-ms-transform:rotate(180deg) !important;
	-webkit-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
}
.timer > #slice.gt50 > .pie.fill {
	display: block;
}
@media only screen and (max-width: 1030px) {
	.go-auto {
		position: absolute;
		top: 10px;
		left: 11px;		
		z-index: 99;		
		 border: none;
		 opacity: 1;
	  
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: 	all 0.3s ease-in-out;
		-o-transition: 		all 0.3s ease-in-out;
		transition: 		all 0.3s ease-in-out;
	}
	.go-auto:hover {		
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}
	.go-auto ,
	.fs-link {
		width: 30px;
		height: 30px;
		-moz-border-radius: 50px 50px 50px 50px;
		 border-radius: 	50px 50px 50px 50px;
		 background-color: #fff;
		 
		 box-shadow: 0 1px 0 0 #ccc, 
				   0 2px 0 0 #bbb,
				   0 1px 0 0 #b9b9b9,
				   0 2px 0 0 #aaa,
				   0 2px 1px rgba(0,0,0,.1),
				   0 0 2px rgba(0,0,0,.1),
				   0 1px 1px rgba(0,0,0,.3),
				   0 1px 2px rgba(0,0,0,.2),
				   0 3px 4px rgba(0,0,0,.25);
		
	}
	
	.timer  {
		display: none;
	}

		.go-auto a {
			
			float: left;
			margin: 9px 0 0 12px;
			width: 20px;
			height: 25px;
			position: relative;
			z-index: 100;
		}
		.go-auto a.play {
			background-image: url(../images/mob-play-pause.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		.go-auto a.pause {
			background-image: url(../images/mob-play-pause.png);
			background-position: -1px -27px;
			background-repeat: no-repeat;
			margin: 9px 0 0 11px;
		}
	.fs-caption {
		overflow: visible;
		height: 100%;
		padding: 0 0 0 0;
	}
		.fs-inner {
			position: absolute;
			bottom: 0;
			width: 100%;
		}
			.fs-link {
				position: absolute;
				left: 25px;
				top: 20px;
			}
			.fs-slideshow.autoslide-on .fs-link {
				left: 65px;
				top: 20px;
			}
}