/* ***************/
/* Popup */
/* ***************/

.popup {
	width: 90%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
	
	animation-name: popupmove;
	animation-duration: 10s;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-timing-function: initial;
	visibility: hidden;
	
	padding: 0px 5% 0px 5%;
}



.popup img {
	width: 100%;
	height: auto;
}

.popup-content {
	max-width: 740px;
	height: auto;
	background-color: #FFFFFF;
	border-radius: 4px 4px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	position: relative;
}

.popup-close {
	position: absolute;
	top: 0;
	right: 14px;
	font-size: 42px;
	font-weight: bold;
	transform: rotate(45deg);
	cursor: pointer;
	color: #FFFFFF;
}

@keyframes popupmove {
	from{opacity: 1; visibility: hidden;}
	to{opacity: 1; visibility: visible;}
}