* {
  font-family: arial;
}

/** float container */
.float-container {

  margin-bottom: 8px;
  padding: 0 8px;

  /** active label */
}
.float-container input {

  font-size: 16px;
  outline: 0;
  padding: 16px 0 10px;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #4EA6EA;
}
.float-container label {
  font-size: 16px;
  position: absolute;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: translate(0, 16px) scale(1);
          transform: translate(0, 16px) scale(1);
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.float-container.active label {
  -webkit-transform: translate(0, 4px) scale(0.75);
          transform: translate(0, 4px) scale(0.75);
	
}