// ===============
//		MODAL
// ===============

.modal-backdrop {
	display:none;
}
.modalDialog {
	overflow:auto;
	height:100%;
	position:fixed; /* follows you when you scroll */
	top:100%;
	right:0;
	bottom:auto;
	left:0;
	background: rgba(0,0,0,0.7);
	z-index:99999;
	pointer-events:none;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.modalDialog.visible {
	top: 0;
	bottom: 0;
	pointer-events:auto;
}
.modalDialog h3 {
	font-size: 26px;
}
.modalDialog form {
	padding: 8px 0;
	text-align: center;
}
.modalDialog form input[type=submit] {
	width: auto;
	margin: 0 auto 10px;
}
.modalDialog > div {
	max-width:430px;
	background:#fff;
	position:relative;
	margin:5% auto;
	padding:30px 40px 50px;
}
.modalDialog.lil-modal > div {
	max-width:430px;
}
.modalDialog.mid-modal > div {
	max-width:500px;
}
.modalDialog.big-modal > div {
	max-width:800px;
}
.modalClose {
	z-index: 9999;
	background: none;
	position: absolute;
	right: 11px;
	top: 11px;
	width: 24px;
	font-size: 22px;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
}