<h1>CSS Animate on SVG Path</h1>
<p>Use CSS motion-path, Chrome 46+ support</p>
  <svg id="svg-doc" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="700px" height="500px" xml:space="preserve">
    <g id="dottedpath">
        <path x="71" y="71" fill="none" stroke-width="1" stroke="#fff" stroke-dasharray="3,2" d="M325.8,317.9c-59.9,2.1-135.8-50.5-126.4-118.7S256.3,77.8,342.1,84.4s149.5,63.6,164.5,129.7 c17.4,76.9-40.9,149.3-71.6,171.4c-46.7,33.6-110.3,35.6-180.1,2.3c-62-36.5-106.6-76.2-111.8-136.5 "/>
    </g>
    <g id="spaceship">
      <g id="thruster">
        <path fill="#ECB33E" d="M14.079,30.776H6.003c0,0,0.078,8.152,1.184,14.311c1.524,8.483,5.083,15.145,6.892,16.614
                      c1.81-1.47,5.368-8.131,6.891-16.614c1.106-6.159,1.186-14.311,1.186-14.311H14.079z" />
        <path fill="#FECB58" d="M13.854,30.776l-5.804,0c0,0,0.112,9.235,0.926,14.124c1.12,6.733,3.735,12.021,5.066,13.188
                      c1.331-1.167,3.946-6.455,5.066-13.188c0.813-4.889,0.926-14.124,0.926-14.124L13.854,30.776z" />
      </g>
      <polygon fill="#FFFFFF" points="28.085,29.648 22.447,26.044 19.433,26.044 9.1,26.044 5.638,26.044 0,29.648 4.314,42.057
                  4.081,31.832 4.546,31.67 4.538,31.688 23.546,31.688 23.538,31.669 24.004,31.832 23.771,42.057 " />
      <path fill="#5FAEDF" d="M22.446,29.265H5.639V7.571c0,0-0.311-7.571,8.404-7.571s8.403,7.571,8.403,7.571V29.265z" />
      <path fill="#7ACAF1" d="M13.907,0.855c-0.216-0.013-0.419-0.036-0.65-0.036c-6.954,0-6.706,6.83-6.706,6.83v21.615h1.3V7.649
                  C7.851,7.649,7.64,1.231,13.907,0.855z" />
      <circle cx="14.043" cy="9.028" r="3.557" />
    </g>
    <g id="moon" transform="translate(255, 150)">
      <path fill="#FECB58" d="M188.517,81.812c0.131,7.357,4.598,16.027,5.124,22.201c0.301,3.535-3.073,1.533-3.241,3.199
                  c-3.73,36.713-28.265,67.274-61.628,79.707c-1.485,0.555,2.623,3.072,0.617,5.846c-1.326,1.835-15.537,1.701-25.58,1.801
                  c-12.438,0.123-19.802,3.979-21.412,3.505c-4.886-1.438-2.18-6.372-3.403-6.584c-16.069-2.792-30.76-9.603-42.999-19.36
                  c-3.073-2.449-9.25-6.252-8.781-10.477c0.441-3.975-8.56,0.373-10.984-2.816c-2.059-2.709,1.877-5.539-3.568-8.262
                  c-1.378-0.689-0.413-4.844-1.662-5.754c-2.196-1.603-0.311-3.428-0.644-4.078C3.734,127.747,0,113.037,0,97.454
                  c0-21.187,6.903-40.761,18.583-56.597c0.741-1.003-5.336-4.437-2.823-6.752c5.338-4.919,10.98-7.993,15.492-11.096
                  c3.406-2.342,3.415-6.846,7.223-7.432c2.722-0.418,5.205,3.119,6.7,3.036c1.884-0.104,1.844-2.151,2.617-2.617
                  c0.982-0.591,0.507-1.556,1.513-2.113C62.98,6.316,78.709,2.008,95.445,2.008c5.209,0,7.16-0.038,12.142,0.765
                  c1.915,0.309-0.242-1.946,1.739-2.716c1.07-0.415,3.08,1.528,4.801,2.123c2.13,0.735,7.931,2.499,9.481,2.973
                  c1.356,0.416,3.159,1.154,5.393,1.452c2.721,0.363,3.671-0.376,5.177,0.659c2.724,1.872-0.872,2.52,1.162,3.457
                  c22.81,10.509,40.766,29.751,49.584,53.44c0.402,1.083,4.303-5.803,4.38,0.442C189.365,69.6,188.329,71.379,188.517,81.812z" />
      <path fill="#ECB33E" d="M82.396,198.071c1.61,0.474,8.974-3.382,21.412-3.505c10.043-0.1,24.254,0.034,25.58-1.801
                  c2.006-2.773-2.103-5.291-0.617-5.846c33.363-12.433,57.897-42.994,61.628-79.707c0.168-1.666,3.542,0.336,3.241-3.199
                  c-0.526-6.174-4.993-14.844-5.124-22.201c-0.188-10.433,0.849-12.212,0.787-17.209c-0.077-6.245-3.978,0.64-4.38-0.442
                  c-8.818-23.689-26.774-42.931-49.584-53.44c-2.034-0.937,1.562-1.584-1.162-3.457c-1.506-1.036-2.456-0.296-5.177-0.659
                  c-2.233-0.297-4.036-1.036-5.393-1.452c-1.551-0.474-7.352-2.237-9.481-2.973c-1.721-0.594-3.73-2.538-4.8-2.123
                  c-1.982,0.77,0.175,3.024-1.74,2.716c-2.396-0.386-4.092-0.577-5.785-0.672c1.821,1.187,3.669,2.438,5.533,3.753
                  c3.766,2.659,10.507,4.903,14.331,8.113c6.611,5.55,10.287,12.631,16.455,19.966c4.693,5.581,16.862,10.208,20.626,16.895
                  c4.798,8.527,0.33,5.334,2.852,15.798c3.518,14.589,4.72,12.382,2.194,28.194c-1.9,11.896,3.311,43.477-21.483,70.025
                  c-12.445,13.327-51.588,20.811-74.082,24.114c3.508,1.042,7.101,1.89,10.765,2.526C80.216,191.699,77.51,196.633,82.396,198.071z" />
      <path fill="#BB8E2E" d="M61.891,111.137l44.223-13.286c0,0,0.886,12.234-5.833,18.633c-1.408,1.341-4.092,3.357-6.241,4.298
                  c-2.389,1.047-3.037,2.18-6.543,2.422c-2.599,0.18-10.804-0.086-12.965-0.646C64.006,119.825,61.891,111.137,61.891,111.137z" />
      <path fill="#FFD98D" d="M80.997,76.112c12.381,0,22.515,9.586,23.401,21.74c0.042-0.573,1.688-0.944,1.818-1.512
                  c1.219-5.306-0.753-12.04-4.49-15.918c-3.568-3.703-9.269-5.216-14.438-6.437c-2.022-0.478-6.792-1.335-8.873-1.335
                  c-12.963,0-20.528,12.62-20.528,25.583c0,0.583,2.568-0.953,2.61-0.38C61.385,85.699,68.617,76.112,80.997,76.112z" />
      <path fill="#ECB33E" d="M106.988,97.853c0,8.833-5.002,15.915-12.912,20.063c-1.631,0.855-3.404,2.959-5.166,3.473
                  c-2.28,0.667-5.554,0.41-7.914,0.41c-13.015,0-23.565-10.551-23.565-23.565c0-13.016,10.55-23.566,23.565-23.566
                  S106.988,84.837,106.988,97.853z" />
      <path fill="#BB8E2E" d="M79.109,79.846c2.783-0.722,10.5-0.216,13.879,2.158c4.99,3.503,8.887,3.379,11.43,10.414
                  c-0.096-0.503-0.49-2.05-0.655-2.543c-3.049-9.092-16.396-16.388-28.455-13.074C63.251,80.115,55.961,91.845,59.027,103
                  c0.138,0.503,0.301,0.991,0.475,1.473c-0.918-4.788-0.577-10.001,2.388-13.767c0.832-1.057,3.5-3.827,4.489-4.747
                  c1.293-1.203,4.393-1.599,5.825-2.517C74.478,81.984,76.97,80.401,79.109,79.846z" />
      <path fill="#FECB58" d="M78.047,117.069c-8.069-0.742-15.528-7.018-15.317-6.709c3.468,5.068,9.233,9.331,18.392,9.74
                  c1.156,0.052,5.795,0.508,6.958,0.167c1.792-0.525,2.854-1.957,3.429-2.315c2.987-1.86,5.372-2.87,6.941-4.384
                  c3.593-3.462,4.342-8.102,4.665-13.205c0.024-0.372-2.762,6.31-7.316,9.094C92.763,116.895,85.243,117.73,78.047,117.069z" />
      <path fill="#BB8E2E" d="M125.375,158.427l23.755-7.136c0,0,0.476,6.571-3.134,10.009c-0.756,0.721-2.196,1.805-3.352,2.31
                  c-1.283,0.562-1.631,1.171-3.515,1.3c-1.396,0.098-5.804-0.045-6.965-0.347C126.513,163.094,125.375,158.427,125.375,158.427z" />
      <path fill="#FFD98D" d="M135.638,139.613c6.651,0,12.096,5.15,12.571,11.68c0.022-0.309,0.907-0.508,0.978-0.813
                  c0.653-2.85-0.405-6.467-2.413-8.55c-1.917-1.989-4.979-2.803-7.755-3.458c-1.087-0.257-3.649-0.718-4.767-0.718
                  c-6.963,0-11.027,6.779-11.027,13.742c0,0.313,1.38-0.512,1.402-0.203C125.104,144.763,128.988,139.613,135.638,139.613z" />
      <path fill="#ECB33E" d="M149.6,151.292c0,4.744-2.686,8.549-6.936,10.776c-0.875,0.459-1.828,1.59-2.773,1.866
                  c-1.226,0.357-2.984,0.219-4.253,0.219c-6.99,0-12.657-5.666-12.657-12.658c0-6.991,5.667-12.658,12.657-12.658
                  C142.63,138.837,149.6,144.3,149.6,151.292z" />
      <path fill="#BB8E2E" d="M134.624,141.62c1.495-0.389,5.641-0.116,7.456,1.158c2.68,1.882,4.773,1.815,6.141,5.595
                  c-0.052-0.271-0.265-1.102-0.353-1.366c-1.638-4.884-8.808-8.804-15.285-7.023c-6.477,1.781-10.394,8.082-8.746,14.074
                  c0.074,0.269,0.162,0.532,0.256,0.791c-0.493-2.572-0.311-5.372,1.282-7.396c0.447-0.567,1.881-2.056,2.412-2.55
                  c0.695-0.646,2.359-0.859,3.129-1.352C132.138,142.768,133.475,141.917,134.624,141.62z" />
      <path fill="#FECB58" d="M134.054,161.614c-4.335-0.398-8.342-3.769-8.228-3.603c1.861,2.721,4.959,5.012,9.88,5.231
                  c0.62,0.027,3.112,0.272,3.736,0.089c0.963-0.281,1.533-1.051,1.843-1.244c1.604-0.998,2.886-1.541,3.729-2.354
                  c1.93-1.86,2.332-4.352,2.507-7.094c0.013-0.199-1.484,3.389-3.931,4.885C141.959,161.521,137.92,161.968,134.054,161.614z" />
      <path fill="#BB8E2E" d="M139.546,92.126l29.902-5.698c0,0,0.539,7.455-3.555,11.355c-0.858,0.817-2.492,2.046-3.803,2.619
                  c-1.455,0.637-1.849,1.327-3.986,1.476c-1.584,0.109-7.499-0.336-8.817-0.678C142.874,99.535,139.546,92.126,139.546,92.126z" />
      <path fill="#FFD98D" d="M154.143,73.181c7.546,0,13.721,5.842,14.261,13.249c0.026-0.349-0.067-1.788,0.014-2.136
                  c0.741-3.233-2.848-6.522-4.469-8.691c-2.152-2.882-4.958-3.331-8.106-4.075c-1.234-0.291-4.252,0.5-5.489,0.772
                  c-7.208,1.583-12.529,6.229-12.529,14.128c0,0.356,3.803-0.349,3.829,0C142.192,79.023,146.6,73.181,154.143,73.181z" />
      <path fill="#ECB33E" d="M169.982,86.429c0,5.383-3.049,9.698-7.868,12.226c-0.993,0.521-2.075,1.804-3.147,2.117
                  c-1.391,0.405-3.385,0.249-4.824,0.249c-7.93,0-16.324-6.414-16.324-14.345c0-7.932,8.395-14.375,16.324-14.375
                  C162.075,72.3,169.982,78.499,169.982,86.429z" />
      <path fill="#BB8E2E" d="M152.993,75.457c1.695-0.44,6.398-0.132,8.458,1.314c3.04,2.135,3.166-1.414,4.717,2.873
                  c-0.059-0.307,1.949,2.224,1.85,1.923c-1.858-5.54-9.992-9.986-17.34-7.966c-7.348,2.019-15.738,10.327-9.922,15.965
                  c0.228,0.221-0.636-3.682-0.529-3.388c-0.56-2.918,1.351-4.354,3.158-6.648c0.506-0.644,1.945-1.063,2.547-1.623
                  c0.788-0.733,2.949-1.273,3.822-1.833C151.139,75.187,151.689,75.795,152.993,75.457z" />
      <path fill="#FECB58" d="M162.398,95.375c3.934-2.885,5.843-8.483,5.827-8.254c-0.221,3.729-1.876,7.747-6.475,10.795
                  c-0.581,0.384-2.832,2.06-3.538,2.239c-1.086,0.279-2.076-0.145-2.484-0.153c-2.115-0.052-3.658,0.155-4.936-0.152
                  c-2.924-0.705-4.747-2.905-6.491-5.482c-0.13-0.187,3.376,2.455,6.585,2.506C154.755,99.837,158.893,97.947,162.398,95.375z" />
      <path fill="#BB8E2E" d="M19.753,96.355l17.034-5.118c0,0,0.341,4.713-2.247,7.178c-0.543,0.517-1.576,1.293-2.404,1.656
                  c-0.92,0.402-1.168,0.839-2.52,0.933c-1.001,0.069-4.162-0.033-4.995-0.249C20.567,99.703,19.753,96.355,19.753,96.355z" />
      <path fill="#FFD98D" d="M27.112,82.864c4.77,0,8.673,3.692,9.016,8.375c0.016-0.221,0.649-0.364,0.701-0.583
                  c0.469-2.044-0.291-4.638-1.73-6.132c-1.375-1.427-3.57-2.009-5.561-2.48c-0.78-0.184-2.617-0.515-3.418-0.515
                  c-4.993,0-7.908,4.862-7.908,9.855c0,0.224,0.989-0.367,1.006-0.146C19.558,86.556,22.344,82.864,27.112,82.864z" />
      <path fill="#ECB33E" d="M37.125,91.238c0,3.402-1.926,6.131-4.974,7.729c-0.628,0.33-1.311,1.14-1.989,1.337
                  c-0.878,0.258-2.14,0.158-3.049,0.158c-5.013,0-9.077-4.064-9.077-9.078c0-5.014,4.064-9.078,9.077-9.078
                  C32.127,82.307,37.125,86.225,37.125,91.238z" />
      <path fill="#BB8E2E" d="M26.385,84.302c1.072-0.278,4.045-0.083,5.347,0.832c1.923,1.349,3.423,1.302,4.404,4.012
                  c-0.037-0.194-0.189-0.791-0.253-0.98c-1.174-3.502-6.316-6.313-10.96-5.036c-4.646,1.277-7.454,5.795-6.272,10.093
                  c0.053,0.193,0.116,0.382,0.183,0.567c-0.354-1.845-0.223-3.853,0.92-5.303c0.32-0.408,1.348-1.474,1.729-1.829
                  c0.499-0.463,1.692-0.616,2.244-0.97C24.602,85.125,25.561,84.516,26.385,84.302z" />
      <path fill="#FECB58" d="M25.976,98.641c-3.108-0.286-5.981-2.703-5.9-2.584c1.335,1.953,3.556,3.595,7.084,3.752
                  c0.446,0.02,2.232,0.196,2.68,0.064c0.69-0.202,1.099-0.754,1.321-0.892c1.151-0.716,2.07-1.106,2.675-1.688
                  c1.383-1.333,1.672-3.121,1.798-5.087c0.009-0.143-1.065,2.432-2.819,3.504C31.646,98.573,28.749,98.895,25.976,98.641z" />
      <path fill="#BB8E2E" d="M34.883,47.129l23.446-4.322c0,0,0.47,3.981-3.092,6.063c-0.748,0.437-2.169,1.093-3.31,1.398
                  c-1.266,0.34-1.609,0.709-3.469,0.788c-1.378,0.058-5.728-0.028-6.875-0.211C36.004,49.957,34.883,47.129,34.883,47.129z" />
      <path fill="#FFD98D" d="M45.012,35.735c6.564,0,11.938,3.119,12.408,7.073c0.023-0.187,0.895-0.308,0.964-0.492
                  c0.646-1.727-0.399-3.917-2.382-5.179c-1.892-1.205-4.913-1.697-7.654-2.095c-1.072-0.155-3.602-0.434-4.704-0.434
                  c-6.873,0-10.884,4.106-10.884,8.323c0,0.19,1.361-0.31,1.384-0.123C34.615,38.854,38.449,35.735,45.012,35.735z" />
      <path fill="#ECB33E" d="M58.794,42.808c0,2.873-2.653,5.178-6.847,6.527c-0.864,0.278-1.805,0.963-2.738,1.13
                  c-1.209,0.217-2.945,0.133-4.197,0.133c-6.899,0-12.494-3.433-12.494-7.667s5.594-7.667,12.494-7.667
                  C51.914,35.264,58.794,38.573,58.794,42.808z" />
      <path fill="#BB8E2E" d="M44.012,36.95c1.476-0.235,5.567-0.07,7.36,0.701c2.645,1.141,4.711,1.1,6.06,3.389
                  c-0.051-0.164-0.26-0.667-0.348-0.828c-1.617-2.958-8.693-5.332-15.086-4.253c-6.393,1.079-10.259,4.895-8.633,8.524
                  c0.073,0.163,0.16,0.322,0.252,0.479c-0.487-1.558-0.307-3.254,1.266-4.479c0.441-0.344,1.856-1.245,2.38-1.544
                  c0.686-0.391,2.33-0.52,3.089-0.819C41.557,37.645,42.878,37.13,44.012,36.95z" />
      <path fill="#FECB58" d="M43.448,49.06c-4.278-0.241-8.232-2.283-8.121-2.183c1.838,1.649,4.895,3.036,9.751,3.169
                  c0.613,0.017,3.073,0.165,3.688,0.054c0.95-0.171,1.513-0.637,1.818-0.754c1.584-0.604,2.849-0.934,3.681-1.426
                  c1.905-1.126,2.303-2.636,2.474-4.296c0.013-0.121-1.465,2.053-3.879,2.959C51.252,49.003,47.265,49.274,43.448,49.06z" />
      <path fill="#BB8E2E" d="M112.535,38.378l26.696-3.349c0,0-2.378,9.314-12.856,9.481C117.163,44.657,112.535,38.378,112.535,38.378z" />
      <path fill="#BB8E2E" d="M135.97,39.771l-8.817-17.737c0,0,10.697-1.135,12.897,6.173C141.983,34.631,135.97,39.771,135.97,39.771z" />
      <path fill="#FFD98D" d="M123.32,21.215c6.828,0,12.418,4.757,12.908,10.789c0.022-0.284,1.344-0.912,1.344-1.201
                  c0-5.362-4.35-9.285-10.133-10.562c-1.155-0.255-4.063-1.011-5.253-1.011c-2.726,0-4.919,2.013-7.005,3.308
                  c-3.386,2.101-4.808,4.626-4.808,8.607c0,0.289,0.016,0.575,0.039,0.859C110.902,25.972,116.492,21.215,123.32,21.215z" />
      <path fill="#ECB33E" d="M140.163,32.004c0,6.459-7.815,11.884-15.653,11.884s-14.191-5.236-14.191-11.695
                  c0-4.844,3.017-8.794,8.111-10.569c0.787-0.275,2.121-0.162,2.975-0.316c0.985-0.178,2.057-0.809,3.105-0.809
                  C132.348,20.498,140.163,25.545,140.163,32.004z" />
      <path fill="#BB8E2E" d="M121.564,23.899c1.272-0.274,2.581-0.912,4.125-0.895c4.629,0.048,10.385,2.341,11.945,5.858
                  c-0.054-0.231-0.274-0.94-0.367-1.167c-1.447-3.523-7.102-6.43-12.979-6.294c-1.074,0.025-2.009,0.583-3.074,0.825
                  c-0.998,0.227-2.083,0.104-2.958,0.479c-5.17,2.222-8.031,6.82-6.563,11.196c0.078,0.23,0.17,0.454,0.267,0.675
                  c-0.607-2.622,0.484-5.625,2.795-7.525C116.764,25.397,119.389,24.368,121.564,23.899z" />
      <path fill="#FECB58" d="M131.748,39.528c4.464-2.131,7.561-6.68,7.496-6.491c-1.176,3.502-5.801,8.548-12.232,9.53
                  c-6.433,0.982-9.267-0.09-12.765-4.243c-0.121-0.144,3.264,2.74,5.983,1.625C123.328,42.708,127.768,41.428,131.748,39.528z" />
      <path fill="#BB8E2E" d="M56.811,156.583l21.482-2.695c0,0-1.913,7.494-10.346,7.629C60.535,161.635,56.811,156.583,56.811,156.583z" />
      <path fill="#BB8E2E" d="M75.668,157.704l-7.096-14.271c0,0,8.609-0.914,10.379,4.967C80.507,153.568,75.668,157.704,75.668,157.704z
                  " />
      <path fill="#FFD98D" d="M65.489,142.771c5.495,0,9.992,3.829,10.388,8.683c0.018-0.229,1.081-0.733,1.081-0.967
                  c0-4.315-3.5-7.472-8.153-8.499c-0.93-0.205-3.269-0.813-4.228-0.813c-2.193,0-3.958,1.62-5.637,2.661
                  c-2.725,1.691-3.869,3.723-3.869,6.927c0,0.233,0.013,0.462,0.031,0.691C55.497,146.6,59.995,142.771,65.489,142.771z" />
      <path fill="#ECB33E" d="M79.043,151.454c0,5.197-6.289,9.563-12.596,9.563c-6.308,0-11.42-4.213-11.42-9.411
                  c0-3.898,2.427-7.076,6.527-8.505c0.634-0.222,1.708-0.13,2.394-0.255c0.793-0.143,1.655-0.65,2.5-0.65
                  C72.754,142.195,79.043,146.255,79.043,151.454z" />
      <path fill="#BB8E2E" d="M64.077,144.932c1.023-0.221,2.078-0.733,3.319-0.721c3.725,0.039,8.357,1.884,9.611,4.714
                  c-0.042-0.185-0.219-0.756-0.295-0.938c-1.164-2.835-5.714-5.174-10.444-5.065c-0.864,0.021-1.618,0.469-2.474,0.664
                  c-0.803,0.183-1.676,0.084-2.38,0.387c-4.162,1.787-6.462,5.486-5.282,9.009c0.063,0.185,0.136,0.365,0.215,0.543
                  c-0.489-2.11,0.389-4.525,2.249-6.056C60.214,146.137,62.325,145.309,64.077,144.932z" />
      <path fill="#FECB58" d="M72.271,157.507c3.592-1.714,6.084-5.375,6.033-5.223c-0.947,2.818-4.668,6.879-9.844,7.668
                  c-5.176,0.791-7.457-0.072-10.271-3.414c-0.097-0.115,2.626,2.205,4.814,1.308C65.496,160.068,69.068,159.037,72.271,157.507z" />
    </g>
    <g id="ornaments">
      <g id="little-moon">
        <g id="Layer_18">
          <path fill="#D2D9CC" d="M109.653,182.198c0,5.422-1.96,10.385-5.212,14.22c-0.218,0.256,0.448,0.268-0.229,1.332
                            c-0.646,1.015-1.243,0.223-1.529,0.499c-0.276,0.267-0.741-0.725-2.577,0.966c-0.756,0.695,0.381,0.882-0.483,1.444
                            c-3.444,2.237-7.553,3.537-11.967,3.537c-7.203,0-13.598-3.462-17.609-8.813c-0.17-0.226-0.506,0.758-1.579-0.413
                            c-0.615-0.672-0.357-1.171-0.781-1.984c-0.373-0.717-1.203-1.561-2.027-2.244c-1.028-0.851,1.137-1.528,0.99-1.999
                            c-0.644-2.068-0.99-4.266-0.99-6.545c0-2.979,0.592-5.82,1.665-8.412c0.303-0.73-0.589-1.208-0.349-1.77
                            c1.635-3.813,2.913-1.054,3.438-2.171c0.224-0.476,0.236-1.57,0.56-1.983c2.805-3.589,6.037-5.481,10.522-6.787
                            c1.155-0.336,0.204-1.298,1.433-1.411c2.877-0.264,4.024-0.387,4.729,0.132c0.717,0.528,0.755,0.414,1.128,0.433
                            c1.324,0.067,2.618,0.25,3.869,0.542c5.921,1.375,10.925,5.142,13.938,10.226c0.304,0.512,1.818-0.024,2.08,0.513
                            c0.213,0.436,0.424,2.899,0.608,3.35c0.256,0.631,1.368,0.461,1.026,1.069c-0.651,1.158-1.275,1.022-1.151,1.591
                            c0.062,0.287,0.118,0.575,0.169,0.866C109.54,179.624,109.653,180.897,109.653,182.198z" />
        </g>
        <g id="Layer_13">
          <path fill="#A3AE98" d="M83.833,166.561c0.494,1.193,0.449,2.788-1.444,2.788c-1.893,0-4.915,0.271-4.449-1.872
                            c0.131-0.6,1.714,0.587,3.606,0.587C83.44,168.064,83.361,165.421,83.833,166.561z" />
          <path fill="#FFFFFF" d="M84.307,166.903c0,1.029-1.362-1.289-3.256-1.289s-3.255,1.997-3.255,0.967c0-0.413,0.19-0.79,0.543-1.093
                            c0.277-0.24,0.742-0.303,1.205-0.433c0.41-0.115,0.974-0.368,1.507-0.368c0.668,0,1.118,0.199,1.645,0.425
                            C83.664,165.529,84.307,166.236,84.307,166.903z" />
          <path fill="#C3CBBD" d="M84.599,166.919c0,0.306-0.292,0.247-0.363,0.482c-0.162,0.535-0.413,1.037-1.111,1.288
                            c-0.528,0.19-1.651,0.414-2.855,0.082c-1.061-0.292-1.247-0.162-1.785-0.603c-0.244-0.2-0.427-0.434-0.545-0.691
                            c-0.07-0.153-0.059-0.305-0.059-0.47c0-0.147-0.321-0.326-0.266-0.463c0.144-0.352,0.46-0.667,0.897-0.915
                            c0.132-0.075,0.49-0.141,0.913-0.252c0.334-0.088,0.417-0.063,0.808-0.126c0.3-0.048,0.396-0.298,0.726-0.298
                            c0.307,0,0.604,0.125,0.889,0.167c1.156,0.173,2.072,0.676,2.404,1.317C84.339,166.607,84.599,166.734,84.599,166.919z" />
          <path fill="#A3AE98" d="M81.106,166.152c-1.614-0.251-3.483,0.924-2.995,0.23c0.529-0.75,2.636-1.175,3.04-0.987
                            s1.998,0.278,2.366,0.532c0.368,0.255,0.654,0.892,0.511,1.239C83.882,167.515,83.155,166.471,81.106,166.152z" />
        </g>
        <g id="Layer_14">
          <path fill="#A3AE98" d="M102.058,190.522c0.403,0.974,0.367,2.274-1.179,2.274c-1.544,0-4.01,0.222-3.63-1.527
                            c0.106-0.49,1.398,0.479,2.943,0.479S101.673,189.593,102.058,190.522z" />
          <path fill="#FFFFFF" d="M102.446,190.801c0,0.84-1.112-1.051-2.657-1.051s-2.656,1.629-2.656,0.789
                            c0-0.337,0.156-0.645,0.443-0.892c0.227-0.196,0.606-0.248,0.983-0.354c0.335-0.093,0.795-0.3,1.229-0.3
                            c0.545,0,0.912,0.162,1.343,0.347C101.92,189.681,102.446,190.258,102.446,190.801z" />
          <path fill="#C3CBBD" d="M102.683,190.815c0,0.25-0.237,0.202-0.296,0.394c-0.132,0.437-0.337,0.846-0.906,1.05
                            c-0.431,0.155-1.349,0.338-2.331,0.067c-0.865-0.239-1.017-0.131-1.456-0.492c-0.198-0.163-0.348-0.354-0.444-0.564
                            c-0.058-0.125-0.048-0.249-0.048-0.383c0-0.12-0.262-0.266-0.217-0.378c0.117-0.287,0.376-0.544,0.732-0.747
                            c0.107-0.061,0.399-0.115,0.745-0.206c0.272-0.072,0.34-0.051,0.658-0.103c0.245-0.039,0.324-0.243,0.592-0.243
                            c0.251,0,0.494,0.102,0.726,0.137c0.944,0.141,1.691,0.552,1.962,1.075C102.472,190.56,102.683,190.664,102.683,190.815z" />
          <path fill="#A3AE98" d="M99.833,190.189c-1.317-0.205-2.842,0.754-2.443,0.188c0.432-0.612,2.15-0.959,2.48-0.805
                            c0.329,0.153,1.63,0.227,1.93,0.434c0.301,0.208,0.534,0.727,0.417,1.011C102.099,191.301,101.505,190.449,99.833,190.189z" />
        </g>
        <g id="Layer_15">
          <path fill="#A3AE98" d="M88.93,181.552c0.784,1.894,0.713,4.423-2.293,4.423c-3.004,0-7.8,0.431-7.061-2.969
                            c0.207-0.953,2.72,0.932,5.724,0.932C88.306,183.938,88.181,179.743,88.93,181.552z" />
          <path fill="#FFFFFF" d="M89.682,182.094c0,1.634-2.161-2.044-5.166-2.044s-5.167,3.167-5.167,1.534
                            c0-0.656,0.305-1.254,0.862-1.735c0.44-0.381,1.179-0.481,1.912-0.687c0.652-0.182,1.546-0.583,2.393-0.583
                            c1.059,0,1.773,0.315,2.61,0.674C88.662,179.914,89.682,181.036,89.682,182.094z" />
          <path fill="#C3CBBD" d="M90.146,182.12c0,0.486-0.464,0.393-0.577,0.766c-0.257,0.849-0.654,1.645-1.763,2.043
                            c-0.838,0.302-2.621,0.657-4.532,0.129c-1.683-0.464-1.979-0.256-2.833-0.956c-0.387-0.317-0.676-0.688-0.864-1.097
                            c-0.111-0.243-0.094-0.484-0.094-0.746c0-0.233-0.51-0.517-0.421-0.735c0.228-0.558,0.73-1.058,1.424-1.452
                            c0.21-0.12,0.778-0.224,1.449-0.401c0.53-0.14,0.662-0.1,1.281-0.199c0.477-0.076,0.631-0.473,1.151-0.473
                            c0.487,0,0.96,0.199,1.411,0.266c1.836,0.274,3.289,1.073,3.815,2.09C89.734,181.625,90.146,181.826,90.146,182.12z" />
          <path fill="#A3AE98" d="M84.602,180.903c-2.562-0.398-5.527,1.466-4.752,0.365c0.839-1.19,4.183-1.865,4.823-1.567
                            c0.642,0.298,3.171,0.441,3.755,0.845c0.585,0.405,1.039,1.415,0.811,1.967C89.009,183.065,87.853,181.409,84.602,180.903z" />
        </g>
        <g id="Layer_16">
          <path fill="#A3AE98" d="M99.031,172.039c0.517,1.248,0.47,2.914-1.509,2.914c-1.979,0-5.138,0.284-4.651-1.956
                            c0.137-0.627,1.791,0.614,3.771,0.614S98.538,170.848,99.031,172.039z" />
          <path fill="#FFFFFF" d="M99.527,172.396c0,1.076-1.424-1.346-3.403-1.346c-1.979,0-3.402,2.086-3.402,1.01
                            c0-0.432,0.201-0.826,0.567-1.143c0.29-0.25,0.776-0.317,1.26-0.452c0.429-0.12,1.018-0.384,1.575-0.384
                            c0.698,0,1.168,0.208,1.72,0.444C98.854,170.961,99.527,171.7,99.527,172.396z" />
          <path fill="#C3CBBD" d="M99.832,172.414c0,0.32-0.305,0.258-0.38,0.504c-0.17,0.56-0.431,1.083-1.161,1.346
                            c-0.552,0.198-1.726,0.433-2.984,0.085c-1.108-0.306-1.303-0.169-1.866-0.63c-0.254-0.209-0.445-0.453-0.569-0.722
                            c-0.073-0.16-0.061-0.319-0.061-0.491c0-0.153-0.336-0.34-0.277-0.484c0.149-0.368,0.48-0.697,0.938-0.956
                            c0.138-0.079,0.513-0.147,0.954-0.265c0.35-0.092,0.436-0.065,0.844-0.131c0.313-0.05,0.415-0.312,0.759-0.312
                            c0.321,0,0.633,0.131,0.929,0.175c1.209,0.181,2.166,0.706,2.513,1.376C99.561,172.087,99.832,172.22,99.832,172.414z" />
          <path fill="#A3AE98" d="M96.18,171.612c-1.687-0.263-3.64,0.965-3.129,0.24c0.552-0.784,2.754-1.229,3.177-1.032
                            c0.422,0.196,2.088,0.29,2.473,0.556s0.684,0.931,0.533,1.295S98.322,171.945,96.18,171.612z" />
        </g>
        <g id="Layer_17">
          <path fill="#A3AE98" d="M78.911,194.286c0.356,0.862,0.324,2.013-1.043,2.013c-1.368,0-3.55,0.196-3.214-1.352
                            c0.095-0.434,1.237,0.424,2.604,0.424C78.626,195.371,78.57,193.462,78.911,194.286z" />
          <path fill="#FFFFFF" d="M79.253,194.532c0,0.744-0.984-0.93-2.352-0.93c-1.368,0-2.351,1.442-2.351,0.698
                            c0-0.298,0.138-0.57,0.392-0.79c0.2-0.173,0.536-0.219,0.87-0.313c0.296-0.083,0.703-0.265,1.089-0.265
                            c0.482,0,0.807,0.143,1.188,0.307C78.789,193.54,79.253,194.051,79.253,194.532z" />
          <path fill="#C3CBBD" d="M79.463,194.544c0,0.221-0.21,0.179-0.262,0.349c-0.118,0.387-0.299,0.749-0.803,0.93
                            c-0.381,0.137-1.192,0.299-2.063,0.059c-0.766-0.211-0.9-0.117-1.289-0.436c-0.176-0.144-0.308-0.313-0.394-0.499
                            c-0.051-0.11-0.042-0.22-0.042-0.34c0-0.105-0.232-0.235-0.192-0.334c0.104-0.254,0.332-0.481,0.648-0.661
                            c0.095-0.055,0.354-0.102,0.659-0.183c0.242-0.063,0.302-0.045,0.583-0.091c0.217-0.035,0.287-0.215,0.524-0.215
                            c0.222,0,0.437,0.091,0.642,0.121c0.836,0.125,1.497,0.488,1.736,0.951C79.277,194.318,79.463,194.411,79.463,194.544z" />
          <path fill="#A3AE98" d="M76.941,193.99c-1.166-0.181-2.516,0.667-2.163,0.166c0.383-0.542,1.903-0.849,2.195-0.713
                            s1.443,0.201,1.709,0.385c0.267,0.184,0.473,0.644,0.369,0.895C78.947,194.974,78.42,194.22,76.941,193.99z" />
        </g>
      </g>
      <g id="Layer_27">
        <circle fill="#FFFFFF" cx="465.177" cy="196.663" r="1.232" />
        <circle fill="#FFFFFF" cx="461.48" cy="204.778" r="1.232" />
        <circle fill="#FFFFFF" cx="472.291" cy="209.013" r="1.232" />
        <circle fill="#FFFFFF" cx="473.523" cy="194.197" r="1.232" />
        <circle fill="#FFFFFF" cx="456.58" cy="190.005" r="1.232" />
        <circle fill="#FFFFFF" cx="415.065" cy="347.824" r="1.232" />
        <circle fill="#FFFFFF" cx="410.135" cy="345.358" r="1.232" />
        <circle fill="#FFFFFF" cx="423.411" cy="339.89" r="1.232" />
        <circle fill="#FFFFFF" cx="424.008" cy="349.056" r="1.232" />
        <circle fill="#FFFFFF" cx="404.002" cy="350.289" r="1.232" />
        <circle fill="#FFFFFF" cx="251.938" cy="342.624" r="1.232" />
        <circle fill="#FFFFFF" cx="246.945" cy="334.69" r="1.232" />
        <circle fill="#FFFFFF" cx="237.115" cy="333.458" r="1.232" />
        <path fill="#A3AE98" d="M268.621,156.395c-1.797,0.994-3.802,1.253-5.669,0.878c-0.125-0.025-0.007,0.198-0.483,0.168
                        c-0.455-0.028-0.302-0.372-0.446-0.416c-0.14-0.043,0.104-0.378-0.792-0.677c-0.369-0.123-0.223,0.288-0.567,0.104
                        c-1.373-0.732-2.557-1.855-3.365-3.319c-1.32-2.388-1.344-5.142-0.306-7.452c0.044-0.098-0.344-0.029-0.152-0.6
                        c0.11-0.327,0.323-0.333,0.514-0.622c0.169-0.255,0.297-0.685,0.373-1.083c0.094-0.497,0.715,0.097,0.844-0.038
                        c0.567-0.592,1.232-1.11,1.988-1.528c0.987-0.546,2.038-0.87,3.094-0.989c0.297-0.033,0.292-0.417,0.522-0.44
                        c1.563-0.157,0.883,0.773,1.35,0.742c0.199-0.013,0.564-0.209,0.76-0.178c1.704,0.272,2.923,0.997,4.178,2.244
                        c0.323,0.321,0.467-0.17,0.73,0.217c0.615,0.905,0.866,1.263,0.823,1.591c-0.043,0.334,0.001,0.326,0.063,0.454
                        c0.221,0.451,0.396,0.914,0.529,1.382c0.629,2.214,0.298,4.563-0.835,6.494c-0.114,0.194,0.341,0.599,0.211,0.784
                        c-0.105,0.15-0.884,0.672-0.999,0.815c-0.163,0.201,0.098,0.538-0.167,0.536c-0.503-0.004-0.572-0.235-0.738-0.09
                        c-0.083,0.073-0.169,0.145-0.256,0.214C269.453,155.885,269.052,156.156,268.621,156.395z" />
        <path fill="#C3CBBD" d="M258.337,144.251c0,0,2.992-4.841,10.1-2.024c1.849,0.732,2.366,1.798,2.864,3.339
                        c0.499,1.541,1.271,3.739,0.36,6.224c-0.978,2.667-1.665,3.054-3.832,4.289c-4.23,2.411-9.073-2.629-9.48-6.233
                        c-0.417-3.697,6.524,2.826,8.501-5.765C267.589,140.875,258.337,144.251,258.337,144.251z" />
        <circle fill="#FFFFFF" cx="324.068" cy="48.808" r="1.232" />
        <circle fill="#FFFFFF" cx="314.49" cy="42.779" r="1.232" />
        <circle fill="#FFFFFF" cx="322.835" cy="36.951" r="1.232" />
        <circle fill="#FFFFFF" cx="338.514" cy="51.842" r="1.232" />
        <circle fill="#FFFFFF" cx="305.892" cy="54.307" r="1.232" />
        <circle fill="#FFFFFF" cx="523.056" cy="357.265" r="1.232" />
        <circle fill="#FFFFFF" cx="512.276" cy="369.622" r="1.232" />
        <circle fill="#FFFFFF" cx="502.828" cy="360.648" r="1.232" />
        <circle fill="#FFFFFF" cx="497.987" cy="368.389" r="1.232" />
        <circle fill="#FFFFFF" cx="502.828" cy="375.784" r="1.232" />
      </g>
      <g id="Layer_18_copy">
        <path fill="#D2D9CC" d="M513.98,100.634c-1.947,1.948-4.434,3.026-6.979,3.236c-0.17,0.014,0.065,0.257-0.561,0.396
                  c-0.596,0.132-0.526-0.367-0.729-0.37c-0.195-0.003-0.006-0.527-1.272-0.578c-0.521-0.022-0.18,0.454-0.692,0.344
                  c-2.04-0.434-3.983-1.442-5.568-3.028c-2.587-2.586-3.64-6.127-3.159-9.489c0.021-0.142-0.453,0.091-0.418-0.715
                  c0.02-0.462,0.291-0.549,0.432-0.993c0.122-0.392,0.128-0.993,0.077-1.534c-0.063-0.675,0.957-0.141,1.073-0.362
                  c0.512-0.974,1.178-1.888,1.996-2.707c1.069-1.07,2.302-1.878,3.618-2.423c0.371-0.154,0.223-0.645,0.512-0.76
                  c1.955-0.783,1.424,0.667,2.014,0.455c0.252-0.091,0.649-0.479,0.913-0.511c2.297-0.282,4.137,0.199,6.217,1.341
                  c0.536,0.294,0.54-0.393,1.021,0.008c1.128,0.938,1.584,1.306,1.651,1.746c0.067,0.447,0.122,0.42,0.249,0.561
                  c0.452,0.5,0.851,1.03,1.194,1.584c1.634,2.621,2.078,5.771,1.335,8.679c-0.075,0.293,0.661,0.644,0.563,0.931
                  c-0.08,0.233-0.89,1.193-0.985,1.422c-0.136,0.318,0.325,0.656-0.016,0.752c-0.649,0.181-0.825-0.091-0.985,0.157
                  c-0.08,0.125-0.164,0.249-0.25,0.372C514.864,99.669,514.447,100.167,513.98,100.634z" />
      </g>
      <g id="Layer_13_copy">
        <path fill="#A3AE98" d="M499.03,86.114c-0.204,0.606-0.187,1.416,0.596,1.416c0.781,0,2.025,0.138,1.835-0.951
                  c-0.056-0.305-0.708,0.298-1.487,0.298C499.191,86.877,499.224,85.535,499.03,86.114z" />
        <path fill="#FFFFFF" d="M498.833,86.288c0,0.523,0.564-0.654,1.343-0.654c0.782,0,1.343,1.014,1.343,0.491
                  c0-0.21-0.078-0.402-0.224-0.556c-0.113-0.122-0.307-0.154-0.497-0.22c-0.168-0.058-0.401-0.187-0.622-0.187
                  c-0.274,0-0.46,0.101-0.677,0.216C499.099,85.59,498.833,85.949,498.833,86.288z" />
        <path fill="#C3CBBD" d="M498.713,86.295c0,0.156,0.119,0.125,0.15,0.246c0.066,0.271,0.17,0.526,0.458,0.654
                  c0.218,0.096,0.68,0.21,1.177,0.042c0.438-0.148,0.515-0.083,0.735-0.306c0.102-0.102,0.177-0.22,0.227-0.351
                  c0.029-0.078,0.023-0.155,0.023-0.239c0-0.075,0.132-0.165,0.109-0.235c-0.059-0.179-0.188-0.338-0.37-0.464
                  c-0.054-0.038-0.202-0.072-0.377-0.128c-0.138-0.045-0.172-0.032-0.332-0.063c-0.125-0.025-0.165-0.151-0.3-0.151
                  c-0.127,0-0.249,0.063-0.366,0.085c-0.478,0.088-0.855,0.343-0.991,0.668C498.821,86.137,498.713,86.202,498.713,86.295z" />
        <path fill="#A3AE98" d="M500.155,85.906c0.664-0.127,1.435,0.469,1.234,0.117c-0.219-0.381-1.088-0.597-1.254-0.501
                  c-0.168,0.096-0.824,0.141-0.976,0.271s-0.271,0.453-0.211,0.629C499.009,86.598,499.309,86.068,500.155,85.906z" />
      </g>
      <g id="Layer_14_copy">
        <path fill="#A3AE98" d="M510.27,98.401c-0.198,0.423-0.181,0.987,0.576,0.987c0.755,0,1.96,0.096,1.774-0.663
                  c-0.053-0.212-0.685,0.208-1.439,0.208C510.425,98.935,510.458,97.999,510.27,98.401z" />
        <path fill="#FFFFFF" d="M510.081,98.523c0,0.365,0.543-0.456,1.299-0.456s1.298,0.707,1.298,0.342c0-0.146-0.076-0.28-0.217-0.387
                  c-0.11-0.085-0.296-0.107-0.48-0.153c-0.163-0.041-0.389-0.13-0.601-0.13c-0.267,0-0.446,0.07-0.657,0.15
                  C510.337,98.037,510.081,98.287,510.081,98.523z" />
        <path fill="#C3CBBD" d="M509.963,98.529c0,0.108,0.117,0.087,0.145,0.171c0.065,0.189,0.166,0.366,0.443,0.456
                  c0.211,0.067,0.66,0.146,1.14,0.029c0.424-0.104,0.497-0.057,0.713-0.213c0.097-0.071,0.169-0.154,0.217-0.245
                  c0.028-0.054,0.022-0.108,0.022-0.166c0-0.052,0.129-0.116,0.107-0.164c-0.058-0.125-0.186-0.236-0.358-0.324
                  c-0.053-0.026-0.195-0.05-0.364-0.089c-0.134-0.031-0.167-0.022-0.322-0.044c-0.12-0.017-0.158-0.105-0.289-0.105
                  c-0.123,0-0.242,0.044-0.354,0.059c-0.462,0.062-0.828,0.239-0.96,0.467C510.067,98.418,509.963,98.463,509.963,98.529z" />
        <path fill="#A3AE98" d="M511.357,98.257c0.645-0.089,1.389,0.327,1.194,0.081c-0.211-0.265-1.051-0.416-1.212-0.35
                  c-0.161,0.067-0.797,0.099-0.943,0.188c-0.147,0.09-0.262,0.315-0.204,0.439C510.25,98.739,510.54,98.37,511.357,98.257z" />
      </g>
      <g id="Layer_15_copy">
        <path fill="#A3AE98" d="M502.416,91.214c-0.378,1.063-0.346,2.482,1.113,2.482c1.457,0,3.783,0.241,3.426-1.667
                  c-0.104-0.534-1.319,0.524-2.777,0.524C502.72,92.554,502.78,90.2,502.416,91.214z" />
        <path fill="#FFFFFF" d="M502.051,91.519c0,0.917,1.048-1.147,2.506-1.147c1.457,0,2.507,1.777,2.507,0.861
                  c0-0.368-0.147-0.704-0.419-0.974c-0.212-0.213-0.57-0.27-0.927-0.385c-0.315-0.102-0.75-0.327-1.161-0.327
                  c-0.513,0-0.86,0.177-1.266,0.378C502.547,90.296,502.051,90.925,502.051,91.519z" />
        <path fill="#C3CBBD" d="M501.827,91.533c0,0.273,0.225,0.22,0.279,0.43c0.126,0.477,0.317,0.922,0.855,1.146
                  c0.407,0.169,1.271,0.369,2.198,0.073c0.816-0.261,0.96-0.144,1.375-0.537c0.188-0.177,0.327-0.386,0.42-0.615
                  c0.052-0.136,0.044-0.271,0.044-0.418c0-0.131,0.247-0.29,0.204-0.412c-0.11-0.313-0.354-0.593-0.69-0.814
                  c-0.102-0.067-0.377-0.126-0.703-0.226c-0.257-0.078-0.322-0.056-0.622-0.111c-0.23-0.043-0.305-0.266-0.558-0.266
                  c-0.237,0-0.466,0.112-0.686,0.149c-0.89,0.154-1.594,0.602-1.85,1.173C502.027,91.255,501.827,91.368,501.827,91.533z" />
        <path fill="#A3AE98" d="M504.515,90.851c1.243-0.224,2.682,0.822,2.306,0.205c-0.407-0.669-2.029-1.047-2.339-0.879
                  c-0.312,0.167-1.539,0.248-1.821,0.474c-0.284,0.227-0.505,0.793-0.394,1.104S502.94,91.134,504.515,90.851z" />
      </g>
      <g id="Layer_16_copy">
        <path fill="#A3AE98" d="M514.498,89.984c0.101,0.732-0.156,1.608-1.204,1.333c-1.048-0.275-2.761-0.564-2.192-1.683
                  c0.16-0.313,0.863,0.574,1.913,0.849C514.062,90.759,514.402,89.284,514.498,89.984z" />
        <path fill="#FFFFFF" d="M514.71,90.243c-0.149,0.569-0.566-0.912-1.615-1.187c-1.049-0.275-2.093,0.633-1.943,0.063
                  c0.061-0.229,0.223-0.409,0.46-0.526c0.188-0.092,0.455-0.061,0.729-0.064c0.245-0.003,0.593-0.062,0.889,0.016
                  c0.37,0.097,0.59,0.272,0.849,0.474C514.553,89.388,514.807,89.874,514.71,90.243z" />
        <path fill="#C3CBBD" d="M514.871,90.293c-0.045,0.17-0.198,0.095-0.271,0.214c-0.168,0.273-0.379,0.514-0.803,0.552
                  c-0.32,0.028-0.975-0.011-1.593-0.37c-0.544-0.316-0.666-0.271-0.9-0.593c-0.106-0.146-0.173-0.302-0.202-0.461
                  c-0.016-0.095,0.014-0.178,0.036-0.269c0.022-0.082-0.13-0.227-0.079-0.295c0.13-0.174,0.352-0.302,0.629-0.376
                  c0.084-0.022,0.293-0.007,0.544-0.008c0.197,0,0.238,0.026,0.465,0.048c0.173,0.017,0.263-0.108,0.444-0.06
                  c0.171,0.044,0.317,0.157,0.468,0.222c0.615,0.263,1.049,0.674,1.14,1.078C514.772,90.083,514.897,90.191,514.871,90.293z" />
        <path fill="#A3AE98" d="M513.047,89.362c-0.856-0.374-2.063,0.005-1.691-0.308c0.401-0.339,1.63-0.268,1.826-0.105
                  c0.196,0.163,1.066,0.444,1.233,0.638c0.166,0.195,0.232,0.589,0.103,0.761C514.387,90.519,514.135,89.835,513.047,89.362z" />
      </g>
      <g id="Layer_17_copy">
        <path fill="#A3AE98" d="M500.701,96.944c0.129,0.582,0.117,1.357-0.381,1.357c-0.5,0-1.295,0.132-1.174-0.911
                  c0.035-0.292,0.452,0.286,0.951,0.286S500.576,96.39,500.701,96.944z" />
        <path fill="#FFFFFF" d="M500.826,97.111c0,0.501-0.359-0.627-0.858-0.627c-0.5,0-0.857,0.972-0.857,0.471
                  c0-0.201,0.05-0.384,0.143-0.532c0.072-0.117,0.195-0.148,0.317-0.211c0.107-0.056,0.257-0.179,0.397-0.179
                  c0.177,0,0.294,0.097,0.434,0.208C500.656,96.442,500.826,96.787,500.826,97.111z" />
        <path fill="#C3CBBD" d="M500.902,97.119c0,0.15-0.076,0.121-0.096,0.235c-0.043,0.261-0.108,0.505-0.293,0.627
                  c-0.139,0.092-0.435,0.201-0.752,0.04c-0.279-0.143-0.329-0.078-0.471-0.293c-0.064-0.097-0.112-0.211-0.145-0.336
                  c-0.017-0.074-0.015-0.148-0.015-0.229c0-0.07-0.085-0.158-0.07-0.225c0.038-0.171,0.121-0.324,0.237-0.445
                  c0.034-0.037,0.128-0.069,0.24-0.123c0.088-0.042,0.109-0.031,0.212-0.062c0.08-0.023,0.105-0.145,0.192-0.145
                  c0.081,0,0.159,0.061,0.234,0.081c0.304,0.085,0.546,0.329,0.634,0.641C500.834,96.967,500.902,97.029,500.902,97.119z" />
        <path fill="#A3AE98" d="M499.982,96.745c-0.426-0.121-0.919,0.45-0.79,0.113c0.14-0.365,0.695-0.572,0.801-0.481
                  c0.106,0.091,0.527,0.136,0.624,0.259c0.098,0.124,0.172,0.434,0.135,0.604C500.713,97.409,500.521,96.901,499.982,96.745z" />
      </g>
    </g>
  </svg>

  <p>Thanks <a href="http://demo.icanbecreative.com/animate-along-svg-path/" target="_blank">Vlad Georgescu</a></p>
$time: 5s;

body {
    background: #353250;
    color: #fff;
    text-align: center;
    font-family: arial, sans-serif;
  }

  h1 {
    font-weight: normal;
  }

  a {
    color: #fff;
    text-underline-position: under;
  }

  #spaceship {
    motion-path: path("M325.8,317.9c-59.9,2.1-135.8-50.5-126.4-118.7S256.3,77.8,342.1,84.4s149.5,63.6,164.5,129.7 c17.4,76.9-40.9,149.3-71.6,171.4c-46.7,33.6-110.3,35.6-180.1,2.3c-62-36.5-106.6-76.2-111.8-136.5");
    animation: sweep $time ease-out both, jump 2.4s ease-in-out infinite $time + 0.1;
  }

  #thruster {
    animation: thruster .2s both infinite;
  }

  @keyframes thruster {
    0%, to {
      transform: translate3d(0, 0, 0);
    }
    50% {
      transform: translate3d(0, -5px, 1);
    }
  }

  @keyframes sweep {
    0% {
      motion-offset: 0;
      transform: rotate(82deg) translate(-50%, 0);
    }
    92% {
      transform: rotate(82deg) translate(-50%, 0);
    }
    to {
      motion-offset: 100%;
      transform: rotate(95deg) translate(-40%, -15px);
    }
  }

  @keyframes jump {
    0% {
      transform: rotate(95deg) translate(-40%, -15px);
    }

    50% {
      transform: rotate(95deg) translate(-40%, -40px);
    }

    to {
      transform: rotate(95deg) translate(-40%, -15px);
    }
  }
// CSS Animate on SVG Path
// By 一丝
// No JS

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.