{% if banner %}
<span class="annoy-banner-on"
      data-target="#annoy-banner-{{ banner.id }}"
      ></span>
<div class="l-container t-relative">
  <div class="
              annoy-banner
              annoy-banner_{{ banner.place }}
              {% if banner.get_image %}with-image{% endif %}
              {% if banner.video %}with-video{% endif %}
              "
        id="annoy-banner-{{ banner.id }}"
	style="
           {% if banner.text_color %}color: {{ banner.text_color }};{% endif %}
           {% if banner.background_color %}background-color: {{ banner.background_color }};{% endif %}
        ">
    <div class="annoy-banner-inner">

      {% if banner.get_image %}
      <div>
        <img src="{{ banner.get_image.url }}">
	</div>
      {% endif %}
      {% if banner.video %}
      <video src="{{ banner.video.url }}" controls></video>
      {% endif %}
      <div class="text">
        {{ banner.get_text|safe }}
        <a class="l-button l-button--default" href="{{ banner.url }}">{{ banner.action_label }}</a>
      </div>

      
      <a class='annoy-banner-off annoy-banner-off_{{ banner.place }}  l-button l-button--default'>
        <span class="c-hamburger"><span class="bar animate"></span></span>
      </a>

    </div>

  </div>
</div>
{% endif %}
