*:focus {
	outline: none;
}

@font-face {
	font-family: 'DIN Condensed Light';
	src: url('fonts/ff_din_condensed_light-webfont.eot');
	src: url('fonts/ff_din_condensed_light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/ff_din_condensed_light-webfont.woff2') format('woff2'),
		 url('fonts/ff_din_condensed_light-webfont.woff') format('woff'),
		 url('fonts/ff_din_condensed_light-webfont.ttf') format('truetype'),
		 url('fonts/ff_din_condensed_light-webfont.svg#dincond-lightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN Condensed Regular';
	src: url('fonts/ff_din_condensed_regular-webfont.eot');
	src: url('fonts/ff_din_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/ff_din_condensed_regular-webfont.woff2') format('woff2'),
		 url('fonts/ff_din_condensed_regular-webfont.woff') format('woff'),
		 url('fonts/ff_din_condensed_regular-webfont.ttf') format('truetype'),
		 url('fonts/ff_din_condensed_regular-webfont.svg#dincond-regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {
	background: #222;
}


section.title {
	font-family: "DIN Condensed Regular", Arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	margin: auto;
	margin-top: 55px;
	color: #eee;
	font-size: 42px;
}

section.tinytext {
	font-family: "DIN Condensed Regular", Arial, sans-serif;
	font-size: 13px;
	line-height: 2em;
	text-align: center;
	margin: auto;
	color: #aaa;
}
section.tinytext a {
	text-decoration: none;
	color: #aaa;
}
section.tinytext a:hover {
	color: #ccc;
}



section.mode-list {
	color: red;
	text-align: center;
	padding: 5px 25px;

}
.mode-logo {
	width: 36px;
	padding: 0 8px;
	opacity: 0.25;
}
.mode-logo:hover {
	opacity: 0.75;
}
.mode-selected {
	opacity: 1;
	-webkit-filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.7));
	filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.7));

}
.mode-selected:hover {
	opacity: 1;
}

section.vert-dots {
	margin: auto;
	text-align: center;
	line-height: 14px;
}
section.vert-dots img {
	padding: 6px 0;
}

section.signature {
	font-family: "DIN Condensed Regular", Arial, sans-serif;
	text-align: center;
	margin: auto;
	color: #aaa;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, .57);
	width: 500px;
	height: auto;
	border: 10;
	border-radius: 15px;
	margin-top: 30px;
	padding: 25px 0;
}


section.signature input[type="text"], section.signature input[type="password"] {
	background-color: transparent;
	color: #ddd;
	letter-spacing: 1px;
	border: 1px solid #888;
	padding-left: 7px;
	margin: 2px 1px;
}
section.signature input[type="text"]:hover, section.signature input[type="password"]:hover {
	background-color: transparent;
}
section.signature input[type="text"]:focus, section.signature input[type="password"]:focus {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, .25);
	color: #fff;
	outline: none;
}
section.signature input[type="text"]:disabled, section.signature input[type="password"]:disabled {
	color: #F00;
	border: 1px solid #313131;
	color: transparent;
}
section.signature input[type="text"]:disabled::-webkit-input-placeholder, section.signature input[type="password"]:disabled::-webkit-input-placeholder {
	color: #F00;
	color: transparent;
}


section.signature input[type="radio"]{
  margin: 0 0 0 20px;
  width: 15px;
  vertical-align: 8%;
  border-radius: 3px;
}
section.signature input[type="submit"] {
	width: 140px;
	font-family: "DIN Condensed Regular", Arial, sans-serif;
	font-size: 14px;
	color: #aaa;
	background-color: transparent;
	border: 1px solid #888;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline: none;
}
section.signature input[type="submit"]:hover {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, .25);
	outline: none;
}
section.signature input[type="submit"]:active {
	background-color: #666;
	color: #fff;
	border: 1px solid #fff;
	outline: none;
}


iframe {
	border-radius: 15px;
}






/* text fields */
input[type="text"], input[type="password"] {
	font-family: "DIN Condensed Regular", Arial, sans-serif;
	font-size: 14px;
	background-color: #eee;
	border: 0;
	height: 18px;
	padding: 0 8px 0 8px;
}

/* submit button  */
section.sign_in input[type="submit"] {
	width: 140px;
	font-family: "DIN Condensed Regular", Arial, sans-serif;
	font-size: 14px;
	color: #aaa;
	background-color: transparent;
	border: 1px solid #888;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline: none;
}
section.sign_in input[type="submit"]:hover {
	background-color: rgb(0, 0, 0);
	background-color: rgba(255, 255, 255, .1);
	box-shadow: 0px 0px 5px #bbb;
	outline: none;
}
section.sign_in input[type="submit"]:active {
	background-color: #666;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: 0px 0px 15px #eee;
	outline: none;
}