.scroller {
	
	position: relative;
}

.scroller .nav-left {
	
	position: absolute;
	left: -35px;
	top: 40%;
	height: 50px;
	width: 50px;
	background: white url('/resources/images/home-banners/do-not-delete/arrow_left.png') no-repeat center;
	background-size: 30px 30px;
	z-index: 5;
	cursor: pointer;
}

.scroller .nav-right {
	
	position: absolute;
	right: -35px;
	top: 40%;
	height: 50px;
	width: 50px;
	background: white url('/resources/images/home-banners/do-not-delete/arrow_right.png') no-repeat center;
	background-size: 30px 30px;
	z-index: 5;
	cursor: pointer;
}

.scroller-list-c.mobile {
	
	overflow-x: auto;
}

.scroller-list-c:not(.mobile) {
	
	overflow-x: hidden;
}

.scroller-list-c .scroller-list {
	
	text-align: left;
}

.scroller-c {
	
	position: relative;
	border-top: 3px solid rgba(0,0,0,0.1);
}

.scroller-list-title {
	
	padding: 1em;
	position: absolute;
	top: -2em;
	left: -1em;
	color: #455560;
	background-color: white;
	font-size: 20px;
}

.scroller li {
	
	width: 300px;
	display: inline-block;
	padding: .5em 1em;
	vertical-align: top;
	text-align: center;
}

.scroller li a {
	
	display: block;
}

.scroller li .title {
	
	text-align: center;
}

.scroller li:hover .title {
	
	text-decoration: underline;
}

.scroller li img {
	
	padding: .5em;
	max-width: 100%;
}