/* before */
/*@mixin bg-img-properties($repeat, $size, $position) {*/
/* TRANSFORM ALIGNMENT */
/* END */
/* transform */
/* end - transform */
/* transition */
/* end - transition */
/* box-shadow */
/* end - box-shadow */
input {
  font-family: 'Mulish';
}

select {
  font-family: 'Mulish';
}
select option {
  font-family: 'Mulish';
}

button, label, textarea {
  font-family: 'Mulish';
}

/* select arrow */
/* end - select arrow */
/* placeholder */
/* end - placeholder */
.inputTypeA {
  width: 100%;
  height: 100%;
  color: rgba(250, 250, 250, 0.9);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 0 10px 0 10px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(250, 250, 250, 0.81);
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.inputTypeA:hover {
  border-color: #fafafa;
}

.inputTypeB {
  width: 100%;
  height: 100%;
  padding: 0 50px 0 0;
  color: #323636;
  font-size: 20px;
  font-weight: 400;
  background-color: #ffffff;
  border: none;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.inputTypeB::-webkit-input-placeholder, .inputTypeB:-moz-placeholder, .inputTypeB::-moz-placeholder, .inputTypeB:-ms-input-placeholder {
  color: #0a519e;
}
.inputTypeB:focus {
  border-color: #0a519e;
}
.inputTypeB:focus {
  border-color: #aeb2b2;
}

@media screen\0 {
  /* IE HACK */
  select {
    background-image: none !important;
    -moz-appearance: none !important;
  }
}
.textareaTypeA {
  width: 100%;
  height: 100%;
  color: rgba(250, 250, 250, 0.9);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 0 10px 0 10px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(250, 250, 250, 0.81);
  padding: 15px 10px;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  resize: none;
}
.textareaTypeA:focus {
  border-color: #aeb2b2;
}
.textareaTypeA:hover {
  border-color: #fafafa;
}

.errorA,
.errorB .box.radio {
  border-color: #f8a4a7;
}

.input-validation-error, .validate-error {
  color: #9a141c !important;
  border-color: #9a141c !important;
}
.input-validation-error::-webkit-input-placeholder, .validate-error::-webkit-input-placeholder {
  color: #9a141c;
}
.input-validation-error:-moz-placeholder, .validate-error:-moz-placeholder {
  color: #9a141c;
  color: #9a141c;
}
.input-validation-error:-ms-input-placeholder, .validate-error:-ms-input-placeholder {
  color: #9a141c;
}

.field-validation-error, .error {
  position: absolute;
  bottom: 16px;
  right: 5px;
  color: #9a141c;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2px;
  background-color: none;
}

.validate-success {
  border-color: #27b22e;
}

@media all and (max-width: 767px) {
  .inputTypeA {
    color: rgba(250, 250, 250, 0.7);
    border-bottom: 1px solid rgba(250, 250, 250, 0.7);
  }

  .inputTypeB {
    padding: 0 35px 0 0;
    font-size: 17px;
  }

  .textareaTypeA {
    color: rgba(250, 250, 250, 0.7);
    border-bottom: 1px solid rgba(250, 250, 250, 0.7);
  }
}