*  {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
					  display:block;
					  position: relative;
					  left:0px;
					  top:0px;
					  z-index: 3;
	
  width: 890px;
  height:470px;
  
  
  
  margin: 0px;
  padding:0px;
  
  
  background-color:transparent;
  /* box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2); */

  

}

.mySlides {
			display: none;
	
			}
			
			
			
			
			
			
			
.mySlides img {	
				position: relative;
				 left:0px;
				 top:0px;
  
				
				width: 890px;
				height:470px;	
				}
 
 
/* Next & previous buttons */
/* 
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
} */

/* Position the "next button" to the right */
/* .next {
  right: 0;
  border-radius: 3px 0 0 3px;
} */

/* On hover, add a black background color with a little bit see-through */
/* .prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
} */

/* Caption text */
/* .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
} */

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

/* The dots/bullets/indicators */



.sd_panel	{
			display:block;
			position:relative;
			top:13px;
			left:0px;
			
			/* background-color:white; */
			background-color:transparent;						
			padding:0px;
			margin:0px;
			Width:890px;
			height:89px;
			
			/* border-bottom-color:#0070c2; */
			/* border-bottom-width:1px; */
			/* border-bottom-style:solid; */
			
			
	
			}
			
			
			
.sd_panel img {
				display:inline-block;
				position:relative;
				top:34px;
				left:395px;
				
				padding:0px;
				margin:0px;
				
				
				
				width:101px;
				height:130px;
				padding:0px;
				margin:0px;
	
	
				}

.sd_dots {
			width: 55px;
			height:13px;
		  
			display: block;
			position:relative;
			top:0px;
			
			padding:0px auto;
			margin:0px auto;
		  
			background-color:transparent;
				

		 }


	.dot {
			height: 13px;
			width: 13px;
	  
			display: inline-block;
			position:relative;
			
			/*this might pose challenges-will look into*/
			top:-34px;
			left:3px;
		
	  
			margin: 0px;
			padding:0px;
	 
	  
			background-color: #66CCFF;
			border-radius: 50%;
			box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);

			transition: background-color 0.8s ease;
		}

.active{
  background-color: #0070c2;
} 

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

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

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