*,*:after,*:before {
	box-sizing:border-box;
}
.panel-lite {
	margin:20px auto;
	max-width:360px;
	background:#fff;
	padding:45px 20px;
	border-radius:4px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	position:relative;
}
.panel-lite h4 {
	font-weight:400;
	font-size:24px;
	text-align:center;
	color:#FF4081;
	margin:15px auto;
}
.panel-lite a {
	display:inline-block;
	margin-top:25px;
	text-decoration:none;
	color:#FF4081;
	font-size:14px;
}
.form-group {
	position:relative;
	font-size:15px;
	color:#666;
}
.form-group + .form-group {
	margin-top:30px;
}
.form-group .form-label {
	position:absolute;
	z-index:1;
	left:0;
	top:5px;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.form-group .form-control {
	width:100%;
	position:relative;
	z-index:3;
	height:35px;
	background:none;
	border:none;
	padding:5px 0;
	-webkit-transition:0.3s;
	transition:0.3s;
	border-bottom:1px solid #777;
}
.form-group .form-control:invalid {
	outline:none;
}
.form-group .form-control:focus,.form-group .form-control:valid {
	outline:none;
	color:#3bcf68;
	box-shadow:0 1px #3bcf68;
	border-color:#3bcf68;
}
.form-group .form-control:focus + .form-label,.form-group .form-control:valid + .form-label {
	font-size:12px;
	-ms-transform:translateY(-15px);
	-webkit-transform:translateY(-15px);
	transform:translateY(-15px);
}