
.multiPanelSliderContainer{position:relative; display:block; width:100%; min-height:10px; float:left;}
.multiPanelSliderContainer .multiPanelSliderBackground{position:relative; overflow:hidden; z-index:1; width:100% !important; float:left;  background-color:#f3f4f6;}
.multiPanelSliderContainer .multiPanelSlider{position:relative; z-index:1; width:100%; min-height:10px; float:left;}
.multiPanelSliderContainer .multiPanelSlide{ position:relative; width: 66.67%; left: 16.67%; padding-bottom:20px; } 


.multiPanelSliderContainer .slider-previous-button {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	right: 100%;
	z-index: 102;
	width: 20px;
	height: 80px;
	background: #FFF;
	color: #333;
	line-height: 80px;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
    text-shadow:0px 0px 20px rgba(255,255,255,1), 0px 0px 20px rgba(255,255,255,1);
}
.multiPanelSliderContainer .slider-next-button {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	left: 100%;
	z-index: 102;
	width: 20px;
	height: 80px;
	background: #FFF;
	color: #333;
	line-height: 80px;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
    text-shadow:0px 0px 20px rgba(255,255,255,1), 0px 0px 20px rgba(255,255,255,1);
}

.multiPanelSliderContainer .multiPanelSlide{  
	transition : opacity 800ms ease-in, -webkit-filter 800ms ease-in, filter 800ms ease-in; 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity:0.5;
}
.multiPanelSliderContainer .multiPanelSlide.active{ 
	transition : opacity 800ms ease-in, -webkit-filter 800ms ease-in, filter 800ms ease-in; 
    -webkit-filter: grayscale(0%);  
    filter: grayscale(0%); 
    opacity:1;
}
.multiPanelSliderContainer .slider-pager {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	width: 100%;
	text-align: center;
	z-index: 102;
	line-height: 40px;
}
.multiPanelSliderContainer .slider-pager span {
	display: inline-block;
	background-color: #CCCCCC;
	cursor: pointer;
	-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

/* SQUARES */
.multiPanelSliderContainer .slider-pager.squares span {
	width: 16px;
	height: 16px;
	margin: 0 2px;
}
/**/

/* CIRCLES */
.multiPanelSliderContainer .slider-pager.circles span {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	cursor:pointer;
	background-color:rgba(128,128,128, 0.5);
	margin: 0 2px;
}
.multiPanelSliderContainer .slider-pager span.active {
	background-color: #333333;
}
/**/

/* LINES */
.multiPanelSliderContainer .slider-pager.lines span {
	width: 24px;
	height: 4px;
	margin: 0 3px;
}
/**/