<div class="block-mindfulness">
  <div class="container">
    <div class="block-mindfulness__inner">
      <div class="block-mindfulness__animation" style="background-color:rgba(255, 255, 255, 1.00); width:240px; height:70px">
        <canvas class="block-mindfulness__canvas" width="240" height="70" style="position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);"></canvas>
        <div class="block-mindfulness__overlay">
        </div>
      </div>
      <p class="block-mindfulness__desc defaultBase">As an international company with a global presence, we have committed to social accountability before our shareholders and public through sustainability and community welfare. </p>
    </div>
  </div>
</div>

<script>
  (function (cjs, an) {

    var p; // shortcut to reference prototypes
    var lib={};var ss={};var img={};
    lib.ssMetadata = [];


    (lib.AnMovieClip = function(){
      this.actionFrames = [];
      this.ignorePause = false;
      this.gotoAndPlay = function(positionOrLabel){
        cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel);
      }
      this.play = function(){
        cjs.MovieClip.prototype.play.call(this);
      }
      this.gotoAndStop = function(positionOrLabel){
        cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel);
      }
      this.stop = function(){
        cjs.MovieClip.prototype.stop.call(this);
      }
    }).prototype = p = new cjs.MovieClip();
// symbols:



    (lib.Tween61 = function(mode,startPosition,loop,reversed) {
      if (loop == null) { loop = true; }
      if (reversed == null) { reversed = false; }
      var props = new Object();
      props.mode = mode;
      props.startPosition = startPosition;
      props.labels = {};
      props.loop = loop;
      props.reversed = reversed;
      cjs.MovieClip.apply(this,[props]);

      // Layer_1
      this.shape = new cjs.Shape();
      this.shape.graphics.lf(["rgba(133,147,159,0.137)","#85939F","rgba(133,147,159,0.137)"],[0.365,0.498,0.627],-82.9,-32.3,82.7,32.3).s().p("At5GSIAAsjIbzAAIAAMjg");

      this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));

      this._renderFirstFrame();

    }).prototype = p = new cjs.MovieClip();
    p.nominalBounds = new cjs.Rectangle(-89,-40.2,178,80.5);


    (lib.leaf_mc = function(mode,startPosition,loop,reversed) {
      if (loop == null) { loop = true; }
      if (reversed == null) { reversed = false; }
      var props = new Object();
      props.mode = mode;
      props.startPosition = startPosition;
      props.labels = {};
      props.loop = loop;
      props.reversed = reversed;
      cjs.MovieClip.apply(this,[props]);

      // Layer_1 (mask)
      var mask = new cjs.Shape();
      mask._off = true;
      var mask_graphics_0 = new cjs.Graphics().p("AgGFFQgDgDAAgEIAAgyQhPgEg5g4Qg8g9AAhVQAAhQBnijQAzhRAzhBIBnCSQBnCiAABRQAABVg8A9Qg5A4hPAEIAAAyQAAAEgDADQgDADgEAAQgDAAgDgDgAAHgkQADADAAAEIAAEVQBHgEAzgzQA2g2AAhNQAAhBhLh/QguhPhBhVQg/BVgvBPQhLB/AABBQAABNA3A2QAyAzBHAEIAAkVQAAgEADgDQADgDADAAQAEAAADADg");
      var mask_graphics_59 = new cjs.Graphics().p("AgGFFQgDgDAAgEIAAgyQhPgEg5g4Qg8g9AAhVQAAhQBnijQAzhRAzhBIBnCSQBnCiAABRQAABVg8A9Qg5A4hPAEIAAAyQAAAEgDADQgDADgEAAQgDAAgDgDgAAHgkQADADAAAEIAAEVQBHgEAzgzQA2g2AAhNQAAhBhLh/QguhPhBhVQg/BVgvBPQhLB/AABBQAABNA3A2QAyAzBHAEIAAkVQAAgEADgDQADgDADAAQAEAAADADg");

      this.timeline.addTween(cjs.Tween.get(mask).to({graphics:mask_graphics_0,x:20.6,y:32.775}).wait(59).to({graphics:mask_graphics_59,x:20.6,y:32.775}).wait(1));

      // Layer_2
      this.instance = new lib.Tween61("synched",0);
      this.instance.setTransform(-45.6,36.9);

      var maskedShapeInstanceList = [this.instance];

      for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) {
        maskedShapeInstanceList[shapedInstanceItr].mask = mask;
      }

      this.timeline.addTween(cjs.Tween.get(this.instance).to({x:85.4},59).wait(1));

      this._renderFirstFrame();

    }).prototype = p = new cjs.MovieClip();
    p.nominalBounds = new cjs.Rectangle(0,0,41.2,65.6);


    (lib.heart_mc = function(mode,startPosition,loop,reversed) {
      if (loop == null) { loop = true; }
      if (reversed == null) { reversed = false; }
      var props = new Object();
      props.mode = mode;
      props.startPosition = startPosition;
      props.labels = {};
      props.loop = loop;
      props.reversed = reversed;
      cjs.MovieClip.apply(this,[props]);

      // Layer_1 (mask)
      var mask = new cjs.Shape();
      mask._off = true;
      mask.graphics.p("AhYC5QhjhYg0hQQgig2gBg7QABhCAugwQAwgvBDAAQAgAAAeANQAeAMAVAVQAuguBCAAQBDAAAwAvQAuAwAABCQABA7gkA2QgzBQhjBYIhZBJQgmgcgygtgAjUjDQgqApAAA6QABA1AfAxQArBDBPBLQAxAtAzAoQA0goAxgtQBPhLArhDQAfgxABg1QAAg6gqgpQgqgqg6AAQg5AAgqApIgNANIgNgNQgrgpg5AAQg7AAgpAqg");
      mask.setTransform(27.45,25.775);

      // Layer_2
      this.instance = new lib.Tween61("synched",0);
      this.instance.setTransform(-3.4,36.9);

      var maskedShapeInstanceList = [this.instance];

      for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) {
        maskedShapeInstanceList[shapedInstanceItr].mask = mask;
      }

      this.timeline.addTween(cjs.Tween.get(this.instance).to({x:88.4},39).wait(1).to({x:-32.6},0).to({x:-3.4},19).wait(1));

      this._renderFirstFrame();

    }).prototype = p = new cjs.MovieClip();
    p.nominalBounds = new cjs.Rectangle(0,0,54.9,51.6);


    (lib.bulb_mc = function(mode,startPosition,loop,reversed) {
      if (loop == null) { loop = true; }
      if (reversed == null) { reversed = false; }
      var props = new Object();
      props.mode = mode;
      props.startPosition = startPosition;
      props.labels = {};
      props.loop = loop;
      props.reversed = reversed;
      cjs.MovieClip.apply(this,[props]);

      // Layer_1 (mask)
      var mask = new cjs.Shape();
      mask._off = true;
      mask.graphics.p("AgbEvQgEAAgDgDQgDgDAAgEQAAgEADgDQADgDAEAAIA3AAQAEAAADADQADADAAAEQAAAEgDADQgDADgEAAgAhDDzQgEAAgDgDQgDgDAAgEQAAgEADgDQADgDAEAAICHAAQAEAAADADQADADAAAEQAAAEgDADQgDADgEAAgAhPC4QgGAAgFgEQgFgFAAgGQgEg5g2hIQg0hEAAhEQAAhVA8g9QA9g8BUAAQBVAAA9A8QA8A9AABVQAABEg0BEQg2BIgEA5QAAAGgFAFQgFAEgHAAgAiCjjQg3A2AABNQAAApAQAiQAKAVAaAhQAaAkAKAUQASAjADAoICZAAQADgoASgjQAKgVAagjQAagiAKgUQAQgiAAgpQAAhNg3g2Qg2g3hNAAQhMAAg2A3gAgoAgQgDgCgBgFQAAgEACgDIA4hJIhDAAIBPhwQADgEADgBQAFAAADACQADADABADQABAFgDADIg4BRIBFAAIhRBpQgCAEgEAAIgCAAQgDAAgDgCg");
      mask.setTransform(20.575,30.275);

      // Layer_2
      this.instance = new lib.Tween61("synched",0);
      this.instance.setTransform(43.2,36.9);

      var maskedShapeInstanceList = [this.instance];

      for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) {
        maskedShapeInstanceList[shapedInstanceItr].mask = mask;
      }

      this.timeline.addTween(cjs.Tween.get(this.instance).to({x:85.4},19).wait(1).to({x:-45.6},0).to({x:41},39).wait(1));

      this._renderFirstFrame();

    }).prototype = p = new cjs.MovieClip();
    p.nominalBounds = new cjs.Rectangle(0,0,41.2,60.6);


// stage content:
    (lib.RECOVER_QCS_3_3 = function(mode,startPosition,loop,reversed) {
      if (loop == null) { loop = true; }
      if (reversed == null) { reversed = false; }
      var props = new Object();
      props.mode = mode;
      props.startPosition = startPosition;
      props.labels = {};
      props.loop = loop;
      props.reversed = reversed;
      cjs.MovieClip.apply(this,[props]);

      // Layer_13
      this.instance = new lib.bulb_mc();
      this.instance.setTransform(216.1,32.95,1,1,0,0,0,20.6,30.2);

      this.timeline.addTween(cjs.Tween.get(this.instance).wait(60));

      // Layer_14
      this.instance_1 = new lib.heart_mc();
      this.instance_1.setTransform(119.95,32.55,1,1,0,0,0,27.4,25.8);

      this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(60));

      // Layer_15
      this.instance_2 = new lib.leaf_mc();
      this.instance_2.setTransform(24,35.55,1,1,0,0,0,20.6,32.8);

      this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(60));

      this._renderFirstFrame();

    }).prototype = p = new lib.AnMovieClip();
    p.nominalBounds = new cjs.Rectangle(-11.2,34.4,338.9,49.50000000000001);
// library properties:
    lib.properties = {
      id: '30269613DE7C4AB78BA7175F37588D08',
      width: 240,
      height: 70,
      fps: 30,
      color: "#FFFFFF",
      opacity: 1.00,
      manifest: [],
      preloads: []
    };



// bootstrap callback support:

    (lib.Stage = function(canvas) {
      createjs.Stage.call(this, canvas);
    }).prototype = p = new createjs.Stage();

    p.setAutoPlay = function(autoPlay) {
      this.tickEnabled = autoPlay;
    }
    p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }
    p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }
    p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }
    p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }

    p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }

    an.bootcompsLoaded = an.bootcompsLoaded || [];
    if(!an.bootstrapListeners) {
      an.bootstrapListeners=[];
    }

    an.bootstrapCallback=function(fnCallback) {
      an.bootstrapListeners.push(fnCallback);
      if(an.bootcompsLoaded.length > 0) {
        for(var i=0; i<an.bootcompsLoaded.length; ++i) {
          fnCallback(an.bootcompsLoaded[i]);
        }
      }
    };

    an.compositions = an.compositions || {};
    an.compositions['30269613DE7C4AB78BA7175F37588D08'] = {
      getStage: function() { return exportRoot.stage; },
      getLibrary: function() { return lib; },
      getSpriteSheet: function() { return ss; },
      getImages: function() { return img; }
    };

    an.compositionLoaded = function(id) {
      an.bootcompsLoaded.push(id);
      for(var j=0; j<an.bootstrapListeners.length; j++) {
        an.bootstrapListeners[j](id);
      }
    }

    an.getComposition = function(id) {
      return an.compositions[id];
    }


    an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) {
      var lastW, lastH, lastS=1;
      window.addEventListener('resize', resizeCanvas);
      resizeCanvas();
      function resizeCanvas() {
        var w = lib.properties.width, h = lib.properties.height;
        var iw = window.innerWidth, ih=window.innerHeight;
        var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;
        if(isResp) {
          if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {
            sRatio = lastS;
          }
          else if(!isScale) {
            if(iw<w || ih<h)
              sRatio = Math.min(xRatio, yRatio);
          }
          else if(scaleType==1) {
            sRatio = Math.min(xRatio, yRatio);
          }
          else if(scaleType==2) {
            sRatio = Math.max(xRatio, yRatio);
          }
        }
        domContainers[0].width = w * pRatio * sRatio;
        domContainers[0].height = h * pRatio * sRatio;
        domContainers.forEach(function(container) {
          container.style.width = w * sRatio + 'px';
          container.style.height = h * sRatio + 'px';
        });
        stage.scaleX = pRatio*sRatio;
        stage.scaleY = pRatio*sRatio;
        lastW = iw; lastH = ih; lastS = sRatio;
        stage.tickOnUpdate = false;
        stage.update();
        stage.tickOnUpdate = true;
      }
    }
    an.handleSoundStreamOnTick = function(event) {
      if(!event.paused){
        var stageChild = stage.getChildAt(0);
        if(!stageChild.paused || stageChild.ignorePause){
          stageChild.syncStreamSounds();
        }
      }
    }
    an.handleFilterCache = function(event) {
      if(!event.paused){
        var target = event.target;
        if(target){
          if(target.filterCacheList){
            for(var index = 0; index < target.filterCacheList.length ; index++){
              var cacheInst = target.filterCacheList[index];
              if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
                cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
              }
            }
          }
        }
      }
    }


  })(createjs = createjs||{}, AdobeAn = AdobeAn||{});
  var createjs, AdobeAn;

  var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
  function middle() {
    canvas = document.querySelector(".block-mindfulness__canvas");
    anim_container = document.querySelector(".block-mindfulness__animation");
    dom_overlay_container = document.querySelector(".block-mindfulness__overlay");
    var comp=AdobeAn.getComposition("30269613DE7C4AB78BA7175F37588D08");
    var lib=comp.getLibrary();
    handleComplete({},comp);
  }
  function handleComplete(evt,comp) {
    //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
    var lib=comp.getLibrary();
    var ss=comp.getSpriteSheet();
    exportRoot = new lib.RECOVER_QCS_3_3();
    stage = new lib.Stage(canvas);
    //Registers the "tick" event listener.
    fnStartAnimation = function() {
      stage.addChild(exportRoot);
      createjs.Ticker.framerate = lib.properties.fps;
      createjs.Ticker.addEventListener("tick", stage);
    }
    //Code to support hidpi screens and responsive scaling.
    AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);
    AdobeAn.compositionLoaded(lib.properties.id);
    fnStartAnimation();
  }
</script>