anchor.diff:        opacity: 0;
         background-color: transparent;
         transition: all 1s ease-out;
  +      margin-top: 10vh;
       }
   
       #modal-form[data-showup=true]{
  
positive.code:       if (clickNumber < 1) {
          document.getElementById('btn-back').style.display = 'none';
        }
        if (clickNumber < 9) {
          document.getElementById('btn-next').style.display = 'unset';
        }
  
        document.getElementsByClassName('container-slider')[0].style.transform = "translateX("+size_+"px)";
        return false;
      });
  
      function debounce(func, wait, immediate) {
        var timeout;
  
negative.code:       <button class='btn-style' type="button" name="button" id="btn-register-form">REGISTER</button>
      </div>
    </div>
  </div>
  
  <div id="modal-art" class="modal section-content">
    <div class="row-content">
      <h2>ART COLLECTOR SUITE</h2>
      <div class="wrap-groups">
        <div class="group">
          <%= image_tag "CollectionSuites_the_suites_art.jpg", :class => 'img-gallery' %>
        </div>
        <div class="group">
          <%= image_tag "CollectionSuites_art_collector_suite_right.jpg", :class => 'img-gallery' %>
        </div>
      </div>
    </div>
    <%= image_tag "go-down.png", :class => 'btn-back-gallery' %>
  </div>
  
  <div id="modal-car" class="modal section-content">
    <div class="row-content">
      <h2>CAR COLLECTOR SUITE</h2>
      <div class="wrap-groups">
        <div class="group">
          <%= image_tag "CollectionSuites_car_collector_suite_left.jpg", :class => 'img-gallery' %>
        </div>
        <div class="group">
          <%= image_tag "CollectionSuites_the_suites_cars.jpg", :class => 'img-gallery' %>
        </div>
      </div>
    </div>
    <%= image_tag "go-down.png", :class => 'btn-back-gallery' %>
  </div>
  
  <div class="modal section-content">
      <div class="row-content">
        <h2 class="last">THANKS FOR REGISTERING</h2>
        <p>
  