.slider {
	position: relative;
	width: 100%;
	min-width: 960px;
	height: auto;
	overflow: hidden;
	padding: 0 0 70px 0;
	margin: 0;
	box-sizing:border-box;
}

	ul.slides {
		height: 100%;
		/* Simple clear fix */
		overflow: hidden;
		list-style: none;
		margin: 0;
	}

		li.slide {
			height: 100%;
			float: left;
			clear: none;
		list-style: none;
		}

		li.slide img{
		width: 100%;
		height: auto;
			float: left;
			clear: none;
		list-style: none;
		}


		.slider-arrows a{ color: #fff;}

			.slider-arrow {
				position: absolute;
				display: block;
				width: 30px;
				height: 30px;
				margin-bottom: 0px;
				padding: 15px;
				border: #fff 1px solid;
				border-radius: 30px;
				line-height: 30px;
				text-decoration: none;
				opacity: 0.5;
			}

				.slider-arrow:hover {
				opacity: 0.5;
				color: #333;
				text-decoration: none;
				background: #fff;
				}

				.slider-arrow--right { bottom: 50%; right: 50px; }
				.slider-arrow--left { bottom: 50%; left: 50px; }

		.slider-nav {
			position: absolute;
			bottom: 120px;
			opacity: 0.7;
		}

			.slider-nav__item {
				width: 12px;
				height: 12px;
				float: left;
				clear: none;
				display: block;
				margin: 0 5px;
				border: 1px solid #fff;
				border-radius: 8px;

			}

				.slider-nav__item:hover { background: #fff; }
				.slider-nav__item--current { background: #fff; }