#slides,
#slides-2 {
	position: relative;
	max-height:500px;
}

#slides .slides-container,
#slides-2 .slides-container {
	display: none;
}

#slides .scrollable,
#slides-2 .scrollable {

	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	
}

#slides .scrollable:after,
#slides-2 .scrollable:after {
	content: "";
	display: table;
	clear: both;
}

.slides-navigation {
	margin: -35px auto 0;
	position: absolute;
	z-index: 3;
	top: 50%;
	width: 100%;
}

.slides-navigation a {
	position: absolute;
	background: #c61913;
	display: block;
	line-height: 50px !important;
	height: 50px;
	width: 50px;
	/* border-radius: 20%; */
	color: #fff !important;
	top: 50%;
	margin: -20px 10px 0;
	padding: 0;
	opacity: 0;
	text-align: center;
	line-height: 40px;
	font-size: 17px;
	color: #111;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 50px;
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.slides-navigation a:focus {
	color: #111;
}

.slides-navigation a.prev {
	left: -20px;
}

.slides-navigation a.next {
	right: -20px;
}

#slides:hover a.prev,
#slides-2:hover a.prev {
	opacity: 0.5;
	left: 0px;
}

#slides:hover a.next,
#slides-2:hover a.next {
	opacity: 0.5;
	right: 0px;
}

#slides:hover a.prev:hover,
#slides:hover a.next:hover,
#slides-2:hover a.prev:hover,
#slides-2:hover a.next:hover {
	opacity: 0.8;
	color: #111;
}

#hero-slider-section {
	position: relative;
	background-size: cover;
}

.overlay-slider {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background-image:url(../images/bg.png);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-slider-content {
  position: relative;
  z-index: 34;
  display: table;
  height: 100%;
  width: 100%;
}

.hero-slider-content img {
	width: 100%;
	height: 100%;
	background-size:cover;
}

.hero-slider-content .c-vertical {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
