div.page {

	left:0; right:0;
	top:0; bottom:0;
	z-index:9;
	text-align:center;
}
div.page .container {
	padding:30px 0px;
}
div.page h1 {
	font-family: "Roboto", sans-serif;
	font-size:55px;
	margin-bottom:20px;
	font-weight:300;
}
div.page h1>span {
	color:#1EB7B1;
}
div.page p {
	margin-bottom:40px;
}

.display-table {
	display:table;
	width:100%;
	height:100%;
}
.display-table-cell {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}

.container {
	max-width:800px;
	
	/* nice container row - if you want to */
	/*
	background-color:rgba(0,0,0,0.5);
	padding-top:30px;
	*/
}

/* form styling */
label {
	font-weight:400;
	text-transform:none;
	font-size:13px;
}
button::-moz-focus-inner, 
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea, input, button, *:focus {
	outline:none !important;
}
textarea {
	resize: vertical;
}

textarea,
button,
input {

	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;

	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
			box-shadow: none !important;
}

button:focus,
input:focus {
	border-color:#1b9e98 !important;
}

.btn:hover {
	-webkit-transition: All 0.3s;
	   -moz-transition: All 0.3s;
		 -o-transition: All 0.3s;
			transition: All 0.3s;
}
.btn-primary {
	border-color:#fff !important;
	background-color:#1EB7B1;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
	border-color:#fff !important;
	background-color:#000!important;
}


#private h2 {margin:0 0 20px;text-align:left;font-size:15px;}
#private textarea {display:block;margin-bottom:10px;padding:5px;width:100%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7}
#private .agree {padding:10px 0 0;text-align:right}
#private .agree label {display:inline-block;margin-right:5px}

#alertOk, #alertErr { display:none; }