#info-popup {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	min-height: 100%; 
	font-size: 1em;

	/*background-color: #000;*/
	background-color: rgba(0,0,0,0.8);
	z-index: 1000;
	
	overflow-y:auto;
    overflow-x:hidden;
}
#info-popup i {
	font-style: normal;
	font-size: 1.25em;
}
#info-popup .font-caption {
	text-transform: uppercase;
}
#info-popup .w {color:white;}
#info-popup .b {color:black;}
#info-popup .dvdr {
	background-color: white;
}
#info-popup h1 {font-size: 5.75vw; padding:0 2vw .2em 2vw; margin:0;}
#info-popup h2 {font-size: 4.25em; padding:0; margin:0;}
#info-popup h3 {font-size: 3.25em; padding:0 0 .275em 0; margin:0; position: relative; top: -0.35em;}
#info-popup h4 {font-size: 2.5em; padding:0; margin:0;}
#info-popup p {
	color: black;
	font-size: 1.325em;
	padding:0 0 .75em 0;
	margin: 0;
}
#info-popup .image {
  position: relative;
}
#info-popup .x-cross {
	position: absolute;
	/*bottom: 1.5%;*/
	top: 1.5%;
	right: 1.5%;
	z-index: 1;
	max-width: 3%;
	cursor: pointer;
}
#info-popup .inner {
	padding: 3vw;
	margin: 0 auto;

	text-align: center;
	max-width: 1920px;
	max-height: 100%;
	height: 100%;

  	position: relative;

	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
}


@media (max-width: 1024px) {
	#info-popup .x-cross {
		max-width: 4%;
	}
}
@media (max-width: 768px) {
	#info-popup .x-cross {
		max-width: 25px;
	}
	#info-popup .inner {
		padding: 1.625vw;
	}
}



/*
#info-popup {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	min-height: 100%; 
	font-size: 1em;

	background-color: #fb4601;
	z-index: 1000;
	
	overflow-y:auto;
    overflow-x:hidden;

	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
}
#info-popup i {
	font-style: normal;
	font-size: 1.25em;
}
#info-popup .font-caption {
	text-transform: uppercase;
}
#info-popup .w {color:white;}
#info-popup .b {color:black;}
#info-popup .dvdr {
	background-color: white;
}
#info-popup h1 {font-size: 5.75vw; padding:0 2vw .2em 2vw; margin:0;}
#info-popup h2 {font-size: 4.25em; padding:0; margin:0;}
#info-popup h3 {font-size: 3.25em; padding:0 0 .275em 0; margin:0; position: relative; top: -0.35em;}
#info-popup h4 {font-size: 2.5em; padding:0; margin:0;}
#info-popup p {
	color: black;
	font-size: 1.325em;
	padding:0 0 .75em 0;
	margin: 0;
}
#info-popup .x-cross {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 1;
	max-width: 3%;
	cursor: pointer;
}
#info-popup .inner {
	padding: 1vw;
	text-align: center;
	max-width: 1680px;
}

@media (max-width: 1440px) {
	#info-popup {
		font-size: .875em;
	}
	#info-popup .inner {
		padding: 30px;
	}
}
@media (max-width: 1200px) {
	#info-popup {
		font-size: .75em;
	}
}
@media (max-width: 991px) {
	#info-popup {
		font-size: .75em;
	}
	#info-popup .inner {
		padding: 20px;
	}
	#info-popup ._grid {
		display: block;
	}
	#info-popup .dvdr {
		height: 1px;
		margin: 25px 0;
	}
	#intro-module .x-cross {
		width: 28px;
		top: 15px;
		right: 15px;		
	}
}
@media (max-width: 640px) {
	#info-popup h1 {
		font-size: 4.75em;
		line-height: 1;
		padding: 0 2vw .5em 2vw;
	}
	#info-popup {
		font-size: .625em;
	}
}
*/