.overlay {
	padding: 30px;
	padding-top: 30px;
	width: 100%;
	overflow: hidden;
/*	background: linear-gradient(to bottom, rgba(6,4,4,0.8), #060404 90vh);*/

	animation: overlayshow 0.22s ease 1;
	will-change: opacity;
}

@media (orientation: landscape) {
	.overlay-image,
	.overlay-image img {
		min-height: calc(100vh - 200px);
		max-height: calc(100vh - 160px);
	}
}

.overlay-image,
.overlay-image img {
	min-width: 10px !important;
	max-width: 100% !important;
}

.overlay-image {
	text-align: center;
}

.overlay-image img {
	transform: scale(0.965);
	opacity: 0;
	border: 5px solid #fff;
	box-shadow: 0 0 0 1px #C2C6C7;
	display: inline-block;

	transition:
		transform 0.22s ease,
		opacity 0.22s ease;

	transition-delay: 0.04s;
	will-change: transform, opacity;
}
.overlay-shown .overlay {
	display: flex;
	flex-direction: column;
}
.overlay-shown .overlay-image img,
body[overlay-state="opening"] .overlay-image img,
body[overlay-state="loading"] .overlay-image img,
body[overlay-state="open"] .overlay-image img {
	transform: scale(1);
	opacity: 1;
}

body[overlay-state="closing"] .overlay-image img {
	transform: scale(0.985);
	opacity: 0;
	transition:
		transform 0.16s ease,
		opacity 0.16s ease;
}

@keyframes overlayshow {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.overlay-image iframe {
	background-color: #333;
	border: 5px solid #fff;
	box-shadow: 0 0 0 1px #C2C6C7;
	opacity: 0;
	transform: scale(0.985);

	transition:
		transform 0.22s ease,
		opacity 0.22s ease;

	transition-delay: 0.03s;
	will-change: transform, opacity;
}

.overlay-shown .overlay-image iframe,
body[overlay-state="opening"] .overlay-image iframe,
body[overlay-state="loading"] .overlay-image iframe,
body[overlay-state="open"] .overlay-image iframe {
	opacity: 1;
	transform: scale(1);
}

body[overlay-state="closing"] .overlay-image iframe {
	opacity: 0;
	transform: scale(0.99);
	transition:
		transform 0.16s ease,
		opacity 0.16s ease;
}

.overlay-prev-button,
.overlay-next-button {
	position: fixed;
	display: none;
	top: 50%;
	width: 50px;
	height: 50px;
	padding: 10px;
	transform: scale(0.8);
	opacity: 0;

	transition:
		opacity 0.18s ease,
		transform 0.18s ease;
}

body[overlay-has-prev="1"] .overlay-prev-button {
	display: block;
}

body[overlay-has-next="1"] .overlay-next-button {
	display: block;
}

body[overlay-state="opening"] .overlay-prev-button,
body[overlay-state="loading"] .overlay-prev-button,
body[overlay-state="open"] .overlay-prev-button,
body[overlay-state="opening"] .overlay-next-button,
body[overlay-state="loading"] .overlay-next-button,
body[overlay-state="open"] .overlay-next-button {
	opacity: 1;
}

.overlay-next-button {
	right: 5px;
}

.overlay-prev-button {
	left: 5px;
	transform: scale(-0.8, 0.8);

}
@media (max-width:600px) { 
	.overlay-next-button, .overlay-prev-button {
		display: none!important;
	}
}
@media (min-width:1000px) { 
	.overlay-next-button {
		right: 35px;
	}

	.overlay-prev-button {
		left: 35px;

	}

}
.overlay-prev-button::after,
.overlay-next-button::after,
.overlay-prev-button::before,
.overlay-next-button::before {
	content: ' ';
	display: block;
	height: 5px;
	width: 30px;
	background-color: #fff;
	top: 50%;
	transform-origin: top right;
}

.overlay-prev-button:hover::after,
.overlay-next-button:hover::after,
.overlay-prev-button:hover::before,
.overlay-next-button:hover::before {
	background-color: #8B745F;
}

.overlay-prev-button::before,
.overlay-next-button::before {
	transform: rotate(45deg);
	margin-top: 15px;
}

.overlay-prev-button::after,
.overlay-next-button::after {
	transform: rotate(-45deg);
	transform-origin: bottom right;
	margin-top: -8px;
}