levitatemedia.com Open in urlscan Pro
52.17.119.105  Public Scan

URL: https://levitatemedia.com/video-pricing
Submission: On April 30 via manual from IN — Scanned from DE

Form analysis 1 forms found in the DOM

Name: wf-form-Video-buget-calculatorGET

<form id="wf-form-Video-buget-calculator" name="wf-form-Video-buget-calculator" data-name="Video buget calculator" redirect="/submission-confirmed" data-redirect="/submission-confirmed" method="get" class="form"
  data-wf-page-id="63d44349b5ea202e1e6dd150" data-wf-element-id="135a58cf-e31e-fb10-d475-2f0669dbd5c4" aria-label="Video buget calculator" data-hs-cf-bound="true">
  <div id="quiz-start" class="quiz-step fade-in" style="display: flex;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <div class="text-align-center">
          <h1>Video Production Cost Calculator</h1>
        </div>
        <div class="padding-small"></div>
        <div class="text-rich-text w-richtext">
          <p>Answer questions about video style, length, and purpose to get an estimated price range for producing your next video with Levitate.</p>
          <p>If you're ready for a customized quote, use the link below to book a meeting with a Video Strategist to get started!</p>
        </div>
        <div class="padding-small"></div><a id="get-started-btn" slide-option="next" href="#" class="quiz-next-button w-button">Let's Get Started</a>
        <div slide-option="next" class="w-embed"></div>
        <div class="padding-xxsmall"></div><a href="https://calendars.levitatemedia.com/levitate/website-inquiry" target="_blank">Book a meeting instead</a>
        <div class="padding-small"></div>
        <p><em>**This is not a price quote. The cost of video production is affected by a variety of factors. Based on your input, we will calculate the range we think closest reflects your choices.</em></p>
      </div>
    </div>
  </div>
  <div id="welcome" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <div class="text-align-center">
          <h2>We don't want to slow you down!</h2>
        </div>
        <div class="padding-small"></div>
        <div class="text-rich-text w-richtext">
          <p>Instead of making you twiddle your thumbs while our video snippets load, we have compressed them into <em>itty bitty</em> files that, in no way, reflect the quality of our actual videos.</p>
        </div>
        <div class="padding-small"></div><a slide-option="next" href="#" class="quiz-next-button w-button">Next</a>
      </div>
    </div>
  </div>
  <div id="budget" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <div class="text-align-center">
          <h2>Do you have a budget in mind?</h2>
        </div>
        <div class="padding-small"></div>
      </div>
      <div class="w-layout-grid quiz_choice-grid"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd5f8-1e6dd150" class="quiz_choice-button w-radio">
          <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="script-Yes" type="radio" name="Budget" data-name="Budget" style="opacity:0;position:absolute;z-index:-1"
            value="Yes"><span class="quiz_choice-button-label no-description w-form-label" for="script-Yes">Yes</span>
        </label><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd5fc-1e6dd150" class="quiz_choice-button w-radio">
          <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="script-No" type="radio" name="Budget" data-name="Budget" style="opacity:0;position:absolute;z-index:-1"
            value="No"><span class="quiz_choice-button-label no-description w-form-label" for="script-No">No</span>
        </label></div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track"></div>
            <div class="quiz-step_progress-bar-text-container">
              <div class="quiz-step_progress-bar-text">0%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="budget-range" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <h2>Please select your approximate budget.</h2>
        <div class="padding-small"></div>
        <p>Please note your budget number won't affect your overall price range estimate. After calculating your selections, we can help identify what modifications best suit the actual budget you choose below.</p>
      </div>
      <div class="text-align-center">
        <div class="padding-medium"></div>
        <div fs-rangeslider-update="move" fs-rangeslider-element="wrapper" fs-rangeslider-formatdisplay="true" fs-rangeslider-min="5000" fs-rangeslider-max="150000" fs-rangeslider-step="1000" class="range-slider_component">
          <div fs-rangeslider-element="track" class="range-slider_track" style="position: relative;">
            <div fs-rangeslider-element="fill" class="range-slider_fill" style="position: absolute; right: unset; left: 0px; width: 0px;"></div>
            <div fs-rangeslider-element="handle" class="range-slider_handle" role="slider" tabindex="0" aria-valuenow="5000" aria-valuemin="5000" aria-valuemax="150000"
              style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 0px;">
              <div class="range-slider_display-value">$<span fs-rangeslider-element="display-value">5,000</span></div>
            </div>
          </div>
        </div><input class="range-slider_text-input w-input" maxlength="256" name="Approx.-budget" data-name="Approx. budget" placeholder="" type="text" id="Approx.-budget" required="">
        <div class="padding-medium"></div>
        <div class="button-group"><a href="#" class="quiz-button-previous">Back</a><a slide-option="next" href="#" class="quiz-next-button w-button">Next</a></div>
        <div>
          <div class="padding-medium"></div>
          <div class="quiz-step_progress-bar-wrapper">
            <div class="quiz-step_progress-bar-text">Start</div>
            <div class="quiz-step_progress-bar-text-wrapper">
              <div class="quiz-step_progress-bar-track">
                <div class="quiz-step_progress-bar"></div>
              </div>
              <div class="quiz-step_progress-bar-text-container">
                <div class="quiz-step_progress-bar-text-percentage">5%</div>
              </div>
            </div>
            <div class="quiz-step_progress-bar-text">Finish</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="video-numbers" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <h2>How many videos do you need?</h2>
      </div>
      <div class="text-align-center">
        <div class="padding-medium"></div>
        <div fs-rangeslider-update="move" fs-rangeslider-element="wrapper-2" fs-rangeslider-formatdisplay="true" fs-rangeslider-min="1" fs-rangeslider-max="20" fs-rangeslider-step="1" class="range-slider_component">
          <div fs-rangeslider-element="track-2" class="range-slider_track" style="position: relative;">
            <div fs-rangeslider-element="fill-2" class="range-slider_fill" style="position: absolute; right: unset; left: 0px; width: 0px;"></div>
            <div fs-rangeslider-element="handle-2" class="range-slider_handle" role="slider" tabindex="0" aria-valuenow="1" aria-valuemin="1" aria-valuemax="20"
              style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 0px;">
              <div fs-rangeslider-element="display-value" class="range-slider_display-value">1</div>
            </div>
          </div>
        </div><input class="range-slider_text-input w-input" maxlength="256" name="Number-of-videos" data-name="Number of videos" placeholder="" type="text" id="Number-of-videos" required="">
        <div class="padding-medium"></div>
        <div class="button-group"><a href="#" class="quiz-button-previous">Back</a><a slide-option="next" href="#" class="quiz-next-button w-button">Next</a></div>
        <div>
          <div class="padding-medium"></div>
          <div class="quiz-step_progress-bar-wrapper">
            <div class="quiz-step_progress-bar-text">Start</div>
            <div class="quiz-step_progress-bar-text-wrapper">
              <div class="quiz-step_progress-bar-track">
                <div class="quiz-step_progress-bar _10"></div>
              </div>
              <div class="quiz-step_progress-bar-text-container _10">
                <div class="quiz-step_progress-bar-text-percentage">10%</div>
              </div>
            </div>
            <div class="quiz-step_progress-bar-text">Finish</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="video-length" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <div class="text-align-center">
          <h2>How long should your video be?</h2>
        </div>
        <div class="padding-small"></div>
        <div class="text-rich-text w-richtext">
          <p>Typically, longer videos cost more to produce. However, standard length can vary based on the type of video and how you intend to use it.</p>
          <p><strong>Common Video Lengths:</strong></p>
          <p> Social/Web Ad Videos: 30 seconds or less<br>Testimonial Videos: 2+ Minutes<br>Case Studies: 3+ minutes<br><br>Most commonly requested video length overall:<strong> 1 Minute</strong></p>
        </div>
        <div class="padding-medium"></div>
        <div fs-rangeslider-update="move" fs-rangeslider-element="wrapper-3" fs-rangeslider-formatdisplay="true" fs-rangeslider-min="0.5" fs-rangeslider-max="10" fs-rangeslider-step="0.5" class="range-slider_component">
          <div fs-rangeslider-element="track-3" class="range-slider_track" style="position: relative;">
            <div fs-rangeslider-element="fill-3" class="range-slider_fill" style="position: absolute; right: unset; left: 0px; width: 0px;"></div>
            <div fs-rangeslider-element="handle-3" class="range-slider_handle" role="slider" tabindex="0" aria-valuenow="0.5" aria-valuemin="0.5" aria-valuemax="10"
              style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 0px;">
              <div class="range-slider_display-value"><span fs-rangeslider-element="display-value">0.5</span>&nbsp;min</div>
            </div>
          </div>
        </div><input class="range-slider_text-input w-input" maxlength="256" name="Video-length" data-name="Video length" placeholder="" type="text" id="Video-length" required="">
        <div class="padding-medium"></div>
        <div class="button-group"><a href="#" class="quiz-button-previous">Back</a><a slide-option="next" href="#" class="quiz-next-button w-button">Next</a></div>
        <div>
          <div class="padding-medium"></div>
          <div class="quiz-step_progress-bar-wrapper">
            <div class="quiz-step_progress-bar-text">Start</div>
            <div class="quiz-step_progress-bar-text-wrapper">
              <div class="quiz-step_progress-bar-track">
                <div class="quiz-step_progress-bar _15"></div>
              </div>
              <div class="quiz-step_progress-bar-text-container _15">
                <div class="quiz-step_progress-bar-text-percentage">15%</div>
              </div>
            </div>
            <div class="quiz-step_progress-bar-text">Finish</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="video-script" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Will you need us to write a script for your video?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Work with our professional writers to write your entire script, revise and edit your existing script, or we can use your ready-to-go script!</p>
          </div>
          <div class="padding-medium"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid _3-col"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd65c-1e6dd150" class="quiz_choice-button w-radio">
          <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="script-Yes" type="radio" name="Script" data-name="Script" style="opacity:0;position:absolute;z-index:-1"
            value="Yes"><span class="quiz_choice-button-label no-description w-form-label" for="script-Yes">Yes, I'll need a script</span>
        </label><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd660-1e6dd150" class="quiz_choice-button w-radio">
          <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="Review-and-edit" type="radio" name="Script" data-name="Script" style="opacity:0;position:absolute;z-index:-1"
            value="Review and edit"><span class="quiz_choice-button-label no-description w-form-label" for="Review-and-edit">Edit existing script</span>
        </label><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd664-1e6dd150" class="quiz_choice-button w-radio">
          <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="script-No" type="radio" name="Script" data-name="Script" style="opacity:0;position:absolute;z-index:-1"
            value="No"><span class="quiz_choice-button-label no-description w-form-label" for="script-No">No script needed</span>
        </label>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd668-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _20"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _20">
              <div class="quiz-step_progress-bar-text-percentage">20%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="video-type" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>What type of video are you interested in?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Consider what will work best with the intention of your video and the audience you wish to reach. </p>
            <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-medium"></div>
          <div class="w-layout-grid quiz_choice-grid">
            <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd67a-1e6dd150" class="quiz_choice-description-hover-container"><img alt="Animated video style" loading="lazy"
                src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e61e36800d3_Animated.gif" class="quiz_choice-thumbnail"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd67c-1e6dd150"
                class="quiz_choice-button w-radio">
                <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Animated" type="radio" name="Video-type" data-name="Video type" style="opacity:0;position:absolute;z-index:-1"
                  value="Animated"><span class="quiz_choice-button-label w-form-label" for="Animated">Animated</span>
                <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">We offer a variety
                  of animation styles, from simple stock motion to 3D animation</p>
                <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                    <path
                      d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                    </path>
                  </svg></div>
              </label></div>
            <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd683-1e6dd150" class="quiz_choice-description-hover-container"><img alt="Live action video style" loading="lazy"
                src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e77af6800e3_Live%20action.gif" class="quiz_choice-thumbnail"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd685-1e6dd150"
                class="quiz_choice-button w-radio">
                <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Live-action-2" type="radio" name="Video-type" data-name="Video type"
                  style="opacity:0;position:absolute;z-index:-1" value="Live action"><span class="quiz_choice-button-label w-form-label" for="Live-action-2">Live action</span>
                <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Live-action can be
                  remotely recorded, a 1-2 day on-site shoot, or a full production</p>
                <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                    <path
                      d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                    </path>
                  </svg></div>
              </label></div>
            <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd68c-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
          </div>
        </div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _25"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _25">
              <div class="quiz-step_progress-bar-text-percentage">25%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="animation-purpose" class="quiz-step fade-in" style="display: none;">
    <div class="container-large">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>What's the purpose behind your animated video?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Consider your message and who you are trying to reach &amp; decide which works best for your goals</p>
            <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid _3-col">
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd69e-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd69f-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Explainer"><span class="quiz_choice-button-label w-form-label" for="radio">Explainer</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">To explain a product or service and
              its benefits and/or the problem it solves</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6a6-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6a7-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Company-overview" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Company overview"><span class="quiz_choice-button-label w-form-label" for="Company-overview">Company overview</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A broad introduction to your company
              highlighting the who, what, and why of your business &amp; what sets you apart</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6ae-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6af-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Marketing" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Marketing"><span class="quiz_choice-button-label w-form-label" for="Marketing">Marketing</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video for websites, social media,
              emailing, advertising, and brand promotion</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6b6-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6b7-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="About-us" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="About us"><span class="quiz_choice-button-label w-form-label" for="About-us">About us</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video to promote your brand and
              culture, and to create connection. Used internally, externally, or for recruitment</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6be-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6bf-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Events" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Events"><span class="quiz_choice-button-label w-form-label" for="Events">Events</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video for tradeshows, concerts,
              speaking events, or company events</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6c6-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6c7-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Commercial" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Commercial"><span class="quiz_choice-button-label w-form-label" for="Commercial">Commercial</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A high-quality intro to a product,
              service, or brand designed for paid media platforms</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6ce-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6cf-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Product-demo" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Product demo"><span class="quiz_choice-button-label w-form-label" for="Product-demo">Product demo</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Shows your product benefits in
              action. Can be a short intro, or an in-depth explainer</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6d6-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6d7-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="UI-UX" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="UI/UX"><span class="quiz_choice-button-label w-form-label" for="UI-UX">UI/UX</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">User Interface/User Experience videos
              to showcase a platform and/or its benefits. Can be promotional or educational</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6de-1e6dd150" class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6df-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Other-Not-sure" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Other/Not sure"><span class="quiz_choice-button-label w-form-label" for="Other-Not-sure">Other/Not sure</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">No problem! We'll put together a plan
              to achieve your goals</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6e6-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _30"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _30">
              <div class="quiz-step_progress-bar-text-percentage">30%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="live-video-purpose" class="quiz-step fade-in" style="display: none;">
    <div class="container-large">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>What's the purpose behind your live action video?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Consider your message and who you are trying to reach &amp; decide which works best for your goals &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid _3-col">
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd6f8-1e6dd150" class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Testimonial" type="radio" name="Animated-purpose" data-name="Animated purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Testimonial"><span class="quiz_choice-button-label w-form-label" for="Testimonial">Testimonial</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Review of a product or service from
              happy users, highlighting the benefits/value it brought to them</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd701-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Explainer"><span class="quiz_choice-button-label w-form-label" for="radio">Explainer</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">To explain a product or service and
              its benefits and/or the problem it solves</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd709-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Company-overview" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Company overview"><span class="quiz_choice-button-label w-form-label" for="Company-overview">Company overview</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A broad introduction to your company
              highlighting the who, what, and why of your business &amp; what sets you apart</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd711-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Product-demo" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Product demo"><span class="quiz_choice-button-label w-form-label" for="Product-demo">Product demo</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Shows your product benefits in
              action. Can be a short intro, or an in-depth explainer</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Case-study" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Case study"><span class="quiz_choice-button-label w-form-label" for="Case-study">Case study</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Similar to a testimonial video but
              generally based on a written case study or in-depth company data</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Marketing" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Marketing"><span class="quiz_choice-button-label w-form-label" for="Marketing">Marketing</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video for websites, social media,
              emailing, advertising, and brand promotion</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="About-us" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="About us"><span class="quiz_choice-button-label w-form-label" for="About-us">About us</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video to promote your brand and
              culture, and to create connection. Used internally, externally, or for recruitment</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Recruitment" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Recruitment"><span class="quiz_choice-button-label w-form-label" for="Recruitment">Recruitment</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video highlighting company and
              culture intended for hiring purposes</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Events" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Events"><span class="quiz_choice-button-label w-form-label" for="Events">Events</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video for tradeshows, concerts,
              speaking events, or company events</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Commercial" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Commercial"><span class="quiz_choice-button-label w-form-label" for="Commercial">Commercial</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A high-quality intro to a product,
              service, or brand designed for paid media platforms</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Sizzle-reel" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Sizzle reel"><span class="quiz_choice-button-label w-form-label" for="Sizzle-reel">Sizzle reel</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">High-energy demo reel intended to
              generate excitement and interest</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Other-Not-sure" type="radio" name="Live-action-purpose" data-name="Live action purpose"
              style="opacity:0;position:absolute;z-index:-1" value="Other/Not sure"><span class="quiz_choice-button-label w-form-label" for="Other-Not-sure">Other/Not sure</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">No problem! We'll put together a plan
              to achieve your goals</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd758-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _30"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _30">
              <div class="quiz-step_progress-bar-text-percentage">30%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="animation-style" class="quiz-step fade-in" style="display: none;">
    <div class="container-large">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Do you have a specific animation style in mind?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Think about which style is best suited to convey your message and if it will resonate with your intended audience.</p>
            <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid">
        <div class="quiz_choice-description-hover-container"><img alt="UI / UX animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569ed53b6800bb_UI-UX.gif" class="quiz_choice-thumbnail"><label
            class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="UI" type="radio" name="Animation-style" data-name="Animation style" style="opacity:0;position:absolute;z-index:-1"
              value="UI"><span class="quiz_choice-button-label w-form-label" for="UI">UI</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">UI or User Interface
              videos showcase elements of a platform, app, website, or other digital design with the intention of education or promotion</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="whiteboard animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e17a86800d1_Whiteboard.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Whiteboard" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="Whiteboard"><span class="quiz_choice-button-label w-form-label" for="Whiteboard">Whiteboard</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video that shows
              information/images being drawn onto the screen for the viewer</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="2D character animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569ea9b36800e5_2D%20character.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="2D-character" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="2D character"><span class="quiz_choice-button-label w-form-label" for="2D-character">2D character</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Creates
              two-dimensional, flat cartoon-style characters and moves them on a 2D plane. Videos have a lighthearted, playful tone</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Hand drawn 2D animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e2d426800df_Hand%20Drawn.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Hand-drawn-2D" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="Hand drawn 2D"><span class="quiz_choice-button-label w-form-label" for="Hand-drawn-2D">Hand drawn 2D</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A premium,
              artist-rendered animation style with the greatest fluidity, motion, and character potential</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="2D motion graphics" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e6daa6800cf_Motion%20graphics.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="2D-motion-graphics" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="2D motion graphics"><span class="quiz_choice-button-label w-form-label" for="2D-motion-graphics">2D motion graphics</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Creating animated
              graphics and visual elements and moving them on a 2D plane. Can make complex messages more engaging</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="3D character animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e3edd6800d5_3D%20character.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="3D-character" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="3D character"><span class="quiz_choice-button-label w-form-label" for="3D-character">3D character</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Meticulously designed
              characters that have maximum motion, range, and visual effects. Texture and movement in a 3D space create hyper-realistic videos</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="3D motion graphics" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e06556800bf_3D%20motion%20Graphics.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="3D-motion-graphics" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="3D motion graphics"><span class="quiz_choice-button-label w-form-label" for="3D-motion-graphics">3D motion graphics</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Creating
              three-dimensional graphics and objects and moving them in a digital 3D environment generating immersive, life-like visuals</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="3D product animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e08546800b9_3D%20product.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="3D-product" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="3D product"><span class="quiz_choice-button-label w-form-label" for="3D-product">3D product</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A beautifully detailed
              360° rendering of your product that can move seamlessly in space</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="kinetic typography" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e17576800b7_Kinetic%20Type.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Kinetic-typography" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="Kinetic typography"><span class="quiz_choice-button-label w-form-label" for="Kinetic-typography">Kinetic typography</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Kinetic Typography
              elegantly mixes text and motion to bring messaging to life</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="isometric animation" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569eeab96800c7_Isometric.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Isometric" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="Isometric"><span class="quiz_choice-button-label w-form-label" for="Isometric">Isometric</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Isometric animation is
              an illustration style where assets are designed on a perspective grid, giving the illusion of a 3rd dimension</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Mixed media" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e45b16800d9_Mixed%20Media.gif" class="quiz_choice-thumbnail"><label
            class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Mixed-media" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="Mixed media"><span class="quiz_choice-button-label w-form-label" for="Mixed-media">Mixed media</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Mixed media combines
              animation and stock photo or video footage to generate an engaging, professional look</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Question mark bubble" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e5c196800e1_QuestionMark.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Animation-style" data-name="Animation style"
              style="opacity:0;position:absolute;z-index:-1" value="Other/Not sure"><span class="quiz_choice-button-label w-form-label" for="radio">Other/Not sure</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">No problem! We'll put
              together a plan to achieve your goals</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd7d6-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _35"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _35">
              <div class="quiz-step_progress-bar-text-percentage">35%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="live-video" class="quiz-step fade-in" style="display: none;">
    <div class="container-large">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>What kind of production are you seeking?<sup><sup></sup></sup><br></h2>
            <div class="padding-small"></div>
            <div class="text-rich-text w-richtext">
              <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
            </div>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid">
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd7e4-1e6dd150" class="quiz_choice-description-hover-container"><img alt="on-site filming" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569ef2906800c5_on%20site%20filming.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="On-site-filming-2" type="radio" name="Production" data-name="Production"
              style="opacity:0;position:absolute;z-index:-1" value="On-site filming"><span class="quiz_choice-button-label w-form-label" for="On-site-filming-2">On-site filming</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Filming at your
              location for 1-2 days with 1-2 cameras, utilizing your staff/talent on screen</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd7ed-1e6dd150" class="quiz_choice-description-hover-container"><img alt="remote recording" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e3f076800e7_remote%20recording.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Remote-recording-2" type="radio" name="Production" data-name="Production"
              style="opacity:0;position:absolute;z-index:-1" value="Remote recording"><span class="quiz_choice-button-label w-form-label" for="Remote-recording-2">Remote recording</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Video virtually
              recorded with our expert consultation, testing, and tech</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd7f6-1e6dd150" class="quiz_choice-description-hover-container"><img alt="full video production" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e09856800c1_full%20production.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Full-production-2" type="radio" name="Production" data-name="Production"
              style="opacity:0;position:absolute;z-index:-1" value="Full production"><span class="quiz_choice-button-label w-form-label" for="Full-production-2">Full production</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">From site scouting, set
              design, and lighting to talent, artists, and filming, full production is your mini-movie in the making</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd7ff-1e6dd150" class="quiz_choice-description-hover-container"><img alt="Question mark bubble" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e5c196800e1_QuestionMark.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="Other" type="radio" name="Production" data-name="Production" style="opacity:0;position:absolute;z-index:-1"
              value="Other"><span class="quiz_choice-button-label w-form-label" for="Other">Other/Not sure</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">No problem! We'll put
              together a plan to achieve your goals</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd808-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _40"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _40">
              <div class="quiz-step_progress-bar-text-percentage">40%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="cameras" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>How many cameras do you need?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>You can choose one camera (standard), or request an additional camera for a more dynamic video.</p>
            <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-small"></div>
        </div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd819-1e6dd150" class="w-layout-grid quiz_choice-grid">
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd81a-1e6dd150" class="quiz_choice-description-hover-container"><img alt="1 camera setup" loading="lazy"
              src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e25296800e9_1%20Camera.gif" class="quiz_choice-thumbnail"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd81c-1e6dd150"
              class="quiz_choice-button w-radio">
              <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="1-camera" type="radio" name="Cameras" data-name="Cameras" style="opacity:0;position:absolute;z-index:-1"
                value="1 camera"><span class="quiz_choice-button-label w-form-label" for="1-camera">1&nbsp;camera</span>
              <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">In a one-camera
                shoot, interviews are fixed for all participants</p>
              <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                  <path
                    d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                  </path>
                </svg></div>
            </label></div>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd823-1e6dd150" class="quiz_choice-description-hover-container"><img alt="2 camera setup" loading="lazy"
              src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e890e6800bd_2%20camera.gif" class="quiz_choice-thumbnail"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd825-1e6dd150"
              class="quiz_choice-button w-radio">
              <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="2-cameras" type="radio" name="Cameras" data-name="Cameras" style="opacity:0;position:absolute;z-index:-1"
                value="2 cameras"><span class="quiz_choice-button-label w-form-label" for="2-cameras">2&nbsp;cameras</span>
              <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">A two-camera shoot
                allows for multi-angling and smoother transitions</p>
              <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                  <path
                    d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                  </path>
                </svg></div>
            </label></div>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd82c-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
        </div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _45"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _45">
              <div class="quiz-step_progress-bar-text-percentage">45%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="recording-graphics" class="quiz-step fade-in" style="display: none;">
    <div class="container-large">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Do you want graphics?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Graphics can be used to identify participants, create transition effects, highlight messaging, or explain your product or service in detail.</p>
            <p><sup>For more info about a selection, hover over the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid">
        <div class="quiz_choice-description-hover-container"><img alt="live action video without graphics" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569ef43c6800d7_Live%20Action%20No%20Graphics.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Live-action-graphics" data-name="Live action graphics"
              style="opacity:0;position:absolute;z-index:-1" value="No"><span class="quiz_choice-button-label no-description w-form-label" for="radio">No</span>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="lower thirds graphics" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e57296800c9_Lower%20Thirds.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Live-action-graphics" data-name="Live action graphics"
              style="opacity:0;position:absolute;z-index:-1" value="Lower thirds"><span class="quiz_choice-button-label w-form-label" for="radio">Lower thirds</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Names and titles added
              to the bottom of the screen during interviews</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Basic video graphics" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e2a4d6800cd_basic%20graphics.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Live-action-graphics" data-name="Live action graphics"
              style="opacity:0;position:absolute;z-index:-1" value="Basic graphics"><span class="quiz_choice-button-label w-form-label" for="radio">Basic graphics</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Minimal design graphics
              added as transitions or overlays</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Advanced video graphics" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e7f356800db_Advanced%20Graphics.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Live-action-graphics" data-name="Live action graphics"
              style="opacity:0;position:absolute;z-index:-1" value="Advanced graphics"><span class="quiz_choice-button-label w-form-label" for="radio">Advanced graphics</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Advanced graphics that
              are custom designed, take up the full screen, and/or have complex movement.</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd85f-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _50"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _50">
              <div class="quiz-step_progress-bar-text-percentage">50%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="actors" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Will you need us to hire actors?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Our talent services can find the right actors for your video.</p>
          </div>
          <div class="padding-small"></div>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd870-1e6dd150" class="w-layout-grid quiz_choice-grid"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd871-1e6dd150" class="quiz_choice-button w-radio">
              <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="actors-Yes" type="radio" name="Need-actors" data-name="Need actors"
                style="opacity:0;position:absolute;z-index:-1" value="Yes"><span class="quiz_choice-button-label no-description w-form-label" for="actors-Yes">Yes</span>
            </label><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd875-1e6dd150" class="quiz_choice-button w-radio">
              <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="actors-No" type="radio" name="Need-actors" data-name="Need actors"
                style="opacity:0;position:absolute;z-index:-1" value="No"><span class="quiz_choice-button-label no-description w-form-label" for="actors-No">No</span>
            </label>
            <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd879-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
          </div>
        </div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _55"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _55">
              <div class="quiz-step_progress-bar-text-percentage">55%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="production-graphics" class="quiz-step fade-in" style="display: none;">
    <div class="container-large">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Do you want graphics?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Graphics can be used to identify participants, create transition effects, highlight messaging, or explain your product or service in detail.</p>
            <p><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong></p>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div class="w-layout-grid quiz_choice-grid _3-col">
        <div class="quiz_choice-description-hover-container"><img alt="Full production video with no graphics" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569e29d66800dd_FP%20no%20grpahics.gif"
            class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Full-production-graphics" data-name="Full production graphics"
              style="opacity:0;position:absolute;z-index:-1" value="No"><span class="quiz_choice-button-label no-description w-form-label" for="radio">No</span>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Full production video with basic graphics" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e6e156800c3_Full%20production%20basic%20graphics.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Full-production-graphics" data-name="Full production graphics"
              style="opacity:0;position:absolute;z-index:-1" value="Basic graphics"><span class="quiz_choice-button-label w-form-label" for="radio">Basic graphics</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Minimal design graphics
              added as transitions or overlays</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div class="quiz_choice-description-hover-container"><img alt="Full production video with advanced graphics" loading="lazy"
            src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b37e5569e272e6800cb_FP%20Advanced%20Graphics.gif" class="quiz_choice-thumbnail"><label class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-radio w-radio-input"></div><input id="radio" type="radio" name="Full-production-graphics" data-name="Full production graphics"
              style="opacity:0;position:absolute;z-index:-1" value="Advanced graphics"><span class="quiz_choice-button-label w-form-label" for="radio">Advanced graphics</span>
            <p class="quiz_choice-description has-thumbnail" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Advanced graphics with
              complex designs and/or movements</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd8a3-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _60"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _60">
              <div class="quiz-step_progress-bar-text-percentage">60%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="timeline" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <div class="text-align-center">
          <h2>What is your timeline?</h2>
        </div>
        <div class="padding-small"></div>
        <div class="text-rich-text w-richtext">
          <p>On average, a 60-second video takes approximately 8-12 weeks to produce. With rush services, we can often produce videos more quickly. However, more complex video requests can take up to 16 weeks or more to produce.</p>
        </div>
        <div class="padding-small"></div>
        <div fs-rangeslider-update="move" fs-rangeslider-element="wrapper-4" fs-rangeslider-formatdisplay="true" fs-rangeslider-min="4" fs-rangeslider-max="16" fs-rangeslider-step="1" class="range-slider_component">
          <div fs-rangeslider-element="track-4" class="range-slider_track" style="position: relative;">
            <div fs-rangeslider-element="fill-4" class="range-slider_fill" style="position: absolute; right: unset; left: 0px; width: 0px;"></div>
            <div fs-rangeslider-start="10" fs-rangeslider-element="handle-4" class="range-slider_handle" role="slider" tabindex="0" aria-valuenow="10" aria-valuemin="4" aria-valuemax="16"
              style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 0px;">
              <div class="range-slider_display-value"><span fs-rangeslider-element="display-value">10</span>&nbsp;weeks</div>
            </div>
          </div>
        </div><input class="range-slider_text-input w-input" maxlength="256" name="Timeline" data-name="Timeline" placeholder="" type="text" id="Timeline" required="">
        <div class="padding-medium"></div>
        <div class="button-group"><a href="#" class="quiz-button-previous">Back</a><a slide-option="next" href="#" class="quiz-next-button w-button">Next</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _65"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _65">
              <div class="quiz-step_progress-bar-text-percentage">65%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="video-formatting" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>What video dimensions do you need?</h2>
            <div class="padding-small"></div>
            <p>Think about where you want your video displayed and choose the best dimensions below. If you need more than one, you can choose as many sizes as you
              need.<br>‍<br><sup>For more info about a selection, click the</sup><em><sup> </sup></em><strong><sup>ⓘ</sup></strong><br></p>
          </div><img alt="Examples of common media aspect ratios" loading="lazy" src="https://assets-global.website-files.com/61523c57086afd64a2004112/640c0b38e5569ed2486800eb_Device%20mockup%20aspect%20ratio.webp" class="quiz-step_banner-image">
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>Most of our video requests are in 16:9. Please select all that apply.</p>
          </div>
          <div class="padding-small"></div>
        </div>
      </div>
      <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd8d2-1e6dd150" class="w-layout-grid quiz_choice-grid _3-col">
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd8d3-1e6dd150" class="quiz_choice-description-hover-container"><label class="w-checkbox quiz_choice-button">
            <div class="w-checkbox-input w-checkbox-input--inputType-custom quiz_choice-checkbox"></div><input id="Video-dimensions" type="checkbox" name="Video-dimensions" data-name="Video dimensions"
              style="opacity:0;position:absolute;z-index:-1"><span class="quiz_choice-button-label w-form-label" for="Video-dimensions">16:9 horizontal</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Sized for full screen viewing on
              computers or TVs</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd8db-1e6dd150" class="quiz_choice-description-hover-container"><label class="w-checkbox quiz_choice-button">
            <div class="w-checkbox-input w-checkbox-input--inputType-custom quiz_choice-checkbox"></div><input id="Video-dimensions" type="checkbox" name="Video-dimensions" data-name="Video dimensions"
              style="opacity:0;position:absolute;z-index:-1"><span class="quiz_choice-button-label w-form-label" for="Video-dimensions">1:1 square</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Great for social media</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd8e3-1e6dd150" class="quiz_choice-description-hover-container"><label class="w-checkbox quiz_choice-button">
            <div class="w-checkbox-input w-checkbox-input--inputType-custom quiz_choice-checkbox"></div><input id="Video-dimensions" type="checkbox" name="Video-dimensions" data-name="Video dimensions"
              style="opacity:0;position:absolute;z-index:-1"><span class="quiz_choice-button-label w-form-label" for="Video-dimensions">9:16 vertical</span>
            <p class="quiz_choice-description" style="opacity: 0; transform: translate3d(0px, 10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">Optimized for cell phone viewing</p>
            <div class="quiz_choice-checkbox-info-icon-thumbnail w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                <path
                  d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8V248c0-13.3-10.7-24-24-24H216c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64H216zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z">
                </path>
              </svg></div>
          </label></div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd8eb-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a><a slide-option="next" href="#" class="quiz-next-button w-button fade-in" style="display: none;">Next</a>
        </div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _70"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _70">
              <div class="quiz-step_progress-bar-text-percentage">70%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="translation" class="quiz-step fade-in" style="display: none;">
    <div class="container-xsmall">
      <div class="text-align-center">
        <h2>How many languages do you need it in?</h2>
        <div class="padding-small"></div>
        <div class="text-rich-text w-richtext">
          <p>Have a worldwide audience? No problem. Our translation services ensure that your video will receive expert voiceover and closed captioning for the audience(s) of your choice.</p>
        </div>
      </div>
      <div class="text-align-center">
        <div class="padding-medium"></div>
        <div fs-rangeslider-update="move" fs-rangeslider-element="wrapper-5" fs-rangeslider-formatdisplay="true" fs-rangeslider-min="1" fs-rangeslider-max="20" fs-rangeslider-step="1" class="range-slider_component">
          <div fs-rangeslider-element="track-5" class="range-slider_track" style="position: relative;">
            <div fs-rangeslider-element="fill-5" class="range-slider_fill" style="position: absolute; right: unset; left: 0px; width: 0px;"></div>
            <div fs-rangeslider-element="handle-5" class="range-slider_handle" role="slider" tabindex="0" aria-valuenow="1" aria-valuemin="1" aria-valuemax="20"
              style="position: absolute; right: unset; top: 50%; transform: translate(-50%, -50%); left: 0px;">
              <div fs-rangeslider-element="display-value" class="range-slider_display-value">1</div>
            </div>
          </div>
        </div><input class="range-slider_text-input w-input" maxlength="256" name="Number-of-languages" data-name="Number of languages" placeholder="" type="text" id="Number-of-languages" required="">
        <div class="padding-medium"></div>
        <div class="button-group"><a href="#" class="quiz-button-previous">Back</a><a slide-option="next" href="#" class="quiz-next-button w-button">Next</a></div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _80"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _80">
              <div class="quiz-step_progress-bar-text-percentage">80%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="voiceover" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Will you need us to provide voiceover?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>You can choose from our diverse team of talent to get the voice and cadence that perfectly fits your video.</p>
          </div>
          <div class="padding-small"></div>
        </div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd914-1e6dd150" class="w-layout-grid quiz_choice-grid"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd915-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="Voiceover-yes" type="radio" name="Voiceover" data-name="Voiceover"
              style="opacity:0;position:absolute;z-index:-1" value="Yes"><span class="quiz_choice-button-label no-description w-form-label" for="Voiceover-yes">Yes</span>
          </label><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd919-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="Voiceover-no" type="radio" name="Voiceover" data-name="Voiceover"
              style="opacity:0;position:absolute;z-index:-1" value="No"><span class="quiz_choice-button-label no-description w-form-label" for="Voiceover-no">No</span>
          </label>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd91d-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
        </div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _90"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _90">
              <div class="quiz-step_progress-bar-text-percentage">90%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="music" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Will you need us to provide Music?</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>We will sample music options to help you find the perfect soundtrack for your video, secure the rights and optimize with sound editing.</p>
          </div>
          <div class="padding-small"></div>
        </div>
        <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd92e-1e6dd150" class="w-layout-grid quiz_choice-grid"><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd92f-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="Music-yes" type="radio" name="Music" data-name="Music" style="opacity:0;position:absolute;z-index:-1"
              value="Yes"><span class="quiz_choice-button-label no-description w-form-label" for="Music-yes">Yes</span>
          </label><label id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd933-1e6dd150" class="quiz_choice-button w-radio">
            <div class="w-form-formradioinput w-form-formradioinput--inputType-custom quiz_choice-checkbox w-radio-input"></div><input id="Music-no" type="radio" name="Music" data-name="Music" style="opacity:0;position:absolute;z-index:-1"
              value="No"><span class="quiz_choice-button-label no-description w-form-label" for="Music-no">No</span>
          </label>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd937-1e6dd150" class="button-group"><a href="#" class="quiz-button-previous">Back</a></div>
        </div>
      </div>
      <div>
        <div class="padding-medium"></div>
        <div class="quiz-step_progress-bar-wrapper">
          <div class="quiz-step_progress-bar-text">Start</div>
          <div class="quiz-step_progress-bar-text-wrapper">
            <div class="quiz-step_progress-bar-track">
              <div class="quiz-step_progress-bar _100"></div>
            </div>
            <div class="quiz-step_progress-bar-text-container _100">
              <div class="quiz-step_progress-bar-text-percentage">100%</div>
            </div>
          </div>
          <div class="quiz-step_progress-bar-text">Finish</div>
        </div>
      </div>
    </div>
  </div>
  <div id="contact-info" class="quiz-step fade-in" style="display: none;">
    <div class="container-small">
      <div class="container-xsmall">
        <div class="text-align-center">
          <div class="text-align-center">
            <h2>Please provide your contact info to get your project estimate</h2>
          </div>
          <div class="padding-small"></div>
          <div class="text-rich-text w-richtext">
            <p>We will email you your choices and your estimated price range within 1 business day. <strong>Please note this does not serve as a price quote</strong>. Based on your input, we will calculate the range that we think closest reflects
              your choices.</p>
            <p>However, if you'd like an accurate price quote, click to talk to a Video Strategist on the next page! We can assess all the custom details not included here and give you a personalized quote for your project.</p>
          </div>
          <div class="padding-small"></div>
        </div>
        <div id="field-groups">
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd94e-1e6dd150"><label for="First-name">First name*</label><input class="form-field w-node-_135a58cf-e31e-fb10-d475-2f0669dbd951-1e6dd150 w-input" data-wfhsfieldname="First-name*"
              maxlength="256" name="First-name" data-name="First name" placeholder="" type="text" id="First-name" required=""></div>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd952-1e6dd150"><label for="Last-Name">Last name*</label><input class="form-field w-input" data-wfhsfieldname="Last-name*" maxlength="256" name="Last-Name" data-name="Last Name" placeholder=""
              type="text" id="Last-Name" required=""></div>
          <div><label for="Phone">Phone*</label><input class="form-field w-input" data-wfhsfieldname="phone*" maxlength="256" name="Phone" data-name="Phone" placeholder="" type="tel" id="Phone" required=""></div>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd956-1e6dd150"><label for="Email">Business Email*</label><input class="form-field w-node-_135a58cf-e31e-fb10-d475-2f0669dbd959-1e6dd150 w-input" data-wfhsfieldname="Business-Email*"
              maxlength="256" name="Email" data-name="Email" placeholder="" type="email" id="Email" required="">
            <div id="email-validation" class="invalid-email-text"> </div>
          </div>
          <div id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd95a-1e6dd150"><label for="Company" id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd95b-1e6dd150">Company</label><input
              class="form-field w-node-_135a58cf-e31e-fb10-d475-2f0669dbd95d-1e6dd150 w-input" data-wfhsfieldname="company" maxlength="256" name="Company" data-name="Company" placeholder="" type="text" id="Company"></div>
          <div><label for="Referral-source" id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd95f-1e6dd150">How did you find this calculator?*</label><select id="Referral-source" name="Referral-source" data-name="Referral source" required=""
              data-wfhsfieldname="How-did-you-find-this-calculator?*" class="form-field w-select">
              <option value="">Select one...</option>
              <option value="Levitate website">Levitate website</option>
              <option value="Email link">Email link</option>
              <option value="Ad">Ad</option>
              <option value="Search">Search</option>
              <option value="Clutch">Clutch</option>
              <option value="Social media">Social media</option>
              <option value="LinkedIn">LinkedIn</option>
              <option value="Other">Other (please explain)</option>
            </select>
            <div id="Other" class="other-explain"><input class="form-field w-input" data-wfhsfieldname="How-did-you-find-this-calculator?*" maxlength="256" name="Other-explain" data-name="Other (explain)" placeholder="Please explain" type="text"
                id="Other-explain"></div>
          </div>
          <div id="additional-field"><label for="field">Anything else we should know?*</label><textarea class="form-field w-input" data-wfhsfieldname="Anything-else-we-should-know?*" maxlength="5000" name="Additional-notes"
              data-name="Additional notes" placeholder="Please add any additional information that will help us with the accuracy of your video estimated budget" id="field" required=""></textarea></div>
          <div class="div-block"></div>
          <div data-sitekey="6Ldt_WYlAAAAAF3Dpl9JuOuMPUV0HEYCu7dfRc59" class="w-form-formrecaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled">
            <div style="width: 304px; height: 78px;">
              <div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-kh78iwphmlen" frameborder="0" scrolling="no"
                  sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
                  src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Ldt_WYlAAAAAF3Dpl9JuOuMPUV0HEYCu7dfRc59&amp;co=aHR0cHM6Ly9sZXZpdGF0ZW1lZGlhLmNvbTo0NDM.&amp;hl=de&amp;v=V6_85qpc2Xf2sbe3xTnRte7m&amp;size=normal&amp;cb=bq6nf458opc4"></iframe>
              </div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
                style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
            </div><iframe style="display: none;"></iframe>
          </div>
          <div class="button-group is-left-aligned"><input type="submit" data-wait="Please wait..." id="w-node-_135a58cf-e31e-fb10-d475-2f0669dbd96a-1e6dd150" class="button w-button"
              value="Get estimate"><a href="#" class="quiz-button-previous">Back</a></div>
        </div>
      </div>
    </div>
  </div><input type="hidden" name="hutk"><input type="hidden" name="ipAddress"><input type="hidden" name="pageUri"><input type="hidden" name="pageId"><input type="hidden" name="pageName">
</form>

Text Content

PortfolioservicesPricingReviewsAboutlearnget a quote




VIDEO PRODUCTION COST CALCULATOR



Answer questions about video style, length, and purpose to get an estimated
price range for producing your next video with Levitate.

If you're ready for a customized quote, use the link below to book a meeting
with a Video Strategist to get started!


Let's Get Started


Book a meeting instead


**This is not a price quote. The cost of video production is affected by a
variety of factors. Based on your input, we will calculate the range we think
closest reflects your choices.


WE DON'T WANT TO SLOW YOU DOWN!



Instead of making you twiddle your thumbs while our video snippets load, we have
compressed them into itty bitty files that, in no way, reflect the quality of
our actual videos.


Next


DO YOU HAVE A BUDGET IN MIND?



Yes

No
Start
0%
Finish


PLEASE SELECT YOUR APPROXIMATE BUDGET.



Please note your budget number won't affect your overall price range estimate.
After calculating your selections, we can help identify what modifications best
suit the actual budget you choose below.

$5,000

BackNext
Start
5%
Finish


HOW MANY VIDEOS DO YOU NEED?

1

BackNext
Start
10%
Finish


HOW LONG SHOULD YOUR VIDEO BE?



Typically, longer videos cost more to produce. However, standard length can vary
based on the type of video and how you intend to use it.

Common Video Lengths:

Social/Web Ad Videos: 30 seconds or less
Testimonial Videos: 2+ Minutes
Case Studies: 3+ minutes

Most commonly requested video length overall: 1 Minute


0.5 min

BackNext
Start
15%
Finish


WILL YOU NEED US TO WRITE A SCRIPT FOR YOUR VIDEO?



Work with our professional writers to write your entire script, revise and edit
your existing script, or we can use your ready-to-go script!



Yes, I'll need a script

Edit existing script

No script needed
Back
Start
20%
Finish


WHAT TYPE OF VIDEO ARE YOU INTERESTED IN?



Consider what will work best with the intention of your video and the audience
you wish to reach.

For more info about a selection, click the ⓘ



Animated

We offer a variety of animation styles, from simple stock motion to 3D animation



Live action

Live-action can be remotely recorded, a 1-2 day on-site shoot, or a full
production


Back
Start
25%
Finish


WHAT'S THE PURPOSE BEHIND YOUR ANIMATED VIDEO?



Consider your message and who you are trying to reach & decide which works best
for your goals

For more info about a selection, click the ⓘ



Explainer

To explain a product or service and its benefits and/or the problem it solves



Company overview

A broad introduction to your company highlighting the who, what, and why of your
business & what sets you apart



Marketing

Video for websites, social media, emailing, advertising, and brand promotion



About us

Video to promote your brand and culture, and to create connection. Used
internally, externally, or for recruitment



Events

Video for tradeshows, concerts, speaking events, or company events



Commercial

A high-quality intro to a product, service, or brand designed for paid media
platforms



Product demo

Shows your product benefits in action. Can be a short intro, or an in-depth
explainer



UI/UX

User Interface/User Experience videos to showcase a platform and/or its
benefits. Can be promotional or educational



Other/Not sure

No problem! We'll put together a plan to achieve your goals


Back
Start
30%
Finish


WHAT'S THE PURPOSE BEHIND YOUR LIVE ACTION VIDEO?



Consider your message and who you are trying to reach & decide which works best
for your goals          

For more info about a selection, click the ⓘ



Testimonial

Review of a product or service from happy users, highlighting the benefits/value
it brought to them



Explainer

To explain a product or service and its benefits and/or the problem it solves



Company overview

A broad introduction to your company highlighting the who, what, and why of your
business & what sets you apart



Product demo

Shows your product benefits in action. Can be a short intro, or an in-depth
explainer



Case study

Similar to a testimonial video but generally based on a written case study or
in-depth company data



Marketing

Video for websites, social media, emailing, advertising, and brand promotion



About us

Video to promote your brand and culture, and to create connection. Used
internally, externally, or for recruitment



Recruitment

Video highlighting company and culture intended for hiring purposes



Events

Video for tradeshows, concerts, speaking events, or company events



Commercial

A high-quality intro to a product, service, or brand designed for paid media
platforms



Sizzle reel

High-energy demo reel intended to generate excitement and interest



Other/Not sure

No problem! We'll put together a plan to achieve your goals


Back
Start
30%
Finish


DO YOU HAVE A SPECIFIC ANIMATION STYLE IN MIND?



Think about which style is best suited to convey your message and if it will
resonate with your intended audience.

For more info about a selection, click the ⓘ



UI

UI or User Interface videos showcase elements of a platform, app, website, or
other digital design with the intention of education or promotion



Whiteboard

Video that shows information/images being drawn onto the screen for the viewer



2D character

Creates two-dimensional, flat cartoon-style characters and moves them on a 2D
plane. Videos have a lighthearted, playful tone



Hand drawn 2D

A premium, artist-rendered animation style with the greatest fluidity, motion,
and character potential



2D motion graphics

Creating animated graphics and visual elements and moving them on a 2D plane.
Can make complex messages more engaging



3D character

Meticulously designed characters that have maximum motion, range, and visual
effects. Texture and movement in a 3D space create hyper-realistic videos



3D motion graphics

Creating three-dimensional graphics and objects and moving them in a digital 3D
environment generating immersive, life-like visuals



3D product

A beautifully detailed 360° rendering of your product that can move seamlessly
in space



Kinetic typography

Kinetic Typography elegantly mixes text and motion to bring messaging to life



Isometric

Isometric animation is an illustration style where assets are designed on a
perspective grid, giving the illusion of a 3rd dimension



Mixed media

Mixed media combines animation and stock photo or video footage to generate an
engaging, professional look



Other/Not sure

No problem! We'll put together a plan to achieve your goals


Back
Start
35%
Finish


WHAT KIND OF PRODUCTION ARE YOU SEEKING?




For more info about a selection, click the ⓘ



On-site filming

Filming at your location for 1-2 days with 1-2 cameras, utilizing your
staff/talent on screen



Remote recording

Video virtually recorded with our expert consultation, testing, and tech



Full production

From site scouting, set design, and lighting to talent, artists, and filming,
full production is your mini-movie in the making



Other/Not sure

No problem! We'll put together a plan to achieve your goals


Back
Start
40%
Finish


HOW MANY CAMERAS DO YOU NEED?



You can choose one camera (standard), or request an additional camera for a more
dynamic video.

For more info about a selection, click the ⓘ



1 camera

In a one-camera shoot, interviews are fixed for all participants



2 cameras

A two-camera shoot allows for multi-angling and smoother transitions


Back
Start
45%
Finish


DO YOU WANT GRAPHICS?



Graphics can be used to identify participants, create transition effects,
highlight messaging, or explain your product or service in detail.

For more info about a selection, hover over the ⓘ



No

Lower thirds

Names and titles added to the bottom of the screen during interviews



Basic graphics

Minimal design graphics added as transitions or overlays



Advanced graphics

Advanced graphics that are custom designed, take up the full screen, and/or have
complex movement.


Back
Start
50%
Finish


WILL YOU NEED US TO HIRE ACTORS?



Our talent services can find the right actors for your video.



Yes

No
Back
Start
55%
Finish


DO YOU WANT GRAPHICS?



Graphics can be used to identify participants, create transition effects,
highlight messaging, or explain your product or service in detail.

For more info about a selection, click the ⓘ



No

Basic graphics

Minimal design graphics added as transitions or overlays



Advanced graphics

Advanced graphics with complex designs and/or movements


Back
Start
60%
Finish


WHAT IS YOUR TIMELINE?



On average, a 60-second video takes approximately 8-12 weeks to produce. With
rush services, we can often produce videos more quickly. However, more complex
video requests can take up to 16 weeks or more to produce.


10 weeks

BackNext
Start
65%
Finish


WHAT VIDEO DIMENSIONS DO YOU NEED?



Think about where you want your video displayed and choose the best dimensions
below. If you need more than one, you can choose as many sizes as you need.
‍
For more info about a selection, click the ⓘ




Most of our video requests are in 16:9. Please select all that apply.



16:9 horizontal

Sized for full screen viewing on computers or TVs



1:1 square

Great for social media



9:16 vertical

Optimized for cell phone viewing


BackNext
Start
70%
Finish


HOW MANY LANGUAGES DO YOU NEED IT IN?



Have a worldwide audience? No problem. Our translation services ensure that your
video will receive expert voiceover and closed captioning for the audience(s) of
your choice.

1

BackNext
Start
80%
Finish


WILL YOU NEED US TO PROVIDE VOICEOVER?



You can choose from our diverse team of talent to get the voice and cadence that
perfectly fits your video.



Yes

No
Back
Start
90%
Finish


WILL YOU NEED US TO PROVIDE MUSIC?



We will sample music options to help you find the perfect soundtrack for your
video, secure the rights and optimize with sound editing.



Yes

No
Back
Start
100%
Finish


PLEASE PROVIDE YOUR CONTACT INFO TO GET YOUR PROJECT ESTIMATE



We will email you your choices and your estimated price range within 1 business
day. Please note this does not serve as a price quote. Based on your input, we
will calculate the range that we think closest reflects your choices.

However, if you'd like an accurate price quote, click to talk to a Video
Strategist on the next page! We can assess all the custom details not included
here and give you a personalized quote for your project.


First name*
Last name*
Phone*
Business Email*

Company
How did you find this calculator?*Select one...Levitate websiteEmail
linkAdSearchClutchSocial mediaLinkedInOther (please explain)

Anything else we should know?*


Back


THANK YOU, A VIDEO STRATEGIST WILL CONTACT YOU WITH YOUR PROJECT ESTIMATE!



Need a more accurate quote? Book a meeting with a Levitate Video Strategist.


Book a meeting

Back to home
Oops! Something went wrong while submitting the form.