.hide, .modal-backdrop {
	display:none;
}
.modalDialog, .modalDrawer {
	overflow:auto;
	height:100%;
	position:fixed; /* follows you when you scroll */
	right:0;
	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 {
	top:100%;
	bottom:auto;
}
.modalDrawer {
	bottom: 100%;
	top: auto;
}
.modalDialog.visible, .modalDrawer.visible {
	bottom: 0;
	pointer-events:auto;
}
.modalDialog.visible {
	top: 0;
}
.modalDialog h3, .modalDrawer h3 {
	font-size: 26px;
	margin-bottom: 30px;
}
.modalDialog form {
	padding: 16px 0 0;
	text-align: center;
}
.modalDialog form input[type=submit] {
	width: auto;
	margin: 0 auto 16px;
}
.modalDialog > div, .modalDrawer > div {
	background:#fff;
	position:relative;
	padding:30px 34px 40px;
}
.modalDialog > div {
	max-width:414px;
	margin:5% auto;
}
.modalDrawer > div {
	max-width: 1200px;
	margin: 0 auto;
}
.modalDialog .modalClose, .modalDrawer .modalClose {
	z-index: 9999;
	background: none;
	position: absolute;
	width: 24px;
	font: normal normal bold 18px/26px 'Open Sans';
	text-align: center;
	text-decoration: none;
}
.modalDialog .modalClose {
	font-weight: 600;
	right: 5px;
	top: 6px;
}
.modalDrawer .modalClose {
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}
.modalDrawer a {
	color: #131519;
}
.modalDialog .form-error {
	margin-bottom: 20px;
}
.modalDialog .form-error h3 {
	font-weight: 300;
	font-size: 23px;
	margin-bottom: 0;
}
.modalDialog .form-error label {
	font-size: 15px;
	line-height: 24px;
}