<section id="video" class="videos-container row">
  {{# if video_description_top }}
    <div class="video-description-container col-sm-12">
    <h2 id="video-description-header"></h2>
    <div id="video-description"></div>
  </div>
  {{/ if }}
  <div class="video-list-wrapper col-md-2">
      <div class="video-arrow vid-arrow-up toggle-large"><i class="fa fa-chevron-up fa-lg"></i></div>
      <div class="video-arrow vid-arrow-left toggle-small"><i class="fa fa-chevron-left fa-lg"></i></div>
      <div class="video-list">
      {{# if videos }}
          {{# each videos }}
            <a class="video-item" href="{{ video_link }}" data-description="{{ video_description }}">
                <div class="video-thumb">
                  <img src="{{ video_img }}"/>
                </div>
                <div class="video-title">
                  {{ video_title }}
                </div>
            </a>
          {{/ each }}
      {{/ if }}
    </div>
    <div class="video-arrow vid-arrow-down toggle-large"><i class="fa fa-chevron-down fa-lg"></i></div>
    <div class="video-arrow vid-arrow-right toggle-small"><i class="fa fa-chevron-right fa-lg"></i></div>
  </div>
<div class="video-content-wrapper col-md-9">
  <div class="video-display embed-responsive embed-responsive-16by9 col-md-offset-1">
    {{# if videos }}
      {{# withFirst videos }}
        <iframe
          id="video-iframe"
          src="{{ video_link }}?rel=0&showinfo=0&autohide=1"
          frameborder="0">
        </iframe>
      {{/ withFirst }}
    {{/ if }}
  </div>
  {{# unless video_description_top }}
    <div class="video-description-container col-md-offset-1">
      <h2 id="video-description-header"></h2>
      <div id="video-description"></div>
    </div>
  {{/ unless }}
</div>
</section>
