<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
    {% include "theme::partials/metadata" %}
    {{ asset_add("build.css", "theme::css/scroll.css") }}
    {{ asset_style("build.css", ["min"]) }}

    <link rel="stylesheet" media="screen and (min-device-width: 320px) and (max-device-width: 860px)" href="{{ asset_url("theme::css/hamburgers.css") }}">
</head>
<body>

{% include "theme::partials/navigation" %}

    <section class="grid-container full columns">
      <section class="grid-x">
         <section class="cell bannerDetailOffer no-padding columns">
            <img src="{{ image(promo.banner_image.cropped()).resize(1920,1137).quality(100).url() }}"
                 alt="{{ promo.name }}"/>
            <div class="caption">
              <div class="sizeCenterElm">
                <div class="sizeCaption">
                   <span class="titlefeature ">{{ promo.banner_small_title }}</span>
                   <h2 class="titleCaption">
                      {{ promo.banner_title }}
                   </h2>
                   <p>
                      {{ promo.banner_short_description }}
                   </p>
                </div>
              </div>
            </div>
         </section><!-- END detailOffer -->
         <section class="specialPage cell columns">
            <section class="sizeCenterElm">
               <div class="mainContent grid-x grid-margin-x">
                <div class="contens cell medium-8 columns">
                  <h2 class="titleOffers">
                     {{ trans("theme::page.terms") }}
                  </h2>
                  
                  <br />
                  <div class="mainwyswyg">

                      {{ promo.terms_content.render()|raw }}
                     
                  </div>
                </div>
               </div>
            </section>
         </section><!-- END contens -->
         
      </section>
    </section>
    {% include "theme::partials/footer" %}
    {% include "theme::partials/scripts" %}
    
    <script src="{{ asset_url("theme::js/scroll.min.js") }}"></script>

    <script type="text/javascript">
      global();
      $(document).ready(function() {
        
      });
      $(window).load(function() {
         
      });
    </script>
  </body>
</html>
