/******************carousel**********************/
#carousel{
	position:relative;
	padding:19px 21px 20px 20px;
	background:#f5f8fa;
	border-top:1px solid #ebeef0;
	border-left:1px solid #ebeef0;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
}
	#carousel .es-carousel{
		width:100%;
		overflow:hidden;
	}
		#carousel li{float:left; position:relative;}
		#carousel img{opacity:0.25; -moz-opacity:0.25; filter: alpha(opacity=25);}
#carousel .es-nav-prev{
	display:block !important;
	width:28px;
	height:28px;
	overflow:hidden;
	background:url(../images/carousel-prev.png) 0 0 no-repeat;
	position:absolute;
	top:-66px;
	right:32px;
	text-indent: 100%;
	white-space: nowrap;
	cursor:pointer;
	z-index:999;
}
#carousel .es-nav-next{
	display:block !important;
	width:28px;
	height:28px;
	overflow:hidden;
	background:url(../images/carousel-next.png) 0 0 no-repeat;
	position:absolute;
	top:-66px;
	right:0px;
	text-indent: 100%;
	white-space: nowrap;
	cursor:pointer;
	z-index:999;
}
	#carousel .es-nav-prev:hover, #carousel .es-nav-next:hover{background-position:0 -36px;}

/*-------------------------------------------------------------------*/

@media only screen and (max-width: 995px) {
	/******************carousel**********************/
	#carousel{padding:14px 12px 15px 10px;}
	#carousel li{width:129px !important;}
	#carousel .es-nav-prev, #carousel .es-nav-next{top:-55px;}
}

@media only screen and (max-width: 767px) {
	#carousel{padding:14px 30px 15px 29px;}
	#carousel li{width:170px !important;}
}

@media only screen and (max-width: 479px) {
	#carousel li{width:110px !important;}
}