/* Apply the animation to the target element. */
/* Hardware acceleration requires a nested element for each axis. */
#target {
-webkit-animation: myPathX 13s infinite;
-moz-animation: myPathX 13s infinite;
-ms-animation: myPathX 13s infinite;
-o-animation: myPathX 13s infinite;
animation: myPathX 13s infinite;
}
#target > * {
-webkit-animation: myPathY 13s infinite;
-moz-animation: myPathY 13s infinite;
-ms-animation: myPathY 13s infinite;
-o-animation: myPathY 13s infinite;
animation: myPathY 13s infinite;
}
#target > * > * {
-webkit-animation: myPathR 13s infinite;
-moz-animation: myPathR 13s infinite;
-ms-animation: myPathR 13s infinite;
-o-animation: myPathR 13s infinite;
animation: myPathR 13s infinite;
}
/* Define keyframes for each animation axis. */
@-webkit-keyframes myPathX {
0% {
-webkit-transform: translateX(150px);
-webkit-transform: translateX(150px) translateZ(0px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
4.26% {
-webkit-transform: translateX(171.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
5.11% {
-webkit-transform: translateX(182.47px);
-webkit-animation-timing-function: linear;
}
5.33% {
-webkit-transform: translateX(185.33px);
-webkit-animation-timing-function: linear;
}
5.56% {
-webkit-transform: translateX(188.26px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
6.04% {
-webkit-transform: translateX(194.3px);
-webkit-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
8.47% {
-webkit-transform: translateX(220px);
-webkit-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
10.89% {
-webkit-transform: translateX(202.89px);
-webkit-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
11.38% {
-webkit-transform: translateX(201.38px);
-webkit-animation-timing-function: linear;
}
11.61% {
-webkit-transform: translateX(201.02px);
-webkit-animation-timing-function: linear;
}
11.83% {
-webkit-transform: translateX(200.93px);
-webkit-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
12.68% {
-webkit-transform: translateX(203.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
16.94% {
-webkit-transform: translateX(250px);
-webkit-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
21.2% {
-webkit-transform: translateX(203.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
22.04% {
-webkit-transform: translateX(200.93px);
-webkit-animation-timing-function: linear;
}
22.27% {
-webkit-transform: translateX(201.02px);
-webkit-animation-timing-function: linear;
}
22.5% {
-webkit-transform: translateX(201.38px);
-webkit-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
22.98% {
-webkit-transform: translateX(202.89px);
-webkit-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
25.41% {
-webkit-transform: translateX(220px);
-webkit-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
27.83% {
-webkit-transform: translateX(194.3px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
28.32% {
-webkit-transform: translateX(188.26px);
-webkit-animation-timing-function: linear;
}
28.55% {
-webkit-transform: translateX(185.33px);
-webkit-animation-timing-function: linear;
}
28.77% {
-webkit-transform: translateX(182.47px);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
29.62% {
-webkit-transform: translateX(171.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
33.88% {
-webkit-transform: translateX(150px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
38.14% {
-webkit-transform: translateX(128.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
38.98% {
-webkit-transform: translateX(117.53px);
-webkit-animation-timing-function: linear;
}
39.21% {
-webkit-transform: translateX(114.67px);
-webkit-animation-timing-function: linear;
}
39.44% {
-webkit-transform: translateX(111.74px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
39.92% {
-webkit-transform: translateX(105.7px);
-webkit-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
42.35% {
-webkit-transform: translateX(80px);
-webkit-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
44.77% {
-webkit-transform: translateX(97.11px);
-webkit-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
45.26% {
-webkit-transform: translateX(98.62px);
-webkit-animation-timing-function: linear;
}
45.49% {
-webkit-transform: translateX(98.98px);
-webkit-animation-timing-function: linear;
}
45.71% {
-webkit-transform: translateX(99.07px);
-webkit-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
46.56% {
-webkit-transform: translateX(96.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
50.82% {
-webkit-transform: translateX(50px);
-webkit-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
55.07% {
-webkit-transform: translateX(96.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
55.92% {
-webkit-transform: translateX(99.07px);
-webkit-animation-timing-function: linear;
}
56.14% {
-webkit-transform: translateX(98.98px);
-webkit-animation-timing-function: linear;
}
56.37% {
-webkit-transform: translateX(98.62px);
-webkit-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
56.86% {
-webkit-transform: translateX(97.11px);
-webkit-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
59.28% {
-webkit-transform: translateX(80px);
-webkit-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
61.71% {
-webkit-transform: translateX(105.7px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
62.2% {
-webkit-transform: translateX(111.74px);
-webkit-animation-timing-function: linear;
}
62.43% {
-webkit-transform: translateX(114.67px);
-webkit-animation-timing-function: linear;
}
62.65% {
-webkit-transform: translateX(117.53px);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
63.5% {
-webkit-transform: translateX(128.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
67.75% {
-webkit-transform: translateX(150px);
-webkit-animation-timing-function: linear;
}
71.65% {
-webkit-transform: translateX(150px);
-webkit-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
77.76% {
-webkit-transform: translateX(200px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
83.88% {
-webkit-transform: translateX(150px);
-webkit-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
89.99% {
-webkit-transform: translateX(100px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
96.11% {
-webkit-transform: translateX(150px);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: translateX(150px);
}
}
@-webkit-keyframes myPathY {
0% {
-webkit-transform: translateY(50px);
-webkit-transform: translateY(50px) translateZ(0px);
-webkit-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
4.26% {
-webkit-transform: translateY(96.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
5.11% {
-webkit-transform: translateY(99.07px);
-webkit-animation-timing-function: linear;
}
5.33% {
-webkit-transform: translateY(98.98px);
-webkit-animation-timing-function: linear;
}
5.56% {
-webkit-transform: translateY(98.62px);
-webkit-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
6.04% {
-webkit-transform: translateY(97.11px);
-webkit-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
8.47% {
-webkit-transform: translateY(80px);
-webkit-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
10.89% {
-webkit-transform: translateY(105.7px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
11.38% {
-webkit-transform: translateY(111.74px);
-webkit-animation-timing-function: linear;
}
11.61% {
-webkit-transform: translateY(114.67px);
-webkit-animation-timing-function: linear;
}
11.83% {
-webkit-transform: translateY(117.53px);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
12.68% {
-webkit-transform: translateY(128.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
16.94% {
-webkit-transform: translateY(150px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
21.2% {
-webkit-transform: translateY(171.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
22.04% {
-webkit-transform: translateY(182.47px);
-webkit-animation-timing-function: linear;
}
22.27% {
-webkit-transform: translateY(185.33px);
-webkit-animation-timing-function: linear;
}
22.5% {
-webkit-transform: translateY(188.26px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
22.98% {
-webkit-transform: translateY(194.3px);
-webkit-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
25.41% {
-webkit-transform: translateY(220px);
-webkit-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
27.83% {
-webkit-transform: translateY(202.89px);
-webkit-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
28.32% {
-webkit-transform: translateY(201.38px);
-webkit-animation-timing-function: linear;
}
28.55% {
-webkit-transform: translateY(201.02px);
-webkit-animation-timing-function: linear;
}
28.77% {
-webkit-transform: translateY(200.93px);
-webkit-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
29.62% {
-webkit-transform: translateY(203.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
33.88% {
-webkit-transform: translateY(250px);
-webkit-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
38.14% {
-webkit-transform: translateY(203.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
38.98% {
-webkit-transform: translateY(200.93px);
-webkit-animation-timing-function: linear;
}
39.21% {
-webkit-transform: translateY(201.02px);
-webkit-animation-timing-function: linear;
}
39.44% {
-webkit-transform: translateY(201.38px);
-webkit-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
39.92% {
-webkit-transform: translateY(202.89px);
-webkit-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
42.35% {
-webkit-transform: translateY(220px);
-webkit-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
44.77% {
-webkit-transform: translateY(194.3px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
45.26% {
-webkit-transform: translateY(188.26px);
-webkit-animation-timing-function: linear;
}
45.49% {
-webkit-transform: translateY(185.33px);
-webkit-animation-timing-function: linear;
}
45.71% {
-webkit-transform: translateY(182.47px);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
46.56% {
-webkit-transform: translateY(171.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
50.82% {
-webkit-transform: translateY(150px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
55.07% {
-webkit-transform: translateY(128.13px);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
55.92% {
-webkit-transform: translateY(117.53px);
-webkit-animation-timing-function: linear;
}
56.14% {
-webkit-transform: translateY(114.67px);
-webkit-animation-timing-function: linear;
}
56.37% {
-webkit-transform: translateY(111.74px);
-webkit-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
56.86% {
-webkit-transform: translateY(105.7px);
-webkit-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
59.28% {
-webkit-transform: translateY(80px);
-webkit-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
61.71% {
-webkit-transform: translateY(97.11px);
-webkit-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
62.2% {
-webkit-transform: translateY(98.62px);
-webkit-animation-timing-function: linear;
}
62.43% {
-webkit-transform: translateY(98.98px);
-webkit-animation-timing-function: linear;
}
62.65% {
-webkit-transform: translateY(99.07px);
-webkit-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
63.5% {
-webkit-transform: translateY(96.88px);
-webkit-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
67.75% {
-webkit-transform: translateY(50px);
-webkit-animation-timing-function: linear;
}
71.65% {
-webkit-transform: translateY(100px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
77.76% {
-webkit-transform: translateY(150px);
-webkit-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
83.88% {
-webkit-transform: translateY(200px);
-webkit-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
89.99% {
-webkit-transform: translateY(150px);
-webkit-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
96.11% {
-webkit-transform: translateY(100px);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: translateY(50px);
}
}
@-webkit-keyframes myPathR {
0% {
-webkit-transform: rotate(88.73deg);
-webkit-transform: rotate(88.73deg) translateZ(0px);
-webkit-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
4.26% {
-webkit-transform: rotate(26.08deg);
}
4.2601% {
-webkit-transform: rotate(20.32deg);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
5.11% {
-webkit-transform: rotate(3.42deg);
}
5.1101% {
-webkit-transform: rotate(-1.88deg);
-webkit-animation-timing-function: linear;
}
5.33% {
-webkit-transform: rotate(-1.88deg);
}
5.3301% {
-webkit-transform: rotate(-6.94deg);
-webkit-animation-timing-function: linear;
}
5.56% {
-webkit-transform: rotate(-6.94deg);
}
5.5601% {
-webkit-transform: rotate(-11.75deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
6.04% {
-webkit-transform: rotate(-16.28deg);
}
6.0401% {
-webkit-transform: rotate(-20.53deg);
-webkit-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
8.47% {
-webkit-transform: rotate(-43.71deg);
}
8.4701% {
-webkit-transform: rotate(133.71deg);
-webkit-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
10.89% {
-webkit-transform: rotate(110.53deg);
}
10.8901% {
-webkit-transform: rotate(106.28deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
11.38% {
-webkit-transform: rotate(101.75deg);
}
11.3801% {
-webkit-transform: rotate(96.94deg);
-webkit-animation-timing-function: linear;
}
11.61% {
-webkit-transform: rotate(96.94deg);
}
11.6101% {
-webkit-transform: rotate(91.88deg);
-webkit-animation-timing-function: linear;
}
11.83% {
-webkit-transform: rotate(91.88deg);
}
11.8301% {
-webkit-transform: rotate(86.58deg);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
12.68% {
-webkit-transform: rotate(69.68deg);
}
12.6801% {
-webkit-transform: rotate(63.92deg);
-webkit-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
16.94% {
-webkit-transform: rotate(1.27deg);
}
16.9401% {
-webkit-transform: rotate(178.73deg);
-webkit-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
21.2% {
-webkit-transform: rotate(116.08deg);
}
21.2001% {
-webkit-transform: rotate(110.32deg);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
22.04% {
-webkit-transform: rotate(93.42deg);
}
22.0401% {
-webkit-transform: rotate(88.12deg);
-webkit-animation-timing-function: linear;
}
22.27% {
-webkit-transform: rotate(88.12deg);
}
22.2701% {
-webkit-transform: rotate(83.06deg);
-webkit-animation-timing-function: linear;
}
22.5% {
-webkit-transform: rotate(83.06deg);
}
22.5001% {
-webkit-transform: rotate(78.25deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
22.98% {
-webkit-transform: rotate(73.72deg);
}
22.9801% {
-webkit-transform: rotate(69.47deg);
-webkit-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
25.41% {
-webkit-transform: rotate(46.29deg);
}
25.4101% {
-webkit-transform: rotate(-136.29deg);
-webkit-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
27.83% {
-webkit-transform: rotate(-159.47deg);
}
27.8301% {
-webkit-transform: rotate(-163.72deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
28.32% {
-webkit-transform: rotate(-168.25deg);
}
28.3201% {
-webkit-transform: rotate(-173.06deg);
-webkit-animation-timing-function: linear;
}
28.55% {
-webkit-transform: rotate(-173.06deg);
}
28.5501% {
-webkit-transform: rotate(-178.12deg);
-webkit-animation-timing-function: linear;
}
28.77% {
-webkit-transform: rotate(-178.12deg);
}
28.7701% {
-webkit-transform: rotate(176.58deg);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
29.62% {
-webkit-transform: rotate(159.68deg);
}
29.6201% {
-webkit-transform: rotate(153.92deg);
-webkit-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
33.88% {
-webkit-transform: rotate(91.27deg);
}
33.8801% {
-webkit-transform: rotate(-91.27deg);
-webkit-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
38.14% {
-webkit-transform: rotate(-153.92deg);
}
38.1401% {
-webkit-transform: rotate(-159.68deg);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
38.98% {
-webkit-transform: rotate(-176.58deg);
}
38.9801% {
-webkit-transform: rotate(178.12deg);
-webkit-animation-timing-function: linear;
}
39.21% {
-webkit-transform: rotate(178.12deg);
}
39.2101% {
-webkit-transform: rotate(173.06deg);
-webkit-animation-timing-function: linear;
}
39.44% {
-webkit-transform: rotate(173.06deg);
}
39.4401% {
-webkit-transform: rotate(168.25deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
39.92% {
-webkit-transform: rotate(163.72deg);
}
39.9201% {
-webkit-transform: rotate(159.47deg);
-webkit-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
42.35% {
-webkit-transform: rotate(136.29deg);
}
42.3501% {
-webkit-transform: rotate(-46.29deg);
-webkit-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
44.77% {
-webkit-transform: rotate(-69.47deg);
}
44.7701% {
-webkit-transform: rotate(-73.72deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
45.26% {
-webkit-transform: rotate(-78.25deg);
}
45.2601% {
-webkit-transform: rotate(-83.06deg);
-webkit-animation-timing-function: linear;
}
45.49% {
-webkit-transform: rotate(-83.06deg);
}
45.4901% {
-webkit-transform: rotate(-88.12deg);
-webkit-animation-timing-function: linear;
}
45.71% {
-webkit-transform: rotate(-88.12deg);
}
45.7101% {
-webkit-transform: rotate(-93.42deg);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
46.56% {
-webkit-transform: rotate(-110.32deg);
}
46.5601% {
-webkit-transform: rotate(-116.08deg);
-webkit-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
50.82% {
-webkit-transform: rotate(-178.73deg);
}
50.8201% {
-webkit-transform: rotate(-1.27deg);
-webkit-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
55.07% {
-webkit-transform: rotate(-63.92deg);
}
55.0701% {
-webkit-transform: rotate(-69.68deg);
-webkit-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
55.92% {
-webkit-transform: rotate(-86.58deg);
}
55.9201% {
-webkit-transform: rotate(-91.88deg);
-webkit-animation-timing-function: linear;
}
56.14% {
-webkit-transform: rotate(-91.88deg);
}
56.1401% {
-webkit-transform: rotate(-96.94deg);
-webkit-animation-timing-function: linear;
}
56.37% {
-webkit-transform: rotate(-96.94deg);
}
56.3701% {
-webkit-transform: rotate(-101.75deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
56.86% {
-webkit-transform: rotate(-106.28deg);
}
56.8601% {
-webkit-transform: rotate(-110.53deg);
-webkit-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
59.28% {
-webkit-transform: rotate(-133.71deg);
}
59.2801% {
-webkit-transform: rotate(43.71deg);
-webkit-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
61.71% {
-webkit-transform: rotate(20.53deg);
}
61.7101% {
-webkit-transform: rotate(16.28deg);
-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
62.2% {
-webkit-transform: rotate(11.75deg);
}
62.2001% {
-webkit-transform: rotate(6.94deg);
-webkit-animation-timing-function: linear;
}
62.43% {
-webkit-transform: rotate(6.94deg);
}
62.4301% {
-webkit-transform: rotate(1.88deg);
-webkit-animation-timing-function: linear;
}
62.65% {
-webkit-transform: rotate(1.88deg);
}
62.6501% {
-webkit-transform: rotate(-3.42deg);
-webkit-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
63.5% {
-webkit-transform: rotate(-20.32deg);
}
63.5001% {
-webkit-transform: rotate(-26.08deg);
-webkit-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
67.75% {
-webkit-transform: rotate(-88.73deg);
}
67.7501% {
-webkit-transform: rotate(90deg);
-webkit-animation-timing-function: linear;
}
71.65% {
-webkit-transform: rotate(90deg);
}
71.6501% {
-webkit-transform: rotate(2.89deg);
-webkit-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
77.76% {
-webkit-transform: rotate(87.11deg);
}
77.7601% {
-webkit-transform: rotate(92.89deg);
-webkit-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
83.88% {
-webkit-transform: rotate(177.11deg);
}
83.8801% {
-webkit-transform: rotate(-177.11deg);
-webkit-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
89.99% {
-webkit-transform: rotate(-92.89deg);
}
89.9901% {
-webkit-transform: rotate(-87.11deg);
-webkit-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
96.11% {
-webkit-transform: rotate(-2.89deg);
}
96.1101% {
-webkit-transform: rotate(-90deg);
-webkit-animation-timing-function: linear;
}
100% {
-webkit-transform: rotate(-90deg);
}
}
@-moz-keyframes myPathX {
0% {
-moz-transform: translateX(150px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
4.26% {
-moz-transform: translateX(171.88px);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
5.11% {
-moz-transform: translateX(182.47px);
-moz-animation-timing-function: linear;
}
5.33% {
-moz-transform: translateX(185.33px);
-moz-animation-timing-function: linear;
}
5.56% {
-moz-transform: translateX(188.26px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
6.04% {
-moz-transform: translateX(194.3px);
-moz-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
8.47% {
-moz-transform: translateX(220px);
-moz-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
10.89% {
-moz-transform: translateX(202.89px);
-moz-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
11.38% {
-moz-transform: translateX(201.38px);
-moz-animation-timing-function: linear;
}
11.61% {
-moz-transform: translateX(201.02px);
-moz-animation-timing-function: linear;
}
11.83% {
-moz-transform: translateX(200.93px);
-moz-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
12.68% {
-moz-transform: translateX(203.13px);
-moz-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
16.94% {
-moz-transform: translateX(250px);
-moz-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
21.2% {
-moz-transform: translateX(203.13px);
-moz-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
22.04% {
-moz-transform: translateX(200.93px);
-moz-animation-timing-function: linear;
}
22.27% {
-moz-transform: translateX(201.02px);
-moz-animation-timing-function: linear;
}
22.5% {
-moz-transform: translateX(201.38px);
-moz-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
22.98% {
-moz-transform: translateX(202.89px);
-moz-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
25.41% {
-moz-transform: translateX(220px);
-moz-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
27.83% {
-moz-transform: translateX(194.3px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
28.32% {
-moz-transform: translateX(188.26px);
-moz-animation-timing-function: linear;
}
28.55% {
-moz-transform: translateX(185.33px);
-moz-animation-timing-function: linear;
}
28.77% {
-moz-transform: translateX(182.47px);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
29.62% {
-moz-transform: translateX(171.88px);
-moz-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
33.88% {
-moz-transform: translateX(150px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
38.14% {
-moz-transform: translateX(128.13px);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
38.98% {
-moz-transform: translateX(117.53px);
-moz-animation-timing-function: linear;
}
39.21% {
-moz-transform: translateX(114.67px);
-moz-animation-timing-function: linear;
}
39.44% {
-moz-transform: translateX(111.74px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
39.92% {
-moz-transform: translateX(105.7px);
-moz-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
42.35% {
-moz-transform: translateX(80px);
-moz-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
44.77% {
-moz-transform: translateX(97.11px);
-moz-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
45.26% {
-moz-transform: translateX(98.62px);
-moz-animation-timing-function: linear;
}
45.49% {
-moz-transform: translateX(98.98px);
-moz-animation-timing-function: linear;
}
45.71% {
-moz-transform: translateX(99.07px);
-moz-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
46.56% {
-moz-transform: translateX(96.88px);
-moz-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
50.82% {
-moz-transform: translateX(50px);
-moz-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
55.07% {
-moz-transform: translateX(96.88px);
-moz-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
55.92% {
-moz-transform: translateX(99.07px);
-moz-animation-timing-function: linear;
}
56.14% {
-moz-transform: translateX(98.98px);
-moz-animation-timing-function: linear;
}
56.37% {
-moz-transform: translateX(98.62px);
-moz-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
56.86% {
-moz-transform: translateX(97.11px);
-moz-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
59.28% {
-moz-transform: translateX(80px);
-moz-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
61.71% {
-moz-transform: translateX(105.7px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
62.2% {
-moz-transform: translateX(111.74px);
-moz-animation-timing-function: linear;
}
62.43% {
-moz-transform: translateX(114.67px);
-moz-animation-timing-function: linear;
}
62.65% {
-moz-transform: translateX(117.53px);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
63.5% {
-moz-transform: translateX(128.13px);
-moz-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
67.75% {
-moz-transform: translateX(150px);
-moz-animation-timing-function: linear;
}
71.65% {
-moz-transform: translateX(150px);
-moz-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
77.76% {
-moz-transform: translateX(200px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
83.88% {
-moz-transform: translateX(150px);
-moz-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
89.99% {
-moz-transform: translateX(100px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
96.11% {
-moz-transform: translateX(150px);
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: translateX(150px);
}
}
@-moz-keyframes myPathY {
0% {
-moz-transform: translateY(50px);
-moz-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
4.26% {
-moz-transform: translateY(96.88px);
-moz-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
5.11% {
-moz-transform: translateY(99.07px);
-moz-animation-timing-function: linear;
}
5.33% {
-moz-transform: translateY(98.98px);
-moz-animation-timing-function: linear;
}
5.56% {
-moz-transform: translateY(98.62px);
-moz-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
6.04% {
-moz-transform: translateY(97.11px);
-moz-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
8.47% {
-moz-transform: translateY(80px);
-moz-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
10.89% {
-moz-transform: translateY(105.7px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
11.38% {
-moz-transform: translateY(111.74px);
-moz-animation-timing-function: linear;
}
11.61% {
-moz-transform: translateY(114.67px);
-moz-animation-timing-function: linear;
}
11.83% {
-moz-transform: translateY(117.53px);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
12.68% {
-moz-transform: translateY(128.13px);
-moz-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
16.94% {
-moz-transform: translateY(150px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
21.2% {
-moz-transform: translateY(171.88px);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
22.04% {
-moz-transform: translateY(182.47px);
-moz-animation-timing-function: linear;
}
22.27% {
-moz-transform: translateY(185.33px);
-moz-animation-timing-function: linear;
}
22.5% {
-moz-transform: translateY(188.26px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
22.98% {
-moz-transform: translateY(194.3px);
-moz-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
25.41% {
-moz-transform: translateY(220px);
-moz-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
27.83% {
-moz-transform: translateY(202.89px);
-moz-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
28.32% {
-moz-transform: translateY(201.38px);
-moz-animation-timing-function: linear;
}
28.55% {
-moz-transform: translateY(201.02px);
-moz-animation-timing-function: linear;
}
28.77% {
-moz-transform: translateY(200.93px);
-moz-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
29.62% {
-moz-transform: translateY(203.13px);
-moz-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
33.88% {
-moz-transform: translateY(250px);
-moz-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
38.14% {
-moz-transform: translateY(203.13px);
-moz-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
38.98% {
-moz-transform: translateY(200.93px);
-moz-animation-timing-function: linear;
}
39.21% {
-moz-transform: translateY(201.02px);
-moz-animation-timing-function: linear;
}
39.44% {
-moz-transform: translateY(201.38px);
-moz-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
39.92% {
-moz-transform: translateY(202.89px);
-moz-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
42.35% {
-moz-transform: translateY(220px);
-moz-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
44.77% {
-moz-transform: translateY(194.3px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
45.26% {
-moz-transform: translateY(188.26px);
-moz-animation-timing-function: linear;
}
45.49% {
-moz-transform: translateY(185.33px);
-moz-animation-timing-function: linear;
}
45.71% {
-moz-transform: translateY(182.47px);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
46.56% {
-moz-transform: translateY(171.88px);
-moz-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
50.82% {
-moz-transform: translateY(150px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
55.07% {
-moz-transform: translateY(128.13px);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
55.92% {
-moz-transform: translateY(117.53px);
-moz-animation-timing-function: linear;
}
56.14% {
-moz-transform: translateY(114.67px);
-moz-animation-timing-function: linear;
}
56.37% {
-moz-transform: translateY(111.74px);
-moz-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
56.86% {
-moz-transform: translateY(105.7px);
-moz-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
59.28% {
-moz-transform: translateY(80px);
-moz-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
61.71% {
-moz-transform: translateY(97.11px);
-moz-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
62.2% {
-moz-transform: translateY(98.62px);
-moz-animation-timing-function: linear;
}
62.43% {
-moz-transform: translateY(98.98px);
-moz-animation-timing-function: linear;
}
62.65% {
-moz-transform: translateY(99.07px);
-moz-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
63.5% {
-moz-transform: translateY(96.88px);
-moz-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
67.75% {
-moz-transform: translateY(50px);
-moz-animation-timing-function: linear;
}
71.65% {
-moz-transform: translateY(100px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
77.76% {
-moz-transform: translateY(150px);
-moz-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
83.88% {
-moz-transform: translateY(200px);
-moz-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
89.99% {
-moz-transform: translateY(150px);
-moz-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
96.11% {
-moz-transform: translateY(100px);
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: translateY(50px);
}
}
@-moz-keyframes myPathR {
0% {
-moz-transform: rotate(88.73deg);
-moz-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
4.26% {
-moz-transform: rotate(26.08deg);
}
4.2601% {
-moz-transform: rotate(20.32deg);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
5.11% {
-moz-transform: rotate(3.42deg);
}
5.1101% {
-moz-transform: rotate(-1.88deg);
-moz-animation-timing-function: linear;
}
5.33% {
-moz-transform: rotate(-1.88deg);
}
5.3301% {
-moz-transform: rotate(-6.94deg);
-moz-animation-timing-function: linear;
}
5.56% {
-moz-transform: rotate(-6.94deg);
}
5.5601% {
-moz-transform: rotate(-11.75deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
6.04% {
-moz-transform: rotate(-16.28deg);
}
6.0401% {
-moz-transform: rotate(-20.53deg);
-moz-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
8.47% {
-moz-transform: rotate(-43.71deg);
}
8.4701% {
-moz-transform: rotate(133.71deg);
-moz-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
10.89% {
-moz-transform: rotate(110.53deg);
}
10.8901% {
-moz-transform: rotate(106.28deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
11.38% {
-moz-transform: rotate(101.75deg);
}
11.3801% {
-moz-transform: rotate(96.94deg);
-moz-animation-timing-function: linear;
}
11.61% {
-moz-transform: rotate(96.94deg);
}
11.6101% {
-moz-transform: rotate(91.88deg);
-moz-animation-timing-function: linear;
}
11.83% {
-moz-transform: rotate(91.88deg);
}
11.8301% {
-moz-transform: rotate(86.58deg);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
12.68% {
-moz-transform: rotate(69.68deg);
}
12.6801% {
-moz-transform: rotate(63.92deg);
-moz-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
16.94% {
-moz-transform: rotate(1.27deg);
}
16.9401% {
-moz-transform: rotate(178.73deg);
-moz-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
21.2% {
-moz-transform: rotate(116.08deg);
}
21.2001% {
-moz-transform: rotate(110.32deg);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
22.04% {
-moz-transform: rotate(93.42deg);
}
22.0401% {
-moz-transform: rotate(88.12deg);
-moz-animation-timing-function: linear;
}
22.27% {
-moz-transform: rotate(88.12deg);
}
22.2701% {
-moz-transform: rotate(83.06deg);
-moz-animation-timing-function: linear;
}
22.5% {
-moz-transform: rotate(83.06deg);
}
22.5001% {
-moz-transform: rotate(78.25deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
22.98% {
-moz-transform: rotate(73.72deg);
}
22.9801% {
-moz-transform: rotate(69.47deg);
-moz-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
25.41% {
-moz-transform: rotate(46.29deg);
}
25.4101% {
-moz-transform: rotate(-136.29deg);
-moz-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
27.83% {
-moz-transform: rotate(-159.47deg);
}
27.8301% {
-moz-transform: rotate(-163.72deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
28.32% {
-moz-transform: rotate(-168.25deg);
}
28.3201% {
-moz-transform: rotate(-173.06deg);
-moz-animation-timing-function: linear;
}
28.55% {
-moz-transform: rotate(-173.06deg);
}
28.5501% {
-moz-transform: rotate(-178.12deg);
-moz-animation-timing-function: linear;
}
28.77% {
-moz-transform: rotate(-178.12deg);
}
28.7701% {
-moz-transform: rotate(176.58deg);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
29.62% {
-moz-transform: rotate(159.68deg);
}
29.6201% {
-moz-transform: rotate(153.92deg);
-moz-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
33.88% {
-moz-transform: rotate(91.27deg);
}
33.8801% {
-moz-transform: rotate(-91.27deg);
-moz-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
38.14% {
-moz-transform: rotate(-153.92deg);
}
38.1401% {
-moz-transform: rotate(-159.68deg);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
38.98% {
-moz-transform: rotate(-176.58deg);
}
38.9801% {
-moz-transform: rotate(178.12deg);
-moz-animation-timing-function: linear;
}
39.21% {
-moz-transform: rotate(178.12deg);
}
39.2101% {
-moz-transform: rotate(173.06deg);
-moz-animation-timing-function: linear;
}
39.44% {
-moz-transform: rotate(173.06deg);
}
39.4401% {
-moz-transform: rotate(168.25deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
39.92% {
-moz-transform: rotate(163.72deg);
}
39.9201% {
-moz-transform: rotate(159.47deg);
-moz-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
42.35% {
-moz-transform: rotate(136.29deg);
}
42.3501% {
-moz-transform: rotate(-46.29deg);
-moz-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
44.77% {
-moz-transform: rotate(-69.47deg);
}
44.7701% {
-moz-transform: rotate(-73.72deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
45.26% {
-moz-transform: rotate(-78.25deg);
}
45.2601% {
-moz-transform: rotate(-83.06deg);
-moz-animation-timing-function: linear;
}
45.49% {
-moz-transform: rotate(-83.06deg);
}
45.4901% {
-moz-transform: rotate(-88.12deg);
-moz-animation-timing-function: linear;
}
45.71% {
-moz-transform: rotate(-88.12deg);
}
45.7101% {
-moz-transform: rotate(-93.42deg);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
46.56% {
-moz-transform: rotate(-110.32deg);
}
46.5601% {
-moz-transform: rotate(-116.08deg);
-moz-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
50.82% {
-moz-transform: rotate(-178.73deg);
}
50.8201% {
-moz-transform: rotate(-1.27deg);
-moz-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
55.07% {
-moz-transform: rotate(-63.92deg);
}
55.0701% {
-moz-transform: rotate(-69.68deg);
-moz-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
55.92% {
-moz-transform: rotate(-86.58deg);
}
55.9201% {
-moz-transform: rotate(-91.88deg);
-moz-animation-timing-function: linear;
}
56.14% {
-moz-transform: rotate(-91.88deg);
}
56.1401% {
-moz-transform: rotate(-96.94deg);
-moz-animation-timing-function: linear;
}
56.37% {
-moz-transform: rotate(-96.94deg);
}
56.3701% {
-moz-transform: rotate(-101.75deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
56.86% {
-moz-transform: rotate(-106.28deg);
}
56.8601% {
-moz-transform: rotate(-110.53deg);
-moz-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
59.28% {
-moz-transform: rotate(-133.71deg);
}
59.2801% {
-moz-transform: rotate(43.71deg);
-moz-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
61.71% {
-moz-transform: rotate(20.53deg);
}
61.7101% {
-moz-transform: rotate(16.28deg);
-moz-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
62.2% {
-moz-transform: rotate(11.75deg);
}
62.2001% {
-moz-transform: rotate(6.94deg);
-moz-animation-timing-function: linear;
}
62.43% {
-moz-transform: rotate(6.94deg);
}
62.4301% {
-moz-transform: rotate(1.88deg);
-moz-animation-timing-function: linear;
}
62.65% {
-moz-transform: rotate(1.88deg);
}
62.6501% {
-moz-transform: rotate(-3.42deg);
-moz-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
63.5% {
-moz-transform: rotate(-20.32deg);
}
63.5001% {
-moz-transform: rotate(-26.08deg);
-moz-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
67.75% {
-moz-transform: rotate(-88.73deg);
}
67.7501% {
-moz-transform: rotate(90deg);
-moz-animation-timing-function: linear;
}
71.65% {
-moz-transform: rotate(90deg);
}
71.6501% {
-moz-transform: rotate(2.89deg);
-moz-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
77.76% {
-moz-transform: rotate(87.11deg);
}
77.7601% {
-moz-transform: rotate(92.89deg);
-moz-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
83.88% {
-moz-transform: rotate(177.11deg);
}
83.8801% {
-moz-transform: rotate(-177.11deg);
-moz-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
89.99% {
-moz-transform: rotate(-92.89deg);
}
89.9901% {
-moz-transform: rotate(-87.11deg);
-moz-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
96.11% {
-moz-transform: rotate(-2.89deg);
}
96.1101% {
-moz-transform: rotate(-90deg);
-moz-animation-timing-function: linear;
}
100% {
-moz-transform: rotate(-90deg);
}
}
@-ms-keyframes myPathX {
0% {
-ms-transform: translateX(150px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
4.26% {
-ms-transform: translateX(171.88px);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
5.11% {
-ms-transform: translateX(182.47px);
-ms-animation-timing-function: linear;
}
5.33% {
-ms-transform: translateX(185.33px);
-ms-animation-timing-function: linear;
}
5.56% {
-ms-transform: translateX(188.26px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
6.04% {
-ms-transform: translateX(194.3px);
-ms-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
8.47% {
-ms-transform: translateX(220px);
-ms-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
10.89% {
-ms-transform: translateX(202.89px);
-ms-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
11.38% {
-ms-transform: translateX(201.38px);
-ms-animation-timing-function: linear;
}
11.61% {
-ms-transform: translateX(201.02px);
-ms-animation-timing-function: linear;
}
11.83% {
-ms-transform: translateX(200.93px);
-ms-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
12.68% {
-ms-transform: translateX(203.13px);
-ms-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
16.94% {
-ms-transform: translateX(250px);
-ms-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
21.2% {
-ms-transform: translateX(203.13px);
-ms-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
22.04% {
-ms-transform: translateX(200.93px);
-ms-animation-timing-function: linear;
}
22.27% {
-ms-transform: translateX(201.02px);
-ms-animation-timing-function: linear;
}
22.5% {
-ms-transform: translateX(201.38px);
-ms-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
22.98% {
-ms-transform: translateX(202.89px);
-ms-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
25.41% {
-ms-transform: translateX(220px);
-ms-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
27.83% {
-ms-transform: translateX(194.3px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
28.32% {
-ms-transform: translateX(188.26px);
-ms-animation-timing-function: linear;
}
28.55% {
-ms-transform: translateX(185.33px);
-ms-animation-timing-function: linear;
}
28.77% {
-ms-transform: translateX(182.47px);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
29.62% {
-ms-transform: translateX(171.88px);
-ms-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
33.88% {
-ms-transform: translateX(150px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
38.14% {
-ms-transform: translateX(128.13px);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
38.98% {
-ms-transform: translateX(117.53px);
-ms-animation-timing-function: linear;
}
39.21% {
-ms-transform: translateX(114.67px);
-ms-animation-timing-function: linear;
}
39.44% {
-ms-transform: translateX(111.74px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
39.92% {
-ms-transform: translateX(105.7px);
-ms-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
42.35% {
-ms-transform: translateX(80px);
-ms-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
44.77% {
-ms-transform: translateX(97.11px);
-ms-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
45.26% {
-ms-transform: translateX(98.62px);
-ms-animation-timing-function: linear;
}
45.49% {
-ms-transform: translateX(98.98px);
-ms-animation-timing-function: linear;
}
45.71% {
-ms-transform: translateX(99.07px);
-ms-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
46.56% {
-ms-transform: translateX(96.88px);
-ms-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
50.82% {
-ms-transform: translateX(50px);
-ms-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
55.07% {
-ms-transform: translateX(96.88px);
-ms-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
55.92% {
-ms-transform: translateX(99.07px);
-ms-animation-timing-function: linear;
}
56.14% {
-ms-transform: translateX(98.98px);
-ms-animation-timing-function: linear;
}
56.37% {
-ms-transform: translateX(98.62px);
-ms-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
56.86% {
-ms-transform: translateX(97.11px);
-ms-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
59.28% {
-ms-transform: translateX(80px);
-ms-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
61.71% {
-ms-transform: translateX(105.7px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
62.2% {
-ms-transform: translateX(111.74px);
-ms-animation-timing-function: linear;
}
62.43% {
-ms-transform: translateX(114.67px);
-ms-animation-timing-function: linear;
}
62.65% {
-ms-transform: translateX(117.53px);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
63.5% {
-ms-transform: translateX(128.13px);
-ms-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
67.75% {
-ms-transform: translateX(150px);
-ms-animation-timing-function: linear;
}
71.65% {
-ms-transform: translateX(150px);
-ms-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
77.76% {
-ms-transform: translateX(200px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
83.88% {
-ms-transform: translateX(150px);
-ms-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
89.99% {
-ms-transform: translateX(100px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
96.11% {
-ms-transform: translateX(150px);
-ms-animation-timing-function: linear;
}
100% {
-ms-transform: translateX(150px);
}
}
@-ms-keyframes myPathY {
0% {
-ms-transform: translateY(50px);
-ms-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
4.26% {
-ms-transform: translateY(96.88px);
-ms-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
5.11% {
-ms-transform: translateY(99.07px);
-ms-animation-timing-function: linear;
}
5.33% {
-ms-transform: translateY(98.98px);
-ms-animation-timing-function: linear;
}
5.56% {
-ms-transform: translateY(98.62px);
-ms-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
6.04% {
-ms-transform: translateY(97.11px);
-ms-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
8.47% {
-ms-transform: translateY(80px);
-ms-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
10.89% {
-ms-transform: translateY(105.7px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
11.38% {
-ms-transform: translateY(111.74px);
-ms-animation-timing-function: linear;
}
11.61% {
-ms-transform: translateY(114.67px);
-ms-animation-timing-function: linear;
}
11.83% {
-ms-transform: translateY(117.53px);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
12.68% {
-ms-transform: translateY(128.13px);
-ms-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
16.94% {
-ms-transform: translateY(150px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
21.2% {
-ms-transform: translateY(171.88px);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
22.04% {
-ms-transform: translateY(182.47px);
-ms-animation-timing-function: linear;
}
22.27% {
-ms-transform: translateY(185.33px);
-ms-animation-timing-function: linear;
}
22.5% {
-ms-transform: translateY(188.26px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
22.98% {
-ms-transform: translateY(194.3px);
-ms-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
25.41% {
-ms-transform: translateY(220px);
-ms-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
27.83% {
-ms-transform: translateY(202.89px);
-ms-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
28.32% {
-ms-transform: translateY(201.38px);
-ms-animation-timing-function: linear;
}
28.55% {
-ms-transform: translateY(201.02px);
-ms-animation-timing-function: linear;
}
28.77% {
-ms-transform: translateY(200.93px);
-ms-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
29.62% {
-ms-transform: translateY(203.13px);
-ms-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
33.88% {
-ms-transform: translateY(250px);
-ms-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
38.14% {
-ms-transform: translateY(203.13px);
-ms-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
38.98% {
-ms-transform: translateY(200.93px);
-ms-animation-timing-function: linear;
}
39.21% {
-ms-transform: translateY(201.02px);
-ms-animation-timing-function: linear;
}
39.44% {
-ms-transform: translateY(201.38px);
-ms-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
39.92% {
-ms-transform: translateY(202.89px);
-ms-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
42.35% {
-ms-transform: translateY(220px);
-ms-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
44.77% {
-ms-transform: translateY(194.3px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
45.26% {
-ms-transform: translateY(188.26px);
-ms-animation-timing-function: linear;
}
45.49% {
-ms-transform: translateY(185.33px);
-ms-animation-timing-function: linear;
}
45.71% {
-ms-transform: translateY(182.47px);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
46.56% {
-ms-transform: translateY(171.88px);
-ms-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
50.82% {
-ms-transform: translateY(150px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
55.07% {
-ms-transform: translateY(128.13px);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
55.92% {
-ms-transform: translateY(117.53px);
-ms-animation-timing-function: linear;
}
56.14% {
-ms-transform: translateY(114.67px);
-ms-animation-timing-function: linear;
}
56.37% {
-ms-transform: translateY(111.74px);
-ms-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
56.86% {
-ms-transform: translateY(105.7px);
-ms-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
59.28% {
-ms-transform: translateY(80px);
-ms-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
61.71% {
-ms-transform: translateY(97.11px);
-ms-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
62.2% {
-ms-transform: translateY(98.62px);
-ms-animation-timing-function: linear;
}
62.43% {
-ms-transform: translateY(98.98px);
-ms-animation-timing-function: linear;
}
62.65% {
-ms-transform: translateY(99.07px);
-ms-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
63.5% {
-ms-transform: translateY(96.88px);
-ms-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
67.75% {
-ms-transform: translateY(50px);
-ms-animation-timing-function: linear;
}
71.65% {
-ms-transform: translateY(100px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
77.76% {
-ms-transform: translateY(150px);
-ms-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
83.88% {
-ms-transform: translateY(200px);
-ms-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
89.99% {
-ms-transform: translateY(150px);
-ms-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
96.11% {
-ms-transform: translateY(100px);
-ms-animation-timing-function: linear;
}
100% {
-ms-transform: translateY(50px);
}
}
@-ms-keyframes myPathR {
0% {
-ms-transform: rotate(88.73deg);
-ms-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
4.26% {
-ms-transform: rotate(26.08deg);
}
4.2601% {
-ms-transform: rotate(20.32deg);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
5.11% {
-ms-transform: rotate(3.42deg);
}
5.1101% {
-ms-transform: rotate(-1.88deg);
-ms-animation-timing-function: linear;
}
5.33% {
-ms-transform: rotate(-1.88deg);
}
5.3301% {
-ms-transform: rotate(-6.94deg);
-ms-animation-timing-function: linear;
}
5.56% {
-ms-transform: rotate(-6.94deg);
}
5.5601% {
-ms-transform: rotate(-11.75deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
6.04% {
-ms-transform: rotate(-16.28deg);
}
6.0401% {
-ms-transform: rotate(-20.53deg);
-ms-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
8.47% {
-ms-transform: rotate(-43.71deg);
}
8.4701% {
-ms-transform: rotate(133.71deg);
-ms-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
10.89% {
-ms-transform: rotate(110.53deg);
}
10.8901% {
-ms-transform: rotate(106.28deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
11.38% {
-ms-transform: rotate(101.75deg);
}
11.3801% {
-ms-transform: rotate(96.94deg);
-ms-animation-timing-function: linear;
}
11.61% {
-ms-transform: rotate(96.94deg);
}
11.6101% {
-ms-transform: rotate(91.88deg);
-ms-animation-timing-function: linear;
}
11.83% {
-ms-transform: rotate(91.88deg);
}
11.8301% {
-ms-transform: rotate(86.58deg);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
12.68% {
-ms-transform: rotate(69.68deg);
}
12.6801% {
-ms-transform: rotate(63.92deg);
-ms-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
16.94% {
-ms-transform: rotate(1.27deg);
}
16.9401% {
-ms-transform: rotate(178.73deg);
-ms-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
21.2% {
-ms-transform: rotate(116.08deg);
}
21.2001% {
-ms-transform: rotate(110.32deg);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
22.04% {
-ms-transform: rotate(93.42deg);
}
22.0401% {
-ms-transform: rotate(88.12deg);
-ms-animation-timing-function: linear;
}
22.27% {
-ms-transform: rotate(88.12deg);
}
22.2701% {
-ms-transform: rotate(83.06deg);
-ms-animation-timing-function: linear;
}
22.5% {
-ms-transform: rotate(83.06deg);
}
22.5001% {
-ms-transform: rotate(78.25deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
22.98% {
-ms-transform: rotate(73.72deg);
}
22.9801% {
-ms-transform: rotate(69.47deg);
-ms-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
25.41% {
-ms-transform: rotate(46.29deg);
}
25.4101% {
-ms-transform: rotate(-136.29deg);
-ms-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
27.83% {
-ms-transform: rotate(-159.47deg);
}
27.8301% {
-ms-transform: rotate(-163.72deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
28.32% {
-ms-transform: rotate(-168.25deg);
}
28.3201% {
-ms-transform: rotate(-173.06deg);
-ms-animation-timing-function: linear;
}
28.55% {
-ms-transform: rotate(-173.06deg);
}
28.5501% {
-ms-transform: rotate(-178.12deg);
-ms-animation-timing-function: linear;
}
28.77% {
-ms-transform: rotate(-178.12deg);
}
28.7701% {
-ms-transform: rotate(176.58deg);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
29.62% {
-ms-transform: rotate(159.68deg);
}
29.6201% {
-ms-transform: rotate(153.92deg);
-ms-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
33.88% {
-ms-transform: rotate(91.27deg);
}
33.8801% {
-ms-transform: rotate(-91.27deg);
-ms-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
38.14% {
-ms-transform: rotate(-153.92deg);
}
38.1401% {
-ms-transform: rotate(-159.68deg);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
38.98% {
-ms-transform: rotate(-176.58deg);
}
38.9801% {
-ms-transform: rotate(178.12deg);
-ms-animation-timing-function: linear;
}
39.21% {
-ms-transform: rotate(178.12deg);
}
39.2101% {
-ms-transform: rotate(173.06deg);
-ms-animation-timing-function: linear;
}
39.44% {
-ms-transform: rotate(173.06deg);
}
39.4401% {
-ms-transform: rotate(168.25deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
39.92% {
-ms-transform: rotate(163.72deg);
}
39.9201% {
-ms-transform: rotate(159.47deg);
-ms-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
42.35% {
-ms-transform: rotate(136.29deg);
}
42.3501% {
-ms-transform: rotate(-46.29deg);
-ms-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
44.77% {
-ms-transform: rotate(-69.47deg);
}
44.7701% {
-ms-transform: rotate(-73.72deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
45.26% {
-ms-transform: rotate(-78.25deg);
}
45.2601% {
-ms-transform: rotate(-83.06deg);
-ms-animation-timing-function: linear;
}
45.49% {
-ms-transform: rotate(-83.06deg);
}
45.4901% {
-ms-transform: rotate(-88.12deg);
-ms-animation-timing-function: linear;
}
45.71% {
-ms-transform: rotate(-88.12deg);
}
45.7101% {
-ms-transform: rotate(-93.42deg);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
46.56% {
-ms-transform: rotate(-110.32deg);
}
46.5601% {
-ms-transform: rotate(-116.08deg);
-ms-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
50.82% {
-ms-transform: rotate(-178.73deg);
}
50.8201% {
-ms-transform: rotate(-1.27deg);
-ms-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
55.07% {
-ms-transform: rotate(-63.92deg);
}
55.0701% {
-ms-transform: rotate(-69.68deg);
-ms-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
55.92% {
-ms-transform: rotate(-86.58deg);
}
55.9201% {
-ms-transform: rotate(-91.88deg);
-ms-animation-timing-function: linear;
}
56.14% {
-ms-transform: rotate(-91.88deg);
}
56.1401% {
-ms-transform: rotate(-96.94deg);
-ms-animation-timing-function: linear;
}
56.37% {
-ms-transform: rotate(-96.94deg);
}
56.3701% {
-ms-transform: rotate(-101.75deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
56.86% {
-ms-transform: rotate(-106.28deg);
}
56.8601% {
-ms-transform: rotate(-110.53deg);
-ms-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
59.28% {
-ms-transform: rotate(-133.71deg);
}
59.2801% {
-ms-transform: rotate(43.71deg);
-ms-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
61.71% {
-ms-transform: rotate(20.53deg);
}
61.7101% {
-ms-transform: rotate(16.28deg);
-ms-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
62.2% {
-ms-transform: rotate(11.75deg);
}
62.2001% {
-ms-transform: rotate(6.94deg);
-ms-animation-timing-function: linear;
}
62.43% {
-ms-transform: rotate(6.94deg);
}
62.4301% {
-ms-transform: rotate(1.88deg);
-ms-animation-timing-function: linear;
}
62.65% {
-ms-transform: rotate(1.88deg);
}
62.6501% {
-ms-transform: rotate(-3.42deg);
-ms-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
63.5% {
-ms-transform: rotate(-20.32deg);
}
63.5001% {
-ms-transform: rotate(-26.08deg);
-ms-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
67.75% {
-ms-transform: rotate(-88.73deg);
}
67.7501% {
-ms-transform: rotate(90deg);
-ms-animation-timing-function: linear;
}
71.65% {
-ms-transform: rotate(90deg);
}
71.6501% {
-ms-transform: rotate(2.89deg);
-ms-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
77.76% {
-ms-transform: rotate(87.11deg);
}
77.7601% {
-ms-transform: rotate(92.89deg);
-ms-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
83.88% {
-ms-transform: rotate(177.11deg);
}
83.8801% {
-ms-transform: rotate(-177.11deg);
-ms-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
89.99% {
-ms-transform: rotate(-92.89deg);
}
89.9901% {
-ms-transform: rotate(-87.11deg);
-ms-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
96.11% {
-ms-transform: rotate(-2.89deg);
}
96.1101% {
-ms-transform: rotate(-90deg);
-ms-animation-timing-function: linear;
}
100% {
-ms-transform: rotate(-90deg);
}
}
@-o-keyframes myPathX {
0% {
-o-transform: translateX(150px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
4.26% {
-o-transform: translateX(171.88px);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
5.11% {
-o-transform: translateX(182.47px);
-o-animation-timing-function: linear;
}
5.33% {
-o-transform: translateX(185.33px);
-o-animation-timing-function: linear;
}
5.56% {
-o-transform: translateX(188.26px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
6.04% {
-o-transform: translateX(194.3px);
-o-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
8.47% {
-o-transform: translateX(220px);
-o-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
10.89% {
-o-transform: translateX(202.89px);
-o-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
11.38% {
-o-transform: translateX(201.38px);
-o-animation-timing-function: linear;
}
11.61% {
-o-transform: translateX(201.02px);
-o-animation-timing-function: linear;
}
11.83% {
-o-transform: translateX(200.93px);
-o-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
12.68% {
-o-transform: translateX(203.13px);
-o-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
16.94% {
-o-transform: translateX(250px);
-o-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
21.2% {
-o-transform: translateX(203.13px);
-o-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
22.04% {
-o-transform: translateX(200.93px);
-o-animation-timing-function: linear;
}
22.27% {
-o-transform: translateX(201.02px);
-o-animation-timing-function: linear;
}
22.5% {
-o-transform: translateX(201.38px);
-o-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
22.98% {
-o-transform: translateX(202.89px);
-o-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
25.41% {
-o-transform: translateX(220px);
-o-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
27.83% {
-o-transform: translateX(194.3px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
28.32% {
-o-transform: translateX(188.26px);
-o-animation-timing-function: linear;
}
28.55% {
-o-transform: translateX(185.33px);
-o-animation-timing-function: linear;
}
28.77% {
-o-transform: translateX(182.47px);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
29.62% {
-o-transform: translateX(171.88px);
-o-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
33.88% {
-o-transform: translateX(150px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
38.14% {
-o-transform: translateX(128.13px);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
38.98% {
-o-transform: translateX(117.53px);
-o-animation-timing-function: linear;
}
39.21% {
-o-transform: translateX(114.67px);
-o-animation-timing-function: linear;
}
39.44% {
-o-transform: translateX(111.74px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
39.92% {
-o-transform: translateX(105.7px);
-o-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
42.35% {
-o-transform: translateX(80px);
-o-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
44.77% {
-o-transform: translateX(97.11px);
-o-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
45.26% {
-o-transform: translateX(98.62px);
-o-animation-timing-function: linear;
}
45.49% {
-o-transform: translateX(98.98px);
-o-animation-timing-function: linear;
}
45.71% {
-o-transform: translateX(99.07px);
-o-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
46.56% {
-o-transform: translateX(96.88px);
-o-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
50.82% {
-o-transform: translateX(50px);
-o-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
55.07% {
-o-transform: translateX(96.88px);
-o-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
55.92% {
-o-transform: translateX(99.07px);
-o-animation-timing-function: linear;
}
56.14% {
-o-transform: translateX(98.98px);
-o-animation-timing-function: linear;
}
56.37% {
-o-transform: translateX(98.62px);
-o-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
56.86% {
-o-transform: translateX(97.11px);
-o-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
59.28% {
-o-transform: translateX(80px);
-o-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
61.71% {
-o-transform: translateX(105.7px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
62.2% {
-o-transform: translateX(111.74px);
-o-animation-timing-function: linear;
}
62.43% {
-o-transform: translateX(114.67px);
-o-animation-timing-function: linear;
}
62.65% {
-o-transform: translateX(117.53px);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
63.5% {
-o-transform: translateX(128.13px);
-o-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
67.75% {
-o-transform: translateX(150px);
-o-animation-timing-function: linear;
}
71.65% {
-o-transform: translateX(150px);
-o-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
77.76% {
-o-transform: translateX(200px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
83.88% {
-o-transform: translateX(150px);
-o-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
89.99% {
-o-transform: translateX(100px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
96.11% {
-o-transform: translateX(150px);
-o-animation-timing-function: linear;
}
100% {
-o-transform: translateX(150px);
}
}
@-o-keyframes myPathY {
0% {
-o-transform: translateY(50px);
-o-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
4.26% {
-o-transform: translateY(96.88px);
-o-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
5.11% {
-o-transform: translateY(99.07px);
-o-animation-timing-function: linear;
}
5.33% {
-o-transform: translateY(98.98px);
-o-animation-timing-function: linear;
}
5.56% {
-o-transform: translateY(98.62px);
-o-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
6.04% {
-o-transform: translateY(97.11px);
-o-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
8.47% {
-o-transform: translateY(80px);
-o-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
10.89% {
-o-transform: translateY(105.7px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
11.38% {
-o-transform: translateY(111.74px);
-o-animation-timing-function: linear;
}
11.61% {
-o-transform: translateY(114.67px);
-o-animation-timing-function: linear;
}
11.83% {
-o-transform: translateY(117.53px);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
12.68% {
-o-transform: translateY(128.13px);
-o-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
16.94% {
-o-transform: translateY(150px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
21.2% {
-o-transform: translateY(171.88px);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
22.04% {
-o-transform: translateY(182.47px);
-o-animation-timing-function: linear;
}
22.27% {
-o-transform: translateY(185.33px);
-o-animation-timing-function: linear;
}
22.5% {
-o-transform: translateY(188.26px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
22.98% {
-o-transform: translateY(194.3px);
-o-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
25.41% {
-o-transform: translateY(220px);
-o-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
27.83% {
-o-transform: translateY(202.89px);
-o-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
28.32% {
-o-transform: translateY(201.38px);
-o-animation-timing-function: linear;
}
28.55% {
-o-transform: translateY(201.02px);
-o-animation-timing-function: linear;
}
28.77% {
-o-transform: translateY(200.93px);
-o-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
29.62% {
-o-transform: translateY(203.13px);
-o-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
33.88% {
-o-transform: translateY(250px);
-o-animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
38.14% {
-o-transform: translateY(203.13px);
-o-animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
38.98% {
-o-transform: translateY(200.93px);
-o-animation-timing-function: linear;
}
39.21% {
-o-transform: translateY(201.02px);
-o-animation-timing-function: linear;
}
39.44% {
-o-transform: translateY(201.38px);
-o-animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
39.92% {
-o-transform: translateY(202.89px);
-o-animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
42.35% {
-o-transform: translateY(220px);
-o-animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
44.77% {
-o-transform: translateY(194.3px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
45.26% {
-o-transform: translateY(188.26px);
-o-animation-timing-function: linear;
}
45.49% {
-o-transform: translateY(185.33px);
-o-animation-timing-function: linear;
}
45.71% {
-o-transform: translateY(182.47px);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
46.56% {
-o-transform: translateY(171.88px);
-o-animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
50.82% {
-o-transform: translateY(150px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
55.07% {
-o-transform: translateY(128.13px);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
55.92% {
-o-transform: translateY(117.53px);
-o-animation-timing-function: linear;
}
56.14% {
-o-transform: translateY(114.67px);
-o-animation-timing-function: linear;
}
56.37% {
-o-transform: translateY(111.74px);
-o-animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
56.86% {
-o-transform: translateY(105.7px);
-o-animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
59.28% {
-o-transform: translateY(80px);
-o-animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
61.71% {
-o-transform: translateY(97.11px);
-o-animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
62.2% {
-o-transform: translateY(98.62px);
-o-animation-timing-function: linear;
}
62.43% {
-o-transform: translateY(98.98px);
-o-animation-timing-function: linear;
}
62.65% {
-o-transform: translateY(99.07px);
-o-animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
63.5% {
-o-transform: translateY(96.88px);
-o-animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
67.75% {
-o-transform: translateY(50px);
-o-animation-timing-function: linear;
}
71.65% {
-o-transform: translateY(100px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
77.76% {
-o-transform: translateY(150px);
-o-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
83.88% {
-o-transform: translateY(200px);
-o-animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
89.99% {
-o-transform: translateY(150px);
-o-animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
96.11% {
-o-transform: translateY(100px);
-o-animation-timing-function: linear;
}
100% {
-o-transform: translateY(50px);
}
}
@-o-keyframes myPathR {
0% {
-o-transform: rotate(88.73deg);
-o-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
4.26% {
-o-transform: rotate(26.08deg);
}
4.2601% {
-o-transform: rotate(20.32deg);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
5.11% {
-o-transform: rotate(3.42deg);
}
5.1101% {
-o-transform: rotate(-1.88deg);
-o-animation-timing-function: linear;
}
5.33% {
-o-transform: rotate(-1.88deg);
}
5.3301% {
-o-transform: rotate(-6.94deg);
-o-animation-timing-function: linear;
}
5.56% {
-o-transform: rotate(-6.94deg);
}
5.5601% {
-o-transform: rotate(-11.75deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
6.04% {
-o-transform: rotate(-16.28deg);
}
6.0401% {
-o-transform: rotate(-20.53deg);
-o-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
8.47% {
-o-transform: rotate(-43.71deg);
}
8.4701% {
-o-transform: rotate(133.71deg);
-o-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
10.89% {
-o-transform: rotate(110.53deg);
}
10.8901% {
-o-transform: rotate(106.28deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
11.38% {
-o-transform: rotate(101.75deg);
}
11.3801% {
-o-transform: rotate(96.94deg);
-o-animation-timing-function: linear;
}
11.61% {
-o-transform: rotate(96.94deg);
}
11.6101% {
-o-transform: rotate(91.88deg);
-o-animation-timing-function: linear;
}
11.83% {
-o-transform: rotate(91.88deg);
}
11.8301% {
-o-transform: rotate(86.58deg);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
12.68% {
-o-transform: rotate(69.68deg);
}
12.6801% {
-o-transform: rotate(63.92deg);
-o-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
16.94% {
-o-transform: rotate(1.27deg);
}
16.9401% {
-o-transform: rotate(178.73deg);
-o-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
21.2% {
-o-transform: rotate(116.08deg);
}
21.2001% {
-o-transform: rotate(110.32deg);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
22.04% {
-o-transform: rotate(93.42deg);
}
22.0401% {
-o-transform: rotate(88.12deg);
-o-animation-timing-function: linear;
}
22.27% {
-o-transform: rotate(88.12deg);
}
22.2701% {
-o-transform: rotate(83.06deg);
-o-animation-timing-function: linear;
}
22.5% {
-o-transform: rotate(83.06deg);
}
22.5001% {
-o-transform: rotate(78.25deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
22.98% {
-o-transform: rotate(73.72deg);
}
22.9801% {
-o-transform: rotate(69.47deg);
-o-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
25.41% {
-o-transform: rotate(46.29deg);
}
25.4101% {
-o-transform: rotate(-136.29deg);
-o-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
27.83% {
-o-transform: rotate(-159.47deg);
}
27.8301% {
-o-transform: rotate(-163.72deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
28.32% {
-o-transform: rotate(-168.25deg);
}
28.3201% {
-o-transform: rotate(-173.06deg);
-o-animation-timing-function: linear;
}
28.55% {
-o-transform: rotate(-173.06deg);
}
28.5501% {
-o-transform: rotate(-178.12deg);
-o-animation-timing-function: linear;
}
28.77% {
-o-transform: rotate(-178.12deg);
}
28.7701% {
-o-transform: rotate(176.58deg);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
29.62% {
-o-transform: rotate(159.68deg);
}
29.6201% {
-o-transform: rotate(153.92deg);
-o-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
33.88% {
-o-transform: rotate(91.27deg);
}
33.8801% {
-o-transform: rotate(-91.27deg);
-o-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
38.14% {
-o-transform: rotate(-153.92deg);
}
38.1401% {
-o-transform: rotate(-159.68deg);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
38.98% {
-o-transform: rotate(-176.58deg);
}
38.9801% {
-o-transform: rotate(178.12deg);
-o-animation-timing-function: linear;
}
39.21% {
-o-transform: rotate(178.12deg);
}
39.2101% {
-o-transform: rotate(173.06deg);
-o-animation-timing-function: linear;
}
39.44% {
-o-transform: rotate(173.06deg);
}
39.4401% {
-o-transform: rotate(168.25deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
39.92% {
-o-transform: rotate(163.72deg);
}
39.9201% {
-o-transform: rotate(159.47deg);
-o-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
42.35% {
-o-transform: rotate(136.29deg);
}
42.3501% {
-o-transform: rotate(-46.29deg);
-o-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
44.77% {
-o-transform: rotate(-69.47deg);
}
44.7701% {
-o-transform: rotate(-73.72deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
45.26% {
-o-transform: rotate(-78.25deg);
}
45.2601% {
-o-transform: rotate(-83.06deg);
-o-animation-timing-function: linear;
}
45.49% {
-o-transform: rotate(-83.06deg);
}
45.4901% {
-o-transform: rotate(-88.12deg);
-o-animation-timing-function: linear;
}
45.71% {
-o-transform: rotate(-88.12deg);
}
45.7101% {
-o-transform: rotate(-93.42deg);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
46.56% {
-o-transform: rotate(-110.32deg);
}
46.5601% {
-o-transform: rotate(-116.08deg);
-o-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
50.82% {
-o-transform: rotate(-178.73deg);
}
50.8201% {
-o-transform: rotate(-1.27deg);
-o-animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
55.07% {
-o-transform: rotate(-63.92deg);
}
55.0701% {
-o-transform: rotate(-69.68deg);
-o-animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
55.92% {
-o-transform: rotate(-86.58deg);
}
55.9201% {
-o-transform: rotate(-91.88deg);
-o-animation-timing-function: linear;
}
56.14% {
-o-transform: rotate(-91.88deg);
}
56.1401% {
-o-transform: rotate(-96.94deg);
-o-animation-timing-function: linear;
}
56.37% {
-o-transform: rotate(-96.94deg);
}
56.3701% {
-o-transform: rotate(-101.75deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
56.86% {
-o-transform: rotate(-106.28deg);
}
56.8601% {
-o-transform: rotate(-110.53deg);
-o-animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
59.28% {
-o-transform: rotate(-133.71deg);
}
59.2801% {
-o-transform: rotate(43.71deg);
-o-animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
61.71% {
-o-transform: rotate(20.53deg);
}
61.7101% {
-o-transform: rotate(16.28deg);
-o-animation-timing-function: cubic-bezier(.3,0,.7,1);
}
62.2% {
-o-transform: rotate(11.75deg);
}
62.2001% {
-o-transform: rotate(6.94deg);
-o-animation-timing-function: linear;
}
62.43% {
-o-transform: rotate(6.94deg);
}
62.4301% {
-o-transform: rotate(1.88deg);
-o-animation-timing-function: linear;
}
62.65% {
-o-transform: rotate(1.88deg);
}
62.6501% {
-o-transform: rotate(-3.42deg);
-o-animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
63.5% {
-o-transform: rotate(-20.32deg);
}
63.5001% {
-o-transform: rotate(-26.08deg);
-o-animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
67.75% {
-o-transform: rotate(-88.73deg);
}
67.7501% {
-o-transform: rotate(90deg);
-o-animation-timing-function: linear;
}
71.65% {
-o-transform: rotate(90deg);
}
71.6501% {
-o-transform: rotate(2.89deg);
-o-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
77.76% {
-o-transform: rotate(87.11deg);
}
77.7601% {
-o-transform: rotate(92.89deg);
-o-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
83.88% {
-o-transform: rotate(177.11deg);
}
83.8801% {
-o-transform: rotate(-177.11deg);
-o-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
89.99% {
-o-transform: rotate(-92.89deg);
}
89.9901% {
-o-transform: rotate(-87.11deg);
-o-animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
96.11% {
-o-transform: rotate(-2.89deg);
}
96.1101% {
-o-transform: rotate(-90deg);
-o-animation-timing-function: linear;
}
100% {
-o-transform: rotate(-90deg);
}
}
@keyframes myPathX {
0% {
transform: translateX(150px);
animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
4.26% {
transform: translateX(171.88px);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
5.11% {
transform: translateX(182.47px);
animation-timing-function: linear;
}
5.33% {
transform: translateX(185.33px);
animation-timing-function: linear;
}
5.56% {
transform: translateX(188.26px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
6.04% {
transform: translateX(194.3px);
animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
8.47% {
transform: translateX(220px);
animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
10.89% {
transform: translateX(202.89px);
animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
11.38% {
transform: translateX(201.38px);
animation-timing-function: linear;
}
11.61% {
transform: translateX(201.02px);
animation-timing-function: linear;
}
11.83% {
transform: translateX(200.93px);
animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
12.68% {
transform: translateX(203.13px);
animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
16.94% {
transform: translateX(250px);
animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
21.2% {
transform: translateX(203.13px);
animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
22.04% {
transform: translateX(200.93px);
animation-timing-function: linear;
}
22.27% {
transform: translateX(201.02px);
animation-timing-function: linear;
}
22.5% {
transform: translateX(201.38px);
animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
22.98% {
transform: translateX(202.89px);
animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
25.41% {
transform: translateX(220px);
animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
27.83% {
transform: translateX(194.3px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
28.32% {
transform: translateX(188.26px);
animation-timing-function: linear;
}
28.55% {
transform: translateX(185.33px);
animation-timing-function: linear;
}
28.77% {
transform: translateX(182.47px);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
29.62% {
transform: translateX(171.88px);
animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
33.88% {
transform: translateX(150px);
animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
38.14% {
transform: translateX(128.13px);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
38.98% {
transform: translateX(117.53px);
animation-timing-function: linear;
}
39.21% {
transform: translateX(114.67px);
animation-timing-function: linear;
}
39.44% {
transform: translateX(111.74px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
39.92% {
transform: translateX(105.7px);
animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
42.35% {
transform: translateX(80px);
animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
44.77% {
transform: translateX(97.11px);
animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
45.26% {
transform: translateX(98.62px);
animation-timing-function: linear;
}
45.49% {
transform: translateX(98.98px);
animation-timing-function: linear;
}
45.71% {
transform: translateX(99.07px);
animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
46.56% {
transform: translateX(96.88px);
animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
50.82% {
transform: translateX(50px);
animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
55.07% {
transform: translateX(96.88px);
animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
55.92% {
transform: translateX(99.07px);
animation-timing-function: linear;
}
56.14% {
transform: translateX(98.98px);
animation-timing-function: linear;
}
56.37% {
transform: translateX(98.62px);
animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
56.86% {
transform: translateX(97.11px);
animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
59.28% {
transform: translateX(80px);
animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
61.71% {
transform: translateX(105.7px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
62.2% {
transform: translateX(111.74px);
animation-timing-function: linear;
}
62.43% {
transform: translateX(114.67px);
animation-timing-function: linear;
}
62.65% {
transform: translateX(117.53px);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
63.5% {
transform: translateX(128.13px);
animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
67.75% {
transform: translateX(150px);
animation-timing-function: linear;
}
71.65% {
transform: translateX(150px);
animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
77.76% {
transform: translateX(200px);
animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
83.88% {
transform: translateX(150px);
animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
89.99% {
transform: translateX(100px);
animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
96.11% {
transform: translateX(150px);
animation-timing-function: linear;
}
100% {
transform: translateX(150px);
}
}
@keyframes myPathY {
0% {
transform: translateY(50px);
animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
4.26% {
transform: translateY(96.88px);
animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
5.11% {
transform: translateY(99.07px);
animation-timing-function: linear;
}
5.33% {
transform: translateY(98.98px);
animation-timing-function: linear;
}
5.56% {
transform: translateY(98.62px);
animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
6.04% {
transform: translateY(97.11px);
animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
8.47% {
transform: translateY(80px);
animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
10.89% {
transform: translateY(105.7px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
11.38% {
transform: translateY(111.74px);
animation-timing-function: linear;
}
11.61% {
transform: translateY(114.67px);
animation-timing-function: linear;
}
11.83% {
transform: translateY(117.53px);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
12.68% {
transform: translateY(128.13px);
animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
16.94% {
transform: translateY(150px);
animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
21.2% {
transform: translateY(171.88px);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
22.04% {
transform: translateY(182.47px);
animation-timing-function: linear;
}
22.27% {
transform: translateY(185.33px);
animation-timing-function: linear;
}
22.5% {
transform: translateY(188.26px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
22.98% {
transform: translateY(194.3px);
animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
25.41% {
transform: translateY(220px);
animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
27.83% {
transform: translateY(202.89px);
animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
28.32% {
transform: translateY(201.38px);
animation-timing-function: linear;
}
28.55% {
transform: translateY(201.02px);
animation-timing-function: linear;
}
28.77% {
transform: translateY(200.93px);
animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
29.62% {
transform: translateY(203.13px);
animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
33.88% {
transform: translateY(250px);
animation-timing-function: cubic-bezier(.33,.37,.67,.83);
}
38.14% {
transform: translateY(203.13px);
animation-timing-function: cubic-bezier(.33,.63,.67,.96);
}
38.98% {
transform: translateY(200.93px);
animation-timing-function: linear;
}
39.21% {
transform: translateY(201.02px);
animation-timing-function: linear;
}
39.44% {
transform: translateY(201.38px);
animation-timing-function: cubic-bezier(.3,.2,.7,.6);
}
39.92% {
transform: translateY(202.89px);
animation-timing-function: cubic-bezier(.33,.19,.67,.58);
}
42.35% {
transform: translateY(220px);
animation-timing-function: cubic-bezier(.33,.29,.67,.61);
}
44.77% {
transform: translateY(194.3px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
45.26% {
transform: translateY(188.26px);
animation-timing-function: linear;
}
45.49% {
transform: translateY(185.33px);
animation-timing-function: linear;
}
45.71% {
transform: translateY(182.47px);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
46.56% {
transform: translateY(171.88px);
animation-timing-function: cubic-bezier(.33,.8,.67,1);
}
50.82% {
transform: translateY(150px);
animation-timing-function: cubic-bezier(.33,0,.67,.2);
}
55.07% {
transform: translateY(128.13px);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
55.92% {
transform: translateY(117.53px);
animation-timing-function: linear;
}
56.14% {
transform: translateY(114.67px);
animation-timing-function: linear;
}
56.37% {
transform: translateY(111.74px);
animation-timing-function: cubic-bezier(.3,.3,.7,.7);
}
56.86% {
transform: translateY(105.7px);
animation-timing-function: cubic-bezier(.33,.39,.67,.71);
}
59.28% {
transform: translateY(80px);
animation-timing-function: cubic-bezier(.33,.42,.67,.81);
}
61.71% {
transform: translateY(97.11px);
animation-timing-function: cubic-bezier(.3,.4,.7,.8);
}
62.2% {
transform: translateY(98.62px);
animation-timing-function: linear;
}
62.43% {
transform: translateY(98.98px);
animation-timing-function: linear;
}
62.65% {
transform: translateY(99.07px);
animation-timing-function: cubic-bezier(.33,.04,.67,.37);
}
63.5% {
transform: translateY(96.88px);
animation-timing-function: cubic-bezier(.33,.17,.67,.63);
}
67.75% {
transform: translateY(50px);
animation-timing-function: linear;
}
71.65% {
transform: translateY(100px);
animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
77.76% {
transform: translateY(150px);
animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
83.88% {
transform: translateY(200px);
animation-timing-function: cubic-bezier(.33,0,.67,.47);
}
89.99% {
transform: translateY(150px);
animation-timing-function: cubic-bezier(.33,.53,.67,1);
}
96.11% {
transform: translateY(100px);
animation-timing-function: linear;
}
100% {
transform: translateY(50px);
}
}
@keyframes myPathR {
0% {
transform: rotate(88.73deg);
animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
4.26% {
transform: rotate(26.08deg);
}
4.2601% {
transform: rotate(20.32deg);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
5.11% {
transform: rotate(3.42deg);
}
5.1101% {
transform: rotate(-1.88deg);
animation-timing-function: linear;
}
5.33% {
transform: rotate(-1.88deg);
}
5.3301% {
transform: rotate(-6.94deg);
animation-timing-function: linear;
}
5.56% {
transform: rotate(-6.94deg);
}
5.5601% {
transform: rotate(-11.75deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
6.04% {
transform: rotate(-16.28deg);
}
6.0401% {
transform: rotate(-20.53deg);
animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
8.47% {
transform: rotate(-43.71deg);
}
8.4701% {
transform: rotate(133.71deg);
animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
10.89% {
transform: rotate(110.53deg);
}
10.8901% {
transform: rotate(106.28deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
11.38% {
transform: rotate(101.75deg);
}
11.3801% {
transform: rotate(96.94deg);
animation-timing-function: linear;
}
11.61% {
transform: rotate(96.94deg);
}
11.6101% {
transform: rotate(91.88deg);
animation-timing-function: linear;
}
11.83% {
transform: rotate(91.88deg);
}
11.8301% {
transform: rotate(86.58deg);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
12.68% {
transform: rotate(69.68deg);
}
12.6801% {
transform: rotate(63.92deg);
animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
16.94% {
transform: rotate(1.27deg);
}
16.9401% {
transform: rotate(178.73deg);
animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
21.2% {
transform: rotate(116.08deg);
}
21.2001% {
transform: rotate(110.32deg);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
22.04% {
transform: rotate(93.42deg);
}
22.0401% {
transform: rotate(88.12deg);
animation-timing-function: linear;
}
22.27% {
transform: rotate(88.12deg);
}
22.2701% {
transform: rotate(83.06deg);
animation-timing-function: linear;
}
22.5% {
transform: rotate(83.06deg);
}
22.5001% {
transform: rotate(78.25deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
22.98% {
transform: rotate(73.72deg);
}
22.9801% {
transform: rotate(69.47deg);
animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
25.41% {
transform: rotate(46.29deg);
}
25.4101% {
transform: rotate(-136.29deg);
animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
27.83% {
transform: rotate(-159.47deg);
}
27.8301% {
transform: rotate(-163.72deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
28.32% {
transform: rotate(-168.25deg);
}
28.3201% {
transform: rotate(-173.06deg);
animation-timing-function: linear;
}
28.55% {
transform: rotate(-173.06deg);
}
28.5501% {
transform: rotate(-178.12deg);
animation-timing-function: linear;
}
28.77% {
transform: rotate(-178.12deg);
}
28.7701% {
transform: rotate(176.58deg);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
29.62% {
transform: rotate(159.68deg);
}
29.6201% {
transform: rotate(153.92deg);
animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
33.88% {
transform: rotate(91.27deg);
}
33.8801% {
transform: rotate(-91.27deg);
animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
38.14% {
transform: rotate(-153.92deg);
}
38.1401% {
transform: rotate(-159.68deg);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
38.98% {
transform: rotate(-176.58deg);
}
38.9801% {
transform: rotate(178.12deg);
animation-timing-function: linear;
}
39.21% {
transform: rotate(178.12deg);
}
39.2101% {
transform: rotate(173.06deg);
animation-timing-function: linear;
}
39.44% {
transform: rotate(173.06deg);
}
39.4401% {
transform: rotate(168.25deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
39.92% {
transform: rotate(163.72deg);
}
39.9201% {
transform: rotate(159.47deg);
animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
42.35% {
transform: rotate(136.29deg);
}
42.3501% {
transform: rotate(-46.29deg);
animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
44.77% {
transform: rotate(-69.47deg);
}
44.7701% {
transform: rotate(-73.72deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
45.26% {
transform: rotate(-78.25deg);
}
45.2601% {
transform: rotate(-83.06deg);
animation-timing-function: linear;
}
45.49% {
transform: rotate(-83.06deg);
}
45.4901% {
transform: rotate(-88.12deg);
animation-timing-function: linear;
}
45.71% {
transform: rotate(-88.12deg);
}
45.7101% {
transform: rotate(-93.42deg);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
46.56% {
transform: rotate(-110.32deg);
}
46.5601% {
transform: rotate(-116.08deg);
animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
50.82% {
transform: rotate(-178.73deg);
}
50.8201% {
transform: rotate(-1.27deg);
animation-timing-function: cubic-bezier(.33,.15,.67,.38);
}
55.07% {
transform: rotate(-63.92deg);
}
55.0701% {
transform: rotate(-69.68deg);
animation-timing-function: cubic-bezier(.33,.34,.67,.68);
}
55.92% {
transform: rotate(-86.58deg);
}
55.9201% {
transform: rotate(-91.88deg);
animation-timing-function: linear;
}
56.14% {
transform: rotate(-91.88deg);
}
56.1401% {
transform: rotate(-96.94deg);
animation-timing-function: linear;
}
56.37% {
transform: rotate(-96.94deg);
}
56.3701% {
transform: rotate(-101.75deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
56.86% {
transform: rotate(-106.28deg);
}
56.8601% {
transform: rotate(-110.53deg);
animation-timing-function: cubic-bezier(.33,.2,.67,.94);
}
59.28% {
transform: rotate(-133.71deg);
}
59.2801% {
transform: rotate(43.71deg);
animation-timing-function: cubic-bezier(.33,.06,.67,.8);
}
61.71% {
transform: rotate(20.53deg);
}
61.7101% {
transform: rotate(16.28deg);
animation-timing-function: cubic-bezier(.3,0,.7,1);
}
62.2% {
transform: rotate(11.75deg);
}
62.2001% {
transform: rotate(6.94deg);
animation-timing-function: linear;
}
62.43% {
transform: rotate(6.94deg);
}
62.4301% {
transform: rotate(1.88deg);
animation-timing-function: linear;
}
62.65% {
transform: rotate(1.88deg);
}
62.6501% {
transform: rotate(-3.42deg);
animation-timing-function: cubic-bezier(.33,.32,.67,.66);
}
63.5% {
transform: rotate(-20.32deg);
}
63.5001% {
transform: rotate(-26.08deg);
animation-timing-function: cubic-bezier(.33,.62,.67,.85);
}
67.75% {
transform: rotate(-88.73deg);
}
67.7501% {
transform: rotate(90deg);
animation-timing-function: linear;
}
71.65% {
transform: rotate(90deg);
}
71.6501% {
transform: rotate(2.89deg);
animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
77.76% {
transform: rotate(87.11deg);
}
77.7601% {
transform: rotate(92.89deg);
animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
83.88% {
transform: rotate(177.11deg);
}
83.8801% {
transform: rotate(-177.11deg);
animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
89.99% {
transform: rotate(-92.89deg);
}
89.9901% {
transform: rotate(-87.11deg);
animation-timing-function: cubic-bezier(.33,.35,.67,.65);
}
96.11% {
transform: rotate(-2.89deg);
}
96.1101% {
transform: rotate(-90deg);
animation-timing-function: linear;
}
100% {
transform: rotate(-90deg);
}
}