#slides {
	position:relative;
}
#slides .slides-container {
	display:none;
}
#slides .scrollable {
	*zoom:1;
	position:relative;
	top:0;
	left:0;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	height:100%;
}
#slides .scrollable:after {
	content:"";
	display:table;
	clear:both;
}
.slides-navigation {
	display:none;
	position:absolute;
	top:46%;
	width:100%;
	margin:0 auto;
	z-index:3;
}
.slides-navigation a {
	position:absolute;
	display:block;
}
.slides-navigation a.prev {
	left:10%;
}
.slides-navigation a.next {
	right:10%;
}

.slides-pagination {
	position:absolute;
	z-index:3;
	bottom:30px;
	text-align:center;
	width:100%;
}
.slides-pagination a {
	display:-moz-inline-stack;
	display:inline-block;
	width:16px;
	height:16px;
	background:#fff;
	border-radius:50px;
	font-size:0;
	text-indent:-100%;
	margin:0 4px;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	overflow:hidden;
}
.slides-pagination a.current {
	background:#ffc30c;
}

.wide-container {
	width:100%;
	height:380px;
	margin:0 auto;
}
.slides-navigation a {font-size:2.22em;color:#fff;}
.slides-navigation a:hover {color:red;}

@media (max-width:1500px) {
	.wide-container {
		width:100% !important;
		height:380px;
		margin:0 auto;
	}
	.wide-container img {width:100%;}
}
@media (max-width:929px) {
	.wide-container {
		width:100%;
		height:350px;
		margin:0 auto;
	}
}
@media (max-width:767px) {
	.wide-container {
		width:100%;
		height:250px;
		margin:0 auto;
	}
}
@media (max-width:485px) {
	.wide-container {
		width:100%;
		height:150px;
		margin:0 auto;
	}
}