Deckorators Preview

  
  
<style>
  html .hbspt-form { font-size: 1rem;font-weight: 700;line-height: 1.7em;color: #77777a; }
  html .hbspt-form em { color: #77777a; }
  html .hbspt-form fieldset { max-width: 100%;padding: 10px 0;min-width: 0; }
  html .hbspt-form .hs_recaptcha { padding: 15px 0; }
  html .hbspt-form .field { padding-top: 5px; }
  html .hbspt-form fieldset .input { margin: 0 !important; }
  html .hbspt-form fieldset.form-columns-3 .hs-form-field { width: 31.33%; }
  html .hbspt-form fieldset.form-columns-3 .hs-form-field:nth-child(2) { margin: 0 3%; }
  html .hbspt-form fieldset.form-columns-2 .hs-form-field { width: 48.5%; }
  html .hbspt-form fieldset.form-columns-2 .hs-form-field:nth-last-child(1) { margin-left: 3%; }
  html .hbspt-form fieldset.form-columns-1 .hs-input { width: 100%; }
  html .hbspt-form select.hs-input { width: 100%;max-width: 100%; }
  html .hbspt-form fieldset.form-columns-1 select.hs-input { width: 400px; }
  html .hbspt-form .hs-error-msgs { list-style-type: none;padding-left: 0;color: #cf343d;font-size: 13px; }
  html .hbspt-form .actions { padding-top: 15px; }
  html .hbspt-form .inputs-list { list-style-type: none;padding-left: 0; }
  html .hbspt-form .inputs-list label { cursor: pointer; }
  html .hbspt-form input[type="radio"], html .hbspt-form input[type="checkbox"] { display: none; }
  html .hbspt-form legend { font-weight: normal; }
  html .hbspt-form input[type="submit"] { position: relative;background-color: transparent;color: #002855;border-radius: 500px;border: 1px #002855 solid;font-weight: 700;font-size: 1em;letter-spacing: 2px;text-align: center;text-transform: uppercase;text-shadow: none;padding: .3em 1.5em;display: inline-block;margin: 0;outline: 0;-webkit-appearance: none;-moz-appearance: none; }
  html .hbspt-form input[type="submit"]:hover { background-color: #002855;color: white; }
  html .hbspt-form input[type="radio"]+span::before, input[type="checkbox"]+span::before { font-family: FontAwesome;font-weight: 500;margin-right: 5px;font-size: 1em;display: inline-block;position: relative; width: 1em;text-align: left; }
  html .hbspt-form input[type="checkbox"] + span::before { content: ""; }
  html .hbspt-form input[type="checkbox"]:checked + span::before { content: ""; }
  html .hbspt-form input[type="radio"] + span::before { content: ""; top: 1px; }
  html .hbspt-form input[type="radio"]:checked + span::before { content: ""; }
  form .legal-consent-container { font-size: 12px;line-height: 1.3em; }
  form .legal-consent-container, form .legal-consent-container p { font-size: 12px;line-height: 1.3em;font-style: italic; }
  form .legal-consent-container .hs-form-booleancheckbox-display { margin-top: 5px;display: inline-block; }
  form .legal-consent-container .hs-form-booleancheckbox-display, form .legal-consent-container .hs-form-booleancheckbox-display p { font-size: 16px;font-style: normal; }
  .hs-dependent-field { display: flex;flex-wrap: wrap;align-items: flex-end; }
  .hs-dependent-field > div { position: relative; }
  .hs-dependent-field > div:nth-child(1) { width: 100%; }
  .hs-dependent-field > div:not(:first-child) { width: 50%;padding-left: 10px; }
  .hs-dependent-field > div:nth-child(even) { padding-left: 0;padding-right: 10px; }
  form .hs-dependent-field > .hs_address { width: 40%;padding-right: 0px; }
  form .hs-dependent-field > .hs_city, form .hs-dependent-field > .hs_territory, form .hs-dependent-field > .hs_zip { width: 20%;padding-left: 10px;padding-right: 0px; }
  .hs-dependent-field .hs-error-msgs { position: absolute;max-width: 100%;z-index: 10;background: white;padding: 8px !important;margin-top: 10px;box-shadow: 0 -2px 12px rgba(0,0,0, .2); }
  .hs-dependent-field .hs-error-msgs:before { content: '';position: absolute;top: -8px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid white; }
  @media (max-width: 600px) {
    html .hbspt-form fieldset.form-columns-3 .hs-form-field { width: 100%; }
    html .hbspt-form fieldset.form-columns-3 .hs-form-field:nth-child(2) { margin: 0; }
    html .hbspt-form fieldset.form-columns-2 .hs-form-field { width: 100%; }
    html .hbspt-form fieldset.form-columns-2 .hs-form-field:nth-last-child(1) { margin-left: 0; }
    .hs-dependent-field { display: block; }
    html .hbspt-form .hs-dependent-field > div { padding: none !important;padding-left: 0px !important;padding-right: 0px !important;width: 100% !important; }
  }
</style>