$(function(){
  
  const newf = 'm278.51,38.51h18.4v-11.4c0-18,7.6-26.6,26.6-26.6h18.6v15h-17.6c-8.2,0-11.2,3.4-11.2,11.2v11.8h28.8v15h-28.8v87h-16.4V53.51h-18.4v-15Z';
  const newt = 'm367.51,53.51h-18.4v-15h18.4V9.91h16.4v28.6h26.4v15h-26.4v60.2c0,8.6,3,11.8,11.8,11.8h16.2v15h-17.8c-19.6,0-26.6-8.6-26.6-26.6v-60.4Z';
  const newr = 'm470.71,38.51v16h-8.2c-21.4,0-27.2,17.8-27.2,34v52h-16.4V38.51h14.2l2.2,15.4c4.8-7.8,12.6-15.4,30.8-15.4h4.6Z';
  const newp = 'm578.11,89.51c0,31.2-20.8,52.2-49,52.2-17.2,0-28.8-7-35-16.8v55.59h-16.4V38.49h14.2l2.2,16.4c6.8-9.4,17.8-17.6,35-17.6,28.2.01,49,19.01,49,52.21Zm-14.88,2.53c.78-12.9-5.4-25.23-16.2-32.32-12.06-7.72-27.58-7.44-39.34.73-16.06,11.17-20.03,33.25-8.86,49.32,2.77,3.98,6.32,7.34,10.44,9.89,11.82,7.3,26.82,7.03,38.37-.71,14.1-9.56,15.47-25.79,15.59-26.91Z';
  const newr2 = 'm636.9,38.51v15l-10.84.14c-3.22.4-6.34,1.41-9.17,3-15.09,8.39-15.39,30-15.39,31.91v52h-16.4V38.56h14.2l2.2,15.4c4.8-7.8,12.6-15.4,30.8-15.4l4.6-.05Z';
  const newf2 = 'm643.9,38.51h18.4v-11.4c0-18,7.6-26.6,26.6-26.6h18.59v15h-17.59c-8.2,0-11.2,3.4-11.2,11.2v11.8h28.79v15h-28.79v87h-16.4V53.51h-18.4v-15Z';
  
    gsap.registerPlugin('scrollTrigger', 'MotionPathPlugin');
 gsap.registerPlugin(MotionPathPlugin) ;
 
var of = document.querySelector(".oldf");
var nf = document.querySelector(".new-f");
  
  var ot = document.querySelector(".oldt");
var nt = document.querySelector(".new-t");
  
  var or = document.querySelector(".oldr");
var nr = document.querySelector(".new-r");
  
  var op = document.querySelector(".oldp");
var np = document.querySelector(".new-p");
  
  var or2 = document.querySelector(".oldr2");
var nr2 = document.querySelector(".new-r-2");
  
  var of2 = document.querySelector(".oldf2");
var nf2 = document.querySelector(".new-f-2");
    

    var tl = gsap.timeline({paused: true});





  tl.to('.oldu, .oldu2, .olde, .oldo, .oldo2', {duration:0.75, autoAlpha:0 },0.5 );

  tl.to(".oldf", { duration: 0.75,  x: "+=" + MotionPathPlugin.getRelativePosition(of,nf).x,  ease: Power2.easeIn},1.5);
  tl.to(".oldt", { duration: 0.75,  x: "+=" + MotionPathPlugin.getRelativePosition(ot,nt).x,  ease: Power2.easeIn},1.5);
  tl.to(".oldr", { duration: 0.75,  x: "+=" + MotionPathPlugin.getRelativePosition(or,nr).x,  ease: Power2.easeIn},1.5);
  tl.to(".oldp", { duration: 0.75,  x: "+=" + MotionPathPlugin.getRelativePosition(op,np).x,  ease: Power2.easeIn},1.5);
  tl.to(".oldr2", { duration: 0.75,  x: "+=" + MotionPathPlugin.getRelativePosition(or2,nr2).x,  ease: Power2.easeIn},1.5);
  tl.to(".oldf2", { duration: 0.75,  x: "+=" + MotionPathPlugin.getRelativePosition(of2,nf2).x,  ease: Power2.easeIn},1.5);

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

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

    return elementBottom > viewportTop && elementTop < viewportBottom;
};
  
  $(window).on('resize scroll', function() {
    if ($('.ftrprflogos').isInViewport()) {
       tl.play();
    } else {
       tl.pause(); 
    }
});
});
/*******************************************************************/
/* ftrtch dino */
/* [type: JS] [file:main-cta] [123.12129] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 187 */