*,
 *::before,
 *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6,
h5,
h4,
h3,
h2,
h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
 abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
 ul {
  padding-left: 2rem;
}

ol,
 ul,
 dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
 ul ul,
 ol ul,
 ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
 strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
 sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}

a:hover {
  color: #0a58ca;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
 code,
 kbd,
 samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
 svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
 tbody,
 tfoot,
 tr,
 td,
 th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(.focus-visible) {
  outline: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
 button,
 select,
 optgroup,
 textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
 select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
 [type=button],
 [type=reset],
 [type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
 
 
/* rtl:raw:
 [type="tel"],
 [type="url"],
 [type="email"],
 [type="number"] {
   direction: ltr;
 }
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

html {
  font-size: clamp(12px, calc(.75rem + .3vw), 20px);
}

@media (min-width: 1920px) {
  html {
    font-size: clamp(12px,calc(1.75rem + .3vw),22px);
  }
}

section,
header,
footer,
main,
article,
nav,
aside,
form {
  position: relative;
}

a {
  text-decoration: none;
}
 
 
/*
<div class="columns"></div> => normal
<div class="columns center-content"></div> => centered aligned insides
<div class="columns center-content no-break"></div> => only when not doing limit thing
<div class="columns limit start to-2"></div> => 2 per row, overflows left
<div class="columns center-content limit to-2"></div> => to per row, full width
<div class="columns center-content limit end with-max to-4 then-3 finally-1"></div> => => etc...
*/
 
 
/* .columns {
    display: flex;
    justify-content: center;

    &:not(.no-break) {
        @media (max-width: 767px) { display: block; }
    }

    .column {
        position: relative;
        display: flex;
        flex-direction: column;
        width:  100%;
    }

    &.center-content {
        .column {
            justify-content: center;
        }
    }

    &.limit {
        flex-flow: row wrap;
        @media (max-width: 767px) { display: flex; }

        &.start { justify-content: flex-start; }
        &.end { justify-content: flex-end; }

        @each $percent, $i in 0, 100, 50, 33.33333, 25, 20 {
            &.to-$(i) {
                .column { flex: 1 0 $(percent)%; }
                &.with-max .column { max-width: $(percent)%; }
            }
        }

        @media (max-width: 1023px) {
            @each $percent, $i in 0, 100, 50, 33.33333, 25, 20 {
                &.then-$(i) {
                    .column { flex: 1 0 $(percent)%; }
                    &.with-max .column { max-width: $(percent)%; }
                }
            }
        }

        @media (max-width: 767px) {
            @each $percent, $i in 0, 100, 50, 33.33333, 25, 20 {
                &.finally-$(i) {
                    .column { flex: 1 0 $(percent)%; }
                    &.with-max .column { max-width: $(percent)%; }
                }
            }
        }
    }
} */
 
 
/*
<div class="columns"></div> => normal
<div class="columns center-content"></div> => centered aligned insides
<div class="columns center-content no-break"></div> => only when not doing limit thing
<div class="columns limit start to-2"></div> => 2 per row, overflows left
<div class="columns center-content limit to-2"></div> => to per row, full width
<div class="columns center-content limit end with-max to-4 then-3 finally-1"></div> => => etc...
<div class="columns center-content limit end with-max to-4 then-3 finally-1 with-margin"></div> => => etc...
*/

.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .columns:not(.no-break) {
    display: block;
  }
}

.columns .column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }

.columns.center-content .column {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.columns.with-margin {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.columns.limit {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

@media (max-width: 767px) {
  .columns.limit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.columns.limit.start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.columns.limit.end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.columns.limit.to-0 .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
      }

.columns.limit.to-0.with-max .column {
      max-width: 0%;
    }

.columns.limit.to-0.with-margin .column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(0% - var(--field-margin) * 2);
              flex: 1 0 calc(0% - var(--field-margin) * 2);
      margin-top: var(--field-margin);
      margin-bottom: var(--field-margin);
      max-width: calc(0% - var(--field-margin) * 2);
    }

.columns.limit.to-1 .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
      }

.columns.limit.to-1.with-max .column {
      max-width: 100%;
    }

.columns.limit.to-1.with-margin .column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(100% - var(--field-margin) * 2);
              flex: 1 0 calc(100% - var(--field-margin) * 2);
      margin-top: var(--field-margin);
      margin-bottom: var(--field-margin);
      max-width: calc(100% - var(--field-margin) * 2);
    }

.columns.limit.to-2 .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
      }

.columns.limit.to-2.with-max .column {
      max-width: 50%;
    }

.columns.limit.to-2.with-margin .column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(50% - var(--field-margin) * 2);
              flex: 1 0 calc(50% - var(--field-margin) * 2);
      margin-top: var(--field-margin);
      margin-bottom: var(--field-margin);
      max-width: calc(50% - var(--field-margin) * 2);
    }

.columns.limit.to-3 .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 33.33333%;
                flex: 1 0 33.33333%;
      }

.columns.limit.to-3.with-max .column {
      max-width: 33.33333%;
    }

.columns.limit.to-3.with-margin .column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(33.33333% - var(--field-margin) * 2);
              flex: 1 0 calc(33.33333% - var(--field-margin) * 2);
      margin-top: var(--field-margin);
      margin-bottom: var(--field-margin);
      max-width: calc(33.33333% - var(--field-margin) * 2);
    }

.columns.limit.to-4 .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 25%;
                flex: 1 0 25%;
      }

.columns.limit.to-4.with-max .column {
      max-width: 25%;
    }

.columns.limit.to-4.with-margin .column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(25% - var(--field-margin) * 2);
              flex: 1 0 calc(25% - var(--field-margin) * 2);
      margin-top: var(--field-margin);
      margin-bottom: var(--field-margin);
      max-width: calc(25% - var(--field-margin) * 2);
    }

.columns.limit.to-5 .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 20%;
                flex: 1 0 20%;
      }

.columns.limit.to-5.with-max .column {
      max-width: 20%;
    }

.columns.limit.to-5.with-margin .column {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(20% - var(--field-margin) * 2);
              flex: 1 0 calc(20% - var(--field-margin) * 2);
      margin-top: var(--field-margin);
      margin-bottom: var(--field-margin);
      max-width: calc(20% - var(--field-margin) * 2);
    }

@media (max-width: 1023px) {
        .columns.limit.then-0 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0%;
                  flex: 1 0 0%;
        }
      .columns.limit.then-0.with-max .column {
        max-width: 0%;
      }
      .columns.limit.then-0.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(0% - var(--field-margin) * 2);
                flex: 1 0 calc(0% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(0% - var(--field-margin) * 2);
      }
        .columns.limit.then-1 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%;
        }
      .columns.limit.then-1.with-max .column {
        max-width: 100%;
      }
      .columns.limit.then-1.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(100% - var(--field-margin) * 2);
                flex: 1 0 calc(100% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(100% - var(--field-margin) * 2);
      }
        .columns.limit.then-2 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%;
        }
      .columns.limit.then-2.with-max .column {
        max-width: 50%;
      }
      .columns.limit.then-2.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(50% - var(--field-margin) * 2);
                flex: 1 0 calc(50% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(50% - var(--field-margin) * 2);
      }
        .columns.limit.then-3 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 33.33333%;
                  flex: 1 0 33.33333%;
        }
      .columns.limit.then-3.with-max .column {
        max-width: 33.33333%;
      }
      .columns.limit.then-3.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(33.33333% - var(--field-margin) * 2);
                flex: 1 0 calc(33.33333% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(33.33333% - var(--field-margin) * 2);
      }
        .columns.limit.then-4 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 25%;
                  flex: 1 0 25%;
        }
      .columns.limit.then-4.with-max .column {
        max-width: 25%;
      }
      .columns.limit.then-4.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(25% - var(--field-margin) * 2);
                flex: 1 0 calc(25% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(25% - var(--field-margin) * 2);
      }
        .columns.limit.then-5 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 20%;
                  flex: 1 0 20%;
        }
      .columns.limit.then-5.with-max .column {
        max-width: 20%;
      }
      .columns.limit.then-5.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(20% - var(--field-margin) * 2);
                flex: 1 0 calc(20% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(20% - var(--field-margin) * 2);
      }
}

@media (max-width: 767px) {
        .columns.limit.finally-0 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0%;
                  flex: 1 0 0%;
        }
      .columns.limit.finally-0.with-max .column {
        max-width: 0%;
      }
      .columns.limit.finally-0.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(0% - var(--field-margin) * 2);
                flex: 1 0 calc(0% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(0% - var(--field-margin) * 2);
      }
        .columns.limit.finally-1 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
                  flex: 1 0 100%;
        }
      .columns.limit.finally-1.with-max .column {
        max-width: 100%;
      }
      .columns.limit.finally-1.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(100% - var(--field-margin) * 2);
                flex: 1 0 calc(100% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(100% - var(--field-margin) * 2);
      }
        .columns.limit.finally-2 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%;
        }
      .columns.limit.finally-2.with-max .column {
        max-width: 50%;
      }
      .columns.limit.finally-2.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(50% - var(--field-margin) * 2);
                flex: 1 0 calc(50% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(50% - var(--field-margin) * 2);
      }
        .columns.limit.finally-3 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 33.33333%;
                  flex: 1 0 33.33333%;
        }
      .columns.limit.finally-3.with-max .column {
        max-width: 33.33333%;
      }
      .columns.limit.finally-3.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(33.33333% - var(--field-margin) * 2);
                flex: 1 0 calc(33.33333% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(33.33333% - var(--field-margin) * 2);
      }
        .columns.limit.finally-4 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 25%;
                  flex: 1 0 25%;
        }
      .columns.limit.finally-4.with-max .column {
        max-width: 25%;
      }
      .columns.limit.finally-4.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(25% - var(--field-margin) * 2);
                flex: 1 0 calc(25% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(25% - var(--field-margin) * 2);
      }
        .columns.limit.finally-5 .column {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 20%;
                  flex: 1 0 20%;
        }
      .columns.limit.finally-5.with-max .column {
        max-width: 20%;
      }
      .columns.limit.finally-5.with-margin .column {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(20% - var(--field-margin) * 2);
                flex: 1 0 calc(20% - var(--field-margin) * 2);
        margin-top: var(--field-margin);
        margin-bottom: var(--field-margin);
        max-width: calc(20% - var(--field-margin) * 2);
      }
}

.logo {
  display: block;
  overflow: hidden;
  width: 100%;
}

.logo svg {
    display: block;
    width: 100%;
    height: 100%;
  }

.logo img {
    width: 100%;
    height: auto;
    display: block;
  }

.logo:hover,
.logo:focus {
  opacity: 0.92 !important;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.go-light .h1,
.go-light h1,
.go-light .h2,
.go-light h2,
.go-light .h3,
.go-light h3 {
    color: var(--white-color);
  }

.go-light legend,
.go-light .text {
    color: var(--white-color);
  }

.go-light label,
.go-light .h4,
.go-light h4,
.go-light .h5,
.go-light h5,
.go-light .h6,
.go-light h6,
.go-light p,
.go-light .p-large,
.go-light .p-large p,
.go-light .text p {
    color: var(--white-color);
    opacity: 1;
  }

.go-light .transparent {
    color: var(--white-off-color);
  }

.go-light .transparent:hover,
.go-light .transparent:focus {
    color: var(--button-font-color);
  }

.go-light path {
    fill: var(--white-color);
  }

.go-light hr {
    background: var(--primary-color-dark-2);
    border-color: var(--primary-color-dark-2);
  }

.go-light p strong {
    color: var(--secondary-color-light);
  }
.aanimate {
  opacity: 0;
}
    .aanimate.fade-in {
      will-change: opacity;
      -webkit-transition: var(--fade-in-transition);
      transition: var(--fade-in-transition);
    }
    .aanimate.fade-in-slow {
      will-change: opacity;
      -webkit-transition: var(--fade-in-slow-transition);
      transition: var(--fade-in-slow-transition);
    }
    .aanimate.fade-up {
      will-change: opacity, transform;
      -webkit-transition: var(--fade-up-transition);
      transition: var(--fade-up-transition);
      -webkit-transform: var(--fade-up-transform);
              transform: var(--fade-up-transform);
    }
    .aanimate.fade-up-big {
      will-change: opacity, transform;
      -webkit-transition: var(--fade-up-big-transition);
      transition: var(--fade-up-big-transition);
      -webkit-transform: var(--fade-up-big-transform);
              transform: var(--fade-up-big-transform);
    }
    .aanimate.fade-left {
      will-change: opacity, transform;
      -webkit-transition: var(--fade-left-transition);
      transition: var(--fade-left-transition);
      -webkit-transform: var(--fade-left-transform);
              transform: var(--fade-left-transform);
    }
    .aanimate.fade-left-big {
      will-change: opacity, transform;
      -webkit-transition: var(--fade-left-big-transition);
      transition: var(--fade-left-big-transition);
      -webkit-transform: var(--fade-left-big-transform);
              transform: var(--fade-left-big-transform);
    }
    .aanimate.fade-right {
      will-change: opacity, transform;
      -webkit-transition: var(--fade-right-transition);
      transition: var(--fade-right-transition);
      -webkit-transform: var(--fade-right-transform);
              transform: var(--fade-right-transform);
    }
    .aanimate.fade-right-big {
      will-change: opacity, transform;
      -webkit-transition: var(--fade-right-big-transition);
      transition: var(--fade-right-big-transition);
      -webkit-transform: var(--fade-right-big-transform);
              transform: var(--fade-right-big-transform);
    }

.aanimate.delay-100 {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.aanimate.delay-200 {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.aanimate.delay-300 {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.aanimate.delay-400 {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.aanimate.delay-500 {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.aanimate.delay-600 {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

.aanimate.delay-700 {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

.aanimate.delay-800 {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.aanimate.delay-900 {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}

.aanimate.delay-1000 {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

.aanimate.delay-1100 {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}

.aanimate.delay-1200 {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

.aanimate.delay-1300 {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}

.aanimate.delay-1400 {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}

.aanimate.delay-1500 {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}

.aanimate.delay-1600 {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}

.aanimate.delay-1700 {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}

.aanimate.delay-1800 {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}

.aanimate.delay-1900 {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}

.aanimate.delay-2000 {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}

.aanimate.start {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.general-border-radius {
  border-radius: var(--general-border-radius);
}
.button {
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  font-weight: var(--button-font-weight);
  font-family: var(--button-font-family);
  text-transform: var(--button-text-transform);
  font-style: var(--button-font-style);
  color: var(--button-font-color);
  border-radius: var(--button-border-radius);
  border-style: solid;
  border-color: var(--button-font-color);
  border-width: var(--button-border-width);
  text-decoration: none;
  position: relative;
  text-align: center;
  display: inline-block;
  -webkit-transition: var(--default-transition);
  transition: var(--default-transition);
  overflow: hidden;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  max-width: 100%;
  margin: 0;
}

.button.small {
  padding: var(--button-small-padding);
  font-size: var(--button-font-size-small);
}

.button.medium {
  padding: var(--button-medium-padding);
}

.button.large {
  padding: var(--button-large-padding);
  font-size: var(--button-font-size-large);
}

.button.button-1 {
  border-color: var(--button-1-border-color);
  background: var(--button-1-background-color);
  color: var(--button-1-text-color);
}

.button.button-1:hover,
.button.button-1:focus {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-1:active {
  opacity: 0.9;
}

.button.button-1-ghost {
  border-color: var(--button-1-border-color);
  background: transparent;
  color: var(--button-1-background-color);
}

.button.button-1-ghost:hover,
.button.button-1-ghost:focus {
  border-color: var(--button-1-background-color);
  background: var(--button-1-background-color);
  color: var(--button-1-text-color);
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-1-ghost:active {
  opacity: 0.9;
}

.button.button-2 {
  border-color: var(--button-2-border-color);
  background: var(--button-2-background-color);
  color: var(--button-2-text-color);
}

.button.button-2:hover,
.button.button-2:focus {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-2:active {
  opacity: 0.9;
}

.button.button-2-ghost {
  border-color: var(--button-2-border-color);
  background: transparent;
  color: var(--button-2-background-color);
}

.button.button-2-ghost:hover,
.button.button-2-ghost:focus {
  border-color: var(--button-2-background-color);
  background: var(--button-2-background-color);
  color: var(--button-2-text-color);
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-2-ghost:active {
  opacity: 0.9;
}

.button.button-3 {
  border-color: var(--button-3-border-color);
  background: var(--button-3-background-color);
  color: var(--button-3-text-color);
}

.button.button-3:hover,
.button.button-3:focus {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-3:active {
  opacity: 0.9;
}

.button.button-3-ghost {
  border-color: var(--button-3-border-color);
  background: transparent;
  color: var(--button-3-background-color);
}

.button.button-3-ghost:hover,
.button.button-3-ghost:focus {
  border-color: var(--button-3-background-color);
  background: var(--button-3-background-color);
  color: var(--button-3-text-color);
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-3-ghost:active {
  opacity: 0.9;
}

.button.button-4 {
  border-color: var(--button-4-border-color);
  background: var(--button-4-background-color);
  color: var(--button-4-text-color);
}

.button.button-4:hover,
.button.button-4:focus {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-4:active {
  opacity: 0.9;
}

.button.button-4-ghost {
  border-color: var(--button-4-border-color);
  background: transparent;
  color: var(--button-4-background-color);
}

.button.button-4-ghost:hover,
.button.button-4-ghost:focus {
  border-color: var(--button-4-background-color);
  background: var(--button-4-background-color);
  color: var(--button-4-text-color);
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-4-ghost:active {
  opacity: 0.9;
}

.button.button-5 {
  border-color: var(--button-5-border-color);
  background: var(--button-5-background-color);
  color: var(--button-5-text-color);
}

.button.button-5:hover,
.button.button-5:focus {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-5:active {
  opacity: 0.9;
}

.button.button-5-ghost {
  border-color: var(--button-5-border-color);
  background: transparent;
  color: var(--button-5-background-color);
}

.button.button-5-ghost:hover,
.button.button-5-ghost:focus {
  border-color: var(--button-5-background-color);
  background: var(--button-5-background-color);
  color: var(--button-5-text-color);
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

.button.button-5-ghost:active {
  opacity: 0.9;
}

  h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
    font-weight: var(--h1-font-weight);
    font-family: var(--h1-font-family);
    text-transform: var(--h1-text-transform);
    font-style: var(--h1-font-style);
    color: var(--h1-font-color);
  }

h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    font-weight: var(--h2-font-weight);
    font-family: var(--h2-font-family);
    text-transform: var(--h2-text-transform);
    font-style: var(--h2-font-style);
    color: var(--h2-font-color);
  }

h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
    font-weight: var(--h3-font-weight);
    font-family: var(--h3-font-family);
    text-transform: var(--h3-text-transform);
    font-style: var(--h3-font-style);
    color: var(--h3-font-color);
  }

h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
    font-weight: var(--h4-font-weight);
    font-family: var(--h4-font-family);
    text-transform: var(--h4-text-transform);
    font-style: var(--h4-font-style);
    color: var(--h4-font-color);
  }

h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
    font-weight: var(--h5-font-weight);
    font-family: var(--h5-font-family);
    text-transform: var(--h5-text-transform);
    font-style: var(--h5-font-style);
    color: var(--h5-font-color);
  }

h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    font-weight: var(--h6-font-weight);
    font-family: var(--h6-font-family);
    text-transform: var(--h6-text-transform);
    font-style: var(--h6-font-style);
    color: var(--h6-font-color);
  }

p {
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing);
    font-weight: var(--p-font-weight);
    font-family: var(--p-font-family);
    text-transform: var(--p-text-transform);
    font-style: var(--p-font-style);
    color: var(--p-font-color);
  }

.super {
    font-size: var(--super-font-size);
    line-height: var(--super-line-height);
    letter-spacing: var(--super-letter-spacing);
    font-weight: var(--super-font-weight);
    font-family: var(--super-font-family);
    text-transform: var(--super-text-transform);
    font-style: var(--super-font-style);
    color: var(--super-font-color);
  }

.h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
    font-weight: var(--h1-font-weight);
    font-family: var(--h1-font-family);
    text-transform: var(--h1-text-transform);
    font-style: var(--h1-font-style);
    color: var(--h1-font-color);
  }

.h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    font-weight: var(--h2-font-weight);
    font-family: var(--h2-font-family);
    text-transform: var(--h2-text-transform);
    font-style: var(--h2-font-style);
    color: var(--h2-font-color);
  }

.h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
    font-weight: var(--h3-font-weight);
    font-family: var(--h3-font-family);
    text-transform: var(--h3-text-transform);
    font-style: var(--h3-font-style);
    color: var(--h3-font-color);
  }

.h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
    font-weight: var(--h4-font-weight);
    font-family: var(--h4-font-family);
    text-transform: var(--h4-text-transform);
    font-style: var(--h4-font-style);
    color: var(--h4-font-color);
  }

.h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
    font-weight: var(--h5-font-weight);
    font-family: var(--h5-font-family);
    text-transform: var(--h5-text-transform);
    font-style: var(--h5-font-style);
    color: var(--h5-font-color);
  }

.h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    font-weight: var(--h6-font-weight);
    font-family: var(--h6-font-family);
    text-transform: var(--h6-text-transform);
    font-style: var(--h6-font-style);
    color: var(--h6-font-color);
  }

.p {
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing);
    font-weight: var(--p-font-weight);
    font-family: var(--p-font-family);
    text-transform: var(--p-text-transform);
    font-style: var(--p-font-style);
    color: var(--p-font-color);
  }

.p-small {
    font-size: var(--p-small-font-size);
    line-height: var(--p-small-line-height);
    letter-spacing: var(--p-small-letter-spacing);
    font-weight: var(--p-small-font-weight);
    font-family: var(--p-small-font-family);
    text-transform: var(--p-small-text-transform);
    font-style: var(--p-small-font-style);
    color: var(--p-small-font-color);
  }

.p-large {
    font-size: var(--p-large-font-size);
    line-height: var(--p-large-line-height);
    letter-spacing: var(--p-large-letter-spacing);
    font-weight: var(--p-large-font-weight);
    font-family: var(--p-large-font-family);
    text-transform: var(--p-large-text-transform);
    font-style: var(--p-large-font-style);
    color: var(--p-large-font-color);
  }

.title {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    font-family: var(--title-font-family);
    text-transform: var(--title-text-transform);
    font-style: var(--title-font-style);
    color: var(--title-font-color);
  }

.title-small {
    font-size: var(--title-small-font-size);
    line-height: var(--title-small-line-height);
    letter-spacing: var(--title-small-letter-spacing);
    font-weight: var(--title-small-font-weight);
    font-family: var(--title-small-font-family);
    text-transform: var(--title-small-text-transform);
    font-style: var(--title-small-font-style);
    color: var(--title-small-font-color);
  }

.link {
    font-size: var(--link-font-size);
    line-height: var(--link-line-height);
    letter-spacing: var(--link-letter-spacing);
    font-weight: var(--link-font-weight);
    font-family: var(--link-font-family);
    text-transform: var(--link-text-transform);
    font-style: var(--link-font-style);
    color: var(--link-font-color);
  }

.link-small {
    font-size: var(--link-small-font-size);
    line-height: var(--link-small-line-height);
    letter-spacing: var(--link-small-letter-spacing);
    font-weight: var(--link-small-font-weight);
    font-family: var(--link-small-font-family);
    text-transform: var(--link-small-text-transform);
    font-style: var(--link-small-font-style);
    color: var(--link-small-font-color);
  }

.link-alt {
    font-size: var(--link-alt-font-size);
    line-height: var(--link-alt-line-height);
    letter-spacing: var(--link-alt-letter-spacing);
    font-weight: var(--link-alt-font-weight);
    font-family: var(--link-alt-font-family);
    text-transform: var(--link-alt-text-transform);
    font-style: var(--link-alt-font-style);
    color: var(--link-alt-font-color);
  }

.link-alt-small {
    font-size: var(--link-alt-small-font-size);
    line-height: var(--link-alt-small-line-height);
    letter-spacing: var(--link-alt-small-letter-spacing);
    font-weight: var(--link-alt-small-font-weight);
    font-family: var(--link-alt-small-font-family);
    text-transform: var(--link-alt-small-text-transform);
    font-style: var(--link-alt-small-font-style);
    color: var(--link-alt-small-font-color);
  }

body {
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  letter-spacing: var(--p-letter-spacing);
  font-weight: var(--p-font-weight);
  font-family: var(--p-font-family);
  text-transform: var(--p-text-transform);
  font-style: var(--p-font-style);
  color: var(--p-font-color);
}

@media (max-width: 1023px) {
  h1 {
    font-size: var(--h1-font-size-small);
    font-size: var(--h1-line-height-small);
  }
}

mark {
  padding: 0;
  background: none;
  color: var(--primary-color-dark);
    /* &.dark { color: var(--primary-color-dark); } */
}

@media (max-width: 767px) {
  h1,
.h1 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-font-size);
  }
  h2,
.h2 {
    font-size: 2.25rem;
    line-height: 1.2;
  }
}

.p-large p {
  font-size: var(--p-large-font-size);
  line-height: var(--p-large-line-height);
  letter-spacing: var(--p-large-letter-spacing);
  font-weight: var(--p-large-font-weight);
  font-family: var(--p-large-font-family);
  text-transform: var(--p-large-text-transform);
  font-style: var(--p-large-font-style);
  color: var(--p-large-font-color);
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="datetime"],
input[type="datetime-local"],
input[type="range"],
select,
input[type="color"],
input[type="file"] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: var(--input-height);
  line-height: var(--input-line-height);
  -webkit-transition: var(--bouncy-transition);
  transition: var(--bouncy-transition);
  margin-bottom: var(--field-margin);
  font-size: var(--input-font-size);
  letter-spacing: var(--input-letter-spacing);
  font-weight: var(--input-font-weight);
  font-family: var(--input-font-family);
  text-transform: var(--input-text-transform);
  font-style: var(--input-font-style);
  color: var(--input-font-color);
  background-color: var(--input-background-color);
  border-radius: var(--input-border-radius);
  border-style: solid;
  border-color: var(--input-border-color);
  border-width: var(--input-border-width);
  padding-left: 0.9375rem;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="range"]:hover,
input[type="range"]:focus,
select:hover,
select:focus,
input[type="color"]:hover,
input[type="color"]:focus,
input[type="file"]:hover,
input[type="file"]:focus {
  background-color: var(--input-background-color-on-hover);
  border-color: var(--input-border-color-on-hover);
  color: var(--input-font-color-on-hover);
  padding-left: 1.5625rem !important;
  outline: none;
}

input[type="text"]:hover::-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="password"]:hover::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="url"]:hover::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="email"]:hover::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="tel"]:hover::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="search"]:hover::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="number"]:hover::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="date"]:hover::-moz-placeholder,
input[type="date"]:focus::-moz-placeholder,
input[type="month"]:hover::-moz-placeholder,
input[type="month"]:focus::-moz-placeholder,
input[type="week"]:hover::-moz-placeholder,
input[type="week"]:focus::-moz-placeholder,
input[type="datetime"]:hover::-moz-placeholder,
input[type="datetime"]:focus::-moz-placeholder,
input[type="datetime-local"]:hover::-moz-placeholder,
input[type="datetime-local"]:focus::-moz-placeholder,
input[type="range"]:hover::-moz-placeholder,
input[type="range"]:focus::-moz-placeholder,
select:hover::-moz-placeholder,
select:focus::-moz-placeholder,
input[type="color"]:hover::-moz-placeholder,
input[type="color"]:focus::-moz-placeholder,
input[type="file"]:hover::-moz-placeholder,
input[type="file"]:focus::-moz-placeholder {
  color: var(--input-font-color-on-hover);
}

input[type="text"]:hover:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:hover:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="url"]:hover:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="email"]:hover:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="tel"]:hover:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="search"]:hover:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="number"]:hover:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="date"]:hover:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="month"]:hover:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="week"]:hover:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder,
input[type="datetime"]:hover:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder,
input[type="datetime-local"]:hover:-ms-input-placeholder,
input[type="datetime-local"]:focus:-ms-input-placeholder,
input[type="range"]:hover:-ms-input-placeholder,
input[type="range"]:focus:-ms-input-placeholder,
select:hover:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
input[type="color"]:hover:-ms-input-placeholder,
input[type="color"]:focus:-ms-input-placeholder,
input[type="file"]:hover:-ms-input-placeholder,
input[type="file"]:focus:-ms-input-placeholder {
  color: var(--input-font-color-on-hover);
}

input[type="text"]:hover::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="password"]:hover::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="url"]:hover::-webkit-input-placeholder, input[type="url"]:focus::-webkit-input-placeholder, input[type="email"]:hover::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="tel"]:hover::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="search"]:hover::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, input[type="number"]:hover::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="date"]:hover::-webkit-input-placeholder, input[type="date"]:focus::-webkit-input-placeholder, input[type="month"]:hover::-webkit-input-placeholder, input[type="month"]:focus::-webkit-input-placeholder, input[type="week"]:hover::-webkit-input-placeholder, input[type="week"]:focus::-webkit-input-placeholder, input[type="datetime"]:hover::-webkit-input-placeholder, input[type="datetime"]:focus::-webkit-input-placeholder, input[type="datetime-local"]:hover::-webkit-input-placeholder, input[type="datetime-local"]:focus::-webkit-input-placeholder, input[type="range"]:hover::-webkit-input-placeholder, input[type="range"]:focus::-webkit-input-placeholder, select:hover::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, input[type="color"]:hover::-webkit-input-placeholder, input[type="color"]:focus::-webkit-input-placeholder, input[type="file"]:hover::-webkit-input-placeholder, input[type="file"]:focus::-webkit-input-placeholder {
  color: var(--input-font-color-on-hover);
}

input[type="text"]:hover::-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="password"]:hover::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="url"]:hover::-moz-placeholder, input[type="url"]:focus::-moz-placeholder, input[type="email"]:hover::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="tel"]:hover::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="search"]:hover::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, input[type="number"]:hover::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="date"]:hover::-moz-placeholder, input[type="date"]:focus::-moz-placeholder, input[type="month"]:hover::-moz-placeholder, input[type="month"]:focus::-moz-placeholder, input[type="week"]:hover::-moz-placeholder, input[type="week"]:focus::-moz-placeholder, input[type="datetime"]:hover::-moz-placeholder, input[type="datetime"]:focus::-moz-placeholder, input[type="datetime-local"]:hover::-moz-placeholder, input[type="datetime-local"]:focus::-moz-placeholder, input[type="range"]:hover::-moz-placeholder, input[type="range"]:focus::-moz-placeholder, select:hover::-moz-placeholder, select:focus::-moz-placeholder, input[type="color"]:hover::-moz-placeholder, input[type="color"]:focus::-moz-placeholder, input[type="file"]:hover::-moz-placeholder, input[type="file"]:focus::-moz-placeholder {
  color: var(--input-font-color-on-hover);
}

input[type="text"]:hover:-ms-input-placeholder, input[type="text"]:focus:-ms-input-placeholder, input[type="password"]:hover:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, input[type="url"]:hover:-ms-input-placeholder, input[type="url"]:focus:-ms-input-placeholder, input[type="email"]:hover:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="tel"]:hover:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, input[type="search"]:hover:-ms-input-placeholder, input[type="search"]:focus:-ms-input-placeholder, input[type="number"]:hover:-ms-input-placeholder, input[type="number"]:focus:-ms-input-placeholder, input[type="date"]:hover:-ms-input-placeholder, input[type="date"]:focus:-ms-input-placeholder, input[type="month"]:hover:-ms-input-placeholder, input[type="month"]:focus:-ms-input-placeholder, input[type="week"]:hover:-ms-input-placeholder, input[type="week"]:focus:-ms-input-placeholder, input[type="datetime"]:hover:-ms-input-placeholder, input[type="datetime"]:focus:-ms-input-placeholder, input[type="datetime-local"]:hover:-ms-input-placeholder, input[type="datetime-local"]:focus:-ms-input-placeholder, input[type="range"]:hover:-ms-input-placeholder, input[type="range"]:focus:-ms-input-placeholder, select:hover:-ms-input-placeholder, select:focus:-ms-input-placeholder, input[type="color"]:hover:-ms-input-placeholder, input[type="color"]:focus:-ms-input-placeholder, input[type="file"]:hover:-ms-input-placeholder, input[type="file"]:focus:-ms-input-placeholder {
  color: var(--input-font-color-on-hover);
}

input[type="text"]:hover::-ms-input-placeholder, input[type="text"]:focus::-ms-input-placeholder, input[type="password"]:hover::-ms-input-placeholder, input[type="password"]:focus::-ms-input-placeholder, input[type="url"]:hover::-ms-input-placeholder, input[type="url"]:focus::-ms-input-placeholder, input[type="email"]:hover::-ms-input-placeholder, input[type="email"]:focus::-ms-input-placeholder, input[type="tel"]:hover::-ms-input-placeholder, input[type="tel"]:focus::-ms-input-placeholder, input[type="search"]:hover::-ms-input-placeholder, input[type="search"]:focus::-ms-input-placeholder, input[type="number"]:hover::-ms-input-placeholder, input[type="number"]:focus::-ms-input-placeholder, input[type="date"]:hover::-ms-input-placeholder, input[type="date"]:focus::-ms-input-placeholder, input[type="month"]:hover::-ms-input-placeholder, input[type="month"]:focus::-ms-input-placeholder, input[type="week"]:hover::-ms-input-placeholder, input[type="week"]:focus::-ms-input-placeholder, input[type="datetime"]:hover::-ms-input-placeholder, input[type="datetime"]:focus::-ms-input-placeholder, input[type="datetime-local"]:hover::-ms-input-placeholder, input[type="datetime-local"]:focus::-ms-input-placeholder, input[type="range"]:hover::-ms-input-placeholder, input[type="range"]:focus::-ms-input-placeholder, select:hover::-ms-input-placeholder, select:focus::-ms-input-placeholder, input[type="color"]:hover::-ms-input-placeholder, input[type="color"]:focus::-ms-input-placeholder, input[type="file"]:hover::-ms-input-placeholder, input[type="file"]:focus::-ms-input-placeholder {
  color: var(--input-font-color-on-hover);
}

input[type="text"]:hover::placeholder,
input[type="text"]:focus::placeholder,
input[type="password"]:hover::placeholder,
input[type="password"]:focus::placeholder,
input[type="url"]:hover::placeholder,
input[type="url"]:focus::placeholder,
input[type="email"]:hover::placeholder,
input[type="email"]:focus::placeholder,
input[type="tel"]:hover::placeholder,
input[type="tel"]:focus::placeholder,
input[type="search"]:hover::placeholder,
input[type="search"]:focus::placeholder,
input[type="number"]:hover::placeholder,
input[type="number"]:focus::placeholder,
input[type="date"]:hover::placeholder,
input[type="date"]:focus::placeholder,
input[type="month"]:hover::placeholder,
input[type="month"]:focus::placeholder,
input[type="week"]:hover::placeholder,
input[type="week"]:focus::placeholder,
input[type="datetime"]:hover::placeholder,
input[type="datetime"]:focus::placeholder,
input[type="datetime-local"]:hover::placeholder,
input[type="datetime-local"]:focus::placeholder,
input[type="range"]:hover::placeholder,
input[type="range"]:focus::placeholder,
select:hover::placeholder,
select:focus::placeholder,
input[type="color"]:hover::placeholder,
input[type="color"]:focus::placeholder,
input[type="file"]:hover::placeholder,
input[type="file"]:focus::placeholder {
  color: var(--input-font-color-on-hover);
}

textarea,
select[multiple] {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0.625rem;
  -webkit-transition: var(--bouncy-transition);
  transition: var(--bouncy-transition);
  margin-bottom: var(--field-margin);
  border-radius: var(--textarea-border-radius);
  height: var(--textarea-height);
  line-height: var(--textarea-line-height);
  font-size: var(--textarea-font-size);
  letter-spacing: var(--textarea-letter-spacing);
  font-weight: var(--textarea-font-weight);
  font-family: var(--textarea-font-family);
  text-transform: var(--textarea-text-transform);
  font-style: var(--textarea-font-style);
  color: var(--textarea-font-color);
  background-color: var(--textarea-background-color);
  border-style: solid;
  border-color: var(--textarea-border-color);
  border-width: var(--textarea-border-width);
}

textarea:hover,
textarea:focus,
select[multiple]:hover,
select[multiple]:focus {
  background-color: var(--textarea-background-color-on-hover);
  border-color: var(--textarea-border-color-on-hover);
  color: var(--textarea-font-color-on-hover);
  outline: none;
}

textarea:hover::-moz-placeholder,
textarea:focus::-moz-placeholder,
select[multiple]:hover::-moz-placeholder,
select[multiple]:focus::-moz-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:hover:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
select[multiple]:hover:-ms-input-placeholder,
select[multiple]:focus:-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:hover::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select[multiple]:hover::-webkit-input-placeholder, select[multiple]:focus::-webkit-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:hover::-moz-placeholder, textarea:focus::-moz-placeholder, select[multiple]:hover::-moz-placeholder, select[multiple]:focus::-moz-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:hover:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select[multiple]:hover:-ms-input-placeholder, select[multiple]:focus:-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:hover::-ms-input-placeholder, textarea:focus::-ms-input-placeholder, select[multiple]:hover::-ms-input-placeholder, select[multiple]:focus::-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:hover::placeholder,
textarea:focus::placeholder,
select[multiple]:hover::placeholder,
select[multiple]:focus::placeholder {
  color: var(--textarea-font-color-on-hover);
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button[type="submit"],
button[type="button"],
button[type="reset"] {
  font-size: var(--submit-font-size);
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  font-weight: var(--button-font-weight);
  font-family: var(--button-font-family);
  text-transform: var(--button-text-transform);
  font-style: var(--button-font-style);
  color: var(--button-font-color);
  border-radius: var(--button-border-radius);
  border-style: solid;
  border-color: var(--button-font-color);
  border-width: var(--button-border-width);
  text-decoration: none;
  position: relative;
  text-align: center;
  display: block;
  -webkit-transition: var(--default-transition);
  transition: var(--default-transition);
  overflow: hidden;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  width: 100%;
  margin: 0;
  padding: var(--submit-padding);

    /* margin-top: var(--field-margin); */
}

::-moz-placeholder {
  opacity: 0.6;
  color: var(--input-font-color);
  -moz-transition: var(--default-transition);
  transition: var(--default-transition);
}

:-ms-input-placeholder {
  opacity: 0.6;
  color: var(--input-font-color);
  -ms-transition: var(--default-transition);
  transition: var(--default-transition);
}

::-webkit-input-placeholder {
  opacity: 0.6;
  color: var(--input-font-color);
  -webkit-transition: var(--default-transition);
  transition: var(--default-transition);
}

::-ms-input-placeholder {
  opacity: 0.6;
  color: var(--input-font-color);
  -ms-transition: var(--default-transition);
  transition: var(--default-transition);
}

::placeholder {
  opacity: 0.6;
  color: var(--input-font-color);
  -webkit-transition: var(--default-transition);
  transition: var(--default-transition);
}

/* clean-css ignore:start */

input[type="text"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="text"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="text"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="text"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="text"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="text"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="text"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="text"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="text"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="password"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="password"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="password"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="password"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="password"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="password"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="password"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="password"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="password"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="url"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="url"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="url"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="url"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="url"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="url"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="url"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="url"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="url"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="email"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="email"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="email"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="email"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="email"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="email"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="email"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="email"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="email"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="tel"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="tel"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="tel"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="tel"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="tel"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="tel"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="tel"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="tel"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="tel"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="search"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="search"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="search"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="search"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="search"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="search"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="search"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="search"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="search"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="number"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="number"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="number"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="number"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="number"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="number"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="number"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="number"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="number"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="date"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="date"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="date"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="date"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="date"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="date"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="date"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="date"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="date"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="month"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="month"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="month"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="month"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="month"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="month"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="month"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="month"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="month"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="week"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="week"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="week"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="week"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="week"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="week"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="week"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="week"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="week"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="datetime"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="datetime"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="datetime"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="datetime"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="datetime-local"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="datetime-local"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="datetime-local"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="datetime-local"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime-local"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime-local"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime-local"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime-local"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="datetime-local"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

/* clean-css ignore:start */

input[type="range"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="range"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-moz-placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="$(type)"]:not(:-ms-input-placeholder) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="range"]:not(:placeholder-shown) {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
    padding-left: 1.5625rem !important;
  }

input[type="range"]:not(:-moz-placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="range"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="range"]:not(:-ms-input-placeholder):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="range"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="range"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-webkit-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-moz-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown):-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:placeholder-shown)::-ms-input-placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-moz-placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="$(type)"]:not(:-ms-input-placeholder)::placeholder {
    color: var(--input-font-color-on-hover);
  }

input[type="range"]:not(:placeholder-shown)::placeholder {
    color: var(--input-font-color-on-hover);
  }

/* clean-css ignore:end */

textarea {

    /* clean-css ignore:start */
}

textarea:not(:-moz-placeholder-shown) {
  background-color: var(--textarea-background-color-on-hover);
  border-color: var(--textarea-border-color-on-hover);
  color: var(--textarea-font-color-on-hover);
  outline: none;
}

textarea:not(:-ms-input-placeholder) {
  background-color: var(--textarea-background-color-on-hover);
  border-color: var(--textarea-border-color-on-hover);
  color: var(--textarea-font-color-on-hover);
  outline: none;
}

textarea:not(:placeholder-shown) {
  background-color: var(--textarea-background-color-on-hover);
  border-color: var(--textarea-border-color-on-hover);
  color: var(--textarea-font-color-on-hover);
  outline: none;
}

textarea:not(:-moz-placeholder-shown)::-moz-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown)::-moz-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:-ms-input-placeholder):-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown):-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown)::-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:-ms-input-placeholder)::placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown)::-webkit-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown)::-moz-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown):-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown)::-ms-input-placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:-moz-placeholder-shown)::placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:-ms-input-placeholder)::placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea:not(:placeholder-shown)::placeholder {
  color: var(--textarea-font-color-on-hover);
}

textarea {
    /* clean-css ignore:end */
}

select {
  background-color: var(--input-background-color-on-hover);
  border-color: var(--input-border-color-on-hover);
  color: var(--input-font-color-on-hover);
}

select[multiple] {
  padding: 0;
}

select[multiple] optgroup {
    margin-bottom: 0.625rem;
  }

select[multiple] option {
    -webkit-transition: var(--default-transform);
    transition: var(--default-transform);
    font-size: 80%;
    padding: 0.3125rem 0.625rem;
  }

select[multiple] option:hover,
select[multiple] option:focus,
select[multiple] option[selected] {
    background-color: var(--input-background-color-on-hover);
    border-color: var(--input-border-color-on-hover);
    color: var(--input-font-color-on-hover);
  }

input[type=checkbox] {
    height: var(--checkbox-size);
    width: var(--checkbox-size);
    display: inline-block;
  }

input[type=radio] {
    height: var(--radio-size);
    width: var(--radio-size);
    display: inline-block;
  }

input[type="color"] {
  padding: 0;
  overflow: hidden;
  margin-bottom: var(--field-margin);
}

input[type="color"]:hover,
input[type="color"]:focus {
  padding: 0.5rem;
}

input[type="file"] {
  padding: 0.9375rem;
  height: auto;
  line-height: 1;
  margin-bottom: var(--field-margin);
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button[type="submit"],
button[type="button"],
button[type="reset"] {
  border-color: var(--submit-border-color);
  background: var(--submit-background-color);
  color: var(--submit-text-color);
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
button[type="button"]:hover,
button[type="button"]:focus,
button[type="reset"]:hover,
button[type="reset"]:focus {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button[type="submit"]:active,
button[type="button"]:active,
button[type="reset"]:active {
  opacity: 0.9;
}

input[type="submit"].ghost,
input[type="button"].ghost,
input[type="reset"].ghost,
button[type="submit"].ghost,
button[type="button"].ghost,
button[type="reset"].ghost {
  border-color: var(--submit-border-color);
  background: transparent;
  color: var(--submit-background-color);
}

input[type="submit"].ghost:hover,
input[type="submit"].ghost:focus,
input[type="button"].ghost:hover,
input[type="button"].ghost:focus,
input[type="reset"].ghost:hover,
input[type="reset"].ghost:focus,
button[type="submit"].ghost:hover,
button[type="submit"].ghost:focus,
button[type="button"].ghost:hover,
button[type="button"].ghost:focus,
button[type="reset"].ghost:hover,
button[type="reset"].ghost:focus {
  border-color: var(--submit-background-color);
  background: var(--submit-background-color);
  color: var(--submit-text-color);
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}

input[type="submit"].ghost:active,
input[type="button"].ghost:active,
input[type="reset"].ghost:active,
button[type="submit"].ghost:active,
button[type="button"].ghost:active,
button[type="reset"].ghost:active {
  opacity: 0.9;
}

label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    letter-spacing: var(--label-letter-spacing);
    font-weight: var(--label-font-weight);
    font-family: var(--label-font-family);
    text-transform: var(--label-text-transform);
    font-style: var(--label-font-style);
    color: var(--label-font-color);
  }

legend {
    font-size: var(--legend-font-size);
    line-height: var(--legend-line-height);
    letter-spacing: var(--legend-letter-spacing);
    font-weight: var(--legend-font-weight);
    font-family: var(--legend-font-family);
    text-transform: var(--legend-text-transform);
    font-style: var(--legend-font-style);
    color: var(--legend-font-color);
  }

label {
  margin-top: var(--field-margin);
}

legend {
  margin-top: var(--field-margin-large);
}
hr,
hr:not([size]) {
  border-style: solid;
  border-top-width: var(--hr-border-top-size);
  border-top-color: var(--hr-border-top-color);
  background: var(--hr-background-color);
  height: var(--hr-background-size);
  border-bottom-width: var(--hr-border-bottom-size);
  border-bottom-color: var(--hr-border-bottom-color);
  width: 100%;
  max-width: var(--hr-max-width);
  margin: var(--hr-alignment);
}
button:not([type]):focus,
*:focus {
  outline-width: var(--keyboard-focus-size);
  outline-style: var(--keyboard-focus-style);
  outline-color: var(--keyboard-focus-color);
  outline-offset: var(--keyboard-focus-offset);
}
a {
  -webkit-transition: var(--default-transition);
  transition: var(--default-transition);
  color: var(--link-color);
}

a:hover {
  outline: none;
}

a:hover,
a:focus {
  color: var(--link-color);
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}

a:active {
  opacity: 0.9;
}
::-moz-selection {
  background: var(--selection-background-color);
  color: var(--selection-text-color);
}

::selection {
  background: var(--selection-background-color);
  color: var(--selection-text-color);
}
.main-hero {
  background: var(--white-off-color);
  padding: 0 1rem;
  z-index: 88888;
}

    /* COOL THING */

    .main-hero .stamp {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 42.875rem;
    height: 42.875rem;
    pointer-events: none;
  }

    .main-hero .stamp svg {
      position: absolute;
      top: -18rem;
      left: -19rem;
      width: 100%;
      height: 100%;
      display: block;
    }

    .main-hero .stamp.second {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
  }

    .main-hero .stamp.second svg {
      top: auto;
      left: auto;
      bottom: -18rem;
      right: -19rem;
    }

    @media (max-width: 1199px) {
    .main-hero .stamp {
      max-width: 40rem;
      height: 40rem;
      opacity: 0.5;
    }
  }

    /* SHELF NAV */

    .main-hero .shelf-nav {
    text-align: right;
    padding: 1rem 2rem;
  }

    @media (max-width: 1024px) {
    .main-hero .shelf-nav {
      padding: 1rem;
    }
  }

    @media (max-width: 767px) {
    .main-hero .shelf-nav {
      padding: 0.5rem 1rem;
    }
  }

    .main-hero .shelf-nav a {
      font-size: 0.75rem;
      margin-left: 1rem;
    }

    .main-hero .shelf-nav a.phone-number {
      color: var(--primary-color);
    }

    .main-hero .shelf-nav.hide-me {
    visibility: hidden;
    padding: 0rem;
    height: 1rem;
    overflow: hidden;
  }

    @media (max-width: 767px) {
    .main-hero .shelf-nav.hide-me {
      height: 0.5rem;
    }
  }

    /* THE BOX */

    .main-hero .main-contents {
    position: relative;
    text-align: center;
    border-radius: var(--general-border-radius);
    padding: 13rem 1rem 7rem;
    -webkit-animation-duration: 100ms;
    animation-duration: 100ms;
  }

.main-hero.no-bottom-padding .main-contents {
  padding-bottom: 0;
  padding-top: 9rem;
  margin-bottom: -2rem;
}

.main-hero.no-bottom-padding .main-contents .arrow-down {
    margin-bottom: 0;
  }

.main-hero.no-bottom-padding .main-contents .text-stuff h1 {
            /* font-size: var(--h1-font-size-small);
            line-height: var(--h1-line-height-small); */
  }

/* THE NAV */

.main-hero .main-nav-wrap {
    padding: 0.25rem 2rem;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 9999;
    -webkit-transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
    transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
    transition: background var(--default-transition-duration) var(--default-transition-timing-function), box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
    transition: background var(--default-transition-duration) var(--default-transition-timing-function), box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function), -webkit-box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
  }

.main-hero .main-nav-wrap .for-logo {
      max-width: 13rem;
      margin-bottom: 0.5rem;
    }

@media (max-width: 1024px) {
      .main-hero .main-nav-wrap .for-logo {
        margin: 0;
      }
    }

.main-hero .main-nav-wrap .for-logo path {
        -webkit-transition: var(--default-transition-slow);
        transition: var(--default-transition-slow);
      }

.main-hero .main-nav-wrap .for-logo .light path {
        fill: var(--gray-color-light-2);
      }

.main-hero .main-nav-wrap .for-main-nav {
      text-align: right;
      margin-bottom: 0.25rem;
      margin-right: 0.25rem;
    }

.main-hero .main-nav-wrap .for-main-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }

.main-hero .main-nav-wrap .for-main-nav ul li {
        position: relative;
      }

.main-hero .main-nav-wrap .for-main-nav ul li.current_page_item a {
        color: var(--link-color);
      }

/* FIRST NAV GROUP */

.main-hero .main-nav-wrap .for-main-nav nav > ul > li {
        display: inline-block;
        margin: 0.4rem;
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > a {
        color: var(--button-font-color);
        display: block;
        padding: 0.5rem 0;
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > a span {
          color: inherit;
        }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > a:hover,
.main-hero .main-nav-wrap .for-main-nav nav > ul > li > a:focus {
        color: var(--primary-color);
      }

/* DROPDOWN */

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul {
        position: absolute;
        top: 100%;
        left: 50%;
        text-align: center;
        -webkit-transition: var(--wild-transition);
        transition: var(--wild-transition);
        -webkit-transform: translateX(-50%) scale(0.99) translateY(0.25rem);
                transform: translateX(-50%) scale(0.99) translateY(0.25rem);
        opacity: 0;
        pointer-events: none;
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0.5rem 0.3rem 0.5rem;
        border-color: transparent transparent var(--gray-color-dark) transparent;
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul > li > a {
        display: block;
        color: var(--gray-color-dark-2);
        background: var(--white-color);
        white-space: nowrap;
        padding: 0.65rem 1.5rem;
        line-height: 1;
        -webkit-box-shadow: var(--small-shadow);
                box-shadow: var(--small-shadow);
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul > li > a span {
          font-size: 0.8rem;
          color: inherit;
          display: block;
        }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul > li > a:hover,
.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul > li > a:focus {
        background: var(--link-color);
        color: #fff;
      }

/* nav > ul > li > ul li:first-child > a {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
            nav > ul > li > ul li:last-child > a {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            } */

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul[focus-within] {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li > ul:focus-within {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }

.main-hero .main-nav-wrap .for-main-nav nav > ul > li a:focus + ul,
.main-hero .main-nav-wrap .for-main-nav nav > ul > li:hover > ul {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
      }

.main-hero .main-nav-wrap .for-ctas {
      max-width: 13rem;
    }

.main-hero .main-nav-wrap .for-ctas a {
        margin-left: 0.5rem;
        margin-bottom: 0.25rem;
      }

.main-hero .main-nav-wrap .for-mobile-toggle {
      text-align: right;
      display: none;
    }

.main-hero .main-nav-wrap .for-mobile-toggle button {
        position: relative;
        border: none;
        min-width: 3.5rem;
        height: 3.5rem;
        background: var(--white-color);
        border-radius: var(--general-border-radius);
        -webkit-box-shadow: var(--small-shadow);
                box-shadow: var(--small-shadow);
        text-align: left;
        color: var(--button-font-color);
        font-size: var(--button-font-size-large);
        line-height: 1;
        letter-spacing: var(--button-letter-spacing);
        font-weight: var(--button-font-weight);
        font-family: var(--button-font-family);
        text-transform: var(--button-text-transform);
        font-style: var(--button-font-style);
        -webkit-transition: var(--default-transition);
        transition: var(--default-transition);
        padding: 1.5rem 4rem 1.5rem 5rem;
        margin-top: 0.45rem;
      }

.main-hero .main-nav-wrap .for-mobile-toggle button:before {
        content: attr(data-open);
        position: absolute;
        top: 50%;
        left: 1.25rem;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
      }

.main-hero .main-nav-wrap .for-mobile-toggle button .burger {
          background: var(--black-off-color);
          height: 0.35rem;
          max-width: 2rem;
          display: block;
          position: absolute;
          right: 1.25rem;
          top: 50%;
          width: 100%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          -webkit-transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-transform var(--bouncy-transition-duration) var(--bouncy-transition-timing-function);
          transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-transform var(--bouncy-transition-duration) var(--bouncy-transition-timing-function);
          transition: background var(--default-transition-duration) var(--default-transition-timing-function), transform var(--bouncy-transition-duration) var(--bouncy-transition-timing-function);
          transition: background var(--default-transition-duration) var(--default-transition-timing-function), transform var(--bouncy-transition-duration) var(--bouncy-transition-timing-function), -webkit-transform var(--bouncy-transition-duration) var(--bouncy-transition-timing-function);
        }

.main-hero .main-nav-wrap .for-mobile-toggle button .burger:before,
.main-hero .main-nav-wrap .for-mobile-toggle button .burger:after {
          background: var(--black-off-color);
          height: 100%;
          width: 100%;
          content: '';
          left: 0;
          position: absolute;
          -webkit-transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-transform var(--wild-transition-duration) var(--wild-transition-timing-function);
          transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-transform var(--wild-transition-duration) var(--wild-transition-timing-function);
          transition: background var(--default-transition-duration) var(--default-transition-timing-function), transform var(--wild-transition-duration) var(--wild-transition-timing-function);
          transition: background var(--default-transition-duration) var(--default-transition-timing-function), transform var(--wild-transition-duration) var(--wild-transition-timing-function), -webkit-transform var(--wild-transition-duration) var(--wild-transition-timing-function);
        }

.main-hero .main-nav-wrap .for-mobile-toggle button .burger:before {
          bottom: 0.5rem;
        }

.main-hero .main-nav-wrap .for-mobile-toggle button .burger:after {
          top: 0.5rem;
        }

.main-hero .main-nav-wrap .for-mobile-toggle button .text {
          display: none;
        }

.main-hero .main-nav-wrap .for-mobile-toggle button:hover,
.main-hero .main-nav-wrap .for-mobile-toggle button:focus {
        color: var(--white-color);
        background: var(--link-color);
      }

.main-hero .main-nav-wrap .for-mobile-toggle button:hover .burger, .main-hero .main-nav-wrap .for-mobile-toggle button:focus .burger {
          opacity: 0.9;
          background: var(--white-color);
        }

.main-hero .main-nav-wrap .for-mobile-toggle button:hover .burger:before,
.main-hero .main-nav-wrap .for-mobile-toggle button:hover .burger:after,
.main-hero .main-nav-wrap .for-mobile-toggle button:focus .burger:before,
.main-hero .main-nav-wrap .for-mobile-toggle button:focus .burger:after {
          background: var(--white-color);
        }

@media (max-width: 1199px) {
      .main-hero .main-nav-wrap .for-logo {
        max-width: 13rem;
      }
      .main-hero .main-nav-wrap .for-main-nav {
        margin-right: 0;
      }
      .main-hero .main-nav-wrap .for-ctas {
        max-width: 13rem;
      }
  }

@media (max-width: 1024px) {
      .main-hero .main-nav-wrap .for-main-nav,
.main-hero .main-nav-wrap .for-ctas {
        display: none;
      }
      .main-hero .main-nav-wrap .for-mobile-toggle {
        display: block;
      }
  }

.main-hero .header-bar {
    z-index: 88888888;
    position: relative;
  }

/* STICKY LOGIC */

.main-hero .main-nav-wrap.sticky {
    position: fixed;
    padding-left: 3rem;
    padding-right: 3rem;
    -webkit-box-shadow: var(--small-shadow);
            box-shadow: var(--small-shadow);
    background: var(--white-color);
  }

.main-hero .main-nav-wrap.sticky .for-logo .light path {
      fill: var(--primary-color-dark);
    }

@media (min-width: 1440px) {
  .main-hero {
    padding-left: 4rem;
    padding-right: 4rem;
  }
    .main-hero .main-nav-wrap.sticky {
      padding-left: 6rem;
      padding-right: 6rem;
    }
}

@media (max-width: 1199px) {
    .main-hero .main-nav-wrap {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .main-hero .main-nav-wrap.sticky {
      padding-left: 2rem;
      padding-right: 2rem;
    }
}

@media (max-width: 1024px) {
    .main-hero .main-nav-wrap {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
    .main-hero .main-nav-wrap.sticky {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
}

@media (max-width: 767px) {
  .main-hero {
    padding: 0 0.5rem;
  }
    .main-hero .main-nav-wrap.sticky {
      padding-left: 1rem;
      padding-right: 1rem;
    }
}

/* TEXT STUFF */

.main-hero .text-stuff {
    position: relative;
    max-width: 63rem;
    margin: 0 auto;
  }

.main-hero .text-stuff h4 {
      margin: 0 0 0.5rem;
    }

.main-hero .text-stuff h4 a {
        display: inline-block;
        margin: 0 0.25rem;
        border-radius: var(--general-border-radius);
        font-size: var(--h6-font-size);
        line-height: var(--h6-line-height);
        letter-spacing: var(--h6-letter-spacing);
        font-weight: var(--h6-font-weight);
        font-family: var(--h6-font-family);
        text-transform: var(--h6-text-transform);
        font-style: var(--h6-font-style);
        color: var(--white-color);
        background: var(--primary-color);
        padding: 0.3rem 1.25rem;
      }

.main-hero .text-stuff h4 a.simpler,
.main-hero .text-stuff h4 a .is-title {
          font-size: var(--h6-font-size-smaller);
          line-height: var(--h6-line-height-smaller);
          letter-spacing: var(--h6-letter-spacing);
          font-weight: var(--h6-font-weight);
          font-family: var(--h6-font-family);
          text-transform: var(--h6-text-transform);
          font-style: var(--h6-font-style);
          padding: 0;
          background: none;
          color: var(--link-color);
        }

.main-hero .text-stuff h4 a.simpler,
.main-hero .text-stuff h4 .is-title {
        font-size: var(--h6-font-size-smaller);
        line-height: var(--h6-line-height-smaller);
        letter-spacing: var(--h6-letter-spacing);
        font-weight: var(--h6-font-weight);
        font-family: var(--h6-font-family);
        text-transform: var(--h6-text-transform);
        font-style: var(--h6-font-style);
        padding: 0;
        background: none;
      }

.main-hero .text-stuff h4 a.simpler {
        color: var(--link-color);
      }

.main-hero .text-stuff h4 .is-title {
        opacity: 0.25;
      }

.main-hero .text-stuff h4 .breader {
        margin: 0 0.5rem;
        opacity: 0.3;
      }

.main-hero .text-stuff h1 {
      margin: 0;
      color: var(--gray-color-alt);
    }

.main-hero .text-stuff p {
      max-width: 32rem;
      margin: 0.5rem auto 0;
    }

.main-hero .text-stuff .is-form-copy {
      margin-top: 2rem;
    }

@media (max-width: 767px) {
        .main-hero .text-stuff .is-form-copy ul,
.main-hero .text-stuff .is-form-copy ol {
          list-style: none;
          margin-left: 0;
          padding-left: 0;
        }
    }

.main-hero .arrow-down {
    margin-top: 30px;
    margin-bottom: -58px;
  }

.main-hero .arrow-down a {
      background: #fff;
      display: block;
      width: 58px;
      height: 58px;
      position: relative;
      border-radius: 100%;
      margin: 0 auto;
      -webkit-transition: var(--bouncy-transition);
      transition: var(--bouncy-transition);
    }

.main-hero .arrow-down a:before {
      border-radius: 100%;
      content: '';
      display: block;
      background: var(--gray-color-light-2);
      width: 40px;
      height: 40px;
      -webkit-box-shadow: var(--small-shadow);
              box-shadow: var(--small-shadow);
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }

.main-hero .arrow-down a .text {
        display: none;
      }

.main-hero .arrow-down a svg {
        position: relative;
        width: 24px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        display: block;
        -webkit-transition: var(--bouncy-transition);
        transition: var(--bouncy-transition);
      }

.main-hero .arrow-down a svg path {
          fill: var(--primary-color);
          -webkit-transition: var(--default-transition);
          transition: var(--default-transition);
        }

.main-hero .arrow-down a:hover,
.main-hero .arrow-down a:focus {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }

.main-hero .arrow-down a:hover svg, .main-hero .arrow-down a:focus svg {
        -webkit-transform: translate(-50%, -50%) scale(1.4);
                transform: translate(-50%, -50%) scale(1.4);
      }

.main-hero.has-background .arrow-down, .main-hero.make-background-white .arrow-down {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

.main-hero.make-background-white {
  background: none;
}

.main-hero.make-background-white .main-nav-wrap {
    margin-top: 1%;
    -webkit-transition: margin 225ms ease;
    transition: margin 225ms ease;
  }

.main-hero.make-background-white .main-nav-wrap.sticky {
    margin-top: 0;
  }

.main-hero.make-background-white .main-contents {
    background: var(--white-color);
  }

.main-hero.make-background-white .text-stuff {
    padding-top: 3.5%;
    padding-bottom: 5%;
  }

@media (max-width: 1024px) {
    .main-hero.make-background-white .text-stuff {
      padding-top: 8%;
      padding-bottom: 8%;
    }
  }

@media (max-width: 767px) {
    .main-hero.make-background-white .text-stuff {
      padding-bottom: 15%;
    }
  }

.main-hero {

    /* HAS IMAGE */
}

.main-hero.has-background {
  background: none;
  margin-bottom: -4rem;
}

@media (max-width: 767px) {
  .main-hero.has-background+ article section:first-child:before {
    height: 4rem;
    content: "";
    display: block;
  }
}

.main-hero.has-background .main-contents {
    -webkit-box-shadow: var(--medium-shadow);
            box-shadow: var(--medium-shadow);
  }

.main-hero.has-background .main-contents .background {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      background: var(--gray-color-alt);
      border-radius: var(--general-border-radius);
    }

.main-hero.has-background .main-contents .background img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-position: 50%;
        object-position: 50%;
        -o-object-fit: cover;
        object-fit: cover;
      }

.main-hero.has-background.full h1 {
    color: var(--white-color);
  }

.main-hero.has-background.full p {
    color: var(--white-color);
  }

.main-hero.has-background.half .main-nav-wrap .for-main-nav nav>ul>li>a {
                /* text-shadow: 0px 0px 20px var(--white-off-color); */
  }

.main-hero.has-background.half .main-nav-wrap .for-main-nav nav>ul>li>a:before {
    position: absolute;
    top: 2px;
    left: 50%;
    width: 130%;
    height: 100%;
    display: block;
    background: var(--white-color);
    content: '';
    border-radius: 25px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

.main-hero.has-background.half .main-nav-wrap .for-main-nav nav>ul>li>a span {
      position: relative;
    }

.main-hero.has-background.half .main-contents {
    background: var(--white-color);
    padding: 0;
  }

.main-hero.has-background.half .main-contents .background {
      width: 40%;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

.main-hero.has-background.half .main-contents .background img {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

.main-hero.has-background.half .main-contents .text-stuff {
      margin: 0 0 0 auto;
      max-width: 60%;
      padding: 12% 8% 11%;
      text-align: center;
    }

.main-hero.has-background.half .main-contents .text-stuff .guts {
        text-align: left;
        display: inline-block;
      }

.main-hero.has-background.half .main-contents .text-stuff p {
        margin-left: 0;
      }

@media (max-width: 767px) {
      .main-hero.has-background.half .main-contents .background {
        width: 100%;
        position: relative;
        border-radius: var(--general-border-radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
        .main-hero.has-background.half .main-contents .background img {
          width: 100%;
          position: relative;
        }
      .main-hero.has-background.half .main-contents .text-stuff {
        max-width: 100%;
      }
  }

.main-hero.has-background.half.offset .main-contents .background {
      background: none;
      width: 51%;
    }

.main-hero.has-background.half.offset .main-contents .background img {
        -o-object-position: right top;
        object-position: right top;
      }

.main-hero.has-background.half.offset .main-contents .text-stuff {
      width: 54%;
    }

@media (max-width: 1024px) {
      .main-hero.has-background.half.offset .main-contents .background {
        width: 45%;
      }
      .main-hero.has-background.half.offset .main-contents .text-stuff {
        padding-left: 5%;
        padding-right: 5%;
        width: 55%;
      }
  }

@media (max-width: 767px) {
      .main-hero.has-background.half.offset .main-contents .background {
        width: 100%;
        background: var(--white-off-color);
      }
        .main-hero.has-background.half.offset .main-contents .background img {
          width: 100%;
        }
      .main-hero.has-background.half.offset .main-contents .text-stuff {
        width: 100%;
      }
  }

.main-hero.has-embed h1 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
  }

.main-hero.has-embed .form-content {
    text-align: left;
    padding-right: 4rem;
  }

.main-hero.has-embed .form-content p {
      margin-left: 0;
      margin-right: 0;
    }

.main-hero.has-embed .form-content h1 {
                /* font-size: var(--h1-font-size-small);
                line-height: var(--h1-line-height-small); */
    }

.main-hero.has-embed .form-embed {
    padding-left: 4rem;
    max-width: 25rem;
    border-left: solid 1px var(--gray-color-dark);
  }

.main-hero.has-embed.has-background .is-form-copy,
.main-hero.has-embed.has-background .form-embed {
  color: var(--white-off-color);
}

.main-hero.has-embed.has-background .is-form-copy h1,
.main-hero.has-embed.has-background .is-form-copy h2,
.main-hero.has-embed.has-background .is-form-copy h3,
.main-hero.has-embed.has-background .form-embed h1,
.main-hero.has-embed.has-background .form-embed h2,
.main-hero.has-embed.has-background .form-embed h3 {
    color: var(--white-color);
  }

.main-hero.has-embed.has-background .is-form-copy h4,
.main-hero.has-embed.has-background .is-form-copy h5,
.main-hero.has-embed.has-background .is-form-copy h6,
.main-hero.has-embed.has-background .form-embed h4,
.main-hero.has-embed.has-background .form-embed h5,
.main-hero.has-embed.has-background .form-embed h6 {
    color: var(--primary-color);
  }

.main-hero.has-embed.has-background .is-form-copy p, .main-hero.has-embed.has-background .form-embed p {
    color: var(--white-off-color);
  }

.main-hero.has-embed.has-background .is-form-copy legend,
.main-hero.has-embed.has-background .is-form-copy label,
.main-hero.has-embed.has-background .form-embed legend,
.main-hero.has-embed.has-background .form-embed label {
    color: var(--white-color);
  }

@media (max-width: 767px) {
    .main-hero.has-embed .form-content {
      padding-right: 0;
      text-align: center;
      padding-bottom: 2rem;
    }
      .main-hero.has-embed .form-content p {
        margin-left: auto;
        margin-right: auto;
      }
    .main-hero.has-embed .form-embed {
      padding-left: 0;
      border: none;
      margin: 0 auto;
    }
}

.main-hero .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white-off-color);
    z-index: 8888888;
    -webkit-animation: mobile-menu-fade 800ms ease;
    animation: mobile-menu-fade 800ms ease;
    padding: 25rem 8rem;
    overflow: scroll;
  }

@media (max-width: 991px) {
    .main-hero .mobile-menu {
      padding: 15rem 5rem;
    }
  }

@media (max-width: 767px) {
    .main-hero .mobile-menu {
      padding: 10rem 2rem 3rem;
    }
  }

.main-hero .mobile-menu {
    display: none;
        /* .mobile-footer-nav {
            text-align: left;

            > ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: flex;

                > li {
                    display: flex;
                    flex-direction: column;
                    width: 100%;

                    > a {
                        font-size: 1.75rem;
                        color: var(--gray-color-alt);

                        span { font-size: inherit; color: inherit; }

                        &:hover, &:focus {
                            color: var(--link-color);
                        }
                    }
                }
            }
            > ul > li > ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }
        } */
  }

.main-hero .mobile-menu .columns {
      position: relative;
      z-index: 33;
    }

.main-hero .mobile-menu #mobile-toggle-title {
      opacity: 0;
      width: 0;
      height: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
    }

.main-hero .mobile-menu .stamp {
      position: fixed;
      z-index: -1;
    }

.main-hero .mobile-menu .stamp .animate {
      -webkit-animation: circle-grow-to-right 800ms ease;
      animation: circle-grow-to-right 800ms ease;
    }

.main-hero .mobile-menu .stamp.second .animate {
      -webkit-animation: circle-grow-to-left 800ms ease;
      animation: circle-grow-to-left 800ms ease;
    }

.main-hero .mobile-menu .for-mobile-nav {
      -webkit-animation: mobile-items-in-to-right 800ms var(--bouncy-transition-timing-function);
      animation: mobile-items-in-to-right 800ms var(--bouncy-transition-timing-function);
    }

.main-hero .mobile-menu .for-mobile-ctas {
      -webkit-animation: mobile-items-in-to-left 800ms var(--bouncy-transition-timing-function);
      animation: mobile-items-in-to-left 800ms var(--bouncy-transition-timing-function);
    }

.main-hero .mobile-menu .mobile-main-nav {
      text-align: left;
      margin-bottom: 1.5rem;
    }

.main-hero .mobile-menu .mobile-main-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 1rem;
      }

.main-hero .mobile-menu .mobile-main-nav ul .h2 {
          color: var(--gray-color-alt);
          -webkit-transition: var(--default-transition);
          transition: var(--default-transition);
          display: inline-block;
        }

.main-hero .mobile-menu .mobile-main-nav ul .h2:hover {
          color: var(--primary-color);
        }

.main-hero .mobile-menu .mobile-main-nav ul li {
          margin: 1rem 0;
          padding: 0;
        }

.main-hero .mobile-menu .mobile-main-nav ul li.current_page_item a span {
          color: var(--link-color);
        }

.main-hero .mobile-menu .mobile-main-nav ul ul .h2 {
          color: var(--primary-color);
          font-size: var(--h3-font-size);
          line-height: var(--h3-line-height);
          letter-spacing: var(--h3-letter-spacing);
          font-weight: var(--h3-font-weight);
          font-family: var(--h3-font-family);
          text-transform: var(--h3-text-transform);
          font-style: var(--h3-font-style);
        }

.main-hero .mobile-menu .mobile-ctas {
      text-align: right;
    }

@media (max-width: 767px) {
      .main-hero .mobile-menu .mobile-ctas {
        text-align: center;
      }
    }

.main-hero .mobile-menu .mobile-ctas .button {
        padding: var(--button-large-padding);
      }

@media (max-width: 767px) {
        .main-hero .mobile-menu .mobile-ctas .button {
          display: block;
        }
      }

.main-hero .mobile-menu .mobile-ctas .phone-number {
        margin: 3rem 0;
        display: block;
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
      }

.main-hero .mobile-menu .mobile-ctas .mobile-shelf {
        margin-top: 1.5rem;
      }

.main-hero .mobile-menu .mobile-ctas .mobile-shelf a {
          margin: 0.5rem;
        }

.main-hero .mobile-menu .mobile-ctas .social-icons {
        margin-top: 3rem;
      }

.main-hero .mobile-menu .mobile-ctas .social-icons a {
          display: inline-block;
          float: none;
        }

.main-hero .mobile-menu hr {
      margin: 5rem 0;
    }

@media (max-width: 767px) {
      .main-hero .mobile-menu hr {
        margin: 2rem;
      }
    }

.main-hero .hide-me {
    visibility: hidden;
  }

.showing-mobile-menu {
  overflow: hidden;
}

.showing-mobile-menu .main-hero .shelf-nav {
      display: none;
    }

.showing-mobile-menu .main-hero .main-nav-wrap .for-mobile-toggle button:before {
          content: attr(data-close);
        }

.showing-mobile-menu .main-hero .main-nav-wrap .for-mobile-toggle button .burger {
            background: none;
            -webkit-transform: translateY(-50%) rotate(90deg);
                    transform: translateY(-50%) rotate(90deg);
          }

.showing-mobile-menu .main-hero .main-nav-wrap .for-mobile-toggle button .burger:before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            bottom: 0;
          }

.showing-mobile-menu .main-hero .main-nav-wrap .for-mobile-toggle button .burger:after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            top: 0;
          }

.showing-mobile-menu .main-hero .main-nav-wrap .for-logo .light path {
        fill: var(--primary-color-dark);
      }

.showing-mobile-menu .main-hero .main-nav-wrap .mobile-menu {
        display: block;
      }

.large-fonts-on .main-hero {
    padding: 0 0.5rem !important;
  }

.large-fonts-on .main-hero .main-nav-wrap {
      padding: .25rem 0.5rem !important;
    }

.large-fonts-on .main-hero .main-nav-wrap.sticky {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }

.large-fonts-on .main-hero .mobile-menu .mobile-ctas .phone-number {
        /* font-size: var(--h2-font-size-small);
        line-height: var(--h2-line-height-small); */
  }

.large-fonts-on .main-hero .main-nav-wrap .for-main-nav nav>ul>li {
    margin-top: 0;
    margin-bottom: 0;
  }

.large-fonts-on .main-hero .main-nav-wrap .for-main-nav nav>ul>li a {
      padding: 0;
    }

.large-fonts-on .main-hero .text-stuff h1 {
        /* font-size: var(--h1-font-size-small);
        line-height: var(--h1-line-height-small); */
  }

@media (min-width: 1025px) {
    .large-fonts-on .main-hero.has-background.half .main-contents .text-stuff {
      padding-left: 7%;
      padding-right: 7%;
    }
}

.high-contrast-on .main-hero .stamp {
      opacity: 0.1;
    }

.high-contrast-on .main-hero .main-nav-wrap .for-mobile-toggle button {
      background: var(--link-color);
      color: var(--black-color);
    }

@media (min-width: 1200px) {
  .main-hero.has-background.half .main-contents .text-stuff {
    height: 65vh;
    min-height: 35rem;
    padding: 0;
  }
    .main-hero.has-background.half .main-contents .text-stuff .guts {
      display: block;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-45%);
              transform: translateY(-45%);
      left: 0;
      width: 100%;
      padding: 0% 13%;
    }
  .main-hero.has-background.half.offset .main-contents .text-stuff .guts {
    padding-left: 15%;
    padding-right: 15%;
  }
}

@-webkit-keyframes mobile-menu-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mobile-menu-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes mobile-items-in-to-right {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-3rem) scale(0.95);
            transform: translateX(-3rem) scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes mobile-items-in-to-right {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-3rem) scale(0.95);
            transform: translateX(-3rem) scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes mobile-items-in-to-left {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(3rem) scale(0.95);
            transform: translateX(3rem) scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes mobile-items-in-to-left {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(3rem) scale(0.95);
            transform: translateX(3rem) scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes circle-grow-to-right {
  0% {
    -webkit-transform: scale(0.3) translate(-50%, -50%);
            transform: scale(0.3) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes circle-grow-to-right {
  0% {
    -webkit-transform: scale(0.3) translate(-50%, -50%);
            transform: scale(0.3) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes circle-grow-to-left {
  0% {
    -webkit-transform: scale(0.5) translate(50%, 75%);
            transform: scale(0.5) translate(50%, 75%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes circle-grow-to-left {
  0% {
    -webkit-transform: scale(0.5) translate(50%, 75%);
            transform: scale(0.5) translate(50%, 75%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}





.signup-hero {
  background: var(--white-off-color);
  padding: 2rem;
  z-index: 88888;
}

@media (max-width: 1199px) {
  .signup-hero {
    padding: 1rem;
  }
}

@media (max-width: 1024px) {
  .signup-hero {
    padding: .5rem;
  }
}

/* THE BOX */

.signup-hero .main-contents {
    position: relative;
    border-radius: var(--general-border-radius);
    background: var(--white-color);
    -webkit-box-shadow: var(--medium-shadow);
            box-shadow: var(--medium-shadow);
    overflow: hidden;
  }

/* THE NAV */

.signup-hero .main-nav-wrap {
    padding: 0.25rem 2rem;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 9999;
    -webkit-transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
    transition: background var(--default-transition-duration) var(--default-transition-timing-function), -webkit-box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
    transition: background var(--default-transition-duration) var(--default-transition-timing-function), box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
    transition: background var(--default-transition-duration) var(--default-transition-timing-function), box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function), -webkit-box-shadow var(--default-transition-slow-duration) var(--default-transition-timing-function);
  }

.signup-hero .main-nav-wrap .header-bar {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      z-index: 88888888;
      position: relative;
    }

.signup-hero .main-nav-wrap .for-logo {
      max-width: 13rem;
      margin-bottom: 0.5rem;
    }

@media (max-width: 1024px) {
      .signup-hero .main-nav-wrap .for-logo {
        margin: 0;
      }
    }

.signup-hero .main-nav-wrap .for-logo path {
        -webkit-transition: var(--default-transition-slow);
        transition: var(--default-transition-slow);
      }

.signup-hero .main-nav-wrap .for-logo .light path {
        fill: var(--gray-color-light-2);
      }

@media (max-width: 1199px) {
      .signup-hero .main-nav-wrap .for-logo {
        max-width: 13rem;
      }
  }

@media (max-width: 767px) {
      .signup-hero .main-nav-wrap .for-logo {
        max-width: 100%;
      }
        .signup-hero .main-nav-wrap .for-logo a {
          margin: 0 auto;
          max-width: 200px;
        }
  }

/* LEFT SIDE */

.signup-hero .text-stuff {
    padding: 8rem 6.5% 5%;
    position: relative;
  }

.signup-hero .text-stuff .bg {
      position: absolute;
      top: 0;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% top;
      object-position: 50% top;
      width: 100%;
      height: 100%;
      display: block;
    }

.signup-hero .text-stuff .guts {
      position: relative;
      z-index: 33;
    }

.signup-hero .text-stuff :last-child {
      margin-bottom: 0;
    }

@media (max-width: 767px) {
    .signup-hero .text-stuff {
      padding: 6.5rem 15px 15px;
    }
  }

.signup-hero .text-stuff h4 {
      font-size: 14px;
      color: var(--primary-color-dark);
      border: solid 0.125rem var(--primary-color-dark);
      display: inline-block;
      padding: 3px 12px;
      width: auto;
    }

@media (max-width: 767px) {
      .signup-hero .text-stuff h4 {
        margin-bottom: 13px;
        font-size: 12px;
        text-align: center;
        padding: 5px;
        display: block;
      }
    }

.signup-hero .text-stuff h1 {
      font-size: 47px;
      line-height: 1.2;
      margin-bottom: 2px;
    }

@media (max-width: 767px) {
      .signup-hero .text-stuff h1 {
        font-size: 34px;
      }
    }

.signup-hero .text-stuff p {
      font-size: 22px;
    }

@media (max-width: 767px) {
      .signup-hero .text-stuff p {
        font-size: 18px;
      }
    }

@media (min-width: 768px) {
  .signup-hero.is-a-form-grower .text-stuff {
    padding-bottom: 8%;
  }
}

/* RIGHT SIDE */

.signup-hero .form-stuff {
    background: var(--gray-color-alt);
    padding: 5% 8%;
  }

@media (max-width: 767px) {
    .signup-hero .form-stuff {
      padding: 25px 15px;
    }
      .signup-hero .form-stuff .hbspt-form {
        max-width: 305px;
        margin: 0 auto;
      }
  }

.signup-hero .form-stuff .form-copy {
      text-align: center;
      padding-bottom: 6%;
    }

.signup-hero .form-stuff .form-copy :last-child {
        margin-bottom: 0;
      }

@media (max-width: 767px) {
      .signup-hero .form-stuff .form-copy {
        font-size: 20px;
      }
    }

.signup-hero .form-stuff .form-copy p {
        line-height: 1.5;
        opacity: 0.8;
        font-size: 16px;
      }

.signup-hero .form-stuff legend {
      text-align: center;
      font-size: 12px;
      color: var(--gray-color-dark);
      font-style: italic;
      font-weight: 400;
      margin-bottom: 8px;
    }

.signup-hero .form-stuff .hs-main-font-element {
      display: none;
    }

@media (min-width: 768px) {
  .signup-hero.is-a-form-grower .form-stuff {
    padding-top: 8%;
    padding-bottom: 8%;
  }
}