.slideshow-container{
	width: 900px;
	position: relative;
	margin: 20px 0 0 250px;

}
.numbers{
	position: absolute;
    top: 0;
    color: #000000;
    padding: 8px 12px;
    font-size: 12px;
}
.myslides{
	display: none;
}
.prev , .next{
	position: absolute;
	xtop: 50%;
	top:0;
	font-size: 18px;
	font-weight: bold;
	padding: 309px 16px  310px 16px;
	xmargin-top: -22px;
  	border-radius: 0 3px 3px 0;
  	color: #fff;
  	cursor: pointer;
  	opacity: 1;
}
.next{
	right: 0;
	border-radius: 3px 0 0 3px;
}
.prev:hover,.next:hover{
	xbackground-color: rgba(0,0,0,0.2);
}
.caption{
	text-align: center;
	position: absolute;
	bottom: 8px;
	width: 100%;
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 22px;
}
.dots{
	width: 13px;
	height: 13px;
	background: gray;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
}
.fade{
	animation-name:fade;
	animation-duration:1.5s;
}
@keyframes fade{
	from {opacity: 0.4;}
	to {opacity: 1;}
}
.active, .dot:hover {
  background-color: #333;
}