/* ==========================================================================
QuickMenu CSS
========================================================================== */

#quick {
	padding: 50px 0 60px 0;
	background: #582F82;
	text-align: center;
	color: #fff;
}

#quick .container {
	padding: 0 80px;
}

#quick strong {
	display: inline-block;
	margin: 0 0 35px 0;
	font-size: 30px;
}

#quick ul {
	display: inline-block;
	width: 100%;
}

#quick li {
	float: left;
	text-align: center;
	background-position: center top;
    background-repeat: no-repeat;
}

#quick ul a {
	position: relative;
	padding: 70px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin:2px;
}

@media all and (max-width:980px) {

	/* ==========================================================================
	User-menu CSS
	========================================================================== */
	#quick ul {
		width: 90%;
		display: block;
		margin: 0 auto;
	}

	#quick .slick-arrow {
		position: absolute;
		top: 8%;
		width: 50px;
		height: 50px;
		text-indent: -9999px;
	}

	#quick .slick-arrow.slick-prev {
		left: -7%;
		background: url('../images/arrow-user-left.png') no-repeat center center;
	}

	#quick .slick-arrow.slick-next {
		right: -7%;
		background: url('../images/arrow-user-right.png') no-repeat center center;
	}

	#quick .container {
		padding: 0 30px;
	}
}