/* Available Variables */
section#contact {
  background-color: #fff;
  color: #3a0256;
  margin: 0;
  position: relative;
  padding: 20px 0 0 0; }
  section#contact .js-custom-form span {
    text-align: left; }
  section#contact h1 {
    color: #3a0256; }
  section#contact h2, section#contact p {
    color: #3a0256;
    font-size: 1.6em; }
  section#contact .step-number {
    background-color: #3a0256;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    font-family: "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 20px;
    padding-top: 5px;
    margin-right: 10px; }
  section#contact .step-title {
    font-family: "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  section#contact .help-option-grid a {
    background-color: #78217b;
    display: inline-block;
    width: 180px;
    height: 90px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin: 3px; }
    section#contact .help-option-grid a span {
      display: block;
      font-family: "VAG Rounded W01 Bold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 1.44em;
      margin-top: 8px; }
    section#contact .help-option-grid a i {
      color: #fff;
      text-align: center;
      font-size: 3.2em;
      margin-top: 15px;
      width: 1.3em; }
      section#contact .help-option-grid a i:before {
        margin: 0; }
    section#contact .help-option-grid a:hover {
      background-color: #3a0256; }
    section#contact .help-option-grid a.step2-trigger.selected {
      background-color: #3a0256; }
    section#contact .help-option-grid a.step2-trigger.deselected {
      background-color: #ddd; }
      section#contact .help-option-grid a.step2-trigger.deselected:hover {
        background-color: #bbb; }
  section#contact .step2, section#contact .step3 {
    display: none;
    margin-top: 30px; }
  section#contact .step3 {
    background-color: #f4f4f4;
    padding: 20px 0 20px 0;
    color: #3a0256;
    text-align: center; }
    section#contact .step3 h3 {
      color: #3a0256;
      font-size: 1.9em; }
  section#contact #step3_title, section#contact #step4_title {
    margin-top: 30px;
    display: none; }
  section#contact #step4_title {
    margin-bottom: 30px !important;
    font-size: 1.2em; }
  section#contact #postal_address {
    background-color: #f4f4f4;
    margin: 0;
    margin-top: 50px;
    padding: 35px 0 35px 0; }
    section#contact #postal_address h2 {
      font-size: 2em;
      margin-top: 0; }
  section#contact .help-content {
    overflow: hidden;
    text-align: left; }
    section#contact .help-content .help-content-intro {
      display: block;
      text-align: center; }
    section#contact .help-content a {
      color: #3a0256;
      text-decoration: underline; }
    section#contact .help-content .help-content-step {
      margin-top: 50px;
      position: relative;
      width: 100%;
      clear: both; }
      section#contact .help-content .help-content-step .help-content-image {
        width: 40%;
        float: left;
        box-sizing: border-box;
        overflow: hidden;
        border-right: solid 1px #ddd; }
        section#contact .help-content .help-content-step .help-content-image img {
          width: 95%;
          height: auto; }
      section#contact .help-content .help-content-step .help-content-text {
        display: inline-block;
        width: 60%;
        float: right;
        padding-left: 2%;
        box-sizing: border-box; }
        section#contact .help-content .help-content-step .help-content-text .help-content-number {
          background-color: #bbb;
          border-radius: 50px;
          display: inline-block;
          width: 30px;
          height: 30px;
          color: #fff;
          text-align: center;
          padding-top: 4px;
          margin-right: 10px; }
  section#contact #contact_form_button {
    width: 300px;
    border: solid 2px #78217b;
    background: #78217b;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #78217b 0%, #511653 50%, #78217b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78217b), color-stop(50%, #511653), color-stop(100%, #78217b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #78217b 0%, #511653 50%, #78217b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #78217b 0%, #511653 50%, #78217b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #78217b 0%, #511653 50%, #78217b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #78217b 0%, #511653 50%, #78217b 100%);
    /* W3C */
    background-position: top;
    -moz-background-size: 200% 200%;
    background-size: 200% 200%;
    color: #fff;
    text-decoration: none !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 7px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    font-size: 2.1em; }