#wide{padding-bottom:30px;margin-bottom:30px;background:url(../img/top/js/shadow.png) no-repeat center bottom;}
.wideslider {
	width: 100%;
	margin-top:10px;
	text-align: left;
	position: relative;
	overflow: hidden;
	padding-bottom: 145px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider li{position:relative;}
.wideslider li span{
	position:absolute;
	bottom:0;
	right:0;
	left:10px;
	padding:10px 20px;
	background:rgba(153,120,78,.9);
	color:#fff;
	font-family:'CezannePro-DB';
	text-align:center;
	transition: 1s;
}

.wideslider ul li img {
	display: none;
	width: 100%;
	margin-left:10px;
}
.wideslider_base {
	position: absolute;
	top: 0;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: rgba(255,255,255,.5) url(../img/top/prev.png) no-repeat right center;}
.slider_next {background: rgba(255,255,255,.5) url(../img/top/next.png) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 110px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 1px;
	width: 140px;
	height: 110px;
	display: inline-block;
	overflow: hidden;
	background-color: #333;
	background-position:center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	        background-size: cover;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* =======================================
	ResponsiveStyles
======================================= */
@media screen and (max-width:1000px) {
	#wide{padding-bottom:0px;margin-bottom:0px;background:none;}
	.wideslider {padding-bottom: 10px;}
	.wideslider li span{position:relavive;}
	.pagination {display:none;}
}

@media screen and (max-width:680px) {
	.wideslider ul li img {margin-left:0;}
	.wideslider li span{left:0;}
	.slider_prev,
	.slider_next {width:32px!important;height:32px!important;top:50%;}
	.slider_prev {background:url(../img/top/prev.png) no-repeat right center;left:10px!important;}
	.slider_next {background:url(../img/top/next.png) no-repeat left center;right:10px!important;}

}

@media screen and (max-width:599px) {
	.wideslider li span{font-size:.9rem;}
	.slider_prev,
	.slider_next {width:24px!important;height:24px!important;top:50%;background-size:24px 24px;}

}