/* Layout */
form.mktoForm .mktoFormRow>.mktoFormCol {
  width: 100%!important;
  margin-bottom: .75rem!important;
}

/* Labels */
form.mktoForm label.mktoLabel {
  color: #3f3f44 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  font-family: 'Archivo', sans-serif !important;
  line-height: 1.2 !important;
  text-transform: none !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: #f8f8f8 !important;
  height: 40px !important;
  color: #444 !important;
  font-size: 16px !important;
  font-family: 'Rubik', sans-serif !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
  text-align: left !important;
  border-top: 1px solid #d1d1d1 !important;
  border-right: 1px solid #d1d1d1 !important;
  border-bottom: 1px solid #d1d1d1 !important;
  border-left: 1px solid #d1d1d1 !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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NS41MDEiIGhlaWdodD0iMzQuMjcxIiB2aWV3Qm94PSIwIDAgNTUuNTAxIDM0LjI3MSI+PHBhdGggZD0iTTE5LjQwNiw5bC02LjUyMSw2LjUyMUwzNC4wNjgsMzYuNzUsMTIuODg1LDU3Ljk3OSwxOS40MDYsNjQuNWwyNy43NS0yNy43NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjUwMSAtMTIuODg1KSByb3RhdGUoOTApIiBmaWxsPSIjNjZiMmIxIi8+PC9zdmc+) !important;
	/* 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: #3f3f44 !important;
  min-height: 32px !important;
  height: auto !important;
  margin: 0 0 1rem 0 !important;
  padding-left: 42px !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: 'Rubik', sans-serif !important;
  text-align: left !important;
}

/* Radio Buttons */
form.mktoForm .mktoRadioList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 32px !important;
  height: 32px !important;
  outline: none !important;
  border: none !important;
  background: #f8f8f8 !important;
  border-radius: 100%!important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !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: 7px !important;
  left: 7px !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:before {
  background: #f8f8f8 !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:after {
  background-color: #66B2B1 !important;
}

/* Checkboxes */
form.mktoForm .mktoCheckboxList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 32px !important;
  height: 32px !important;
  outline: none !important;
  border: none !important;
  background: #f8f8f8 !important;
  border-radius: 0 !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
}
form.mktoForm .mktoCheckboxList > label:after {
  width: 13px!important;
  height: 24px!important;
  border-right: 4px solid #66B2B1!important;
  border-bottom: 4px solid #66B2B1!important;
  font-size: 16px!important;
  position: absolute!important;
  text-align: center!important;
  top: 0px!important;
  left: 10px!important;
  color: #fff!important;
  transform: rotate(45deg)!important;
  opacity: 0 !important;
}
form.mktoForm input[type="checkbox"].mktoField:checked + label:before {
  background: #f8f8f8 !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: center !important;
}
.btn,
form.mktoForm button.mktoButton {
  border: none !important;
  border-radius: 0 !important;
  line-height: 1.05 !important;
  font-weight: normal !important;
  font-family: 'Archivo', sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  padding: .85rem 3rem !important;
  font-size: 1rem !important;
  background: -webkit-linear-gradient(#66b2b1 0%,#66b2b1 50%,#528d8c 100%) !important;
  background: linear-gradient(#66b2b1 0%,#66b2b1 50%,#528d8c 100%) !important;
  color: #fff !important;
  border-radius: 0 !important;
  -webkit-transition: background .3s ease-out !important;
  transition: background .3s ease-out !important;
  background-size: 100% 200% !important;
  position: relative !important;
  text-transform: uppercase !important;
  overflow: visible !important;
  text-decoration: none;
  display: inline-block;
}
.btn:before,
.btn:after,
form.mktoForm button.mktoButton:before,
form.mktoForm button.mktoButton:after {
  content: '';
  position: absolute;
  background: #3F3F44;
}
.btn:before,
form.mktoForm button.mktoButton:before {
  top: 2px;
  left: 100%;
  width: 2px;
  height: 100%;
}
.btn:after,
form.mktoForm button.mktoButton:after {
  top: 100%;
  left: 2px;
  width: 100%;
  height: 2px;
}
.btn:hover,
form.mktoForm button.mktoButton:hover {
  border: none !important;
  background-position: 50% 70% !important;
}

/* Fieldsets */
form.mktoForm fieldset {
  border: 1px solid #626262 !important;
}
form.mktoForm fieldset legend {
  font-family: 'Archivo', 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 #8E4A7C !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: #8E4A7C 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: #8E4A7C !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 {
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.16) !important;
  border-top: 1px solid #d1d1d1 !important;
  border-right: 1px solid #d1d1d1 !important;
  border-bottom: 1px solid #d1d1d1 !important;
  border-left: 1px solid #d1d1d1 !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 - Light
 * Note: Default is Dark
 **********************/

form.mktoForm.theme-light label.mktoLabel,
form.mktoForm.theme-light .mktoRadioList > label,
form.mktoForm.theme-light .mktoCheckboxList > label {
  color: #fff !important;
}

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

 /********************************************
 * Marketo Form Button Style - Gray Button
 **********************/
 form.mktoForm.button-teal button.mktoButton {
   border: none !important;
   border-radius: 0 !important;
   line-height: 1.05 !important;
   font-weight: normal !important;
   font-family: 'Archivo', sans-serif !important;
   text-transform: uppercase !important;
   text-shadow: none !important;
   padding: .85rem 3rem !important;
   font-size: 1rem !important;
   background: -webkit-linear-gradient(#3f3f44 0%, #3f3f44 50%, #1a1a1d 100%) !important;
   background: linear-gradient(#3f3f44 0%, #3f3f44 50%, #1a1a1d 100%) !important;
   color: #fff !important;
   border-radius: 0 !important;
   -webkit-transition: background .3s ease-out !important;
   transition: background .3s ease-out !important;
   background-size: 100% 200% !important;
   position: relative !important;
   text-transform: uppercase !important;
   overflow: visible !important;
 }
 form.mktoForm.button-teal button.mktoButton:before,
 form.mktoForm.button-teal button.mktoButton:after {
   content: '';
   position: absolute;
   background: #D1D1D1;
 }
 form.mktoForm.button-teal button.mktoButton:before {
   top: 2px;
   left: 100%;
   width: 2px;
   height: 100%;
 }
 form.mktoForm.button-teal button.mktoButton:after {
   top: 100%;
   left: 2px;
   width: 100%;
   height: 2px;
 }
 form.mktoForm.button-teal button.mktoButton:hover {
   border: none !important;
   background-position: 50% 70% !important;
 }

 /********************************************
 * Marketo Form Style - Gray Box
 **********************/

.mktoForm-graybox {
  background: #E6E6E6;
  padding: 1.5rem;
}
.mktoForm-graybox h4 {
  text-align: center;
  margin-bottom: 1.5rem;
}
.mktoForm-graybox .mktoButtonWrap {
  text-align: center !important;
}

/********************************************
* Marketo Form Style - 2 Column Checkboxes
**********************/
.mktoForm-TwoColCheckBoxes form.mktoForm .mktoRadioList > label, 
.mktoForm-TwoColCheckBoxes form.mktoForm .mktoCheckboxList > input:not([name=Explicit_Opt_In__c]) + label {
  width: 50% !important;
  float: left;
}