.form {
  max-width: 100%;
  margin: auto;
  font-size: 0;
}
.form div {
  width: 100%;
  display: inline-block;
  margin: 5px 0px 10px;
  vertical-align: top;
  font-size: 16px;
}
.form input,
.form textarea {
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  color: #191919;
  padding: 10px;
  -webkit-transition: border-color .1s ease-in-out;
  -ms-transition: border-color .1s ease-in-out;
  transition: border-color .1s ease-in-out;
}
.form input:focus,
.form textarea:focus {
  border-color: #8C8989;
}
.form label {
  margin: 5px 0;
  display: none;
}
.form div.succes,
.form div.fail {
  display: none;
}
.form div.succes span,
.form div.fail span {
  display: block;
  border: 1px solid #D80303;
  color: #D80303;
  padding: 15px;
  text-align: center;
}
.form span.error {
  display: none;
  color: #D80303;
}

.form div label,
.form div span,
.form div textarea,
.form div input {
  width: 100%;
}
.form div.submit input {
  background-color: transparent;
  border: 1px solid #D80303;
  color: #D80303;
  margin: 10px 0;
  -webkit-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.form div.submit input:hover {
  color: #fff;
  background-color: #D80303;
  border-color: #D80303;
}
.form div.submit input:active {
  background-color: #D80303;
  color: #fff;
  border-color: #D80303;
}
.input-email,
.textarea {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.input-name,
.input-subject,
.input-submit {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}