.slider {
	position:relative;
}

.slider .slide {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:10;
	background-size:cover;
	background-position:center center;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0s 0.5s,visibility 0s 0.5s;
}

.slider .slide.show {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s,visibility 0s;
	z-index:15;
}

.slider .slider_controls {
	position:absolute;
	z-index:20;
	bottom:16px;
	text-align:right;
	right:16px;
}

.slider .slider_controls.left {
	text-align:left;
	left:16px;
}

.slider .slider_controls.right {
	text-align:right;
	right:16px;
}

.slider .slider_controls .dot {
	display:inline-block;
	vertical-align:bottom;
	width:32px;
	height:8px;
	margin-left:4px;
	background-color:#fff;
	opacity:0.5;
	cursor:pointer;
	transition:opacity 0.2s;
}

.slider .slider_controls .dot.active {
	opacity:1;
}

.slider .slider_controls.left .dot {
	margin-right:8px;
}

.slider .slider_controls.right .dot {
	margin-left:8px;
}