/* Visit http://www.menucool.com/responsive-slider for instructions */

#mdv-slider {
    width:100%;
    background: #161616;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
    padding: 0;

    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
}
#mdv-slider .viewport div{
	position: absolute;
	display: block;
	left: 0;
	right:0;
	top:0;
	bottom:0;
	
}
#mdv-slider .viewport div.slide-1{ z-index: 1; }
#mdv-slider .viewport div.slide-2{ z-index: 1; display:none; }
#mdv-slider .points {
	position: absolute;
	left:0; bottom:0;
	right:0;
	padding: 10px;
	display: block;
	z-index: 9;
	text-align:center;
}
#mdv-slider .points a{
	border:2px solid #fff;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height:16px;
	margin: 3px;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.3);
	cursor:pointer;
}
#mdv-slider .viewport{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}
#mdv-slider .viewport .inner{position: relative; display: block}
#mdv-slider .points a.active{
	background-color:#fff;
}
#mdv-slider .points a span{ display:none; }
#mdv-slider img{ width: 100%; height: auto; position: relative; display: block; z-index:1;  }
#mdv-slider canvas{ position:absolute; display:block; width:100%; height:100%; z-index:5; top:0; left:0; }