/* Labels */
form.mktoForm label.mktoLabel {
  color: #444 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  letter-spacing: 1px !important;
}

form.mktoForm label.mktoLabel span { 
  color: inherit !important;
}

/* Inputs */
form.mktoForm input[type="date"],
form.mktoForm input[type="email"],
form.mktoForm input[type="number"],
form.mktoForm input[type="tel"],
form.mktoForm input[type="text"],
form.mktoForm input[type="url"],
form.mktoForm select.mktoField,
form.mktoForm textarea.mktoField {
  background-color: #f0f0f0 !important;
  height: 40px !important;
  color: #444 !important;
  font-size: 16px !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  box-shadow: none !important;
  text-align: left !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0 !important;
}
form.mktoForm input::-webkit-input-placeholder,
form.mktoForm textarea::-webkit-input-placeholder,
form.mktoForm select::-webkit-input-placeholder {
  color: #626262 !important;
  font-size: 16px !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  text-align: left !important;
}
form.mktoForm input::-moz-placeholder,
form.mktoForm textarea::-moz-placeholder,
form.mktoForm select::-moz-placeholder {
  color: #626262 !important;
  font-size: 16px !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  text-align: left !important;
}
form.mktoForm input:-ms-input-placeholder,
form.mktoForm textarea:-ms-input-placeholder,
form.mktoForm select:-ms-input-placeholder {
  color: #626262 !important;
  font-size: 16px !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  text-align: left !important;
}
form.mktoForm input:-moz-placeholder,
form.mktoForm textarea:-moz-placeholder,
form.mktoForm select:-moz-placeholder {
  color: #626262 !important;
  font-size: 16px !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  text-align: left !important;
}

/* Dropdowns/Multi-select */
form.mktoForm select.mktoField {
  /* Unselected */
  color: #626262 !important;
}
form.mktoForm select.mktoField.mktoValid {
  /* Selected */
  color: #444 !important;
}

form.mktoForm select.mktoField:not([multiple]) {
  /* Picklist */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS4wNiAzNi42Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzU1NTtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MTBweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1NS41MiAzLjU0IDI5LjUzIDI5LjUzIDMuNTQgMy41NCIvPjwvZz48L2c+PC9zdmc+) !important;

  background-size: 15px !important;
}
form.mktoForm select.mktoField[multiple] > option:first-child {
  /* Multi-select */
  color: #626262 !important;
}

/* Radio Buttons & Checkboxes */
form.mktoForm .mktoRadioList > label,
form.mktoForm .mktoCheckboxList > label {
  color: #fff !important;
  min-height: 24px !important;
  height: auto !important;
  margin: 0 0 1rem 0 !important;
  padding-left: 42px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  text-align: left !important;
}

form.mktoForm.dark-labels .mktoRadioList > label,
form.mktoForm.dark-labels .mktoCheckboxList > label {
  color: #555 !important;
}

/* Radio Buttons */
form.mktoForm .mktoRadioList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  outline: none !important;
  border: none !important;
  background: rgb(241,242,242) !important;
  border-radius: 100%!important;
}
form.mktoForm .mktoRadioList > label:after {
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  background-color: none !important;
  border-radius: 100% !important;
  position: absolute !important;
  text-align: center !important;
  top: 3px !important;
  left: 3px !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:before {
  background: rgb(241,242,242) !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:after {
  background-color: #0072B7 !important;
}

/* Checkboxes */
form.mktoForm .mktoCheckboxList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  outline: none !important;
  border: none !important;
  background: rgb(241,242,242) !important;
  border-radius: 0 !important;
}
form.mktoForm .mktoCheckboxList > label:after {
  width: 13px !important;
  height: 30px !important;
  border-right: 3px solid #0072B7 !important;
  border-bottom: 3px solid #0072B7 !important;
  font-size: 16px !important;
  position: absolute !important;
  text-align: center !important;
  top: -10px !important;
  left: 13px !important;
  color: #fff !important;
  transform: rotate(45deg) !important;
  opacity: 0 !important;
}
form.mktoForm input[type="checkbox"].mktoField:checked + label:before {
  background: rgb(241,242,242) !important;
}
form.mktoForm input[type="checkbox"].mktoField:checked + label:after {
  opacity: 1 !important;
}

/* Text Areas */
form.mktoForm textarea.mktoField {
  min-height: calc(3 * 55px) !important;
  text-align: left !important;
}

/* Submit Button */
form.mktoForm .mktoButtonWrap {
  text-align: left !important;
}
form.mktoForm button.mktoButton {
  padding: 11px 28px 10px 28px !important;
  border: 2px solid #444 !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  line-height: 1.05 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  background: #444 !important;
  background-image: none !important;
  transition: all 250ms ease !important;
}
form.mktoForm button.mktoButton:hover {
  text-decoration: none;
  background-color: transparent !important;
  color: #444 !important;
  border: 2px solid #444 !important;
}

/* Fieldsets */
form.mktoForm fieldset {
  border: 1px solid #626262 !important;
}
form.mktoForm fieldset legend {
  font-family: "Open Sans","Arial",sans-serif !important;
}

/* Validation */
form.mktoForm .mktoError .mktoErrorMsg {
  position: absolute !important;
  right: 0 !important;
  z-index: 99999 !important;
  margin-top: 0 !important;
  background-color: #ffffff !important;
  border: 2px solid #f00 !important;
  color: #000000 !important;
  font-size: 13px !important;
  line-height: 1.2em !important;
  max-width: 16em !important;
  padding: 12px 16px 10px 16px !important;
  margin-right: .5rem !important;
}
form.mktoForm .mktoError .mktoErrorMsg:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 0 !important;
  top: -13px !important;
  bottom: auto !important;
  left: 50px !important;
  right: auto !important;
  border-width: 0 13px 13px !important;
  border-style: solid !important;
  border-color: #f00 transparent !important;
}
form.mktoForm .mktoError .mktoErrorMsg:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 0 !important;
  top: -10px !important;
  bottom: auto !important;
  left: 53px !important;
  right: auto !important;
  border-width: 0 10px 10px !important;
  border-style: solid !important;
  border-color: #ffffff transparent !important;
}
form.mktoForm input[type="date"].mktoInvalid,
form.mktoForm input[type="email"].mktoInvalid,
form.mktoForm input[type="number"].mktoInvalid,
form.mktoForm input[type="tel"].mktoInvalid,
form.mktoForm input[type="text"].mktoInvalid,
form.mktoForm input[type="url"].mktoInvalid,
form.mktoForm select.mktoField.mktoInvalid,
form.mktoForm textarea.mktoField.mktoInvalid {
  border-color: #f00 !important;
}
form.mktoForm input[type="date"]:focus,
form.mktoForm input[type="email"]:focus,
form.mktoForm input[type="number"]:focus,
form.mktoForm input[type="tel"]:focus,
form.mktoForm input[type="text"]:focus,
form.mktoForm input[type="url"]:focus,
form.mktoForm select.mktoField:focus,
form.mktoForm textarea.mktoField:focus {
  border-top-color: #f1f1f1 !important;
  border-right-color: #f1f1f1 !important;
  border-bottom-color: #444 !important;
  border-left-color: #f1f1f1 !important;
}

/* Destkop Styling */
@media screen and (min-width: 60em) {
  form.mktoForm input[type="date"],
  form.mktoForm input[type="email"],
  form.mktoForm input[type="number"],
  form.mktoForm input[type="tel"],
  form.mktoForm input[type="text"],
  form.mktoForm input[type="url"],
  form.mktoForm select.mktoField {
    height: 40px !important;
    padding: 8px !important;
  }
  form.mktoForm select.mktoField[multiple] {
    background-color: #fefefe !important;
    background-image: none !important;
  }
  form.mktoForm .mktoRadioList > label:hover:after {
    background: rgb(241,242,242) !important;
  }
  form.mktoForm .mktoCheckboxList > label:hover:before {
    background: rgb(241,242,242) !important;
  }
  form.mktoForm .mktoFieldWrap {
    padding: 0 !important;
  }
}

/* Mkto Style Overwrites */
@media only scren and (max-width: 480px) {
  form.mktoForm label.mktoLabel {
    text-align: left !important;
  }
}

/********************************************
 * Marketo Form Theme - Dark
 **********************/

 form.mktoFormTheme-dark form.mktoForm label.mktoLabel {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: "Open Sans","Arial",sans-serif !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  letter-spacing: 1px !important;
}

 /********************************************
 * Marketo Form Label Style - Hidden
 **********************/

form.mktoFormLabels-hide label.mktoLabel {
   display: none !important;
 }

 /********************************************
 * Marketo Form Label Style - Fancy
 **********************/

form.mktoFormLabels-fancy label.mktoLabel {
  opacity: 0 !important;
}

form.mktoFormLabels-fancy label.mktoLabel {
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}