/*--------------SLIDER----------------*/

#slider {
	width: 88%;
	margin: 0px auto;
}


/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
	top: 50%;
	margin-top: -20px
}
.controls li img{height: 20px;}
.controls li:nth-child(1) {
	left: 0;
	height: 20px;
}
.slides li p{text-align: center;line-height: 32px;font-size: 16px;}
.slides li a{text-align: center;display: block;font-size: 12px;}
.controls li:nth-child(2) {
	right: 0;
	height: 20px;;
}


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

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

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


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

.responsive {
	width: 84%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	margin-left: 8%;
}

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