:focus{
	outline: none;
}

.placeholder-out-container{
	float: left; 
	width: 27.33%; 
	margin: 40px 3%; 
	position: relative;
} /* necessary to give position: relative to parent. */

.placeholder-out{
	border: 0; 
	padding: 7px 15px; 
	border: 1px solid #ccc; 
	position: relative; 
	background: transparent !important; 
	z-index: 2
}

.placeholder-out ~ .focus-bg{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 0; 
	height: 100%; 
	background-color: transparent; 
	transition: 0.4s; 
	z-index: -1;
}

.placeholder-out:focus ~ .focus-bg, 
.has-content.placeholder-out ~ .focus-bg{
	transition: 0.4s; 
	width: 100%; 
	background-color: #ededed;
}

.placeholder-out ~ label{
	position: absolute; 
	left: 25px; 
	width: 100%; 
	top: 13px; 
	color: #C7BEA3; 
	transition: 0.3s; 
	z-index: 1; 
	letter-spacing: 0.5px; 
	font-size: 12px;
}

.placeholder-out:focus ~ label, .has-content.placeholder-out ~ label{
	top: -20px; 
	left: 15px; 
	font-size: 12px; 
	color: black; 
	transition: 0.3s;
}