anchor.diff:        </div>
       </section>
   
  -    <!-- carbon stocks -->
  -    <section class="country-section" data-scroll-index='5'>
  -      <div class="inner">
  -
  -        <div class="section-content">
  -
  -          <div class="left-col">
  -
  -            <!-- forest production -->
  -            <a href="#" id="production" class="anchor-country-info"></a>
  -            <section class="country-production" data-scroll-index='2'>
  -                <div class="section-info section-share">
  -                  <h6>Economic value of <%= @country['name'] %>'s forestry sector</h6>
  -                  <div class="section-btn">
  -                    <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'production', width: '600', height: '332'} %>
  -                    <a href="#" class="info icon green circle source" data-source="gross_value">
  -                      <svg>
  -                        <use xlink:href="#shape-info"></use>
  -                      </svg>
  -                    </a>
  -                  </div>
  -                </div>
  -                <div class="section-content">
  -                  <% if @country['gva'].present? && @country['gva'] > 0 %>
  -                  <h3 class="section-title">
  -                    The forestry sector contributed <span class="highlight">USD <%= gva_to_human(@country['gva'])%></span> to the economy in 2011, which is appoximately <span class="highlight"><%= @country['gva_percent'] %> of the GDP.</span>
  -                  </h3>
  -                  <% else %>
  -                  <div class="coming-soon">No data available</div>
  -                  <% end %>
  -                </div>
  -            </section>
  -          </div>
  -        </div>
  -      </div>
  -    </section>
  -
       <!-- conventions -->
       <section class='country-section country-conventions-section' data-scroll-index='6'>
         <div class='inner'>
  
positive.code:       <div class="inner">
          <section class="section-content">
            <div class="left-col">
              <!-- forest production -->
              <a href="#" id="production" class="anchor-country-info"></a>
              <section class="country-production" data-scroll-index='2'>
  
negative.code:                   </div>
                  </div>
                  <div class="section-content">
                    <% if @country['gva'].present? && @country['gva'] > 0 %>
                    <h3 class="section-title">
                      The forestry sector contributed <span class="highlight">USD <%= gva_to_human(@country['gva'])%></span> to the economy in 2011, which is appoximately <span class="highlight"><%= @country['gva_percent'] %> of the GDP.</span>
                    </h3>
                    <% else %>
                    <div class="coming-soon">No data available</div>
                    <% end %>
                  </div>
              </section>
            </div>
  
            <div class="right-col">
              <!-- employment -->
              <a href="#" id="employment" class="anchor-country-info"></a>
  