/*form span{color:darkred;}*/

form.floatingLabel div {
  position: relative;
}

#checkMe{
	position: absolute;
	top: 0;
	left: -4000px;
}

.floatingLabel input[type="text"],
.floatingLabel input[type="email"],
.floatingLabel input[type="tel"],
.floatingLabel textarea,
.floatingLabel button,
.floatingLabel select {
  border: none;
  border-bottom: 1px solid #333;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: transparent;
}
.floatingLabel input[type="text"]:focus, .floatingLabel input[type="text"]:hover,
.floatingLabel input[type="date"]:hover, .floatingLabel input[type="date"]:focus,
.floatingLabel input[type="email"]:focus,
.floatingLabel input[type="email"]:hover,
.floatingLabel input[type="tel"]:focus,
.floatingLabel input[type="tel"]:hover,
.floatingLabel textarea:focus,
.floatingLabel textarea:hover,
.floatingLabel button:focus,
.floatingLabel button:hover,
.floatingLabel select:focus,
.floatingLabel select:hover {
  outline: none;
  border-color: #3F3F3F;
}
.floatingLabel input[type="text"]:focus + label, .floatingLabel input[type="text"]:hover + label,
.floatingLabel input[type="date"]:hover + label, .floatingLabel input[type="date"]:focus + label, 
.floatingLabel input[type="email"]:focus + label,
.floatingLabel input[type="email"]:hover + label,
.floatingLabel input[type="tel"]:focus + label,
.floatingLabel input[type="tel"]:hover + label,
.floatingLabel textarea:focus + label,
.floatingLabel textarea:hover + label,
.floatingLabel button:focus + label,
.floatingLabel button:hover + label,
.floatingLabel select:focus + label,
.floatingLabel select:hover + label {
  color: #8d8741;
  cursor: text;
}
.floatingLabel select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.floatingLabel label {
  position: absolute;
  color: #8d8741;
  top: 0.5rem;
  left: 1.5rem;
  display: inline-block;
  cursor: text;
  transition: color 0.3s, top 0.2s, left 0.2s, font-size 0.2s;
}
.floatingLabel label.active {
  /* move label out the input field */
  font-size: 0.8rem;
  top: -0.8rem;
  left: 0.5rem;
  font-style: oblique;
	color: #8d8741;
}
.floatingLabel span{color: #EE1017;}
.floatingLabel li > label, .floatingLabel li > label.active {
    position: inherit;
    transition: none;
    vertical-align: top;
}
.floatingLabel textarea {
  border: 1px solid #fefefe;
  margin-top: 1.5rem;
  height: auto;
  resize: vertical;
  overflow: auto;
}
.floatingLabel textarea + label{
  top:1.5rem;
}
.floatingLabel textarea + label.active{top:-.025rem;}