/*--------------SLIDER----------------*/
#slider {
	width: 100%;
	height: 450px;
	margin: 0 auto;
}
#slider ul,#slider li{
	list-style: none;
	margin: 0 ;
	padding: 0;
}
/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
	top: 50%;
	margin-top: -30px;
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	right: 0;
}


/*------------PAGINATION------------*/

/*style pagination*/
.pagination li {
	background-color: #ddd;
}

.pagination li.active {
	background-color: #c40000;
}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height: 450px;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}