/*-----------------------------
	   Popup
-----------------------------*/

.popup {
	z-index: 1111;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}
.popup.active {
	visibility: visible;
	opacity: 1;
}
.popup .overlay {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.35);
}
.popup .inner {
	z-index: 2;
	position: absolute;
	top: 70%;
	left: 50%;
	max-width: 80%;
	min-width: 250px;
	max-height: 90%;
/*	min-height: 70%;
*/	padding: var(--gutter);
	background: #fff;
	text-align: left;
	border-radius: 0.1em;
	box-shadow: var(--boxShadow);
	transform: translate(-50%, -50%);
	overflow: auto;
	transition: 0.5s;
}
.popup.active .inner {
	top: 50%;
}

.popup .close {
	z-index: 10;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url(../../img/icon-close.svg) no-repeat center;
	background-size: contain;
	cursor: pointer;
	transform: scale(0);
	transition: 0.5s 0.25s;
}
.popup.active .close {
	transform: scale(1);
}



@media screen and (max-width: 650px) {
	.popup .inner {
		height: 95vh; max-height: 95vh;
		width: 95vw; max-width: 95vw;
		padding: var(--gutter) 1.5em;
	}
}

.popup-video .inner {
	min-height: 1px !important;
	height: auto !important;
}
.popup-video .iframe-wrapper {
	display: block;
	width: 1000px;
	max-width: 100%;
}