/**
 * Master Addons - Contact Form 7
 *
 * Styles for the Contact Form 7 widget only.
 */
.ma-cf {
  padding: 0;
}
.ma-cf form input {
  font-size: 14px;
}
.ma-cf form input[type=text], .ma-cf form input[type=email], .ma-cf form input[type=url], .ma-cf form input[type=password], .ma-cf form input[type=search], .ma-cf form input[type=number], .ma-cf form input[type=tel], .ma-cf form input[type=range], .ma-cf form input[type=date], .ma-cf form input[type=month], .ma-cf form input[type=week], .ma-cf form input[type=time], .ma-cf form input[type=datetime], .ma-cf form input[type=datetime-local], .ma-cf form input[type=color] {
  width: 100%;
}
.ma-cf form input[type=submit] {
  margin-top: 1.5em;
  text-transform: uppercase;
}
.ma-cf form .btn,
.ma-cf form [type=submit] {
  background: #4b00e7;
  border: 1px solid #4b00e7;
  border-radius: 5px;
  color: #fff;
}
.ma-cf form .btn:hover, .ma-cf form .btn:focus,
.ma-cf form [type=submit]:hover,
.ma-cf form [type=submit]:focus {
  background-color: #fff;
  border: 1px solid #4b00e7;
  color: #4b00e7;
}
.ma-cf form textarea {
  min-height: 150px;
  max-height: 150px;
  width: 100%;
}
.ma-cf form .wpcf7-form-control::-webkit-input-placeholder, .ma-cf form .wpcf7-form-control::-moz-placeholder, .ma-cf form .wpcf7-form-control:-ms-input-placeholder {
  color: #78909c;
}
.ma-cf form p {
  position: relative;
}
.ma-cf form p br {
  display: none;
}
.ma-cf form label {
  margin: 11px 0;
}
.ma-cf ul li {
  list-style: none;
}

.ma-cf label {
  display: block;
  color: #78909c;
  font-size: 13px;
  font-weight: 400;
}

.ma-cf input,
.ma-cf textarea {
  background-color: #fff;
  border-color: #e2e7ea;
  border-radius: 5px;
  box-shadow: none;
  font-size: 16px;
  margin-bottom: 10px;
  height: 60px;
}

.ma-cf [type=submit] {
  background: #4b00e7;
  border: 1px solid #4b00e7;
  border-radius: 5px;
  color: #fff;
}

.ma-cf [type=submit]:hover {
  background: #fff;
  color: #4b00e7;
}

.ma-cf .wpcf7-form-control:focus {
  border-color: inherit;
  box-shadow: none;
  outline: 0 !important;
}

.ma-cf-2 input[type=submit] {
  float: left;
}

.ma-cf-3 input,
.ma-cf-3 textarea,
.ma-cf-4 input,
.ma-cf-4 textarea {
  background-color: #27262e;
  color: #fff;
}

.ma-cf-4 input[type=submit] {
  float: left;
}

.ma-cf-5 label {
  position: relative;
  padding: 15px 0;
  background-color: #fff;
  color: #78909c;
  top: -18px;
  margin: 0;
  padding: 5px 10px;
  z-index: 1;
}

.ma-cf-5 form .wpcf7-form-control {
  padding: 15px;
}

.ma-cf-6 label {
  position: relative;
  padding: 15px 0;
  background-color: #fff;
  color: #78909c;
  top: -18px;
  margin: 0;
  padding: 5px 10px;
  z-index: 1;
  right: 15px;
  top: 14px;
  transition: font-size 150ms ease-out, transform 150ms ease-out;
}

.ma-cf-6 form .wpcf7-form-control {
  padding: 15px;
}

.ma-cf-6 input[type=submit] {
  text-align: center;
  width: 100%;
}

.ma-cf.ma-cf-6 input:focus,
.ma-cf.ma-cf-6 textarea:focus {
  border-color: #4b00e7;
}

.ma-cf-6 form p {
  position: relative;
}

.ma-cf-6 .focused label {
  background-color: #fff;
  top: 16px;
  transform: translateY(-100%);
}

.ma-cf-7 .wpcf7-form-control,
.ma-cf-8 .wpcf7-form-control {
  border: none;
  border-radius: 0;
  border-bottom: 3px solid #e2e7ea;
}

.ma-cf-8 input[type=submit] {
  text-align: center;
  width: 100%;
}

.ma-cf-9 input,
.ma-cf-9 textarea,
.ma-cf-10 input,
.ma-cf-10 textarea,
.ma-cf-11 input,
.ma-cf-11 textarea {
  border-radius: 2em;
  padding-right: 25px;
}

.ma-cf-9 .wpcf7-form-control-wrap,
.ma-cf-10 .wpcf7-form-control-wrap,
.ma-cf-11 .wpcf7-form-control-wrap {
  position: relative;
}

.ma-cf-10 input[type=submit] {
  background-color: -webkit-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
  border: none;
  width: 100%;
}
.ma-cf-10 input[type=submit]:hover {
  background-color: -webkit-linear-gradient(0deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
  color: #fff;
}

.ma-cf-11 .wpcf7-form-control {
  background-color: transparent;
  border: 2px solid #e2e7ea;
  border-radius: 2em;
  color: #fff;
}

.ma-cf-11 input[type=submit] {
  background-color: -webkit-linear-gradient(0deg, rgb(10, 57, 252) 0%, rgb(213, 0, 137) 100%);
  border: none;
  width: 100%;
}
.ma-cf-11 input[type=submit]:hover {
  background-color: -webkit-linear-gradient(0deg, rgb(243, 61, 130) 0%, rgb(213, 180, 63) 100%);
  color: #fff;
}

.ma-cf-11 input::-webkit-input-placeholder,
.ma-cf-11 input::-moz-placeholder,
.ma-cf-11 input:-ms-input-placeholder,
.ma-cf-11 input:-moz-placeholder,
.ma-cf-11 textarea::-webkit-input-placeholder,
.ma-cf-11 textarea::-moz-placeholder,
.ma-cf-11 textarea:-ms-input-placeholder,
.ma-cf-11 textarea:-moz-placeholder {
  color: #fff;
}