anchor.diff:          </section>
         </div>
       </section>
  -
  -    <!-- graph -->
  -    <section class="country-section country-graph-section" data-scroll-index='2'>
  -      <div class="inner">
  -        <section class="section-content">
  -          <div class="left-col">
  -            <!-- burned forests -->
  -            <a href="#" id="burned_forests" class="anchor-country-info"></a>
  -            <section class="country-burned_forests" data-scroll-index='2'>
  -              <div class="section-info section-share">
  -                <h6>Burned forest</h6>
  -                <div class="section-btn">
  -                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'burned_forests', width: '520', height: '350'} %>
  -                  <a href="#" class="info icon green circle source" data-source="burned_forests_source">
  -                    <svg>
  -                      <use xlink:href="#shape-info"></use>
  -                    </svg>
  -                  </a>
  -                </div>
  -              </div>
  -
  -              <div class="section-content">
  -                <% if @country['burned_forests'].present? %>
  -                  <div class="burned_forests-graph" data-json="<%= @country['burned_forests'].to_json %>"></div>
  -                  <div class="coming-soon">No data available</div>
  -                <% else %>
  -                  <div class="coming-soon">No data available</div>
  -                <% end %>
  -              </div>
  -            </section>
  -          </div>
  -          <div class="right-col">
  -            <!-- forest certification -->
  -            <a href="#" id="forest_certification" class="anchor-country-info"></a>
  -            <section class="country-forest_certification" data-scroll-index='2'>
  -              <div class="section-info section-share">
  -                <h6>International Forest Certification</h6>
  -                <div class="section-btn">
  -                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'forest_certification', width: '250', height: '515'} %>
  -                  <a href="#" class="info icon green circle source" data-source="forest_certification_source">
  -                    <svg>
  -                      <use xlink:href="#shape-info"></use>
  -                    </svg>
  -                  </a>
  -                </div>
  -              </div>
  -
  -              <div class="section-content">
  -                <% if @country['forest_certification'].present? %>
  -                  <h3 class="section-title">The Total Area of Certified Forest in 2014 was <span class="highlight"><%= number_with_delimiter(@country['forest_certification'][0]['value']) %> Ha </span></h3>
  -                  <div class="left-col">
  -                    <div class="forest_certification-legends">
  -                      <ul class="legends-list">
  -                        <li><span class="primary"></span>FSC</li>
  -                        <li><span class="regenerated"></span>PEFC</li>
  -                        <li><span class="planted"></span>Other</li>
  -                      </ul>
  -                    </div>
  -                  </div>
  -                  <div class="right-col">
  -                    <div class="forest_certification-graph" data-json="<%= @country['forest_certification'].to_json %>"></div>
  -                  </div>
  -                <% else %>
  -                  <div class="coming-soon">No data available</div>
  -                <% end %>
  -              </div>
  -            </section>
  -          </div>
  -        </section>
  -      </div>
  -    </section>
  -
   
       <!-- employment -->
       <section class="country-section country-employment-section" data-scroll-index='3'>
         <div class="inner">
           <section class="section-content">
  +          <div class="left-col">
  +            <!-- employment -->
  +            <a href="#" id="employment" class="anchor-country-info"></a>
  +            <section class="country-employment" data-scroll-index='3'>
  +              <div class="section-info section-share">
  +                <h6>Employment</h6>
  +                <div class="section-btn">
  +                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'employment', width: '600', height: '338'} %>
  +                  <a href="#" class="info icon green circle source" data-source="employment_info">
  +                    <svg>
  +                      <use xlink:href="#shape-info"></use>
  +                    </svg>
  +                  </a>
  +                </div>
  +              </div>
  +
  +              <div class="section-content">
  +                <% if @employees.present? && @employees > 0 %>
  +                <!-- <div class="left-col"> -->
  +                  <% if @employees < 1000 %>
  +                    <h3 class='section-title'><div><%= @employees %></div> <span>thousand people are directly employed by the forestry sector, according to 2011 FAO data.</span></h3>
  +                  <% else %>
  +                    <h3 class='section-title'><div><%= (@employees/1000.00).round(2) %></div> <span>million people are directly employed by the forestry sector, according to 2011 FAO data.</span></h3>
  +                  <% end %>
  +
  +                  <ul class='employment <%= @employees < 25 ? 'short' : '' %>'>
  +                    <li>
  +                      <% @employees = @employees < 100 ? @employees : 100 %>
  +                      <div class='man-list'>
  +                        <% @employees.times do |i| %>
  +                          <%= image_tag 'countries/man.png' %>
  +                        <% end %>
  +
  +                        <%= '...' if @employees == 100 %>
  +                      </div>
  +                    </li>
  +                  </ul>
  +                <!-- </div> -->
  +              <% else %>
  +              <div class="coming-soon">No data available</div>
  +              <% end %>
  +              </div>
  +            </section>
  +          </div>
  +          <div class="right-col">
  +            <!-- tenure -->
  +            <a href="#" id="tenure" class="anchor-country-info"></a>
  +            <section class="country-tenure" data-scroll-index='4'>
  +              <div class="section-info section-share">
  +                <h6>Forest tenure</h6>
  +                <div class="section-btn">
  +                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'tenure', width: '600', height: '383'} %>
  +                  <a href="#" class="info icon green circle source" data-source="forest_tenure">
  +                    <svg>
  +                      <use xlink:href="#shape-info"></use>
  +                    </svg>
  +                  </a>
  +                </div>
  +              </div>
  +
  +              <div class="section-content">
  +                <div class='coming-soon'><span>No data available</span></div>
  +                <div class='line-graph notranslate'></div>
  +              </div>
  +            </section>
  +          </div>
  +        </section>
  +      </div>
  +    </section>
  +
  +    <!-- carbon stocks -->
  +    <section class="country-section" data-scroll-index='5'>
  +      <div class="inner">
  +
  +        <div class="section-content">
  +
  +          <div class="left-col">
  +
  +            <!-- left col -->
  +            <section class="country-carbon_stocks carbon-text <%= 'wide' unless @country['emissions'].present? && @country['emissions'] != 0 %>">
  +              <div class="section-info section-share">
  +                <h6>Carbon stocks</h6>
  +                <div class="section-btn">
  +                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'carbon_stocks', width: '600', height: '297'} %>
  +                  <a href="#" class="info icon green circle source" data-source="carbon_stocks">
  +                    <svg>
  +                      <use xlink:href="#shape-info"></use>
  +                    </svg>
  +                  </a>
  +                </div>
  +              </div>
  +              <% if @country['carbon_stocks'].present? && @country['carbon_stocks'] != 0 %>
  +                <div class="section-content">
  +                  <h3 class='section-title'>This country has <span class="highlight"><%= number_with_delimiter(@country['carbon_stocks']) %> million metric tons of carbon stocks</span> in living forest biomass.</h3>
  +                </div>
  +              <% else %>
  +                <div class='coming-soon'><span>No data available</span></div>
  +              <% end %>
  +            </section>
  +
  +
  +          </div>
  +
  +          <div class="right-col">
  +
  +            <!-- right col -->
  +            <section class="country-emissions emissions-text <%= 'wide' unless @country['carbon_stocks'].present? && @country['carbon_stocks'] != 0 %>">
  +
  +              <div class="section-info section-share">
  +                <h6>CO2 emissions</h6>
  +                <div class="section-btn">
  +                  <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'emissions', width: '600', height: '297'} %>
  +                  <a href="#" class="info icon green circle source" data-source="emissions">
  +                    <svg>
  +                      <use xlink:href="#shape-info"></use>
  +                    </svg>
  +                  </a>
  +                </div>
  +              </div>
  +
  +
  +              <% if @country['emissions'].present? && @country['emissions'] != 0 %>
  +                <% precission = (@country['emissions'].abs.to_i < 0.1) ? 2 : 1 %>
  +                <div class="section-content">
  +                  <% if @country['emissions'] > 0 %>
  +                    <h3 class='section-title'>According to FAO data, <span class="highlight"><%= number_to_percentage(@country['emissions'], precision: precission) %> of GHG emissions</span> in this country came from land-use change and forestry in 2011.</h3>
  +                  <% else %>
  +                    <h3 class='section-title'>According to FAO data, land-use change and forestry sequestered <span class="highlight"><%= number_to_percentage(@country['emissions'].abs, precision: precission) %> of this country’s GHG emissions</span> in 2011.</h3>
  +                  <% end %>
  +                </div>
  +              <% else %>
  +                <div class='coming-soon'><span>No data available</span></div>
  +
  +              <% end %>
  +            </section>
  +
  +          </div>
  +
  +        </div>
  +
  +
  +
  +      </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 -->
  
positive.code:                 </div>
              </section>
            </div>
  
            <div class="right-col">
              <!-- employment -->
              <a href="#" id="employment" class="anchor-country-info"></a>
              <section class="country-employment" data-scroll-index='3'>
                <div class="section-info section-share">
                  <h6>Employment</h6>
                  <div class="section-btn">
                    <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'employment', width: '600', height: '338'} %>
                    <a href="#" class="info icon green circle source" data-source="employment_info">
                      <svg>
                        <use xlink:href="#shape-info"></use>
                      </svg>
                    </a>
                  </div>
                </div>
  
                <div class="section-content">
                  <% if @employees.present? && @employees > 0 %>
                  <!-- <div class="left-col"> -->
                    <% if @employees < 1000 %>
                      <h3 class='section-title'><div><%= @employees %></div> <span>thousand people are directly employed by the forestry sector, according to 2011 FAO data.</span></h3>
                    <% else %>
                      <h3 class='section-title'><div><%= (@employees/1000.00).round(2) %></div> <span>million people are directly employed by the forestry sector, according to 2011 FAO data.</span></h3>
                    <% end %>
  
                    <ul class='employment <%= @employees < 25 ? 'short' : '' %>'>
                      <li>
                        <% @employees = @employees < 100 ? @employees : 100 %>
                        <div class='man-list'>
                          <% @employees.times do |i| %>
                            <%= image_tag 'countries/man.png' %>
                          <% end %>
  
                          <%= '...' if @employees == 100 %>
                        </div>
                      </li>
                    </ul>
                  <!-- </div> -->
                <% else %>
                <div class="coming-soon">No data available</div>
                <% end %>
                </div>
              </section>
            </div>
          </section>
        </div>
      </section>
  
      <!-- carbon stocks -->
      <section class="country-section" data-scroll-index='4'>
        <div class="inner">
  
          <div class="section-content">
  
            <div class="left-col">
              <!-- tenure -->
              <a href="#" id="tenure" class="anchor-country-info"></a>
              <section class="country-tenure" data-scroll-index='4'>
                <div class="section-info section-share">
                  <h6>Forest tenure</h6>
                  <div class="section-btn">
                    <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'tenure', width: '600', height: '383'} %>
                    <a href="#" class="info icon green circle source" data-source="forest_tenure">
                      <svg>
                        <use xlink:href="#shape-info"></use>
                      </svg>
                    </a>
                  </div>
                </div>
  
                <div class="section-content">
                  <div class='coming-soon'><span>No data available</span></div>
                  <div class='line-graph notranslate'></div>
                </div>
              </section>
            </div>
  
            <div class="right-col">
  
              <!-- forest reforestation -->
              <a href="#" id="reforestation" class="anchor-country-info"></a>
              <section class="country-reforestation" data-scroll-index='2'>
                  <div class="section-info section-share">
                    <h6>Reforestation</h6>
                    <div class="section-btn">
                      <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'reforestation', width: '600', height: '272'} %>
                      <a href="#" class="info icon green circle source" data-source="reforestation_source">
                        <svg>
                          <use xlink:href="#shape-info"></use>
                        </svg>
                      </a>
                    </div>
                  </div>
                  <div class="section-content">
                    <% if @country['reforestation'].present? && @country['reforestation'][0]['reforestation_rate'].present? %>
                    <h3 class="section-title">
                      In 2010, the rate of reforestation was <span class="highlight"><%= gva_to_human(@country['reforestation'][0]['reforestation_rate'])%> Ha</span>
                    </h3>
                    <% else %>
                    <div class="coming-soon">No data available</div>
                    <% end %>
                  </div>
              </section>
            </div>
          </div>
        </div>
      </section>
  
      <!-- carbon stocks -->
      <section class="country-section" data-scroll-index='5'>
        <div class="inner">
  
          <div class="section-content">
  
            <div class="left-col">
              <!-- left col -->
              <section class="country-carbon_stocks carbon-text <%= 'wide' unless @country['emissions'].present? && @country['emissions'] != 0 %>">
                <div class="section-info section-share">
                  <h6>Carbon stocks</h6>
                  <div class="section-btn">
                    <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'carbon_stocks', width: '600', height: '297'} %>
                    <a href="#" class="info icon green circle source" data-source="carbon_stocks">
                      <svg>
                        <use xlink:href="#shape-info"></use>
                      </svg>
                    </a>
                  </div>
                </div>
                <% if @country['carbon_stocks'].present? && @country['carbon_stocks'] != 0 %>
                  <div class="section-content">
                    <h3 class='section-title'>This country has <span class="highlight"><%= number_with_delimiter(@country['carbon_stocks']) %> million metric tons of carbon stocks</span> in living forest biomass.</h3>
                  </div>
                <% else %>
                  <div class='coming-soon'><span>No data available</span></div>
                <% end %>
              </section>
            </div>
            <div class="right-col">
              <!-- right col -->
              <section class="country-emissions emissions-text <%= 'wide' unless @country['carbon_stocks'].present? && @country['carbon_stocks'] != 0 %>">
  
                <div class="section-info section-share">
                  <h6>CO2 emissions</h6>
                  <div class="section-btn">
                    <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'emissions', width: '600', height: '297'} %>
                    <a href="#" class="info icon green circle source" data-source="emissions">
                      <svg>
                        <use xlink:href="#shape-info"></use>
                      </svg>
                    </a>
                  </div>
                </div>
  
  
                <% if @country['emissions'].present? && @country['emissions'] != 0 %>
                  <% precission = (@country['emissions'].abs.to_i < 0.1) ? 2 : 1 %>
                  <div class="section-content">
                    <% if @country['emissions'] > 0 %>
                      <h3 class='section-title'>According to FAO data, <span class="highlight"><%= number_to_percentage(@country['emissions'], precision: precission) %> of GHG emissions</span> in this country came from land-use change and forestry in 2011.</h3>
                    <% else %>
                      <h3 class='section-title'>According to FAO data, land-use change and forestry sequestered <span class="highlight"><%= number_to_percentage(@country['emissions'].abs, precision: precission) %> of this country’s GHG emissions</span> in 2011.</h3>
                    <% end %>
                  </div>
                <% else %>
                  <div class='coming-soon'><span>No data available</span></div>
  
                <% end %>
              </section>
  
            </div>
          </div>
        </div>
      </section>
  
negative.code:                         </div>
                          <div class="plantations-box">
                            <p class="plantations-text">Percent of total tree cover loss</p>
                            <p class="plantations-percentage"><%= data['perc_loss_outside'].round(2) %>%</p>
                            <div class="plantations-trees">
                              <div class="mask">
                                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
  