DeckoRail Preview

  
  
<style>
  html .hbspt-form { width: 640px;max-width: 100%;font-size: 1rem;line-height: 1.7em;color: #8f8f8f; }
  html .hbspt-form .field { padding: 6px 0; }
  html form > .field { display: flex;flex-wrap: wrap; }
  html .hbspt-form .form-columns-1 .field { display: flex;flex-wrap: wrap; }
  html .hbspt-form .form-columns-1 .field > label, html form > .field > label { width: 30%; }
  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-error-msgs { width: 100%; }
  html .hbspt-form .field input { height: 30px;max-width: 100%;padding: 4px 6px;color: #444;border: 2px solid #000;border-radius: 5px; }
  html .hbspt-form .field select, html .hbspt-form .field textarea { border: 2px solid #000;border-radius: 5px;  }
  html .hbspt-form fieldset { max-width: 100%;padding: 10px 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; }
  html .hbspt-form .inputs-list { list-style-type: none;padding-left: 0; }
  html .hbspt-form .inputs-list label { cursor: pointer;font-weight: 700; }
  html .hbspt-form input[type="checkbox"], html .hbspt-form input[type="radio"] { display: none; }
  html .hbspt-form input[type="radio"]+span::before, input[type="checkbox"]+span::before { font-family: FontAwesome;font-weight:500;font-size: 1em;display: inline-block;position: relative; width: 1em;text-align: left;margin-right: 5px; }
  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; }
  html .hbspt-form .actions input { font-size: 13px;padding: 4px 16px;border-radius: 7px;background-color: #0f67a1;border: 1px solid #0f67a1;color: #fff;font-family: 'DIN Next W01 Bold','DIN Next W02',sans-serif;font-weight: normal;line-height: 1.1em; }
  html .hbspt-form .actions input:hover { background-color: #00b4f0;border-color: #00b4f0; }
  @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>