css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!-- NOTE: Contains full svg source with a lot of repetition. Tried using svg symbols for the counters but could not animate them. They are not officially 'rendered' in the DOM and possibly uses the shadow DOM instead? -->
<div class="wrapper">
  <div class="animation">
    <a href="https://www.nzbn.govt.nz/" target="_blank">
      <!-- Counters -->
      <div class="counters">
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -70.8%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 9 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -31.6%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 4 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -15.7%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 2 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -70.8%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 9 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, 0%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 0 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, 0%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 0 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, 0%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 0 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -7.9%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 1 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -7.9%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 1 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -62.9%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 8 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -70.8%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 9 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, 0%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 0 -->
        <svg class="counter" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 43 115" enable-background="new 0 0 43 115" xml:space="preserve" width="42" height="115">
          <defs>
            <filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001">
              <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" />
            </filter>
          </defs>
          <mask maskUnits="userSpaceOnUse" x="1" y="-49.4" width="41" height="1001" id="Mask_1_">
            <g filter="url(#Adobe_OpacityMaskFilter)">
              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.5" y1="3.161394e-07" x2="21.5" y2="115">
                <stop offset="0" style="stop-color:#000000" />
                <stop offset="0.12" style="stop-color:#FFFFFF" />
                <stop offset="0.88" style="stop-color:#FFFFFF" />
                <stop offset="1" style="stop-color:#000000" />
              </linearGradient>
              <rect fill="url(#SVGID_1_)" width="43" height="115" />
            </g>
          </mask>
          <g id="Mask" mask="url(#Mask_1_)">
            <g class="numbers" style="transform: translate(0%, -23.6%);">
              <path fill="#FFFFFF" d="M18.6,0.9c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1L3.8,5l0.6-5.1C9.3,0.5,14,0.9,18.6,0.9z M20-20.5c3.3,0,7.2-0.7,11.6-2.2
                                      l2.1-0.7C33.5-37,29.1-43.8,20.5-43.8c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1C8.3-24.1,12.2-20.5,20-20.5z" />
              <path fill="#FFFFFF" d="M21.3,29.4c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,31.5,14.6,29.4,21.3,29.4z
                                      M21.3,35c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6c4.5,0,7.9-1.6,10-4.7
                                      c2.1-3.1,3.2-8.9,3.2-17.4s-1-14.3-3.1-17.7C29.4,36.7,26.1,35,21.3,35z" />
              <path fill="#FFFFFF" d="M30.3,109.1v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
              <path fill="#FFFFFF" d="M38.7,242.1H4v-5.3l15.8-16.7c2.7-2.8,4.7-5,6-6.5c1.3-1.5,2.4-3.2,3.4-5.3c1-2,1.5-4.1,1.5-6.1
                                      c0-3.5-1-6-2.9-7.4c-1.9-1.4-4.9-2.1-9-2.1c-3.6,0-7.5,0.5-11.9,1.4l-2.1,0.4l-0.5-5.3c5.2-1.5,10.6-2.2,16.1-2.2
                                      c5.5,0,9.7,1.2,12.5,3.5c2.8,2.3,4.2,6,4.2,11c0,3.8-0.8,7.2-2.5,10c-1.7,2.8-4.6,6.3-8.8,10.3l-14.5,14.7h27.2V242.1z" />
              <path fill="#FFFFFF" d="M4.3,268.1c5.1-1.5,10.7-2.3,16.5-2.3c5.9,0,10.1,1.1,12.8,3.4c2.6,2.2,3.9,5.8,3.9,10.8
                                      c0,2.5-0.3,4.3-1,5.5c-0.7,1.1-1.2,2-1.6,2.6c-0.4,0.6-0.9,1.2-1.6,1.7c-1.2,0.9-2.2,1.6-2.9,2l-0.9,0.6c3.2,1.1,5.5,2.6,7.1,4.4
                                      c1.5,1.8,2.3,4.7,2.3,8.7c0,5.5-1.4,9.6-4.2,12.3c-2.8,2.7-7.3,4-13.3,4c-4.8,0-9.9-0.5-15.3-1.6l-2.5-0.6l0.6-5.2
                                      c5.9,1.2,11.4,1.8,16.6,1.8c7.8-0.1,11.7-3.6,11.7-10.5c0-6.5-3.7-9.9-11.2-10.2H10.3v-5.4h10.9c2.3,0,4.5-0.9,6.7-2.8
                                      c2.1-1.8,3.2-4.3,3.2-7.3c0-3-0.8-5.2-2.5-6.5c-1.7-1.3-4.5-2-8.5-2c-4.4,0-8.7,0.4-13,1.2l-2.1,0.4L4.3,268.1z" />
              <path fill="#FFFFFF" d="M27.9,399.8v-10.6H1.6v-4.9l15.4-38.7H24l-15.7,38h19.6v-16.9h6.3v16.9h6.9v5.6h-6.9v10.6H27.9z" />
              <path fill="#FFFFFF" d="M37.5,424.4v5.7H11.2l-1.5,17.7c4.2-2.2,8.5-3.4,12.7-3.4c11.5,0,17.2,5.3,17.2,16c0,6.1-1.6,10.8-4.8,14
                                      c-3.2,3.2-7.6,4.8-13.4,4.8c-4.6,0-9.7-0.6-15.3-1.8l-2.7-0.6l0.7-5c6.3,1.2,11.6,1.8,15.9,1.8c4.3,0,7.5-1.1,9.7-3.3
                                      c2.2-2.2,3.3-5.3,3.3-9.3s-1-6.8-3-8.5c-2-1.7-4.8-2.5-8.5-2.5c-2,0-4,0.3-6.2,0.8c-2.2,0.5-3.8,1.1-5,1.6l-1.7,0.8l-4.4-0.8
                                      l1.5-28.2H37.5z" />
              <path fill="#FFFFFF" d="M37.9,509c-4.9-0.7-9.7-1-14.4-1c-4.7,0-8.2,1.6-10.8,4.8c-2.5,3.2-3.8,7.9-3.8,13.9l2.1-0.8
                                      c1.4-0.5,3.2-1,5.5-1.6c2.3-0.5,4.3-0.8,6-0.8c12.2,0,18.2,5.6,18.2,16.8c0,5.7-1.7,10.2-5,13.3c-3.3,3.1-8,4.6-14,4.6
                                      c-12.9,0-19.4-9.4-19.4-28.2c0-9.5,1.8-16.4,5.5-20.9c3.7-4.5,8.9-6.7,15.6-6.7c4.4,0,8.6,0.3,12.6,1l2.2,0.4L37.9,509z
                                      M22.2,529.2c-1.9,0-3.9,0.3-6.1,0.8c-2.2,0.5-4,1-5.2,1.5l-1.9,0.8c0.1,6.2,1.1,11.2,3.2,14.9c2.1,3.7,5.2,5.5,9.4,5.5
                                      c4.2,0,7.4-1.1,9.5-3.2c2.1-2.1,3.2-5.1,3.2-8.9s-1.1-6.7-3.2-8.6C29,530.1,26,529.2,22.2,529.2z" />
              <path fill="#FFFFFF" d="M4.7,587.8V582h33.7v8.3l-20.9,46.7l-6-1.9l20.4-45.2v-2.1H4.7z" />
              <path fill="#FFFFFF" d="M7,663.5c3.4-2.4,8.1-3.6,14.2-3.6c6,0,10.8,1.2,14.3,3.6c3.5,2.4,5.3,5.9,5.3,10.6c0,3.4-0.7,6-2.1,7.8
                                      c-1.4,1.8-3.7,3.4-7,4.9c3.3,1.5,5.7,3.2,7.4,5.2s2.5,4.8,2.5,8.4c0,10.3-6.8,15.5-20.3,15.5S1,711,1,701.3c0-3.9,0.8-6.8,2.3-8.9
                                      c1.5-2,3.9-3.9,7.1-5.7c-3-1.5-5.1-3.2-6.4-5c-1.3-1.9-2-4.4-2-7.7C1.9,669.4,3.6,665.9,7,663.5z M7.7,700.2
                                      c0,6.6,4.5,9.9,13.6,9.9c9.1,0,13.6-3.5,13.6-10.4c0-2.9-0.8-5.1-2.4-6.4c-1.6-1.4-4-2.6-7.2-3.5h-8.6c-3,0.8-5.3,2-6.7,3.7
                                      S7.7,697.3,7.7,700.2z M34.1,674.8c0-6.1-4.2-9.1-12.7-9.1c-8.5,0-12.7,3-12.7,9c0,2.4,0.7,4.4,2,5.8c1.3,1.5,3.3,2.7,6.1,3.7h8.6
                                      c3-0.9,5.2-2.1,6.6-3.6C33.3,679.2,34.1,677.2,34.1,674.8z" />
              <path fill="#FFFFFF" d="M18.6,789.1c9.9,0,14.9-6.3,14.9-18.9c-5.5,2.1-10.2,3.1-14.1,3.1c-11.8,0-17.7-5.5-17.7-16.5
                                      c0-5.5,1.7-9.9,5.1-13.1c3.4-3.2,8-4.8,13.7-4.8c6.6,0,11.5,2.5,14.8,7.3c3.2,4.9,4.8,12.1,4.8,21.6c0,9.5-1.8,16.4-5.5,20.6
                                      c-3.6,4.2-9,6.3-16.1,6.3c-4.1,0-8.3-0.4-12.7-1.1l-2.1-0.3l0.6-5.1C9.3,788.8,14,789.1,18.6,789.1z M20,767.8
                                      c3.3,0,7.2-0.7,11.6-2.2l2.1-0.7c-0.2-13.6-4.5-20.4-13.1-20.4c-3.8,0-6.8,1.1-9,3.3c-2.2,2.2-3.2,5.2-3.2,9.1
                                      C8.3,764.1,12.2,767.8,20,767.8z" />
              <path fill="#FFFFFF" d="M21.3,817.6c4.5,0,8.1,0.8,10.9,2.5c5.9,3.5,8.9,12.3,8.9,26.3c0,9.9-1.6,16.9-4.9,21
                                      c-3.3,4.1-8.2,6.1-14.8,6.1s-11.5-2-14.8-6c-3.3-4-5-11.2-5-21.5c0-10.3,1.6-17.6,4.9-21.9C9.7,819.8,14.6,817.6,21.3,817.6z
                                      M21.3,823.3c-3.1,0-5.6,0.7-7.4,2c-3.9,2.7-5.8,9.8-5.8,21.3c0,8.1,1.1,13.7,3.2,16.8c2.1,3.1,5.5,4.6,10,4.6
                                      c4.5,0,7.9-1.6,10-4.7c2.1-3.1,3.2-8.9,3.2-17.4c0-8.5-1-14.3-3.1-17.7S26.1,823.3,21.3,823.3z" />
              <path fill="#FFFFFF" d="M30.3,897.4v54.2H24v-47.1l-14,9.2l-2.9-4.8l17.2-11.5H30.3z" />
            </g>
          </g>
        </svg>
        <!-- 3 -->
      </div>
      <!-- /Counters -->
      <div class="logo">
        <svg version="1.1" id="nzbn-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 228 85" enable-background="new 0 0 228 85" xml:space="preserve">
          <g id="letters">
            <g id="N1" class="letter">
              <polygon fill="#8A8A8A" points="50.4,63.9 50.4,2.4 44.9,2.4 44.9,56.8 		" />
              <polygon fill="#FFFFFF" points="0.1,0 0.1,63.8 5.6,63.8 5.6,16 43.3,63.8 50.4,63.8 		" />
            </g>
            <g id="Z" class="letter">
              <polygon fill="#8A8A8A" points="65.7,63.9 109.6,63.9 109.6,58.2 69.8,58.2 		" />
              <polygon fill="#FFFFFF" points="59.3,63.9 65.7,63.9 110,2.5 59.3,2.5 59.3,8 99.3,8 		" />
            </g>
            <g id="B" class="letter">
              <rect x="118.5" y="2.3" fill="#8A8A8A" width="5.6" height="61.6" />
              <path fill="#FFFFFF" d="M160.6,33.4c-1.2-1.2-2.5-2.2-4-3c3.6-2.9,5.9-7.3,5.9-12.3c0-8.7-7-15.7-15.5-15.7h-23v5.6h23
                                      c5.5,0,10,4.5,10,10.1c0,5.5-4.4,10.1-9.9,10.1h-23.1v5.6h24.1c6.7,0,12.1,5.5,12.1,12.3s-5.4,12.2-12.1,12.2h-24.1v5.6h24.1
                                      c9.8,0,17.7-8,17.7-17.8C165.8,41.2,164,36.8,160.6,33.4" />
            </g>
            <g id="N2" class="letter">
              <polygon fill="#8A8A8A" points="227.9,63.8 227.9,2.4 222.4,2.4 222.4,56.8 		" />
              <polygon fill="#FFFFFF" points="177.7,0.1 177.7,64 183.2,64 183.2,16.1 220.9,64 228,64 		" />
            </g>
          </g>
          <g id="letter-accents-clip">
            <clipPath id="accents-clip">
              <rect id="accents-clip-rect" x="0" y="0" width="228" height="64" />
            </clipPath>
            <g id="letters-accents" clip-path="url(#accents-clip)">
              <polygon fill="#00A7B5" points="227.3,63.4 227.3,2.3 221.7,2.3 221.7,56.5 		" />
              <rect x="118.1" y="2.3" fill="#00A7B5" width="5.6" height="61.2" />
              <polygon fill="#00A7B5" points="65.5,63.5 109.3,63.5 109.3,57.8 69.6,57.8 		" />
              <polygon fill="#00A7B5" points="50.3,63.4 50.3,2.4 44.7,2.4 44.7,56.4 		" />
            </g>
          </g>
        </svg>

      </div>
      <div class="text">
        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
        <svg id="nzbn-logo-text" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 358 220 50" enable-background="new 0 358 220 50" xml:space="preserve">
          <g id="text-letters-top">
            <path fill="#FFFFFF" d="M1.9,379.9v-20.6h4.3l7.9,18.5h0.6v-18.5h2.3v20.6h-4.2l-8-18.5H4.2v18.5H1.9z" />
            <path fill="#FFFFFF" d="M31.5,378.1l0.9-0.1l0.1,1.8c-2.3,0.3-4.2,0.5-5.8,0.5c-2.1,0-3.7-0.6-4.5-1.9c-0.9-1.2-1.3-3.2-1.3-5.8
		c0-5.2,2.1-7.8,6.2-7.8c2,0,3.5,0.6,4.5,1.7c1,1.1,1.5,2.9,1.5,5.3l-0.1,1.7h-9.8c0,1.6,0.3,2.9,0.9,3.7c0.6,0.8,1.6,1.2,3.1,1.2
		S30,378.2,31.5,378.1z M30.7,371.6c0-1.8-0.3-3.1-0.9-3.9c-0.6-0.8-1.5-1.1-2.9-1.1c-1.3,0-2.3,0.4-3,1.2s-1,2.1-1,3.8H30.7z" />
            <path fill="#FFFFFF" d="M35.1,365h2.2l3,12.9h0.5l3.5-12.6h2.3l3.5,12.6h0.5l3-12.9h2.2l-3.5,14.8h-3.7l-3.1-11.6l-3.1,11.6h-3.7
		L35.1,365z" />
            <path fill="#FFFFFF" d="M64.6,361.4v-2H78v2.7l-10.8,15.3v0.6H78v2H64.6v-2.6L75.3,362v-0.7H64.6z" />
            <path fill="#FFFFFF" d="M91.2,378.1L92,378l0.1,1.8c-2.3,0.3-4.2,0.5-5.8,0.5c-2.1,0-3.7-0.6-4.5-1.9c-0.9-1.2-1.3-3.2-1.3-5.8
		c0-5.2,2.1-7.8,6.2-7.8c2,0,3.5,0.6,4.5,1.7c1,1.1,1.5,2.9,1.5,5.3l-0.1,1.7h-9.8c0,1.6,0.3,2.9,0.9,3.7c0.6,0.8,1.6,1.2,3.1,1.2
		C88.1,378.2,89.6,378.2,91.2,378.1z M90.4,371.6c0-1.8-0.3-3.1-0.9-3.9c-0.6-0.8-1.5-1.1-2.9-1.1s-2.3,0.4-3,1.2s-1,2.1-1,3.8H90.4
		z" />
            <path fill="#FFFFFF" d="M106.6,369.5v7.6c0.1,0.7,0.6,1.2,1.7,1.3l-0.1,1.8c-1.6,0-2.7-0.4-3.5-1.2c-1.8,0.8-3.6,1.2-5.3,1.2
		c-1.4,0-2.4-0.4-3.1-1.2c-0.7-0.8-1.1-1.9-1.1-3.3c0-1.4,0.4-2.5,1.1-3.2c0.7-0.7,1.9-1.1,3.4-1.3l4.7-0.4v-1.3
		c0-1-0.2-1.7-0.7-2.2c-0.4-0.4-1-0.7-1.8-0.7c-1.6,0-3.2,0.1-4.9,0.3l-0.9,0.1l-0.1-1.7c2.2-0.4,4.1-0.7,5.8-0.7
		c1.7,0,2.9,0.4,3.7,1.2C106.2,366.7,106.6,367.9,106.6,369.5z M97.4,375.6c0,1.8,0.8,2.7,2.3,2.7c1.3,0,2.7-0.2,4-0.7l0.7-0.2v-4.9
		l-4.4,0.4c-0.9,0.1-1.5,0.3-1.9,0.8C97.6,374.1,97.4,374.8,97.4,375.6z" />
            <path fill="#FFFFFF" d="M111.1,379.9v-21.3h2.2v21.3H111.1z" />
            <path fill="#FFFFFF" d="M128.3,369.5v7.6c0.1,0.7,0.6,1.2,1.7,1.3l-0.1,1.8c-1.6,0-2.7-0.4-3.5-1.2c-1.8,0.8-3.6,1.2-5.3,1.2
		c-1.4,0-2.4-0.4-3.1-1.2c-0.7-0.8-1.1-1.9-1.1-3.3c0-1.4,0.4-2.5,1.1-3.2c0.7-0.7,1.9-1.1,3.4-1.3l4.7-0.4v-1.3
		c0-1-0.2-1.7-0.7-2.2c-0.4-0.4-1-0.7-1.8-0.7c-1.6,0-3.2,0.1-4.9,0.3l-0.9,0.1l-0.1-1.7c2.2-0.4,4.1-0.7,5.8-0.7
		c1.7,0,2.9,0.4,3.7,1.2C127.9,366.7,128.3,367.9,128.3,369.5z M119.1,375.6c0,1.8,0.8,2.7,2.3,2.7c1.3,0,2.7-0.2,4-0.7l0.7-0.2
		v-4.9l-4.4,0.4c-0.9,0.1-1.5,0.3-1.9,0.8C119.3,374.1,119.1,374.8,119.1,375.6z" />
            <path fill="#FFFFFF" d="M134.9,379.9h-2.2V365h2.2v1c1.6-0.9,3.1-1.3,4.6-1.3c2,0,3.3,0.5,4,1.6c0.7,1.1,1,3,1,5.7v7.8h-2.2v-7.8
		c0-2.1-0.2-3.5-0.6-4.2c-0.4-0.8-1.3-1.1-2.6-1.1c-0.6,0-1.3,0.1-2,0.3c-0.7,0.2-1.2,0.4-1.6,0.5l-0.6,0.3V379.9z" />
            <path fill="#FFFFFF" d="M160,358.6v21.3h-2.2v-1c-1.5,0.9-3,1.3-4.5,1.3c-0.8,0-1.5-0.1-2.1-0.3c-0.6-0.2-1.1-0.6-1.7-1.1
		c-1.1-1.1-1.6-3-1.6-5.9c0-2.9,0.5-5,1.4-6.2c1-1.3,2.5-1.9,4.8-1.9c1.1,0,2.4,0.1,3.7,0.4v-6.6H160z M152.3,378
		c0.4,0.1,0.8,0.2,1.4,0.2c0.6,0,1.2-0.1,1.9-0.3c0.7-0.2,1.3-0.4,1.6-0.5l0.6-0.3V367c-1.3-0.2-2.4-0.4-3.5-0.4
		c-1.5,0-2.6,0.5-3.1,1.4c-0.6,1-0.9,2.4-0.9,4.5c0,2.3,0.3,3.8,1,4.6C151.6,377.6,152,377.9,152.3,378z" />
          </g>
          <g id="text-letters-bottom">
            <path fill="#00A7B5" d="M1.9,385.7h7.5c2,0,3.6,0.4,4.6,1.3c1,0.8,1.5,2.2,1.5,4c0,1.3-0.2,2.3-0.7,3c-0.4,0.7-1.1,1.3-2,1.7
		c2.2,0.8,3.3,2.4,3.3,4.8c0,2.1-0.5,3.5-1.6,4.4s-2.7,1.3-4.7,1.3H1.9V385.7z M9.3,387.7H4.2v7.1h5.3c1.3,0,2.2-0.3,2.8-0.9
		c0.6-0.6,0.9-1.5,0.9-2.7c0-1.2-0.3-2.1-0.9-2.6C11.6,388,10.6,387.7,9.3,387.7z M9.5,396.8H4.2v7.4h5.5c1.3,0,2.4-0.3,3.1-0.8
		c0.7-0.6,1.1-1.6,1.1-3c0-0.8-0.1-1.4-0.4-1.9c-0.3-0.5-0.7-0.9-1.1-1.1C11.3,397,10.4,396.8,9.5,396.8z" />
            <path fill="#00A7B5" d="M29.1,391.4h2.2v14.8h-2.2v-1c-1.5,0.9-3,1.3-4.4,1.3c-2,0-3.4-0.5-4-1.6c-0.7-1.1-1-3-1-5.8v-7.8h2.2v7.7
		c0,2.2,0.2,3.6,0.6,4.3c0.4,0.7,1.2,1.1,2.6,1.1c0.7,0,1.3-0.1,2-0.3c0.7-0.2,1.2-0.4,1.5-0.5l0.5-0.3V391.4z" />
            <path fill="#00A7B5" d="M40.2,393.1c-2.2,0-3.2,0.8-3.2,2.3c0,0.7,0.2,1.2,0.7,1.5c0.5,0.3,1.6,0.6,3.4,0.9s3,0.7,3.7,1.3
		c0.7,0.6,1.1,1.6,1.1,3.1s-0.5,2.6-1.5,3.4c-1,0.7-2.4,1.1-4.3,1.1c-1.2,0-2.7-0.1-4.3-0.4L35,406l0.1-1.9c2.3,0.3,4,0.5,5.1,0.5
		c1.1,0,2-0.2,2.6-0.5c0.6-0.4,0.9-1,0.9-1.8c0-0.9-0.3-1.4-0.8-1.8c-0.5-0.3-1.6-0.6-3.4-0.9c-1.7-0.3-3-0.7-3.7-1.2
		c-0.7-0.5-1.1-1.5-1.1-3c0-1.4,0.5-2.5,1.5-3.2c1-0.7,2.3-1,3.8-1c1.2,0,2.7,0.1,4.5,0.4l0.8,0.1l-0.1,1.9
		C43.2,393.3,41.5,393.1,40.2,393.1z" />
            <path fill="#00A7B5" d="M49.4,388.1v-2.6h2.2v2.6H49.4z M49.4,406.3v-14.8h2.2v14.8H49.4z" />
            <path fill="#00A7B5" d="M58.1,406.3h-2.2v-14.8h2.2v1c1.6-0.9,3.1-1.3,4.6-1.3c2,0,3.3,0.5,4,1.6c0.7,1.1,1,3,1,5.7v7.8h-2.2v-7.8
		c0-2.1-0.2-3.5-0.6-4.2c-0.4-0.8-1.3-1.1-2.6-1.1c-0.6,0-1.3,0.1-2,0.3c-0.7,0.2-1.2,0.4-1.6,0.5l-0.6,0.3V406.3z" />
            <path fill="#00A7B5" d="M81.9,404.4l0.9-0.1l0.1,1.8c-2.3,0.3-4.2,0.5-5.8,0.5c-2.1,0-3.7-0.6-4.5-1.9c-0.9-1.2-1.3-3.2-1.3-5.8
		c0-5.2,2.1-7.8,6.2-7.8c2,0,3.5,0.6,4.5,1.7c1,1.1,1.5,2.9,1.5,5.3l-0.1,1.7h-9.8c0,1.6,0.3,2.9,0.9,3.7c0.6,0.8,1.6,1.2,3.1,1.2
		S80.4,404.5,81.9,404.4z M81.1,398c0-1.8-0.3-3.1-0.9-3.9c-0.6-0.8-1.5-1.1-2.9-1.1c-1.3,0-2.3,0.4-3,1.2s-1,2.1-1,3.8H81.1z" />
            <path fill="#00A7B5" d="M91.5,393.1c-2.2,0-3.2,0.8-3.2,2.3c0,0.7,0.2,1.2,0.7,1.5c0.5,0.3,1.6,0.6,3.4,0.9s3,0.7,3.7,1.3
		c0.7,0.6,1.1,1.6,1.1,3.1s-0.5,2.6-1.5,3.4c-1,0.7-2.4,1.1-4.3,1.1c-1.2,0-2.7-0.1-4.3-0.4l-0.9-0.1l0.1-1.9c2.3,0.3,4,0.5,5.1,0.5
		s2-0.2,2.6-0.5c0.6-0.4,0.9-1,0.9-1.8c0-0.9-0.3-1.4-0.8-1.8c-0.5-0.3-1.6-0.6-3.4-0.9c-1.7-0.3-3-0.7-3.7-1.2
		c-0.7-0.5-1.1-1.5-1.1-3c0-1.4,0.5-2.5,1.5-3.2c1-0.7,2.3-1,3.8-1c1.2,0,2.7,0.1,4.5,0.4l0.8,0.1l-0.1,1.9
		C94.5,393.3,92.8,393.1,91.5,393.1z" />
            <path fill="#00A7B5" d="M105.3,393.1c-2.2,0-3.2,0.8-3.2,2.3c0,0.7,0.2,1.2,0.7,1.5c0.5,0.3,1.6,0.6,3.4,0.9s3,0.7,3.7,1.3
		c0.7,0.6,1.1,1.6,1.1,3.1s-0.5,2.6-1.5,3.4c-1,0.7-2.4,1.1-4.3,1.1c-1.2,0-2.7-0.1-4.3-0.4l-0.9-0.1l0.1-1.9c2.3,0.3,4,0.5,5.1,0.5
		s2-0.2,2.6-0.5c0.6-0.4,0.9-1,0.9-1.8c0-0.9-0.3-1.4-0.8-1.8c-0.5-0.3-1.6-0.6-3.4-0.9c-1.7-0.3-3-0.7-3.7-1.2
		c-0.7-0.5-1.1-1.5-1.1-3c0-1.4,0.5-2.5,1.5-3.2c1-0.7,2.3-1,3.8-1c1.2,0,2.7,0.1,4.5,0.4l0.8,0.1l-0.1,1.9
		C108.3,393.3,106.6,393.1,105.3,393.1z" />
            <path fill="#00A7B5" d="M121.4,406.3v-20.6h4.3l7.9,18.5h0.6v-18.5h2.3v20.6h-4.2l-8-18.5h-0.6v18.5H121.4z" />
            <path fill="#00A7B5" d="M150.3,391.4h2.2v14.8h-2.2v-1c-1.5,0.9-3,1.3-4.4,1.3c-2,0-3.4-0.5-4-1.6c-0.7-1.1-1-3-1-5.8v-7.8h2.2v7.7
		c0,2.2,0.2,3.6,0.6,4.3c0.4,0.7,1.2,1.1,2.6,1.1c0.7,0,1.3-0.1,2-0.3c0.7-0.2,1.2-0.4,1.5-0.5l0.5-0.3V391.4z" />
            <path fill="#00A7B5" d="M159.1,406.3h-2.2v-14.8h2.2v1c1.5-0.9,2.9-1.3,4.3-1.3c1.8,0,3.1,0.5,3.9,1.5c0.7-0.4,1.5-0.7,2.5-1.1
		c1-0.3,2-0.5,2.7-0.5c2,0,3.3,0.5,4,1.6c0.7,1.1,1,3,1,5.7v7.8h-2.2v-7.8c0-2.1-0.2-3.5-0.6-4.2c-0.4-0.8-1.2-1.1-2.5-1.1
		c-0.7,0-1.3,0.1-2,0.3c-0.7,0.2-1.2,0.4-1.6,0.5l-0.6,0.3c0.3,0.7,0.4,2.1,0.4,4.3v7.7h-2.2v-7.7c0-2.1-0.2-3.6-0.6-4.4
		c-0.4-0.8-1.2-1.1-2.5-1.1c-0.6,0-1.3,0.1-1.9,0.3c-0.7,0.2-1.2,0.4-1.5,0.5l-0.5,0.3V406.3z" />
            <path fill="#00A7B5" d="M188.2,391.1c2,0,3.4,0.6,4.2,1.7c0.8,1.1,1.2,3.1,1.2,6c0,2.9-0.5,4.9-1.5,6c-1,1.2-2.8,1.7-5.5,1.7
		c-0.8,0-2.2-0.1-4.1-0.2l-0.8-0.1v-21.3h2.2v7.2C185.4,391.5,186.8,391.1,188.2,391.1z M186.6,404.6c1.9,0,3.2-0.4,3.8-1.3
		c0.6-0.9,0.9-2.4,0.9-4.5c0-2.1-0.2-3.6-0.7-4.4c-0.5-0.8-1.4-1.3-2.6-1.3c-1.1,0-2.3,0.2-3.5,0.7l-0.6,0.2v10.5
		C185.1,404.5,186.1,404.6,186.6,404.6z" />
            <path fill="#00A7B5" d="M207.4,404.4l0.9-0.1l0.1,1.8c-2.3,0.3-4.2,0.5-5.8,0.5c-2.1,0-3.7-0.6-4.5-1.9c-0.9-1.2-1.3-3.2-1.3-5.8
		c0-5.2,2.1-7.8,6.2-7.8c2,0,3.5,0.6,4.5,1.7c1,1.1,1.5,2.9,1.5,5.3l-0.1,1.7h-9.8c0,1.6,0.3,2.9,0.9,3.7c0.6,0.8,1.6,1.2,3.1,1.2
		S205.8,404.5,207.4,404.4z M206.6,398c0-1.8-0.3-3.1-0.9-3.9s-1.5-1.1-2.9-1.1s-2.3,0.4-3,1.2c-0.7,0.8-1,2.1-1,3.8H206.6z" />
            <path fill="#00A7B5" d="M212.3,406.3v-14.8h2.2v2c1.7-1.2,3.5-2,5.4-2.3v2.3c-0.8,0.2-1.7,0.4-2.6,0.7c-0.9,0.3-1.6,0.6-2.1,0.9
		l-0.7,0.4v10.9H212.3z" />
          </g>
        </svg>
      </div>
    </a>
  </div>
</div>
            
          
!
            
              //
// Variables
// --------------------------------------------------

//** Background color for `<body>`.
$body-bg:               #213036;
//** Global text color on `<body>`.
$text-color:            #CCC;

//** animation vars
$animation-bg: #213036;
$animation-width: 680px;
$animation-height: 115px;
$animation-text-color: white;


//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-base: "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-size-base: 22px;
$line-height-base: 1.2;

body {
	background-color: $body-bg;
	color: $text-color;
	font-family: $font-family-base;
	font-size: $font-size-base;
	line-height: $line-height-base;
	text-align: center;
}

.wrapper {
	padding: 30px 0;
}

.animation {
	position: relative;
	overflow: hidden;
	margin: 3em auto;
	background-color: $animation-bg;
	&, a { 
		width: $animation-width;
		height: $animation-height;
		color: $animation-text-color;
	}
	.counter {
		display: inline-block;
		width: 42px;
		height: 115px;
		margin: 0 2px 0 2px;
	}
	.logo {
		position: absolute;
		width: 204px;
		top: 29px;
		left: 5px;
		z-index: 1;
		#nzbn-logo {
			opacity: 0;
		}
	}
	.text {
		position: absolute;
		width: 230px;
		top: 32px;
		left: 240px;
		z-index: 1;
		#nzbn-logo-text {
			opacity: 0;
		}
	}
}
            
          
!
            
              /* NOTE: Some quick early testing pushed me towards using TimelineLite with multiple timelines which run in parallel and are nested inside a top level timeline. This allows more flexibility in counter movement giving a more randomised look. The animation code is pretty long-winded as a result and would be keen if anybody has a more concise approach. */

/* Animated elements */
var $counterNumbers = document.querySelectorAll('.counter .numbers');
var $nzbnLogo = document.getElementById('nzbn-logo');
var $letters = document.querySelectorAll('.letter');
var $fullText = document.getElementById('nzbn-logo-text');
var $fullTextLettersTop = document.querySelectorAll('#text-letters-top path');
var $fullTextLettersBottom = document.querySelectorAll('#text-letters-bottom path');
var $lettersAccents = document.getElementById('letters-accents');
var $accentsClipRect = document.getElementById('accents-clip-rect');

/* Initialise Main Timeline */
var tl = new TimelineMax({
  onComplete: function() {
    setTimeout(function() {
      tl.restart(); // Restart animation on end
    }, 2000);
  }
});

/* Counter Sub Timelines */
var c1 = new TimelineMax();
var c2 = new TimelineMax();
var c3 = new TimelineMax();
var c4 = new TimelineMax();
var c5 = new TimelineMax();
var c6 = new TimelineMax();
var c7 = new TimelineMax();
var c8 = new TimelineMax();
var c9 = new TimelineMax();
var c10 = new TimelineMax();
var c11 = new TimelineMax();
var c12 = new TimelineMax();
var c13 = new TimelineMax();
tl.add(c1).add(c2).add(c3).add(c4).add(c5)
  .add(c6).add(c7).add(c8).add(c9).add(c10)
  .add(c11).add(c12).add(c13);

/* Counter positions object. Containing percentage
   values to 'set' the counters to specific values */
var counterPositions = {
  start: "0%", // 0
  one: "-7.9%", // 1
  two: "-15.7%", // 2
  three: "-23.6%", // 3
  four: "-31.6%", // 4
  five: "-39.3%", // 5
  six: "-47.2%", // 6
  seven: "-55%", // 7
  eight: "-62.9%", // 8
  nine: "-70.8%", // 9
  end: "-78.7%", // 0 (visually the same as start)
  hide: "-101%" // Numbers off-screen
};

/* Initial state values to hide assets from later in the timeline */
tl.to($fullTextLettersTop, 0, {
  opacity: 0
})
  .to($fullTextLettersBottom, 0, {
  opacity: 0
})
  .to($nzbnLogo, 0, {
  opacity: 1
})
  .to($accentsClipRect, 0, {
  scaleX: 0
});

tl.to($counterNumbers[0], 0, {
  y: counterPositions.nine
})
  .to($counterNumbers[1], 0, {
  y: counterPositions.four
})
  .to($counterNumbers[2], 0, {
  y: counterPositions.two
})
  .to($counterNumbers[3], 0, {
  y: counterPositions.nine
})
  .to($counterNumbers[4], 0, {
  y: counterPositions.start
})
  .to($counterNumbers[5], 0, {
  y: counterPositions.start
})
  .to($counterNumbers[6], 0, {
  y: counterPositions.start
})
  .to($counterNumbers[7], 0, {
  y: counterPositions.one
})
  .to($counterNumbers[8], 0, {
  y: counterPositions.one
})
  .to($counterNumbers[9], 0, {
  y: counterPositions.eight
})
  .to($counterNumbers[10], 0, {
  y: counterPositions.nine
})
  .to($counterNumbers[11], 0, {
  y: counterPositions.start
})
  .to($counterNumbers[12], 0, {
  y: counterPositions.three
});

/* Set Logo Initials off-screen */
c1.to($letters[0], 0, {
  y: '200%'
});
c2.to($letters[1], 0, {
  y: '200%'
});
c3.to($letters[2], 0, {
  y: '200%'
});
c4.to($letters[3], 0, {
  y: '200%'
});

/* Counter Area 1 */
c1.to($counterNumbers[0], 0.1, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[0], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[0], 0.6, {
  ease: Linear.easeIn,
  repeat: 1,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[0], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[0], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.five // Pause on 5
})
  .to($counterNumbers[0], 0.6, {
  ease: Power4.easeIn,
  y: counterPositions.end // Move to end zero
})
  .to($counterNumbers[0], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[0], 0.65, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[0], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[0], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.two // Pause on 2
})
  .to($counterNumbers[0], 0.5, {
  ease: Power4.easeIn,
  y: counterPositions.end // Move to end zero
})
  .to($counterNumbers[0], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[0], 0.5, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
})
  .to($letters[0], 0.2, {
  y: '0%'
}, "-=0.1"); // Show first logo N

/* Counter Area 2 */
c2.fromTo($counterNumbers[1], 0.55, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
}, {
  ease: Linear.easeIn,
  repeat: 1,
  y: counterPositions.start // End zero
})
  .to($counterNumbers[1], 0.3, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
})
  .to($letters[1], 0.2, {
  y: '0%'
}, "-=0.08"); // Show logo Z

/* Counter Area 3 */
c3.to($counterNumbers[2], 0.51, {
  ease: Linear.easeIn,
  repeat: 1,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[2], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[2], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.end // Pause on 0
})
  .to($counterNumbers[2], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[2], 0.75, {
  ease: Power4.easeIn,
  delay: 0.25,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[2], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[2], 0.8, {
  ease: Power4.easeOut,
  y: counterPositions.nine // Pause on 9
})
  .to($counterNumbers[2], 0.6, {
  ease: Power4.easeIn,
  y: counterPositions.end // Move to end zero
})
  .to($counterNumbers[2], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[2], 0.7, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
})
  .to($letters[2], 0.2, {
  y: '0%'
}, "-=0.1"); // Show logo B

/* Counter Area 4 */
c4.to($counterNumbers[3], 0.1, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[3], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[3], 0.48, {
  ease: Linear.easeIn,
  repeat: 1,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[3], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[3], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.nine // Pause on 9
})
  .to($counterNumbers[3], 0.6, {
  ease: Power4.easeIn,
  delay: 0.3,
  y: counterPositions.end // Pause on 9
})
  .to($counterNumbers[3], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[3], 0.9, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
})
  .to($letters[3], 0.2, {
  y: '0%'
}, "-=0.15"); // Show logo N

/* Counter Area 5 */
c5.fromTo($counterNumbers[4], 0.71, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
}, {
  ease: Linear.easeIn,
  y: counterPositions.start // Reset
})
  .to($counterNumbers[4], 0, {
  y: counterPositions.end
}) // Reset
  .to($counterNumbers[4], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.six // Pause on 6
})
  .to($counterNumbers[4], 0.6, {
  ease: Power4.easeIn,
  delay: 0.6,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[4], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[4], 0.8, {
  ease: Power4.easeOut,
  y: counterPositions.four // Pause on 4
})
  .to($counterNumbers[4], 0.9, {
  ease: Power4.easeIn,
  delay: 0.3,
  y: counterPositions.hide // Hide number
});

/* Counter Area 6 */
c6.to($counterNumbers[5], 0.58, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[5], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[5], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.two // Pause on 2
})
  .to($counterNumbers[5], 0.6, {
  ease: Power4.easeIn,
  delay: 0.8,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[5], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[5], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.seven // Pause on 7
})
  .to($counterNumbers[5], 0.6, {
  ease: Power4.easeIn,
  delay: 0.3,
  y: counterPositions.hide // Hide number
});

/* Counter Area 7 */
c7.to($counterNumbers[6], 0.72, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[6], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[6], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.four // Pause on 4
})
  .to($counterNumbers[6], 1, {
  ease: Power4.easeIn,
  delay: 0.6,
  y: counterPositions.hide // Hide counter
});

/* Counter Area 8 */
c8.fromTo($counterNumbers[7], 0.6, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
}, {
  ease: Linear.easeIn,
  y: counterPositions.start // Reset
})
  .to($counterNumbers[7], 0, {
  y: counterPositions.end
}) // Reset
  .to($counterNumbers[7], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.end // Pause on zero
})
  .to($counterNumbers[7], 1, {
  ease: Power4.easeIn,
  delay: 0.53,
  y: counterPositions.hide // Hide counter
});

/* Counter Area 9 */
c9.to($counterNumbers[8], 0.72, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[8], 0, {
  y: counterPositions.start
}) // Reset
  .to($counterNumbers[8], 0.6, {
  ease: Power4.easeOut,
  y: counterPositions.five // Pause on 5
})
  .to($counterNumbers[8], 1, {
  ease: Power4.easeIn,
  delay: 0.4,
  y: counterPositions.hide // Hide counter
});

/* Counter Area 10 */
c10.to($counterNumbers[9], 0.4, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[9], 0.6, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
});

/* Counter Area 11 */
c11.fromTo($counterNumbers[10], 0.4, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
}, {
  ease: Linear.easeIn,
  y: counterPositions.start // Reset
})
  .to($counterNumbers[10], 0.6, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
});

/* Counter Area 12 */
c12.to($counterNumbers[11], 0.36, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[11], 0.3, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
});

/* Counter Area 13 */
c13.to($counterNumbers[12], 0.3, {
  ease: Linear.easeIn,
  y: counterPositions.end // End zero
})
  .to($counterNumbers[12], 0.2, {
  ease: Linear.easeIn,
  y: counterPositions.hide // Hide number
});

/* NZBN Letter Accent Colour */
tl.to($accentsClipRect, 1.5, {
  ease: Power4.easeIn,
  scaleX: 1
}, "-=0.75");

/* Stagger final text fade in by letter */
tl.to($fullText, 0, {opacity: 1}) // Override CSS
  .staggerTo($fullTextLettersTop, 0.4, {opacity: 1}, 0.07)
  .staggerTo($fullTextLettersBottom, 0.4, {opacity: 1}, 0.03, "-=0.4");
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console