$(function () { 
  
  $.fn.isOnTopScreen = function() {
    var elementTop = $(this).offset().top;
    var elementBottom = elementTop + $(this).outerHeight();

    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();

    return elementTop < viewportBottom;
};
  $.fn.isOnBottomScreen = function() {
    var elementTop = $(this).offset().top;
    var elementBottom = elementTop + $(this).outerHeight();

    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();

    return elementBottom > viewportTop;
};
     

      function initScroll() {
        // on scroll animation
        $(document).off('scroll');
        $(document).on('scroll', function() {
        
       $('.to-animate').each(function() {
            if($(this).isOnTopScreen() && !$(this).hasClass('animate-in')) {
              $(this).addClass('animate-in');
            }
          if(!$(this).isOnTopScreen() && $(this).hasClass('animate-in')) {
             $(this).removeClass('animate-in');
            }
          });
          
        });

        $('.to-animate').each(function() {
          
            if($(this).isOnTopScreen() && !$(this).hasClass('animate-in')) {
              $(this).addClass('animate-in');
            }
          if(!$(this).isOnTopScreen() && $(this).hasClass('animate-in')) {
             $(this).removeClass('animate-in');
            }
          });
       
        };

 
      
   

  initScroll();
});
  
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:gsap-animations] [56.1831] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 155 */