.main-header,
.main-conainer,
footer {
	position: relative;
	z-index: 10;
}

body.popup-body {
	height: 100%;
	overflow: hidden;
}

.popup-bg {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #111;
	z-index: 20;
	text-align: center;
}

.popup-image {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.popup-arrow-left {
	position: absolute;
	top: 50%;
	left: 40px;
	width: 50px;
	height: 50px;
	border-left: solid 10px #fff;
	border-bottom: solid 10px #fff;
	transform: rotate(45deg);
	opacity: 0.6;
	cursor: pointer;
	outline: 2px solid #333;
}

.popup-arrow-right {
	position: absolute;
	top: 50%;
	right: 40px;
	width: 50px;
	height: 50px;
	border-right: solid 10px #fff;
	border-bottom: solid 10px #fff;
	transform: rotate(-45deg);
	opacity: 0.6;
	cursor: pointer;
	outline: 2px solid #333;
}

.popup-arrow-left:hover,
.popup-arrow-right:hover {
	opacity: 0.8;
}

.popup-ico-close {
	position: absolute;
	top: 30px;
	right: 50px;
	width: 5px;
	height: 40px;
	background-color: #fff;
	transform: rotate(-45deg);
	opacity: 0.6;
	cursor: pointer;
	outline: 2px solid #333;
}

.popup-ico-close::before {
	content: '';
	display: block;
	width: 5px;
	height: 40px;
	background-color: #fff;
	transform: rotate(90deg);
}

.popup-ico-close:hover {
	opacity: 0.6;
}