HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
Any URLs added here will be added as <link>
s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
Search for and use JavaScript packages from npm here. By selecting a package, an import
statement will be added to the top of the JavaScript editor for this package.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!-- 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");
Also see: Tab Triggers