cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div id="nz-sprites">
      <svg style="position: absolute; left: 9999px;" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <symbol id="location" viewBox="0 0 300 300">
            <g fill="#E81F64" stroke="none" stroke-width="1" fill-rule="evenodd">
              <circle opacity="0.41" fill="#E81F64" cx="32.9" cy="32.9" r="32.9"/>
              <circle fill="#E81F64" cx="33.2" cy="32.9" r="16.3"/>
            </g>
          </symbol>
          <symbol id="places">
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <ellipse id="Oval" stroke-opacity="0" stroke="#E91D63" stroke-width="2" fill="#DE5483" cx="7" cy="6.71089744" rx="7" ry="6.71089744"></ellipse>
              <ellipse id="Oval-2" fill="#FAF9F9" cx="7" cy="6.71089744" rx="2.57894737" ry="2.4724359"></ellipse>
              <polyline id="Triangle" stroke-opacity="0.0069067029" stroke="#979797" fill="#DE5483" points="7 19 12.5263158 10.5961538 1.47368421 10.5961538 7 19"></polyline>
            </g>
          </symbol>
        </defs>
      </svg>
    </div>
<div id="sprites">
      <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; left: -9999px;">
        <defs>
          <linearGradient x1="49.9903%" y1="100.0714%" x2="49.9903%" y2=".0353%" id="linearGradient-1">
            <stop stop-color="#82CBAC" offset="0%"/>
            <stop stop-color="#006838" offset="100%"/>
          </linearGradient>
          <linearGradient x1="50.0307%" y1="99.9969%" x2="50.0307%" y2=".063%" id="linearGradient-2">
            <stop stop-color="#82CBAC" offset="0%"/>
            <stop stop-color="#006838" offset="100%"/>
          </linearGradient>
          <linearGradient x1="50.0667%" y1="99.938%" x2="50.0667%" y2="-.073%" id="linearGradient-3">
            <stop stop-color="#82CBAC" offset="0%"/>
            <stop stop-color="#006838" offset="100%"/>
          </linearGradient>
          <linearGradient x1="49.9618961%" y1="100.171922%" x2="50.1943301%" y2="-0.605268409%" id="linearGradient-4">
            <stop stop-color="#82CBAC" offset="0%"></stop>
            <stop stop-color="#006838" offset="100%"></stop>
          </linearGradient>
        </defs>
        <defs>
          <symbol id="hobitton" viewBox="0 0 143 92">
            <g id="Group">
              <path id="Rectangle-path" fill="#614D1E" d="M11.2 62.4h6.2v19.4h-6.2z"/>
              <path id="Shape" fill="#427638" d="M12.9 35.7L5.4 46.6h16.4z"/>
              <path id="Shape" fill="#427638" d="M13.3 41.7L1.9 58.4H27z"/>
              <path id="Shape" fill="#427638" d="M13.9 49.7L0 69.9h30.3z"/>
              <path id="Rectangle-path" fill="#614D1E" d="M43.9 26.7h6.2v19.4h-6.2z"/>
              <path id="Shape" fill="#427638" d="M45.6 0L38 10.9h16.5z"/>
              <path id="Shape" fill="#427638" d="M46 6L34.5 22.7h25.2z"/>
              <path id="Shape" fill="#427638" d="M46.5 14L32.7 34.1H63z"/>
              <path id="Rectangle-path" fill="#614D1E" d="M58.9 1.8h9v18.7h-9z"/>
              <path d="M47.5 52h94.6c0-26.1-21.2-47.3-47.3-47.3-26.1 0-47.3 21.2-47.3 47.3z" id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#64BE72"/>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#558DCA" cx="94.6" cy="30" r="16.2"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M85.8 17.5h.3v25.6h-.3zM94.5 14.1h.3v13.3h-.3zM94.5 32.6h.3v13.3h-.3zM103 17.1h.1v26.3h-.1z"/>
              <circle id="Oval" fill="#BEBB31" cx="94.6" cy="30" r="1.1"/>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#F7E611" cx="65.6" cy="33.2" r="7.2"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M65.4 26.2h.1v14.2h-.1z"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M59 33.4h13.5v.1H59z"/>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#F7E611" cx="123.1" cy="32.9" r="7.2"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M122.8 25.9h.1v14.2h-.1z"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M116.4 33.1h13.5v.1h-13.5z"/>
              <path id="Rectangle-path" fill="#614D1E" d="M22.9 41.8h9v18.7h-9z"/>
              <path d="M11.5 92h94.6c0-26.1-21.2-47.3-47.3-47.3-26.1 0-47.3 21.2-47.3 47.3z" id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#64BE72"/>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#1E8442" cx="58.6" cy="70" r="16.2"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M49.9 57.4h.3V83h-.3zM58.5 54.1h.3v13.3h-.3zM58.5 72.6h.3v13.3h-.3zM67 57.1h.1v26.3H67z"/>
              <circle id="Oval" fill="#BEBB31" cx="58.7" cy="70" r="1.1"/>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#BDA740" cx="29.7" cy="73.2" r="7.2"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M29.4 66.1h.1v14.2h-.1z"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M23 73.3h13.5v.1H23z"/>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#BDA740" cx="87.1" cy="72.8" r="7.2"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M86.9 65.8h.1V80h-.1z"/>
              <path id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" d="M80.4 73h13.5v.1H80.4z"/>
              <path id="Rectangle-path" fill="#614D1E" d="M122.1 69.4h6.2v19.4h-6.2z"/>
              <path id="Shape" fill="#427638" d="M123.8 42.6l-7.5 11h16.4z"/>
              <path id="Shape" fill="#427638" d="M124.3 48.6l-11.5 16.7h25.1z"/>
              <path id="Shape" fill="#427638" d="M124.8 56.6l-13.9 20.2h30.4z"/>
            </g>
          </symbol>
          <symbol id="sheep" viewBox="0 0 300 300">
            <path d="M30.355 57.591s-.305 11.617 3.4057 10.0822c0 0 3.2998 1.6804 3.2336-10.3203l-6.6394.238z" id="Legs-1" fill="#CCCACA"/>
            <path d="M75.9556 57.7367s-.3048 11.617 3.4058 10.082c0 0 3.2998 1.6804 3.2335-10.3202l-6.6394.2382z" id="Legs-2" fill="#CCCACA"/>
            <path d="M26.472 9.2975s3.9757-7.211 11.039-3.0035c0 0 8.2297-12.649 19.8783-1.323 0 0 10.5355-4.287 16.3532 1.2172 0 0 14.4448-6.007 14.4448 9.7116 0 0 6.3213 1.204 5.513 8.9178 0 0 6.056 4.2075.0662 9.2618 0 0 4.042 9.8175-7.2887 13.231 0 0 .5036 2.911-1.5108 3.5064 0 0-.1987 14.9247-12.9473 5.61-2.8265 1.5642-6.3592.9836-8.5344-1.4025 0 0-8.614 9.4735-21.76-.0794 0 0-11.6354 13.4295-14.14-3.8107 0 0-15.1473-1.204-7.3285-15.52 0 0-4.6118-11.5244 5.3008-18.5237 0 0-5.1153-3.8106-6.1225-6.007l7.037-1.786z" id="Body" fill="#F2F0F0"/>
            <path d="M20.2435 11.097l-7.2224-.794s-1.0468 2.6463 4.1745 4.2075c0 0-20.8986 9.619-16.3 24.147 0 0 2.849 5.0145 17.8373 3.8104.27-2.414 1.0662-4.74 2.3324-6.814 0 0-4.5985-11.723 5.5394-18.5237l-6.361-6.0334z" id="Head" fill="#CCCACA"/>
            <g id="Mouth" fill="#545151">
              <path d="M1.2267 39.0675v-.4498c1.513-.152 2.9223-.8368 3.9756-1.9318.606-.8417.7962-1.9126.517-2.911h.4504c.291 1.101.0775 2.274-.583 3.202-1.1438 1.212-2.6975 1.957-4.36 2.0905z" id="Shape"/>
            </g>
            <ellipse id="Eyes" fill="#545151" cx="14.9559" cy="21.4304" rx="1.8155" ry="1.1643"/>
          </symbol>
          <symbol id="sheep-2" viewBox="0 0 97 68">
            <path d="M30.355 57.591s-.305 11.617 3.4057 10.0822c0 0 3.2998 1.6804 3.2336-10.3203l-6.6394.238z" id="Legs-1" fill="#CCCACA"/>
            <path d="M75.9556 57.7367s-.3048 11.617 3.4058 10.082c0 0 3.2998 1.6804 3.2335-10.3202l-6.6394.2382z" id="Legs-2" fill="#CCCACA"/>
            <path d="M26.472 9.2975s3.9757-7.211 11.039-3.0035c0 0 8.2297-12.649 19.8783-1.323 0 0 10.5355-4.287 16.3532 1.2172 0 0 14.4448-6.007 14.4448 9.7116 0 0 6.3213 1.204 5.513 8.9178 0 0 6.056 4.2075.0662 9.2618 0 0 4.042 9.8175-7.2887 13.231 0 0 .5036 2.911-1.5108 3.5064 0 0-.1987 14.9247-12.9473 5.61-2.8265 1.5642-6.3592.9836-8.5344-1.4025 0 0-8.614 9.4735-21.76-.0794 0 0-11.6354 13.4295-14.14-3.8107 0 0-15.1473-1.204-7.3285-15.52 0 0-4.6118-11.5244 5.3008-18.5237 0 0-5.1153-3.8106-6.1225-6.007l7.037-1.786z" id="Body" fill="#F2F0F0"/>
            <path d="M20.2435 11.097l-7.2224-.794s-1.0468 2.6463 4.1745 4.2075c0 0-20.8986 9.619-16.3 24.147 0 0 2.849 5.0145 17.8373 3.8104.27-2.414 1.0662-4.74 2.3324-6.814 0 0-4.5985-11.723 5.5394-18.5237l-6.361-6.0334z" id="Head" fill="#CCCACA"/>
            <g id="Mouth" fill="#545151">
              <path d="M1.2267 39.0675v-.4498c1.513-.152 2.9223-.8368 3.9756-1.9318.606-.8417.7962-1.9126.517-2.911h.4504c.291 1.101.0775 2.274-.583 3.202-1.1438 1.212-2.6975 1.957-4.36 2.0905z" id="Shape"/>
            </g>
            <ellipse id="Eyes" fill="#545151" cx="14.9559" cy="21.4304" rx="1.8155" ry="1.1643"/>
          </symbol>
          <symbol id="hillside" viewBox="0 0 90 66">
            <path d="M34 32.5s23.1-70.9 55.8 0" id="Shape" fill="url(#linearGradient-1)" />
            <path d="M0 51.6s18.8-57.7 45.3 0" id="Shape" fill="url(#linearGradient-2)" />
            <path d="M39 65.8s14.7-45 35.4 0" id="Shape" fill="url(#linearGradient-3)" />
          </symbol>
          <symbol id="trees" viewBox="482 1 106 88">
            <path d="M518.6606 47.235c-4.8236-4.237-33.7653-27.2382 16.8826-46.0022 0 0 30.7506 5.4476 25.927 34.5016 4.8236 4.237-32.5594 21.1852-42.8096 11.5005z" id="Shape" fill="#DC9E28"/>
            <path d="M551.823 21.8127s-16.2798 1.816-16.2798 23.001v23.6064h-7.2354V46.6297s-7.8383-10.8952-15.0737-10.8952c0 0 13.265-4.237 18.0886 2.4212 0 0-3.0148-19.9746-12.059-19.9746 0 0 4.8236-5.4477 16.2796 9.6846 0 0 4.2207-8.474 11.456-7.2635l4.8237 1.2107z" id="Shape" fill="#817F37"/>
            <path d="M491.5278 72.052c-3.6177-3.0266-25.324-20.58 12.662-34.5017 0 0 22.912 4.237 19.8974 26.0275 3.0147 3.0264-24.721 15.7375-32.5594 8.474z" id="Shape" fill="#E3D857"/>
            <path d="M516.2488 53.2878s-12.059 1.2106-12.059 17.5535V89h-5.4266V72.052s-6.0295-7.869-11.456-7.869c0 0 10.25-3.0264 13.265 1.816 0 0-2.412-15.1323-9.0444-15.1323 0 0 3.6177-4.237 12.059 7.2635 0 0 3.0148-6.6582 9.0443-5.4477l3.6178.6053z" id="Shape" fill="#817F37"/>
            <path d="M552.426 68.42c-4.2208-3.6316-27.133-21.7904 13.2648-36.9226 0 0 24.721 4.8423 21.1033 27.8433 4.2208 3.6318-25.9268 16.9482-34.368 9.0794z" id="Shape" fill="#BADA87"/>
            <path d="M578.9557 48.4455s-13.265 1.2106-13.265 18.764v19.3693h-6.0294V68.42s-6.6325-8.474-12.059-8.474c0 0 10.853-3.6317 14.4708 1.816 0 0-2.4117-16.343-9.647-16.343 0 0 3.6176-4.237 13.2648 7.8688 0 0 3.6177-7.2635 9.6472-6.053l3.6177 1.2107z" id="Shape" fill="#817F37"/>
          </symbol>
          <symbol id="camp" viewBox="603 1 83 89">
            <path fill="currentColor" d="M603 40.7946S624.7573 29.5016 644.3657 1c0 0 30.084 36.837 41.6343 39.7946 0 0-6.4466 26.0815 0 49.2054h-24.9806S647.8576 77.6314 644.5 53.432c0 0-4.1634 22.855-15.7136 36.568H603s6.4466-23.6616 0-47.592v-1.6134z" id="Shape"/>
          </symbol>
          <symbol id="cutlery" viewBox="707 3 52 88">
            <path fill="currentColor" d="M744.7026 37.4795c-11.4452-5.6608-12.2483-27.1822-1.0967-33.4503 6.9865-3.9265 12.8197 4.2457 14.4982 10.2616 1.493 5.3263.7825 11.44-1.596 16.4163-.592 1.2782-1.3806 2.4555-2.3375 3.4893-1.0657 1.132-3.9335 2.3312-4.4792 3.5097-.5458 1.1784.17 4.3845.2162 5.6608l.3965 10.3387.937 24.4033c.1338 3.4994 1.3077 7.8582-.9576 10.874-2.6103 3.4736-6.1783 1.3585-7.1256-2.5732-.3655-1.544.1184-3.695.1648-5.2543l1.3798-43.6758zM715.6958 36.965c-4.263-1.544-6.6107-6.2836-7.666-10.349-1.622-6.119-1.0298-12.4796-.2266-18.65.2265-1.935-.1545-2.295 1.4673-2.7428 2.3168-.6433 1.6372.072 2.0594 1.271 1.1738 3.237 0 9.0265 0 12.4847 0 1.1373-.376 6.87 1.9615 4.0037 1.3695-1.6777.3552-9.3507.4376-11.548.0464-1.2043-.834-8.3163 2.4045-6.2167 1.39.9006.4015 8.9287.4015 10.8842 0 1.544-.6487 4.7088 0 6.119.6024 1.307 1.1636.9622 3.0892 1.1783l.3964-10.5445c.0875-2.3673-1.0297-7.637 1.7453-7.637 4.6645 0-1.1688 16.0613 1.8328 18.0117 3.192 2.0585 2.327-6.3504 2.3838-7.5134.0875-1.796-.6127-9.4176.6538-10.4983.453-.391 2.5022-.067 2.7957.247.4686.5146.2935 2.82.34 3.4583.3994 4.452.3787 8.932-.062 13.38-.417 3.9935-1.2252 9.0008-4.2577 11.929-1.936 1.8835-4.2218 1.4358-4.716 3.947-.5613 2.846.319 6.6902.4582 9.5618l.6847 14.1727c.3604 7.534 2.0594 16.231 1.143 23.7343-.2008 1.6416-.4273 2.4393-2.0594 3.6023-3.877 2.8407-6.0804-1.657-6.482-5.316-.865-7.853.4222-16.5193.623-24.4033l.592-22.566z" id="Shape"/>
          </symbol>
          <symbol id="roam" viewBox="0 0 68 92">
            <circle id="Oval" fill="currentColor" cx="33.54" cy="33.54" r="33.54"/>
            <circle id="Oval" fill="#FFF" cx="33.95" cy="34.42" r="12.13"/>
            <path id="Shape" fill="currentColor" d="M12.7 59.81l20.84 31.98 20.85-31.98z"/>
          </symbol>
          <symbol id="sleep-sheep" viewBox="0 0 122 81">
            <g id="sleep-1" transform="translate(13.569697, 16.200000)" font-size="18" fill="#F7F708" font-family="Geneva" font-weight="bold">
              <text id="Z" transform="translate(15.563487, 16.034905) rotate(-24.720000) translate(-15.563487, -16.034905) ">
                <tspan x="4.38015341" y="21.5349055">Z</tspan>
              </text>
            </g>
            <g id="sleep-2" transform="translate(25.884848, 29.109589)" font-size="18" fill="#F7F708" font-family="Geneva" font-weight="bold">
              <text id="Z" transform="translate(13.335207, 14.256637) rotate(7.880000) translate(-13.335207, -14.256637) ">
                <tspan x="2.15187382" y="19.7566372">Z</tspan>
              </text>
            </g>
            <g id="sleep-3" transform="translate(31.621212, 33.200000)" font-size="18" fill="#F7F708" font-family="Geneva" font-weight="bold">
              <text id="Z" transform="translate(16.032972, 16.034905) rotate(-24.720000) translate(-16.032972, -16.034905) ">
                <tspan x="4.84963826" y="21.5349055">Z</tspan>
              </text>
            </g>
            <g id="back-leg" transform="translate(97.600000, 57.809589)" fill="#CCCACA">
              <path d="M0.386333333,10.129161 C0.386333333,10.129161 3.33466667,1.21916096 15.9616667,0.307910959 L18.1576667,0.307910959 C18.1576667,0.307910959 28.548,7.33466096 6.527,14.037411 C6.527,14.037411 1.586,15.677661 0.793,11.263161 L0.386333333,10.129161 Z" id="Shape"></path>
            </g>
            <g id="body" transform="translate(4.066667, 0.000000)" fill="#F2F0F0">
              <g id="Group" transform="translate(-0.000000, 0.000000)">
                <path d="M19.459,12.5145 C19.459,12.5145 24.888,2.53125 34.77,8.36325 C34.77,8.36325 46.1973333,-9.153 62.342,6.54075 C62.342,6.54075 76.9616667,0.6075 85.034,8.2215 C85.034,8.2215 105.082667,-0.10125 105.082667,21.6675 C105.082667,21.6675 113.846333,23.328 112.748333,34.02 C112.748333,34.02 121.166333,39.852 112.748333,46.91925 C112.748333,46.91925 118.360333,60.507 102.581667,65.14425 C102.581667,65.14425 103.273,69.19425 100.548333,70.00425 C100.548333,70.00425 58.7633333,88.857 40.5243333,75.6945 C40.5243333,75.6945 -0.142333333,68.769 10.7156667,48.924 C10.7156667,48.924 4.31066667,32.967 18.0966667,23.26725 C18.0966667,23.26725 11.0003333,18.00225 9.59733333,14.9445 L19.459,12.5145 Z" id="Shape"></path>
                <path d="M8.967,15.552 C8.967,15.552 2.03333333,21.87 6.1,34.60725 L10.1666667,52.67025 L18.8286667,20.27025 L9.71933333,15.00525 L8.967,15.552 Z" id="Shape"></path>
                <path d="M19.459,12.5145 C5.22566667,10.02375 5.22566667,22.9635 5.22566667,22.9635 C5.22566667,22.9635 -7.09633333,35.802 8.601,39.71025 C8.601,39.71025 -3.599,53.379 7.686,57.51" id="Shape"></path>
              </g>
              <polygon id="Shape" points="7.97066667 48.90375 6.832 57.1455 12.8506667 57.51 12.8506667 50.92875"></polygon>
            </g>
            <g id="sheep-head" transform="translate(0.000000, 4.050000)">
              <g id="head" fill="#CCCACA">
                <path d="M34.3226667,13.34475 C36.783,13.62825 39.345,13.14225 37.2506667,9.29475 C36.7423333,8.28225 41.8663333,1.80225 31.4353333,3.21975 C30.2356667,1.0125 27.8363333,-1.03275 24.9286667,2.53125 C23.0376667,1.539 16.2666667,-2.89575 15.5143333,3.05775 C15.5143333,3.05775 5.59166667,0.66825 11.4476667,6.1155 C10.3903333,6.075 5.49,11.34 14.2333333,11.745 L13.2166667,11.92725 C13.2166667,11.92725 12.017,13.46625 7.11666667,14.661 C2.21633333,15.85575 -1.01666667,18.24525 0.61,20.736 C2.23666667,23.22675 7.625,22.761 13.9486667,16.30125 C10.5326667,23.976 5.57133333,48.1545 23.363,48.1545 C28.3243333,48.1545 41.2563333,46.1295 35.7866667,20.87775 C38.3893333,23.652 42.761,26.83125 45.9533333,21.40425 C47.6003333,15.9165 37.759,15.65325 34.3226667,13.34475 Z" id="Shape"></path>
              </g>
              <g id="eyes" transform="translate(15.342424, 23.384589)" stroke="#545151" stroke-width="0.25" fill="#CCCACA">
                <path d="M0.639575758,0.712910959 C0.639575758,0.712910959 2.18490909,4.17566096 4.21824242,0.712910959" id="Shape"></path>
                <path d="M10.8062424,0.712910959 C10.8062424,0.712910959 12.3515758,4.17566096 14.3849091,0.712910959" id="Shape"></path>
              </g>
              <g id="nose" transform="translate(21.442424, 38.475000)" fill="#545151">
                <ellipse id="Oval" cx="1.53424242" cy="1.6605" rx="1.525" ry="1.51875"></ellipse>
              </g>
            </g>
            <g id="legs" transform="translate(6.100000, 56.700000)" fill="#CCCACA">
              <path d="M22.0006667,14.499 C22.0006667,14.499 26.6366667,6.399 39.1823333,7.857 C39.8736667,7.938 40.5921111,8.05275 41.3376667,8.20125 C41.3376667,8.20125 50.1623333,17.091 27.2466667,19.44 C27.2466667,19.44 22.082,20.10825 22.1633333,15.61275 L22.0006667,14.499 Z" id="Shape"></path>
              <path d="M18.9506667,14.60025 C18.9506667,14.60025 9.882,17.15175 2.03333333,7.22925 C1.59955556,6.67575 1.17255556,6.0885 0.752333333,5.4675 C0.752333333,5.4675 0.752333333,-7.047 18.7066667,7.39125 C18.7066667,7.39125 22.7733333,10.55025 19.6013333,13.689 L18.9506667,14.60025 Z" id="Shape"></path>
            </g>
          </symbol>
          <symbol id="hobitton-smoke" viewBox="0 0 143 92">
            <g id="Group">
              <path display="opacity: 0" d="M68.9731857,58.2840768 C68.9731857,58.2840768 65.6271388,56.281343 67.9235724,53.6971704 C67.9235724,53.6971704 70.4765533,52.3079549 71.0726355,54.1491779 C71.0726355,54.1491779 71.1382224,52.4338219 72.4504064,53.1945934 C72.4504064,53.1945934 76.5181322,53.6187542 75.8620402,55.9514155 C75.8620402,55.9514155 76.0590239,57.1927094 77.7647293,58.2840768 C77.7647293,58.2840768 78.8799295,62.3474655 74.681253,61.8304082 C74.681253,61.8304082 72.712977,64.0271777 75.6652795,63.7041561 C75.6652795,63.7041561 76.4378217,67.3219977 72.5088546,66.6113503 C72.5088546,66.6113503 65.561552,68.5497025 64.7086993,63.7687604 C64.7086993,63.7687604 62.4124888,60.4739403 66.0864702,60.409336 C66.0864702,60.409336 67.9891593,61.0896863 68.5138544,59.3108399 L68.9731857,58.2840768 Z" id="smoke-1" fill="#E5E5E4"></path>
              <path display="opacity: 0" d="M66.3951486,11.6578449 C66.3951486,11.6578449 69.8033767,9.37835181 71.2844766,12.7129352 C71.2844766,12.7129352 71.4988673,15.756852 69.4592372,15.4990411 C69.4592372,15.4990411 71.0857407,16.3283813 69.7728631,17.2332365 C69.7728631,17.2332365 67.570052,20.9035303 65.608165,19.237696 C65.608165,19.237696 64.3236782,18.8693947 62.5183389,20 C62.5183389,20 58.1055524,19.2414055 60.4558899,15.4881776 C60.4558899,15.4881776 59.2043047,12.6382151 58.2140745,15.5840949 C58.2140745,15.5840949 54.3821064,14.6993771 56.8006349,11.2887488 C56.8006349,11.2887488 57.9938464,3.82998668 62.9832058,5.15852072 C62.9832058,5.15852072 67.1752335,4.45318414 65.6174517,7.96820858 C65.6174517,7.96820858 64.1220236,9.46949974 65.6068383,10.7627934 L66.3951486,11.6578449 Z" id="smoke-3" fill="#E5E5E4"></path>
              <path display="opacity: 0" d="M69.5974554,48.7730267 C69.5974554,48.7730267 67.6983235,51.8915731 66.1006652,52.0715998 C66.1006652,52.0715998 62.3942071,54.286382 61.4446411,51.8743269 C61.4446411,51.8743269 60.4787138,50.9366752 58.3359792,51.0834197 C58.3359792,51.0834197 54.7761675,48.312824 58.6529052,46.0941084 C58.6529052,46.0941084 53.631477,42.5074926 57.4055016,40.6258354 C57.4055016,40.6258354 62.0197133,34.5645333 65.8200979,38.1157489 C65.8200979,38.1157489 69.8813556,39.4806236 66.8223838,41.8642375 C66.8223838,41.8642375 64.7784235,42.4875232 65.4813568,44.3425546 C65.4813568,44.3425546 69.870145,45.1062308 69.5974554,48.7730267" id="smoke-2" fill="#E5E5E4"></path>
              <path display="opacity: 0" d="M25.7023801,81.2138821 C25.7023801,81.2138821 28.8834365,79.0863261 30.2655677,82.1986465 C30.2655677,82.1986465 30.4659161,85.0396744 28.5622352,84.7990476 C28.5622352,84.7990476 30.0800784,85.5733563 28.8549568,86.4178993 C28.8549568,86.4178993 26.798724,89.8435538 24.967852,88.2885065 C24.967852,88.2885065 23.7689813,87.9450013 22.0839749,89 C22.0839749,89 17.9653179,88.2919688 20.1589962,84.7889082 C20.1589962,84.7889082 18.9905864,82.1289068 18.0666065,84.8784322 C18.0666065,84.8784322 14.4900541,84.0526843 16.7471306,80.8693877 C16.7471306,80.8693877 17.8610575,73.9077812 22.5178566,75.1480105 C22.5178566,75.1480105 26.4304693,74.4894401 24.9765198,77.7701744 C24.9765198,77.7701744 23.5807678,79.1713987 24.9666138,80.3784893 L25.7023801,81.2138821 Z" id="smoke-4" fill="#E5E5E4"></path>
              <path display="opacity: 0" d="M30.4472964,59.5088408 C30.4472964,59.5088408 28.4294688,62.8222964 26.7319568,63.0135748 C26.7319568,63.0135748 22.793845,65.3667809 21.7849312,62.8039723 C21.7849312,62.8039723 20.7586334,61.8077174 18.4819779,61.9636334 C18.4819779,61.9636334 14.699678,59.0198755 18.8187118,56.6624902 C18.8187118,56.6624902 13.4834443,52.8517108 17.4933454,50.8524501 C17.4933454,50.8524501 22.3959454,44.4123166 26.4341759,48.1854832 C26.4341759,48.1854832 30.7492623,49.6356625 27.4987828,52.1682524 C27.4987828,52.1682524 25.326753,52.8304934 26.0742635,54.8014642 C26.0742635,54.8014642 30.7370291,55.6128703 30.4472964,59.5088408" id="smoke-6" fill="#E5E5E4"></path>
              <path display="opacity: 0" d="M33.9163155,71.6233298 C33.9163155,71.6233298 35.0522043,75.6158131 31.3708491,76 C31.3708491,76 28.3656502,75.2555204 29.251509,73.3729777 C29.251509,73.3729777 27.9430189,74.6793743 27.4797913,73.13323 C27.4797913,73.13323 24.6251481,69.8661647 26.8455755,68.4982875 C26.8455755,68.4982875 27.6023866,67.3771382 27.0749041,65.2859909 C27.0749041,65.2859909 29.1856409,61.2755199 32.0741592,64.7101132 C32.0741592,64.7101132 35.2159336,64.3954612 32.6817589,62.5220466 C32.6817589,62.5220466 34.7328112,59.1100051 37.2694055,62.5032534 C37.2694055,62.5032534 44.0962991,65.9813397 41.2553672,70.3690173 C41.2553672,70.3690173 40.627066,74.6246055 37.7205349,72.0271154 C37.7205349,72.0271154 36.7389656,70.1187991 35.0263948,71.144103 L33.9163155,71.6233298 Z" id="smoke-5" fill="#E5E5E4"></path>
              <rect id="Rectangle-path" fill="#614D1E" x="11.2" y="62.4" width="6.2" height="19.4"></rect>
              <polygon id="Shape" fill="#427638" points="12.9 35.7 5.4 46.6 21.8 46.6"></polygon>
              <polygon id="Shape" fill="#427638" points="13.3 41.7 1.9 58.4 27 58.4"></polygon>
              <polygon id="Shape" fill="#427638" points="13.9 49.7 0 69.9 30.3 69.9"></polygon>
              <rect id="Rectangle-path" fill="#614D1E" x="43.9" y="26.7" width="6.2" height="19.4"></rect>
              <polygon id="Shape" fill="#427638" points="45.6 0 38 10.9 54.5 10.9"></polygon>
              <polygon id="Shape" fill="#427638" points="46 6 34.5 22.7 59.7 22.7"></polygon>
              <polygon id="Shape" fill="#427638" points="46.5 14 32.7 34.1 63 34.1"></polygon>
              <rect id="Rectangle-path" fill="#614D1E" x="58.9" y="1.8" width="9" height="18.7"></rect>
              <path d="M47.5,52 L142.1,52 C142.1,25.9 120.9,4.7 94.8,4.7 C68.7,4.7 47.5,25.9 47.5,52 L47.5,52 Z" id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#64BE72"></path>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#558DCA" cx="94.6" cy="30" r="16.2"></circle>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="85.8" y="17.5" width="0.3" height="25.6"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="94.5" y="14.1" width="0.3" height="13.3"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="94.5" y="32.6" width="0.3" height="13.3"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="103" y="17.1" width="0.1" height="26.3"></rect>
              <circle id="Oval" fill="#BEBB31" cx="94.6" cy="30" r="1.1"></circle>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#F7E611" cx="65.6" cy="33.2" r="7.2"></circle>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="65.4" y="26.2" width="0.1" height="14.2"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="59" y="33.4" width="13.5" height="0.1"></rect>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#F7E611" cx="123.1" cy="32.9" r="7.2"></circle>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="122.8" y="25.9" width="0.1" height="14.2"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="116.4" y="33.1" width="13.5" height="0.1"></rect>
              <rect id="Rectangle-path" fill="#614D1E" x="22.9" y="41.8" width="9" height="18.7"></rect>
              <path d="M11.5,92 L106.1,92 C106.1,65.9 84.9,44.7 58.8,44.7 C32.7,44.7 11.5,65.9 11.5,92 L11.5,92 Z" id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#64BE72"></path>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#1E8442" cx="58.6" cy="70" r="16.2"></circle>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="49.9" y="57.4" width="0.3" height="25.6"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="58.5" y="54.1" width="0.3" height="13.3"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="58.5" y="72.6" width="0.3" height="13.3"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="67" y="57.1" width="0.1" height="26.3"></rect>
              <circle id="Oval" fill="#BEBB31" cx="58.7" cy="70" r="1.1"></circle>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#BDA740" cx="29.7" cy="73.2" r="7.2"></circle>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="29.4" y="66.1" width="0.1" height="14.2"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="23" y="73.3" width="13.5" height="0.1"></rect>
              <circle id="Oval" stroke="#4E4E4E" stroke-width="3" fill="#BDA740" cx="87.1" cy="72.8" r="7.2"></circle>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="86.9" y="65.8" width="0.1" height="14.2"></rect>
              <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" x="80.4" y="73" width="13.5" height="0.1"></rect>
              <rect id="Rectangle-path" fill="#614D1E" x="122.1" y="69.4" width="6.2" height="19.4"></rect>
              <polygon id="Shape" fill="#427638" points="123.8 42.6 116.3 53.6 132.7 53.6"></polygon>
              <polygon id="Shape" fill="#427638" points="124.3 48.6 112.8 65.3 137.9 65.3"></polygon>
              <polygon id="Shape" fill="#427638" points="124.8 56.6 110.9 76.8 141.3 76.8"></polygon>
            </g>
          </symbol>
          <symbol id="geyser" viewBox="0 0 118 106">
            <path style="opacity: 0" class="gsmoke" d="M42.1928517,64.8261864 C42.1928517,64.8261864 39.6937643,68.9359322 37.5895057,69.1739831 C37.5895057,69.1739831 32.7124715,72.0934746 31.4606844,68.9134746 C31.4606844,68.9134746 30.1909506,67.6783051 27.3688213,67.8714407 C27.3688213,67.8714407 22.6847148,64.2198305 27.7860837,61.2958475 C27.7860837,61.2958475 21.1771863,56.5707627 26.1439544,54.1094068 C26.1439544,54.1094068 32.2189354,46.1234746 37.221597,50.8036441 C37.221597,50.8036441 42.5697338,52.6002542 38.5406844,55.744322 C38.5406844,55.744322 35.8486692,56.5662712 36.7774144,59.009661 C36.7774144,59.009661 42.5562738,60.0157627 42.1973384,64.8486441" id="g-smoke-3" fill="#F1EFEF"></path>
            <path style="opacity: 0" class="gsmoke" d="M90.5324715,61.2105085 C90.5324715,61.2105085 92.1387072,66.8563559 86.9431179,67.3998305 C86.9431179,67.3998305 82.6987072,66.3488136 83.9504943,63.685339 C83.9504943,63.685339 82.1019772,65.5313559 81.4469202,63.3439831 C81.4469202,63.3439831 77.4088973,58.7222034 80.5495817,56.7863559 C80.5495817,56.7863559 81.6174144,55.2008475 80.8726236,52.2409322 C80.8726236,52.2409322 83.8562738,46.5681356 87.9346768,51.4279661 C87.9346768,51.4279661 92.3720152,50.9788136 88.791635,48.3333051 C88.791635,48.3333051 91.690038,43.5049153 95.2749049,48.3063559 C95.2749049,48.3063559 104.921293,53.2470339 100.905703,59.4318644 C100.905703,59.4318644 100.008365,65.4505085 95.9120152,61.7764407 C95.9120152,61.7764407 94.5256274,59.0815254 92.1073004,60.5277966 L90.5324715,61.2105085 Z" id="g-smoke-2" fill="#F1EFEF"></path>
            <path style="opacity: 0" class="gsmoke" d="M61.3644867,9.20762712 C61.3644867,9.20762712 55.5721673,5.73567797 59.5698099,1.25762712 C59.5698099,1.25762712 63.9892015,-1.14983051 65.0211407,2.03915254 C65.0211407,2.03915254 65.133308,-0.934237288 67.4080608,0.386271186 C67.4080608,0.386271186 74.4476806,1.12288136 73.3125475,5.16525424 C73.3125475,5.16525424 73.6535361,7.31669492 76.6057795,9.20762712 C76.6057795,9.20762712 78.535057,16.250339 71.266616,15.3520339 C71.266616,15.3520339 67.8612167,19.1563559 72.9715589,18.5994068 C72.9715589,18.5994068 74.3175665,24.8875424 67.5067681,23.6388983 C67.5067681,23.6388983 55.4824335,26.9985593 54.0063118,18.6982203 C54.0063118,18.6982203 50.0311027,12.9894915 56.3932319,12.8592373 C56.3932319,12.8592373 59.6864639,14.0360169 60.5927757,10.9548305 L61.3644867,9.20762712 Z" id="g-smoke-1" fill="#F1EFEF"></path>
            <ellipse id="pr1" class="projectiles" fill="#DCDBDB" cx="48.0704183" cy="34.355678" rx="4.78730038" ry="4.79245763"></ellipse>
            <ellipse id="pr2" class="projectiles" fill="#DCDBDB" cx="44.0638023" cy="39.3412712" rx="1.8530038" ry="1.855"></ellipse>
            <ellipse id="pr3" class="projectiles" fill="#DCDBDB" cx="50.15673" cy="47.9874576" rx="1.81711027" ry="1.8190678"></ellipse>
            <ellipse id="pr4" class="projectiles" fill="#DCDBDB" cx="49.3491255" cy="65.4505085" rx="1.4581749" ry="1.45974576"></ellipse>
            <ellipse id="pr5" class="projectiles" fill="#DCDBDB" cx="71.5044106" cy="45.0095763" rx="1.78570342" ry="1.78762712"></ellipse>
            <ellipse id="pr6" class="projectiles" fill="#DCDBDB" cx="61.8759696" cy="33.5202542" rx="1.57034221" ry="1.5720339"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="50.9777947" cy="36.3364407" rx="12.0153612" ry="12.0283051"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="59.8749049" cy="41.6499153" rx="7.28190114" ry="7.28974576"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="69.4629658" cy="49.3483898" rx="7.43893536" ry="7.44694915"></ellipse>
            <polygon id="geyser-shoot" fill="#DCDBDB" points="76.7089734 48.050339 73.3170342 85.3973729 47.4422814 85.3973729 45.4322433 46.469322"></polygon>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="74.6450951" cy="54.5720339" rx="3.57140684" ry="3.57525424"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="65.7659316" cy="38.6495763" rx="10.095057" ry="10.1059322"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="50.318251" cy="56.1395763" rx="7.76646388" ry="7.77483051"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="46.7872243" cy="64.5072881" rx="3.07787072" ry="3.08118644"></ellipse>
            <ellipse id="Oval" class="geyser-balls" fill="#DCDBDB" cx="73.9855513" cy="59.8540678" rx="4.25787072" ry="4.26245763"></ellipse>
            <path d="M0.237794677,101.521949 L0.659543726,101.292881 L43.6869202,77.815678 C43.6869202,77.815678 57.295057,85.9902542 76.7897338,77.5461864 L117.98654,100.560763 C117.98654,100.560763 62.8944487,111.565 1.71391635,101.508475 L0.237794677,101.521949 Z" id="Shape" fill="url(#linearGradient-4)"></path>
          </symbol>
          <symbol id="ruapehu" viewBox="0 0 147 73">
            <path d="M146.26,65.7811111 L121.111563,35.9901587 L91.2225,59.2806349 L46.4640625,0.0115873016 L19.6275,67.0673016 L7.625625,60.1960317 L0.0059375,72.2352381 L145.6125,66.2214286 C145.816483,66.0578753 146.032984,65.910649 146.26,65.7811111 L146.26,65.7811111 Z" id="Shape" stroke="#4D4D4E" stroke-width="3" fill="#FFFFFF"></path>
            <polygon id="Shape" fill="#4C4C4D" points="146.017188 65.9085714 139.750313 58.4231746 122.406563 62.2353968 114.243438 50.6480952 91.3496875 58.9098413 79.9953125 44.0549206 63.2875 32.12 54.73125 50.7292063 44.2325 41.0074603 25.7325 50.7292063 19.95125 68.4230159 145.624063 66.2214286"></polygon>
            <polygon id="Shape" fill="#4C4C4D" points="0.9425 71.7601587 13.869375 64.3674603 21.824375 68.0638095 0.9425 72.2468254"></polygon>
            <polygon id="Shape" fill="#4C4C4D" points="8.2384375 69.581746 31.213125 65.0974603 109.849687 66.8471429 5.775625 71.2734921"></polygon>
            <polyline id="Shape" stroke="#FFFFFF" stroke-width="0.75" fill="#4D4D4E" points="31.5021875 72.2468254 38.405 62.4207937 50.730625 57.9133333 54.5809375 49.6979365"></polyline>
            <g id="cloud-1" transform="translate(8.250000, 2.317460)" fill="#0B7CA4">
              <path d="M3.0178125,20.3588889 C3.0178125,20.3588889 -2.1159375,18.0414286 1.43375,12.757619 C1.43375,12.757619 3.630625,10.6719048 5.5846875,12.027619 C5.43444649,9.44162906 7.15333806,7.11883186 9.66625,6.51206349 C11.0884738,6.10620232 12.6178394,6.3751625 13.8171875,7.24206349 C13.8171875,7.24206349 14.9734375,-1.21666667 23.0671875,0.28968254 C23.0671875,0.28968254 28.929375,0.66047619 28.929375,8.7484127 C28.929375,8.7484127 35.404375,6.90603175 37.485625,12.6649206 C37.485625,12.6649206 38.34125,20.3820635 32.4790625,20.3820635 L3.0178125,20.3588889 Z" id="Shape"></path>
              <path d="M7.215,11.2744444 C7.215,11.2744444 2.08125,13.1979365 5.6309375,17.5547619 C5.6309375,17.5547619 7.8278125,19.2812698 9.781875,18.1573016 C9.781875,18.1573016 9.411875,21.7030159 13.8171875,22.7111111 C15.2270147,23.045051 16.7107896,22.8296699 17.968125,22.1085714 C17.968125,22.1085714 19.124375,29.0609524 27.218125,27.9022222 C27.218125,27.9022222 33.0803125,27.6009524 33.0803125,20.9498413 C33.0803125,20.9498413 39.5553125,22.4677778 41.6365625,17.7053968 C41.6365625,17.7053968 42.4921875,11.3207937 36.63,11.3207937 L7.215,11.2744444 Z" id="Shape"></path>
            </g>
            <g id="cloud-2" transform="translate(54.500000, 22.015873)" fill="#0B7CA4">
              <path d="M33.6815625,17.6242857 C33.6815625,17.6242857 38.0175,15.6544444 35.0228125,11.2049206 C35.0228125,11.2049206 33.16125,9.44365079 31.5540625,10.5792063 C31.6738821,8.414246 30.2424302,6.46913098 28.143125,5.94428571 C26.951967,5.61603785 25.6765526,5.84610489 24.674375,6.57 C24.674375,6.57 23.749375,-0.567777778 16.8234375,0.672063492 C16.8234375,0.672063492 11.863125,0.984920635 11.863125,7.80984127 C11.863125,7.80984127 6.3940625,6.25714286 4.6365625,11.1238095 C4.6365625,11.1238095 3.908125,17.6474603 8.8684375,17.6474603 L33.6815625,17.6242857 Z" id="Shape"></path>
              <path d="M30.131875,9.95349206 C30.131875,9.95349206 34.4678125,11.5757143 31.473125,15.2604762 C31.473125,15.2604762 29.6115625,16.7204762 28.004375,15.7703175 C28.004375,15.7703175 28.3165625,18.7598413 24.5934375,19.6173016 C23.4142656,19.8884172 22.1765112,19.7064905 21.1246875,19.1074603 C21.1246875,19.1074603 20.0725,25.0053968 13.135,23.9857143 C13.135,23.9857143 8.1746875,23.7307937 8.1746875,18.0877778 C8.1746875,18.0877778 2.705625,19.3739683 0.948125,15.3531746 C0.948125,15.3531746 0.2196875,9.96507937 5.18,9.96507937 L30.131875,9.95349206 Z" id="Shape"></path>
            </g>
          </symbol>
          <symbol id="taupo" viewBox="0 0 96 90">
            <path d="M94.2870588,43.29375 L78.707451,24.14375 L59.4321569,38.51875 L31.7427451,0.46875 L1.33019608,45.5625 L93.8980392,43.5625 C94.0207319,43.4632847 94.1507753,43.3734457 94.2870588,43.29375 L94.2870588,43.29375 Z" id="Shape" stroke="#4D4D4E" stroke-width="2" fill="#FFFFFF"></path>
            <path d="M94.745098,44.3 L90.8172549,39.225 L79.5858824,41.55625 L74.4909804,33.7125 L59.6956863,38.9375 L52.5929412,28.875 L42.0078431,20.6875 L36.2666667,33.0125 L29.6470588,26.3875 L17.6376471,32.6375 L13.6721569,44.375 L94.4878431,44.475 C94.5707147,44.412573 94.6565665,44.3541715 94.745098,44.3 L94.745098,44.3 Z" id="Shape" fill="#4C4C4D"></path>
            <polygon id="Shape" fill="#4C4C4D" points="2.13333333 45.06875 23.8933333 33.09375 31.7678431 44.51875 1.81333333 46.175"></polygon>
            <path d="M95.6360784,43.75 C96.1003922,68.75 75.0619608,89.45 48.652549,89.93125 C22.2431373,90.4125 0.464313725,70.5125 0,45.4875" id="Shape" fill="#009B97"></path>
            <path d="M16.6776471,54.74375 C16.6776471,54.74375 18.56,56.73125 22.6698039,52.3125 C22.6698039,52.3125 29.9733333,57.7875 34.854902,52.10625 C34.854902,52.10625 42.1584314,57.73125 46.5192157,51.9125 C46.5192157,51.9125 53.3082353,58.01875 58.0517647,51.71875 C58.0517647,51.71875 64.1819608,57.525 69.452549,51.525 C69.452549,51.525 75.4572549,57.64375 81.7694118,51.31875 L87.7113725,54.01875" id="Shape" stroke="#7DC4C0" fill="#009B97"></path>
            <path d="M11.174902,64.53125 C11.174902,64.53125 12.6305882,66.50625 15.8117647,62.14375 C15.8117647,62.14375 21.4901961,67.5875 25.2611765,61.9875 C25.2611765,61.9875 30.9458824,67.6125 34.3027451,61.8375 C34.3027451,61.8375 39.5858824,67.9 43.2439216,61.6875 C43.2439216,61.6875 48.0188235,67.45 52.0847059,61.5375 C52.0847059,61.5375 56.7592157,67.6125 61.6345098,61.375 L66.252549,64.06875" id="Shape" stroke="#7DC4C0" fill="#009B97"></path>
            <path d="M26.2337255,73.28125 C26.2337255,73.28125 27.6894118,75.25625 30.8705882,70.89375 C30.8705882,70.89375 36.5490196,76.3375 40.32,70.7375 C40.32,70.7375 46.0047059,76.3625 49.3615686,70.5875 C49.3615686,70.5875 54.6447059,76.65 58.3027451,70.4375 C58.3027451,70.4375 63.0776471,76.2 67.1435294,70.2875 C67.1435294,70.2875 71.8180392,76.3625 76.6933333,70.125 L81.3113725,72.81875" id="Shape" stroke="#7DC4C0" fill="#009B97"></path>
          </symbol>
          <symbol id="sheep-eating" viewBox="0 0 124 77">
            <g id="body" transform="translate(35.866937, 0.000000)">
              <path d="M14.1306677,64.9860738 C14.1306677,64.9860738 13.7928243,78.0285711 17.9057006,76.3054166 C17.9057006,76.3054166 21.5632227,78.1919737 21.4897785,64.7186877 L14.1306677,64.9860738 Z" id="Legs-1" fill="#EAE8E8"></path>
              <path d="M64.6749793,65.1494764 C64.6749793,65.1494764 64.3371359,78.1919737 68.4500122,76.4688192 C68.4500122,76.4688192 72.1075343,78.3553763 72.0340901,64.8820903 L64.6749793,65.1494764 Z" id="Legs-2" fill="#EAE8E8"></path>
              <path d="M9.82683651,10.7661247 C9.82683651,10.7661247 14.2334897,2.67026924 22.0626434,7.39408946 C22.0626434,7.39408946 31.1844154,-6.80708077 44.0959091,5.90861141 C44.0959091,5.90861141 55.77354,1.0956625 62.2219424,7.27525122 C62.2219424,7.27525122 78.2327822,0.531180835 78.2327822,18.1786602 C78.2327822,18.1786602 85.2393606,19.5304452 84.3433412,28.1907823 C84.3433412,28.1907823 91.0561428,32.9146025 84.4167854,38.5891287 C84.4167854,38.5891287 88.8968828,49.6113759 76.3379213,53.4439093 C76.3379213,53.4439093 76.8960974,56.711961 74.6633931,57.3804261 C74.6633931,57.3804261 74.4430604,74.1366186 60.3123927,63.6788531 C57.1794846,65.4349835 53.2638412,64.7832024 50.8527773,62.1042463 C50.8527773,62.1042463 41.29034,72.6808501 26.7190069,61.9854081 C26.7190069,61.9854081 13.822202,77.0630104 11.0460105,57.7072313 C11.0460105,57.7072313 -5.74333793,56.3554463 2.92307992,40.2825737 C2.92307992,40.2825737 -2.18863773,27.3440598 8.79861744,19.4858809 C8.79861744,19.4858809 3.12872373,15.207704 2.0123716,12.7418105 L9.82683651,10.7661247 Z" id="Body-2" fill="#333333"></path>
            </g>
            <g id="sheep-eating-head" transform="translate(0.000000, 10.398346)">
              <path d="M24.3508836,8.83500318 L16.316086,8.58247191 C16.316086,8.58247191 15.4053777,11.7019758 21.3102929,12.9200678 C21.3102929,12.9200678 -0.928616633,25.5466313 5.43165274,41.3966822 C5.43165274,41.3966822 9.01573063,46.7444032 25.4672357,44.0705427 C25.5599668,41.3561114 26.2366733,38.6947461 27.4502296,36.2717829 C27.4502296,36.2717829 21.3396706,23.5709455 31.930327,15.0443015 L24.3508836,8.83500318 Z" id="Head-2" fill="#EAE8E8"></path>
              <g id="Mouth" transform="translate(5.020365, 39.242739)" fill="#545151">
                <path d="M0.822575254,2.55502226 L0.822575254,2.40647445 C1.59128808,2.30842859 2.32350345,2.01734058 2.95245761,1.55975196 C3.22717542,1.30745073 3.30489428,0.902374737 3.14341258,0.564481662 L3.37843408,0.564481662 C3.56063724,0.951361674 3.46439125,1.4136947 3.14341258,1.69344499 C2.45613008,2.17807058 1.65667227,2.47485772 0.822575254,2.55502226 L0.822575254,2.55502226 Z" id="Shape"></path>
              </g>
              <ellipse id="Eyes" fill="#545151" transform="translate(19.423194, 20.867575) rotate(-4.570000) translate(-19.423194, -20.867575) " cx="19.4231944" cy="20.8675749" rx="2.0123716" ry="1.30722069"></ellipse>
              <path d="M23.3373533,8.86471274 L30.9167968,15.0294467 C30.9167968,15.0294467 21.0312049,21.4170023 26.4073217,36.2717829 C24.606945,38.4423053 23.8775831,41.3216826 24.4243278,44.1002523 L35.5144049,45.5857303 C35.5144049,45.5857303 32.0625266,38.15834 37.2036219,33.419665 C37.2036219,33.419665 30.2117323,21.8032266 42.0068738,12.3555862 C42.0068738,12.3555862 38.6284398,5.70064448 35.0590507,5.78977316 C35.0590507,5.78977316 29.668245,1.60072504 23.9542848,8.4339241 L23.3373533,8.86471274 Z" id="Shape" fill="#333333"></path>
              <path d="M31.8862604,4.52711681 C31.8862604,4.52711681 42.741316,-1.9644223 54.5511465,0.976824253 C54.5511465,0.976824253 65.0683586,3.45757261 62.0130791,8.32994064 C62.0130791,8.32994064 69.0049688,15.5642188 60.5441947,23.1847212 C60.5441947,23.1847212 68.1089493,23.9571698 64.7011375,34.5931927 C64.7011375,34.5931927 69.0343465,43.3278037 61.3227034,44.8727009 L55.4471659,45.8828259 C55.4471659,45.8828259 49.5716284,52.9388467 37.8205533,46.6701293 L32.958546,44.0556879 C32.958546,44.0556879 26.8773647,39.3021582 32.0772154,35.1428196 C32.0772154,35.1428196 25.4819245,26.6161755 33.6782994,16.1287004 C33.6782994,16.1287004 27.2592746,9.69658045 28.5372041,4.80935764 C28.5372041,4.80935764 30.9608633,3.90321603 31.7687497,4.40827857 L31.8862604,4.52711681 Z" id="Shape" fill="#333333"></path>
              <path d="M5.91638458,41.5006657 C4.32208029,40.5844208 2.41059821,40.4215212 0.687156187,41.0550223 C2.37684783,40.6225161 4.16254804,40.7957539 5.74011846,41.54523 L6.18078377,41.8126161 L5.91638458,41.5006657 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.93107343,41.4709561 C4.4814701,40.336914 2.61313019,39.9025586 0.819355781,40.2825737 C2.55260421,40.0942495 4.29680469,40.5194764 5.7548073,41.4858109 L6.16609493,41.8126161 L5.93107343,41.4709561 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.84294037,41.277844 C4.49801963,40.0138763 2.67205118,39.411017 0.848733469,39.6289633 C2.59012847,39.600727 4.2874319,40.1833845 5.6519854,41.277844 L6.03389533,41.6343587 L5.84294037,41.277844 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.84294037,41.54523 C4.14501075,40.8433452 2.22805878,40.9302295 0.599023124,41.7829065 C2.21715634,41.1332373 4.0078161,41.0702499 5.66667424,41.6046491 L6.13671724,41.8126161 L5.84294037,41.54523 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.91638458,41.88689 C4.62043417,43.1853329 2.82870661,43.8471896 1.01031075,43.6991732 C2.74849579,43.6441944 4.41437598,42.9829106 5.72542961,41.8274709 L6.07796187,41.4561013 L5.91638458,41.88689 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.94576227,41.9017448 C4.85726781,43.3933411 3.17677305,44.3272401 1.34815416,44.456767 C3.06116105,44.154406 4.61804507,43.2622054 5.7548073,41.9314543 L6.06327302,41.5006657 L5.94576227,41.9017448 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.84294037,42.1394212 C4.88130036,43.7405456 3.26759996,44.8284989 1.43628722,45.1103774 C3.12614138,44.6407653 4.60129911,43.5901862 5.60791886,42.1394212 L5.87231805,41.6937778 L5.84294037,42.1394212 Z" id="Shape" fill="#35B738"></path>
              <path d="M5.84294037,41.8571804 C4.39811607,43.0016519 2.52931583,43.4469759 0.731222718,43.0752724 C2.46305576,43.2513574 4.20176406,42.8157065 5.6519854,41.8423256 L6.04858418,41.5155205 L5.84294037,41.8571804 Z" id="Shape" fill="#35B738"></path>
            </g>
          </symbol>
          <symbol id="tongariro" viewBox="0 0 153 68">
            <rect id="Rectangle" fill="#EC6658" x="3.06613226" y="31.5495495" width="26.9819639" height="16.8468468"></rect>
            <rect id="Rectangle" fill="#DBD36D" x="3.06613226" y="47.7837838" width="26.9819639" height="16.8468468"></rect>
            <rect id="Rectangle-2" fill="#EC6658" x="119.272545" y="31.5495495" width="30.9679359" height="16.8468468"></rect>
            <rect id="Rectangle-2" fill="#DBD36D" x="119.272545" y="47.7837838" width="30.9679359" height="16.8468468"></rect>
            <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" fill="transparent" x="2.98641283" y="29.339281" width="27.3652305" height="35.6562897"></rect>
            <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" fill="transparent" x="119.269479" y="29.2366176" width="30.5846693" height="35.7589531"></rect>
            <polygon id="Shape" stroke="#595555" stroke-width="3" fill="#8099AA" points="11.03501 15.8967892 77.7233868 15.8967892 89.2213828 31.1358909 0.303547094 31.1358909"></polygon>
            <polygon id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#8099AA" points="74.6572545 15.8967892 141.345631 15.8967892 152.843627 31.1358909 63.9257916 31.1358909"></polygon>
            <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" fill="#F6F5F5" x="39.2679559" y="0.160411596" width="6.5093988" height="12.3356518"></rect>
            <rect id="Rectangle-path" stroke="#4E4E4E" stroke-width="3" fill="#F5F4F4" x="104.26996" y="0.481234789" width="6.5093988" height="12.3356518"></rect>
            <polygon id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#8099AA" points="107.771483 10.9240297 119.269479 26.1631314 79.6484747 26.1631314 30.3516433 26.1631314 41.0831062 10.9240297"></polygon>
            <rect id="Rectangle-path" fill="#EC6658" x="30.0879559" y="26.1631314" width="88.9178357" height="21.6331079"></rect>
            <rect id="Rectangle-path-Copy" fill="#DBD36D" x="30.0879559" y="46.1568328" width="88.9178357" height="21.6331079"></rect>
            <rect id="Rectangle-path" fill="transparent" stroke="#4E4E4E" stroke-width="3" x="30.3516433" y="26.1631314" width="88.9178357" height="41.3059861"></rect>
            <polygon id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#8099AA" points="42.8706613 7.41743222 57.7168737 28.0880705 28.4353106 28.0880705"></polygon>
            <polygon id="Shape" stroke="#4E4E4E" stroke-width="3" fill="#8099AA" points="106.952826 7.41743222 121.799038 28.0880705 92.5174749 28.0880705"></polygon>
            <rect id="window" class="window" fill="#E0E0E0" x="6.56458918" y="35.011435" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="14.9044689" y="35.011435" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="23.1830261" y="35.011435" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="6.56458918" y="45.5986004" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="14.9044689" y="45.5986004" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="23.1830261" y="45.5986004" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="6.56458918" y="55.8649426" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="14.9044689" y="55.8649426" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="23.1830261" y="55.8649426" width="4.35390782" height="6.52554374"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="46.8321042" y="40.7605867" width="55.6503006" height="3.52905512"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="46.8321042" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FDF370" x="49.28501" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="64.6156713" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="67.0685772" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="83.0124649" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="85.4653707" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="98.6497395" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="101.102645" y="43.4396418" width="1.37975952" height="22.5378293"></rect>
            <rect id="Rectangle-path" fill="#FCF270" x="42.5241884" y="53.2726912" width="65.002004" height="3.47772341"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="36.6126854" y="31.3283848" width="7.32805611" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="105.717174" y="31.649208" width="7.32805611" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="48.263988" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="57.1557715" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="65.7409419" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="81.6848297" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="89.6567735" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="97.3221042" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="74.019499" y="31.4823799" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="36.6126854" y="43.5196661" width="7.32805611" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="105.717174" y="43.3785039" width="7.32805611" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="124.304068" y="35.011435" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="132.643948" y="35.011435" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="140.922505" y="35.011435" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="124.304068" y="45.5986004" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="132.643948" y="45.5986004" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="140.922505" y="45.5986004" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="124.304068" y="55.8649426" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="132.643948" y="55.8649426" width="4.35390782" height="6.52554374"></rect>
            <rect id="window" class="window" fill="#E0E0E0" x="140.922505" y="55.8649426" width="4.35390782" height="6.52554374"></rect>
          </symbol>
          <symbol id="windmil" viewBox="0 0 60 71">
            <g id="windmill" fill="#21B0CE">
              <polyline id="Shape" points="26.6086957 21.7041436 8.26086957 0 0 8.39458862 22.1304348 26.4016336 51.7391304 60.4584361 59.7826087 51.8463711 27.826087 23.1829831 26.6086957 21.7041436 26.6086957 21.7041436"></polyline>
              <polyline id="Shape" points="33.3043478 22.1390964 51.7391304 0 59.7826087 8.91653195 37.6521739 26.4886242 8.47826087 59.1535778 0 52.1943334 28.9130435 26.7495958 33.3043478 22.1390964"></polyline>
            </g>
            <g id="room" transform="translate(25.217391, 56.543861)" fill="#F85556">
              <path d="M0.347826087,13.1355739 L0.347826087,3.78408917 C0.347826087,3.78408917 4.17391304,-3.95807028 9.04347826,3.56661278" id="Shape"></path>
              <path d="M9.04347826,3 L9.04347826,13.1355739 L0.347826087,13.1355739" id="Shape"></path>
            </g>
            <g id="building" transform="translate(13.043478, 30.011742)" fill="#FBE159">
              <path d="M28.6086957,0.782915 L33.9130435,39.7111886 L21.2173913,39.7111886 L21.2173913,30.1422275 C21.2173913,30.1422275 17.0869565,22.8350208 12.5217391,30.3597039 L12.5217391,39.7111886 L0.0869565217,39.7111886 L5.30434783,3.39263167 L5.65217391,0 L28.173913,0 L28.6086957,0.782915 Z" id="Shape"></path>
            </g>
            <g id="roof" transform="translate(15.652174, 18.268017)" fill="#F85556">
              <polygon id="Shape" points="0.217391304 12.7006211 14 0.304466945 28.3478261 12.7006211"></polygon>
            </g>
            <g id="Layer_5" transform="translate(28.260870, 36.101081)" fill="#F85556">
              <rect id="Rectangle-path" x="0.130434783" y="0.347962222" width="2.73913043" height="4.13205139"></rect>
            </g>
          </symbol>
          <symbol id="warehouse" viewBox="0 0 67 69">
            <g>
              <polygon id="Shape" fill="#9B9B9B" points="0 22.1785714 32.8102941 0 67 22.1785714 67 69 53.5014706 69 52.9102941 43.7657143 14.7794118 43.7657143 14.4838235 69 0 69"></polygon>
              <rect id="Rectangle-path" fill="#9B9B9B" x="17.7352941" y="47.0185714" width="31.825" height="21.9814286"></rect>
              <rect id="Rectangle-path" fill="#EAF4F3" x="17.7352941" y="53.2285714" width="31.825" height="3.25285714"></rect>
              <rect id="Rectangle-path" fill="#EAF4F3" x="17.7352941" y="60.1285714" width="31.825" height="3.25285714"></rect>
              <rect id="Rectangle-path" fill="#CB2026" x="0.197058824" y="22.3757143" width="66.8029412" height="14.7857143"></rect>
              <g id="Group" transform="translate(5.940979, 23.657143)" font-size="9" font-family="Helvetica" fill="#FFFFFF" font-weight="normal">
                  <text id="the">
                      <tspan x="0" y="9">the</tspan>
                  </text>
                  <text id="warehouse">
                      <tspan x="12.3161765" y="9">warehouse</tspan>
                  </text>
              </g>
            </g>
          </symbol>
          <symbol id="penthouse" viewBox="0 0 51 66">
            <g id="Layer_2" transform="translate(1.545455, 1.039370)" fill="#6C5869">
                <polygon id="Shape" points="0 9.87401575 4.63636364 0.25984252 42.7575758 0.25984252 47.6515152 9.87401575"></polygon>
            </g>
            <g id="Layer_3" transform="translate(3.090909, 10.913386)" fill="#F5D34A">
                <rect id="Rectangle-path" x="0" y="0" width="44.8181818" height="53.2677165"></rect>
            </g>
            <g id="Layer_4" transform="translate(3.090909, 46.771654)" fill="#F06171">
                <rect id="Rectangle-path" x="0" y="0.25984252" width="44.8181818" height="17.1496063"></rect>
            </g>
            <g id="Layer_5" transform="translate(6.696970, 14.031496)">
                <rect id="Rectangle-path" fill="#FFFFFF" x="0.257575758" y="0.25984252" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="10.5606061" y="0.25984252" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="21.3272727" y="0.25984252" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="31.630303" y="0.25984252" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="0.257575758" y="11.6929134" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="10.5606061" y="11.6929134" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="21.3272727" y="11.6929134" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="31.630303" y="11.6929134" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="0.257575758" y="22.6062992" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="10.5606061" y="22.6062992" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="21.3272727" y="22.6062992" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#FFFFFF" x="31.630303" y="22.6062992" width="5.46060606" height="7.27559055"></rect>
                <rect id="Rectangle-path" fill="#664908" x="15.4545455" y="38.5606299" width="6.9030303" height="11.5889764"></rect>
            </g>
          </symbol>
        </defs>
      </svg>
    </div>
<div id="nz-map" class="svg-item">
      <svg id="nz-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 473.18 631.46">
        <defs>
          <style>
            .cls-1{fill:#76ddb2;stroke:#fff;}.cls-1,.cls-10,.cls-11,.cls-12,.cls-13,.cls-14,.cls-15,.cls-16,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9{stroke-width:0.5px;}.cls-10,.cls-11,.cls-12,.cls-13,.cls-14,.cls-15,.cls-16,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9{fill:none;stroke:#de5483;stroke-miterlimit:10;}.cls-3{stroke-dasharray:2.57 2.57 2.57 2.57 2.57 2.57;}.cls-4{stroke-dasharray:2.07 2.07 2.07 2.07 2.07 2.07;}.cls-5{stroke-dasharray:2.71 2.71 2.71 2.71 2.71 2.71;}.cls-6{stroke-dasharray:3 3 3 3 3;}.cls-7{stroke-dasharray:2.52 2.52 2.52 2.52 2.52 2.52;}.cls-8{stroke-dasharray:2.89 2.89 2.89 2.89 2.89 2.89;}.cls-9{stroke-dasharray:3.67 3.67 3.67 3.67 3.67 3.67;}.cls-10{stroke-dasharray:2.46 2.46 2.46 2.46 2.46 2.46;}.cls-11{stroke-dasharray:0.9 0.9 0.9 0.9 0.9 0.9;}.cls-12{stroke-dasharray:1.67 1.67 1.67 1.67 1.67 1.67;}.cls-13{stroke-dasharray:2.78 2.78 2.78 2.78 2.78 2.78;}.cls-14{stroke-dasharray:0.95 0.95 0.95 0.95 0.95 0.95;}.cls-15{stroke-dasharray:1.33 1.33 1.33 1.33 1.33 1.33;}.cls-16{stroke-dasharray:3.02 3.02 3.02 3.02 3.02 3.02;}
          </style>
        </defs>
        <g id="middle-earth">
          <g id="Layer_1" data-name="Layer 1">
            <path id="NZ-AUK" class="cls-1" d="M341.85 117.01l1-.1-.8 3.2-1.7-1.9zm-.7-4.2l1.3.7-1.9 1.1-.4 3-2.8-.5-2.2-2.3-1.1 1v-2l1.2.6 1.7-.9 1.5 1 .2-1.1zm-10-1l.5 2.7-3.5 1v-1.8l2-.1zm-2.9-16.3l1.5 1.2-.2 1.9-2.3-1.2zm9.9-10.7l.9.6-.6 2.4-1.9-.6v-1.7zm-17.9-1.2l3.3 4.8 4 1.5-1.7 2.2.4 1.5 3.1.7-5.4 1 .1 1.7 1.8 1-2 2.4-.5-2.4-1 1.8 1.2.7.1 2.4-.9-.3-.3 1.7 1.6 2.3 4.1-1.5-.2 1.3-4.1 1.3 3.3 8.9-1.3-.1-.6-1.4-2.6 1.2-1.4-2.5-.7.1.5 3.8 1.4 1.4 2-2.3 2.5 1.4.4-.9h2.2l.5 1.2 1 .1 1.9 1.9 1.2-.2-.3-1.3 2.1-.4 2.6 3.5 1.5-.9.7 1.1 1.2-1 3.6 3.5-3 1.8-2.1-.8-.1 1.9-3.3-1.2-2.5 4.9-2.1-.8-.5.7 2.6 3.6-.7 1.3-2.3-.2-.2 2.7-2.6-.6-.1 1.4-1.6 1-2.1.6-.8 1.8-1.8-1-5.8-14.6 4.7-.4.1 4.7 1.1.4.7 4.2 1.1.2-1.3-3.9.3-1.1 2.5-2.2.6 1 2.6-2.9-1.6-2-2 .4-.9-1.3 1.3-1.2-.7-1.4.6-.8-3.6.5-2.4 1.9-.3 2.3-1.7-1-3.1 2.5-2.7-11.7-9.9-15.7.3-1.7 2.6-1 2.6 4.8 2.9 1.8-.5 1.8 1.5 1.2 1.3-.7-1.1-1.3 1.4-1.4-1.5-3.8.9-2.8-1.4-1.3-1.4 1-1.2-1.3-2.9-.4.6-3.1 2.9.7 2.2-1.8 2.7-1.4.4-1.4 2-.8.1-1.3 2-.8 1.4-2.4zm29.8-4.4l.3 1.9 1.6.7-.7 1.6 3 1.5-1.4 2.8 2.9 3-.8 2.8-2-.9.6-1.4-2.1.4.2-2.3-1.5.4-3.6-2.7v-1.3l2 1-.1-2.7-1.8-.6 2.5-.9-1.3-2.4z"/>
            <path id="NZ-BOP" class="cls-1" d="M373.05 148.01l6.4 8.4-2.6-2.4-.3 1.2-1.7-.9-.1-1.5 1.6.5-3.4-3.9zm9.6 80.3l1.9-1-.9-7.5-2.9.6-3.6-6.2.8-2.2 4 1.1 1.6-1.4-3.3-3.9 1.9-4-4-1.1-.5-1.2-2.1.3.1-2.7 1.1.1 2.3-2.8 1.5 3.2 5-1.7.7 1.1-.9 2 2.3 1 1.2-2.9 3.5 1.3 1-6.6-1.6-1.8-6.3-2.6-3.3-10.5-1.9-1.4-2.6-.1-6-5.2-.5-1.7 1.4-.8-1.4-1.6v-1.9l-1.3-.6.8-2.7-4.6-10.8 1-.9-1-2 1-1.4 1 1.5h1.6l-1.5-1.8 2.1-1.6-.5-1.2 1.4-1.6 2 4.4-1.9-.2-.5 1.7.8-.6 1.1 1.5-2.3 1 1.3 1-.4.7.6 1.5 1.2.5-.1 1.4 2.5-.6-.7 1.6 2.2.2.1 1.1 1.6-1.3 1.2.4-.3 2.9 3-1.5-2.2-1.5-.2-2.1 10 6.8 1.4-1.2 7.6 5.8 18.7 6.4-2.9-.3 2.7 2 .8-1.6 9.1-.1 3.7-1.7 7.7-9.4-.6-1 2.3-3 4.8-.9 2.1-2.8 1.9.6 1.5-2 .6-1.2 2.8-.5 1 2.6-5.2 1.3 1 3.3-1 2.3.9 1.2 1.6-1.5 1.4 1.5-4 4.1-4.2 13-5.4-4.2-2.1-.2 1.2 2.2-1.6 4.7-6.6 3.2.4 2-1.4 3.5-8.9 4.6.7 4.3-2.2.6-1.1 2.6-1.7.4-.8 1.7-2.5.2-2.2 3.9-2.4-.1-1.4-1.6-2.6 1.3-1.9-.4-.9 2h-1.3l-.5 6.4-4.1 4.3.7 3-6.4.1-1.2 2.9 1.1 3.1-3 .4 1 1.5-2.2.6z"/>
            <path id="NZ-GIS" class="cls-1" d="M458.15 150.91l5.7 1.2-1 1.1 1.9 2.1 5.4.9 2.7 2.6-5.5 8.5-.6 4.7-2.2 2.5 1.5 4-2.2 2.4 1.5 1.8-1.8 2.9 1 1.2.5 7.7-2.5 2.8.4 2.8-5.7 6.1-2.6 1.3-.5 1.5-2.2-1.9-2.9 2-.2 1.9 1.5.4-2.4 3.6-.5 7.2-2.1-.7.1-1.7-1.7-1.5-1 .9-1-1-.8 1.1-.4-.9-2.5.2.3-2.8-.7.8-1.8-.6-.3-2.3-2 .5-2.9-3.1.1-2.2-2.3-.4 1.5-3-5.6-1.8.1 2.9-7.1-3.6 1.7-.4 1.1-2.6 2.2-.6-.7-4.3 8.9-4.6 1.4-3.5-.4-2 6.6-3.2 1.6-4.7-1.2-2.2 2.1.2 5.4 4.2 4.2-13 4-4.1-1.4-1.5-1.6 1.5-.9-1.2 1-2.3-1-3.3 5.2-1.3-1-2.6 3.3.4z"/>
            <path id="NZ-HKB" class="cls-1" d="M397.75 295.51l-7.1-1.1-2-1.4-.8-1.1 1.5-1.2-2-7.1.8-1.7-2.6-2.3.5-1.6-2.4-1-1-1.8-3.3-.9-.7.9-1.4-1.9 1.2-2.1-.5-1.7 2.3-10 1.4-2.2-1.6-1.3.6-1.9-1.6-1.3 1.7-.4 2.6-3 2.9-.6-.8-3.5 1.2-3-2.8-1.6 1.7-2.3-.4-2-3.4-1.1-1.1-4.5 2-2.4 4.2 3.8 2.2-.6-1-1.5 3-.4-1.1-3.1 1.2-2.9 6.4-.1-.7-3 4.1-4.3.5-6.4h1.3l.9-2 1.9.4 2.6-1.3 1.4 1.6 2.4.1 2.2-3.9 2.5-.2.8-1.7 7.1 3.6-.1-2.9 5.6 1.8-1.5 3 2.3.4-.1 2.2 2.9 3.1 2-.5.3 2.3 1.8.6.7-.8-.3 2.8 2.5-.2.4.9.9-1.1 1 1 1-.9 1.7 1.5-.1 1.7 2.1.7.1 5 4 1.9-3 3-2.4 5-1.7-5.4 2-3.8-1.2-1.2-.7.9-6.1-1.4-10 .6-8.4 3.1-6.1 3.8-.9 3.2-4.1 4.2-1.6 5.2.6 1.4 1.4-.4v4l1.8 3.7 2.4 1.3 2.6-.3-3.1 4.5-.4 5.6-4.6 9.3-.6 5.3-3.4 4.7-4.3 2.1z"/>
            <path id="NZ-MWT" class="cls-1" d="M397.75 295.51v3.2l-2.3.3-3.2 2.3-8.4 12.4.2-1.6-1.6-2.2-3.1-1.6-2.4-.2-.2 2.1-2.8-.6-3.1 3.2-.9-.8-4.1 1.4-1.7-.5 1-2.4-.9-1.3-3 .1-.3 1.5-2.5 1.3-5.8-3-1.3 2.5-2.6-.9-.9 1.5-3.2.7-3-.5.7-1.4-2.8-1.3 3.2-11.7.3-8.9-1.2-6.9-6.5-10-5.1-4.4-4.6-1.1-.7-.4 1.7-2.4 5-2.9-.1-3 2.6-1-1-3.5 1.1-2.7-1.5-3.2-2.8-2.2-.8-2.2 1-1.5-2.9-2.4 1.9-4 2.2-.1 1-3.4 1.7-.4-.6-.9 1.7-1.8 2.1.3-1-2-3.3-.1-.3-3.4-1.2.7-1.9-1.4.3-3.9-.8-.8-1.3 1-1-1.5-.7-3 3-2.2 3.1-1.2.4-4.2 6.3-2.1 4.8.3 1.9-2.1 1 .5.6-2.4.5 1.7 3.2-1.5 3.2.4 1.5 1.8 3.7-1.7-4.6 9.6 2.4 3.1-1.5 2.2 1.6 2.4-.8 3.6 4.7-.2-2.8 3.6 1.5 2.7-3.7 8.5 9.8 1.4 2.4-1.8-.6-.9 1.5-1.1-.3-1 3.1-1.2.3-1.5 8.2-.5 1.1 4.5 3.4 1.1.4 2-1.7 2.3 2.8 1.6-1.2 3 .8 3.5-2.9.6-2.6 2.9-1.7.4 1.6 1.3-.7 1.9 1.6 1.3-1.4 2.2-2.3 10 .5 1.7-.9 2.2 1.6 1.8.7-.9 3.3.9 1 1.8 2.4 1-.5 1.6 2.6 2.3-.8 1.7 2 7.1-1.5 1.2.8 1.1 2 1.4z"/>
            <path id="NZ-NTL" class="cls-1" d="M256.95.31l1.6 1.1-1.7.6v3.8l-1.6.6.2-1.3-1.9-.1v1.1h-1.9l.8.7 1.9-.1-.5 1.3 1.1.1.5 2.1.4-1.4-1.2-1.8 1.3-.2 1.9 6.8 5.4 6.1-.8 1 1.5 2.1 3.3 1-1.6 2.1.1 2.8 1 .1 1.5.3-.7-1.7 1.8-.6-1.9-4.4 4-1.2 1-.2 1.5-.4.8 1.2-4 2.2 1.8 3.7 3.9.7 1.7-3.7 3.4 2.6 1.8-.9 2.3 3.2-1.7 1.8.6 1.1h1v-1.7h1.1l-.4-1.5 2.2-1 1.7 1.6 1.4-.5 2.7 5.2 4.2-.4 2 2.1-2.3 1.8-2.3-2.6-1 .8 1.3 1.6-1.6.9 3.8.2.4 3 2.4 2.2 2.9.3-1.1-1.2-1.7-.8-1.1-2.1 3.5 2 .2-1.5 1.6-1.7 1.2.4.4-1.9 1.6-.7-1.7 3 1.3 1-1.1.8 2.1 3 1.2 1.2-.4 1-1.5-2.1-.4 1.1 2 2.5-.4 1.1 2.7-.4-.2 1.3 2.1 2.7-1 .4.7 1.8 2.5 1.1v2.9l-.9-.5-.4 1.9.8 2 1.7.1-.8 3.4 1.7 3.2-2.6-.1-1.8-3.8-4.6.2-.4-1.3-.9 3.1 1.5-1.3.4 1.3 4.9 1-1.1 1.5-.4 3.9 1.6 3.7 1.3 1 1.8-.3 1.4 3.8-1.4 2.4-2 .8-.1 1.3-2 .8-.4 1.4-2.7 1.4-1-.6-1.3 2-2.7-1.5 1.4-2.1.5-.3 2.1-1.5-.5-.1-2 1.1.1-1-2-1-1.2-.6.6-2.4-2.2.4v1.8l.3 1 1 .8 1.3-.5 1.2 2.1-2.6 1.3-4.1-4.5-2.4.1-2.9-2.5 4.4 6 2.3 1.5.9 2.8-1.4 2.6-3.8.3-1.8-5.9-3.7-6.4-21.1-28.3 2.3-6.1 3.8-.6 2.7-2.9-1.7-.5-.7 2.4-4.3.5-2.4 6-11.8-15.6.4-1.4 2.7.6 1.3-1.9-.9-7.1-11.5-17-7.6-7.2.9-2.6 5.1 1.6 1.8-1.9 4.4.5z"/>
            <path id="NZ-TKI" class="cls-1" d="M319.35 208.81h.1l1.7 1.4h5.8l2.4 2.1-3 2.2.7 3 1 1.5 1.3-1 .8.8-.3 3.9 1.9 1.4 1.1-.7.3 3.4 3.3.1 1 2-2.1-.3-1.7 1.8.6.9-1.7.4-1 3.4h-2.2l-1.9 4 2.9 2.4-1 1.5.8 2.2 2.8 2.2 1.5 3.3-1.1 2.7 1 3.5-2.6 1 .1 3-5 2.9-1.7 2.4.7.4-2.3.3-6.2-2.6-5.5-4.3-3.1-4.2-4.7-2.8-5.5-.8-6.5-2.9-4.7-5.4-1.6-6.6 1.6-4.4 9.2-6.8 2.4-.2 4.3-3.1 6.4.3 2.9-1.4 4.7-5.5z"/>
            <path id="NZ-WKO" class="cls-1" d="M348.85 99.11l1.8.1 1.1 1.6.5 1.2 1.3-.9 1.8 1.6-.8 2.5 2.6 1.3.2 2.2h-1.2l.2 1.2 1.9-.2.8 1.7-.7 1.8 6.7-3.1 1.5 1.3.2 1.1-2.7.9-.3 1.5-1.9.8-1 3 .7.7 1.2-2.5 1.7-.6 2.2 1.5 1.8 7.2.8 3.1v6.4l-1.2-1.4-.1 1.2 3.2 8.9-1.4 1.6.5 1.2-2.1 1.6 1.5 1.8h-1.6l-1-1.5-1 1.4 1 2-1 .9 4.6 10.8-.8 2.7 1.3.6v1.9l1.4 1.6-1.4.8.5 1.7 6 5.2 2.6.1 1.9 1.4 3.3 10.5 6.3 2.6 1.6 1.8-1 6.6-3.5-1.3-1.2 2.9-2.3-1 .9-2-.7-1.1-5 1.7-1.5-3.2-2.3 2.8-1.1-.1-.1 2.7 2.1-.3.5 1.2 4 1.1-1.8 4 3.3 3.9-1.6 1.4-4-1.1-.8 2.2 3.6 6.2 2.9-.6.9 7.5-1.9 1-2 2.4-8.2.5-.3 1.5-3.1 1.2.3 1-1.5 1.1.6.9-2.4 1.8-9.8-1.4 3.7-8.5-1.5-2.7 2.8-3.5-4.7.2.8-3.6-1.6-2.4 1.5-2.2-2.4-3.1 4.5-9.6-3.7 1.7-1.5-1.8-3.2-.4-3.2 1.5-.5-1.7-.6 2.4-1-.5-1.9 2.1-4.8-.4-6.3 2.1-.4 4.2-3.1 1.2-2.4-2.1h-5.8l-1.7-1.4.7-15.9 3.1-4-.1-5.2-1.4-4.4 2.2.5 1.6-1.8-.4 1.5 1.2.8.8.6 1.5-.9h-1.4l.4-1 3.4-1.6-1.1-1.4-1.6.7-.3-1-2.2 2 .6-3.1 1.1-.7.9.9 1.6-3.1-2.5-.2.2 1.9-1.5.7-1.5-7.1.8-1.6 2.6-1.3 4.1.2.8-1-2.6.1-1.4-.8-1 1.2-2.7-11.6-2.6-6.2v-3.1l1.5.6 2.6-3.1 1.6-1 .1-1.4 2.6.6.2-2.7 2.3.2.7-1.3-2.6-3.6.5-.7 2.1.8 2.5-4.9 3.3 1.2.1-1.9 2.1.8 3-1.8.6 6.5 1.4 3 2.6.7 5.2-2-1.5-9.5-3.6-5.9 1.1-.4.2-1.9 2.5-.9-2.9-3.5.2-5.1-4.3-4.3v-2z"/>
            <path id="NZ-WGN" class="cls-1" d="M332.35 315.71l-.4 1.6-2.5 1.7 1.9-3.3zm7.3-5.9l2.8 1.3-.7 1.4 3 .5 3.2-.7.9-1.5 2.6.9 1.3-2.5 5.8 3 2.5-1.3.3-1.5 3-.1.9 1.3-1 2.4 1.7.5 4.1-1.4.9.8 3.1-3.2 2.8.6.2-2.1 2.5.1 3.1 1.6 1.6 2.2-.2 1.6-1.5 6.3-3.3 2.9-2.9 8.4-2.8 2.9-1.3 3.4-3.2 1.6-2.7 4.4-5.3 2.7-9.5 8.2h-2.5l-3 2.2-2.2-.3-1.6-4.2.9-4.8-2.8-1.8v-1.6l-4 .3-4.8 3.4-2-1.5-.8-2.7 2.5-5.2-1-1.4-1.2-.3-2.7 2.2.6 2.5 1.4-1-.6 2.7-.8-.9-3.3 1.8-2.3-1.1-1.8-2.9 1.2-2.5 2.7-.9 3.6-5.6 1.7-1.2-.1-2 3.6-2.5 1.7-6 3-2.9z"/>
          </g>
          <g id="auc-mat">
            <path class="cls-2" d="M329.75 120.81q.33.64.73 1.3"/>
            <path class="cls-3" d="M331.93 124.24c3.15 4.25 8.15 9.11 13.32 13.91M346.19 139.02c7.06 6.51 14.24 12.83 17.26 17.22"/>
            <path class="cls-2" d="M364.13 157.31a7.56 7.56 0 0 1 .62 1.36"/>
          </g>
          <g id="mat-rot">
            <path class="cls-2" d="M367 161.94a5.52 5.52 0 0 0 .92 1.18"/>
            <path class="cls-4" d="M369.48 164.46c3.67 2.82 10 6 12.86 8.63"/>
            <path class="cls-2" d="M383.06 173.83a2.66 2.66 0 0 1 .69 1.31"/>
          </g>
          <g id="rot-taupo">
            <path class="cls-2" d="M383.75 179.56l-.42 1.44"/>
            <path class="cls-5" d="M382.56 183.59l-5.75 19.48"/>
            <path class="cls-2" d="M376.43 204.37l-.43 1.44"/>
          </g>
          <g id="taupo-rua">
            <path class="cls-6" d="M376 209.94c-.62 3.63 4.5 15.88 4.5 24.38s-13.15 12.5-14.45 20" />
          </g>
          <g id="rua-rot">
            <path class="cls-6" d="M368 254.31c18.65-12 8.25-36.25 18.25-80.75" />
          </g>
          <g id="rot-auc">
            <path class="cls-2" d="M381.38 175.14c.1.23-.27-.1-1-.9"/>
            <path class="cls-7" d="M378.65 172.4c-2.74-3-7.31-8.16-12.65-14.05M365.15 157.41c-12-13.17-27.47-29.58-35.16-34.2"/>
            <path class="cls-2" d="M328.89 122.6a7.42 7.42 0 0 0-1.39-.54"/>
          </g>
          <g id="auc-chr">
            <path class="cls-2" d="M327.5 123.56l-.37 1.45"/>
            <path class="cls-8" d="M326.4 127.81l-5.48 21M320.56 150.21l-79.9 306.58"/>
            <path class="cls-2" d="M240.3 458.19l-.38 1.45"/>
          </g>
          <g id="chr-tek">
            <path class="cls-2" d="M236.55 462.31a3.56 3.56 0 0 1-1 1.11"/>
            <path class="cls-9" d="M232.34 465.15c-5.62 2.26-15.92 4.2-26.76 6.11M203.77 471.58c-13.38 2.34-27.24 4.66-34 7.52"/>
            <path class="cls-2" d="M168.11 479.89a9.18 9.18 0 0 0-1.25.82"/>
          </g>
          <g id="tek-puk">
            <path class="cls-2" d="M162.25 483.31a2.7 2.7 0 0 1-.44 1.41"/>
            <path class="cls-10" d="M160.12 486.5c-3.85 3.06-11.9 6-15.62 9.77"/>
            <path class="cls-2" d="M143.69 497.2a6.34 6.34 0 0 0-.77 1.28"/>
          </g>
          <g id="puk-twiz">
            <path class="cls-2" d="M142.08 501.81s-.19.55-.45 1.43"/>
            <path class="cls-11" d="M141.4 504.1a29.69 29.69 0 0 0-1.15 6.61"/>
            <path class="cls-2" d="M140.25 511.15a7.11 7.11 0 0 0 .17 1.49"/>
          </g>
          <g id="twiz-duns">
            <path class="cls-2" d="M139 516.56l-1.16 1"/>
            <path class="cls-12" d="M136.57 518.6a108.07 108.07 0 0 0-8.8 8.86M127.25 528.08c-4 4.48-7.48 8.45-11.42 10.88"/>
            <path class="cls-2" d="M115.08 539.38q-.66.37-1.33.68"/>
          </g>
          <g id="duns-qns">
            <path class="cls-2" d="M110.25 541.06a7.75 7.75 0 0 1-1.48.2"/>
            <path class="cls-13" d="M106 541.1c-5.89-.8-14.1-4.12-20.38-4.09"/>
            <path class="cls-2" d="M84.25 537.08a11.62 11.62 0 0 0-1.48.23"/>
          </g>
          <g id="qns-atwn">
            <path class="cls-2" d="M79.75 534.81a10 10 0 0 1 1.07-1"/>
            <path class="cls-14" d="M81.56 533.17a14.2 14.2 0 0 1 6.47-2.72"/>
            <path class="cls-2" d="M88.5 530.39a13.85 13.85 0 0 1 1.5-.08"/>
          </g>
          <g id="atwn-kaw">
            <path class="cls-2" d="M93 530.31s.41.4 1.1 1"/>
            <path class="cls-15" d="M95.08 532.22a53.31 53.31 0 0 0 7.93 6.06"/>
            <path class="cls-2" d="M103.6 538.59a7 7 0 0 0 1.4.54"/>
          </g>
          <g id="kaw-chr">
            <path class="cls-2" d="M108 539.14a8.57 8.57 0 0 1 1.09-1"/>
            <path class="cls-16" d="M111.53 536.31c4-2.72 11-6.69 19.54-11.4M132.39 524.22c34.13-18.66 92.71-48.21 103.79-58.31"/>
            <path class="cls-2" d="M237.25 464.84a3.19 3.19 0 0 0 .76-1.28"/>
          </g>
          <g id="chr-wel">
            <path class="cls-6" d="M236.55 459.64l89.8-120.83" />
          </g>
          <g id="wel-fox">
            <path class="cls-6" d="M328.58 334.98s23.67-23.75 17.17-46.5" />
          </g>
          <g id="fox-auc">
            <path class="cls-6" d="M347.25 283.31c-8-23.86-9.17-145.08-19.75-162.5" />
          </g>
        </g>
      </svg>
    </div>
<div class="main-container fonts-loaded">
  <div class="container">
    <div class="content">
      <div class="header">
        <h1 class="headline">New Zealand</h1>
        <p class="sub-headline">A visual itenerary of my trip around Middle-earth</p>

        <div class="legends">
          <ul class="legend-list">
            <li class="legend-item">
              <svg viewBox="0 0 68 92" class="legend-icons">
                <use class="roam" xlink:href="#roam" x="0" y="0" />
              </svg>
              We roam
            </li>
            <li class="legend-item">
              <svg viewBox="0 0 52 88" class="legend-icons">
                <use class="cutlery" xlink:href="#cutlery" x="0" y="0" />
              </svg>
              We eat
            </li>
            <li class="legend-item">
              <svg viewBox="0 0 83 89" class="legend-icons">
                <use class="camp" xlink:href="#camp" x="0" y="0" />
              </svg>
              We stay
            </li>
          </ul>
        </div>

      </div>


      <div class="events-container">
        <div class="events" id="event-container">
        </div>
      </div>

    </div>
  </div>
</div>


            
          
!
            
              body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  overflow: hidden;
  background-color: #F9F6ED;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

strong {
  font-weight: bold;
}

#auc-mat, #mat-rot, #rot-taupo,
#taupo-rua, #rua-rot, #rot-auc,
#auc-chr, #chr-tek, #tek-puk,
#puk-twiz, #twiz-duns, #duns-qns,
#qns-atwn, #atwn-kaw, #kaw-chr,
#chr-wel, #wel-fox, #fox-auc, .sprites {
  opacity: 0;
}

/* Fonts */

.fonts-loaded {
  font-family: 'Oswald';
}

.svg-item {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}

.main-container {
  padding: 16px;
  position: relative;
  /*z-index: 10;*/
}

.container {
  max-width: 1280px;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1700px;
     margin: 0 auto;
  }
}

.content {
  width: 66.67%;
  margin-top: 30px;
  margin-left: 5%;
  position: relative;
  z-index: 2;
}

.header {
  width: 69%;
}

.headline {
  color: #E91D63;
  font-size: 103px;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
}

.sub-headline {
  font-family: 'Lato';
  font-weight: normal;
  color: #93CAC5;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  line-height: 1.5em;
}

.legends {
  font-family: 'Lato';
  font-weight: normal;
  font-size: 14px;
  color: #999998;
  margin: 16px auto;
  text-align: center;
}

.legend-item {
  display: inline-block;
  margin-right: 32px;
}

.legend-icons {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.scene {
  color: #DE5483;
  margin-top: 15px;
}

.content-icons {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

.attraction {
  display: inline-block;
  vertical-align: top;
}

.events {
  height: calc(100vh - 300px);
  overflow: auto;
  font-family: 'Lato';
  position: relative;
}

.events-container {
  margin-top: 40px;
  position: relative;
  height: auto;
  width: 70%;
}

.events-container:after {
  /*content: '';*/
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  padding-left: 15px;
  padding-right: 15px;
  height: 160px;
  /*background: -webkit-linear-gradient(bottom, #fff, #fff 34%, rgba(255,255,255,0));
  background: linear-gradient(to top, #F9F6ED, #F9F6ED 34%, rgba(255,255,255,0));*/
  z-index: 10;
}

.chart-wrapper {
  counter-reset: section;
  padding: 0;
}

.chart-section {
  position: relative;
  margin-bottom: 20px;
  /*margin-bottom: 40px;*/
  list-style-type: none;
}

.chart-section:first-child:before, .chart-section:last-child:after {
  content: '';
  display: none;
}

.chart-section:last-child {
  padding-bottom: 100px;
}

.chart-section:before, .chart-section:after {
  content: '';
  position: absolute;
  border: solid 1px #E91D63;
  left: 11px;
}

.chart-section:before {
  height: 50%;
}

.chart-section:after {
  height: calc(100% + 20px);
  /*height: calc(50% + 40px);*/
  /*top: 50%;*/
}

.chart-num,
.chart-content {
  display: inline-block;
  vertical-align: top;
}

.chart-num {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 2px solid #E91D63;
  border-radius: 50%;
  background: #F9F6ED;
  font-size: 24px;
  position: relative;
  z-index: 2;
  box-sizing: content-box;
}

.chart-num:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5px;
  top: 5px;
  line-height: 20px;
  background: #E91D63;
  border-radius: 50%;
  font-size: 24px;
  z-index: 2;
  box-sizing: content-box;
}

.chart-content {
  padding: 0 16px;
  position: relative;
  width: 75%;
  border-radius: 4px;
  margin: 0 8px;
}

.chart-content a {
  text-decoration: none;
  color: #14c3bf;
}

.chart-active a, .chart-active a:hover {
  color: #93CAC5;
}

.chart-content a:hover {
  text-decoration: none;
  color: #24deda;
}

.chart-content h1,
.chart-content h1 a {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.chart-content small {
  font-size: 14px;
  color: #999998;
  font-weight: normal;
  letter-spacing: 1px;
}

.chart-active {
  background: pink;
  border-radius: 0px;
  padding: 10px 16px;
  transition: all 0.5s;
}

/*.chart-active h1,
.chart-active h1 a {
  color: #79a29f;
}*/

.photo-thumb {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-right: 5px;
  padding: 5px;
  z-index: 0;
}

.photo-thumb img {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #dddddd;
  padding: 5px;
  width: 100px;
  height: 100px;
  background: #fff;
}

.roam-map {
  color: #DE5483;
  opacity: 0;
}

/* Tooltip stuff */
.rel {
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 20px;
  border-style: dotted;
  border-color: white;
  border-width: medium;
}

p.thin {
    font-weight: 100;
    margin: 0;
    line-height: 1.2em;
}

p.bold {
    font-weight: 900;
    margin: 0;
    margin-top: -5px;
}

.rel {
    width: 30%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 20px;
    border-style: dotted;
    border-color: white;
    border-width: medium;
}

@keyframes fadeInTooltip {
  from {
    opacity: 0;
    top: 10px;
  }

  to {
    opacity: 1;
    top: 0px;
  }
}

@keyframes fadeOutTooltip {
  from {
    opacity: 1;
    top: 0px;
  }

  to {
    opacity: 0;
    top: 10px;
  }
}

.fadeInTooltip {
  webkit-animation-name: fadeInTooltip;
  animation-name: fadeInTooltip;
  animation-duration: 0.5s;
}

.fadeOutTooltip {
  animation-name: fadeOutTooltip;
  animation-duration: 0.5s;
}

.popper,
.tooltip {
    position: absolute;
    background: #e35583;
    color: #ffffff;
    width: 300px;
    padding: 10px;
    text-align: left;
    font-family: 'Lato';
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    line-height: 23px;
    z-index: 3;
}

.tooltip a {
  color: #f7d3de;
  text-decoration: underline;
  font-weight: bold;
}

.tooltip a:hover {
  color: #fff;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #e35583;
}

.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}

.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 10px;
}

.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 8px 8px 0 8px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 11px);
    margin-top: 0;
    margin-bottom: 0;
}

.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}

.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 10px;
}

.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 8px 0 8px 8px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 11px);
    margin-left: 0;
    margin-right: 0;
}

            
          
!
            
              // New Zealand North Island map is from https://www.amcharts.com/svg-maps/
            
          
!
999px
Loading ..................

Console