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

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

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

Add External Scripts/Pens

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

+ add another resource

Use npm Packages

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

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

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

            
              <div class="wrapper">
    <div class="svg-col"> 
      <div class="gray50-box"><!--Begin g50-->
        <svg class="portrait-gray50"  viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet"> 
          <!--[if gt IE 8]><!-->
  <switch>
<g class="g50-paths w-fallback">
<path class="ppath-p1" stroke-dashoffset="1196" stroke-dasharray="1196" d="M400.1 296.5c-10.2-1.8-122.4 1.3-138.7 8.2 -16.3 6.8-38 1.9-38 1.9S137.6 302 124 301c-12.6-5.1-17.7-30.9-19-69 -4-115 106-85 106-85 -45.2 25.5-49.1 136.7-33.7 136.1 15.3-0.6 37.7 16.9 96.9 3.1 67.2-15.7 100.8-7.5 100.8-7.5s10.8-13.8 15.5-30.9c4.8-17.1-24.7-61.4-31.7-58.3 -7 3.1-9.8-6.8-5.7-7.6 -10.4-3.4-24.3-20.4-24.3-20.4s16.1-1.9 23.2 0.3c3.1 1 6.1 3.8 6.5 5.2 4.5 17.6 19.4 12.3 16.5 18.9 -2.9 6.6 14.1 25.3 21.2 48C399.5 254.5 409.9 294.9 400.1 296.5z"/>
<path class="ppath-p2" stroke-dashoffset="878" stroke-dasharray="878" d="M351.6 523.2c0 0 2.1 2.7-2.6 7.7 -4.7 5-22.4 10.2-26.8 12.2 -16.1 7.1-14.2 2.4-9.6-3.1 1.4-1.6 4 0.2 16.7-6.4 4.7-2 4.2-5.7-6.9-5 -5-1.9 2-6.2-2.1-5.4 -1.1 0.2-6.4 4.6-8 3.9 -0.9-0.4 2.6-4.2-0.4-4.3 -8.5-0.6-7.2 4.1-15.2 4.2 -15.6-1.2-20.1 3.4-20.1 3.4s0.2 1.9 1.7 2.3c10.3 3.2 5 8.9 0.5 5.2 -2.5-2.2-14.3-3.6-7.4-7 1.5-6.2-8.2-2.1-8.2-2.1s-5.4 1.4-8.5 0.8c-1.8-0.3-7.1-1.1-13.2-5.2 -0.7-4.6-1.5-4.6 1-6.4 2.5-1.8 11.7-0.4 11.7-0.4s11.5 3.2 13 3c3.8-0.5 6.8 2.1 30.2-9 14.5-2.8 21.6 1.2 26 0.7 21.1-2.6 22.2-8.3 24.7-6.4 2 0.6 1.9 0.9 2 3 0.2 2.1 2.6 2.9-10.3 10.6 0.4 1.5 1.1 5.1 3.6 5.9C346.8 526.1 351.6 523.2 351.6 523.2zM209.4 488.9c5-0.4 11.4-8.2 19.9-10.7 5.2-1.5-2.3-10.2-9.3-16.4 -4.5-4-9.6-7-10-6.9 -0.8 0.1-13.4 22.6-13.5 23.1C196.1 480.2 203.4 487.8 209.4 488.9zM214.6 507.3c5.9-0.4 12.8-1.4 20.1-2.7 7.3-1.4 10.6-2.9 10.6-2.9s7.5-1.8 12.7 0.5c4.5 2 10.9 3 13.4 3.1 4.9 0.2 9.9-4.6 13.2-5.5 2.7-3.1 4.3-3.7 8.5-5 7.2-2.2 14.1 1 14.1 1s6.3 0.6 10 1.4c5.5 1.2 11.8 1.9 22.5-0.7 2.8-0.7 6.6-3.9 8.9-6.4 4.5-4.8 0.8-6.9-7.3-7.9 -4.6-0.6-12 1.1-18 1.3 -7.2 0.1-17.8 0.5-23.5 2.6 -7.7-0.3-8.1 1.3-10.7-0.6 -1.8-1.3-0.8-3.2-0.5-4.9 0.9-5.5 4.7-12 1.7-12.1 -0.6 0 4.2-6 5.6-7 0.1-0.4 0.9-2.7 1.7-2.8 0.9-2 1-2.3 1.1-3.2 0.2-1-3.1 2.1-4 2.2 -5.2 1.1-14 9.7-17.8 12.6 -0.3 2.6 3.1 8.2 2.1 11.9 -2.1 7.6-9.6 12.5-12.6 9.3 -2.4-2-5.8 2.2-5.8 2.2l-5.7 0 -7.2-2c0 0-7.2 4.6-11.2 5.5 -3.9 0.9-9.3 1.9-9.3 1.9l-24.6 0.4c0 0-3.7 1.8-11.9 5.9C182.5 509.7 209.8 508.9 214.6 507.3z"/>
<path class="ppath-p3" stroke-dashoffset="437" stroke-dasharray="437" d="M217 703l-50-37c0 0-25.3 23.8-21.1 28.8 4.2 5 3.6 43.3 3.6 43.3l-2.5 6.4 -33.7-16.1 11.8-15.4c0 0-0.9-18.3 0.4-25.6 1.3-7.3 20.3-27.8 20.3-27.8S124.1 621.3 134 622C216 628 217 703 217 703z"/>
<path class="ppath-p4" stroke-dashoffset="479" stroke-dasharray="479" d="M324.7 592.7c2.4 4.3 9.5 9.3 2.8 13s-11.7 2.1-15.7 3.6c-6 2.3-25.4 10.2-25.4 10.2s-1.9 2.8-3.3 3.4c-7.1 3.2-11.4-1.1-11.4-1.1l-27.9-1.4 -4.5-1 -6.1-11.2c0 0-11.7-7.8-15.2-9.7 -3.2-1.7-7.5-3.1-11.2-4.2 -4-3-0.6-10-0.6-10s5.6 0.8 4.7 0c-2.7-2.1 1.6-10.7 2-10 0 0 0 0.1 0 0.1 0-0.1 0-0.1 0-0.1 -0.3-0.9-3.2-2.8-2.1-7.2 0.6-2.3 2.6-1.8 2.6-1.8l15.5 7.8 0.2 15.4 11.8 5.5 2.7-2.1c0 0 36.8 5.8 41.3 4.7 3.7-1 8.8-7.6 12.2-9.4C303.3 583.8 319.4 583 324.7 592.7zM180.4 539.5l-9.2-16.5c0 0-3.3-4-7-1.4 0.3 2.2 0.5 3.7 1.9 5s9.7 19 9.7 20.9c0 0.7 1.6 0.1 3.4 1.7 2.1 4.3 7.9 9.8 7.9 9.8l0.2 6.8c0 0 7.8 13.3 11.9 13.6 4.1 0.4 4.1-2.9 4.1-2.9l-0.2-16.9c0 0-11.5-5.5-11.9-9.4 -0.5-6.3-5.8-6.4-5.8-6.4l-1.6-1.3L180.4 539.5z"/>
<path class="ppath-p5" stroke-dashoffset="709" stroke-dasharray="709" d="M76.1 473.9c-0.3 3.2-0.6 6.7-1.7 8.9 -0.9 2-1.8 3.4-3.2 4.2 -4.1 2.4-22.7 1.5-19-14.6 0.4-2.3 1.2-3.9 2.2-5.2 -2.7 12.4 7.2 12.8 7.7 12.8C62.5 480.1 73.7 480.1 76.1 473.9zM78.3 258.2c-2.5-1.3-4.3-1.2-4.3-1.2s-3.2-1.3-3.1-4.4c2.4-3.7 2.3-2 2.5-5.3 0.1-1.7-1-2.1-2.2-0.4 -1.2 1.8-0.5 2.4-0.5 2.4s-8.4-0.1-11.2 20.5c-0.8 6.2 8.1-10.2 8.1-10.2s7.7-1.4 9.9 4c2.2 5.4 0.5 4 0.5 4l1.3 2.7c0 0-1 9.4-1.6 14.7 -0.7 5.3-8 22.6-5 23.8 0 0 1.5-2.6 1-5.6 0-0.2 0-0.5 0-0.8 0.4-4.9 6.4-22.7 8.4-27.5 1.3-5-0.9-21.5-1.2-22.4C80.8 248.8 80.7 259.4 78.3 258.2zM193 136v-1c8-11 23.5-16 23.5-16s5.2 0-0.8-2 -25.4 13-26.4 19S193 136 193 136zM226 116c0 0 10 0 23-15 2-3 3-11-2-13s-25 2-24 10 7 11 10 6 -3 6-6 7S218 116 226 116zM138 101c0 0 12.5-5 15-13 2.5-8-3.8-15.4-4-14C145 97 132.8 100 138 101zM46.6 376.9l-3.3-1.5c0 0-4.3 0.3-4.5 0 -0.2-0.3-0.6 4.7-2.1 5.1 -1.6 0.4-4.1-1.5-5.2-0.8 -1.1 0.7-1.9-0.8-4.4 8.9 -2.6 9.7-0.2 20 3.1 23.7 3.3 3.6 0.6-10.4 5.2-12.2 4.6-1.8 9.8 1.7 10 1.8 0.3 0.1 5-8 5-8s0.3-6.1 1.2-6.8C51.7 387.1 56.8 378.3 46.6 376.9zM81.7 129.4c-1.2-0.1-1.2 3-1.2 3s4.2 5.1 5.8 7.3c0.4 2.9 1 12 0.1 13.9 -0.9 1.9-4.1 7.2 1.2 6.5C87.6 160.1 100.9 141.9 81.7 129.4z"/>

</g>
<foreignObject width="0"> <!--<![endif]--> 
          <img src="assets/images/png/g50-paths.png" alt="Fallback SVG for Portrait">
          </foreignObject>
          </switch>
        </svg>
      </div><!--End g50-->
      <div class="gray60-box"><!--Begin g60-->
        <svg class="portrait-gray60"  viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet"> 
          <!--[if gt IE 8]><!-->
  <switch>
<g class="g60-paths w-fallback">
<path class="ppath-p1" stroke-dashoffset="2232" stroke-dasharray="2232" d="M423 258c1-11 2.1-44.3 2.1-47.1 -0.2 0-3.6-14.4-3.6-14.8 0.2-0.4-1.7-19.1-1.7-17.1 -14-32-28.4-68-61.4-84 0 0-2.8-4-1.8-4 -3-16-16.8-25-27.8-35 10.2-4-12.9-16.2-14.8-22 -1-8-2-12-10-17 -10 4-15-2-15-2 -7-6-24-8-26-11 -1 2-9 2-14 6 -3 1-4 5-7 7 -2 1-4-4-6-2 -9 10-22 3-33 4 2 1 4 3 3 3 -3 2-7 3-11 2 1 5-4 8-8 10 -1 0-1-2-1-3 -5 3-7 8-14 6 -2.6 0-3 4.7-4.9 9.8C161 64 222 82 168 127c-2 3.6-65.4 15.5-70 15 -26-25-31.7 6.5-38 7 -0.6 0 23.7 10.4 17 34 -0.2 0.7-15.8 54.2-16 55 -8.6 32.4 16 109 26 106l40-27 76-14c0.5-4-73.8-17.8-77-23 -10.1-16.3-5-4-14-27s-2.8-28.5-1.4-49.8S155 149 181 154c7-2 27.2 1.8 28 1.7 6-0.7 11-1.7 15 3.3 5 5 13-2 20.4-3 0.6-0.1 14.6 9.8 15.1 10.2C278 179 301 179 323 181c1 0-2 4-1 6 2 2 13-12 15-3 1 5 16 9 19 1 -2 4-24.7-17.8-25.2-18.4 -1-1.1 1.3-4.4 1.9-4.4C363 151 370.7 190 374.3 195c0.3 0.4 0.5 0.7 0.9 1 0.4 0.7 22.8 42 22.8 42l5 40c3 6-8 15-9.1 15.3l31.1 0.2C426.9 292.3 423 258 423 258zM150 94c-2 4-6 6-11 7 0 0-1-2-1.3-3.3 0.2-0.1 0.6-0.1 1.1-0.3C146 92 149 84 148.5 75.9c0.3-0.4 0.6-0.8 1-1.5 1.3 0.3 1.1 0.6 2.1 1C154 82 153 89 148 94 149 93 151 93 150 94zM214.4 87.2c2.6 0.8 5.2-5.4 6.1-6.6 0.4-0.6 2-2.4 2.5-2.6 3-0.5-2 17-6.3 19.1 -0.5 0.3-1.7-5.1-3.7-6.1S213.6 87.4 214.4 87.2zM257 122c-8 2.7-16.7 12.7-23.4 17.8 -6.1 4.7-22.8 1.6-30.1 1.6 -5.6-0.1-12.9 2.2-13.6-4.5 -0.8-6.9 6.6-10.7 12.8-13.8 14.8-7.6 27.5-11.2 39.4-23.1 -6.6 0-12.9-2-12.5 7.8 -0.6 0.1-1.5-8.9-1.5-9.8 -0.8 0.8-5.5 2-4-1 5.5-7.8 20.3-4.6 23-10 4 6.6 5 8.9-1.1 16.2 -1.3 1.6-12.9 14-13.9 13.8 5.7 1 13.8 1.3 16.7-4.9 0.6-1.2 2.1-7 0.4-8.1 0 0-0.1 0-0.1 0 0 0 0 0 0.1 0 1.4-0.5 16.5 13.8 8.1 17.9C258.5 121.3 264.8 118.5 257 122zM272.9 163.5c0.4-0.2 0.8-0.4 1.3-0.7 1.5-0.7 3.2-1.5 3.6-3.2 0.5 0 1 0 1.5 0.1 4.3 1.2 8.7 2.5 12.4 4.7 0.6 0.4 1.2 0.7 1.8 1.2C298 169 302 172 306 176 295 176 277 175 272.9 163.5z"/>
<path class="ppath-p2" stroke-dashoffset="969" stroke-dasharray="969" d="M131 316c7-1 66-29.5 99-7.9l38-1c0 0 21-19.5 32-21.5s51-13.5 95 8.5h30c0 0 6 14.2 4 22.2s-17 6.9-17 6.9 5 42.9-8 66.9c0 0-17 24-95 23 -3-1-30-61-34-70s-26-16-41-6c-5 19-9 51-21 77 0 0-90 18-99 12l-21-21c0 0-15-55-10-60S124 317 131 316z"/>
<path class="ppath-p3" stroke-dashoffset="2506" stroke-dasharray="2506" d="M204 587c1.8 1.8 4.4 2.8 5.7 4.5 0.1 0 0.1 0 0.2 0.1 -3.7-8.8 0.2-16.7 0.2-25.5 0 2 3 1 3 3 10.3-1.6 9.9 4.4 11.3 12 0.3 0.5 8.7 17 33.7 11 10.7-2.6 19 5 19 5 7 1 15-3 19.2-8.9 0.3-0.4 0.5-0.7 0.8-1 2.1-1.4 12-0.5 12.5-0.5 6.5-4.5 8.7-18.5 8.5-19.5 -1-4.1-6-13-9-18 -3-4 9-17 15-19 1.3-0.4 4 0 7 0 -2-1-1-3-3-4 -5-2-11-2-14 2 -4-3 0-4 2-6 -4 2-9 3-13 6 1-6-27.4-4.1-27 0 1 10-10 13-7.7 4.8 0-0.6-0.3-6.8-0.3-6.8 -6-1-11 1-17.2 0.9 -0.6 0-11.8 1.1-9.8-6.9 3-6 17-1 18-1 0 0 15 6 22-1 0 0 2-1 2.8-1.7 2.2-2.3 18.6-5.7 27.2-4.3 0.5 0 15 5 29.7-2.6 2.6-1.4 3.7-3 7.8-3.1 3.4 5.7-9.5 11.7-11.5 12.5 -2.1 2.2-0.8 4.4 2.3 5.2C352 527 363 512 367 503c31-12 31.2-22.3 31.7-22.5 2.2-0.7 4.1-0.8 5.5-0.2 -0.2-3.6-3.9-6.3-13.2-7.3 -2 2 1-12-7-19 -7.8-6.8-70-37-77.7-41 -0.1 0-0.1 0 0 0 5.7-3-22.3-64-28.3-76 -7-14-29-12-44-2 -6 19-11 52-23 78 0 0-11 27-20 32s-23 13-23 13 -73 15-8.3 66.8c0.5-0.8 6.2-3.2 7.2-0.9 0.3 0 0.7 0.1 1.1 0.1 -1 15 13 17 13 17s1 0 2 3 15 12 15 12c8 10 0 3 3 14s-2 11-2 11c-1.1 0-2.1-0.5-3-1.3 -0.2 2.3 1.4 5.5 8 9.3C204 588.3 203.9 587.7 204 587zM360 480c3 4 2 14 0 12 0 0.5-4.8 1-5-1C354 482 359.9 479.9 360 480zM310 453.1c1.5-1.2 3-7.1 5.2-1.6 0.2 0-1.2 2.4-1.2 3.4 -0.2 0-0.1 4.1 1 5 0.8 0.6 13.7-0.4 14.8-0.1 4.2 1.1 4.3-3.3 3.6-4.2 -0.8-1-5.6-2.7-6.5-3.7 -0.3 0-2.4-2-2.9-2 -1.1-1-1.8-2.3-2.1-3.1 -0.8-2.9 5.8 2.8 6 3.1 0.3 0 14 8.9 14.3 8.9 1.9 2.4 8.7 6.1 1.6 8.9 0 0.2-11.5 0.2-17.2 0 -3.1 0.2-6.3 0.3-9.4 0.5 0-0.2-4.8-1-6.3-2.2C308.4 463.9 310 454 310 453.1zM295 430c0 0-2-6-3-4 -1.5-3 18.6-0.2 12.3 8.9 -0.3 0.4 0 0.6 0 0.5 0.1-0.1-11.6 7.3-13.3 5.6C292 437 296 434 295 430zM239.5 387.1c-0.5-5.1 5.4-33.7 5.5-34.1 0.5-0.7 17.1-6.8 18-6 7 6 12.6 18.7 13 20 9.9 33.5 15 76-4 80 0 0-15.1 0.9-20.4-1.9 -0.6-0.3-1.2-0.7-1.7-1.2C235.7 429 240 392.2 239.5 387.1zM227.5 432c0.5 0.3 1.5 14 2.5 21 -2 1-7-1-13-9C216.9 443.9 222 432 227.5 432zM201 468c5.1-3.3 3-3.6 3-4.7 0-0.6 0.4-1.8 0.4-1.8 0.7-3.5 3.3-4.3 3.7-4.5 8.5 1.7 17 11.2 21 20.2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0 0.2 0 0.1 0 0.2 0 0.2 0 0-2.8 2.7-3.9 2.7 -2.3 0-3.3-0.1-5.2 1.4 -0.5 0.4-1.1 0.1-1.6 0.4 -0.1 0.1-9.5 9.1-16.1 5.7 -0.7-0.3-1.3-0.7-1.8-1.1 -2.5-1.8-3.6-4.6-3.6-7.7C196.8 475.3 197.4 470.4 201 468zM188.4 501c0.7-0.2 16.6-0.9 21.6-1 0 0 0 1.5 0 1.5 1 0 10.4-0.5 10.8-0.4 9.1-3.1 17.1-3.1 26.1-8.1 0.4-0.2 0.8-0.4 1.3-0.5 0.4-0.1 0.9 0 1.4 0C254 493 260 496 261 492c0.4-1.5-0.1-3-1-4.4 -0.3-0.5-0.7-1-1.1-1.4 -5.9-4.1-8.9-15.1-13.8-18.3 -2.5-1.6-5-3.8-7-3.7 0-0.2-6.1 0.9-11.1 0.9 -1 0-4-3-4-2 -1-6 14.1-3.8 14.1-3.6 1 0.3 5.6 1.6 5.9 1.6 6 1 5 2.5 6.2 4.3 0.4 0.6 0.8 1.2 1 1.8C249 469 248 472 250 472c5 2 10 4 11.5 10.2 0.2 0.5 0.4 1.1 0.7 1.6 1.2 2.6 2.9 5.1 6.3 6.4 0.6 0.1 1.2 0.1 1.9 0 3.1-0.5 6-3.5 6.5-7.4 0.1-0.7 0.2-4.8 0.2-6.1 -0.1-0.7-0.6-5.6 0.1-7.2 0.2-0.5 5.4-4.8 8.7-7.5 1.2-0.9 7.7-4.4 10.2-6.9 0 2.2-2 6-4.4 6.6 -3.8 1-2.6 5.4-4 9.2 -0.2 0.7-3.4 9.5 2.3 15.2 1 1 0.3 2.5 16 2 0 0 0.2 0 0.4 0 2 0.1 12 1 18.6 1 0.7 0 1.5 0 2.2 0 4.9-0.4 8.9-1.8 8.9-1.8 6.9 0.2 6.9 2.7 7 3.2 0.1 0.3 3.4 1.6 3.4 1.6 0.2 0.2 0 0 0 0 0 0 0 0 0 0 -0.1 0.3-0.7 0.7-2.6 1.1 -3.2 0.6-30.9 3-30.9 3 -1.9-0.4-15-3-21 1 -9.5 6.3-21.5 8.4-34 5.1 -12-3-25 3.1-37.2 4.4 -0.6 0.1-8.9 1.1-12.8 1.4 -6.4 0.6-20.5-0.7-20.5-0.8C186.3 506.3 188.4 501.1 188.4 501zM177 491c0.8 1.8-11 10.4-10.5 5.7s9.9-6.6 10-6.6C176.5 490.1 176.5 489.9 177 491zM189 535c0 0-19-2-1-13 0 0 41 8 32 16 10 9 33 10 33 10s-9 10-27 2L189 535z"/>
<path class="ppath-p4" stroke-dashoffset="2278" stroke-dasharray="2278" d="M306.4 653.2c-7.8 2.2-35 8.3-52.4 0.8 -23-10-53.1-20.1-65-34 -16.1-18.8-33-86-28-95 3.4-6.1-57.4-31.4 6-66 22-12 5-5 5-5s-30 23-48-10c-4.1-7.5 47.5-8.2 69-13 9-2 20-17 20-17s-13.8 11.5-62 14c-9.2 0.5-30 3-36 2 -2.1 1.9-2 9-4 9 -2.9 0-12-28-12-28l-5-7c0 0-13-48-10-63 1-1-49-12-49-12s0 13-19 10c-16 10.5-11 40-9 44 0 0 33 76 32 87 5 12 11 24 11 24s12 24 34-6c11 14 15 13 20 39 0 26-2 95-2 95s-6 53-33 76c22 42 46 31 46 31s15 2 9-40c5-20 18-26 18-26s8 3 0-31c4-22 56 53 63 54s9 19 5 21 0 17 0 17 4 9-10 9l7 13c0 0 52 22 75 1 -19-17-9-44-9-44S296 657.9 306.4 653.2zM73.2 478.5C72 486 59 488 60 489c-11-5-11-9-12.3-17.2 -0.3-0.7-11.5-32.6-15.9-48.1C31.6 423 26 407 26 407c-1-4 0-20.5 0.1-21.1C30 377 31 376 39 373c2 0 8 4 10 4 2.6 0.8 3.8 2.1 4.2 3.7C53.3 381.2 41 402 44 414c0 0-1 1-2 2 0 0 5.2 19.2 11 20 7 1 7.9-20.5 8-21 2 1 5.6 5.5 6 6 8.9 9.9-2.8 28-2.8 28 -1.9 0-13.2 0-13.6 0.3 -1.6 2.7 3.4 15.7 6 12.2C67 458 66.8 462 66.8 462c0 0.1 1.2 2.1 9.2 13L73.2 478.5zM115.6 721.8c-13.9 12.4-15.8-15.3-20.6-15.3 -0.1-1 0.9-3.4 0.9-3.7 5.1-17-0.4-35.3 6.6-52.7 0-3.5 0.1-15 3.7-12.8 0-0.1 0.3-0.3 0.3-0.3 3 3 3.1 8 3.1 8C110.7 668 102 700.4 115.6 721.8 115.6 721.8 115.6 721.8 115.6 721.8z"/>
<path class="ppath-p5" stroke-dashoffset="1925" stroke-dasharray="1925" d="M463 346c-2.1-21.9-13-64-31-58 -1 0.3-21 11-22 35 -0.7 17.2-6.3 67.5-7.1 68.2l1.1-0.2c5-3 9.3 3.3 9.5 4.2 1.2 7.6-4 14.1-5.4 21.8 -0.1 0.8-0.1 7.1-0.1 6.1 6 18 14.3 37.3 7 38 -0.6 0.1-9 14-24 12 9.3 1 13 3.6 13.2 7.3 0 0 0 0 0 0 5.2 1.9 7.2 9.8 3.8 17.7 -0.2 0.4-1.7 1.7-1.9 2.1 -0.1 3.9-18.7 13.9-19.2 14.4C384 525 375 523 366.6 527.5c-0.7 0.4-16.8 14-17.2 24.4 -0.1 0.8-0.2 1.6-0.4 2.4 -2.8 17.5-7.6 34.6-19.3 47.6 -0.5 0.5-1.1 0.9-1.7 1.3 -10.3 7.8-47 10.9-50.6 17.9L247 618c0 0.4-2.8-0.8-6-1 -20-1-42.1-18.1-47-24 -10 3 6.8 40.1 41 55 17.4 7.6 58.2 9.2 66 7 -10.3 4.6-21.2 35-28 48 -13 25 7.4 45.4 6.6 46 7.7-2.1 15.1-2.3 23.4-3l9-6c6-5 22 0 17.4-15.7 -4.7-16-3.4-28.3-2.4-27.3 3-8-4.8-21.5-10.7-21.1 -4.7 0.3-12.2 15.1-17.8 6.1 -5.6-9 8.9-27.6 9.4-28 11-8 27.2-5.8 27.6-6.3 1.7-2 8.4-8.7 8.4-8.7 1.5-2 24.7-32.9 24.6-32.3 -1.1 5.4-9.6 40.3-9.6 40.3l-2.5 18c-10 22-15.7 35-2.8 56 0.6 0.5 15.4 13.3 17.6 8.7 0-0.3 1.8-2.1 2.7-2.6 0-3.6-9.1-16.1-11.1-14.1 -1-28 11-94 11.9-95.5 0.1-0.7 5.7-29.6 5.8-30.3C381 570 402 540 402 540c5-8 14.9-43.3 15-44 3.2-14.8 11-38 17-41.2 1.8-1 3.3 1.6 9-2.8 4-3 11-28 11-28C461 405 463.1 346.8 463 346zM454 381c-4 46-13 58-13 58 -12-14-1-8-1-9s5-5 0-10c-16.9-16.9 1-29 3-33s2-24-8-33 -6-29-6-30 15 20 15 20C462 377 455 379 454 381z"/>

</g>
<foreignObject width="0"> <!--<![endif]--> 
          <img src="assets/images/png/g60-paths.png" alt="Fallback SVG for Portrait">
          </foreignObject>
          </switch>
        </svg>
      </div><!--End g60-->       
      <div class="gray65-box"><!--Begin g65-->
        <svg class="portrait-gray65" viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet"> 
          <!--[if gt IE 8]><!-->
  <switch>
<g class="g65-paths w-fallback">
<path class="ppath-p1" stroke-dashoffset="75" stroke-dasharray="75" d="M350 384c-25 19-35 5-35 5S316 385 350 384z"/>
<path class="ppath-p2" stroke-dashoffset="193" stroke-dasharray="193" d="M356.5 489.2c0.9-1.7 8.6-11.5-3.9-11.9 -3.2-0.1-2.5-2.3-9.1-1 -6.6 1.3-7.2 3.7-15.1 3.4 -3.8-0.1-9.5-2.8-13.5-2.7 -4.5 0.1-5.9 0.1-5.9 0.1s-19 5-12-10c-2.4-4-4.3-2.8-4.3-2.2 0.1 0 0.2 0.1 0.3 0.2 -0.2 0-0.3-0.1-0.3-0.2 -2-0.7-4.6 8.6-3.1 15.8 1.5 0.9 2.5 5.4 8.6 6.4 12.8-4 29.7-2.2 29.7-2.2l15.8-1.1c0 0 10.4 0.3 0 7.8C343.6 491.6 353 496 356.5 489.2z"/>
<path class="ppath-p3" stroke-dashoffset="154" stroke-dasharray="154" d="M398 540.9c-0.6 0.5-1.2 0.9-1.9 1.2C390 545 383 543 379 539c3 1 1-3 3-3 -1-1-3-1-4.8-1.5 0 0-0.7-0.5-1.5-1.4C373 531 374 528 374 525c-7 3-12 10-11.9 17.9 -0.2 0.7-0.4 1.3-0.7 1.9s-0.6 1.2-0.9 1.8c-0.2 0.4-0.4 0.8-0.6 1.2 -3.1 6-4.8 12.2-4.8 12.2s4-6 19 1c-0.5-2.2-0.1-3.8 0.9-4.9 0.5-0.5 1.1-1 1.7-1.3 0.4-0.3 0.8-0.5 1.2-0.7 0.4-0.2 0.9-0.3 1.3-0.3 7.8 2.2 14.8-0.8 18.2-8.4 0.3-0.5 0.7-1 1-1.5 1.6-2.6 3.1-5.3 4.6-7.8C401.5 537.8 399.8 539.5 398 540.9z"/>
<path class="ppath-p4" stroke-dashoffset="121" stroke-dasharray="121" d="M313.5 529.2c-1.4-0.5 2.6 0.4-7.7 2.1 -9.6 1.9-11.1-5-11.1-5s-12.5 0-17.5 2.5c-4.9 2.5 0.6 4.2 0.6 4.2s6.5 1.2 4.5 5.6c-2 4.4-6 4.4-6.4 7.8 -3.9 15.2 9-2.1 21.3-6.3 1.6 2.5 3.2-2.1 5-2.9 1.8-0.8 11.4-3.1 11.4-3.1S316.8 530.4 313.5 529.2z"/>
<path class="ppath-p5" stroke-dashoffset="133" stroke-dasharray="133" d="M252.7 560c0 0-7.3-0.3-6 2.8 1.2 3.1 4.5 8.6 4.5 9.7 0 1 4.5 0 8.2 10.2 3.7 10.2 9.2 3.6 23.2 5.9 6.2-5.7 2.2-7.7 5.4-13.6 3.2-5.9 4.4-12.7 3.3-18.8C274 565.2 252.7 560 252.7 560z"/>

</g>
<foreignObject width="0"> <!--<![endif]--> 
          <img src="assets/images/png/g65-paths.png" alt="Fallback SVG for Portrait">
          </foreignObject>
          </switch>
        </svg>
      </div><!--End g65-->       
      <div class="gray75-box"><!--Begin g75-->
        <svg class="portrait-gray75"  viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet"> 
          <!--[if gt IE 8]><!-->
  <switch>
<g class="g75-paths w-fallback">
<path class="ppath-p4" stroke-dashoffset="451" stroke-dasharray="451" d="M305.8 669c-1.5 2.5-6.5 7.9-17.8 18 -9.5-1.5-16.4 14.2-17.4 19.6 -10.8-2.3-20.4 16-19.1 20.5 -8.3-5.6-6.5-10.1-6.5-10.1s-6-8 12-14c-25-2-31-28-31-28 -19.3-12.9-24.2-1.2-20.2 3.1 -12.9-10.5-44.2-55.9-50.7-67 11 11.7 27.7 28.4 36.9 33.9 11.4 6.8 32.2 23.8 57.7 30.8 9.1 2.5 18.7 2.4 27.5 1.2 8.4-0.2 12.8-2 12.8-2S304 669.9 305.8 669z"/>
<path class="ppath-p3" stroke-dashoffset="221" stroke-dasharray="221" d="M224.3 455.2c0 0 2.3-0.3 5.5 0.4 0.9-0.3 9.2 2.9 12.8 5.8 2.8 2.3 6.7 4.8 8.1 6.8 3.2 4.7 8.8 4.8 8.8 4.8s8.8-0.4 9.9-1.5c1.1-1 3.9-1.7 6.7-4.9 5.8-6.7 5.1-8.5 10.5-11.3 1.8-0.9 8-5.2 8-5.2l0.9 0.1 -6.3 4.7 -4.4 3.4 -8 9.7 -7.2 5.3c0 0-4.6 2-7.2 1.9 -2.6-0.1-6.1-1.3-6.1-1.3s-1.5 3.9-0.1 9.6c3.9 17-18.7-1-18.7-1s10.3-1.1 0.6-5.3c9.1-0.2 1.2-2 1.2-2s-7.2-3.6-14.9-9.5C216.6 460.1 224.3 455.2 224.3 455.2z"/>
<path class="ppath-p2" stroke-dashoffset="543" stroke-dasharray="543" d="M352.5 504.2c-0.8 3.8 1.5 3.5-0.8 7.3 -2.4 3.8-4.8 1.5-3.8-1.1 1-2.5-1.3-4.3-1.3-4.3s-8.8 3.9-8.1 3.7c0.7-0.2-12.6 3.3-16.4 3.9 -11.5-1.2-12.7-1.3-18.4-2 -5.6-0.8-16.6 3.7-20.9 6.2 -4.2 2.5-10.6 1.8-14.8 2.6 -4.1 0.8-9.5-1.4-9.5-1.4s-9.6-3-13.8-1.7c-3.4-0.7-7.6 3.1-7.6 3.1s-4.3 0.5-7.2 0.3c-10.3 2.8 7 5.8 7 5.8l2.8-1.7 5.2 3.1c0 0 5.3 0.6 10 0.3 1.6-0.1 16-5 14.5 1.9 -0.7 3.3-4.2 0-4.6 0.9 -0.5 0.9-5.8 5.6-5.8 5.6s-8.2-1.5-11.5 2.7c-11 2.6-29-5.7-26.4-11.2 1.4-6.6-11.6-5.3-11.6-5.3s-18.6-7.8-19.9-8.4c-9-3.8-14.5-10.1-12.5-11.9 0.7-0.7 5.9 2.9 8.1 1.8 -2.1 0.7-4.7 4.5 9.6 5.3 9.8 0.5 21.5-1.5 23-1.8 3.4-0.6 5.8-0.9 12.3-2.3 3.7 0.8 10.5-3.5 10.5-3.5s7.4-3.9 12.9-1.4c2.3 1 4.9 3.1 7.5 3.4 3.8 0.5 4.4 0.4 7.5-0.1 5 1.1 7.4-6.4 11-8.3 3.6-1.9 15.1-2.4 20.2-2.2 4.1 0.2 16.2 2 16.2 2s8.1 0.7 14.1 0.7c5.9-0.1 17.6 2.9 16.3 1 11.7-5.5-5.1-3.6-3.7-4.6 3.4-2.6 13.4-7 16.4-5.6C371.6 493.1 353.2 500.4 352.5 504.2z"/>
<path class="ppath-p1" stroke-dashoffset="169" stroke-dasharray="169" d="M162.7 484.1c12.9-6.4 22.9-13.9 33.3-25.2 7.9-5.8 6.8-1.9 7.6-1.9 -2.3 3-12.4 12-18.2 21.1 -3.9 6-0.6 8.6-5.7 15 -3.6 4.4-10.5 2.1-13.6 6.9 -2.7 4.1-4.6 7.6-0.2 16.8 -0.2-0.2-0.4-0.4-0.7-0.3C161.8 518 147 491 162.7 484.1z"/>
<path class="ppath-p5" stroke-dashoffset="792" stroke-dasharray="792" d="M317.3 645.8c4.7-2.8 32.1-25.4 34.7-27.8 -3.4 12.9-35.7 36.8-52.2 45 -2.8 3-23.4 8.3-28.6 8C237 669 181 644 146 595c-3.5-4.9-28.5-34-34-42l-28-75c0 0 41.3 45.9 38.9 51.9 -7.7 19.7 30 26 36.2 38.8 -1.8 38.9 42.5 60.1 33.9 54.3 -3-2-2.9-25.7 0-20 3 6 21.1 18.5 23 22 5.8 16.3 19.6 22.4 22 23 11.2 3 25 8.2 37 8C283.8 655.8 311.4 649.5 317.3 645.8z"/>
</g>
<foreignObject width="0"> <!--<![endif]--> 
          <img src="assets/images/png/g75-paths.png" alt="Fallback SVG for Portrait">
          </foreignObject>
          </switch>
        </svg>
      </div><!--End g75-->
      <div class="gray85-box"><!--Begin g85-->
        <svg class="portrait-gray85" viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet"> 
          <!--[if gt IE 8]><!-->
  <switch>
<g class="g85-paths w-fallback">
<path class="ppath-p5" stroke-dashoffset="1849" stroke-dasharray="1849" d="M403.2 303.8c1.7 1.1 3.3 2.2 4.8 3.5C406 307.1 403.9 306.1 403.2 303.8zM100 333c2.4-3.4 2.1-4.2 0.5-3.4 -6.1 5.9-10.2 12.8-13.1 19.3L95 349C95 349 91 346 100 333zM369 107c0 2 0 5 4 6s5 6 3 7 -7-7-11-4 3 12 3 12 7 2 8 7 5-1 4-6 7-1 4 2 2 9 5 12c4.5 4.5-2 0-5 4s5 12 6 4 3-2 3-2l4 10c0 11 6 8 11 15s18 0 11-4c3-6-11-13-12-18s2-5-2-8 -3-9-6-11 3-3-5-6 -9-12-9-12 -2-7-10-8c-5.4-9.9-14.9-11.7-16.7-12C360.1 96.1 369 105.2 369 107zM358 95c0 0 0.1 0 0.3 0C358.1 94.9 358 94.9 358 95zM77 101c0 9 13-6 13-6s16 0 13-10 -10-6-17 0 0 5 0 5l-9 6 -11 3c0 0-7-2 1 15C67 114 67 123 77 101zM388 190c4 0 7 14 7 16s5-27 1-25c-4.6 2.3-15 8-9-3 9.5-17.5-16-26-14-17s0 15-5 8c1 31 18 34 18 34C385 201 384 190 388 190zM31 277c0 0 17.6-21.1 8-38 -4-7-11 4-13 11 -1.4 4.8 8.6-68.2 7-73 -1-3 6 4 9 4 3.6 0 7-2 3-18s2-25 2-25l15-10c0 0 11-15-11 1 -10 1-9 7-9 7s-6 12-4 20 -2 8-2 8 -9 1-11 20 -9 54-4 77c-11-3-5 9-5 9S25 283 31 277zM271 63c5 17 8-23 8-23 -8-13-14 1-20 2 -7 1.2-1 13-1 13S268 49 271 63zM243.1 116.7c2.7-2.2 5.2-4.6 7.5-7.1 -0.4-2.5-1.8-5-2.8-6.4 -5.5 4.7-11.1 12.1-18.2 13 1.9-0.1 3.9-0.1 5.9 0.2C238.6 116.7 241.1 116.8 243.1 116.7zM349 94c-14-11-17-2-17-2 -3 8 1 9 7 12s15-9 15-9S353 96 349 94zM228.2 116.2c-1.9 0-4-0.5-6.2-1.6 0-0.7-0.1-1.3-0.2-1.8 -1.1-5.5-7.4 1.3-7.4 1.3s-0.3 0.9-0.2 2.3c0.6 1 1.2 2 1.8 3.1C219.9 117.8 223.9 116.6 228.2 116.2zM410.7 306.7c0.5-0.1 1-0.2 1.5-0.2 9.1-1.4 8.1-0.3 8.4 2.8 0 0.5 0.1 1 0.3 1.6 0.1 2.1 1.1 5.1 3.1 5.1 1 0 2-2 1.9-3.3 0.1-0.4 0.2-0.9 0.2-1.4 0.5-4.5 0.3-10.8-0.1-11.2 -6-7-9 5-12-5s0-8-5-15 9-40 6-6 14 6 5-3c-1-5 4-19 5-11s6 15 6 15l-2-21 -3-16 2-9c0 0-7-20-5-23s4-4 0-10 -3-15-3-15 -13.4-4.4-9 11c2 7-4 2-5-1s-5-1-4 3 3 3 3 3 3 4-2 4 -3 15 8 21 -4 36-8 32c-7 10-6 26-1 36s1 10 1 10 -0.1 0.9 0 2c0 0.6 0.1 1.2 0.2 1.7 1.7 1.1 3.3 2.2 4.8 3.5C409 307.3 409.9 307.1 410.7 306.7zM429 380c-7.6 0-4 12-4 30 8-6 5-18 0-24 2-1 4-3 6.1-1.7 0.7 0 3.3 3.8 3.9 3.7C440.3 387.4 438 380 429 380z"/>
<path class="ppath-p4" stroke-dashoffset="2525" stroke-dasharray="2525" d="M100.5 329.6c-6.1 5.9-10.2 12.8-13.1 19.3l-12.7-0.1c0 0-12.7-16.8-9.7-37.3 0.2-1.3 0.2-5.2 0.2-5.2l-2.7-2.5 2.2-11.7 1-11.7 -2.5 7.2c0 0-5.8 8.9-9.2 6.4s-3.3-13.8-3.3-13.8L51 274l5.5-21.4c0 0-5.7 1.3-6.5-0.2 -2.2-4.2 10.5-15.6 10.5-15.6s9.7-39.2 16.2-50.9c4.4-7.9 32.9-38.9 38.7-42.4 12-7.2 15.3-3.3 18.5-0.7 0.4 0.3 0.7 0.6 1.1 0.8 9.9 3.5 18.9-0.5 26.9-6.5 0.4-0.4 0.6-0.7 0.6-0.7s0.2 0 0.7 0.1c0.4 0.1 1.1 0.2 1.8 0.3 5 0.3 11 2.3 16 1.3 1-1 2-2-0.1-2.8 -0.3-0.4-0.6-0.7-0.8-1.1 -4.1-6.6 8.3-12.9 8.3-12.9s0.9 2.3 1.3 2.2c1.2-0.3 5.2-0.5 5.6 0.4 0.1 0.1 0.7 3.1-1.8 5.4 -0.3 0.5-0.5 1-0.7 1.5C191 133 190 135 189 137c1.8-0.6 3.6-1 5.5-1.3 -2.9 3.1-4.5 5.3-4.5 5.3l24-3c28 1 7 3 37-11 17.3-8.1 1.8-20.8-2.8-24.2 0.6-0.5 1.2-1 1.8-1.4 0 0 0.7-1 1.7-2.4 1.9-2.8 4.8-6.9 4.8-6.9s-8.2-6.2-8.8-16.5c-0.6-10.4-9 7-9 7s-7.8 8.8-13.8 1.5c-0.4-4.7-0.6-7.7-0.6-7.7s-6.7 10.5-12.8 11.3c0.4 1.6 6.6 2.2 6.6 2.2s0.3 14.9-4.9 22.1c-0.5 0.7-1 1.3-1.5 1.8 -2.5 4.2-7.5 7.2-12.4 6.4 -0.7 0-1.4-0.1-2.1-0.2 -3.4-0.5-6.2-1.9-7.2-3.1 -7.9-8.9 14.3-4.5 16.2-6.8 7.9-9.2-3.9-5.5-3.9-5.5s-10.4 3.8-9.3-5.6c1.8-2.4 2.6-5.4 2.6-5.4s-4.4-12.2-6.3-12.9c0 0-0.1-0.1-0.1-0.1 -0.5-0.2-5.5-4.9-3.3-8.6 2.2-3.7 9.9-6.5 9.7-9.8 -0.5-8.4-13.6-4.7-13.6-4.7l-10 7.9c0 0-17.7 15.5-27.5-2l4.6 3.9c-0.4-0.1-0.7-0.3-1.1-0.5 0 0 0.4 0.2 1.1 0.5l-5-4.7c0 0 0 0 0 0 -0.1-0.2-0.2-0.3-0.3-0.4 0.7 0.6 1.4 1.1 1.9 1.5 0.4 0.4 0.7 0.7 0.7 0.7 -0.1-0.1-0.3-0.4-0.7-0.7 -1.7-1.6-6.1-5.6-6.9-5.2l3.9 3.3c-6.2 0-28.1 20.9-28.2 21 -2.8 0.5-7.1 2.1-8 1.3C106.1 84 116 77 117.7 73c0.3 0.2 12.8-12 15.2-15.1 0 0 7-6 7.7-6 0.9 0 5.7 1 5.7 1s0.7-0.1 1.2-1.1c0.4-0.5 1.3-4.8 1.1-5.8 -0.3-2.4 10.6-6.5 13.5-6.1 2.9 0.4 1.9 3.7 1.9 3.7s4.4 7.2 6-2c0.2-1-1.4-1.8-1.4-1.8s9.9-1.2 6.1 7.4c-0.5 1.5-4.2 8-4.2 8l10.1-1.2 4.6-12.2c0 0 17.8-1.8 19.9 6.8 0.5 2-0.9 10.5 0.5 10.6 2.2 0.1-4.6 23.8 29.3 5.9 1.9-1 2.9 6.4-0.7 8.4 -0.6 0.3-6.5 9.6 2.6 3.1 4.7-3.8 8.8-13.5 9.2-13.5 0.4 0 7.6-2.3 7.2 3.6C252 82 263.8 88 263.8 88s5.3-1.5 2.6 4.7c-1.7 2.2-3.8 5.3-2.8 6.8 4.8 6.8 26.7 7 33.2 1.9 8.1-6.3 20.8 0.6 22.2 0 1.4-0.6-5.3-5.3-5.3-5.3L299.3 85l-2.1-0.8 -5.5 1.1 -8.3-8.7c0 0-2.8-9.4-1.7-15 1.1-5.7 0.8-21.2 0.8-21.2s0.4-7.8-5.1-9.2c-4.2-0.6-13.7 5.7-16.2 5.2 -16.2-3.3-31.3 0-30.5 2.5 4.4 14.2-9.5 10.8-9.5 10.8s-10.9-5.3-8.4-6.3c13.3-5.3 12.3-10.2 12.2-11.9 -0.1-1.7 2.2-14.4 10.1-6.8 0.9 2 2.3-0.1 5.1 0.4 6-2 10-3 16-5 0.8-0.3 7-9 7-9s10 1 16.5 8.8c3.4 4 20.9-2.1 20.9-2.1s11.9 3.9 9.1 8.8C305 34 324.7 43.5 325.1 48c-5.8 0.4-12.2-5.3-15.3-5.8 -1 0.4-3.5 1.1-1 4.4 2.5 3.3 15.2 7.9 15.2 7.9s2 9.5 18.5 12.9c3.6 0.7 7.9 13.3 11.1 17.3 3.4 4.2-16.2 1.1-16.7 0.8 -0.5-0.3-24-13.8-24-13.8l-3.7-4.5c0 0-4.5 3-4.3 4.5 0.7 5.8 19.7 6.5 19.7 12.3 0 2.4-8.9 3.1-8.9 3.1s7.3 7.8 13.5 14c7.8 7.8-8.9 7.6-11.7 5.9 -2.1-0.1-5.1-0.7-4.9 0.7 0.1 1.4 11.7 8.9 14.8 7.4 3.1-1.5 14.1-1.9 18.3 1.6 1.3 0 8.2-2.5 10.7 3.3 2.5 5.8 4 9.4 4 9.4l10 9.6c0 0 6.7 7.6 5.5 7.9 -1.2 0.3-5.5 1-6.9 0.5 -1.3-0.5-19.9-2.1-23.3-2.2 -3.4 0-17.9-5.8-19.4-7.5 -1.5-1.7-7.8-0.5-1.3 3.8 6.5 4.3 10.9 3.8 13.3 6.6 1.4 1.6 3.1 6.9 1.4 8.2 -2.3 1.8-9.6-2.5-11.4-2.6 -0.9 0-2.4 0.1-3.6 0.5 -0.6 0.2-1.2 0.5-1.6 0.9 -1.3 5.9 6.7 13.9 2.7 14.9 -14 6-26.4-9-38.4-19 -3-2-7.5-2-10.5-3v1c-19-1-36.5 4-55.5 1 -0.6-0.1-0.8-0.2-1.4-0.4 -0.6-0.2-1.1-0.3-1.7-0.5C208.9 145 198 141 188 148c-0.8 0-1.6 0.1-2.4 0.1 -20 0.8-37.4 0.2-56.6 8.9 -3 1-6 0-9 0 -7 2-11 8-13 13 -3 7 1 14-7.9 17.1 -0.6 0.4-1.2 0.8-1.5 1 -0.4 0.2-0.6 0.4-0.6 0.4s-8.9 4.7-10.8 10.9c-2 6.2-2.7 2.1-1.1 10.1 0.8 3.8-6.9 17.7-6.9 17.7s-6.4 10.5-4.3 14.5c4.1 2.6 7.2 4.9 5 10.9 -1.1 4.5-0.1 6.9-5 5.4 -7.9-15-9.5-6.5-9.5-6.5S57 274.8 59.6 268c2.6-4 6.8-9 6.8-9s8.6 0 9.3 5.4c0.3 2.2 0.9 18.9-1.6 26.5 -2 10.2-4.1 15.7-4.1 15.7s7.8 23.4 8.1 23.1c-0.1 1.7 3 4.2 4.7 13C84.4 341.8 96.5 331.4 100.5 329.6z"/>
<path class="ppath-p3" stroke-dashoffset="1324" stroke-dasharray="1324" d="M430.8 367.1c-0.2-0.5-1.1-2.6-1.5-3.1 -0.1-0.5-0.3-1-0.4-1.5 -3-9.5-7-29.5-7-29.5s-2-7-3-11c-2-5-5.5-10.2-11-14.8 -2-0.1-4.1-1.1-4.8-3.5 -4.8-3-10.8-5.5-18-7.1 -5-1.1-8.2-1.7-21.2-1.7 0 0-34.9 1.8-38.7 2.6 -30.3 3.4-32.5 7.2-32.5 7.2 -2.1 1.7-14.9 5.6-18.8 8.2 -9 6-26.2 4-28 4l-48-7c0 0-37 0-53 4 -21.3 0-35.3 6.7-44.5 15.6 1.6-0.7-9.5 7.4-9.5 7.4 -0.1 0.3-3.9 12.5-4 12.8l2 22.2c0 0 7.1 26.2 13 35 2 3 4 11 40 20 18 1 52-2 61-8s16-9 21-17c5-8 8-30 11-47l4-13c0 0-6.6-0.3-3-8 6-13 25.4-7.3 26-7 2 0.9 9.8 4.3 8 4 -0.5-0.1 0.8 4.6 0 5 -0.2 0.1-2.7 2.6-4 3 -0.3 0.1 0.2 2.7 0 3 4.4 21 6 34 17.8 48.7 0.4 0.4 9.1 11.6 14.2 14.3 11 5.8 24.4 4.9 30 5 54 1.3 57.3-3.5 75-19 3.9-3.4 4.2-12.2 6-16 1.6-3.5 0-23 3-27 3.9 5.8 8.5 22.3 8.9 22.8 2.1 1.2 2.1 3.2 2.1 5.2C428 376 432 372 430.8 367.1zM348 385l-14.8 7.2c-1.7 0.4-3.4 0.4-5.1 0.6 0.6 0 1.2-0.1 1.8-0.2 -1.1 0.2-2.1 0.6-3.2 0.7 -0.4 0.1-0.7-0.4-1.1 0.6 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2-1 0.3-0.6 0.5-0.6 0.2 0 0.4-0.1 0.6-0.2 0.5-0.1 0.9-0.3 1.4-0.3 -0.8 0.1-1.7 0-2.5 0 0 0-0.1 0-0.1 0 -0.1 0-0.1 0-0.2 0 0 0 0.1 0 0.1 0 -4.3 0-8.3-1.1-11.5-3.8 -0.1-0.1 0-0.1 0-0.2 0 0 0 0 0 0 -0.1-0.1 0.2-0.2 0.2-0.3 0 0 0 0 0 0 0.2-0.5 0.4-1 0.6-1.6 10.6-1.4 20.3-2.8 30.9-4.2 0 0 0 0 0.1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0-0.2 0-0.1 0 1 0.2 1.1 0.3 2.1 0.5C348 383.9 348 385 348 385zM179 428c0 0 20.4-1.4 32.9-9.5C205 423.9 193 431.7 179 433c-22 2-44 9-44 9s-17 3-18-14c-6 1-12-12-12-12s12.1 8.7 15 8C125 431 179 428 179 428z"/>
<path class="ppath-p2" stroke-dashoffset="1220" stroke-dasharray="1220" d="M258.2 512.4c1.9-1 5.6-1.4 6.2-0.7 0 0 0.1 0.1 0.2 0.1 -1.5-0.1-2.6-0.2-2.6-0.2S260.3 511.6 258.2 512.4zM176 487c0 0-3 0-6 2 -3.8 2.5-6.8 7.3-10 10.7 2 2.3-5 5.3-5 5.3s-2 5-10-13c-5.9 1-10.3-0.8-17-3 0 0 21.4 40.4 34 53 8 8 7-9-2-20 -9-10.9-7-12 6-5 -2-5-3.1-20.6 11-23 6-1 7-4 7-4s-1.7-1.8-1-6c1-6 18-23 20-27C201 451 180 476 176 487zM264.5 511.7c0 0 0.1 0.1 0.2 0.1 2.6 0.1 6.3 0.1 6.2-0.6 -5.2 0-9.2-1.3-9.2-1.3s-2.9 1.2-6.8 0c-6.1-1.9-7.6-0.7-13.7 0.3 -6.1 1-9.7 0.2-9.7 0.2s-7.1 0.2-6.3 0.5c0.7 0.3 1.8 0.3 4.3 0.7 2.7 0.5 6.1 1 6.6 0.9 1-0.2 3.2 0.4 5.4-0.5 2.6-1.1 11.3-1.7 15.8 0.9 0.3-0.2 0.7-0.3 1-0.4C260.1 511.5 263.8 511 264.5 511.7zM274.8 511c-0.9 1.7-8.8 1.5-10.2 0.8 -1.5-0.1-2.6-0.2-2.6-0.2s-1.7-0.1-3.8 0.8c-0.4 0.2-0.7 0.4-0.9 0.7 6.7 3.7 17 2.4 19.7 1.2 2.7-1.2 13.5-5.4 13.5-5.4C289.5 507.1 275.8 509.3 274.8 511zM259.6 487c0.2 0 0.4 0.1 0.7 0.2C259 486.1 258.8 486.4 259.6 487zM170.4 554.8c-0.7-0.2-1.5-0.4-2.3-0.9 -0.7-0.4-1.5-1.1-2.1-1.9 -2.1-2.7-0.5 1.8 3 7.6 0.2 0.4 0.5 0.8 0.7 1.2 2.3 6.2 7.3 9.2 11.6 13.3 0.4 0.3 0.8 0.6 1.3 0.9 3.5 3 7.5 4 11.5 4C185 572 180 555 170.4 554.8zM170 487c4-5 5.9-6.8 0-3 -8.4 5.4-11 7-10 14C162 491 165.8 488.2 170 487zM258.5 489.4c0 0 5.9 9.7 19.1-1.2 1.1-7.8 1-7.8 1-7.8l-0.1-4.2 -2.1 10c-7.7 6.6-15 2.4-16.9 0.8C257.9 486.8 258.5 489.4 258.5 489.4zM250.2 469.1c0.3 0.3 0.7 0.5 1.1 0.8C250.3 468.9 249.7 468.4 250.2 469.1zM242.6 507.8c3.9-0.5 8.8-0.9 13.6-0.8 -3.4-12.6-19.3 0.4-21.3 2C234.9 508.9 241.2 509.1 242.6 507.8zM288.7 455.9l6.3-4.7 -0.9-0.1c0 0-6.2 4.3-8 5.2 -5.4 2.8-4.7 4.6-10.5 11.3 -2.8 3.2-5.6 3.8-6.7 4.9 -1.1 1-9.9 1.5-9.9 1.5s-4.4-1.7-7.7-4c1.7 1.7 4.5 4.9 4.5 4.9s3.5 1.2 6.1 1.3c2.6 0.1 7.2-1.9 7.2-1.9l7.2-5.3 8-9.7L288.7 455.9zM331.3 503.2c-4.5 2.8-9.2 0.8-9.2 0.8s-13.9-0.9-21-1.2c-5.1 0.4-6.4 4.1-6.4 4.1 7.5-0.8 14.6-0.3 18 0.1 3.4 0.3 10.4 2.6 10.4 2.6s2.6 0.3 3.4-0.8c6.4-4.1 7.8-3.4 7.8-3.4l5.9-2.3 4.1-1.4 -5.1-0.5C339.2 501.2 334.5 502.7 331.3 503.2zM384 467l-12-4c0 0 13 19 14 29 5-5-0.7-13.5-4-18S384 467 384 467zM317.9 497.1c8.4 1.8 13.1 0.7 13.1 0.7s-9.8-1.2-10.8-1.4c-1-0.2-4 0-4 0s-0.7 0.5-3-0.3c0 0-12.8-0.7-12.6-0.2C300.9 496.5 309.6 500.5 317.9 497.1zM301 420l5 4c0 0 7 1 8 7 13 2 45 33 39 32s11 4-2-10C327 423 301 420 301 420z"/>
<path class="ppath-p1" stroke-dashoffset="1051" stroke-dasharray="1051" d="M107.1 684.4c-0.1 18.7 13.7 39.1 13.7 39.1l-5.2 7.8c-0.5-1.5-3.3-3.8-12.4-7C95 716 97 685 97 685c15-103 14.7-38 14.7-38S107.2 665.7 107.1 684.4zM105.1 587.8c0.9-9.9 2.4-41.7 2.9-41.8 3-35-25.3-79.5-31-68.9 -1.9 3.5-3.9 15-7.7 17.6 -5.1 3.4-21.2 9.5-24.8-28.6 -0.9-2.1-1.9-4.8-2.9-3.3 0.1 18.1 6.6 33.2 11.8 35.3 7 2.9 16.9 6.1 25.7-10.5 0.8-0.1 1.6-3 2.9-0.9 3.3 5.7 17.9 36.2 18.3 39.8 2.4 19-1.4 42.9-3.8 66.8 -2.5 24.7-3.7 49.4-7.4 69.1 -2.9 10-5.4 28.7-10.9 37 -5.5 8.3 15 20.6 15.2 16.6 -2.3-6.5-0.2-29 0.8-43.9C95.3 654.6 101 630.8 105.1 587.8zM32 421.5c0 0-23-32.5-14-55.5 -0.2-1.6-12 1-0.5 32.7 0.7 5.1 14 45.6 19.5 51.8 1.5-0.2-3.1-10.6-3.1-10.6L32 421.5z"/>
</g>
<foreignObject width="0"> <!--<![endif]--> 
          <img src="assets/images/png/g85-paths.png" alt="Fallback SVG for Portrait">
          </foreignObject>
          </switch>
        </svg>
      </div><!--End g85-->
      <div class="black-box"><!--Begin bl-->
        <svg class="portrait-black" viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet"> 
          <!--[if gt IE 8]><!-->
  <switch>
<g class="bl-paths w-fallback">
  <path class="ppath-p5" stroke-dashoffset="1230" stroke-dasharray="1230" d="M321.1 171.3c-29.5 4.8-33.6-23.9-33.6-23.9 0.4 0.7 4.7-0.1 4.7-0.1l4.9 4.4C297.1 151.8 298.3 172.2 321.1 171.3zM296.8 126.1c0 0.4 0 0.8 0 1 0-0.3-0.5-0.6-0.5-1 -0.5-1.1-1.3-2.2-1.3-3.4 1-0.2 2-0.4 2.6-0.7 -1 0-1.5-0.6-1-1.8 0.2 1.1 3.8 1.1 4.6 1 -1.9-0.8-5.5-3.4-4.9-5.9 3.8 2.1 8.4 1.4 8.2-3.7 -3.5 5.6-11.6-0.5-15.1-3.2 -8.7-4.3-12.9-6.5-24-1 -5.8 2.9-1 10-4 14 15.6-5.9 21.3-14.2 31.5 3.4 6.3 10.9 22.2 14.2 33.8 15.4C319.7 138.7 300.9 134.7 296.8 126.1zM307.5 147.5l-20-10 -7-5 -36 11 21-3 29 3L307.5 147.5zM150.8 44.6c-4.2-0.5-7.9-1.9-10.4 2.6 -0.1-0.8-1.4-2.1-0.7-3.2 -1.5 2.5-1.5 5.7-3.3 8 -4.2 5.2-3.7 1.6-8.4 3.9 -4.7 2.3-14.6 10.5-5.6 15.4 3.9 2.1 11.7-12.8 14.1-15.8 1.8-2.3 4.6-4.9 8-4.9C149.1 50.5 158.5 46.5 150.8 44.6zM266.1 8.8c-1.9 3.7-6.9-6.8-3.8-7.4 -4.9 1-2.5 9.7-4.1 11.7 -0.2 0.2-8.8-3.5-10.3-3.5 -5.6 0.1-3.9 5.9-8.1 7.4 -2.2 0.8-5-1.4-6.3-0.9 -2 0.8-3.2 2.1-5.3 2.6 -4 0.9-8.1 1.6-12.2 1.4 -4.6-0.2-7.9-3.1-12.5-1 -3.4 1.5 1.2 2.8-3 3.7 -1.6 0.4-3 1-4.2 2 -1.9 1.2-3.6-1.1-5.2-0.5 3-1-1.3 20.1-7.9 6.9 -0.4 1.4-1.2 3-1.3 4.5 5.8 2.6 12 6.1 16.7 0.9 4.5-4.9 21.6-3.6 15.9-12.7 4.9 0.7 9.7 1.3 14.6 2 0-2.4 1.2-5.6 3.9-6 3.4-0.5 5.2 2.5 8.2 3.1 2.6 0.5 5.7-0.4 8.2-1C258.5 20 262.4 16.2 266.1 8.8zM296.5 59.5c-2-7 4-8 4-8 16-14 0-8 2-18s-6-16-7-13 2 6 2 6 -11 11 3 17C284.5 43.5 296.5 59.5 296.5 59.5zM66.9 477.4c4.5-1.6 6.3-8.5 1.6-13C55.9 449.6 48.1 484.2 66.9 477.4zM75.2 145C75.2 145.1 75.2 145.1 75.2 145L75.2 145zM75.2 145c0-0.1 0-0.2-0.1-0.4C75.1 144.7 75.1 144.9 75.2 145zM25.5 358.5c3 7 15 8 15 8l-1-4L25.5 358.5zM386.8 171.4c-0.5-1.2-1.8-7.7-2.1-7.9 -3.1-3.2-5.9 5.5-5.5 7.3 -2.4 3.2-7.6 12 5.6 15.3 3.1-1.7 5.5-5 5.4-8.7C390.1 173.3 387.7 173.6 386.8 171.4zM433 425.6c0 0-1.5 14.9 3.9 14 7-1.1 9.1-5.7 7.2-10.8C443 425.6 437.4 424.5 433 425.6zM419 354.5v8l8.5 6C427.5 368.5 434 370.5 419 354.5zM374.4 146.9c-3.4-2.8-5.7 5.2-11 0 -0.8 2.8-1.2 5.8-1 8.7 0.1 1.7 5 10.8 4.9 10.9 -0.5 0.7-2.8-0.8-3.3-1 2.6 2.4 5.2 4.9 7.8 7.3 -0.6-3 0.6-5.8 3.3-7.4C375.1 165.4 369.5 155.6 374.4 146.9zM434.5 313.5c0 0 9 20 11 19S446.5 297.5 434.5 313.5zM380.9 185c0.5 0.1 1.2 0.3 1.9 0.5C382.2 185.4 381.5 185.2 380.9 185zM380.3 184.9c-0.3-0.1-0.5-0.1-0.7-0.2C379.8 184.8 380.1 184.8 380.3 184.9zM379.6 184.7C378.6 184.5 378.8 184.5 379.6 184.7L379.6 184.7zM384.5 185.9c-0.6-0.2-1.2-0.3-1.6-0.4C383.5 185.7 384.1 185.9 384.5 185.9z"/>
<path class="ppath-p4" stroke-dashoffset="1140" stroke-dasharray="1140" d="M314.6 290.5c5.9-1 11.9-1 18-1.4 0.8-0.1 1.5-0.1 2.3-0.2 13.5-0.9 26.9-0.7 39.6 4.5 -12.4 4.4-24.7 2.4-37.3 2.7 -0.8 0-1.6 0.1-2.4 0.1 -7.4-0.8-15.4 1.2-21.9 2.6 -0.7 0.1-1.3 0.2-2 0.3 -3.3 0.4-6.6 0.9-10 1.7 -4.5 0.5-9.5 4.5-14.5 1.5 7.1-7.1 16.3-10.3 25.9-11.7C313.1 290.7 313.8 290.6 314.6 290.5zM197.7 302.1c-6.7-1.3-16.4-4.8-23.4-2.2 -3 1.2-3.9 4.3-8.2 4.6 -5.8 0.4-11.2-1.1-16.9 0.8 -5.9 2-12.2 3-18.2 4.4 1.2 4.6 28.7-0.4 34.2 6.6 4.3-0.8 59.8-1.9 60.2-3.1 -0.5-1.4-1.6-2.4-3.2-2.9C216 305.6 205.1 303.2 197.7 302.1zM376.8 298.8c-28.8-3.3-61.8 0.1-87.5 15.7 -0.7 0.5-9 1.3-9.8 3 -4 3.5-3.2 5-2.9 10 0 0.7 2 4.3 2 5 -7.4 14.4 10.8 47 15 47.4 0.4 0.1 0.8 0.1 1.2 0.2 13.6 1.8 33.9-5.9 36.4-5.8 19.9 1 10.9-24.6 31.4-24.1 13.4 2.6 27.8-2.7 33.8 15.2 4.1 3.4 7.2-3.4 9.3-11.8 0.1-0.5 0.2-0.9 0.3-1.4 2.8-5.9 1.7-12.6 1.5-19.4 0-0.7 0-1.4 0-2.1 -0.3-0.9-0.4-1.6-0.3-2.3 0.1-0.6 0.3-1.1 0.6-1.6 0.9-2.5 3.8-2.5 4.8-4.5 1-3.5-0.5-6-2.8-8.1 -0.5-0.4-1-0.8-1.5-1.2 -7.4-7.6-19.2-9.6-29.2-13.7C378.3 299.2 377.5 298.9 376.8 298.8zM230.5 345.2c-1.5-2.4-4.2-5.6-4.2-5.6 -0.8-6.6 3.2-16.8-4.3-17.9s-87.8-5.9-121.5 9.8c0 0-5.3 4.3-7 14l-2 8c6.8 3.1 5 11 5 11s-0.1 25.4 8 29c11.2 4.9 13-5 46.1-1.1 8.2 1 22.2 1.9 30.2 1.9 9.6 0 35.1-10.1 38.7-17.8 3.3-7 7.8-11.9 10-23C229.5 353.5 233.7 346.8 230.5 345.2z"/>
<path class="ppath-p3" stroke-dashoffset="717" stroke-dasharray="717" d="M324 639.9c-3.2 6.2-12.5 11.8-17.6 16.5 -8.6 7.8-29.1 10.3-39.9 10.6 -27.9 0.6-55.6-16.8-77.4-32.6 14.9 8.6 30.9 15.6 47.2 20.8 13.1 4.1 27.7 7.9 41.5 6.1 15.3-2 29.2-10 42-18C320.5 642.5 323.5 640.8 324 639.9zM383 562c0 0 33.6-35.4 45-109 0.9-5.7 4.4 8.3 5 2C408 544 383 562 383 562zM108.8 540.6c5.8 25.1 42.6 61.8 49.8 68.9C149.9 598.8 111 540.7 108.8 540.6z"/>
<path class="ppath-p2" stroke-dashoffset="1383" stroke-dasharray="1383" d="M80.2 347.6c-5.5-2.1-4.6-2.7-6.5-7.1 -2.8-6.3-6.8-8.1-7.2-15.3 -0.4-6.2 0.4-12.2 0.2-18.4 -0.1-3.1-3.3-4-1.9-7.6 1.6-3.8 2.9-8.8 2.7-12.9 0.5-2.8 1-16.4-3.9-4 -2.7 8-2.6 8-2.6 8 -3.7 0.5-8.9 1.1-9.2-3.8 0.7-7.3 0.6-14.2 2.3-21.3 0.9-3.9 3.2-7.4 4.4-11.2 0.2-0.6 0.4-1.3 0.5-1.9 -0.6-3.6-4.6 1.4-5.6-1.6 -0.4-3.2 1-5.3 2.9-7 0.5-0.4 1-0.8 1.6-1.2 7.5-4.8 12.5-11.8 16.4-18.7 0.2-0.7 0.5-1.3 0.7-2 1.8-6 2.2-12.6 1.9-18.1 -0.1-0.7-0.1-1.4-0.2-2.1 -0.2-2.1-0.5-4-0.6-5.8 2.8-5.2 5.1-12.4 9-16.8 5.4-6 12.6-20.6 20.5-22.6 1.7-0.7 6.7-1.9 6.7-1.9l4.2-3.9c0.1-1.9 0.4-3.8 0.8-5.7l4 2.1c7.1 0.2 14 0.6 21.1 1.3 5.8-2.3 17.8-4.5 21.9-8.9 4.7 1.5 18.1 4 22.1-0.3 -1-8-7.9-12.8 3.8-16 6.4-1.7 7.6 0.8 13.5-4.8 0 0-12 1.6-12.6-3.4 0.8-3.6 2.1-5.3 7.3-4.1 1.4 0.9 11.3-8.2 11.3-8.2l-12.7 2.4 0.6-1.3c0 0-3.5 0.4-2.1-5.1 1.5-1.6 4-7.9 4-7.9 -5 1-6.6-6.7-11-8 0.6-0.4-2-10.7 2-15 -3-1 0-11 0-11s-9 3-5.2-3.3c-7.8 4.6-10.4 13.3-20.8 11.3 -1-5.4-0.9-5.5 0.3-10.5 0 0-4.3 2.5-5.4-5.1 0.1-0.4-5.3-0.3-3.9 6.6 1.1 5.7-7 7-6 2 -4.9 0-5.2 2.6-7.2-0.7 -6.2 2-10.5 8.7-14.7 13.4C120.6 78 115.2 79 106.3 83l-0.5-1c-1.5-2.2-6-3.3-7.6-0.4 -0.2 0.3 7.4 2.7 2.8 4.7 -6.1 5.2-15.9 9.9-22.9 14 -2.6 4.8-5.5 9.4-10.4 12.1 1 0.2-2.5 0-2.1-0.3 -2 0.8-3.6 5.5-4.4 7.2l0.8-0.3c0.8 0.1 1.4-0.3 2.1 2.5 0 1.6 0.7 4.7-4.4 7.3 -4.6 4.6-11.4 3.7-14 10.4 -1.4 4.8-3.9 12-1.9 16.8 0.1 0.1-1.6-2.9-2.3-1.9 -5.1 6.8 11.9 20.5-0.2 26.2 -5.4-10.6-8.8-5-9.8 4.6 -0.7 6.6-1.4 13.3-2.5 19.9 -1.4 8.4-10.9 41.9-3.2 48.6 2.2-2.9 2.2-6.9 4-9.9 2.5-4.5 9.3-6 9.5 0.8 -0.2 6.7-1.1 9.9-3.4 16 -1.9 4.9-1.7 11.5-4.5 15.7 0 0-3.5 1.6-4.4-2 0.4-2.3-4.4-5.5-6.2-6.5 0 0-0.1 20.3 2.6 21.7 3.5 0.5 3.6 1.9 3.6 1.9 2 10.1 5.3 21.1 5.1 31.5 1.1-0.1-4 2.1-3.4 0.7 -1.1 2.4 11.5 9.3 12.3 10.4 1.3 0.9 6.6 0.5 6.6 0.5 -0.2 4-0.1 7.5-1.4 11.2 -1 2.8-0.6 5.9 0.4 8.6 1.5 4.2 2.8 8.3 4.1 12.4 3.3 10 4.9 16.7 5.5 27.4 2 2.6 8.4 14.3 11.8 14.3 4.6 0.1 3.4 18.8 8.8 19.4 3.1 0.2 2.2-15.1 2.2-15.1 -2.2-8.2-4.8-16.4-6.3-24.8 -1.5-8.5-3.2-24.3 0.6-32.7 1-2.3 9-6.5 18.2-1.5l2-8C91.5 348.1 82.5 348.5 80.2 347.6zM71.3 142.7c0-0.2-0.1-0.3-0.1-0.4C71.2 142.4 71.2 142.5 71.3 142.7zM71.7 144.6c1.8 8.4 8.2-15.7 8.2-15.7 1.7 14.5 4.6 13.5 8.7 13.5 5 0-9 14-2.8 17.2 3.8 1.9-16.3-4.3-16.3-4.3S69.9 136.2 71.7 144.6zM44.3 217.7c-3-7.3 6.3-15.3 6.3-15.3l4.8 12.3C55.3 214.6 47.3 224.9 44.3 217.7z"/>
<path class="ppath-p1" stroke-dashoffset="751" stroke-dasharray="751" d="M246.5 464.5c0 0-17-4-21.4-1.2 -0.2 0.5-0.3 1-0.3 1.5 -10.3-11.2 2.1-9.8 11.7-6.2C242.7 460.8 246.5 464.5 246.5 464.5zM217.6 513c-7.7 0.6-14.9-1.5-22.4-1.3 5.6 2.5 11.8 4.9 17.8 6.2 2.7 0.6 9.1 2.6 11.5 1.2 5.4-5.3 13.6-3.1 17.9-8 -4.2 2.6-10.8-0.5-15.3-0.7C224 510.3 220.9 512.8 217.6 513zM361.4 462.8c-0.2-0.2-0.5-0.5-0.9-0.8C360.9 462.4 361.2 462.7 361.4 462.8zM361.4 462.8C362.1 463.5 362 463.4 361.4 462.8L361.4 462.8zM221.4 432c0 0.2 0.1 0.4 0.1 0.5C221.5 432.5 221.4 432.3 221.4 432zM298.5 455.5c0.7 1.8 0.8 2.5 0.8 2.5s4.1-2.8 5.6-4.3c2.2-2.2 3.4-5.2 1.8-6.7 -3.5-1.6-14.7 3.9-16.2 7.4C290.4 454.9 297.4 452.4 298.5 455.5zM290.9 508.3c-0.1-0.2-0.2-0.3-0.2-0.4C290.8 508.1 290.9 508.3 290.9 508.3zM290.9 508.4c-2.1-4-14.1 1.9-16.7 2.8 -4.1 1.5-13.6-2.6-16.5 1.4C268.9 518.8 280.5 512.5 290.9 508.4zM224.3 427.9c0 0 10.2-6.4 1.8-7 -6.4 2.1-5.2 9-4.7 11C221.1 430.1 224.3 427.9 224.3 427.9zM323.3 503.8c-6.7-1.8-14.9-1.1-21.8-1.5 -5.1 0.4-6.4 4.8-6.4 4.8s0-0.1 0 0.9c0 0 0 0 0 0 0 0 0-0.1 0-0.1 0 0 0.1 0.1 0.1 0.1 0 0 0 0 0 0 0.3 0 0.5-0.8 0.8-0.9 0 0 0-0.3 0-0.3 0 0 0-0.1 0-0.1 0.1 0 0.2-0.2 0.3-0.2 6.2-0.6 13-0.8 19.1 0.5 1.9 0.4 9.6 3.9 11.5 1.3 5.2-3.3 11.9-5.2 17.8-7.1C337.3 499.6 330.5 505.7 323.3 503.8zM355.1 457.1c-0.2-0.2-0.3-0.3-0.3-0.3C354.9 457 355 457 355.1 457.1zM164.3 507.9C164.1 506.4 164 505.8 164.3 507.9L164.3 507.9zM355.1 457.1c0.5 0.4 1.5 1.4 2.7 2.4C357 458.8 356.1 458 355.1 457.1zM164.3 507.9c0 0.3 0.1 0.6 0.1 1C164.4 508.5 164.3 508.2 164.3 507.9zM354.8 456.9c0 0-7.9-2.4 0 9.4 3.7 2.9 10 4.7 11.4 19.2 -0.6 4.9-0.8 9.9-0.1 14.8C371.1 480.3 371.1 471.6 354.8 456.9zM164.4 508.9c0.1 0.5 0.1 1 0.2 1.5C164.5 509.8 164.5 509.3 164.4 508.9zM164.8 511.8c0 0.4 0.1 0.7 0.1 1C164.9 512.5 164.8 512.1 164.8 511.8zM207 447.8c-6.8 2-16.1 15.7-21.5 20.5 -7.9 7.1-16.3 15.4-25.7 20.6 -13.3 13.8 5.3 24.7 5.3 24.7 -0.5-3.9-3.6-16.3 0.9-19.2 1.2-0.8 13-4 13.7-3.5 -1.8-10.1 4.5-13.3 11.2-19.2C198.5 464.8 204 457.7 207 447.8zM138.2 494.8c0 0 1.7 13.9 8.9 11.6C154.2 504.2 132.8 486.5 138.2 494.8z"/>

      </g>
<foreignObject width="0"> <!--<![endif]--> 
          <img src="assets/images/png/black-paths.png" alt="Fallback SVG for Portrait">
          </foreignObject>
          </switch>
        </svg>
      </div><!--End bl-->
      
      <div class="letter-box">
      <div class="outline-box">
<svg  class="outline-bg" viewBox="0 0 469 765" preserveAspectRatio="xMinYMin meet">
<path d="M195.7,734.1c5,4.1,27.6,21,56.7,21c9.3,0,18.4-1.7,27.2-5.1l0.2-0.1
	c16.7-1.9,23.9-3.7,24.8-3.9l24.3-11.7l-2.9-49.9l-24.6-17.5l64.2-56.8l-19.5,97.3l29.1,23.6l-3.1-10.8l-9.1-13.2l0.1-0.4l21-136.1
	l0-0.1l48.8-117.8l1,1.7c0,0,1.5,2.4,3.6,2.4c2.4,0,5.1-3.3,7.6-9.3c8.6-20.9,19.8-54.7,17.9-106.6c-1.5-41.4-21.1-55.3-29.8-55.3
	c-1.3,0-4.2,0.3-4.2,3.3c0,1.6,0,2.3-1,2.3l-0.4,0l-0.3-0.3c-0.1-0.1-0.2-0.2-0.2-0.8l-0.1,0c0-0.1,0-0.3,0-0.6
	c-0.2-3.2-0.4-14-1-52.6l-6-60.8c-1.1-2.8-20.6-55.1-41.6-70.4c-10.7-7.8-15.5-14.9-21.5-24c-6.2-9.4-14-21-31.6-37.1
	c-14.2-12.9-18.8-21-21.9-26.3c-4.2-7.2-5.1-8.7-24.5-10.4c-1.8-0.2-3.7-0.2-5.7-0.2c-34.1,0-91.6,22.3-93.7,23.1L89.6,79.8
	c-2.4,2.3-45.1,44.5-54.7,64.6C25.3,164.6,18.4,243,18,246.9l15,69l-2.1,20.3l-1.1-0.3c-0.1,0-15.2-4.4-21.8,7.5
	c-6.9,12.4-1.9,53.1,5.9,63.9c8,11,12.9,26.6,13.1,27.3c5,19.1,20.7,68.4,33.1,68.4c0.3,0,0.5,0,0.8-0.1c3.1-0.6,5.6-0.9,7.7-1.2
	c8.8-1.2,9.7-1.4,13.5-12.1l0.8-2.4l17.1,38.5l0,0.3L86,674.3l-15.8,23.9c2,4.3,16.5,34.7,35.9,34.7c0,0,0,0,0,0
	c3,0,6.1-0.9,9.1-2.4c25.6-12.9,32.8-92.8,32.9-93.6l0.2-2l57.8,50.6l2.1,41L195.7,734.1z"/>
</svg>
      </div>
        <ul>
          <li style="padding-left:20px;" class="fs15">
            <p class="col00">in<span class="col4d">spire</span> </p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="col4d">awe + i<span class="colcc">m</span>a<span class="colcc">g</span>i<span class="col00">n</span>e</p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="col00">test + <span class="col4d">desi</span><span class="colcc">gn</span><span class="col4d">+ see</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="col00">+ innovate + <span class="col4d">energ</span><span class="colcc">ize + </span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="col00">inspire + e<span class="colff">nvisi</span><span class="col4d">on </span><span class="col00">+ </span><span class="col4d">pre</span><span class="colcc">d</span><span class="col4d">ict</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15" style="padding-right:12px;">
            <p class="col00">col<span class="colcc">l</span>ab<span class="col4d">or</span><span class="colcc">ate + invite</span>+ <span class="col4d">im</span><span class="colcc">ag</span><span class="colcc">in</span><span class="col4d">e </span></p>
          </li>
        </ul>
        <ul>
          <li class="fs18">
            <p class="col4d">+ <span class="col00">en</span>e<span class="colcc">r</span><span class="colf2">gize </span><span class="colff"> + commu</span><span class="colcc">ni</span>c<span class="col00">a</span>te</p>
          </li>
        </ul>
        <ul>
          <li class="fs18">
            <p class="colff"><span class="col4d">r</span><span class="col00">e</span><span class="col4d">co</span><span class="colcc">n</span><span class="colf2">struc</span>t + support + <span class="colcc">tr</span><span class="col4d">y</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs20">
            <p class="col00">a<span class="col4d">na</span>l<span class="colcc">y</span><span class="colf2">ze + </span><span class="colff">generate +</span> <span class="colff">s</span><span class="colcc">e</span><span class="col4d">e</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs20">
            <p class="col4d">+ a<span class="colcc">ma</span><span class="colf2">ze + </span><span class="colff">test + </span><span class="colff">evis</span><span class="colcc">io</span>n</p>
          </li>
        </ul>
        <ul>
          <li class="fs24">
            <p class="col00">de<span class="colcc">sig</span>n + reim<span class="col00">agine</span> <span class="colcc">+</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs30">
            <p class="col00"><span class="colcc">s</span>h<span class="colcc">a</span>re + d<span class="colff">i</span><span class="col4d">s</span>cover <span class="colcc">+</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs30">
            <p class="colff">i<span class="colcc">ns</span><span class="col4d">pire + </span><span class="colff">c</span>o<span class="col4d">nne</span><span class="colcc">c</span>t</p>
          </li>
        </ul>
        <ul>
          <li class="fs24">
            <p class="colff">re<span class="colcc">se</span><span class="colff">arc</span><span class="colcc">h +</span><span class="colff">g</span><span class="colcc">ene</span><span class="colcc">r</span><span class="colff">at</span><span class="colcc">e</span> </p>
          </li>
        </ul>
        <ul>
          <li class="fs20" style="padding-left:14px;">
            <p class="col4d">c<span class="col00">o</span>l<span class="colcc">labor</span>a<span class="colff">te</span> <span class="col99">+</span> <span class="colcc">supp</span>or<span class="colcc">t +</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs20" style="padding-left:38px;">
            <p class="col99"><span class="col4d">e</span><span class="colcc">n</span><span class="col4d">v</span><span class="col00">i</span><span class="colcc">s</span>i<span class="colf2">on</span> + com<span class="colcc">p</span><span class="colff">os</span><span class="colcc">e</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15" style="padding-left:20px;">
            <p class="col99">+ i<span class="colcc">nn</span><span class="col4d">o</span><span class="colcc">v</span><span class="colff">at</span><span class="colcc">e </span><span class="col99">+</span> d<span class="colcc">e</span>c<span class="colcc">o</span><span class="colf2">n</span><span class="colff">str</span><span class="colcc">uct</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15" style="padding-left:10px;">
            <p class="colcc"><span class="col4d">t</span><span class="col00">e</span><span class="col99">a</span>ch + create + a<span class="colff">m</span><span class="colcc">aze</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="col99"><span class="col4d">c</span><span class="colcc">om</span>m<span class="colff">un</span><span class="colcc">i</span><span class="colf2">c</span><span class="colcc">ate</span> + <span class="colf2">i</span><span class="colf2">n</span><span class="colff">s</span><span class="colcc">pire</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="col99"><span class="col4d">+</span> <span class="colcc">rei</span><span class="colcc">m</span>ag<span class="colcc">ine</span> <span class="colf2">+ c</span> <span class="colcc">onvey</span> <span class="colff">+</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15">
            <p class="colff">l<span class="col4d">is</span><span class="colcc">te</span><span class="colf2">n</span> <span class="col99">+ e</span><span class="col99">nc</span><span class="colcc">ourage</span> <span class="col99">+</span> a<span class="colcc">s</span>k</p>
          </li>
        </ul>
        <ul>
          <li class="fs15" >
            <p class="col4d">i<span class="colcc">nv</span><span class="colf2">e</span><span class="colff">sti</span><span class="colcc">g</span><span class="col99">at</span><span class="colcc">e </span><span class="col00">+</span> <span class="colcc">re</span><span class="colff">mod</span><span class="colcc">e</span><span class="colff">l</span></p>
          </li>
        </ul>
        <ul>
          <li class="fs15"  style="padding-right:12px;">
            <p class="col4d">+ <span class="colcc">e</span><span class="colf2">n</span><span class="colff">coura</span><span class="colcc">ge</span> <span class="col99">+ i</span><span class="colcc">mag</span><span class="colff">i</span><span class="colcc">ne</span> </p>
          </li>
        </ul>
        <ul>
          <li class="fs15"  style="padding-right:10px;">
            <p class="colcc"><span class="colff">r</span>ep<span class="colf2">ur</span><span class="colff">pose</span><span class="colcc"> + collabo</span><span class="colff">ra</span><span class="colcc">te</span> </p>
          </li>
        </ul>
        <ul>
          <li class="fs15" style="padding-left:14px;">
            <p class="colcc">design</p>
          </li>
        </ul>
      </div>
    </div>
</div>
            
          
!
            
              /*Fallback for inline-svg*/
@namespace svg "http://www.w3.org/2000/svg";

.w-fallback {
  display: none;
  visibility: hidden;
}

svg|g.w-fallback {
  display: inline;
  visibility: visible;
}

/*=======================
Content container
========================*/
.wrapper{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background-color:#FFF;
	display:block;
}

/*=======================
Inline SVG  container (parent,child setup)
========================*/

.svg-col{
	width:275px;
	min-width:275px;
	height:450px;
	margin:0 auto;
	padding:0;
	position:relative;
	display:block;
		overflow:hidden;
	}

.svg-col > *, div, ul, li, p, svg, g, path{
	    box-sizing: border-box;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		}	
		
div[class*="box"] {
	padding:0;
	margin:0;
	width:100%;
	height: 100%;
	min-height:200px;
	position:absolute;
	top:10;
	left:0;
}

div[class*="box"] > svg {
	width:100%;
	height:100%;
	position:relative;
	z-index:99;
	}	


/*=======================
Path Animation
========================*/

/* - - - - - - - - - - - - - - - - - - - -
Ketframe specs
/* - - - - - - - - - - - - - - - - - - - -*/

@-webkit-keyframes bl-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#000;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;}
}
@keyframes bl-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#000;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;}
}

@-webkit-keyframes g85-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#4D4D4D;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;	}
}


@keyframes g85-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#4D4D4D;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;	}
}


@-webkit-keyframes g75-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#999;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;	}
}


@keyframes g75-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#999;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;	}
}

@-webkit-keyframes g65-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#B3B3B3;
stroke-dashoffset:0;
}

100%{
fill-opacity:.85;
	}
}

@keyframes g65-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#B3B3B3;
stroke-dashoffset:0;
}

100%{
fill-opacity:.85;
	}
}

@-webkit-keyframes g60-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#CCC;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;
	}
}

@keyframes g60-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#CCC;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;
	}
}

@-webkit-keyframes g50-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#F2F2F2;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;
	}
}
@keyframes g50-draw {
0%{
stroke-width:2;
}
50%{
fill-opacity:0;
stroke:#F2F2F2;
stroke-dashoffset:0;
}
100%{
fill-opacity:.85;
	}
}

/* - - - - - - - - - - - - - - - - - - - -
Black paths
/* - - - - - - - - - - - - - - - - - - - -*/

g[class~="bl-paths"] > path[class*="ppath"]{ 
fill:#000; 
-webkit-animation-name:bl-draw;
animation-name:bl-draw;
} 


/* - - - - - - - - - - - - - - - - - - - -
Grey (85%) paths
/* - - - - - - - - - - - - - - - - - - - -*/


g[class~="g85-paths"] > path[class*="ppath"]{ 
fill:#4D4D4D; 
-webkit-animation-name:g85-draw;
animation-name:g85-draw;
} 


/* - - - - - - - - - - - - - - - - - - - -
Grey (75%) paths 
/* - - - - - - - - - - - - - - - - - - - -*/

g[class~="g75-paths"] > path[class*="ppath"]{ 
fill:#999; 
-webkit-animation-name:g75-draw;
animation-name:g75-draw;
} 


/* - - - - - - - - - - - - - - - - - - - -
Gray (65%) paths 
/* - - - - - - - - - - - - - - - - - - - -*/

g[class~="g65-paths"] > path[class*="ppath"]{ 
fill:#B3B3B3; 
-webkit-animation-name:g65-draw;
animation-name:g65-draw;
} 



/* - - - - - - - - - - - - - - - - - - - -
 Gray (60%) paths
/* - - - - - - - - - - - - - - - - - - - -*/

g[class~="g60-paths"] > path[class*="ppath"]{ 
fill:#CCC; 
-webkit-animation-name:g60-draw;
animation-name:g60-draw;
} 


/* - - - - - - - - - - - - - - - - - - - -
Gray 50%
/* - - - - - - - - - - - - - - - - - - - -*/

g[class~="g50-paths"] > path[class*="ppath"]{ 
fill:#F2F2F2; 
-webkit-animation-name:g50-draw;
animation-name:g50-draw;
} 


/* - - - - - - - - - - - - - - - - - - - -
All paths (main animation)
/* - - - - - - - - - - - - - - - - - - - -*/
g[class*="paths"] > path[class*="ppath"]{ 
stroke:#fff; 
fill-opacity:0;
-webkit-animation-direction:linear; 
animation-direction:linear; 
-webkit-animation-duration:6s; 
animation-duration:6s; 
-webkit-animation-delay:6s; 
        animation-delay:6s;
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards; 
-webkit-animation-iteration-count: 1; 
animation-iteration-count: 1; 
-webkit-animation-timing-function:ease-in; 
animation-timing-function:ease-in; 
}

div[class*="svg-col"]  path {
-webkit-transition: all 2.4s ease-in .25s;
transition: all 2.4s ease-in .25s;
-webkit-perspective-origin: 50%, 50%;
        perspective-origin: 50%, 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;}


/* - - - - - - - - - - - - - - - - - - - -
Paths (Hover animation)
/* - - - - - - - - - - - - - - - - - - - -*/
div[class*="svg-col"]:hover  path{
	stroke:#fff;
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}

	
div[class*="svg-col"]:hover  path[class*="p1"]{
-webkit-transform: perspective(1000px) scale3d(55, 55, 13) translate(10%, 10%) rotate(165deg);
        transform: perspective(1000px) scale3d(55, 55, 13) translate(10%, 10%) rotate(165deg);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

div[class*="svg-col"]:hover  path[class*="p2"]{
-webkit-transform: perspective(1000px) scale3d(57, 57, 13) translate(10%, 10%) rotate(-45deg);
        transform: perspective(1000px) scale3d(57, 57, 13) translate(10%, 10%) rotate(-45deg); 
opacity:1; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

div[class*="svg-col"]:hover  path[class*="p3"]{	
-webkit-transform: perspective(1000px) scale3d(55, 55, 20) translate(12%, 15%) rotate(-230deg);	
        transform: perspective(1000px) scale3d(55, 55, 20) translate(12%, 15%) rotate(-230deg);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

div[class*="svg-col"]:hover  path[class*="p4"]{
-webkit-transform: perspective(1000px) scale3d(52, 52, 12) translate(10%, 10%) rotate(190deg);
        transform: perspective(1000px) scale3d(52, 52, 12) translate(10%, 10%) rotate(190deg);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

div[class*="svg-col"]:hover  path[class*="p5"] {
-webkit-transform: perspective(1000px) scale3d(59, 59, 18) translate(20%, 40%) rotate(-90deg);
        transform: perspective(1000px) scale3d(59, 59, 18) translate(20%, 40%) rotate(-90deg);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*=======================
Letter container
========================*/

div[class*="svg-col"] > .letter-box{
	width:100%;
	height:100%;
	z-index:90;
	vertical-align: top;
	display:block;
		overflow:hidden;
	}
.letter-box> ul {
	box-sizing:border-box;
	display: -ms-flexbox;
	display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	  -webkit-box-direction: normal;
    -moz-box-direction: normal;
	 -ms-box-orient: horizontal;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
	margin:2px;
	padding:0;
	width:100%;
	list-style-type:none;
	vertical-align:top;
	position:relative;
	z-index:99;
	}

.letter-box > ul li {
	list-style-type:none;
	  display:block;
	  width:100%;
	  vertical-align:middle;
	}
li > p{
	font: 'Noto Sans';
  text-decoration: none;
  font-weight: bold;
  margin:0;
  padding:0;
  text-align: center;
  vertical-align:text-top;
 }
 

/*Letter colors*/
.col99{color:#999;}
.col00{color:#000;}
.col33{color:#333;}
.col6e{color:#6e6e6e;}
.colff{color:#fff;}
.colf2{color:#f2f2f2;}
.col4d{color:#4d4d4d;}	
.colcc{color:#ccc;}	
.colb3{color:#b3b3b3;}		
.col66{color:#666;}

/*Letter size*/
.fs15{
font-size:15px;
line-height:14px;
height:14px;
}
.fs18{
font-size:18px;
line-height:17px;
height:17px;
padding-right:16px;
}
.fs20{
font-size:20px;
line-height:16px;
height:16px;
padding-right:18px;
}
.fs24{
font-size:24px;
line-height:18px;
height:18px;
}
.fs30{
font-size:30px;
line-height:26px;
height:26px;
}


div[class*="svg-col"]:hover li[class*="col"]{
	width:100%; 
	height:100%;
	z-index:99;
	}	

p, span {
-webkit-animation-direction:linear; 
animation-direction:linear; 
-webkit-animation-duration:11s; 
animation-duration:11s; 
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards; 
-webkit-animation-iteration-count: 1; 
animation-iteration-count: 1; 
-webkit-animation-timing-function:ease-in; 
animation-timing-function:ease-in; 
-webkit-animation-name: pfade; 
        animation-name: pfade;
}

@-webkit-keyframes pfade{
	0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	50%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	}
@keyframes pfade{
	0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	50%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	}

	
/*=======================
Background image 
========================*/

/* - - - - - - - - - - - - - - - - - - - -
Background  (container, main animation)
/* - - - - - - - - - - - - - - - - - - - -*/
div[class*="svg-col"] > div[class*="outline"]{
z-index:89;
	}

div[class*="outline"] > svg{
width:100%;
height:100%;
fill:#fff;
fill-opacity:0;	
-webkit-animation-direction:linear; 
animation-direction:linear; 
-webkit-animation-duration:6s; 
animation-duration:6s; 
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards; 
-webkit-animation-iteration-count: 1; 
animation-iteration-count: 1; 
-webkit-animation-timing-function:ease-in; 
animation-timing-function:ease-in; 
-webkit-animation-delay:4s; 
        animation-delay:4s;
-webkit-animation-name: fillfade;
        animation-name: fillfade;
}
	
@-webkit-keyframes fillfade{
	0%{fill-opacity:0;}
	50%{fill-opacity:1;}
	100%{fill-opacity:0;}
	}
@keyframes fillfade{
	0%{fill-opacity:0;}
	50%{fill-opacity:1;}
	100%{fill-opacity:0;}
	}	

div[class*="svg-col"] > .letter-box:after{
content:'DESIGN + INSPIRE + COLLABORATE + RESEARCH + ENCOURAGE + TEST + EVISION + CONSTRUCT + MODEL + DISCOVER + COMMUNICATE + SUPPORT + CONVEY + REPURPOSE + STYLE + TEACH + ASK + REIMAGINE + LEARN + ANALYZE + DESIGN + DESIGN + AMAZE + COLLABORATE + ENERGIZE + SEE + TEST + EVISION + MAKE + MODEL + BUILD + COMMUNICATE + SUPPORT + CONVEY + CONVEY + STYLE + TEACH + ASK + REIMAGINE + LEARN + ANALYZE + RECONSTRUCT + TRY + DECONSTRUCT + DESIGN + INSPIRE + COLLABORATE + RESEARCH + ENCOURAGE + TEST + EVISION + CONSTRUCT + MODEL + DISCOVER + COMMUNICATE + SUPPORT + CONVEY + REPURPOSE + STYLE + TEACH + ASK + REIMAGINE + LEARN + ANALYZE + DESIGN + DESIGN + AMAZE + COLLABORATE + ENERGIZE + SEE + TEST + EVISION + MAKE + MODEL + BUILD + COMMUNICATE + SUPPORT + CONVEY + CONVEY + STYLE + TEACH + ASK + IMAGINE';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:50;
font: 'Noto Sans';
  text-decoration: none;
  font-weight: bold;
  margin:0;
  padding:0;
  text-align: center;
  vertical-align:text-top;
  white-space:normal;
  line-height:16px;
  font-size:16px;
  color:#A5B7F9;
  background-color:#D4E5FA;
  -webkit-animation-name: backfade;
          animation-name: backfade;
-webkit-animation-direction:linear; 
animation-direction:linear; 
-webkit-animation-duration:6s; 
animation-duration:6s; 
-webkit-animation-fill-mode: forwards; 
animation-fill-mode: forwards; 
-webkit-animation-iteration-count: 1; 
animation-iteration-count: 1; 
-webkit-animation-timing-function:ease-in; 
animation-timing-function:ease-in; }		


@-webkit-keyframes backfade {
	0%{ color:#A5B7F9;}
	50%{color: #D4E5FA;}
	100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	}
@keyframes backfade {
	0%{ color:#A5B7F9;}
	50%{color: #D4E5FA;}
	100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	}


            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console