/*@font-face {
	font-family: Roboto;
	src: url('../fonts/Roboto-regular.tff');
}*/

@font-face {
	font-family: HelveticaNeue;
	src: url('../fonts/HelveticaNeue-CondensedBold.otf');
}


html {
	background: url('/images/background.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}





.header {
	font-family: HelveticaNeue;
	color:white;
	font-size:30px;
	text-align:center;
	position: absolute;
	top: 118px;
	left: 50%;
	margin-left: -135px;
	width: 271px;
}

.title{
	margin-top:-40px!important;
}

.fields{
	width:271px;
}

	.fields > input {
		border-radius: 4px;
		width: 229px;
		height: 28px;
		color: white;
		font-family: HelveticaNeue;
		letter-spacing:5px;
		font-size: 20px;
		font-weight: 400;
		text-align: center;
		border: 1px solid #969696;
		background: #555555;
	}


.loginbutton {
	width: 229px;
	height: 32px;
	margin-top: 10px;
	font-size: 15px !important;
	text-align: center;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 20px !important;
	font-weight: bold;
	font-stretch: condensed;
	letter-spacing: 0.6px;
	border-radius: 10px;
	background-color: black;
	border-style: none !important;
	cursor: pointer;
}


input:-webkit-autofill { /*autocomplete fix*/
	-webkit-box-shadow: 0 0 0 30px #555555 inset;
	-webkit-text-fill-color: white !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: white;
}

::-moz-placeholder { /* Firefox 19+ */
	color: white;
}

:-ms-input-placeholder { /* IE 10+ */
	color: white;
}

:-moz-placeholder { /* Firefox 18- */
	color: white;
}