.div-close {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	left: 0px;
	top: 0px;
	z-index: -1;
}

#banner-modal {

	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1060;
	right: 0px;
	bottom: 0px;
}

#banner-modal .slideshow-container {
	max-width: 600px;
	position: relative;
	top: 15%;
	margin: auto;
}

#banner-modal .mySlides {}

#banner-modal .mySlides img {
	width: 100%;
}

.banner-close {
	position: absolute;
	top: 40px;
	right: 25px;
	background-color: white !important;
	border-radius: 100px !important;
	z-index: 2;
	padding: 4px 10px !important;
	border: 0px;
}

#banner-modal .prev,
#banner-modal .next {
	font-size: 17px;
	background-color: white;
	padding: 6px 12px;
	text-decoration: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#banner-modal .prev {
	left: 0px;
}

#banner-modal .next {
	right: 0px;
}

.bannerfade {
	animation-name: fade;
	animation-duration: 0.5s;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}