/* ---- Floating Placeholder - http://codepen.io/lbebber/pen/uEHzD ---- */
.floating-placeholder .input,
.floating-placeholder {
	font-size: 16px;
	line-height: 30px; /* 30px */
	height: 50px;
	margin: 0;
	/*padding: 10px;*/
	padding: 20px 10px 10px;
	width: 100%;
}
.floating-button{
	height: 50px;
}
.floating-placeholder {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0;
	overflow: hidden;
}
	.floating-placeholder .input {
		font-size: 16px;
		border: none;
		outline: none;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: transparent;
		z-index: 2;
	}
		.floating-placeholder .input::-webkit-input-placeholder,
		.floating-placeholder .input:-moz-placeholder,
		.floating-placeholder .input::-moz-placeholder,
		.floating-placeholder .input:-ms-input-placeholder{
			color: transparent;
		}
		.floating-placeholder .input:focus + label {
		}
		.floating-placeholder .input[value] + label {
			z-index: 20;
		}
	.floating-placeholder label {
		color: #81838A;
		font-weight: 100;
		display: block;
		position: absolute;
		top: 10px;
		left: 10px;
		line-height: 40px;
		z-index: 2;
		color: #81838A;
		-ms-transform-origin: 0 0em;
		-webkit-transform-origin: 0 0em;
		transform-origin: 0 0em;
		-webkit-transition: font-size 160ms;
		transition: font-size 160ms;
		-webkit-transition: line-height 160ms;
		transition: line-height 160ms;

		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
.floating-placeholder-float label {
	/*  -moz-transform: scale(0.55, 0.55) rotateY(0);
		-ms-transform: scale(0.55, 0.55) rotateY(0);
		-webkit-transform: scale(0.55, 0.55) rotateY(0);
		transform: scale(0.55, 0.55) rotateY(0); */
		top: 0;
		font-size: 11px;
		line-height: 20px;
}
/* .floating-placeholder-float .input{
	top: 5px;
} */
/* .floating-placeholder-float .input {
	line-height: 50px;
} */