.has-float-label{
	display:block;
	position:relative
	}
.has-float-label label,
.has-float-label>span{
	position:absolute;
	left:0;top:0;
	cursor:text;
	font-size:75%;
	opacity:1;
	-webkit-transition:all .2s;
	transition:all .2s
	}
.has-float-label select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none}
.has-float-label textarea{
	width:100%
	}
.has-float-label input,
.has-float-label select,
.has-float-label textarea{
	font-size:inherit;
	padding-top:1em;
	margin-bottom:2px;
	border:1;
	border-radius:1;
	border-bottom:2px solid rgba(0,0,0,.1)
	}
.has-float-label input::-webkit-input-placeholder,
.has-float-label select::-webkit-input-placeholder,
.has-float-label textarea::-webkit-input-placeholder{
	opacity:1;
	-webkit-transition:all .2s;
	transition:all .2s
	}
.has-float-label input::-moz-placeholder,
.has-float-label select::-moz-placeholder,
.has-float-label textarea::-moz-placeholder{
	opacity:1;
	transition:all .2s
	}
.has-float-label input:-ms-input-placeholder,
.has-float-label select:-ms-input-placeholder,
.has-float-label textarea:-ms-input-placeholder{
	opacity:1;transition:all .2s
	}
.has-float-label input::placeholder,
.has-float-label select::placeholder,
.has-float-label textarea::placeholder{
	opacity:1;
	-webkit-transition:all .2s;
	transition:all .2s}
.has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.has-float-label select:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder{
	opacity:0
	}
.has-float-label input:placeholder-shown:not(:focus)::-moz-placeholder,
.has-float-label select:placeholder-shown:not(:focus)::-moz-placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::-moz-placeholder{
	opacity:0
	}
.has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder,
.has-float-label select:placeholder-shown:not(:focus):-ms-input-placeholder,
.has-float-label textarea:placeholder-shown:not(:focus):-ms-input-placeholder{opacity:0}
.has-float-label input:placeholder-shown:not(:focus)::placeholder,
.has-float-label select:placeholder-shown:not(:focus)::placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::placeholder{opacity:0}
.has-float-label input:placeholder-shown:not(:focus)+*,
.has-float-label select:placeholder-shown:not(:focus)+*,
.has-float-label textarea:placeholder-shown:not(:focus)+*{
	font-size:100%;
	opacity:.5;
	top:.5em;
	margin-left:.5em;
	/*font-weight: normal*/
	}
.has-float-label input:focus,
.has-float-label select:focus,
.has-float-label textarea:focus{
	outline:0;
	border-color:rgba(0,0,0,.5)
	}
.has-float-label select{
	padding-right:1em;
	background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .5em bottom .25em;
	background-size:8px 10px
	}