.ex-image-slider {
	width: 100%; 
	overflow: hidden;
	height: auto; 
	position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ex-image-slider-image-wrapper {
	position: relative; 
	margin: 0; 
	padding: 0; 
	font-size: 0; 
	text-align: left;
	z-index: 100;
}

.ex-image-slider-image-wrapper.switch img { 
	height: auto; 
	float: left; 
}

.ex-image-slider-image-wrapper.fade img { 
	height: auto; 
	position: absolute;
	top: 0;
	left: 0; 
	opacity: 0;
	-webkit-transition: opacity 1.0s ease-in-out;
	-moz-transition: opacity 1.0s ease-in-out;
	-o-transition: opacity 1.0s ease-in-out;
	transition: opacity 1.0s ease-in-out;
}

.ex-image-slider-image-wrapper.fade img.active { 
	height: auto; 
	position: relative; 
	opacity: 1;
}

.ex-image-slider-select-container {
	bottom: 7%;
	width: 100%;
	position: absolute;
	z-index: 101;
}

.ex-image-slider-select-wrapper {
	text-align: center;
	width: 100%;
	position: relative;
}

.ex-image-slider-select {
	width: 12px;
    height: 12px;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	background-color: #FFFFFF;
	margin-left: 10px;
    cursor: pointer;
    display:inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ex-image-slider-select.active {
	background-color: #1C79F6;
}

.ex-image-slider-arrow-container {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 101;
}

.ex-image-slider-arrow-left {
	width: 40px;
    height: 40px;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-top: -20px;
    cursor: pointer;
    float: left;
    text-align: center;
  	line-height: 40px;
	font-size: 20px;
  	opacity:0.4;
  	filter:alpha(opacity=40); /* For IE8 and earlier */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ex-image-slider-arrow-right {
	width: 40px;
    height: 40px;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-top: -20px;
    cursor: pointer;
    float: right;
    text-align: center;
  	line-height: 40px;
  	font-size: 20px;
    opacity:0.4;
  	filter:alpha(opacity=40); /* For IE8 and earlier */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 480px) {

    .ex-image-slider-arrow-left {
		width: 25px;
    	height: 25px;
  		line-height: 25px;
  		font-size: 12px;
  		margin-top: -12px;
    }
    
    .ex-image-slider-arrow-right {
		width: 25px;
    	height: 25px;
  		line-height: 25px;
  		font-size: 12px;
  		margin-top: -12px;
    }

	.ex-image-slider-select {
		width: 8px;
    	height: 8px;	
	}


}