@charset "utf-8";

.slideshow-container {
	max-width: 100%;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

.prev, .next {
	cursor: pointer;
	position: relative;
	top: -36px;
	width: auto;
	padding: 10px;
	color: #666666;
	font-weight: normal;
	font-size: 28px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

.next {
	right: -44%;
	border-radius: 4px 4px 4px 4px;
}

.prev {
	left: -44%;
	border-radius: 4px 4px 4px 4px;
}

.prev:hover, .next:hover {
  background-color: #cccccc;
}

.dot {
	cursor: pointer;
	height: 14px;
	width: 14px;
	margin: 0;
	background-color: #cccccc;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #666666;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

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

}

@media only screen and (max-width: 960px) {

.next {
	right: -37%;
	border-radius: 4px 4px 4px 4px;
}

.prev {
	left: -37%;
	border-radius: 4px 4px 4px 4px;
}

}