:root {
  /* Colors */
  --black-color: #000000;
  --dark-color: #1a1a1a;
  --light-gray-color: #f2f2f2;
  --gray-color: #aaaaaa;
  --white-color: #ffffff;
  /* Error colors */
  --error-light-color: #b60000;
  --error-dark-color: #ff9999;
  /* alternative error-dark-color #ff9999*/
  /* Accent colors */
  --blue-color: #3668EB;
  --green-color: #20E89F;
  --purple-color: #822FEB;
}

* {
  font-family: "aktiv-grotesk-extended";
}

body {
  margin: 0;
}

body,
html {
  height: inherit !important;
}

textarea,
input {
  margin: 0;
  box-shadow: none;
  padding: 0;
}

/* COMMON STYLES */
#pardot-form {
  font-family: "aktiv-grotesk-extended";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  margin-top: -12px;
}

#pardot-form .description,
#pardot-form a {
  color: var(--dark-color);
}

#pardot-form .pd-select label,
#pardot-form .pd-text label,
#pardot-form .pd-checkbox label,
#pardot-form .pd-textarea label {
  text-align: left;
  width: auto;
  max-width: calc(100% - 30px);
  position: absolute;
  left: 10px;
  top: -12px;
  color: var(--dark-color);
  font-size: 12px;
  font-weight: 400;
  background-image: unset;
  padding: 5px 5px 0 5px;
  z-index: 9;
  background-color: var(--white-color);
}

#pardot-form h3.title-md {
  color: var(--dark-color);
  display: block;
  font-family: aktiv-grotesk-extended, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
}

#pardot-form h4.title-md {
  color: var(--dark-color);
  display: block;
  font-family: aktiv-grotesk-extended, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  height: 27px;
  line-height: 27.75px;
  width: 100%;
}

#pardot-form .form-field input,
#pardot-form .form-field textarea,
#pardot-form .pd-select select,
#pardot-form .select2-selection {
  color: var(--dark-color);
  border: 1px solid var(--dark-color);
  padding: 15px;
  font-size: 14px;
  font-family: "aktiv-grotesk-extended";
  width: 100%;
  min-height: 64px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background-color: unset;
  /*padding-top: calc(1.125rem + 2px)!important;*/
  display: block;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

#pardot-form .form-field input:focus+.description,
#pardot-form .form-field textarea:focus+.description,
#pardot-form .form-field.used .description,
#pardot-form .form-field.used.pd-textarea .description {
  -webkit-transition: .2s ease all;
  -o-transition: .2s ease all;
  transition: .2s ease all;
  font-size: 10px;
  top: 5px;
}

#pardot-form .form-field.used.pd-textarea .description {
  color: transparent !important;
}

#pardot-form textarea {
  height: 120px;
}

#pardot-form .form-field {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

/*
#pardot-form .form-field.required .description::after {
  content: '*';
  color: var(--dark-color);
  font-size: 14px;
  position: relative;
  top: -2px;
}*/
#pardot-form .form-field.pd-textarea {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#pardot-form .form-field.pd-textarea .description {
  top: 15px;
}

#pardot-form .form-field.pd-textarea .message {
  top: 20px;
}

#pardot-form .description {
  position: absolute;
  padding: 0;
  width: unset;
  font-size: 14px;
  left: 15px;
  color: var(--dark-color);
  display: block;
}

#pardot-form .submit {
  margin: 0;
}

#pardot-form .submit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#pardot-form input[type="submit"] {
  color: var(--dark-color);
  background-color: transparent;
  padding: 14px 18px;
  min-width: 160px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-weight: 700;
  margin-left: 1.25rem !important;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid var(--dark-color);
  font-size: 14px;
  line-height: 1.9;
  border-radius: 0;
  cursor: pointer;
  margin: 0;
  outline: 0;
  /* added by Nopio */
  margin-top: 15px !important;
  margin-left: 0 !important;
}

#pardot-form .form_accent_color,
#pardot-form .form_bg_color {
  display: none;
}

#pardot-form input[type="submit"]:hover {
  color: var(--white-color);
  background-color: var(--dark-color);
}

/* Checkboxes */
#pardot-form .form-field input[type="checkbox"],
#pardot-form .no-box .form-field input[type="checkbox"] {
  width: 15px;
  display: inline;
  min-height: 45px !important;
}

#pardot-form .pd-checkbox {
  padding-top: 10px;
  position: relative;
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid var(--dark-color);
  color: var(--dark-color);
  padding: 15px 20px 20px !important;
}

#pardot-form .pd-checkbox input,
#pardot-form .no-box .pd-checkbox input {
  display: inline-block;
  min-height: 20px;
  width: auto;
  vertical-align: middle;
  margin-right: 8px !important;
}

#pardot-form p.pd-checkbox .value {
  margin-left: 0;
  width: 100%;
}

#pardot-form .pd-checkbox .value span,
#pardot-form .no-box .pd-checkbox .value span {
  display: flex !important;
  align-items: center;
}

#pardot-form .pd-checkbox .value span::after {
  content: "";
}

#pardot-form label.inline,
#pardot-form .no-box label.inline {
  position: relative;
  top: unset !important;
  bottom: 0;
  left: 0;
  margin: auto 25px auto 0;
  padding-top: 0;
}

/* Opt_in */
#pardot-form .form-field.Opt_in_ESL_All_communication_ .description {
  font-size: 12px;
  left: 24px;
  top: unset;
  position: relative;
}

#pardot-form .Opt_in_ESL_All_communication_ .value span {
  display: block;
}

#pardot-form .Opt_in_ESL_All_communication_ {
  /* added by Nopio */
  /* margin-bottom: 35px; */
  /* display: block; */
}
/* added by Nopio */
#pardot-form .pd-checkbox.Opt_in_All_communication_Privacy_Policy {
  margin-top: 10px !important;
}

#pardot-form .Opt_in_ESL_All_communication_ .value span label {
  display: none;
}

#pardot-form .Opt_in_ESL_All_communication_ .value {
  width: 16px;
  position: absolute;
  left: 0;
}

#pardot-form .Opt_in_ESL_All_communication_ .value input {
  margin: 0;
  cursor: pointer;
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  padding: 0;
  margin-top: 1px;
}

#pardot-form .Opt_in_All_communication_Privacy_Policy label.field-label {
  display: none !important;
}

/*
#pardot-form .Opt_in_All_communication_Privacy_Policy .description {
  position: relative!important;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0!important;
  font-size: 12px!important;
  top: unset!important;
  z-index: 999;
}
*/
#pardot-form .Opt_in_All_communication_Privacy_Policy .value {
  margin-left: 0 !important;
}

#pardot-form p.form-field.Opt_in_All_communication_Privacy_Policy+div+p {
  position: relative;
  top: -28px;
}

/* Select */
#pardot-form .pd-select label {
  text-align: left;
  width: auto;
  max-width: calc(100% - 30px);
  position: absolute;
  left: 10px;
  top: -12px;
  color: var(--dark-color);
  font-size: 12px;
  font-weight: 400;
  background-color: var(--white-color);
  background-image: unset;
  padding: 5px 5px 0 5px;
  z-index: 9;
}

#pardot-form .pd-select.required label::after {
  content: '*';
  color: var(--dark-color);
  font-size: 12px;
  top: -2px;
  position: relative;
}

#pardot-form .pd-select {
  position: relative;
}

#pardot-form .pd-select:not(.multiple-select)::after,
#pardot-form .pd-select:not(.multiple-select)::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid var(--black-color);
  content: '';
  right: 20px;
  z-index: 99;
  margin-top: -5px;
}

#pardot-form .pd-select::after {
  transform: rotate(-135deg);
}

#pardot-form .pd-select::before {
  transform: rotate(135deg);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--light-gray-color);
  border: 1px solid var(--gray-color);
  border-radius: 0;
  margin-right: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container {
  max-width: 100% !important;
  width: 100% !important;
}

#pardot-form .select2-selection {
  cursor: pointer;
  display: flex;
  align-items: center;
}

#pardot-form .select2-selection--multiple {
  padding-bottom: 10px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  display: none;
}

.thanku-content {
  display: block;
  width: 100%;
}

.thanku-content a {
  color: var(--black-color);
  font-weight: bold;
}

.thanku-content p {
  margin: 0;
  font-size: 16px;
}

.select2-search {
  display: none;
}

.select2-results__option {
  font-size: 14px;
  padding-left: 15px;
}

#pardot-form .g-recaptcha {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 25px !important;
}

/* HALF WIDTH FIELDS */
#pardot-form .email.form-field.half-width {
  margin-left: 20px;
  width: calc(50% - 20px);
}

#pardot-form .first_name.form-field {
  margin-right: 20px;
  width: calc(50% - 20px);
}

.error.no-label.fixed-error.name-error {
  right: calc(50% + 20px);
}

/* CUSTOM */
#pardot-form .no-box {
  border: none !important;
  padding: 0 !important;
}

#pardot-form .no-box .field-label {
  display: none;
}

#pardot-form .no-box .value span label {
  display: inline-block;
}

#pardot-form .centered {
  margin: auto !important;
}

#pardot-form .full-width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* DARK */
#pardot-form.dark {
  /* background-color: var(--dark-color); */
}

#pardot-form.dark h3.title-md,
#pardot-form.dark h4.title-md {
  color: var(--white-color);
}

#pardot-form.dark .form-field input,
#pardot-form.dark .form-field textarea,
#pardot-form.dark .pd-select select,
#pardot-form.dark .select2-selection,
#pardot-form.dark .pd-checkbox {
  border: 1px solid var(--white-color);
  color: var(--white-color);
}

#pardot-form.dark .description,
#pardot-form.dark a {
  color: var(--white-color);
}

#pardot-form.dark input[type="submit"] {
  color: var(--white-color);
  background-color: transparent;
  border: 1px solid var(--white-color);
}

#pardot-form.dark input[type="submit"]:hover {
  border-color: transparent;
}

#pardot-form.dark .form-field.Opt_in_ESL_All_communication_ .description {
  color: var(--white-color);
}

#pardot-form.dark .select2-selection label {
  color: var(--white-color);
}

#pardot-form.dark .pd-select:not(.multiple-select)::after,
#pardot-form.dark .pd-select:not(.multiple-select)::before {
  border-top: 2px solid var(--white-color);
}

#pardot-form.dark .pd-select label,
#pardot-form.dark .pd-text label,
#pardot-form.dark .pd-checkbox label,
#pardot-form.dark .pd-textarea label {
  color: var(--white-color);
  background-color: var(--dark-color);
}

#pardot-form.dark .select2-selection .select2-selection__rendered {
  color: var(--white-color);
  background-color: var(--dark-color);
  cursor: pointer;
}

#pardot-form.dark .select2-dropdown {
  background-color: var(--dark-color);
}

#pardot-form.dark .error:not(.form-field) {
  color: var(--error-dark-color);
}

#pardot-form.dark .pd-select label::after {
  color: var(--white-color);
}

#pardot-form.dark .form-field.required .description::after {
  color: var(--white-color);
}

#pardot-form.dark .pd-select.required label::after {
  color: var(--white-color);
}

#pardot-form.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--dark-color);
}

#pardot-form.dark .select2-results__option {
  color: var(--white-color);
  background-color: var(--dark-color);
  cursor: pointer;
}

#pardot-form.dark input[type="submit"]:hover {
  border-color: white;
  color: var(--dark-color);
  background-color: var(--white-color);
}

/* LIGHT */
#pardot-form.light .form-field input,
#pardot-form.light .form-field textarea,
#pardot-form.light .pd-select select {
  border: 1px solid var(--dark-color);
  color: var(--dark-color);
}

#pardot-form.light input[type="submit"] {
  color: var(--dark-color);
  background-color: transparent;
  border: 1px solid var(--dark-color);
}

#pardot-form.light input[type="submit"]:hover {
  color: var(--white-color);
  background-color: var(--dark-color);
}

#pardot-form.light .form-field.Opt_in_ESL_All_communication_ .description {
  color: var(--dark-color);
}

#pardot-form.light .pd-select label {
  color: var(--dark-color);
}

/* GRAY */
#pardot-form.gray {
  background-color: var(--light-gray-color);
}

#pardot-form.gray .pd-select label,
#pardot-form.gray .pd-text label,
#pardot-form.gray .pd-checkbox label,
#pardot-form.gray .pd-textarea label {
  background-color: var(--light-gray-color);
}

#pardot-form.gray .pd-select select option {
  background-color: var(--light-gray-color);
}

#pardot-form.gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--white-color);
}

/* BLUE */
#pardot-form.blue .form-field input:focus,
#pardot-form.blue .form-field input:active,
#pardot-form.blue .form-field textarea:focus,
#pardot-form.blue .select2-selection:focus {
  border-color: var(--blue-color);
}

#pardot-form.blue .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--blue-color);
}

#pardot-form.blue input[type="submit"] {
  background-color: var(--blue-color);
  color: var(--white-color);
}

#pardot-form.blue input[type="submit"]:hover {
  border-color: transparent;
  color: var(--blue-color);
  background-color: var(--dark-color);
}

#pardot-form.blue.dark input[type="submit"]:hover {
  border-color: white;
  color: var(--blue-color);
}

/* GREEN */
#pardot-form.green .form-field input:focus,
#pardot-form.green .form-field input:active,
#pardot-form.green .form-field textarea:focus,
#pardot-form.green .select2-selection:focus {
  border-color: var(--green-color);
}

#pardot-form.green .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--green-color);
}

#pardot-form.green input[type="submit"] {
  background-color: var(--green-color);
}

#pardot-form.green input[type="submit"]:hover {
  border-color: transparent;
  color: var(--green-color);
  background-color: var(--dark-color);
}

#pardot-form.green.dark input[type="submit"] {
  color: var(--dark-color);
}

#pardot-form.green.dark input[type="submit"]:hover {
  border-color: white;
  color: var(--green-color);
}

/* PURPLE */
#pardot-form.purple .form-field input:focus,
#pardot-form.purple .form-field input:active,
#pardot-form.purple .form-field textarea:focus,
#pardot-form.purple .select2-selection:focus {
  border-color: var(--purple-color);
}

#pardot-form.purple .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--purple-color);
}

#pardot-form.purple input[type="submit"] {
  background-color: var(--purple-color);
  color: var(--white-color);
}

#pardot-form.purple input[type="submit"]:hover {
  border-color: transparent;
  color: var(--purple-color);
  background-color: var(--dark-color);
}

#pardot-form.purple.dark input[type="submit"]:hover {
  border-color: white;
  color: var(--purple-color);
}

/* Errors and required fields */
#pardot-form .error:not(.form-field) {
  display: block;
  margin: 0;
  height: 0;
  color: var(--error-light-color);
  font-size: 11px;
}

#pardot-form.dark .error:not(.form-field) {
  color: var(--error-dark-color);
}

.error.no-label.fixed-error {
  position: absolute;
  top: 90px;
}

.errors {
  display: none;
}

#pardot-form .required label.field-label:after {
  content: "*";
  margin-left: 2px;
}

#pardot-form .form-field.error input,
#pardot-form .form-field.error textarea,
#pardot-form .pd-select.error .select2-selection,
#pardot-form .pd-checkbox.error {
  border-color: var(--error-light-color) !important;
}

#pardot-form.dark .form-field.error input,
#pardot-form.dark .form-field.error textarea,
#pardot-form.dark .pd-select.error .select2-selection,
#pardot-form.dark .pd-checkbox.error {
  border-color: var(--error-dark-color) !important;
}

#pardot-form p.error.no-label.fixed-error {
  bottom: unset !important;
  top: 77px;
  /*position: initial;*/
}

#pardot-form .no-box.error label.inline {
  border-bottom: 1px solid var(--error-light-color);
}

#pardot-form.dark .no-box.error label.inline {
  border-bottom: 1px solid var(--error-dark-color);
}

/* Media queries */
@media screen and (max-width: 600px) {
  #pardot-form .first_name.form-field {
    margin-right: 0;
    width: 100%;
  }

  #pardot-form .email.form-field {
    margin-left: 0;
    width: 100%;
  }

  #pardot-form .email.form-field.half-width {
    margin-left: 0;
    width: 100%;
  }

  #pardot-form .submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .error.no-label.fixed-error.name-error {
    right: unset;
  }

  #pardot-form .form-field.required .description::after {
    top: unset;
  }

  #pardot-form .Opt_in_ESL_All_communication_ .value input {
    margin-top: 3px;
  }

  #pardot-form .pd-select {
    flex-direction: column;
    align-items: flex-start;
  }

  #pardot-form .pd-select:not(.multiple-select)::after,
  #pardot-form .pd-select:not(.multiple-select)::before {
    bottom: 30px;
  }

  #pardot-form p.error.no-label.fixed-error {
    position: initial;
  }
}

/*
  #pardot-form .pd-select label {
    position: relative;
    width: 100%;
    max-width: 100%;
    left: 0;
    top: -5px!important;
  }
p.form-field.RabbitMQ_Services {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid var(--white-color);
  padding: 15px 20px 20px !important;
}
p.form-field.RabbitMQ_Services>label {
  flex-basis: 100%;
  margin-bottom: 10px;
}
form.form p.form-field.RabbitMQ_Services label {
  background: none;
  text-align: left;
}
form.form p.form-field.RabbitMQ_Services span.value {
  margin-left: 0;
  text-align: left;
}
form.form p.form-field.RabbitMQ_Services label.inline {
  margin-right: 20px;
}
form.form p.form-field.RabbitMQ_Services.pd-checkbox .value span {
  text-align: left;
}
#pardot-form.dark p.form-field.RabbitMQ_Services input {
  display: inline-block;
  min-height: 20px;
  width: auto;
  vertical-align: middle;
  margin-right: 8px;
}
*/