.form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}


/* iii Inputs iii */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
  float: left;
  width: auto;
  height: 2.4em;
  line-height: 2.4em;
  padding: 0px;
  font-size: 1em;
  letter-spacing: 0px;
  color: #000;
  color: rgba(0, 0, 0, 1);
  background: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 2px solid #dedede;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="url"],
.form input[type="password"],
.form input[type="search"],
.form input[type="number"],
.form input[type="tel"],
.form input[type="range"],
.form input[type="date"],
.form input[type="month"],
.form input[type="week"],
.form input[type="time"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="color"],
.form textarea,
.form select {
  width: 100%;
}

input[type="number"] {
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 0 0 0 10px;
  max-width: 64px;
}

input[type="search"] {
  border-radius: 0;
  font-size: .8em;
  font-weight: 500;
}

select {
  height: 32px;
  line-height: 30px;
  padding: 0 30px 0 10px;
  font-size: .8em;
  background: none;
  background: url(../../img/icons/icon-arrow-down-thick.svg) no-repeat !important;
  background-position: calc(100% - 10px) !important;
  background-size: 10px !important;
}

textarea {
  width: 100%;
  height: 160px;
  border-color: #dedede;
  resize: vertical;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover,
textarea:hover,
select:hover {
  outline: 0;
  background: rgba(0, 0, 0, 0);
  border-color: #d0d0d0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
  outline: 0;
  color: #00ffa7;
  background: rgba(0, 0, 0, 0);
  border-color: #00ffa7;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale3d(1.0, 1.0, 1.0);
  transform: translateZ(0) scale3d(1.0, 1.0, 1.0);
}

.form {
  float: left;
  position: relative;
}

.form .third,
.form.third {
  width: 33%;
  width: calc(33.33333% - 20px);
  margin: 0 0 40px 0;
}

.form .half,
.form.half {
  width: 50%;
  width: calc(50% - 20px);
  margin: 0 0 40px 0;
}

.form .full,
.form.full {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
}

.form .last,
.form.last {
  margin: 0;
}

.form label {
  float: left;
  width: 100%;
  margin: 0 0 4px;
  text-align: left;
  font-size: 0.9em;
  color: #929292;
  cursor: pointer;
}


/* Animated labels */

html.js :not(form).form:not(.no-animate) label {
  position: absolute;
  float: left;
  width: 100%;
  left: 0;
  top: -0.25rem;
  margin: 0;
  text-align: left;
  font-size: 0.9em;
  color: #929292;
  cursor: pointer;
  top: -0.375rem;
  left: 0;
}

html.js :not(form).form:not(.no-animate).active label {
  top: -1.5rem;
  font-size: .75rem;
}

html.js label.form-label.checkbox,
html.js .mc4wp-form .form label,
html.js .form .wpcf7-checkbox label {
  position: relative;
  top: auto;
}

html.js .mc4wp-form .form.active label {
  position: relative;
  top: auto;
}

.form label:hover,
.wpcf7 .form:hover label {}

.form label:hover span label,
.wpcf7 .form:hover label span label {
  color: inherit;
}

html.js html.js .form label {
  position: absolute;
}


::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.site-footer ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 1);
}

.site-footer ::-moz-placeholder {
  color: rgba(0, 0, 0, 1);
}

.site-footer :-ms-input-placeholder {
  color: rgba(0, 0, 0, 1);
}

.site-footer :-moz-placeholder {
  color: rgba(0, 0, 0, 1);
}

/* Autocomplete styles in Chrome */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  outline: 0;
  border: inherit;
  border-radius: 0;
  -webkit-text-fill-color: #00ffa7;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Remove Webkit search clear button */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}





/* xx Media queries xx */

@media screen and (max-width: 767px) {

  .form .third,
  .form.third {
    width: 100%;
  }

}