body{
	background-color: #000;
	width: 100%;
	font-family: "M PLUS 1p";
}
@font-face {
	font-family: "DSEG7Modern-Bold";
	src: url("lib/DSEG7Modern-Bold.woff");
}
.clock{
	font-family: "DSEG7Modern-Bold";
}
.leftborder{
	border-left: solid #ebebeb;
	padding-left: 6px;
	margin-left: 8px;
}
.status_green{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #23ed00;
	margin-left: 3px;
}
.status_red{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ff0f33;
	margin-left: 3px;
}
.cp_iptxt {
	position: relative;
	width: 80%;
	margin: 40px 3%;
}
.cp_iptxt input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	letter-spacing: 1px;
	padding-left: 4em;
}
.cp_iptxt input[type='text']:focus {
	outline: none;
}
.ef {
	padding: 4px 0;
	border: 0;
	border-bottom: 1px solid #FFF;
	background-color: transparent;
}
.ef ~ .focus_line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	transition: 0.4s;
	background-color: #00fe9b;
}
.ef:focus ~ .focus_line,
.cp_iptxt.ef ~ .focus_line {
	width: 100%;
	transition: 0.4s;
}
.ef ~ label {
	position: absolute;
	z-index: -1;
	top: 4px;
	left: 0;
	width: 100%;
	transition: 0.3s;
	letter-spacing: 0.5px;
	color: #aaaaaa;
}
.ef:focus ~ label, .cp_iptxt.ef ~ label {
	font-size: 12px;
	top: -16px;
	transition: 0.3s;
	color: #00fe9b;
}
.headline{
	position: relative;
	padding: 0.25em 0;
}
.headline:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #00d1ed, #00edb2);
	background: linear-gradient(to right, #00d1ed, #00edb2);
}
.headline2{
	position: relative;
	padding: 0.25em 0;
}
.headline2:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #ed1000, #ed8e00);
	background: linear-gradient(to right, #ed1000, #ed8e00);
}
.headline3{
	position: relative;
	padding: 0.25em 0;
}
.headline3:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #00ed57, #a2ed00);
	background: linear-gradient(to right, #00ed57, #a2ed00);
}
.headline4{
	position: relative;
	padding: 0.25em 0;
}
.headline4:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #ed00e9, #ed004f);
	background: linear-gradient(to right, #ed00e9, #ed004f);
}
.headline5{
	position: relative;
	padding: 0.25em 0;
}
.headline5:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #edc600, #e1ed00);
	background: linear-gradient(to right, #edc600, #e1ed00);
}
.headline6{
	position: relative;
	padding: 0.25em 0;
}
.headline6:after{
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #ed005f, #92ed00);
	background: linear-gradient(to right, #ed005f, #92ed00);
}