@charset "UTF-8";
/* CSS Document */

.slideshow{
	width:100%;
	padding-bottom:40px;
	margin-bottom:20px;
	margin-top:20px;
	position:relative;
}

.slideshow.no_thumbs{
	padding-bottom:0;
}

.slideshow .slideshow_inner{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
}

.slideshow .cut{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:none;
}

.slideshow .cut.active{
	z-index:5;
}

.slideshow .thumbs,
.slideshow .points{
	text-align:center;
	height:20px;
	z-index:2;
	width:100%;
}

.slideshow.no_thumbs .thumbs,
.slideshow.no_thumbs .points{
	display:none;
}

.slideshow .thumbs .thumb,
.slideshow .points .point{
	margin:0;
	width:20px;
	height:20px;
	position:relative;
	cursor:pointer;
}

.slideshow .thumbs .thumb span,
.slideshow .points .point span{
	width:12px;
	height:12px;
	box-sizing: border-box;
	border:1px solid #239e55;
	border-color:#e2e2e2;
	background:#FFF;
	border-radius:6px;
}

.slideshow .thumbs .thumb.here span,
.slideshow .points .point.here span{
	background:#239e55;
	background:#e2e2e2;
}

.slideshow .thumbs{
	margin-top:10px;
}

.slideshow .thumbs .thumb .bg{
	display:none;
}


@media screen and (min-width:641px){
	.slideshow{
		padding-bottom:42px;
	}
	.slideshow.no_thumbs{
		padding-bottom:0;
	}
	
	.slideshow .thumbs{
		margin:0;
		position:absolute;
		bottom:0;
		height:95px;
	}
	
	.slideshow .thumbs .thumb{
		width:145px;
		height:100%;
		margin:0 5px;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
		background:#FFF;
		box-sizing: border-box;
		padding:4px;
	}
	.slideshow .thumbs .thumb span{
		display:none;
	}
	.slideshow .thumbs .thumb .bg{
		display:block;
		filter:grayscale(100%);
	}
	.slideshow .thumbs .thumb.here .bg{
		filter:grayscale(0%);
	}
}