* {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body, html {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body {
	background:#fafafa;
	font-size:1.5em;
	line-height:1.6;
	font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	color:#707070;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;
}
a {
	-webkit-transition:all 0.15s;
	transition:all 0.15s;
}
h1 {
	color:#444;
	margin-top: 0;
	margin-bottom: 3rem;
	font-weight: 300;
	font-size: 3.0rem;
	line-height: 1.3;
	letter-spacing: -.1rem;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 3px;
	color: #fff;
	background:#333;
	border: 1px solid #000;
	cursor: pointer;
	-webkit-transition:all 0.15s;
	transition:all 0.15s;
}
.button:disabled,
button:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="button"]:disabled
{
	pointer-events:none;
	color: #bbb;
	border: 1px solid #D1D1D1;
	background:transparent;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #fff;
	outline: 0;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 38px;
	padding: 6px 10px;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	-webkit-transition:all 0.15s;
	transition:all 0.15s;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #000;
	outline: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
	color:#999;
}
input:-moz-placeholder,
textarea:-moz-placeholder
{
	color:#999;
}

/* FORM
----------------------------------------------- */

#klogin_bg {
	display:table;
	position:absolute;
	width:100%;
	height:100%;
}
#klogin_form {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow:hidden;
}
#klogin_form .form {
	background:#fff;
	padding:3em;
	border:1px solid rgba(0,0,0,0.08);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#klogin_title {
	padding:1em 0 0;
	text-align:center;
}
#klogin_title a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:0.85rem;
	text-decoration: none;
	color:#999;
}
#klogin_title a:hover {
	color:#000;
}
#klogin_input {
	width:280px;
	display:block;
	margin-bottom:1.5em;
}