animationContainer = document.getElementById("dmdAnimation");
TweenMax.set(".minute, .hour", {svgOrigin:"32 32"})
TweenMax.set(".hour", {rotation:0})
var frame1 = document.getElementById("dash").cloneNode(true);
var frame2a = document.getElementById("guitar");
frame2a.className += "dmd-container-xy00";
var frame2b = document.getElementById("piano");
frame2b.className += "dmd-container-xyn10";
var frame4 = document.getElementById("dancer").cloneNode(true);
var frame8a = document.getElementById("mouth");
frame8a.className += "dmd-container-xy00";
var frame8b = document.getElementById("cocktail");
frame8b.className += "dmd-container-xyn10";
var frame15 = document.getElementById("expressionless");
frame15.className += "dmd-container-xy00";
var frame16 = document.getElementById("unamused");
frame16.className += "dmd-container-xy00";
var frame17 = document.getElementById("speaker");
frame17.className += "dmd-container-xy00";
var frame18 = document.getElementById("sound");
frame18.className += "dmd-container-xy00";
var frame19a = document.getElementById("cop").cloneNode(true); //frame 19/20
var frame19b1 = document.getElementById("neutral").cloneNode(true);
// frame19b1.className += "dmd-container-xy00";
var frame19b2 = document.getElementById("openmouth").cloneNode(true);
// frame19b2.className += "dmd-container-xy00";
var frame19c = document.getElementById("manwcap").cloneNode(true); //frame 19/20
var frame21a = document.getElementById("flag-ir"); //frame 21/22
frame21a.className += "dmd-container-xyn11";
var frame21b1 = document.getElementById("confounded");
frame21b1.className += "dmd-container-xy00";
var frame21b2 = document.getElementById("weary").cloneNode(true);
var frame21c = document.getElementById("flag-bg");
frame21c.className += "dmd-container-xy1n1"; //frame 21/22
var frame23a = document.getElementById("man").cloneNode(true); //frame 23/24/25/26
var frame23b = document.getElementById("flag-bo");
frame23b.className += "dmd-container-xy11";
var frame23c = document.getElementById("princes").cloneNode(true);
var frame23d = document.getElementById("flag-cn");
frame23d.className += "dmd-container-xyn1n1";
var frame23 = document.getElementById("disappointed").cloneNode(true);
var frame24 = document.getElementById("frowning").cloneNode(true);
var frame25 = document.getElementById("pensive").cloneNode(true);
var frame26 = document.getElementById("dizzy").cloneNode(true);
var frame27a = document.getElementById("hammer").cloneNode(true); //frame 27
var frame27b = document.getElementById("hammer").cloneNode(true);
var frame27c = document.getElementById("hammer").cloneNode(true);
var frame27d = document.getElementById("hammer").cloneNode(true);
var frame29a = document.getElementById("pistol").cloneNode(true); //frame 29/30/31/32
var frame29b = document.getElementById("ogre").cloneNode(true);
var frame29c = document.getElementById("pistol").cloneNode(true);
var frame29d = document.getElementById("ogre").cloneNode(true);
var frame33a = document.getElementById("ogre").cloneNode(true); //frame 33-38
var frame33b = document.getElementById("knife").cloneNode(true);
var frame33c = document.getElementById("ogre").cloneNode(true);
var frame33d = document.getElementById("knife").cloneNode(true);
var frame34 = document.getElementById("crying");
frame34.className += "dmd-container-xy00";
var frame39a = document.getElementById("poop").cloneNode(true); //frame 39/41/43
var frame39b = document.getElementById("poop").cloneNode(true);
var frame39c = document.getElementById("poop").cloneNode(true);
var frame39d = document.getElementById("poop").cloneNode(true);
var frame40a = document.getElementById("fire").cloneNode(true); //frame 40/42
var frame40b = document.getElementById("fire").cloneNode(true);
var frame40c = document.getElementById("fire").cloneNode(true);
var frame40d = document.getElementById("fire").cloneNode(true);
var frame44a = document.getElementById("manwcap").cloneNode(true);
var frame44c = document.getElementById("princes").cloneNode(true);
var frame45a = document.getElementById("man").cloneNode(true);
var frame45c = document.getElementById("cop").cloneNode(true);
var frame46a = document.getElementById("man").cloneNode(true);
var frame46b = document.getElementById("manwcap").cloneNode(true);
var frame46c = document.getElementById("cop").cloneNode(true);
var frame46d = document.getElementById("princes").cloneNode(true);
var frame47 = document.getElementById("smiling");
frame47.className += "dmd-container-xy00";
var frame48 = document.getElementById("grimacing");
frame48.className += "dmd-container-xy00";
var frame49 = document.getElementById("grinning");
frame49.className += "dmd-container-xy00";
var frame52 = document.getElementById("dash").cloneNode(true);
var frame53 = document.getElementById("dash").cloneNode(true);
var frame54 = document.getElementById("dash").cloneNode(true);
var frame55 = document.getElementById("dash").cloneNode(true);
var frame60a = document.getElementById("ox").cloneNode(true); //frame 60/41/43
var frame60b = document.getElementById("ox").cloneNode(true);
var frame60c = document.getElementById("ox").cloneNode(true);
var frame60d = document.getElementById("ox").cloneNode(true);
var frame60 = document.getElementById("withhorns");
frame60.className += "dmd-container-xy00";
var frame67a = document.getElementById("dancer").cloneNode(true); //frame 67
var frame67b = document.getElementById("dancer").cloneNode(true);
var frame67c = document.getElementById("dancer").cloneNode(true);
var frame67d = document.getElementById("dancer").cloneNode(true);
var frame69a = document.getElementById("princes").cloneNode(true);
var frame69c = document.getElementById("blondman");
frame69c.className += "dmd-container-xy10";
var frame71a = document.getElementById("manwcap").cloneNode(true);
var frame71c = document.getElementById("cop").cloneNode(true);
var frame74a = document.getElementById("punch").cloneNode(true);
var frame74b = document.getElementById("punch").cloneNode(true);
var frame74c = document.getElementById("punch").cloneNode(true);
var frame74d = document.getElementById("punch").cloneNode(true);
var frame83a = document.getElementById("collision").cloneNode(true);
var frame83b = document.getElementById("collision").cloneNode(true);
var frame83c = document.getElementById("collision").cloneNode(true);
var frame83d = document.getElementById("collision").cloneNode(true);
var frame108a = document.getElementById("dizzy").cloneNode(true);
var frame108b = document.getElementById("dizzy").cloneNode(true);
var frame108c = document.getElementById("dizzy").cloneNode(true);
var frame108d = document.getElementById("dizzy").cloneNode(true);
var frame108e = document.getElementById("dizzy").cloneNode(true);
var frame108f = document.getElementById("dizzy").cloneNode(true);
var frame113a = document.getElementById("point-right");
frame113a.className += "dmd-container-xyn20";
var frame113b = document.getElementById("point-down");
frame113b.className += "dmd-container-xy02";
var frame113c = document.getElementById("point-left");
frame113c.className += "dmd-container-xy20";
var frame113d = document.getElementById("point-up");
frame113d.className += "dmd-container-xy0n2";
var frame138 = document.getElementById("sweat");
frame138.className += "dmd-container-xy00";
var frame141 = document.getElementById("loudcry");
frame141.className += "dmd-container-xy00";
var frame142 = document.getElementById("angry");
frame142.className += "dmd-container-xy00";
var frame143 = document.getElementById("pouting");
frame143.className += "dmd-container-xy00";
var frame144 = document.getElementById("truimph");
frame144.className += "dmd-container-xy00";
var frame146a = document.getElementById("neutral").cloneNode(true);
var frame146b = document.getElementById("neutral").cloneNode(true);
var frame146c = document.getElementById("neutral").cloneNode(true);
var frame146d = document.getElementById("neutral").cloneNode(true);
var frame146a0 = document.getElementById("dizzy").cloneNode(true);
var frame146a1 = document.getElementById("dizzy").cloneNode(true);
var frame146a2 = document.getElementById("dizzy").cloneNode(true);
var frame146b0 = document.getElementById("dizzy").cloneNode(true);
var frame146b1 = document.getElementById("dizzy").cloneNode(true);
var frame146c0 = document.getElementById("dizzy").cloneNode(true);
var frame146c1 = document.getElementById("dizzy").cloneNode(true);
var frame146d0 = document.getElementById("dizzy").cloneNode(true);
var frame146d1 = document.getElementById("dizzy").cloneNode(true);
var frame146d2 = document.getElementById("dizzy").cloneNode(true);
var frame157 = document.getElementById("point-up2");
frame157.className += "dmd-container-xy00";
var frame158 = document.getElementById("v");
frame158.className += "dmd-container-xy00";
var frame184 = document.getElementById("halo").cloneNode(true);
var frame189 = document.getElementById("dash").cloneNode(true);
var frame189a1 = document.getElementById("confused2");
frame189a1.className += "first dmd-dash-xyn30";
var frame189b1 = document.getElementById("pensive").cloneNode(true);
var frame189c1 = document.getElementById("weary").cloneNode(true);
var frame189d1 = document.getElementById("disappointed").cloneNode(true);
var frame189e1 = document.getElementById("frowning").cloneNode(true);
var frame189a2 = document.getElementById("smile");
frame189a2.className += "second dmd-dash-xyn30";
var frame189b2 = document.getElementById("sunglasses");
frame189b2.className += "second dmd-dash-xyn20";
var frame189c2 = document.getElementById("grin");
frame189c2.className += "second dmd-container-xy00";
var frame189d2 = document.getElementById("laughing");
frame189d2.className += "second dmd-dash-xy20";
var frame189e2 = document.getElementById("hearteyes");
frame189e2.className += "second dmd-dash-xy30";
var frame274a1 = document.getElementById("orangesky");
frame274a1.className += "dmd-container-xyn10";
var frame274a2 = document.getElementById("sunrise");
frame274a2.className += "dmd-container-xyn10";
var frame274a3 = document.getElementById("starsmoon");
frame274a3.className += "dmd-container-xyn10";
var frame274a4 = document.getElementById("galaxy");
frame274a4.className += "dmd-container-xyn10";
var frame274c = document.getElementById("clock");
frame274c.className += "dmd-container-xy10";
var frame285 = document.getElementById("surprise");
frame285.className += "dmd-container-xy00";
var frame323a = document.getElementById("text-bottom");
frame323a.className += "dmd-container-txt-bottom";
var frame323b = document.getElementById("text-top");
frame323b.className += "dmd-container-txt-top";
var frame324 = document.getElementById("foxlife");
frame324.className += "dmd-container-logo";
var frame325 = document.getElementById("dmd-button");
frame325.className += "dmd-container-end";
frame1.id = 'frame1';
animationContainer.appendChild(frame1);
frame1.className += "dmd-container-xy00";
frame4.id = 'frame4';
animationContainer.appendChild(frame4);
frame4.className += "dmd-container-xy00";
frame19a.id = 'frame19a';
frame23a.id = 'frame23a';
frame19c.id = 'frame19c';
frame23c.id = 'frame23c';
animationContainer.appendChild(frame19a);
animationContainer.appendChild(frame23a);
animationContainer.appendChild(frame19c);
animationContainer.appendChild(frame23c);
frame19c.className += "dmd-container-xy11";
frame23c.className += "dmd-container-xy1n1";
frame19a.className += "dmd-container-xyn1n1";
frame23a.className += "dmd-container-xyn11";
frame21b2.id = 'frame21b2';
animationContainer.appendChild(frame21b2);
frame21b2.className += "dmd-container-xy00";
frame25.id = 'frame25';
animationContainer.appendChild(frame25);
frame25.className += "dmd-container-xy00";
frame23.id = 'frame23';
animationContainer.appendChild(frame23);
frame23.className += "dmd-container-xy00";
frame24.id = 'frame24';
animationContainer.appendChild(frame24);
frame24.className += "dmd-container-xy00";
frame27a.id = 'frame27a';
frame27b.id = 'frame27b';
frame27c.id = 'frame27c';
frame27d.id = 'frame27d';
animationContainer.appendChild(frame27a);
animationContainer.appendChild(frame27b);
animationContainer.appendChild(frame27c);
animationContainer.appendChild(frame27d);
frame27a.className += "dmd-container-xyn11";
frame27b.className += " dmd-container-xy11";
frame27c.className += " dmd-container-xy1n1";
frame27d.className += " dmd-container-xyn1n1";
frame29a.id = 'frame29a';
frame29b.id = 'frame29b';
frame29c.id = 'frame29c';
frame29d.id = 'frame29d';
animationContainer.appendChild(frame29a);
animationContainer.appendChild(frame29b);
animationContainer.appendChild(frame29c);
animationContainer.appendChild(frame29d);
frame29a.className += "dmd-container-xyn11";
frame29b.className += " dmd-container-xy11";
frame29c.className += " dmd-container-xy1n1";
frame29d.className += " dmd-container-xyn1n1";
frame33a.id = 'frame33a';
frame33b.id = 'frame33b';
frame33c.id = 'frame33c';
frame33d.id = 'frame33d';
animationContainer.appendChild(frame33a);
animationContainer.appendChild(frame33b);
animationContainer.appendChild(frame33c);
animationContainer.appendChild(frame33d);
frame33a.className += "dmd-container-xyn11";
frame33b.className += " dmd-container-xy11";
frame33c.className += " dmd-container-xy1n1";
frame33d.className += " dmd-container-xyn1n1";
frame39a.id = 'frame39a';
frame39b.id = 'frame39b';
frame39c.id = 'frame39c';
frame39d.id = 'frame39d';
animationContainer.appendChild(frame39a);
animationContainer.appendChild(frame39b);
animationContainer.appendChild(frame39c);
animationContainer.appendChild(frame39d);
frame39a.className += "dmd-container-xyn11";
frame39b.className += " dmd-container-xy11";
frame39c.className += " dmd-container-xy1n1";
frame39d.className += " dmd-container-xyn1n1";
frame40a.id = 'frame40a';
frame40b.id = 'frame40b';
frame40c.id = 'frame40c';
frame40d.id = 'frame40d';
animationContainer.appendChild(frame40a);
animationContainer.appendChild(frame40b);
animationContainer.appendChild(frame40c);
animationContainer.appendChild(frame40d);
frame40a.className += "dmd-container-xyn11";
frame40b.className += " dmd-container-xy11";
frame40c.className += " dmd-container-xy1n1";
frame40d.className += " dmd-container-xyn1n1";
frame44a.id = 'frame44a';
frame44c.id = 'frame44c';
animationContainer.appendChild(frame44a);
animationContainer.appendChild(frame44c);
frame44a.className += "dmd-container-xyn10";
frame44c.className += " dmd-container-xy10";
frame45a.id = 'frame45a';
frame45c.id = 'frame45c';
animationContainer.appendChild(frame45a);
animationContainer.appendChild(frame45c);
frame45a.className += "dmd-container-xy01";
frame45c.className += " dmd-container-xy0n1";
frame46a.id = 'frame46a';
frame46b.id = 'frame46b';
frame46c.id = 'frame46c';
frame46d.id = 'frame46d';
animationContainer.appendChild(frame46a);
animationContainer.appendChild(frame46b);
animationContainer.appendChild(frame46c);
animationContainer.appendChild(frame46d);
frame46a.className += "dmd-container-xyn11";
frame46b.className += " dmd-container-xy11";
frame46c.className += " dmd-container-xy1n1";
frame46d.className += " dmd-container-xyn1n1";
frame52.id = 'frame52';
frame53.id = 'frame53';
frame54.id = 'frame54';
frame55.id = 'frame55';
animationContainer.appendChild(frame52);
animationContainer.appendChild(frame53);
animationContainer.appendChild(frame54);
animationContainer.appendChild(frame55);
frame52.className += "dmd-container-xyn11";
frame53.className += " dmd-container-xy1n1";
frame54.className += " dmd-container-xyn1n1";
frame55.className += " dmd-container-xy11";
frame60a.id = 'frame60a';
frame60b.id = 'frame60b';
frame60c.id = 'frame60c';
frame60d.id = 'frame60d';
animationContainer.appendChild(frame60a);
animationContainer.appendChild(frame60b);
animationContainer.appendChild(frame60c);
animationContainer.appendChild(frame60d);
frame60a.className += "dmd-container-xyn11";
frame60b.className += " dmd-container-xy11";
frame60c.className += " dmd-container-xy1n1";
frame60d.className += " dmd-container-xyn1n1";
frame67a.id = 'frame67a';
frame67b.id = 'frame67b';
frame67c.id = 'frame67c';
frame67d.id = 'frame67d';
animationContainer.appendChild(frame67a);
animationContainer.appendChild(frame67b);
animationContainer.appendChild(frame67c);
animationContainer.appendChild(frame67d);
frame67a.className += "dmd-container-xyn11";
frame67b.className += " dmd-container-xy11";
frame67c.className += " dmd-container-xy1n1";
frame67d.className += " dmd-container-xyn1n1";
frame69a.id = 'frame69a';
frame69c.id = 'frame69c';
animationContainer.appendChild(frame69a);
animationContainer.appendChild(frame69c);
frame69a.className += "dmd-container-xyn10";
frame69c.className += " dmd-container-xy10";
frame71a.id = 'frame71a';
frame71c.id = 'frame71c';
animationContainer.appendChild(frame71a);
animationContainer.appendChild(frame71c);
frame71a.className += "dmd-container-xy01";
frame71c.className += " dmd-container-xy0n1";
frame74a.id = 'frame74a';
frame74b.id = 'frame74b';
frame74c.id = 'frame74c';
frame74d.id = 'frame74d';
animationContainer.appendChild(frame74a);
animationContainer.appendChild(frame74b);
animationContainer.appendChild(frame74c);
animationContainer.appendChild(frame74d);
frame74a.className += "dmd-punch-xy11";
frame74b.className += "dmd-punch-xyn11";
frame74c.className += "dmd-punch-xyn1n1";
frame74d.className += "dmd-punch-xy1n1";
frame83a.id = 'frame83a';
frame83b.id = 'frame83b';
frame83c.id = 'frame83c';
frame83d.id = 'frame83d';
animationContainer.appendChild(frame83a);
animationContainer.appendChild(frame83b);
animationContainer.appendChild(frame83c);
animationContainer.appendChild(frame83d);
frame83a.className += "dmd-container-xy01";
frame83b.className += "dmd-container-xyn10";
frame83c.className += "dmd-container-xy0n1";
frame83d.className += "dmd-container-xy10";
frame26.id = 'frame26';
animationContainer.appendChild(frame26);
frame26.className += "dmd-container-xy00";
frame108a.id = 'frame108a';
frame108b.id = 'frame108b';
frame108c.id = 'frame108c';
frame108d.id = 'frame108d';
frame108e.id = 'frame108e';
frame108f.id = 'frame108f';
animationContainer.appendChild(frame108a);
animationContainer.appendChild(frame108b);
animationContainer.appendChild(frame108c);
animationContainer.appendChild(frame108d);
animationContainer.appendChild(frame108e);
animationContainer.appendChild(frame108f);
frame108a.className += "dmd-container-xy10";
frame108b.className += "dmd-container-xyn10";
frame108c.className += "dmd-container-xy20";
frame108d.className += "dmd-container-xyn20";
frame108e.className += "dmd-container-xy30";
frame108f.className += "dmd-container-xyn30";
frame19b1.id = 'frame19b1';
animationContainer.appendChild(frame19b1);
frame19b1.className += "dmd-container-xy00";
frame146a.id = 'frame146a';
frame146b.id = 'frame146b';
frame146c.id = 'frame146c';
frame146d.id = 'frame146d';
animationContainer.appendChild(frame146a);
animationContainer.appendChild(frame146b);
animationContainer.appendChild(frame146c);
animationContainer.appendChild(frame146d);
frame146a.className += "dmd-chorus-a";
frame146b.className += " dmd-chorus-b";
frame146c.className += " dmd-chorus-c";
frame146d.className += " dmd-chorus-d";
frame146a0.id = 'frame146a0';
frame146a1.id = 'frame146a1';
frame146a2.id = 'frame146a2';
animationContainer.appendChild(frame146a0);
animationContainer.appendChild(frame146a1);
animationContainer.appendChild(frame146a2);
frame146a0.className += "dmd-chorus-a0";
frame146a1.className += "dmd-chorus-a1";
frame146a2.className += "dmd-chorus-a2";
frame146b0.id = 'frame146b0';
frame146b1.id = 'frame146b1';
animationContainer.appendChild(frame146b0);
animationContainer.appendChild(frame146b1);
frame146b0.className += "dmd-chorus-b0";
frame146b1.className += "dmd-chorus-b1";
frame146c0.id = 'frame146c0';
frame146c1.id = 'frame146c1';
animationContainer.appendChild(frame146c0);
animationContainer.appendChild(frame146c1);
frame146c0.className += "dmd-chorus-c0";
frame146c1.className += "dmd-chorus-c1";
frame146d0.id = 'frame146d0';
frame146d1.id = 'frame146d1';
frame146d2.id = 'frame146d2';
animationContainer.appendChild(frame146d0);
animationContainer.appendChild(frame146d1);
animationContainer.appendChild(frame146d2);
frame146d0.className += "dmd-chorus-d0";
frame146d1.className += "dmd-chorus-d1";
frame146d2.className += "dmd-chorus-d2";
frame189.id = 'frame189';
animationContainer.appendChild(frame189);
frame189.className += "dmd-dash-left";
// frame189a1.id = 'frame189a1';
frame189b1.id = 'frame189b1';
frame189c1.id = 'frame189c';
frame189d1.id = 'frame189d1';
frame189e1.id = 'frame189e1';
// animationContainer.appendChild(frame189a1);
animationContainer.appendChild(frame189b1);
animationContainer.appendChild(frame189c1); //frame21b2
animationContainer.appendChild(frame189d1);
animationContainer.appendChild(frame189e1);
// frame189a1.className += "dmd-dash-xyn30";
frame189b1.className += "first dmd-dash-xyn20";
frame189c1.className += "first dmd-container-xy00";
frame189d1.className += "first dmd-dash-xy20";
frame189e1.className += "first dmd-dash-xy30";
frame19b2.id = 'frame19b2';
animationContainer.appendChild(frame19b2);
frame19b2.className += "dmd-container-xy00";
frame184.id = 'frame184';
animationContainer.appendChild(frame184);
frame184.className += "dmd-container-xy00";
var playBtn = document.getElementById("play"),
audio = document.createElement("audio");
audio.src = "https://aacom-media.s3-ap-south-1.amazonaws.com/2016/06/30041359/dum-maro-dum.mp3";
audio.preload = "auto";
var tl = new TimelineMax();
// var ogg = document.getElementById("dmd-audio");
// ogg.play();
play.onclick = function() {
// tl.play();
audio.play();
tl.repeat(0)
.to("#play", 0.2,{ease: Power1.easeOut, opacity: 0})
.to("#dmdAnimation", 0.2, { display: 'block' }, "-=0.2")
// .to(first, 0, {display: 'none'})
.from(frame1, 0.36, {display: 'block'})
.to(frame1, 0, {display: 'none'})
.to([frame2a, frame2b], 0.36, {display: 'block'})
.to([frame2a, frame2b], 0, {display: 'none'})
.to(frame1, 0.36, {display: 'block'}) //frame3 - dash
.to(frame1, 0, {display: 'none'})
.to(frame4, 0.12, {display: 'block'}) // dancer
.to(frame4, 0, {display: 'none'})
.to(frame2a, 0.16, {display: 'block'}) // guitar
.to(frame2a, 0, {display: 'none'})
.to(frame4, 0.16, {display: 'block'}) // frame6 - dancer
.to(frame4, 0, {display: 'none'})
.to(frame2a, 0.16, {display: 'block'}) // frame7 - guitar
.to(frame2a, 0, {display: 'none'})
.to([frame8a, frame8b], 0.2, {display: 'block'}) //cocktail + mouth
.to([frame8a, frame8b], 0, {display: 'none'})
.to(frame2a, 0.2, {display: 'block'}) // frame9 - guitar
.to(frame2a, 0, {display: 'none'})
.to(frame1, 0.08, {display: 'block'}) //frame10 - dash
.to(frame1, 0, {display: 'none'})
.to(frame8a, 0.08, {display: 'block'}) //frame11 - mouth
.to(frame8a, 0, {display: 'none'})
.to(frame1, 0.08, {display: 'block'}) //frame12 - dash
.to(frame1, 0, {display: 'none'})
.to(frame8a, 0.2, {display: 'block'}) //frame13 - mouth
.to(frame8a, 0, {display: 'none'})
.to(frame1, 0.32, {display: 'block'}) //frame14 - dash
.to(frame1, 0, {display: 'none'})
.to(frame15, 0.16, {display: 'block'}) //expressionaless
.to(frame15, 0, {display: 'none'})
.to(frame16, 0.32, {display: 'block'}) //unamused
.to(frame16, 0, {display: 'none'})
.to(frame17, 0.2, {display: 'block'}) //speaker
.to(frame17, 0, {display: 'none'})
.to(frame18, 0.2, {display: 'block'}) //sound
.to(frame18, 0, {display: 'none'})
.to([frame19a,frame19c], 0.32, { display: 'block' }) //frame 19/20
.to([frame19a, frame19c], 0, { display: 'none' })
// .staggerTo([frame19b1, frame19b2], 0.01, {autoAlpha:1}, 0.16, "-=0.32") //frame 19/20
// .staggerTo([frame19b1, frame19b2], 0.01, {autoAlpha:0}, 0.16, "-=0.15")
.to(frame19b1, 0.16, {display: 'block'}, "-=0.32") //frame 19
.to(frame19b1, 0, {display: 'none'}, "-=0.15") //frame 19
.to(frame19b2, 0.16, {display: 'block'}, "-=0.16") //frame 20
.to(frame19b2, 0, {display: 'none'}) //frame 20
.to([frame21a, frame21c], 0.44, { display: 'block' }) //frame 21/22
.to([frame21a, frame21c], 0, { display: 'none' })
.to(frame21b1, 0.2, {display: 'block'}, "-=0.44")
.to(frame21b1, 0, {display: 'none'},"-=0.23")
.to(frame21b2, 0.24, {display: 'block'}, "-=0.24")
.to(frame21b2, 0, {display: 'none'})
.to([frame23a,frame23b, frame23c, frame23d], 0.64, { display: 'block' }) //frame 23/24/25/26
.to([frame23a,frame23b, frame23c, frame23d], 0, { display: 'none' })
.to(frame23, 0.08, {display: 'block'}, "-=0.64")
.to(frame23, 0, {display: 'none'}, "-=0.55")
.to(frame24, 0.32, {display: 'block'}, "-=0.56")
.to(frame24, 0, {display: 'none'}, "-=0.23")
.to(frame25, 0.16, {display: 'block'}, "-=0.24")
.to(frame25, 0, {display: 'none'}, "-=0.07")
.to(frame26, 0.52, {display: 'block'}, "-=0.08")
.to(frame26, 0, {display: 'none'})
.to([frame27a,frame27b, frame27c, frame27d], 0.44, { display: 'block' }, "-=0.44") //frame 27
.to([frame27a,frame27b, frame27c, frame27d], 0, { display: 'none' })
.to(frame21b1, 0.08, {display: 'block'}, "-=0.08") //frame 28
.to(frame21b1, 0, {display: 'none'})
.to([frame29a,frame29b, frame29c, frame29d], 0.88, { display: 'block' }) //frame 29/30/31/32
.to([frame29a,frame29b, frame29c, frame29d], 0, { display: 'none' })
.to(frame21b1, 0.16, {display: 'block'}, "-=0.88") //frame 29
.to(frame21b1, 0, {display: 'none'}, "-=0.72")
.to(frame21b2, 0.48, {display: 'block'},"-=0.72") //frame 30
.to(frame21b2, 0, {display: 'none'}, "-=0.24")
.to(frame23, 0.12, {display: 'block'}, "-=0.24") //frame 31
.to(frame23, 0, {display: 'none'}, "-=0.12")
.to(frame21b2, 0.12, {display: 'block'},"-=0.12") //frame 32
.to(frame21b2, 0, {display: 'none'})
.to([frame33a,frame33b, frame33c, frame33d], 0.68, { display: 'block' }) //frame 33/34/35/36/37/38
.to([frame33a,frame33b, frame33c, frame33d], 0, { display: 'none' })
.to(frame21b2, 0.12, {display: 'block'},"-=0.68") //frame 33
.to(frame21b2, 0, {display: 'none'},"-=0.55")
.to(frame34, 0.36, {display: 'block'}, "-=0.56") //frame 34
.to(frame34, 0, {display: 'none'}, "-=0.19")
.to(frame21b2, 0.04, {display: 'block'},"-=0.2") //frame 35
.to(frame21b2, 0, {display: 'none'}, "-=0.15")
.to(frame34, 0.04, {display: 'block'}, "-=0.16") //frame 36
.to(frame34, 0, {display: 'none'}, "-=0.11")
.to(frame21b2, 0.08, {display: 'block'},"-=0.12") //frame 37
.to(frame21b2, 0, {display: 'none'}, "-=0.03")
.to(frame34, 0.04, {display: 'block'}, "-=0.04") //frame 38
.to(frame34, 0, {display: 'none'})
.to([frame39a,frame39b, frame39c, frame39d], 0.08, { display: 'block' }) //frame 39
.to([frame39a,frame39b, frame39c, frame39d], 0, { display: 'none' })
.to([frame40a,frame40b, frame40c, frame40d], 0.08, { display: 'block' }) //frame 40
.to([frame40a,frame40b, frame40c, frame40d], 0, { display: 'none' })
.to([frame39a,frame39b, frame39c, frame39d], 0.04, { display: 'block' }) //frame 41
.to([frame39a,frame39b, frame39c, frame39d], 0, { display: 'none' })
.to([frame40a,frame40b, frame40c, frame40d], 0.08, { display: 'block' }) //frame 42
.to([frame40a,frame40b, frame40c, frame40d], 0, { display: 'none' })
.to([frame39a,frame39b, frame39c, frame39d], 0.18, { display: 'block' }) //frame 43
.to([frame39a,frame39b, frame39c, frame39d], 0, { display: 'none' })
.to(frame21b2, 0.44, {display: 'block'},"-=0.44") //frame 39
.to(frame21b2, 0, {display: 'none'})
.to([frame44a, frame44c], 0.14, { display: 'block'}) //frame 44
.to([frame44a, frame44c], 0, { display: 'none' })
.to(frame19b2, 0.14, { display: 'block'}, "-=0.14") //frame 44
.to(frame19b2, 0, { display: 'none'}) //frame 44
.to([frame45a, frame45c], 0.16, { display: 'block'}) //frame 45
.to([frame45a, frame45c], 0, { display: 'none' })
.to(frame21b1, 0.16, { display: 'block'}, "-=0.16") //frame 44
.to(frame21b1, 0, { display: 'none'})
.to([frame46a, frame46b, frame46c, frame46d], 1.12, { display: 'block'}) //frame 46-51
.to([frame46a, frame46b, frame46c, frame46d], 0, { display: 'none' })
.to(frame21b1, 0.04, { display: 'block'}, "-=1.12") //frame 46
.to(frame21b1, 0, { display: 'none'}, "-=1.08")
.to(frame47, 0.2, {display: 'block'}, "-=1.08" ) //frame 47
.to(frame47, 0, {display: 'none'}, "-=0.88")
.to(frame48, 0.24, {display: 'block'}, "-=0.88" ) //frame 48
.to(frame48, 0, {display: 'none'}, "-=0.64")
.to(frame49, 0.12, {display: 'block'}, "-=0.64" ) //frame 49
.to(frame49, 0, {display: 'none'}, "-=0.52")
.to(frame19b1, 0.24, {display: 'block'}, "-=0.52" ) //frame 50
.to(frame19b1, 0, {display: 'none'}, "-=0.28")
.to(frame47, 0.28, {display: 'block'}, "-=0.28" ) //frame 51
.to(frame47, 0, {display: 'none'})
.to([frame47, frame46b, frame46c, frame46d], 0.04, { display: 'block'}) //frame 52
.to([frame47, frame46b, frame46c, frame46d], 0, { display: 'none' })
.to(frame52, 0.04, {display: 'block'}, "-=0.04" ) //frame 52
.to(frame52, 0, {display: 'none'})
.to([frame52, frame47, frame46b, frame46d], 0.08, { display: 'block'}) //frame 53
.to([frame52, frame47, frame46b, frame46d], 0, { display: 'none' })
.to(frame53, 0.08, {display: 'block'}, "-=0.08" ) //frame 53
.to(frame53, 0, {display: 'none'})
.to([frame52, frame47, frame53, frame46b], 0.08, { display: 'block'}) //frame 54
.to([frame52, frame47, frame53, frame46b], 0, { display: 'none' })
.to(frame54, 0.08, {display: 'block'}, "-=0.08" ) //frame 54
.to(frame54, 0, {display: 'none'})
.to([frame52, frame47, frame53, frame54], 0.04, { display: 'block'}) //frame 55
.to([frame52, frame47, frame53, frame54], 0, { display: 'none' })
.to(frame55, 0.04, {display: 'block'}, "-=0.04" ) //frame 55
.to(frame55, 0, {display: 'none'})
.to([frame52, frame55, frame48, frame53, frame54], 0.12, { display: 'block'}) //frame 56
.to([frame52, frame55, frame48, frame53, frame54], 0, { display: 'none' })
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0.4, { display: 'block'}) //frame 57
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0, { display: 'none' })
.to([frame39a, frame39b, frame19b1, frame39c, frame39d], 0.08, { display: 'block'}) //frame 58
.to([frame39a, frame39b, frame19b1, frame39c, frame39d], 0, { display: 'none' })
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0.64, { display: 'block'}) //frame 59
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0, { display: 'none' })
.to([frame60a, frame60b, frame60, frame60c, frame60d], 0.04, { display: 'block'}) //frame 60
.to([frame60a, frame60b, frame60, frame60c, frame60d], 0, { display: 'none' })
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0.04, { display: 'block'}) //frame 61
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0, { display: 'none' })
.to([frame60a, frame60b, frame60, frame60c, frame60d], 0.08, { display: 'none'}) //frame 62
.to([frame60a, frame60b, frame60, frame60c, frame60d], 0, { display: 'none' })
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0.04, { display: 'block'}) //frame 63
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0, { display: 'none' })
.to([frame60a, frame60b, frame60, frame60c, frame60d], 0.12, { display: 'none'}) //frame 64
.to([frame60a, frame60b, frame60, frame60c, frame60d], 0, { display: 'none' })
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0.12, { display: 'block'}) //frame 65
.to([frame39a, frame39b, frame47, frame39c, frame39d], 0, { display: 'none' })
.to([frame52, frame55, frame47, frame53, frame54], 0.12, { display: 'block'}) //frame 66
.to([frame52, frame55, frame47, frame53, frame54], 0, { display: 'none' })
.to([frame67a, frame67b, frame67c, frame67d], 0.24, { display: 'block'}) //frame 67
.to([frame67a, frame67b, frame67c, frame67d], 0, { display: 'none' })
.to(frame47, 0.24, { display: 'block'}, "-=0.24") //frame 67
.to(frame47, 0, { display: 'none' })
.to([frame52, frame55, frame47, frame53, frame54], 0.08, { display: 'block'}) //frame 68
.to([frame52, frame55, frame47, frame53, frame54], 0, { display: 'none' })
.to([frame69a, frame69c], 0.32, { display: 'block'}) //frame 69
.to([frame69a, frame69c], 0, { display: 'none' })
.to(frame47, 0.12, { display: 'block'}, "-=0.32") //frame 69
.to(frame47, 0, { display: 'none' })
.to(frame19b1, 0.08, { display: 'block'}, "-=0.2") //frame 70
.to(frame19b1, 0, { display: 'none' })
.to([frame71a, frame71c], 0.12, { display: 'block'}, "-=0.12") //frame 71
.to([frame71a, frame71c], 0, { display: 'none' })
.to([frame69a, frame69c, ,frame71a, frame71c], 0.64, { display: 'block'}) //frame 72
.to([frame69a, frame69c, ,frame71a, frame71c], 0, { display: 'none' })
.to(frame47, 0.16, { display: 'block'}, "-=0.64") //frame 72 happy
.to(frame47, 0, { display: 'none' }, "-=0.48")
.to(frame19b1, 0.12, { display: 'block'}, "-=0.48") //frame 73 neutral
.to(frame19b1, 0, { display: 'none' }, "-=0.36")
.to(frame74a, 0.36, { display: 'block', left:"41.5%"}, "=-0.36") //frame 74 punch left
.to(frame74a, 0, { display: 'none' })
.to(frame19b1, 0.16, { display: 'block'}, "-=0.36") //frame 73 neutral
.to(frame19b1, 0, { display: 'none' }, "-=0.2")
.to(frame48, 0.12, { display: 'block'}, "-=0.2") //frame 73 grimacing
.to(frame48, 0, { display: 'none' }, "-=0.12")
.to(frame47, 0.08, { display: 'block'}, "-=0.08") //frame 72 happy
.to(frame47, 0, { display: 'none' })
.to([frame69a, frame69c, frame83a, frame71c], 0.36, { display: 'block'}) //frame 83 collision, till the 3rd punch
.to([frame69a, frame69c, frame83a, frame71c], 0, { display: 'none' })
.to(frame74b, 0.36, { display: 'block', top:"65%"}, "=-0.36") //frame 83 2rd punch top left till 3rd punch
.to(frame74b, 0, { display: 'none' })
.to(frame47, 0.08, { display: 'block'}, "-=0.36") //happy
.to(frame47, 0, { display: 'none' }, "-=0.28")
.to(frame21b1, 0.08, { display: 'block'}, "-=0.28") //confounded
.to(frame21b1, 0, { display: 'none' },"-=0.2")
.to(frame19b1, 0.16, { display: 'block'}, "-=0.2") //frame 73 neutral
.to(frame19b1, 0, { display: 'none' }, "-=0.04")
.to(frame47, 0.04, { display: 'block'}, "-=0.04") //happy
.to(frame47, 0, { display: 'none' })
.to([frame83b, frame69c, frame83a, frame71c], 0.32, { display: 'block'}) //frame 83 collision, till the 3rd punch
.to([frame83b, frame69c, frame83a, frame71c], 0, { display: 'none' })
.to(frame74c, 0.32, { display: 'block', left:"58%"}, "=-0.32") //frame 92 3rd punch bottom left till 4th punch
.to(frame74c, 0, { display: 'none' })
.to(frame47, 0.32, { display: 'block'}, "-=0.32") //happy
.to(frame47, 0, { display: 'none' })
.to([frame83b, frame69c, frame83a, frame83c], 0.32, { display: 'block'}) //frame 100 collision, 4th punch
.to([frame83b, frame69c, frame83a, frame83c], 0, { display: 'none' })
.to(frame74d, 0.32, { display: 'block', top:"41.5%"}, "=-0.32") //frame 100 thrd punch bottom right
.to(frame74d, 0, { display: 'none' })
.to(frame47, 0.12, { display: 'block'}, "-=0.32") //happy
.to(frame47, 0, { display: 'none' }, "-=0.2")
.to(frame19b1, 0.16, { display: 'block'}, "-=0.2") //neutral
.to(frame19b1, 0, { display: 'none' }, "-=0.04")
.to(frame47, 0.04, { display: 'block'}, "-=0.04") //happy
.to(frame47, 0, { display: 'none' })
.to([frame83b, frame83d, frame47, frame83a, frame83c], 0.44, { display: 'block'}) //frame 108 all collision
.to([frame83b, frame83d, frame47, frame83a, frame83c], 0, { display: 'none' })
.to(frame26, 0.36, { display: 'block'}) //XX1
.to(frame26, 0, { display: 'none' })
.to([frame108b, frame26, frame108a], 0.28, { display: 'block'}) //XX3
.to([frame108b, frame26, frame108a], 0, { display: 'none' })
.to([frame108d, frame108b, frame26, frame108a, frame108c], 0.32, { display: 'block'}) //XX5
.to([frame108d, frame108b, frame26, frame108a, frame108c], 0, { display: 'none' })
.to([frame108f, frame108d, frame108b, frame26, frame108a, frame108c, frame108e], 0.72, { display: 'block'}) //XX5
.to([frame108f, frame108d, frame108b, frame26, frame108a, frame108c, frame108e], 0, { display: 'none' })
.to(frame23, 0.24, { display: 'block'})
.to(frame23, 0, { display: 'none'})
.to([frame113a], 0.24, { display: 'block', left:"55.5%"}, "-=0.24")
.to(frame21b1, 0.24, { display: 'block'})
.to(frame21b1, 0, { display: 'none'})
.to([frame113b], 0.24, { display: 'block', top:"60%"}, "-=0.24")
.to(frame21b2, 0.24, { display: 'block'})
.to(frame21b2, 0, { display: 'none'})
.to([frame113c], 0.24, { display: 'block', left:"44.5%"}, "-=0.24")
.to(frame24, 0.24, { display: 'block'})
.to(frame24, 0, { display: 'none'})
.to([frame113d], 0.24, { display: 'block', top:"40.5%"}, "-=0.24")
.to(frame21b2, 0.2, { display: 'block'})
.to(frame21b2, 0, { display: 'none'})
.to(frame138, 0.04, { display: 'block'})
.to(frame138, 0, { display: 'none'})
.to([frame113a, frame113b, frame113c, frame113d], 0, { display: 'none'})
.to(frame138, 0.24, { display: 'block'})
.to(frame138, 0, { display: 'none'})
.to(frame34, 0.32, { display: 'block'})
.to(frame34, 0, { display: 'none'})
.to(frame141, 0.32, { display: 'block'})
.to(frame141, 0, { display: 'none'})
.to(frame142, 0.4, { display: 'block'})
.to(frame142, 0, { display: 'none'})
.to(frame143, 0.44, { display: 'block'})
.to(frame143, 0, { display: 'none'})
.to(frame144, 0.56, { display: 'block'})
.to(frame144, 0, { display: 'none'})
.to([frame146a, frame146b, frame146c, frame146d], 0.12, { display: 'block'})
.to([[frame146a0], frame146b, frame146c, frame146d], 0.16, { display: 'block'})
.to([[frame146a0, frame146a1], frame146b, frame146c, frame146d], 0.12, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2], frame146b, frame146c, frame146d], 0.48, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0], frame146c, frame146d], 0.16, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1], frame146c, frame146d], 0.64, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0], frame146d], 0.16, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0, frame146c1], frame146d], 0.56, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0, frame146c1],
[frame146d0]], 0.16, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0, frame146c1],
[frame146d0, frame146d1]], 0.16, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0, frame146c1],
[frame146d0, frame146d1]], 0.16, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0, frame146c1],
[frame146d0, frame146d1, frame146d2]], 0.2, { display: 'block'})
.to([[frame146a0, frame146a1, frame146a2],
[frame146b0, frame146b1],
[frame146c0, frame146c1],
[frame146d0, frame146d1, frame146d2]], 0, { display: 'none'})
.to([frame146a, frame146b, frame146c, frame146d], 0, { display: 'none'})
.to(frame157, 0.24, { display: 'block'})
.to(frame157, 0, { display: 'none'})
.to(frame158, 0.68, { display: 'block', opacity: 0})
.to(frame158, 0.04, { display: 'none'})
.to(frame47, 0.04, { display: 'block'})
.to(frame47, 0.00, { display: 'none'})
.to(frame19b1, 0.36, { display: 'block'})
.to(frame19b1, 0.00, { display: 'none'})
.to(frame47, 0.12, { display: 'block'})
.to(frame47, 0.00, { display: 'none'})
.to(frame26, 0.36, { display: 'block'})
.to(frame26, 0.00, { display: 'none'})
.to(frame47, 0.12, { display: 'block'})
.to(frame47, 0.00, { display: 'none'})
.to(frame19b1, 2.4, { display: 'block'})
.to(frame19b1, 0.00, { display: 'none'})
.to(frame19b1, 2.2, { display: 'block'})
.to(frame19b1, 0.00, { display: 'none'})
// .to(frame184, 2.4, { display: 'block', opacity: 1}, "-=2.04")
// .to(frame184, 0.00, { display: 'none'})
.to(frame184, 0.0, { display: 'none', opacity: 0})
.to(frame184, 2.4, { display: 'block', opacity: 1}, "-=2.04")
.to(frame184, 0.00, { display: 'none'})
.to(frame189, 3.84, { display: 'block', ease: Power1.easeOut, x:820},"-=0.08")
.to([frame189a1, frame189b1, frame189c1, frame189d1, frame189e1], 3.84, { display: 'block'}, "-=3.92")
.staggerTo(".first", 3.84, {display: 'block', opacity: 0}, 0.44, "-=3.64")
.to(".first", 0, { display: 'none'})
.to(".second", 0, { display: 'none', opacity: 0})
.staggerTo(".second", 2.30, { display: 'block', opacity: 1}, 0.5, "-=5.52")
.to(frame189, 1.12, { display: 'block', opacity:0}, "-=3.08")
.to(frame189, 0.00, { display: 'none'})
.to(".second", 0, { display: 'none'})
.to(frame274c, 0.0, { display: 'block'})
.to(".hour", 1.04, {rotation: 360, ease:SteppedEase.config(12),repeat:2})
.to(".hour", 0.32, {rotation: "+=90", ease:SteppedEase.config(3)})
.staggerTo(".city", 1.04, {display: 'block'}, 0.26, "-=3.44")
.to(".city", 0, {display: 'none'}, "-=2.4")
.staggerTo(".city", 1.04, {display: 'block'}, 0.26, "-=2.4")
.to(".city", 0, {display: 'none'}, "-=1.36")
.staggerTo(".city", 1.04, {display: 'block'}, 0.26, "-=1.36")
.to(".city", 0, {display: 'none'}, "-=0.72")
.to(frame274a1, 0.32, {display: 'block'}, "-=0.72")
.to(frame274c, 0, {display: 'none'})
.to(frame274a1, 0, {display: 'none'})
.to(frame19b2, 0.2, {display: 'block'}, "-=3.84")
.to(frame19b2, 0, {display: 'none'},"-=3.64")
.to(frame19b1, 0.12, {display: 'block'},"-=3.64")
.to(frame19b1, 0, {display: 'none'}, "-=3.52")
.to(frame19b2, 0.2, {display: 'block'}, "-=3.52")
.to(frame19b2, 0, {display: 'none'}, "-=3.32")
.to(frame19b1, 0.12, {display: 'block'}, "-=3.32")
.to(frame19b1, 0, {display: 'none'}, "-=3.2")
.to(frame285, 0.24, {display: 'block'}, "-=3.2")
.to(frame285, 0, {display: 'none'}, "-=2.96")
.to(frame19b1, 0.2, {display: 'block'}, "-=2.96")
.to(frame19b1, 0, {display: 'none'}, "-=2.76")
.to(frame26, 0.84, {display: 'block'}, "-=2.76")
// .to(frame26, 0, {display: 'none'})
.to(frame26, 1.28, {display: 'block', ease: Power1.easeOut, opacity: 0}, "-=1.92")
.to(frame26, 0, {display: 'none'}, "-=0.64")
.to(frame184, 0.0, { display: 'none', opacity: 0}, "-0.01")
.to(frame184, 0.96, { display: 'block', ease: Power1.easeOut, opacity: 1}, "-=1.92")
// .to(frame184, 3.52, {display: 'block'})
.to(frame184, 0, {display: 'none'})
.to(frame184, 9.2, {display: 'block'})
.to(frame323a, 8.58, {display: 'block'}, "-=9.2")
.to(frame323a, 0.62, { display: 'block', height: 0, reversed:true, ease: Power0.easeOut, y:100}, "-=9.2")
.to(frame323b, 8.58, {display: 'block'}, "-=9.2")
.to(frame323b, 0.62, { display: 'block', height: 0, reversed:true, ease: Power0.easeOut, y:-100}, "-=9.2")
.to(frame324, 3, {display: 'block', eease: Back.easeOut.config(5), y:-30, opacity: 1}, "-=5")
.to(frame184, 0, {display: 'none'})
.to(frame323a, 0, {display: 'none'})
.to(frame323b, 0, {display: 'none'})
.to(frame324, 0, {display: 'none'})
.to(frame1, 0.0, { display: 'none', opacity: 0})
.to(frame1, 3.12, {display: 'block', ease: Back.easeOut.config(3), opacity: 1})
.to(frame1, 0, {display: 'none'})
.to(frame325, 0, {display: 'block'})
;
};
!
