* {
	padding: 0;
	margin: 0;
}
.maxcarousel {
	margin: 0 auto;
	position: relative;
	height: 225px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

.maxcarousel__inner {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 300px;
}

.maxcarousel__inner > ul {
	list-style: none;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	text-align: center;
}
.maxcarousel__inner img {
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    height: 143px !important;
}
.maxcarousel__inner > ul li {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    font: 16px Arial;
    text-align: left;
    white-space: normal;
    width: 210px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
    border-radius: 0;
    min-height: 275px;
}
.maxcarousel__l-arr, 
.maxcarousel__r-arr {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	opacity: 0.2;
	text-decoration: none;
	z-index: 10;
	outline: 0;
	cursor: pointer;
}

.maxcarousel__l-arr.is-disabled {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
}

.maxcarousel__r-arr.is-disabled {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
}

.maxcarousel__l-arr:hover, 
.maxcarousel__r-arr:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: alpha(opacity=1);
}

.maxcarousel__l-arr {
	left: 31px;	
	background: url("../images/arr-left.png") 50% no-repeat;
}

.maxcarousel__r-arr {
	right: 0;	
	background: url("../images/arr-right.png") 50% no-repeat;
}

.maxcarousel .is-disabled:hover {
	cursor: default;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
}

/*not necessary*/
.maxcarousel__ul-item-with-link a {
	position: absolute;
	left: 0;
	bottom: -150px;
	background: #000;
	background: rgba(0,0,0,0.7);
	width: 280px;
	padding: 10px;
	text-align: left;
	font: 16px/1 Arial;
	color: #fff;	
	text-decoration: none;          

}

.maxcarousel__ul-item-with-link:hover a {
	bottom: 0;
}

.maxcarousel__ul-item-with-link:hover a:hover {
	text-decoration: underline;
	color: orange;
}

.maxcarousel__ul-item-with-link a,
.maxcarousel__ul-item-with-link:hover a {
	-webkit-transition: bottom 0.3s linear; 
	     -moz-transition: bottom 0.3s linear; 
	       -o-transition: bottom 0.3s linear; 
	          transition: bottom 0.3s linear; 
}