.overlay {
		z-index: 9999;
		position:fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		background: rgba(245,245,245,0.95);
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}

	.overlay.hidden {
		pointer-events: none;
	}

	.overlay-content {
		z-index:10000;
		position: fixed;
		width: 100%;
		height: auto;
		max-width: 600px;
		margin: 0 auto;
		background: #fff;
		border-radius: 20px;
		padding: 2em;
		box-shadow: 0px 3px 0px #e3e3e3;
		border: 1px solid #e3e3e3;
		top: 50%;
		left:50%;
		margin-left: -300px;
		margin-top: -300px;
		-webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
		-moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
		-o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
		transition: transform 0.4s ease, opacity 0.4s ease;

	}

	.overlay-content.hidden {
		-webkit-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7);
		pointer-events: none;
	}

	.content-scroll {
		height: 100%;
		max-height: 350px;
		overflow:scroll;
		border-bottom: 1px solid #e3e3e3;
		-webkit-overflow-scrolling: touch;
	}

	.agreement {
		padding-top: 1em;
	}

	.form-box {
		margin-bottom: 1.5em;
	}

	.noscroll {
		position: fixed;
		overflow-y:scroll;
		width: 100%;
	}

	.fade-in.hidden {
		z-index: -9999;
		position: fixed;
	}

@media all and (max-device-width: 767px) {
	.overlay-content {
		border-radius: 0;
		top: 0;
		left:0;
		right:0;
		bottom:0;
		margin-left: 0;
		margin-top: 0;
		-webkit-overflow-scrolling: touch;
		overflow:scroll;
	}
}