.module-overlay {
	display:			none;
	transition:			opacity 500ms;
	opacity:			0;
}
.module-overlay-active {
	display:			block;
	opacity:			1;
}

.module-overlay-overlay {
	position: 			fixed;
	z-index: 			999;
	background: 		url(../img/overlay-bg.png);
	left:				0;
	bottom: 			0;
	right:				0;
	top:				0;
}
.module-overlay-popup {
	width:				640px;
	left:				50%;
	margin-left:		-320px;
	position: 			fixed;
	top:				0;
	z-index: 			1000;
	background: 		#fff;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	cursor: 			pointer;

}

/* ensure popups are scrollable on smaller devices */
@media (max-width: 639px) {

	.module-overlay-popup {
		width:			90%;
		margin-left:    5%;
		margin-right:	5%;
		position: 		absolute;
		left:			0;
	}
	.module-overlay-img {
		max-width: 		100%;
	}
}