/* CSS layout */
/* ERIC MEYER'S CSS RESET */
.slideText {
  font-size: .9em;
  background-color: #000000;
  color: #FFFFFF;
  padding-top: 6px;
  padding-bottom: 6px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: disc;
	list-style-position: inside;
	line-height: normal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.smalleritalics {
	font-style: italic;
	font-size: small;
}


/* END CSS RESET */


* {box-sizing: border-box;}
body font-family: font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1em;}
.mySlides {
	display:inline-block;}
	img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
	max-width: 4500px;
	max-height: 500px;
	display: inline-block; /*  position:absolute;*/; /*margin: auto;*/;
	margin: 10px 0px 10px 10px;
	clip: rect(auto, auto, auto, auto);
	float: right;
	background-color: #000000;
}

/*
 Caption text 
.text {
	color: black;
	font-size: 1em;
	padding: 8px 12px;
	position: absolute;
	bottom: auto;
	width: 100%;
	text-align: center;
}
	font-size: 1em;
	padding: 8px 12px;
	position: absolute;
	bottom: auto;
	width: 100%;
	text-align: center;
}
*/
/* Text below slide*/
<style type="text/css">
.slideText {
  font-size: .9em;
  background-color: #000000;
  color: #FFFFFF;
  padding-top: 6px;
  padding-bottom: 6px;
}
</style>


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 1em;;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
	height: 10px;
	width: 10px;
	margin: 0 2px 4px 2px;
	background-color: #808080;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	right: auto;
	left: auto;
}
.active {
	/* background-color: #717171;*/
 	background-color: #FFFFFF
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: .3s;
  animation-name: fade;
  animation-duration: .3s;
}

@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}