* {
  -webkit-font-smoothing:antialiased;
	-mos-osx-font-smoothing:grayscale;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

			html {
				font-family: sans-serif;
				background:	#fff;
				text-align: center;
			}

			.register {
				color: #788796;
				background: #fff;
				border: 1px solid #a7a7a7;
				border-radius: 5px;
				padding: 5px;
				display: inline-block;
				margin: 200px auto;
				label {
					margin-right: 15px;
				}
				/*.trigger {
				}*/
			}
.overlay {
  position: fixed;
	background: #385362;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.modal {
  z-index: 11;
	background: #fff;
	padding: 15px 25px;
	width: 250px;
	display: none;
	border-radius: 5px;
	box-shadow: 0 8px 6px -6px #000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-stransform: translate(-50%, -50%);
	.close {
    background: none;
	  border: none;
		font-size: 1em;
		float: right;
		cursor: pointer;
		margin: 0;
		padding: 0;
		color: #a7a7a7;	
	}  
	h2 {
		width: 100%;
		text-align: center;
		font-size: 1.2em;
					font-weight: bold;
					margin-bottom: 25px;
				}
				form {
					input {
						width: 100%;
						display: block;
						border: 1px solid #e9ebed;
						margin: 0;
						padding: 7px 3px;
						font-size: 1em;
						&:first-of-type {
							border-bottom: none;
							border-radius: 5px 5px 0 0;
						}
						&:last-of-type {
							border-radius: 0 0 5px 5px;
						}
					}
					button {
						width: 100%;
						background: #fafafb;
						border: 1px solid #e9ebed;
						border-radius: 5px;
						padding: 10px 0;
						margin-top: 25px;
						font-size: 0.75em;
						color: #0094bd;
						cursor: pointer;
						&:hover,
						&:active,
						&:focus {
							background: #e9ebed;
						}
					}
				}
}

.open {
  display: block !important;
}