/*================================================
LC Contact Area CSS
=================================================*/
.lc-contact-form {
  text-align: center;
}

.lc-contact-form .form-group {
  margin-bottom: 25px;
}

.lc-contact-form .form-control {
  height: 50px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 15px;
  color: var(--blackColor);
  font-size: var(--fontSize);
  border: 1px solid #eeeeee;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: none;
}

.lc-contact-form .form-control::-webkit-input-placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.lc-contact-form .form-control:-ms-input-placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.lc-contact-form .form-control::-ms-input-placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.lc-contact-form .form-control::placeholder {
  color: #999999;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.lc-contact-form .form-control:focus {
  border-color: var(--mainColor);
}

.lc-contact-form .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.lc-contact-form .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.lc-contact-form .form-control:focus::-ms-input-placeholder {
  color: transparent;
}

.lc-contact-form .form-control:focus::placeholder {
  color: transparent;
}

.lc-contact-form textarea.form-control {
  height: auto;
  padding-top: 15px;
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
  .lc-contact-form .form-group {
    margin-bottom: 15px;
  }
  .lc-contact-form .form-control {
    font-size: 14px;
  }
}