Deckorators Pro Preview

  
  
<style>
  html .hbspt-form { width: 640px;max-width: 100%;color: #000000;font-size: 1rem;line-height: 1.7em; }
  html .hbspt-form em { color: #77777a; }
  html .hbspt-form .field { padding: 15px 0; }
  html form > .field { display: flex; }
  html .hbspt-form .form-columns-1 .field { display: flex;flex-wrap: wrap; }
  html .hbspt-form .form-columns-1 .field > label, html form > .field > label { min-width: 30%;flex: 1 auto; }
  html .hbspt-form .form-columns-1 .field.hs-fieldtype-file > label, html form > .field.hs-fieldtype-file > label { width: 100%; }
  html .hbspt-form .field .input { flex: 1 auto;position: relative;z-index: 1; }
  html .hbspt-form .field .input input, html .hbspt-form .field .input textarea { width: 100%;box-sizing: border-box; }
  html .hbspt-form .field .input textarea { resize: none;height: 100px; }
  html .hbspt-form .hs-form-required { color: #cf343d;font-weight: 800; }
  html .hbspt-form .hs-error-msgs { width: 100%; }
  html .hbspt-form .field input { height: 30px;max-width: 100%;padding: 4px 6px;color: #444;border: 2px solid #c2c2c2;border-radius: 0; }
  html .hbspt-form .field select, html .hbspt-form .field textarea { border: 2px solid #c2c2c2;background: transparent;border-radius: 0;-webkit-border-radius: 0px; }
  html .hbspt-form input[type="radio"], html .hbspt-form input[type="checkbox"] { display: none; }
  html .hbspt-form fieldset { max-width: 100%;padding: 5px 0; }
  html .hbspt-form .hs_recaptcha { padding: 15px 0; }
  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 { width: 100%;height: 30px;padding: 4px 6px; }
  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;text-align: center; }
  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="submit"] { cursor:pointer;background: rgb(240, 240, 240);box-shadow: #002856 0 -4px 0 0 inset;border: none;font-family: Avenir,Arial,sans-serif;line-height: 26px;padding: 12px 20px;text-transform: uppercase;-webkit-appearance: none;-moz-appearance: none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
  html .hbspt-form input[type="submit"]:hover { color: white;box-shadow: #002856 0 -100px 0 0 inset; }
  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, form .legal-consent-container p { font-size: 12px;line-height: 1.3em;font-style: italic; }
  form .legal-consent-container input[id*="LEGAL_CONSENT"], form .legal-consent-container input { display: none; }
  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; }
  @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; }
    html form > .field { display: block; }
    html .hbspt-form .form-columns-1 .field > label, html form > .field > label { width: 100%; }
  }
</style>
pro forms