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.

            
              <body>
  <audio src="https://www.dropbox.com/s/pcazn9n0rcn80ko/cssdevconfsoundtrack.mp3?raw=1" autoplay preload="auto"></audio>

<div class="top-text-container">
  <div class="entry-txt">C</div>
  <div class="entry-txt">S</div>
  <div class="entry-txt">S</div>
  <div class="entry-txt">D</div>
  <div class="entry-txt">E</div>
  <div class="entry-txt">V</div>
  <div class="entry-txt">C</div>
  <div class="entry-txt">O</div>

  <div class="entry-txt">N</div>
  <div class="entry-txt">F</div>
  <div class="entry-txt">_</div>

  <div class="entry-txt">E</div>
  <div class="entry-txt">N</div>
  <div class="entry-txt">T</div>
  <div class="entry-txt">R</div>
  <div class="entry-txt">Y</div>
  <div class="entry-txt">2</div>
  <div class="entry-txt">0</div>
  <div class="entry-txt">1</div>
  <div class="entry-txt">7</div>

  <div class="entry-txt">B</div>
  <div class="entry-txt">E</div>
  <div class="entry-txt">A</div>
  <div class="entry-txt">U</div>
  <div class="entry-txt">_</div>
  <div class="entry-txt">J</div>
  <div class="entry-txt">A</div>
  <div class="entry-txt">C</div>
  <div class="entry-txt">K</div>
  <div class="entry-txt">S</div>
  <div class="entry-txt">O</div>
  <div class="entry-txt">N</div>
  <div class="entry-txt">_</div>

  <div class="entry-txt">@</div>
  <div class="entry-txt">b</div>
  <div class="entry-txt">e</div>
  <div class="entry-txt">a</div>
  <div class="entry-txt">u</div>
  <div class="entry-txt">_</div>
  <div class="entry-txt">d</div>
  <div class="entry-txt">e</div>
  <div class="entry-txt">v</div>

  <div class="entry-txt">St.</div>
  <div class="entry-txt">Martins</div>
  <div class="entry-txt">Residence</div>
  <div class="entry-txt"> </div>
  <div class="entry-txt">Bourbon</div>
  <div class="entry-txt"> </div>
  <div class="entry-txt">Street</div>
  <div class="entry-txt"> </div>
  <div class="entry-txt">(ca. A long time ago)</div>

</div>




  <div class="firmament-container">
    <section class="clouds">
      <svg  viewBox="0 0 1400 750">

        <linearGradient id="huge_1_" x1="569.4517" x2="569.4517" y1="154.0356" y2="415.6899" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#FFF" stop-opacity="0"/>
          <stop offset="1" stop-color="#FFF"/>
        </linearGradient>
        <path id="huge" d="M795.4 328.8c-2.1-9.3-8-17.1-12.7-25.7-1.6-2.6-4.2-4.5-5.9-7-2-2.3-4.3-4.6-6.5-7.2-6.3-8.2-16.6-14.9-29.1-18.4-3.5-.7-7-1-10.5-.8-6.9.3-13.8.6-20.1 2.2h-2.1c15.4-4.5 34.5-1.9 47.2-5.2 21.7-5.6 29.2-27.5 10.1-42.4-2.1-1.9-3.7-3.7-6.4-5.6-8.5-5.6-18-8.9-28.1-12.7-1.6 4.5-3.7 8.9-7.4 13 3.7-4.5 5.8-9.3 6.9-14 .4-2.1.6-4.3.5-6.5 0 1.8-.2 3.7-.5 5.6-.2.9-.5 1.7-.7 2.5.1-.3.1-.7.2-1 .4-2.1.6-4.1.6-6.2 0-6.2-1.6-12.2-5.2-18 .3.4.5.8.7 1.1-.1-.3-.3-.5-.4-.8-.5-.8-1-1.5-1.6-2.2-.4-.6-.9-1.2-1.4-1.7l-.1-.1c-.4-.4-.8-.9-1.2-1.3l-.5-.5c-1.3-1.4-2.8-2.7-4.3-4-.4-.3-.8-.6-1.2-1-.1-.1-.2-.2-.4-.3-.2-.2-.4-.3-.7-.5-1.5-1.1-3-2.2-4.6-3.2-.8-.5-1.6-.9-2.4-1.3-4-2.2-8.3-4.1-13-5.4-.3-.1-.5-.1-.8-.2.1 0 .1 0 .2.1-.1 0-.1 0-.2-.1-3.3-.7-6.4-1.6-9.5-2.2-3.1-.6-6.2-1-9.3-1.3-7.2-.5-14.1-.3-21-.4h.2-.5c-1.7 0-3.4-.1-5.1-.2-3.7-.4-7.4-.6-11-.7-1.9-.3-3.8-.5-5.8-.7-10.1-.9-20.5-.2-30.4 2.4-3.3.9-6.5 1.9-9.7 3.2l-6 3c-.5.5-1 .9-1.5 1.3.5-.6.9-.9 1.3-1.2-7.9 3.9-15.9 7.6-23 11.9 1.7-.7 3.7-1.2 5.4-1.7-2.7 1.1-5.1 2.3-7.9 3.3l-.5.4c1.1-.7 0-1.9 1.1-2.6-4.2 1.1-3.7 4.5-6.4 6.3.5 0 .5-.4 1.1-.4 0 .7-.5 1.1-1.1 1.9-23.9-11.9-53 1.5-69.4 14.5 3.2-4.5 7.4-8.9 14.3-11.5-2.1-.7-4.8.4-6.9.1-5.3-1-10.3-2.4-15.3-3.6-5-1.2-10-2.3-15.2-2.5-4.6-.4-9.2-.5-13.7-.2-13.5.8-26 4.9-34.8 13.7-6.4 7.1-6.9 14.9-10.6 22.3-1.6 2.2-2.7 4.8-4.8 7.1-.5-1.1.5-2.2 1.1-3.3-5.3.7-8 4.5-10 7.6-1 1.9-1.8 4-2.4 6-.6 2-1 4-1.4 5.7-.5 2.4-.5 4.7-.1 7.1.4 2.3 1.2 4.6 1.6 6.6-.9 1.9-1.4 3.8.1 5.7-1.6-.7-1.6-2.2-1.9-3.5-.4-1-1.6-2.5-3-4.3-1.4-1.8-2.7-3.8-3.8-5.8-3-4.4-5.8-2.9-8.6-1.2-19.1 11.8-32 29.5-24.8 47.1 1 2.2 2.4 4.5 4.1 6.7 1.7 2.2 3.7 4.4 6.1 6.4 3.2 2.6 6.4 4.8 10.4 6.9 7.5-2 15.2-3.1 22.9-3.4-5.3.8-10.6 2.2-15.8 4.3-5.3 2.2-8.5 6-11.7 9.7v-.7c-5 5.6-7.6 11.8-8.2 18.1-.2 2.1-.1 4 .5 5.2 5.1 4.7 11.8 8.2 19.2 10.9 3.7 1.3 6.8 2.5 8.1 4.2 1.6 8.4 6 16.4 12.3 23.4 2.1 2.3 4.4 4.6 6.9 6.7 20.8 18.2 57.5 23.3 90.1 20.9 4.7-.3 9.2-.8 13.4-1.1 4.6.3 8.2 1.3 12.2 2.2 10 3.6 20 5.3 29.9 5.6 5 .1 9.9-.1 14.7-.6 35.6-1.4 79.6-4.7 97.6-29.3-3.2 3.7-6.4 7.4-10.1 11.2 26.5-21.2 18-57.3-15.9-71.8 34.5 14.5 41.9 49.9 17 71.5 2.1-1.5 5.3-.4 7.4-.7 9.5-1.1 17-6 26.5-7.2 3.4-.7 6.8-1.6 10.1-2.6 9.8-3.1 18.7-7.8 26-14.1 6.1-5.2 10.9-11 14-17.1-2.9 6.3-7.5 12.4-14 17.8 2.7.7 4.8 1.5 7.5 2.2 5 1.7 10.2 3.1 15.8 4.1 2.7.4 5.8.4 8.5 0 27.6-3 44-22 45.6-40.2.8-3.6.3-6.9-.3-10.3zm-400.2 55.1c-2.7-3-4.8-6-6.4-9.3 2.1 4 4.9 7.7 8.3 11.1-.6-.6-1.2-1.2-1.9-1.8zm17.4 13.5c-2.5-1.2-4.6-3.1-6.8-4.6 2.7 2.2 6.4 4.1 9.5 5.9-.9-.4-1.8-.9-2.7-1.3zm78.8-173.5c1.5 2.4 3 4.7 4.7 7.2-1.7-2.4-3.3-4.8-4.7-7.2zm12.7 16.2c-1.5-1.4-3-2.9-4.3-4.4 3.2 3.5 7.3 6.2 11 9.4-2.7-1.5-4.8-3-6.7-5zm70.3 74c3.6.2 7.4.5 11.2.8 3.9.3 7.6.6 11.3 1.1-3.8-.5-7.6-.7-11.5-.9-3.8-.4-7.5-.6-11-1zm58.9-159.5c1.3.1 2.7.3 4 .5h-.2c-2.8-.4-5.7-.7-8.6-.8 1.5.1 3.2.2 4.8.3zm-33.6 112.8c1.4.6 2.5.9 4.4 2-1.7-.7-3.1-1.4-4.4-2zm17.7 52.5c-.9-.3-1.9-.5-2.9-.8 1.5.4 3 .8 4.4 1.2-.4-.1-1-.3-1.5-.4zm5.8-46.2c-2.9-.2-5.6-.5-8-.8 2.6.2 5.3.5 7.9.7 10.1 1 20.2-.9 30.2-1.6-10 .6-20.1 2.9-30.1 1.7zm33-30.3v.4c.1.1.1.3 0 .4 0 .3-.1.7-.3 1.1.1.6.1 1.1-.1 1.8-.2.8-2.8.6-3.5.3-2.5-1.3-5.1-2.5-7-4.3-.2-.1-.3-.2-.5-.3-.5-.2-.9-.4-1.4-.6-.4-.2-.3-.4 0-.5-.6-.5-1.1-1.1-1.6-1.7-.5-.6 1.9-.7 2.3-.6l1.8.3c3.8-.5 8.3.4 9.8 2.5.2 0 .3.1.5.1h.1c.2 0 .4.1.5.1.2.1.4.1.7.2 1.2.4-.1.7-1.3.8zm39.7 30.1c-3.2.1-6.5-.1-9.8-.4-2.7-.3-5.1-.5-7.4-.7-.9-.1-1.8-.2-2.8-.2 3 .1 6 .3 9 .5 3.8 0 7.5.8 11.1.8h-.1zm-8.1-32.5c9.8-3.8 19.6-7.8 27.2-13.6-.8.7-1.7 1.4-2.6 2.1-2.5 1.8-5.1 3.4-8 4.9-4.9 3.2-10.7 4.7-16.6 6.6zm20.2 31.6c.5-.4 1.5-.7 2.6-.7-.9.2-1.8.5-2.6.7zm19 36.9c-4.8-6.3-9.5-12.7-16.4-18.2 8.4 6.6 15.1 14.3 19.5 22.5-.9-1.5-1.9-2.9-3.1-4.3z" class="st4"/>
        <linearGradient id="bulb2_1_" x1="249.8174" x2="249.8174" y1="6.8037" y2="293.479" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#FFF" stop-opacity="0"/>
          <stop offset=".08782768" stop-color="#F9F9F9" stop-opacity=".08782768"/>
          <stop offset=".6772" stop-color="#D8D8D8" stop-opacity=".6772"/>
          <stop offset="1" stop-color="#CCC"/>
        </linearGradient>
        <path id="bulb2" d="M167.5 126.3c-7.2-4.8-15.2-7.6-23.3-8.7-2.7-.4-5.5-.5-8.2-.5-2.7.1-5.5.1-7.9.9-11.5 4.8-22.6 7.5-34.9 10.3-1.6.4-2.8 1.6-4.4 2.4-2.9 2-5.6 4.2-8.1 6.7-7.5 7.4-13.2 16.7-16.4 27 .8-5.9-4.4-5.9-8.6-7.5-2-.6-4.9-.7-8-.3-3.1.4-6.2 1.3-8.9 2.7-3.8 1.9-7.3 4.4-10.4 7.3-3.1 3-5.8 6.4-8.1 10.4-3 5.2-4.5 10.7-2 16.3 1.3 3.3 3 6.5 4.9 9.6s4.1 6.1 6.5 9c2.8 2.1 4.8 5.1 8.3 6.6 10.6 3.6 21.8 6.8 31.4 11.6 3.2 1.6 6.2 3.4 9 5.2-2-.9-3-2.7-5.1-3.8 3.5 2.8 7.6 5.3 12 7.1 4.4 1.8 9.2 2.9 14.3 2.9 5.1 0 10.6.7 13.6 3.7 23.2 18.9 58.6 28.5 90.9 17.8 5.6-1.9 11-4 16.5-5.9 5.5-1.9 2.9-2.5 3.7-2.9-2-19 7.6-38.6 27.8-50.5-19.7 11.9-29.8 30.4-27.8 48.9-2.5-21.5 11.6-41.9 37.4-54.8 1-.4 2.5-1.1 2.4-2.7.1-1.2-.9-3.7-2.4-6.3-4.5-7.9-12-15.1-22.7-20.6-6.6-3.3-12.6-5.9-20.2-7.4 15.7 2.6 28.8 9.6 42.9 14.5-13.1-5.2-26.3-11.1-40.9-14.1 14.6 3.5 26.6 10.9 34.7 20.2 2.7 3.1 4.9 6.4 6.6 9.9 1.1 1.8 2.1 4.4.1 5.5-26.3 14.1-43.4 34.1-37.4 56.7 8.6 28.9 51 47.1 90.9 37.8 7.3-1.9 13.9-4.7 19.7-8.4 2.9-1.8 5.6-3.9 8.1-6 9.1-6.7 5-16.7 4-24.9-.5-5.9.5-12.2 1-18.2-9.7 23 15 41.2 44.3 42.9 4.2.2 8.5.2 12.8-.3 4 .1 7.9-.2 11.9-.6 24.3-.1 47.6-17.1 55.7-39.8 1.4-3.8 2.4-7.7 3.7-11.3 14.7-34.7.8-80.7-33.6-97.7-5.9-2.8-12.7-4-19-4.4-5.5 0-11.1.8-16.3 2.4-3.6 1.2-7.1 2.4-10.3 4.4-14.7 8.7-24.2 23.4-26.2 39.6.8-6.7 3.6-13.1 6.3-19.4-2.4 4.8-4.4 9.9-5.5 15.1 4.8-23 26.6-42.4 51.1-42 7.5.4 9.5-9.5 6.9-16.1-.6-2.8-1.6-5.7-3-9.1-1.3-3.4-3.2-6.7-5.5-10.1-4.4-5.9-9.1-11.1-15.5-15.1-4.8-2.8-9.5-5.2-14.7-6.7-3.2-1.2-6.7-1.2-10.1-2.3-7.4-2.4-10-4.8-12.8-7.1-16.6-13.8-38.9-23.1-64.4-19.6-5.1.6-9.9 1.5-14.5 2.6-11.6 2.9-22.6 7.7-32.3 13.8-3.3 2-6.4 4.2-9.4 6.4-8.8 5.7-12.8 14.8-20.7 21.2-2 1.6-3.6 2.8-5.6 4 2.8-1.4 5.7-2.2 8.8-2.6 3-.4 6-.4 9-.3 19.5-12.2 48.9-9.4 61.2 11.2-13.5-23-43.2-21-64.1-11.3-3.3-.1-6.5.4-9.6 1.3-3.1.9-6.2 2.2-9.2 3.6 11.1-5.9 23.4-17.8 20.2-29.7-2.6-9.7-7.6-18.9-14.4-26.9-2.2-2.6-4.7-5.1-7.3-7.5-2.1-2.1-4.1-3.3-6.9-4.1-11.5-2.4-21.4-8.3-32.1-9.5-12.7-1.2-26.6-2.2-40.2-1.7-4.5.2-9.1.5-13.5 1-29-.7-60.3 11.2-69.4 42.1-3 10.1-3.7 20-4.9 30.2-.3 3.4 2.3 6 3.1 9.4.7 4.6 1.2 9.6 2.5 13.1 2.5 3.1 5.3 5.9 8.2 8.7 2.9 2.8 5.8 5.5 8.6 8.5 1.2 2 2 4.4 2.6 6.5 2 4.3 2.1 8.3 1 12.2-1.1 3.9-3.3 7.7-5.6 11.4 1.9-3.4 4.2-6.4 6.7-9.1 2.5-2.7 5.3-5.1 8.3-7.3 15.6-8.9 34.6-12.9 52-16.7 2.6 0 5.2.2 7.8.5 7.8 1.1 15.4 3.8 22.4 8.5.1 0 .3.1.5.2z" class="st2"/>
        <linearGradient id="tiny_2_" x1="763.1162" x2="763.1162" y1="8.856" y2="291.4272" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#FFF" stop-opacity="0"/>
          <stop offset=".2433" stop-color="#F2F2F2" stop-opacity=".2433"/>
          <stop offset=".6964" stop-color="#CECECE" stop-opacity=".6964"/>
          <stop offset="1" stop-color="#B3B3B3"/>
        </linearGradient>
        <path id="tiny_1_" d="M818.2 128.3c3.2-3.3 6.8-6 10.5-8.2 25.9-15.5 61.2-6.3 79 20.2 2.8 3.4 5.2 7.2 7.2 11.3 5.4 11.1 8.5 23.1 8.6 35.2 0 3.2-.2 6.4-.6 9.6-.5 3.2-1.2 6.4-2.2 9.4-3.5 9.9-9.7 18.1-16.6 25.9-3.1 2.5-5.8 4.9-9 7.2-3.1 2.2-6.5 4-9.9 5.5-9.6 4.2-20.1 5.6-30.3 3.8-2.5-.5-5.1-1.1-7.5-2-2-.1-3.9-1.3-3.9-3-2.3-18.5-2.3-39.1-19.3-49 24.7 16.5 18.5 53.5 2.7 75.3-2.3 2.9-4.6 5.4-7.3 8.2-3.1 2.9-6.2 4.5-9.7 7-3.1 2.1-6.6 2.5-9.7 4.1-3.5 1.2-7 1.6-10.4 2.1-4.6.4-9.3.4-13.9-.4-3.5-.8-7-1.2-10-2.5-5.8-2.5-11.6-4.9-17.1-7.9-2.6-1.3-5.3-2.8-8-4.4-7-4.1-13.1-9.9-18.1-16.3-1.9-2.4-3.2-4.3-5.9-6.8-4.2-4.1-7.3-8.2-10.4-13.2-2.3-4.1-3.7-8.1-4.8-11.5-1.4-5.4 1.4-14.4-.6-14.8-15.1-2.1-31.7.4-46.8-5.6-3.8-1.4-7.5-3-11-5-10.6-5.9-19.8-14.6-26.2-25.5-2-2.7-3.8-5.6-5.9-9-4.1-6.8-6.8-14.5-7.8-23.2-.4-5.8-.4-11.1.4-16.9s2.3-11.1 5-16.5c6.2-13.2 13.9-23.9 22.8-36.2 4.6-6.6 10.4-11.5 17.4-15.6 5.8-2.9 11.2-5.4 17.4-6.6 3.9-.6 7.7-.9 11.5-1 3.8-.1 7-2.5 10.8-3.3 5.2-1.1 10.5-1.4 15.6-.8 2.6.3 5.1.7 7.6 1.4 3.8 1.2 10.4 1.2 10.7 6.2.4 15.2-1.5 32.9 10.8 43.6-22.4-25.1-6.2-65 18.9-81.5 4.2-2.5 8.1-4.5 12.7-6.2 3.5-1.2 6.6-2.1 10-2.5 14.7-1.6 28.6 2.9 42.6 7.8 2.7.8 5.4 1.7 8 2.7 2.7 1 5.3 2 8 3 3.2 1 5.6.1 8.3.2 3.8-.6 7.6-.8 11.3-.7 30.3-.3 60.5 23.6 62.8 56.9.8 9.5-.8 18.5-3.5 27.2-1.5 3.7-3.1 7-5 10.7-2.7 4.5-6.6 12.8-8.9 11.1-20.6-16.9-50.1-20-71.4-6.9-3 1.9-5.9 4.1-8.6 6.6-.1.5-.2.6-.3.8z" class="st3"/>
        <linearGradient id="bulbus_1_" x1="1149.334" x2="1149.334" y1="4.0171" y2="330.7928" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#FFF" stop-opacity="0"/>
          <stop offset=".08782768" stop-color="#F9F9F9" stop-opacity=".08782768"/>
          <stop offset=".6772" stop-color="#D8D8D8" stop-opacity=".6772"/>
          <stop offset="1" stop-color="#CCC"/>
        </linearGradient>
        <path id="bulbus" d="M1380 174.3c-1.2-1.8-2.5-3.5-3.3-4.8 8.3-21.2-4.1-45.4-27.8-53.9-4.1-1.3-3.6 1-6.1 3-8.4 8.3-17.3 16.1-27.2 21.9 30.6-14.6 40-53.6 25.8-83-2-4.2-4.5-8.2-7.5-11.9-2.6-3.1-5.2-5.7-8.3-8.9-3.7-3.7-8.3-5.7-12.5-8.9-5.2-2.6-10.4-4.7-16.2-6.3 3.1 1 6.8 2.1 9.9 3.7-23.5-9.9-49-1.6-71.5 9.4-7.3 3.1-16.7 4.2-25 1-4.8-.6-9.6-.9-14.4-.6-14.5.7-28.9 5.5-42 15.3-1.6 1-3.1 2.1-5.2 1.8-1.7.2-2.2 1.9-6.9.3s-9.5-2.6-14.5-3.1c1 1 2.1.5 3.1.5-38.1-8.9-79.8 17.7-86.1 57.4-1.6 9.9-.5 19.8 3.1 29.2 2.6 5.7 5.2 11.5 8.9 16.7-4.2-6.3-7.3-13.6-10.2-20.7-1.2-2.3-1.8-3.9-5.3-4.6-2.7-.4-5.3-1.7-8.4-1.7v3.5c0-26.8-31.8-41-60.5-43.2-7.8-.9-15.7-.4-23.5 1.3-3.7.9-7.3 2.2-11 3.9-4.7 2.6-8.9 5.2-12.5 8.6-2.6 2.6-5.2 5.2-6.8 8.2-2.6 5.2-4.7 10.4-5.2 16-.5 3.5 0 6.9.5 10.4 1 6.9 6.8 12.5 7.4 19.5-.8 2.2-1.3 4.4-1.7 6.6-1.1 6.7-.3 13.6 2.7 20.1 4.2 8.2 10.4 15.1 19.8 20.3 4.7 2.6 9.4 3.9 14.1 5.6 2.6.6 5.1 1.2 7.6 1.7 4.4.5 8.1 2.2 10.2 5.2-.5-2.2-1-4.3-1-6.5 2.6 41.9 60.5 38.4 97 38.9h-1c11.5.9 23.5 1.3 34.8.4 3.5-.3 7.2-.4 10.7-.8 14.3-1.5 27.5-7.6 35.3-19.5 5.2-7.8 6.8-15.5 5.7-24.2-.5-2.2-.5-4.8-1.6-6.9-1.6-2.2-2.1-4.8-3.7-6.9.5.4 1.6 1.3 2.1 1.9 1.1.8-.9 2.6 3.1 2.3 3.9-.3.1-1.1.1-1.3-.1-2.2.5-4.4 1.2-6.3 1.7-5.6 6.9-9.3 11.9-12.2-4 2.4-7.7 5-9.9 8.1-.9 1.6-1.4 3-1.9 5.7-1.5 5.7 1.2 10.9 2.1 16.1.5 2.8.4 5.4 1.7 8 2.7 5 6.7 9.7 11.9 13.6 6.8 5.2 16.2 6.5 23.1 11.6 1.8 2.4 3.8 4.6 6.3 6.6s5.2 3.9 8.2 5.5c3.7 1.7 6.8 3 10.4 4.3 3.1.9 5.7 1.3 8.9 1.7 10.4 1.7 20.3 0 29.7-3.9 2.5-1 4.7-2.1 6.7-3.4 1.6-.5 1.1-1.8 1.6-2.6 16.2 20.3 54.3 24.6 75.1 6.5 5.2-4.8 9.4-9.5 12.4-14.9 1.1-1.8 1.2-3.8 3.8-5.2 18.9-9.5 31.9-25.7 26.1-46-.8-3.6-2.3-7-4.3-10.1-3.3-5.3 3.9 8 0 0z" class="st1"/>
        <linearGradient id="regular_1_" x1="1058.5898" x2="1058.5898" y1="204.3706" y2="531.1463" gradientUnits="userSpaceOnUse">
          <stop offset="0" stop-color="#FFF" stop-opacity="0"/>
          <stop offset=".03264868" stop-color="#FEFEFE" stop-opacity=".03264868"/>
          <stop offset="1" stop-color="#F2F2F2"/>
        </linearGradient>
        <path id="regular" d="M1289.2 374.7c-1.2-1.8-2.5-3.5-3.3-4.8 8.3-21.2-4.1-45.4-27.8-53.9-4.1-1.3-3.6 1-6.1 3-8.4 8.3-17.3 16.1-27.2 21.9 35-16.7 42.3-65.2 18.3-95-2.6-3.1-5.2-5.7-8.3-8.9-3.7-3.7-8.3-5.7-12.5-8.9-5.2-2.6-10.4-4.7-16.2-6.3 3.1 1 6.8 2.1 9.9 3.7-23.5-9.9-49-1.6-71.5 9.4-7.3 3.1-16.7 4.2-25 1-4.8-.6-9.6-.9-14.4-.6-14.5.7-28.9 5.5-42 15.3-1.6 1-3.1 2.1-5.2 1.8-1.7.2-2.2 1.9-6.9.3-4.7-1.6-9.5-2.6-14.5-3.1 1 1 2.1.5 3.1.5-38.1-8.9-79.8 17.7-86.1 57.4-1.6 9.9-.5 19.8 3.1 29.2 2.6 5.7 5.2 11.5 8.9 16.7-4.2-6.3-7.3-13.6-10.2-20.7-1.2-2.3-1.8-3.9-5.3-4.6-2.7-.4-5.3-1.7-8.5-1.7v3.5c0-26.8-31.8-41-60.5-43.2-7.8-.9-15.7-.4-23.5 1.3-3.7.9-7.3 2.2-11 3.9-4.7 2.6-8.9 5.2-12.5 8.6-2.6 2.6-5.2 5.2-6.8 8.2-2.6 5.2-4.7 10.4-5.2 16-.5 3.5 0 6.9.5 10.4 1 6.9 6.8 12.5 7.4 19.5-.8 2.2-1.3 4.4-1.7 6.6-1.1 6.7-.3 13.6 2.7 20.1 4.2 8.2 10.4 15.1 19.8 20.3 4.7 2.6 9.4 3.9 14.1 5.6 2.6.6 5.1 1.2 7.6 1.7 4.4.5 8.1 2.2 10.2 5.2-.5-2.2-1-4.3-1-6.5 2.6 41.9 60.5 38.4 97 38.9h-1c11.5.9 23.5 1.3 34.8.4 3.5-.3 7.2-.4 10.7-.8 14.3-1.5 27.5-7.6 35.3-19.5 5.2-7.8 6.8-15.5 5.7-24.2-.5-2.2-.5-4.8-1.6-6.9-1.6-2.2-2.1-4.8-3.7-6.9.5.4 1.6 1.3 2.1 1.9 1.1.8-.9 2.6 3.1 2.3 3.9-.3.1-1.1.1-1.3-.1-2.2.5-4.4 1.2-6.3 1.7-5.6 6.9-9.3 11.9-12.2-4 2.4-7.7 5-9.9 8.1-.9 1.6-1.4 3-1.9 5.7-1.5 5.7 1.2 10.9 2.1 16.1.5 2.8.4 5.4 1.7 8 2.7 5 6.7 9.7 11.9 13.6 6.8 5.2 16.2 6.5 23.1 11.6 1.8 2.4 3.8 4.6 6.3 6.6 2.4 2 5.2 3.9 8.2 5.5 3.7 1.7 6.8 3 10.4 4.3 3.1.9 5.7 1.3 8.9 1.7 10.4 1.7 20.3 0 29.7-3.9 2.5-1 4.7-2.1 6.7-3.4 1.6-.5 1.1-1.8 1.6-2.6 16.2 20.3 54.3 24.6 75.1 6.5 5.2-4.8 9.4-9.5 12.4-14.9 1.1-1.8 1.2-3.8 3.8-5.2 18.9-9.5 31.9-25.7 26.1-46-.6-3.5-2.2-7-4.2-10-3.2-5.3 3.9 8 0 0z" class="st0"/>
      </svg>
    </section>
    <div class="entire-pic-container">


      <!-- ===============WHITE HOUSE=============== -->
      <div class="white-house-col">
        <div class="white-sky">
          <div class="white-roof"></div>
          <div class="white-shing-container">
            <div id="wh-shing-1" class="white-shing mud"></div>
            <div id="wh-shing-2" class="white-shing sand"></div>
            <div id="wh-shing-3" class="white-shing mud"></div>
            <div id="wh-shing-4" class="white-shing mud"></div>
            <div id="wh-shing-5" class="white-shing moss"></div>
            <div id="wh-shing-6" class="white-shing moss"></div>
            <div id="wh-shing-7" class="white-shing sand"></div>
            <div id="wh-shing-8" class="white-shing moss"></div>
            <div id="wh-shing-9" class="white-shing mud"></div>
            <div id="wh-shing-10" class="white-shing sand"></div>
          </div>
        </div>


        <div class="white-gutter">
          <div class="wh-gutter-top"></div>
          <div class="wh-gutter-mid"></div>
          <div class="wh-gutter-bot"></div>
        </div>
        <div class="white-gutter-base"></div>
        <div class="white-attic">
          <div class="wh-attic-window-left"></div>
          <div class="wh-attic-window-right"></div>
          <div class="wh-attic-ledge-left"></div>
          <div class="wh-attic-ledge-right"></div>

        </div>

        <div class="white-facade">
          <div class="wh-floor-3">
            <div class="wh-rail">
              <svg id="wh-rail-vector" viewBox="3 2 183 38">
                <path d="M9.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM9.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M24.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM24.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M38.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM38.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M52.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM52.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M65.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM65.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M80.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM80.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M94.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM94.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M108.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM108.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M121.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM121.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M136.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM136.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M150.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM150.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M164.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM164.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M104.6 3.7v33M107.6 3.7v33M110.6 8.7v23M113.6 8.7v23" class="wh-rails-a"/>
                <path d="M178.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM178.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <g class="wh-rails-a">
                  <path d="M3.1 3.2h182"/>
                  <path d="M4.1 36.2h182M3.1 36.2h182M3.1 31.2h182M3.1 20.2h182M3.1 8.2h182M2.6 3.2h183v33H2.6zM3.1 20.2h183M171.6 3.7v33M157.6 3.7v33M143.6 3.7v33M129.6 3.7v33M115.6 3.7v33M101.6 3.7v33M87.6 3.7v33M73.6 3.7v33M59.6 3.7v33M45.6 3.7v33M31.6 3.7v33M17.6 3.7v33M5.6 3.7v33M8.6 3.7v33M11.6 8.7v23M14.6 8.7v23" class="wh-rails-a"/>
                  <path d="M20.6 3.7v33M23.6 3.7v33M26.6 8.7v23M29.6 8.7v23"/>
                  <path d="M34.6 3.7v33M37.6 3.7v33M40.6 8.7v23M43.6 8.7v23"/>
                  <path d="M48.6 3.7v33M51.6 3.7v33M54.6 8.7v23M57.6 8.7v23"/>
                  <path d="M61.6 3.7v33M64.6 3.7v33M67.6 8.7v23M70.6 8.7v23"/>
                  <path d="M76.6 3.7v33M79.6 3.7v33M82.6 8.7v23M85.6 8.7v23"/>
                  <path d="M90.6 3.7v33M93.6 3.7v33M96.6 8.7v23M99.6 8.7v23"/>
                  <path d="M117.6 3.7v33M120.6 3.7v33M123.6 8.7v23M126.6 8.7v23"/>
                  <path d="M132.6 3.7v33M135.6 3.7v33M138.6 8.7v23M141.6 8.7v23"/>
                  <path d="M146.6 3.7v33M149.6 3.7v33M152.6 8.7v23M155.6 8.7v23"/>
                  <path d="M160.6 3.7v33M163.6 3.7v33M166.6 8.7v23M169.6 8.7v23"/>
                  <path d="M174.6 3.7v33M177.6 3.7v33M180.6 8.7v23M183.6 8.7v23"/>
                </g>
              </svg>
            </div>
            <div class="wh-f3-door-left">
              <div class="wh-window-trim-top"></div>
              <div class="wh-window-trim-base"></div>
              <div class="wh-window-door">
                <div class="wh-door-frame">
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                </div>
              </div>
            </div>
            <div class="wh-f3-door-right">
              <div class="wh-window-trim-top"></div>
              <div class="wh-window-trim-base"></div>
              <div class="wh-window-door">
                <div class="wh-door-frame">
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                  <div class="wh-door-panel"></div>
                </div>
              </div>
            </div>
            <div class="wh-f3-deck-base">
              <div class="wh-deck-top"></div>
              <div class="wh-deck-mid"></div>
              <div class="wh-deck-bot">
                <svg class="wh-deck-bot-shad" viewBox="0 0 191 73">
                    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="95.1626" y1="70.4395" x2="95.1626" y2="4.882812e-04">
                    	<stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
                    	<stop  offset="0.1115" style="stop-color:#000000;stop-opacity:0.1115"/>
                    	<stop  offset="1" style="stop-color:#000000"/>
                    </linearGradient>
                    <path class="st0" d="M161.8,44.3c9.5-14.8,19-29.6,28.5-44.3H0v70.4h145.2C150.7,61.7,156.2,53,161.8,44.3z"/>
                  </svg>
              </div>
            </div>
          </div>

          <div class="wh-floor-2">
            <div class="wh-rail">
              <svg id="wh-rail-vector" viewBox="3 2 183 38">
                <path d="M9.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM9.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M24.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM24.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M38.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM38.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M52.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM52.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M65.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM65.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M80.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM80.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M94.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM94.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M108.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM108.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M121.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM121.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M136.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM136.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M150.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM150.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M164.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM164.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <path d="M104.6 3.7v33M107.6 3.7v33M110.6 8.7v23M113.6 8.7v23" class="wh-rails-a"/>
                <path d="M178.9 32.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6zM178.9 4.8c.3-.9 1.8-1.2 3.4-.7 1.5.5 2.5 1.7 2.2 2.6-.3.9-1.8 1.2-3.4.7-1.5-.5-2.5-1.7-2.2-2.6z"/>
                <g class="wh-rails-a">
                  <path d="M3.1 3.2h182"/>
                  <path d="M4.1 36.2h182M3.1 36.2h182M3.1 31.2h182M3.1 20.2h182M3.1 8.2h182M2.6 3.2h183v33H2.6zM3.1 20.2h183M171.6 3.7v33M157.6 3.7v33M143.6 3.7v33M129.6 3.7v33M115.6 3.7v33M101.6 3.7v33M87.6 3.7v33M73.6 3.7v33M59.6 3.7v33M45.6 3.7v33M31.6 3.7v33M17.6 3.7v33M5.6 3.7v33M8.6 3.7v33M11.6 8.7v23M14.6 8.7v23" class="wh-rails-a"/>
                  <path d="M20.6 3.7v33M23.6 3.7v33M26.6 8.7v23M29.6 8.7v23"/>
                  <path d="M34.6 3.7v33M37.6 3.7v33M40.6 8.7v23M43.6 8.7v23"/>
                  <path d="M48.6 3.7v33M51.6 3.7v33M54.6 8.7v23M57.6 8.7v23"/>
                  <path d="M61.6 3.7v33M64.6 3.7v33M67.6 8.7v23M70.6 8.7v23"/>
                  <path d="M76.6 3.7v33M79.6 3.7v33M82.6 8.7v23M85.6 8.7v23"/>
                  <path d="M90.6 3.7v33M93.6 3.7v33M96.6 8.7v23M99.6 8.7v23"/>
                  <path d="M117.6 3.7v33M120.6 3.7v33M123.6 8.7v23M126.6 8.7v23"/>
                  <path d="M132.6 3.7v33M135.6 3.7v33M138.6 8.7v23M141.6 8.7v23"/>
                  <path d="M146.6 3.7v33M149.6 3.7v33M152.6 8.7v23M155.6 8.7v23"/>
                  <path d="M160.6 3.7v33M163.6 3.7v33M166.6 8.7v23M169.6 8.7v23"/>
                  <path d="M174.6 3.7v33M177.6 3.7v33M180.6 8.7v23M183.6 8.7v23"/>
                </g>
              </svg>
            </div>
            <div class="wh-f2-door-left">

              <div class="wh-window-trim-top"></div>
              <div class="wh-window-trim-base"></div>
              <div class="wh-window-door">
                <div class="wh-door-frame wh-f2-frame">
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                </div>
              </div>
            </div>
            <div class="wh-f2-door-right">

              <div class="wh-window-trim-top"></div>
              <div class="wh-window-trim-base"></div>
              <div class="wh-window-door">
                <div class="wh-door-frame wh-f2-frame">
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                  <div class="wh-door-panel wh-f2-panel"></div>
                </div>
              </div>

            </div>
            <div class="wh-f2-deck-base">
              <div class="wh-deck-top"></div>
              <div class="wh-deck-mid"></div>
              <div class="wh-deck-bot wh-f2-deck-bot">

              </div>
            </div>
          </div>
          <div class="wh-floor-1">
            <div class="wh-f1-door-left">
              <div class="wh-f1-door-frame">
                <div class="wh-f1-door-panel"></div>
                <div class="wh-f1-door-panel"></div>
                <div class="wh-f1-door-panel"></div>
                <div class="wh-f1-door-panel"></div>
                <div class="wh-f1-door-panel"></div>
                <div class="wh-f1-door-panel"></div>
              </div>
            </div>
            <div class="wh-f1-door-right">
              <div class="wh-f1-door-frame-right">
                <div class="wh-f1-door-panel-right"></div>
                <div class="wh-f1-door-panel-right"></div>
                <div class="wh-f1-door-panel-right"></div>
                <div class="wh-f1-door-panel-right"></div>
                <div class="wh-f1-door-panel-right"></div>
                <div class="wh-f1-door-panel-right"></div>
              </div>
            </div>
            <div class="wh-step-row">
              <div class="wh-left-step"></div>
              <div class="wh-right-step"></div>
            </div>
            <div class="wh-f1-tarp-shad-container">
              <svg class="wh-f1-tarp-shad" viewBox="0 0 187 148">

                  <linearGradient id="SVGID_1_" x1="77.7808" x2="77.7808" y1="146.9834" y2="37.4502" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-opacity="1"/>
                    <stop offset=".00973186" stop-opacity="1"/>
                    <stop offset=".493" stop-opacity="1"/>
                  </linearGradient>
                  <path d="M117.5 143.2c-26.4 4.8-51.7 1.5-77.6 2.6-1.1.1-2.2.2-3.2.2-9.6.8-19.1 1.8-28.9-.5-.9-.3-1.7-.8-2.5-1.3-2.3-1.5-3.9-3.9-4.6-7.6-.2-1-.3-1.9-.4-2.9-.6-8.1 2-17.6.6-24.9v-3.1c0-7.2-.3-14.4-.8-21.6V82 56.2v-.7c0-3.4 2.2-5.6 2.2-8.9 3.3 1.1 5.5 3.2 9.1 2.2h46.5c1.1 0 2.1.1 3.2.1h3.2c25.8-.1 65.3-21 86.2-6.7 12.1 7.6.4 26.1-5.8 33.2-.7.8-1.4 1.6-2.2 2.4-6.5 3.5-11.9 7.6-16.3 12.4-.7.8-1.5 1.6-2.2 2.4-15.2 13.4-.9 33.2-6.1 50.1-.4.4-.4.5-.4.5z" class="st4"/>
                  <path d="M182.1 52.2c-7.6-3.1-15.7-3.3-23.7-2.8-2.7.2-5.3.5-8 .7C141 52 131 52 122 51c-14-1-27-3-40.7-1.2-3.4.2-6.8.6-10.1 1s-6.7.9-10 1.4c-3.1.2-6.2.4-9.3.4-2.8.4-5.7.4-8.6.1-2.9-.3-5.9-.8-8.8-1.4C24 50 11 46 1 53c2-9 2.2-17.8 2.1-26.5 0-2.9-.1-5.8-.2-8.8C3 12 3 6 3 0c5 1 9 3 14 3 3.2-.4 6.5-.6 9.7-.8 3.2-.2 6.3-.3 9.5-.3 8.2 0 16.4 0 24.6-.1 2.7 0 5.4 0 8.2-.1 33 1.3 66-4.7 98.9.1 2.8.9 5.5 2.1 8.1 3.8 2.5 1.7 4.9 3.8 7 6.4 8 9-4 20-3.9 31.5.3 2.4 1.2 4.8 2.4 7.1.4 1 .6 1.6.6 1.6z" class="st1"/>
                  <path d="M3.1 47.4c2.5-1.2 4.9-2.1 7.5-2.5 4.7.2 9.3.7 14 1.3 2.3.3 4.6.6 7 .9C41 49 49 50 58 49c17-1 33-5 49.9-2.1 2.3.2 4.7.5 7 .6 2.7.2 5.5.4 8.2.5 2.7.1 5.5.2 8.3.2 15.6.8 30.6-4.2 46.9-.9" class="st5"/>
                  <path d="M3.1 41.4c2.6-.9 5.2-1.5 7.9-1.9 5-.1 10 .2 15 .6 2.5.2 5 .5 7.5.8C58 45 81 38 104.7 40.1c1.9.3 3.8.6 5.6.8l8.1.6c2.2.1 4.5.3 6.7.3 2.2.1 4.5.2 6.7.2 2.7 0 5.4-.1 8-.3 13.2-.7 25.2-3.7 38.5-.2" class="st0"/>
                  <path d="M68.6 12C73 15 78 15 82 16c28 1 55-13 83-2 4 1 7 0 10.5-.9" class="st3"/>
                  <path d="M4.1 6.7C10 9 17 9 23 10c2.9.1 5.8.1 8.6.1 2.9-.1 5.8-.2 8.6-.4 8.4-.4 17.1-2.3 25.8-3.3 2.9-.3 5.9-.6 8.8-.7C81 6 86 6 92.3 8.2" class="st6"/>
                  <path d="M18.5 1.7C17 12 16 23 14.8 33c-.2 2.7-.5 5.3-.6 8-.1 2.7-.2 5.3-.2 8 1 0 2 0 3 1 .2-2.7.3-5.4.5-8.1.2-2.7.3-5.4.5-8.2C19 23 19 13 20.8 2.3c-.9.3-1.7.1-2.3-.6zM97.6 49.4C96 33 100 17 99 1h-3c-1 16-2 32-1.3 48.3.9 0 1.9-.1 2.9.1zM169 50.5c0-5.3-.4-10.6-1-16-.3-2.7-.6-5.4-.9-8.2-1.3-9-1.3-17.7-3.4-25.3h-3c1.1 10.9 2.1 22.8 3.8 33.4.4 2.8.7 5.6 1 8.3.3 2.8.6 5.5.9 8.2.9-.4 1.7-.9 2.6-.4z" class="st2"/>
                </svg>
              <svg class="wh-tarp-back-shad" id="Layer_1" viewBox="0 0 187 148">

                <linearGradient id="SVGID_1_" x1="90.6914" x2="90.6914" y1="148.2114" y2=".2119" gradientUnits="userSpaceOnUse">
                  <stop offset="0" stop-opacity="0"/>
                  <stop offset=".1413" stop-opacity=".1413"/>
                  <stop offset="1"/>
                </linearGradient>
                <path d="M119.4 79.8C140.2 53.2 161 26.7 181.8.2H-.4v148h66.5c17.7-22.8 35.5-45.6 53.3-68.4z" class="st0"/>
              </svg>

            </div>


          </div>

        </div>
        <div class="gutter-pipe-one">
          <svg viewBox="0 0 39 546">


            <path d="M25.4 545V26" class="st6"/>
            <path d="M0 0v9.3h.5c.4.1.8.3 1.2.5.2 0 .4.1.6.2 1.7 1.2 2.5 2.9 2.9 4.6 0 .2.1.4.1.6.3 3.3-.7 6.3 2.4 7.8h3c.1-.1.3-.1.5-.1h.3c.9 1.2 1.1.9 1.7.1.1-.1.1-.2.7-.9.3-1.1.7-2.1 1-3.1 0-.1.1-.2.1-.3.7-4.2.7-6.2 4.5-8.9v-.2V0H0zm17.9 9.3h1c-.2.2-1.2.2-1 0z" class="st5"/>
            <path d="M19.5 66.5l-8.6-17.4v-2.8L8.7 22.7" class="st7"/>
            <path d="M21.5 66.5l-8.6-17.4v-2.8l-2.2-23.6" class="st9"/>
            <path d="M22.4 545V26" class="st10"/>
            <path d="M14.1 65.2v2.9c.7 1.4 1.4 2.7 2.1 4.1h16.9l.9-2.7c.1-.2.9-2.5 1.7-4.3H14.1z" class="st11"/>
            <path d="M33.1 72.2H16.2c0 .1.1.1.1.2.2.5.7 1.4.7 2 0 .3 0 .5-.1.8 0 .2 0 .3.1.5.3.6.6 1.2.9 1.9h13.7c.2-.5.3-.9.5-1.4-.1-.5.3-1.5.4-1.9l.6-2.1z" class="st1"/>
            <path d="M18.1 77.2v.8l.6 1.2c.7 1.1.9 1.6.6 1.5.1.2.1.4.2.6.4.3.7.7.9 1.1H30l1.2-3.9c.2-.5.3-1 .5-1.4H18.1z" class="st8"/>
            <path d="M26.7 478.2V546" class="st4"/>
            <path d="M16.4 475.5h16" class="st2"/>
            <path d="M20.7 473.5V546" class="st0"/>
            <path d="M0 9.9h20.2" class="st3"/>
</svg>

        </div>
      </div>


      <!-- ==============PEACH HOUSE============== -->
      <div class="peach-house-col">
        <div class="peach-sky">
          <div class="peach-chimney-left">
            <div class="peach-chimney-cap"></div>
            <div class="peach-chimney-crown"></div>
            <div class="peach-chimney-base"></div>
          </div>
          <div class="peach-chimney-right">
            <div class="peach-chimney-cap"></div>
            <div class="peach-chimney-crown"></div>
            <div class="peach-chimney-base"></div>
          </div>
        </div>

        <div class="peach-roof">
          <div class="peach-chimbody-left"></div>
          <div class="peach-rooftop-section-left">
            <div class="peach-rooftop-top"></div>
            <div class="peach-rooftop-mid"></div>
            <div class="peach-rooftop-bot">
              <svg class="mansard-roof-trim trim-left" viewBox="20 0 210 180"><path  d="M7.7 103.5s12.3-10 17.5-15.9C37 74 48.1 58.6 57 42.9c7.4-13.1 14-27.4 18.1-41.6h-3C68 15.5 61.4 29.8 54 42.9 45.1 58.6 34 74 22.2 87.5c-5.2 6-17.5 16-17.5 16h3z" /></svg>
              <svg class="mansard-roof-trim trim-right" viewBox="0 20 210 180"><path  d="M72.1 103.5s-12.3-10-17.5-15.9C42.9 74 31.8 58.6 22.8 42.9 15.4 29.8 8.8 15.5 4.7 1.3h3c4.1 14.2 10.7 28.6 18.1 41.6 8.9 15.7 20 31.1 31.8 44.6 5.2 5.9 17.5 15.9 17.5 15.9h-3z" /></svg>
            </div>
          </div>
          <div class="peach-rooftop-section-right">
            <div class="p-roofsec-right-top"></div>
            <div class="p-roofsec-right-mid"></div>
            <div class="p-roofsec-right-bot"></div>
          </div>

          <div class="peach-chimbody-right"></div>


          <div class="peach-right-gable">
            <div class="gable-rt-roof"></div>
            <div class="gable-rt-gutter"></div>
            <div class="gable-rt-roof-frame">
              <div class="rt-gab-shing-container">
                <div id="gab-shing-1" class="peach-shing-gr"></div>
                <div id="gab-shing-2" class="peach-shing-gr"></div>
                <div id="gab-shing-3" class="peach-shing-gr"></div>
                <div id="gab-shing-4" class="peach-shing-gr"></div>
                <div id="gab-shing-5" class="peach-shing-br"></div>
                <div id="gab-shing-6" class="peach-shing-br"></div>
                <div id="gab-shing-7" class="peach-shing-br"></div>
                <div id="gab-shing-8" class="peach-shing-br"></div>
                <div id="gab-shing-9" class="peach-shing-br"></div>
                <div id="gab-shing-10" class="peach-shing-br"></div>
                <div id="gab-shing-11" class="peach-shing-br"></div>
                <div id="gab-shing-12" class="peach-shing-br"></div>
                <div id="gab-shing-13" class="peach-shing-br"></div>
                <div id="gab-shing-14" class="peach-shing-br"></div>
                <div id="gab-shing-15" class="peach-shing-br"></div>
                <div id="gab-shing-16" class="peach-shing-br"></div>

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



          <div class="front-gables-container">
            <div class="gable-shad-left">
              <svg viewBox="0 0 30 60">
            <path d="M35.2 2.2c-1.1-.5-1.9-1.1-2.5-2-1.2 1.2-2.5 2.3-3.7 3.5l-1.5 1.5c-6.7 7-11.9 16.3-20.1 22.1-.5.6-1.1 1.1-1.6 1.7-1.1 1.1-2.2 2.2-3.4 3.1-.4.3-.9.5-1.3.8-1.9 2.4-.7 4.3.6 5.9.3.4.7.8 1 1.2 6.8 5.8 16 8.1 22.9 13.8.6.4 1.2.9 1.8 1.4 2.9 2.4 5.3 5.6 6.8 10.2.3.8.7 1.6 1 2.4V51.6 2.2z" class="st0"/>
          </svg>
            </div>
            <div class="gable-shad-ctr">
              <svg viewBox="0 0 30 60">
                <path d="M35.2 2.2c-1.1-.5-1.9-1.1-2.5-2-1.2 1.2-2.5 2.3-3.7 3.5l-1.5 1.5c-6.7 7-11.9 16.3-20.1 22.1-.5.6-1.1 1.1-1.6 1.7-1.1 1.1-2.2 2.2-3.4 3.1-.4.3-.9.5-1.3.8-1.9 2.4-.7 4.3.6 5.9.3.4.7.8 1 1.2 6.8 5.8 16 8.1 22.9 13.8.6.4 1.2.9 1.8 1.4 2.9 2.4 5.3 5.6 6.8 10.2.3.8.7 1.6 1 2.4V51.6 2.2z" class="st0"/>
              </svg>
            </div>
            <div class="gable-shad-right">
              <svg viewBox="0 0 30 60">
                <path d="M35.2 2.2c-1.1-.5-1.9-1.1-2.5-2-1.2 1.2-2.5 2.3-3.7 3.5l-1.5 1.5c-6.7 7-11.9 16.3-20.1 22.1-.5.6-1.1 1.1-1.6 1.7-1.1 1.1-2.2 2.2-3.4 3.1-.4.3-.9.5-1.3.8-1.9 2.4-.7 4.3.6 5.9.3.4.7.8 1 1.2 6.8 5.8 16 8.1 22.9 13.8.6.4 1.2.9 1.8 1.4 2.9 2.4 5.3 5.6 6.8 10.2.3.8.7 1.6 1 2.4V51.6 2.2z" class="st0"/>
              </svg>
            </div>
            <div class="front-gable-left">
              <div class="front-gable-roof gab-roof-left">
                <div class="gab-roof-angle-left"></div>
                <div class="embossment-left">
                  <svg viewBox="0 0 32 12">

                      <path d="M14.1 10.8c-.2.2-.7.4-1.4.5-1.9.4-3.4-.6-4-2.5-.8-2.2.6-4.1 2.9-4.5.9-.2 1.6-.1 1.9 0-.1.4-.1.8-.2 1.3-.3-.1-.8-.1-1.4 0-1.3.2-2.1 1.2-1.7 2.7.4 1.3 1.3 2 2.5 1.7.4-.1.9-.2 1.1-.4l.3 1.2zM14.9 9.3c.4.2 1 .4 1.6.4.6 0 1-.3 1-.7 0-.4-.3-.7-1.1-1-1.1-.4-1.9-1-2-2-.1-1.2.9-2.2 2.7-2.1.9 0 1.5.2 1.9.5-.2.4-.3.8-.5 1.2-.3-.2-.8-.4-1.5-.4s-1.1.3-1.1.7c0 .4.4.6 1.3 1C18.6 7.3 19.1 8 19 9c-.1 1.2-1 2-2.5 2-.7 0-1.3-.2-1.7-.3 0-.5.1-.9.1-1.4zM19.9 9.5c.3.3.9.6 1.4.7.6.1 1-.1 1.1-.5.1-.4-.1-.7-.8-1.2-1-.6-1.6-1.3-1.5-2.3.1-1.2 1.4-1.9 3.2-1.5.8.2 1.4.6 1.8.9-.3.4-.5.7-.7 1.1-.3-.2-.7-.6-1.4-.7-.7-.2-1.1.1-1.2.4-.1.4.3.7 1.1 1.2 1.1.8 1.4 1.6 1.1 2.5-.4 1.1-1.4 1.7-2.9 1.4-.6-.1-1.2-.4-1.5-.7 0-.4.1-.9.3-1.3z" class="st0"/>
                    </svg>

                </div>
                <div class="gab-roof-angle-right"></div>
              </div>
              <div class="gable-roof-bottom"></div>
              <div class="gable-roof-foundation"></div>
              <div class="gable-facade">
                <div class="gable-inner">
                  <div class="gable-muntin-axis"></div>
                  <div class="gable-muntin-top"></div>
                  <div class="gable-muntin-mid"></div>
                  <div class="gable-muntin-bot"></div>
                </div>
                <div class="gable-window-outer">
                  <div class="gable-window-frame"></div>
                </div>
              </div>

              <div class="gable-sill"></div>
            </div>
            <div class="front-gable-ctr">
              <div class="front-gable-roof gab-roof-ctr">
                <div class="gab-roof-angle-left"></div>
                <div class="embossment-ctr">
                  <svg viewBox="0 0 32 12">

  <path d="M6.9 5.6c.5-.3 1.2-.5 2-.7 1.4-.4 2.4-.2 3.2.2.7.5 1.2 1.2 1.3 2.3.1 1.1-.1 2.1-.6 2.8-.5.7-1.3 1.2-2.3 1.5-.5.1-.9.2-1.3.3-.8-2.2-1.6-4.3-2.3-6.4zm2.7 5.5c.2 0 .5-.1.8-.2 1.6-.4 2.3-1.5 2.1-3.4-.2-1.6-1.3-2.5-3.3-2-.6.1-.9.3-1.2.4.6 1.7 1.1 3.5 1.6 5.2zM17.9 7.7c-.9-.1-1.7-.1-2.6-.1 0 .8 0 1.7.1 2.5.9 0 1.7 0 2.6.1 0 .2 0 .5-.1.7-1.1-.1-2.2-.1-3.2 0-.1-2.3-.3-4.6-.4-6.9 1.4-.1 2.7-.1 4.1 0 0 .2 0 .5-.1.7-1-.1-2-.1-3-.1 0 .7 0 1.4.1 2.2.9 0 1.8 0 2.6.1-.1.3-.1.5-.1.8zM20.2 11.3c-.2-2.4-.5-4.8-1.1-7.1.4 0 .7.1 1.1.1.2 1.2.4 2.4.5 3.5.1 1 .2 1.8.2 2.7.3-.7.8-1.5 1.3-2.3.6-1 1.3-2 2.1-3 .3.1.7.2 1 .3-1.6 1.9-3 3.9-4.2 5.9-.3 0-.6-.1-.9-.1z" class="st0"/>
</svg>
                </div>
                <div class="gab-roof-angle-right"></div>
              </div>
              <div class="gable-roof-bottom"></div>
              <div class="gable-roof-foundation"></div>
              <div class="gable-facade">
                <div class="gable-inner">
                  <div class="gable-muntin-axis"></div>
                  <div class="gable-muntin-top"></div>
                  <div class="gable-muntin-mid"></div>
                  <div class="gable-muntin-bot"></div>
                </div>
                <div class="gable-window-outer">
                  <div class="gable-window-frame"></div>
                </div>
              </div>

              <div class="gable-sill"></div>
            </div>
            <div class="front-gable-right">
              <div class="front-gable-roof gab-roof-right">
                <div class="gab-roof-angle-left"></div>
                <div class="embossment-right">

                  <svg viewBox="0 0 32 12">
                    <path d="M11 10.7c-.2.2-.7.5-1.4.6-1.6.4-3.2-.4-3.9-2.5-.7-2 .2-3.9 2.4-4.5.9-.2 1.5-.1 1.7 0 0 .3-.1.5-.1.8-.3-.1-.9-.2-1.4 0-1.6.4-2.4 1.7-1.8 3.4.5 1.6 1.6 2.4 3 2 .5-.1.9-.3 1.2-.5.1.2.2.4.3.7zM16.7 6.9c0 2.4-1.2 3.6-2.7 3.7-1.5.1-2.8-1.1-3.2-3.1-.4-2.1.7-3.8 2.7-4 2-.1 3.2 1.3 3.2 3.4zm-5 .4c.2 1.5 1.1 2.6 2.3 2.5 1.2-.1 1.8-1.4 1.8-3 0-1.4-.8-2.8-2.3-2.7-1.5.3-2 1.7-1.8 3.2zM17.6 10.4l.3-6.9c.3 0 .7 0 1 .1.7 1.2 1.3 2.4 1.8 3.7.4.9.6 1.6.8 2.4.1-.9.2-1.7.4-2.8.1-1 .3-2 .4-2.9.3 0 .6.1.9.1-.4 2.3-.8 4.5-1.2 6.8-.2 0-.5-.1-.7-.1-.4-1.2-.9-2.5-1.5-3.7-.4-.8-.8-1.6-1.1-2.4 0 .9 0 1.7-.1 2.8-.1 1-.1 2-.2 2.9h-.8zM24.7 4.4c1.2.3 2.5.6 3.7 1.1-.1.2-.2.5-.2.7-.9-.3-1.8-.6-2.7-.8-.2.7-.4 1.5-.6 2.2.8.2 1.6.4 2.4.7-.1.2-.2.5-.3.7-.8-.3-1.5-.5-2.3-.7-.3 1-.5 2-.8 3-.2-.1-.5-.1-.7-.2.5-2.2 1-4.4 1.5-6.7z" class="st0"/>
                  </svg>

                </div>
                <div class="gab-roof-angle-right"></div>
              </div>
              <div class="gable-roof-bottom"></div>
              <div class="gable-roof-foundation"></div>
              <div class="gable-facade">
                <div class="gable-inner">
                  <div class="gable-muntin-axis"></div>
                  <div class="gable-muntin-top"></div>
                  <div class="gable-muntin-mid"></div>
                  <div class="gable-muntin-bot"></div>
                </div>
                <div class="gable-window-outer">
                  <div class="gable-window-frame"></div>
                </div>
              </div>
              <div class="gable-sill"></div>
            </div>
          </div>
          <svg width="100%" height="100%">
           <clipPath id="mansard-clipping">
              <polygon points="75 0,
                     72 10,
                     69 20,
                     65 30,
                     60 40,
                     54 50,
                     46 60,
                     38 70,
                     30 80,
                     20 90,
                    10 100,  412 100, 395 90, 380 80, 375 70, 367 60, 361 50, 356 40, 349 30, 346 20, 340 10, 336 0, 74 00">
              </polygon>
           </clipPath>
          </svg>

          <div class="mansard-roof-container mansard-clip-link">

            <div class="peach-ctr-shingles-top">
              <div id="pch-shing91" class="pch-blue-shing"></div>
              <div id="pch-shing92" class="pch-pink-shing"></div>
              <div id="pch-shing93" class="pch-tan-shing"></div>
              <div id="pch-shing94" class="pch-pink-shing"></div>
              <div id="pch-shing95" class="pch-tan-shing"></div>
              <div id="pch-shing96" class="pch-blue-shing"></div>
              <div id="pch-shing97" class="pch-pink-shing"></div>
              <div id="pch-shing98" class="pch-pink-shing"></div>
              <div id="pch-shing99" class="pch-pink-shing"></div>
              <div id="pch-shing100" class="pch-blue-shing"></div>
              <div id="pch-shing101" class="pch-blue-shing"></div>
              <div id="pch-shing102" class="pch-pink-shing"></div>
              <div id="pch-shing103" class="pch-tan-shing"></div>
              <div id="pch-shing104" class="pch-pink-shing"></div>
              <div id="pch-shing105" class="pch-blue-shing"></div>
              <div id="pch-shing106" class="pch-blue-shing"></div>
              <div id="pch-shing107" class="pch-tan-shing"></div>
              <div id="pch-shing108" class="pch-pink-shing"></div>
              <div id="pch-shing109" class="pch-blue-shing"></div>
              <div id="pch-shing110" class="pch-blue-shing"></div>
            </div>

            <div class="peach-ctr-shingles-mid">
              <span id="pch-shing56" class="pch-tan-shing"></span>
              <span id="pch-shing57" class="pch-blue-shing"></span>
              <span id="pch-shing58" class="pch-pink-shing"></span>
              <span id="pch-shing59" class="pch-tan-shing"></span>
              <span id="pch-shing60" class="pch-pink-shing"></span>
              <span id="pch-shing61" class="pch-tan-shing"></span>
              <span id="pch-shing62" class="pch-pink-shing"></span>
              <span id="pch-shing63" class="pch-tan-shing"></span>
              <span id="pch-shing64" class="pch-tan-shing"></span>
              <span id="pch-shing65" class="pch-tan-shing"></span>
              <span id="pch-shing66" class="pch-blue-shing"></span>
              <span id="pch-shing67" class="pch-blue-shing"></span>
              <span id="pch-shing68" class="pch-tan-shing"></span>
              <span id="pch-shing69" class="pch-tan-shing"></span>
              <span id="pch-shing70" class="pch-tan-shing"></span>
              <span id="pch-shing71" class="pch-tan-shing"></span>
              <span id="pch-shing72" class="pch-blue-shing"></span>
              <span id="pch-shing73" class="pch-tan-shing"></span>
              <span id="pch-shing74" class="pch-tan-shing"></span>
              <span id="pch-shing75" class="pch-blue-shing"></span>
              <span id="pch-shing76" class="pch-pink-shing"></span>
              <span id="pch-shing77" class="pch-tan-shing"></span>
              <span id="pch-shing78" class="pch-pink-shing"></span>
              <span id="pch-shing79" class="pch-tan-shing"></span>
              <span id="pch-shing80" class="pch-tan-shing"></span>
              <span id="pch-shing81" class="pch-tan-shing"></span>
              <span id="pch-shing82" class="pch-blue-shing"></span>
              <span id="pch-shing83" class="pch-tan-shing"></span>
              <span id="pch-shing84" class="pch-tan-shing"></span>
              <span id="pch-shing85" class="pch-tan-shing"></span>
              <span id="pch-shing86" class="pch-pink-shing"></span>
              <span id="pch-shing87" class="pch-tan-shing"></span>
              <span id="pch-shing88" class="pch-blue-shing"></span>
              <span id="pch-shing89" class="pch-tan-shing"></span>
              <span id="pch-shing90" class="pch-tan-shing"></span>
            </div>

            <div class="peach-ctr-shingles-bot">
              <span id="pch-shing1" class="pch-blue-shing"></span>
              <span id="pch-shing2" class="pch-pink-shing"></span>
              <span id="pch-shing3" class="pch-blue-shing"></span>
              <span id="pch-shing4" class="pch-tan-shing"></span>
              <span id="pch-shing5" class="pch-pink-shing"></span>
              <span id="pch-shing6" class="pch-tan-shing"></span>
              <span id="pch-shing7" class="pch-blue-shing"></span>
              <span id="pch-shing8" class="pch-blue-shing"></span>
              <span id="pch-shing9" class="pch-tan-shing"></span>
              <span id="pch-shing10" class="pch-blue-shing"></span>
              <span id="pch-shing11" class="pch-blue-shing"></span>
              <span id="pch-shing12" class="pch-pink-shing"></span>
              <span id="pch-shing13" class="pch-tan-shing"></span>
              <span id="pch-shing14" class="pch-tan-shing"></span>
              <span id="pch-shing15" class="pch-pink-shing"></span>
              <span id="pch-shing16" class="pch-tan-shing"></span>
              <span id="pch-shing17" class="pch-blue-shing"></span>
              <span id="pch-shing18" class="pch-pink-shing"></span>
              <span id="pch-shing19" class="pch-tan-shing"></span>
              <span id="pch-shing20" class="pch-blue-shing"></span>
              <span id="pch-shing21" class="pch-blue-shing"></span>
              <span id="pch-shing22" class="pch-pink-shing"></span>
              <span id="pch-shing23" class="pch-tan-shing"></span>
              <span id="pch-shing24" class="pch-tan-shing"></span>
              <span id="pch-shing25" class="pch-pink-shing"></span>
              <span id="pch-shing26" class="pch-tan-shing"></span>
              <span id="pch-shing27" class="pch-blue-shing"></span>
              <span id="pch-shing28" class="pch-pink-shing"></span>
              <span id="pch-shing29" class="pch-tan-shing"></span>
              <span id="pch-shing30" class="pch-tan-shing"></span>
              <span id="pch-shing31" class="pch-tan-shing"></span>
              <span id="pch-shing32" class="pch-pink-shing"></span>
              <span id="pch-shing33" class="pch-blue-shing"></span>
              <span id="pch-shing34" class="pch-tan-shing"></span>
              <span id="pch-shing35" class="pch-pink-shing"></span>
              <span id="pch-shing36" class="pch-tan-shing"></span>
              <span id="pch-shing37" class="pch-blue-shing"></span>
              <span id="pch-shing38" class="pch-pink-shing"></span>
              <span id="pch-shing39" class="pch-tan-shing"></span>
              <span id="pch-shing40" class="pch-blue-shing"></span>
              <span id="pch-shing41" class="pch-blue-shing"></span>
              <span id="pch-shing42" class="pch-pink-shing"></span>
              <span id="pch-shing43" class="pch-tan-shing"></span>
              <span id="pch-shing44" class="pch-tan-shing"></span>
              <span id="pch-shing45" class="pch-pink-shing"></span>
              <span id="pch-shing46" class="pch-tan-shing"></span>
              <span id="pch-shing47" class="pch-blue-shing"></span>
              <span id="pch-shing48" class="pch-pink-shing"></span>
              <span id="pch-shing49" class="pch-tan-shing"></span>
              <span id="pch-shing50" class="pch-tan-shing"></span>
              <span id="pch-shing51" class="pch-tan-shing"></span>
              <span id="pch-shing52" class="pch-pink-shing"></span>
              <span id="pch-shing53" class="pch-blue-shing"></span>
              <span id="pch-shing54" class="pch-tan-shing"></span>
              <span id="pch-shing55" class="pch-pink-shing"></span>

            </div>


          </div>
        </div>


        <div class="peach-gutter-top-container">

          <div class="peach-gutter-top">
            <!-- <div class="peach-gutter-awning"></div> -->
            <div class="peach-gutter-top-lip"></div>
            <div class="peach-gutter-mid"></div>

            <div class="peach-gutter-deco-row">
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>

              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>
              <div class="deco-box">
                <span class="deco-box-top"></span>
                <span class="deco-box-bot"></span>
              </div>

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

        <div class="peach-gutter-base">
          <div class="peach-gutter-base-top"></div>
          <div class="peach-gutter-base-bot"></div>
        </div>

        <div class="peach-facade">
          <svg id="pch-brick-pattern" viewBox="0 0 412 455">

           <path d="M25.5 0v17M107.5 0v17M188.5 0v17M270.5 0v17M352.5 0v17M68.5 18v17M150.5 18v17M231.5 18v17M313.5 18v17M395.5 18v17M0 17.5h412M0 35.5h412M25.5 35v17M107.5 35v17M188.5 35v17M270.5 35v17M352.5 35v17M68.5 53v17M150.5 53v17M231.5 53v17M313.5 53v17M395.5 53v17M0 52.5h412M0 70.5h412M25.5 70v17M107.5 70v17M188.5 70v17M270.5 70v17M352.5 70v17M68.5 88v17M150.5 88v17M231.5 88v17M313.5 88v17M395.5 88v17M0 87.5h412M0 105.5h412M25.5 105v17M107.5 105v17M188.5 105v17M270.5 105v17M352.5 105v17M68.5 123v17M150.5 123v17M231.5 123v17M313.5 123v17M395.5 123v17M0 122.5h412M0 140.5h412M25.5 140v17M107.5 140v17M188.5 140v17M270.5 140v17M352.5 140v17M68.5 158v17M150.5 158v17M231.5 158v17M313.5 158v17M395.5 158v17M0 157.5h412M0 175.5h412M25.5 175v17M107.5 175v17M188.5 175v17M270.5 175v17M352.5 175v17M68.5 193v17M150.5 193v17M231.5 193v17M313.5 193v17M395.5 193v17M0 192.5h412M0 210.5h412M25.5 210v17M107.5 210v17M188.5 210v17M270.5 210v17M352.5 210v17M68.5 228v17M150.5 228v17M231.5 228v17M313.5 228v17M395.5 228v17M0 227.5h412M0 245.5h412M25.5 245v17M107.5 245v17M188.5 245v17M270.5 245v17M352.5 245v17M68.5 263v17M150.5 263v17M231.5 263v17M313.5 263v17M395.5 263v17M0 262.5h412M0 280.5h412M25.5 280v17M107.5 280v17M188.5 280v17M270.5 280v17M352.5 280v17M68.5 298v17M150.5 298v17M231.5 298v17M313.5 298v17M395.5 298v17M0 297.5h412M0 315.5h412M25.5 315v17M107.5 315v17M188.5 315v17M270.5 315v17M352.5 315v17M68.5 333v17M150.5 333v17M231.5 333v17M313.5 333v17M395.5 333v17M0 332.5h412M0 350.5h412M25.5 350v17M107.5 350v17M188.5 350v17M270.5 350v17M352.5 350v17M68.5 368v17M150.5 368v17M231.5 368v17M313.5 368v17M395.5 368v17M0 367.5h412M0 385.5h412M25.5 385v17M107.5 385v17M188.5 385v17M270.5 385v17M352.5 385v17M68.5 403v17M150.5 403v17M231.5 403v17M313.5 403v17M395.5 403v17M0 402.5h412M0 420.5h412M25.5 420v17M107.5 420v17M188.5 420v17M270.5 420v17M352.5 420v17M68.5 438v17M150.5 438v17M231.5 438v17M313.5 438v17M395.5 438v17M0 437.5h412"/>
         </svg>



          <div class="pch-floor-3">
            <div class="pch-f3-window-left">
              <div class="pch-closed-window-trim-top"></div>
              <div class="pch-closed-window-trim-base"></div>
              <div class="pch-f3-rail">
                <svg id="pch-f3-rail-vector" viewBox="0 0 85 33">
                  <path d="M3.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4"/>
                  <path d="M3.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M7.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M7.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M11.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M11.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M15.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M15.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M19.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M19.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M23.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M23.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M27.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M27.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M31.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M31.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M35.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M35.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M39.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M39.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M43.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M43.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M47.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M47.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M51.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M51.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M55.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M55.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M59.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M59.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M63.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4"/>
                  <path d="M63.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M67.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M67.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M71.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M71.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M75.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M75.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M79.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M83.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M79.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M83.1 19.1c0-6.2 1.4-4.2 1.4-12.4 0 8.1-1.4 6.3-1.4 12.4 0 6.1 1.4 5.4 1.4 13.4M84.3 5.9c-4.3 0-5.1-4.6-8.1-4.6-3.3 0-5.7 4.6-9.8 4.6"/>
                  <path d="M84.3 1.2c-4.3 0-4.2 4.6-8.1 4.6-3.3 0-5.7-4.8-9.7-4.8M66.5 1.1c-4.3 0-4.4 4.9-8.4 4.9-3.3 0-5.5-4.7-9.6-4.7"/>
                  <path d="M66.5 5.8c-4.3 0-4.8-4.6-8.3-4.6-2.6 0-5.6 4.5-9.7 4.5M12.4 5.9c4.3 0 5.1-4.6 8.2-4.6 3.3 0 5.8 4.6 9.9 4.6"/>
                  <path d="M12.4 1.2c4.3 0 4.3 4.6 8.2 4.6 3.3 0 5.8-4.8 9.8-4.8M30.4 1.1c4.3 0 4.5 4.9 8.5 4.9 3.4 0 5.6-4.7 9.7-4.7"/>
                  <path d="M30.4 5.8c4.3 0 4.9-4.6 8.4-4.6 2.6 0 5.6 4.5 9.8 4.5M12.8 1.2c-2.8 0-3.6 2.2-5.5 3.6-2.4 1.8-4.7.7-6.8-1"/>
                  <path class="f2-bannister" d="M12.8 5.9c-2.8 0-3.9-2.2-5.9-3.6C4.6.5 2.6 1.5.5 3.1M0 6.5h84"/>
                  <path class="f2-bannister" d="M.5.5h84v32H.5z"/>
                </svg>


              </div>
              <div class="pch-closed-door">

                <div class="pch-closed-door-frame frame-f3-left">
                  <div class="pch-closed-door-panel-f3-left"></div>
                  <div class="pch-closed-door-panel-f3-left"></div>
                  <div class="pch-closed-door-panel-f3-left"></div>
                  <div class="pch-closed-door-panel-f3-left"></div>
                  <div class="pch-closed-door-panel-f3-left"></div>
                  <div class="pch-closed-door-panel-f3-left"></div>
                </div>
              </div>
              <div class="pch-f3-deck-container">
                <div class="pch-f3-deck-top"></div>
                <div class="pch-f3-deck-bot"></div>


                <!-- pch-f3-shad-left SVG-->


              </div>
            </div>
            <div class="pch-f3-window-ctr">
              <div class="pch-closed-window-trim-top"></div>
              <div class="pch-closed-window-trim-base"></div>
              <div class="pch-f3-rail">
                <svg id="pch-f3-rail-vector" viewBox="0 0 85 33">
                  <path d="M3.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4"/>
                  <path d="M3.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M7.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M7.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M11.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M11.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M15.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M15.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M19.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M19.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M23.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M23.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M27.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M27.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M31.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M31.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M35.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M35.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M39.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M39.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M43.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M43.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M47.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M47.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M51.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M51.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M55.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M55.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M59.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M59.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M63.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4"/>
                  <path d="M63.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M67.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M67.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M71.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M71.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M75.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M75.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M79.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M83.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M79.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M83.1 19.1c0-6.2 1.4-4.2 1.4-12.4 0 8.1-1.4 6.3-1.4 12.4 0 6.1 1.4 5.4 1.4 13.4M84.3 5.9c-4.3 0-5.1-4.6-8.1-4.6-3.3 0-5.7 4.6-9.8 4.6"/>
                  <path d="M84.3 1.2c-4.3 0-4.2 4.6-8.1 4.6-3.3 0-5.7-4.8-9.7-4.8M66.5 1.1c-4.3 0-4.4 4.9-8.4 4.9-3.3 0-5.5-4.7-9.6-4.7"/>
                  <path d="M66.5 5.8c-4.3 0-4.8-4.6-8.3-4.6-2.6 0-5.6 4.5-9.7 4.5M12.4 5.9c4.3 0 5.1-4.6 8.2-4.6 3.3 0 5.8 4.6 9.9 4.6"/>
                  <path d="M12.4 1.2c4.3 0 4.3 4.6 8.2 4.6 3.3 0 5.8-4.8 9.8-4.8M30.4 1.1c4.3 0 4.5 4.9 8.5 4.9 3.4 0 5.6-4.7 9.7-4.7"/>
                  <path d="M30.4 5.8c4.3 0 4.9-4.6 8.4-4.6 2.6 0 5.6 4.5 9.8 4.5M12.8 1.2c-2.8 0-3.6 2.2-5.5 3.6-2.4 1.8-4.7.7-6.8-1"/>
                  <path class="f2-bannister" d="M12.8 5.9c-2.8 0-3.9-2.2-5.9-3.6C4.6.5 2.6 1.5.5 3.1M0 6.5h84"/>
                  <path class="f2-bannister" d="M.5.5h84v32H.5z"/>
                </svg>
              </div>
              <div class="pch-closed-door">
                <div class="pch-closed-door-frame frame-f3-ctr">
                  <div class="pch-closed-door-panel-f3-ctr"></div>
                  <div class="pch-closed-door-panel-f3-ctr"></div>
                  <div class="pch-closed-door-panel-f3-ctr"></div>
                  <div class="pch-closed-door-panel-f3-ctr"></div>
                  <div class="pch-closed-door-panel-f3-ctr"></div>
                  <div class="pch-closed-door-panel-f3-ctr"></div>
                </div>
              </div>
              <div class="pch-f3-deck-container">
                <div class="pch-f3-deck-top"></div>
                <div class="pch-f3-deck-bot"></div>
              </div>
            </div>
            <div class="pch-f3-window-right">
              <div class="pch-closed-window-trim-top"></div>
              <div class="pch-closed-window-trim-base"></div>
              <div class="pch-f3-rail">
                <svg id="pch-f3-rail-vector" viewBox="0 0 85 33">
                  <path d="M3.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4"/>
                  <path d="M3.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M7.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M7.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M11.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M11.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M15.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M15.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M19.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M19.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M23.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M23.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M27.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M27.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M31.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M31.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M35.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M35.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M39.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M39.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M43.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M43.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M47.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M47.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M51.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M51.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M55.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M55.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M59.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M59.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M63.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4"/>
                  <path d="M63.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M67.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M67.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M71.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M71.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M75.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M75.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M79.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M83.1 19.1c0-6.2-2-4.2-2-12.4 0 8.1 1.9 6.3 2 12.4 0 6.1-2 5.4-2 13.4M79.1 19.1c0-6.2 2-4.2 2-12.4 0 8.1-2 6.3-2 12.4 0 6.1 2 5.4 2 13.4M83.1 19.1c0-6.2 1.4-4.2 1.4-12.4 0 8.1-1.4 6.3-1.4 12.4 0 6.1 1.4 5.4 1.4 13.4M84.3 5.9c-4.3 0-5.1-4.6-8.1-4.6-3.3 0-5.7 4.6-9.8 4.6"/>
                  <path d="M84.3 1.2c-4.3 0-4.2 4.6-8.1 4.6-3.3 0-5.7-4.8-9.7-4.8M66.5 1.1c-4.3 0-4.4 4.9-8.4 4.9-3.3 0-5.5-4.7-9.6-4.7"/>
                  <path d="M66.5 5.8c-4.3 0-4.8-4.6-8.3-4.6-2.6 0-5.6 4.5-9.7 4.5M12.4 5.9c4.3 0 5.1-4.6 8.2-4.6 3.3 0 5.8 4.6 9.9 4.6"/>
                  <path d="M12.4 1.2c4.3 0 4.3 4.6 8.2 4.6 3.3 0 5.8-4.8 9.8-4.8M30.4 1.1c4.3 0 4.5 4.9 8.5 4.9 3.4 0 5.6-4.7 9.7-4.7"/>
                  <path d="M30.4 5.8c4.3 0 4.9-4.6 8.4-4.6 2.6 0 5.6 4.5 9.8 4.5M12.8 1.2c-2.8 0-3.6 2.2-5.5 3.6-2.4 1.8-4.7.7-6.8-1"/>
                  <path class="f2-bannister" d="M12.8 5.9c-2.8 0-3.9-2.2-5.9-3.6C4.6.5 2.6 1.5.5 3.1M0 6.5h84"/>
                  <path class="f2-bannister" d="M.5.5h84v32H.5z"/>
                </svg>

              </div>
              <div class="pch-closed-door">
                <div class="pch-closed-door-frame frame-f3-right">
                  <div class="pch-closed-door-panel-f3-right"></div>
                  <div class="pch-closed-door-panel-f3-right"></div>
                  <div class="pch-closed-door-panel-f3-right"></div>
                  <div class="pch-closed-door-panel-f3-right"></div>
                  <div class="pch-closed-door-panel-f3-right"></div>
                  <div class="pch-closed-door-panel-f3-right"></div>
                </div>
              </div>
              <div class="pch-f3-deck-container">
                <div class="pch-f3-deck-top"></div>
                <div class="pch-f3-deck-bot"></div>
              </div>

            </div>
          </div>

          <div class="pch-floor-2">
            <div class="pch-f3-shad-left">
              <svg viewBox="0 0 115 86">
              <style>
              .st0{fill:url(#SVGID_2_);}
               .st1{opacity:0.3;fill:url(#SVGID_1_);}
              </style>

              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9" y1="42.2188" x2="23" y2="42.2188">
  	<stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
  	<stop  offset="1" style="stop-color:#000000"/>
  </linearGradient>
  <path class="st1" d="M3.6,64.8C10.1,54.8,16.5,44.9,23,35V0c-3.9,6-7.8,12-11.7,18C4.6,28.4-2.2,38.8-9,49.2v35.2
  	C-2.3,74,2.8,66,3.6,64.8z"/>
  <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="48.3247" y1="85" x2="48.3247" y2="35.6318">
  	<stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
  	<stop  offset="1" style="stop-color:#000000;stop-opacity:0.6"/>
  </linearGradient>
  <path class="st0" d="M82.5,72.1c7.9-12.2,15.8-24.3,23.7-36.4H22.7c-6,9.1-10.4,15.9-11.1,17C10.4,54.4,1.1,68.8-9.5,85h83.6
  	C76.9,80.7,79.7,76.4,82.5,72.1z"/>
  </svg>

            </div>
            <div class="pch-f3-shad-ctr">
              <svg viewBox="0 0 115 86">
              <style>
              .st0{fill:url(#SVGID_2_);}
               .st1{opacity:0.3;fill:url(#SVGID_1_);}
              </style>

              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9" y1="42.2188" x2="23" y2="42.2188">
  	<stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
  	<stop  offset="1" style="stop-color:#000000"/>
  </linearGradient>
  <path class="st1" d="M3.6,64.8C10.1,54.8,16.5,44.9,23,35V0c-3.9,6-7.8,12-11.7,18C4.6,28.4-2.2,38.8-9,49.2v35.2
  	C-2.3,74,2.8,66,3.6,64.8z"/>
  <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="48.3247" y1="85" x2="48.3247" y2="35.6318">
  	<stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
  	<stop  offset="1" style="stop-color:#000000;stop-opacity:0.6"/>
  </linearGradient>
  <path class="st0" d="M82.5,72.1c7.9-12.2,15.8-24.3,23.7-36.4H22.7c-6,9.1-10.4,15.9-11.1,17C10.4,54.4,1.1,68.8-9.5,85h83.6
  	C76.9,80.7,79.7,76.4,82.5,72.1z"/>
  </svg>

            </div>
            <div class="pch-f3-shad-right">
              <svg viewBox="0 0 115 86">
              <style>
              .st0{fill:url(#SVGID_2_);}
               .st1{opacity:0.3;fill:url(#SVGID_1_);}
              </style>

              <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-9" y1="42.2188" x2="23" y2="42.2188">
    <stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
    <stop  offset="1" style="stop-color:#000000"/>
  </linearGradient>
  <path class="st1" d="M3.6,64.8C10.1,54.8,16.5,44.9,23,35V0c-3.9,6-7.8,12-11.7,18C4.6,28.4-2.2,38.8-9,49.2v35.2
    C-2.3,74,2.8,66,3.6,64.8z"/>
  <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="48.3247" y1="85" x2="48.3247" y2="35.6318">
    <stop  offset="0" style="stop-color:#000000;stop-opacity:0"/>
    <stop  offset="1" style="stop-color:#000000;stop-opacity:0.6"/>
  </linearGradient>
  <path class="st0" d="M82.5,72.1c7.9-12.2,15.8-24.3,23.7-36.4H22.7c-6,9.1-10.4,15.9-11.1,17C10.4,54.4,1.1,68.8-9.5,85h83.6
    C76.9,80.7,79.7,76.4,82.5,72.1z"/>
  </svg>

            </div>
            <div class="pch-f2-windows-group">
              <div class="pch-f2-window-left">
                <div class="pch-f2-awning-top-container"></div>
                <div class="pch-f2-awning-base-container"></div>

                <div class="pch-f2-shutter-board win-l-side-left">
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                </div>

                <div class="pch-f2-shutter-board win-l-side-right">
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                </div>
                <div id="pch-f2-curtain-left">
                  <svg viewBox="0 0 53 119">
                    <path d="M53 119H0V0h53v119z" class="f2-curt-l-0"/>
                    <path d="M14.5 0v39.5C13 56 13 73 12.9 89.3v1.3c.1 7.6.3 15.2.5 22.6 0 .4.1.9.1 1.3.1 1.3.3 2.6.4 3.8M29.5-1v36.3C28 53 28 72 27.8 90.1v1.3c.1 5.2.3 10.3.8 15.3 0 .4 0 .8.1 1.2.1 3.1.3 6.2.5 9.3" class="f2-curt-l-2"/>
                    <path d="M0 56.6s3.2 2.1 8.3-.3c2.5-2 5.2-2.3 8.5.3s12.2 0 12.2 0 2-.6 4.7-1.1c.2 0 .5-.1.7-.1C40 52 44 49 48.3 56.2l1.2.3c2 .3 3.4 0 3.4 0" class="f2-curt-l-2"/>
                    <path d="M0 28.6s3.2 2.1 8.3-.3c2.5-2 5.2-2.3 8.5.3s12.2 0 12.2 0 2-.6 4.7-1.1c.2 0 .5-.1.7-.1C39 25 44 23 48.3 28.2l1.2.3c2 .3 3.4 0 3.4 0M0 80.6s3.2 2.1 8.3-.3c2.5-2 5.2-2.3 8.5.3s12.2 0 12.2 0 1.1-.3 2.7-.7c.4-.1.8-.2 1.3-.3 4-3.6 10-5.6 13.7-1.1.3.2.6.4 1 .6.6.4 1.3.9 1.9 1.4.4.1.8.1 1.1.1 1.4.1 2.3-.1 2.3-.1" class="f2-curt-l-1"/>
                  </svg>
                </div>


                <div class="pch-f2-munt-container-left">
                  <div class="pch-muntin-vert-left pch-munt"></div>
                  <div class="pch-muntin-vert-right pch-munt"></div>
                  <div class="pch-muntin-horiz-thin1 pch-munt"></div>
                  <div class="pch-muntin-horiz-thick pch-munt"></div>
                  <div class="pch-muntin-horiz-thin2 pch-munt"></div>
                </div>
                <div class="pch-f2-window-frame"></div>

              </div>

              <div class="pch-f2-window-ctr">
                <div class="pch-f2-awning-top-container"></div>
                <div class="pch-f2-awning-base-container"></div>

                <div class="pch-f2-shutter-board win-l-side-left">
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                </div>

                <div class="pch-f2-shutter-board win-l-side-right">
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                </div>
                <div id="pch-f2-curtain-ctr">
                  <svg viewBox="0 0 53 119">
                    <path d="M52.7 0H0v64.1c5.1.5 10.7.8 15-2.1 1.6-1 3-2.2 4.4-3.5l.8-.8c.8-.8 1.6-1.6 2.3-2.5.3-.3.5-.6.8-.9C32 43 35 28 35.2 14.3c.1-.6.2-.7.3-.6.1.3.2 1.6.2 2.3v.3c.3 7.7.3 15.7 3 22.6.1.3.1.7.2 1 .2.1.3.2.5.3.6-.4 1.3-.8 1.6-1.4.7-1.4 2.1-1.7 3-1 .2.2.4.4.6.7C45 43 46 50 50 47c1.1-.7 1.9-1.6 2.5-2.6 0-14.8 0-29.6.2-44.4z" class="f2-curt-c-0"/>
                    <path d="M14.5 0C12 21 15 41 13.2 61.8M29.5-1v11c.5 11-1.5 23-1.6 34.3" class="f2-curt-c-1"/>
                    <path d="M0 56.6C4 57 7 57 11 55c3-1 6 0 8.3 2.6" class="f2-curt-c-1"/>
                    <path d="M37.1 26c5.4-2.4 9.8 2.7 14.9 2.8M0 28.6C3 28 6 30 10 28s7 1 11 2c.3.1.6.1.9.1.3 0 .6.1.9.1C27 31 30 27 33.7 27.3" class="f2-curt-c-2"/>                </svg>
                </div>

                <div class="pch-f2-munt-container-left">
                  <div class="pch-muntin-vert-left pch-munt"></div>
                  <div class="pch-muntin-vert-right pch-munt"></div>
                  <div class="pch-muntin-horiz-thin1 pch-munt"></div>
                  <div class="pch-muntin-horiz-thick pch-munt"></div>
                  <div class="pch-muntin-horiz-thin2 pch-munt"></div>
                </div>

                <div class="pch-f2-window-frame"></div>
              </div>

              <div class="pch-f2-window-right">
                <div class="pch-f2-awning-top-container"></div>
                <div class="pch-f2-awning-base-container"></div>

                <div class="pch-f2-shutter-board win-l-side-left">
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                </div>

                <div class="pch-f2-shutter-board win-l-side-right">
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                  <div class="pch-f2-shutter-pane"></div>
                </div>
                <div id="pch-f2-curtain-right">
                  <svg viewBox="0 0 53 119">
                    <path d="M29.3 68.6c2.3 3.7 5.1 7.4 9 9.3 2.8 1.4 6.4 2.2 9.7 1.7.8-.2 1.7-.5 2.5-.9.9-.8 1.6-1.7 2.2-2.7.1-.2.2-.4.3-.5V0H0v55.9c1.1.1 2.2 0 3.2.5 1.3.7 2.1 1 2.9-.6.4-.9.8-1.7 1.3-2.5.4-.6 1.1-.7 1.7-.9.2-1.7.6-4.8 1-4.1.1.2.2.3.3.5.1.2.3.3.5.2 0-2.8.2-5.3 1.3-5.8 1-.4 1.5-1 1.7-2 .1-.2.2-.2.3 0 .1-.8.2-1.7.3-2.5 0 .2.5-3.1.9-1.9 2.5 7.7 4.9 15.1 8.5 22.3 1.6 3.3 3.6 6.4 5.4 9.5z" class="f2-curt-r-0"/>
                    <path d="M14.5 0v36.9M29.5 0c-1.5 23 .5 45 0 67.7M21.3 51.7C32 50 43 46 53 50.6M0 50.6c2.8 1.6 6.5.9 9.1-.9" class="f2-curt-r-1"/>
                    <path d="M0 23.6s3.2 2.1 8.3-.3c2.5-2 5.2-2.3 8.5.3s12.2 0 12.2 0 13-3.6 16.7-1.4 7.4 1.4 7.4 1.4M35.2 74.1c5.7-1.1 11.5.7 17.2 1.3" class="f2-curt-r-2"/>
                  </svg>
                </div>







                <div class="pch-f2-munt-container-left">
                  <div class="pch-muntin-vert-left pch-munt"></div>
                  <div class="pch-muntin-vert-right pch-munt"></div>
                  <div class="pch-muntin-horiz-thin1 pch-munt"></div>
                  <div class="pch-muntin-horiz-thick pch-munt"></div>
                  <div class="pch-muntin-horiz-thin2 pch-munt"></div>
                </div>

                <div class="pch-f2-window-frame"></div>

              </div>
              <div class="pch-f2-rail">

                <svg id="pch-f2-vector" viewBox="-2 2 393 42">
                  <path d="M17.1 4.4c0 9.6 5.9 17.3 13.2 17.3M17.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M2.3 3.7h386.5v36.5M1.8 2.2v37M3.3 33.7h387M3.3 10.7h387"/>
                  <path d="M108.8 10.1c-5.4 0-6.4-5.6-10.2-5.6-4.2 0-7.2 5.5-12.3 5.5"/>
                  <path d="M108.8 4.5c-5.4 0-5.4 5.5-10.2 5.6-4.2 0-7.2-5.8-12.3-5.8M86.3 4.3c-5.4 0-5.6 5.9-10.7 5.9-4.2 0-6.9-5.6-12.1-5.6"/>
                  <path d="M86.3 10c-5.4 0-6.1-5.5-10.5-5.5-3.3 0-7.1 5.5-12.2 5.5M17.9 10.1c5.4 0 6.5-5.6 10.3-5.6 4.2 0 7.3 5.5 12.4 5.5"/>
                  <path d="M17.9 4.5c5.4 0 5.4 5.5 10.3 5.6 4.2 0 7.3-5.8 12.4-5.8M40.6 4.3c5.5 0 5.6 5.9 10.8 5.9 4.2 0 7-5.6 12.2-5.6"/>
                  <path d="M40.6 10c5.5 0 6.1-5.5 10.6-5.5 3.3 0 7.1 5.5 12.3 5.5M18.4 4.5c-3.5 0-4.5 2.7-7 4.4-3 2.2-5.9.9-8.5-1.2"/>
                  <path d="M18.4 10.1c-3.6 0-4.9-2.6-7.5-4.4-2.9-2-5.4-.8-8.1 1.1M108.8 10.1c5.4 0 6.4-5.6 10.2-5.6 4.2 0 7.2 5.5 12.3 5.5"/>
                  <path d="M108.8 4.5c5.4 0 5.4 5.5 10.2 5.6 4.2 0 7.2-5.8 12.3-5.8M131.3 4.3c5.4 0 5.6 5.9 10.7 5.9 4.2 0 6.9-5.6 12.1-5.6"/>
                  <path d="M131.3 10c5.4 0 6.1-5.5 10.5-5.5 3.3 0 7.1 5.5 12.2 5.5M199.6 10.1c-5.4 0-6.5-5.6-10.3-5.6-4.2 0-7.3 5.5-12.4 5.5"/>
                  <path d="M199.6 4.5c-5.4 0-5.4 5.5-10.3 5.6-4.2 0-7.3-5.8-12.4-5.8"/>
                  <path d="M176.9 4.3c-5.5 0-5.6 5.9-10.8 5.9-4.2 0-7-5.6-12.2-5.6"/>
                  <path d="M176.9 10c-5.5 0-6.1-5.5-10.6-5.5-3.3 0-7.1 5.5-12.3 5.5M199.2 4.5c3.5 0 4.5 2.7 7 4.4 3 2.2 5.9.9 8.5-1.2"/>
                  <path d="M199.2 10.1c3.6 0 4.9-2.6 7.5-4.4 2.9-2 5.4-.8 8.1 1.1M320.8 10.1c-5.4 0-6.4-5.6-10.2-5.6-4.2 0-7.2 5.5-12.3 5.5"/>
                  <path d="M320.8 4.5c-5.4 0-5.4 5.5-10.2 5.6-4.2 0-7.2-5.8-12.3-5.8M298.3 4.3c-5.4 0-5.6 5.9-10.7 5.9-4.2 0-6.9-5.6-12.1-5.6"/>
                  <path d="M298.3 10c-5.4 0-6.1-5.5-10.5-5.5-3.3 0-7.1 5.5-12.2 5.5M229.9 10.1c5.4 0 6.5-5.6 10.3-5.6 4.2 0 7.3 5.5 12.4 5.5"/>
                  <path d="M229.9 4.5c5.4 0 5.4 5.5 10.3 5.6 4.2 0 7.3-5.8 12.4-5.8"/>
                  <path d="M252.6 4.3c5.5 0 5.6 5.9 10.8 5.9 4.2 0 7-5.6 12.2-5.6"/>
                  <path d="M252.6 10c5.5 0 6.1-5.5 10.6-5.5 3.3 0 7.1 5.5 12.3 5.5M230.4 4.5c-3.5 0-4.5 2.7-7 4.4-3 2.2-5.9.9-8.5-1.2"/>
                  <path d="M230.4 10.1c-3.6 0-4.9-2.6-7.5-4.4-2.9-2-5.4-.8-8.1 1.1M320.8 10.1c5.4 0 6.4-5.6 10.2-5.6 4.2 0 7.2 5.5 12.3 5.5"/>
                  <path d="M320.8 4.5c5.4 0 5.4 5.5 10.2 5.6 4.2 0 7.2-5.8 12.3-5.8M343.3 4.3c5.4 0 5.6 5.9 10.7 5.9 4.2 0 6.9-5.6 12.1-5.6"/>
                  <path d="M343.3 10c5.4 0 6.1-5.5 10.5-5.5 3.3 0 7.1 5.5 12.2 5.5M388.9 4.3c-5.5 0-5.6 5.9-10.8 5.9-4.2 0-7-5.6-12.2-5.6"/>
                  <path d="M388.9 10c-5.5 0-6.1-5.5-10.6-5.5-3.3 0-7.1 5.5-12.3 5.5"/>
                  <path d="M28.8 4.2v36M.8 1.2v39"/>
                  <path d="M17.1 4.4c0 9.6-7 17.3-15.7 17.3M17.1 40.4c0-10.3-7-18.6-15.7-18.6M7.6 13.5l17.8 16"/>
                  <path d="M24.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M17.9 22.6l-.8 2-.8-2L14 22l2.3-.7.8-2 .8 1.9 2.4.7zM1.7 2.2L2.8 4M1.7 9.3l1.1 1.9M1.7 19.5l1.1 1.8M1.7 31.7l1.1 1.8M1.7 37.8l1.1 1.8"/>
                  <path d="M387.8 1.2v39"/>
                  <path d="M388.7 2.2l1.1 1.8M388.7 9.3l1.1 1.9M388.7 31.7l1.1 1.8M388.7 37.8l1.1 1.8M10.4 13l.2 3M11.4 14l.2 3M12.1 17.5l-3 .2M11.1 16.5l-3 .2M9.3 12l.2 3.1M10 15.6l-3 .1M26.3 13.5l-17.9 16"/>
                  <path d="M9.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M23.5 13l-.2 3M22.4 14l-.2 3M21.7 17.5l3 .2M22.8 16.5l3 .2M24.5 12l-.1 3.1M23.8 15.6l3 .1M44.1 4.4c0 9.6 5.9 17.3 13.2 17.3M44.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M55.8 4.2v36"/>
                  <path d="M44.1 4.4c0 9.6-7 17.3-15.7 17.3M44.1 40.4c0-10.3-7-18.6-15.7-18.6M34.6 13.5l17.8 16"/>
                  <path d="M51.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M44.9 22.6l-.8 2-.8-2L41 22l2.3-.7.8-2 .8 1.9 2.4.7zM37.4 13l.2 3M38.4 14l.2 3M39.1 17.5l-3 .2M38.1 16.5l-3 .2M36.3 12l.2 3.1M37 15.6l-3 .1M53.3 13.5l-17.9 16"/>
                  <path d="M36.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M50.5 13l-.2 3M49.4 14l-.2 3M48.7 17.5l3 .2M49.8 16.5l3 .2M51.5 12l-.1 3.1M50.8 15.6l3 .1M71.1 4.4c0 9.6 5.9 17.3 13.2 17.3M71.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M82.8 4.2v36"/>
                  <path d="M71.1 4.4c0 9.6-7 17.3-15.7 17.3M71.1 40.4c0-10.3-7-18.6-15.7-18.6M61.6 13.5l17.8 16"/>
                  <path d="M78.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M71.9 22.6l-.8 2-.8-2L68 22l2.3-.7.8-2 .8 1.9 2.4.7zM64.4 13l.2 3M65.4 14l.2 3M66.1 17.5l-3 .2M65.1 16.5l-3 .2M63.3 12l.2 3.1M64 15.6l-3 .1M80.3 13.5l-17.9 16"/>
                  <path d="M63.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M77.5 13l-.2 3M76.4 14l-.2 3M75.7 17.5l3 .2M76.8 16.5l3 .2M78.5 12l-.1 3.1M77.8 15.6l3 .1M100.1 4.4c0 9.6 5.9 17.3 13.2 17.3M100.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M111.8 4.2v36"/>
                  <path d="M100.1 4.4c0 9.6-7 17.3-15.7 17.3M100.1 40.4c0-10.3-7-18.6-15.7-18.6M90.6 13.5l17.8 16"/>
                  <path d="M107.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M100.9 22.6l-.8 2-.8-2L97 22l2.3-.7.8-2 .8 1.9 2.4.7zM93.4 13l.2 3M94.4 14l.2 3M95.1 17.5l-3 .2M94.1 16.5l-3 .2M92.3 12l.2 3.1M93 15.6l-3 .1M109.3 13.5l-17.9 16"/>
                  <path d="M92.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M106.5 13l-.2 3M105.4 14l-.2 3M104.7 17.5l3 .2M105.8 16.5l3 .2M107.5 12l-.1 3.1M106.8 15.6l3 .1M127.1 4.4c0 9.6 5.9 17.3 13.2 17.3M127.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M138.8 4.2v36"/>
                  <path d="M127.1 4.4c0 9.6-7 17.3-15.7 17.3M127.1 40.4c0-10.3-7-18.6-15.7-18.6M117.6 13.5l17.8 16"/>
                  <path d="M134.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M127.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM120.4 13l.2 3M121.4 14l.2 3M122.1 17.5l-3 .2M121.1 16.5l-3 .2M119.3 12l.2 3.1M120 15.6l-3 .1M136.3 13.5l-17.9 16"/>
                  <path d="M119.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M133.5 13l-.2 3M132.4 14l-.2 3M131.7 17.5l3 .2M132.8 16.5l3 .2M134.5 12l-.1 3.1M133.8 15.6l3 .1M154.1 4.4c0 9.6 5.9 17.3 13.2 17.3M154.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M165.8 4.2v36"/>
                  <path d="M154.1 4.4c0 9.6-7 17.3-15.7 17.3M154.1 40.4c0-10.3-7-18.6-15.7-18.6M144.6 13.5l17.8 16"/>
                  <path d="M161.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M154.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM147.4 13l.2 3M148.4 14l.2 3M149.1 17.5l-3 .2M148.1 16.5l-3 .2M146.3 12l.2 3.1M147 15.6l-3 .1M163.3 13.5l-17.9 16"/>
                  <path d="M146.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M160.5 13l-.2 3M159.4 14l-.2 3M158.7 17.5l3 .2M159.8 16.5l3 .2M161.5 12l-.1 3.1M160.8 15.6l3 .1M181.1 4.4c0 9.6 5.9 17.3 13.2 17.3M181.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M192.8 4.2v36"/>
                  <path d="M181.1 4.4c0 9.6-7 17.3-15.7 17.3M181.1 40.4c0-10.3-7-18.6-15.7-18.6M171.6 13.5l17.8 16"/>
                  <path d="M188.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M181.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM174.4 13l.2 3M175.4 14l.2 3M176.1 17.5l-3 .2M175.1 16.5l-3 .2M173.3 12l.2 3.1M174 15.6l-3 .1M190.3 13.5l-17.9 16"/>
                  <path d="M173.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M187.5 13l-.2 3M186.4 14l-.2 3M185.7 17.5l3 .2M186.8 16.5l3 .2M188.5 12l-.1 3.1M187.8 15.6l3 .1M210.1 4.4c0 9.6 5.9 17.3 13.2 17.3M210.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M221.8 4.2v36"/>
                  <path d="M210.1 4.4c0 9.6-7 17.3-15.7 17.3M210.1 40.4c0-10.3-7-18.6-15.7-18.6M200.6 13.5l17.8 16"/>
                  <path d="M217.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M210.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM203.4 13l.2 3M204.4 14l.2 3M205.1 17.5l-3 .2M204.1 16.5l-3 .2M202.3 12l.2 3.1M203 15.6l-3 .1M219.3 13.5l-17.9 16"/>
                  <path d="M202.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M216.5 13l-.2 3M215.4 14l-.2 3M214.7 17.5l3 .2M215.8 16.5l3 .2M217.5 12l-.1 3.1M216.8 15.6l3 .1M238.1 4.4c0 9.6 5.9 17.3 13.2 17.3M238.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M249.8 4.2v36"/>
                  <path d="M238.1 4.4c0 9.6-7 17.3-15.7 17.3M238.1 40.4c0-10.3-7-18.6-15.7-18.6M228.6 13.5l17.8 16"/>
                  <path d="M245.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M238.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM231.4 13l.2 3M232.4 14l.2 3M233.1 17.5l-3 .2M232.1 16.5l-3 .2M230.3 12l.2 3.1M231 15.6l-3 .1M247.3 13.5l-17.9 16"/>
                  <path d="M230.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M244.5 13l-.2 3M243.4 14l-.2 3M242.7 17.5l3 .2M243.8 16.5l3 .2M245.5 12l-.1 3.1M244.8 15.6l3 .1M265.1 4.4c0 9.6 5.9 17.3 13.2 17.3M265.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M276.8 4.2v36"/>
                  <path d="M265.1 4.4c0 9.6-7 17.3-15.7 17.3M265.1 40.4c0-10.3-7-18.6-15.7-18.6M255.6 13.5l17.8 16"/>
                  <path d="M272.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M265.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM258.4 13l.2 3M259.4 14l.2 3M260.1 17.5l-3 .2M259.1 16.5l-3 .2M257.3 12l.2 3.1M258 15.6l-3 .1M274.3 13.5l-17.9 16"/>
                  <path d="M257.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M271.5 13l-.2 3M270.4 14l-.2 3M269.7 17.5l3 .2M270.8 16.5l3 .2M272.5 12l-.1 3.1M271.8 15.6l3 .1M292.1 4.4c0 9.6 5.9 17.3 13.2 17.3M292.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M303.8 4.2v36"/>
                  <path d="M292.1 4.4c0 9.6-7 17.3-15.7 17.3M292.1 40.4c0-10.3-7-18.6-15.7-18.6M282.6 13.5l17.8 16"/>
                  <path d="M299.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M292.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM285.4 13l.2 3M286.4 14l.2 3M287.1 17.5l-3 .2M286.1 16.5l-3 .2M284.3 12l.2 3.1M285 15.6l-3 .1M301.3 13.5l-17.9 16"/>
                  <path d="M284.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M298.5 13l-.2 3M297.4 14l-.2 3M296.7 17.5l3 .2M297.8 16.5l3 .2M299.5 12l-.1 3.1M298.8 15.6l3 .1M321.1 4.4c0 9.6 5.9 17.3 13.2 17.3M321.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M332.8 4.2v36"/>
                  <path d="M321.1 4.4c0 9.6-7 17.3-15.7 17.3M321.1 40.4c0-10.3-7-18.6-15.7-18.6M311.6 13.5l17.8 16"/>
                  <path d="M328.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M321.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM314.4 13l.2 3M315.4 14l.2 3M316.1 17.5l-3 .2M315.1 16.5l-3 .2M313.3 12l.2 3.1M314 15.6l-3 .1M330.3 13.5l-17.9 16"/>
                  <path d="M313.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>
                  <path d="M327.5 13l-.2 3M326.4 14l-.2 3M325.7 17.5l3 .2M326.8 16.5l3 .2M328.5 12l-.1 3.1M327.8 15.6l3 .1M348.1 4.4c0 9.6 5.9 17.3 13.2 17.3M348.1 40.4c0-10.3 5.9-18.6 13.2-18.6"/>
                  <path d="M359.8 4.2v36"/>
                  <path d="M348.1 4.4c0 9.6-7 17.3-15.7 17.3M348.1 40.4c0-10.3-7-18.6-15.7-18.6M338.6 13.5l17.8 16"/>
                  <path d="M355.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>
                  <path d="M348.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM341.4 13l.2 3M342.4 14l.2 3M343.1 17.5l-3 .2M342.1 16.5l-3 .2M340.3 12l.2 3.1M341 15.6l-3 .1"/>

                    <path d="M357.3 13.5l-17.9 16"/>
                    <path d="M340.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>

                  <path d="M354.5 13l-.2 3M353.4 14l-.2 3M352.7 17.5l3 .2M353.8 16.5l3 .2M355.5 12l-.1 3.1M354.8 15.6l3 .1M375.1 4.4c0 9.6 5.9 17.3 13.2 17.3M375.1 40.4c0-10.3 5.9-18.6 13.2-18.6M375.1 4.4c0 9.6-7 17.3-15.7 17.3M375.1 40.4c0-10.3-7-18.6-15.7-18.6"/>

                    <path d="M365.6 13.5l17.8 16"/>
                    <path d="M382.7 28.9l.4-2.2h.1l1.5 3c.6.9 1.3 1.8 1.9 2.7-1-.5-1.9-1.1-2.9-1.6l-3.1-1.1v-.1l2.1-.7z"/>

                  <path d="M375.9 22.6l-.8 2-.8-2-2.3-.6 2.3-.7.8-2 .8 1.9 2.4.7zM368.4 13l.2 3M369.4 14l.2 3M370.1 17.5l-3 .2M369.1 16.5l-3 .2M367.3 12l.2 3.1M368 15.6l-3 .1"/>

                    <path d="M384.3 13.5l-17.9 16"/>
                    <path d="M367.1 28.9l2.1.6v.1l-3.1 1.1c-1 .5-1.9 1.1-2.9 1.6.6-.9 1.3-1.8 1.9-2.7l1.5-3h.1l.4 2.3z"/>

                  <path d="M381.5 13l-.2 3M380.4 14l-.2 3M379.7 17.5l3 .2M380.8 16.5l3 .2M382.5 12l-.1 3.1M381.8 15.6l3 .1"/>
                  <path d="M1.3 38.7h389"/>
                </svg>

              </div>
              <div class="pch-f2-deck-container">
                <div class="pch-f2-deck-top"></div>
                <div class="pch-f2-deck-bot"></div>
              </div>
            </div>
          </div>

          <div class="pch-floor-1">


            <div class="pch-fl-1-deck-shad">
              <svg width="406.3px" height="78.5px" viewBox="0 0 406.3 78.5">
    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="190.9746" y1="78.5" x2="190.9746" y2="4.882812e-04">
      <stop  offset="0" style="stop-color:#000000;stop-opacity:0.9"/>
      <stop  offset="1" style="stop-color:#000000"/>
    </linearGradient>
    <path class="st0" d="M18.1,0l-42.4,78.5h377.2c9-13.4,18-26.7,27.1-40c8.8-12.8,17.5-25.7,26.4-38.5H18.1z"/>

  </svg>


            </div>
            <div class="pch-f1-upper">
              <div class="pch-f1-awning">
                <div class="pch-f1-door-awning-top"></div>
                <div class="pch-f2-door-awning-bot"></div>
              </div>
            </div>


            <div class="pch-f1-lower">
              <div class="pch-f1-door-left">


                <!-- RAW SVG DOOR -->

                <svg class="pch-f1-door-svg " viewBox="0 0 118 138">
          <path d="M13.5 120.5h8v11h-8z" class="st27"/>
          <path d="M13 21h91v11H13z" class="st18"/>
          <path d="M101 30h3v12h-3z" class="st18"/>
          <path d="M6 6h107v15H6z" class="st29"/>
          <path d="M0 20h2v118H0zM116 20h2v118h-2z" class="st14"/>
          <path d="M0 0h2v20H0zM2 20h2v118H2zM114 20h2v118h-2z" class="st2"/>
          <path d="M2.2 18.8l-1 .9 2.3 2.6 1-.9zM115.7 18.8l1 .9-2.3 2.6-.9-.9z" class="st3"/>
          <path d="M113.8 17.8l1.1 1.1-2.2 2.7-1.2-1.1zM4.3 17.8l-1.1 1.1 2.2 2.7 1.1-1.1z" class="st12"/>
          <path d="M116 0h2v20h-2zM2 0h114v2H2z" class="st2"/>
          <path d="M2 3h114v2H2zM113 5h2v14h-2zM3 5h2v14H3zM111 21h2v117h-2zM5 21h2v117H5z" class="st19"/>
          <path d="M2 2h114v1H2zM5 5h108v1H5z" class="st7"/>
          <path d="M5 5h1v14H5zM112 5h1v14h-1z" class="st7"/>
          <path d="M110 21h1v117h-1zM7 21h1v117H7z" class="st25"/>
          <path d="M4 21h1v117H4z" class="st15"/>
          <path d="M113 21h1v117h-1z" class="st2"/>
          <path d="M115 3h1v16h-1z" class="st7"/>
          <path d="M116.09195 19.44119l-2.47485 2.47485-.7071-.7071 2.47485-2.47485zM2.78311 18.71467l2.47485 2.47485-.7071.7071-2.47485-2.47485zM5.05476 17.95064l3.25266 3.25266-.7071.7071-3.25266-3.25266zM114.22268 18.70881l-3.25312 3.25266-.7071-.7072 3.25312-3.25266z" class="st7"/>
          <path d="M2 3h1v16H2z" class="st7"/>
          <path d="M104 21h6v117h-6z" class="st29"/>
          <path d="M14 41h8v53h-8zM96 41h8v53h-8z" class="st18"/>
          <path d="M14 132h50v6H14z" class="st26"/>
          <path d="M64 132h17v6H64z" class="st0"/>
          <path d="M81 132h23v6H81z" class="st24"/>
          <path d="M95.5 121.5h8v10h-8z" class="st1"/>
          <path d="M22 41h10v80H22z" class="st10"/>
          <path d="M86 41h10v80H86z" class="st21"/>
          <path d="M85 121h12v11H85z" class="st23"/>
          <path d="M21 121h12v11H21z" class="st26"/>
          <path d="M14.5 94.5h7v3h-7z" class="st6"/>
          <path d="M14 98h8v2h-8z" class="st11"/>
          <path d="M14 102h8v17h-8z" class="st13"/>
          <path d="M14 100h8v2h-8z" class="st9"/>
          <path d="M96.5 94.5h7v3h-7z" class="st5"/>
          <path d="M96 98h8v2h-8z" class="st17"/>
          <path d="M96 102h8v17h-8z" class="st30"/>
          <path d="M96 100h8v2h-8z" class="st31"/>
          <path d="M14 119h8v2h-8z" class="st11"/>
          <path d="M96 119h8v2h-8z" class="st16"/>
          <path d="M14 32h87v9H14z" class="st22"/>
          <path d="M18 31.5h76" class="st20"/>
          <path d="M41.5 48.5h11v77h-11zM64.5 48.5h11v77h-11z" class="st4"/>
          <path d="M19.5 31.4c-6.9-2-10.3 9.1-3.3 9.6 2.8.2 5.6-3.4 2.9-5.6-3-2.4-5.9 2.7-2.4 3.4" class="st8"/>
          <path d="M80.8 86.7c-.2-1-1.5-.7-1.1.2.1.4 1.7.6.8 1.3-.3.2-.7 0-.8-.2" class="st28"/>
          <path d="M8 21h6v117H8z" class="st29"/>
          <path d="M94.1 31.7c6.7-2.6 11.1 8.1 4.2 9.2-2.8.5-5.9-2.9-3.5-5.3 2.7-2.7 6.1 2.1 2.7 3.1" class="st8"/>
        </svg>

              </div>

              <div class="pch-f1-window-ctr">

                <div class="pch-f1-awning-top-container"></div>
                <div class="pch-f1-awning-base-container"></div>

                <div class="pch-f1-shutter-board win-ctr-side-left">
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                </div>

                <div class="pch-f1-shutter-board win-ctr-side-right">
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                </div>
                <div id="pch-f1-curtain-ctr">

                  <svg viewBox="0 0 53 94">
                    <path d="M47.5 93.6c1.1-.1 2.1-.6 3.2-.9.9-.6 1.6-1.4 2.3-2.2V0H0v93c4.1.4 7.5-.8 10-5.9 1.9-3.8 3.1-8 4.7-12 1.4-3.7 3.2-7.3 3.7-11.2.3-3.7 1.4-7 2-10.8.8-4.7 1.2-9.5 1.6-14.3.7-8.5 3.3-16.7 4.2-25.2v-.5c0-1.4.1-6.6.2-3.2.5 11.8.6 23.6.6 35.4.8 3.9 1.5 7.9 2.5 11.8 1.6 6.1 4.2 12 5.8 18.1 2 7.6 5.8 14.5 12.2 18.4zM26.3 13.2c0 .3 0 .3 0 0z" class="f1-curt-c-1"/>
                    <path d="M14.5 0c0 25.3-.9 50.5-.5 75.8M29.5-1c.9 16-.8 32-1.6 48" class="f1-curt-c-2"/>
                    <path d="M29.8 56.3c2.5-1.4 3.9-.3 6.4-.7 2.3-.4 3.4-2.9 5.6-3.5 4.8-1.3 6.7 5.2 11.4 1.1M0 55.6C2 57 4 59 6 58c0 0 1-1 1-2 4-3 9-2 11.6 1.6" class="f1-curt-c-3"/>
                    <path d="M27.8 34.2C33 34 38 32 43 31c2 0 4 1 6 2 1 0 3 0 4-1.1M0 33.4C3 35 5 37 9 33c3-3 7 1 11 2 1 0 1-1 2.1-.6M35.6 74.9C40 74 47 68 49 75c1.1-1.8-1.9-2.1 0 0 1.3-.9 2.8-1.2 4.1-2M0 74.6c2.1 1.1 4 2.5 6.4 1.4 3-1.4 4.3-3.9 8.1-2.5" class="f1-curt-c-0"/>
                  </svg>
                </div>




                <div class="pch-f1-munt-container-left">
                  <div class="pch-f1-muntin-vert-left pch-munt"></div>
                  <div class="pch-f1-muntin-vert-right pch-munt"></div>
                  <div class="pch-f1-muntin-horiz-thin1 pch-munt"></div>
                  <div class="pch-f1-muntin-horiz-thick pch-munt"></div>
                  <div class="pch-f1-muntin-horiz-thin2 pch-munt"></div>
                </div>

                <div class="pch-f1-window-frame"></div>
                <div class="pch-f1-window-ledge"></div>

              </div>

              <div class="pch-f1-window-right">

                <div class="pch-f1-awning-top-container"></div>
                <div class="pch-f1-awning-base-container"></div>

                <div class="pch-f1-shutter-board win-ctr-side-left">
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                </div>

                <div class="pch-f1-shutter-board win-ctr-side-right">
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                  <div class="pch-f1-shutter-pane"></div>
                </div>
                <div id="pch-f1-curtain-right">
                  <svg viewBox="0 0 53 94">
                    <path d="M5.7 93.6c-.1 0-.1 0 0 0-1.1-.1-2.1-.6-3.2-.9-.9-.6-1.6-1.4-2.3-2.2V0h53v93c-4.1.4-7.5-.8-10-5.9-1.9-3.8-3.1-8-4.7-12-1.4-3.7-3.2-7.3-3.7-11.2-.3-3.7-1.4-7-2-10.8-.8-4.7-1.2-9.5-1.6-14.3-.7-8.5-3.3-16.7-4.2-25.2v-.5c0-1.4-.1-6.6-.2-3.2-.4 11.7-.5 23.5-.5 35.3-.8 3.9-1.5 7.9-2.5 11.8-1.6 6.1-4.2 12-5.8 18.1-2.2 7.7-5.9 14.6-12.3 18.5z" class="f1-curt-r-1"/>
                    <path d="M25.9 13.2c0 .3 0 .3 0 0z" class="f1-curt-r-3"/>
                    <path d="M12.7 0c0 14 .3 27.9.4 41.9v2C13 57 15 71 13.8 83.7" class="f1-curt-r-2"/>
                    <path d="M30.2.4c.7 6-.6 12-1.2 18" class="f1-curt-r-4"/>
                    <path d="M23.4 56.3c-2.5-1.4-3.9-.3-6.4-.7-2.3-.4-3.4-2.9-5.6-3.5-4.9-1.3-6.7 5.2-11.4 1.1M53.2 55.6c-2 1.4-4 3.4-6 2.4 0 0-1-1-1-2-4-3-9-2-11.6 1.6" class="f1-curt-r-5"/>
                    <path d="M25.4 34.2C20.2 34 15.2 32 10.2 31c-2 0-4 1-6 2-1 0-3 0-4-1.1M53.2 33.4c-3 1.6-5 3.6-9-.4-3-3-7 1-11 2-1 0-1-1-2.1-.6M17.6 74.9c-2.2-.4-5.1-2.2-7.6-2.9-.5-.1-1-.3-1.5-.3C5 71 3 74 0 72.9M53.2 74.6c-2.1 1.1-4 2.5-6.4 1.4-3-1.4-4.3-3.9-8.1-2.5" class="f1-curt-r-0"/>
                  </svg>
                </div>





                <div class="pch-f1-munt-container-left">
                  <div class="pch-f1-muntin-vert-left pch-munt"></div>
                  <div class="pch-f1-muntin-vert-right pch-munt"></div>
                  <div class="pch-f1-muntin-horiz-thin1 pch-munt"></div>
                  <div class="pch-f1-muntin-horiz-thick pch-munt"></div>
                  <div class="pch-f1-muntin-horiz-thin2 pch-munt"></div>
                </div>

                <div class="pch-f1-window-frame"></div>
                <div class="pch-f1-window-ledge"></div>



              </div>
            </div>

          </div>




        </div>

        <div class="foundation-container">
          <div class="peach-foundation">
            <div class="foundation-top"></div>
            <div class="foundation-bot"></div>
            <div class="peach-steps">
              <div class="steps-block-left"></div>
              <div class="step1"></div>
              <div class="step2"></div>
              <div class="step3"></div>
              <div class="step4"></div>
              <div class="steps-block-right"></div>
            </div>

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


      <!-- ============DARK HOUSE=================== -->
      <div class="dark-house-col">
        <div class="dark-sky"></div>
        <div class="dark-roof">
          <div class="dk-roof-top"></div>
          <div class="dk-roof-mid"></div>
          <div class="dk-roof-bot"></div>
        </div>
        <div class="dark-facade">

          <div class="dk-left-gutter-pipe">
            <svg viewBox="0 0 13 365">
            <path d="M5.3 42.8V364.9" class="st2"/>
            <path d="M2.3 43.8V365" class="st1"/>
            <path d="M6.5 0C6.7 9.2 10 17.1 9 26.5c-.2 2-.6 4.1-.8 6.1" class="st6"/>
            <path d="M4.5 0C4.7 9.2 8 17.1 7 26.5c-.2 2-.6 4.1-.8 6.1" class="st5"/>
            <path d="M12.7 32.7C12 29 8 32 6.2 31.2H.1v.1h.1c-.1 0 .1 6.6.1 7 0 .3.1 3.5 0 5.4h4.8c6 1.2 8-5.8 7.7-10.6-.1-.1-.1-.3-.1-.4z" class="st0"/>
            <path d="M1.1 38.5h2.4c2.5.5 5.5.5 7.6.2M.3 32.2h5.3c2.4-.2 4.4-.2 6.7.1" class="st3"/>
          </svg>
          </div>
          <div class="dk-gutters">
            <div class="dk-gutter-top"></div>
            <div class="dk-gutter-bot"></div>
          </div>
          <div class="dark-window-container">
            <div class="dk-window-arch">
              <svg viewBox="0 0 90 42.9">
                <path d="M82.8 42.9c0-21-17.1-38-38.2-38h.2c-21.1 0-38.2 17-38.2 38" class="st0"/>
              </svg>
            </div>

            <svg width="100%" height="100%">
            <clipPath id="dk-window-top-clipping">
            <polygon points="0, 33,
            8, 33
            9, 28,
            13, 20,
            20, 11,
            22, 9,
            26, 6,
            33, 2,
            35, 1,
            37, 0,
            35, -1,
            58, 1,
            61, 3,
            68, 8,
            71, 10,
            78, 20,
            84 33,
            90, 33,
            92, 33,
            92, 28,
            92, 10,
            92, 0,
            0, 0">
          </polygon>
        </clipPath>
      </svg>
            <div class="dk-window-cover dk-window-top-clip-link"></div>
            <div class="dark-window">
              <div class="dk-window-top">
                <div class="munt muntin1"></div>
                <div class="munt muntin2"></div>
                <div class="munt muntin3"></div>
                <div class="munt muntin4"></div>
                <div class="munt muntin5"></div>
                <div class="munt muntin6"></div>
                <div class="munt muntin7"></div>
                <div class="dk-window-pillar"></div>
                <div class="dk-window-frame">
                  <div class="dk-window-left">
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                  </div>
                  <div class="dk-window-right">
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                    <div class="dk-window-pane"></div>
                  </div>
                </div>
              </div>
              <div class="dk-window-bot"></div>
            </div>
          </div>

        </div>
        <div class="dark-door">
          <div class="dk-columns-capital-container">
            <div class="dk-capital-left">
              <div class="dk-capital-top">

              </div>
              <div class="dk-capital-bot">

              </div>
            </div>
            <div class="dk-capital-right">
              <div class="dk-capital-top">

              </div>
              <div class="dk-capital-bot">

              </div>

            </div>
          </div>
          <div class="dk-arch-top-container">
            <div class="dk-arch-top-left arch"></div>
            <div class="dk-arch-top-right arch"></div>
            <div class="dk-arch-top-ctr arch"></div>
            <div class="dk-arch-awning-top"></div>
            <div class="dk-arch-awning"></div>
          </div>
          <div class="dk-door-gate-container">
            <div class="dk-gate-top-left"></div>
            <div class="dk-gate-top-right"></div>
            <div class="dk-gate-mid-left"></div>
            <div class="dk-gate-mid-right"></div>
            <div class="dk-gate-bot-left"></div>
            <div class="dk-gate-bot-right"></div>
            <div class="dk-gate-knobs-container">
              <div class="dk-gate-knobs">DE</div>
              <div class="dk-gate-ctr">✻</div>
            </div>





          </div>

        </div>
      </div>


      <!-- ================BRICK HOUSE=============== -->
      <div class="brick-house-col">
        <div class="brick-sky"></div>

        <!-- chimneys -->
        <div class="row brick-top-chimneys">
          <div class="brick-top-chimney-capL"></div>
          <div class="brick-top-chimney-capR"></div>
          <div class="brick-top-chimney-bodyR"></div>
          <div class="brick-top-chimney-bodyL"></div>
        </div>




        <!-- roof -->
        <div class="row brick-roof">
          <div id="brick-roof-shad-container">
            <div id="brick-roof-shad"></div>
            <svg width="0" height="0">
                <clipPath id="clipPolygon" filter="url(#filter)">
                  <polygon points= " 65 17, 57 14, 52 13, 28 26 28 37 33 42 39 42 54 54 54 111, 55 114, 77 129, 88 129, 87 56, 75 89, 83 68, 78 68, 78 1 68 5 "></polygon>
                </clipPath>

            </svg>


          </div>
          <div class="shing tan" id="shing-tan1"></div>
          <div class="shing tan" id="shing-tan2"></div>
          <div class="shing tan" id="shing-tan3"></div>
          <div class="shing tan" id="shing-tan4"></div>
          <div class="shing tan" id="shing-tan5"></div>
          <div class="shing tan" id="shing-tan6"></div>
          <div class="shing tan" id="shing-tan7"></div>
          <div class="shing tan" id="shing-tan8"></div>
          <div class="shing tan" id="shing-tan9"></div>
          <div class="shing tan" id="shing-tan10"></div>
          <div class="shing tan" id="shing-tan11"></div>
          <div class="shing tan" id="shing-tan12"></div>
          <div class="shing tan" id="shing-tan13"></div>
          <div class="shing tan" id="shing-tan14"></div>
          <div class="shing tan" id="shing-tan15"></div>
          <div class="shing brown" id="shing-br1"></div>
          <div class="shing brown" id="shing-br2"></div>
          <div class="shing brown" id="shing-br3"></div>
          <div class="shing brown" id="shing-br4"></div>
          <div class="shing brown" id="shing-br5"></div>
          <div class="shing brown" id="shing-br6"></div>
          <div class="shing brown" id="shing-br7"></div>
          <div class="shing brown" id="shing-br8"></div>
          <div class="shing brown" id="shing-br9"></div>
          <div class="shing brown" id="shing-br10"></div>
          <div class="shing brown" id="shing-br11"></div>
          <div class="shing brown" id="shing-br12"></div>
          <div class="shing brown" id="shing-br13"></div>
          <div class="shing brown" id="shing-br14"></div>
          <div class="shing brown" id="shing-br15"></div>
          <div class="shing green" id="shing-gr1"></div>
          <div class="shing green" id="shing-gr2"></div>
          <div class="shing green" id="shing-gr3"></div>
          <div class="shing green" id="shing-gr4"></div>
          <div class="shing green" id="shing-gr5"></div>
          <div class="shing green" id="shing-gr6"></div>
          <div class="shing green" id="shing-gr7"></div>
          <div class="shing green" id="shing-gr8"></div>
          <div class="shing green" id="shing-gr9"></div>
          <div class="shing green" id="shing-gr10"></div>
          <div class="shing green" id="shing-gr11"></div>
          <div class="shing green" id="shing-gr12"></div>
          <div class="shing green" id="shing-gr13"></div>
          <div class="shing green" id="shing-gr14"></div>
          <div class="shing green" id="shing-gr15"></div>
          <div id="brick-roof-front-container">
            <div id="front-top-wall-left"></div>
            <div id="front-chimney-left"></div>
            <div id="front-chimney-left-cap"></div>
            <div id="front-bottom-wall-left"></div>
            <div id="front-base-left"></div>

            <div id="front-top-wall-right"></div>
            <div id="roof-shadow"></div>
            <div id="front-chimney-right-cap"></div>
            <div id="front-chimney-right"></div>
            <div id="front-bottom-wall-right"></div>
            <div id="front-base-right"></div>
          </div>
        </div>


        <div class="brick-facade">
          <div class="dk-right-gutter-pipe">

            <svg viewBox="0 0 26 348">
              <path d="M20.3.5C21 18.8-7 24.6 9.9 40.9" class="st0"/>
              <path d="M17.8.5c.7 18.3-27.3 24.1-10.3 40.4" class="st3"/>
              <path d="M8 40.9V348" class="st1"/>
              <path d="M9 40.9V348" class="st2"/>
            </svg>

          </div>


          <div class="brk-gutter-attic-container">
            <div class="brick-gutter-top"></div>
            <div class="brick-gutter-mid"></div>
            <div class="brick-gutter-bot"></div>

            <div class="brk-attic brk-attic-top">
              <div class="brk-attic-winframe-left">
                <div class="attic-frame"></div>
                <div class="attic-bar1"></div>
                <div class="attic-bar2"></div>
              </div>
              <div class="brk-attic-winframe-ctr">
                <div class="attic-frame"></div>
                <div class="attic-bar1"></div>
                <div class="attic-bar2"></div>
              </div>

              <div class="brk-attic-winframe-right">
                <div class="attic-frame"></div>
                <div class="attic-bar1"></div>
                <div class="attic-bar2"></div>
              </div>
            </div>

            <div class="br-attic brick-attic-mid"></div>
            <div class="br-attic brick-attic-bot1"></div>
            <div class="br-attic brick-attic-bot2"></div>
            <div class="br-attic brick-attic-bot3"></div>


            <div class="brick-attic-row">
              <div class="brick-attic-mid"></div>
            </div>



          </div>




          <div class="brk-top-floors-container">
            <div class="brk-floor3">
              <!-- BRICK 3RD FLOOR====================================== -->
              <div class="brk-floor3-window-left">

                <div class="brk-f3-awning-top-container"></div>
                <div class="brk-f3-awning-base-container"></div>

                <div class="brk-f3-shutter-board win-l-side-left">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-shutter-board win-l-side-right">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-curtain-left">
                  <svg viewBox="0 0 53 113">

                    <path d="M.8 74.9c.4.4 4.2 3.8 3.2 3.4 2 2.7 5 1.7 7.9 1.4 1.3-.9 2.5-2.1 3.9-2.4 1.3-.8 2.8-1.2 3.4-3 .8-.7 1.7-1.4 2.3-2.4 1.5-1 3-2.1 4.8-3 .5-.8 1.2-1.4 1.9-2 .9-1 1.8-2 2.6-3l3-3.3c1-1.1 2-2.1 2.9-3.2C39 53 41 49 43.9 45c.5-1.5 1.1-3 1.6-4.5 2.8-7.5 5.8-15.1 7.1-23.3.2-1.4.3-2.8.4-4.2.2-4.2-.1-8.5-1-13H0v73.9c.3.4.5.7.8 1z" class="brk-f3-curt-l-4"/>
                    <path d="M15.3.4c0 6.7-.1 13.4-.3 20.2 0 1.3-.1 2.7-.1 4-.8 7.2-.9 14.4-.8 21.6 0 1.4.1 2.9.1 4.3C16 59 14 69 15.8 77.6" class="brk-f3-curt-l-1"/>
                    <path d="M29.5 0c-.5 21-.5 43 0 63.9" class="brk-f3-curt-l-0"/>
                    <path d="M39.3 52.1c-.9-.4-1.7-1.4-2.5-2.2-1.2-.7-2.6-.8-3.9-.4-1.3 1-2.7 2-4.4 2.4-1.7.3-3.4.5-5.3-.1-2.2-.4-4.2-.5-6-.2-1.1.2-2.4.3-3.6.5-1.2.2-2.3.5-3.1 1C8 53 5 48 3.3 52.6c-1.1.6-2.3 1-3.3 1.4" class="brk-f3-curt-l-2"/>
                    <path d="M18.2 75.1c-1.6 0-3.1-.8-4.7-1.5s-3.1-1.4-4.6-1.6c-1.5-.9-3-1-4.4-.5-1.4.3-2.8.7-4.1 1.6M48.6 28.5C47 29 45 30 43.5 29.8c-1.6 0-3.2-.2-4.7-.7C37.9 28 36 26 34 26c-5 2-9 0-13 2-5 1-9 0-14-1-2 0-3 1-5 3 0 0-1 0-2.1-.1" class="brk-f3-curt-l-3"/>
                  </svg>

                </div>
                <div class="brk-f3-munt-container">
                  <div class="brk-muntin-vert-left brk-munt"></div>
                  <div class="brk-muntin-vert-right brk-munt"></div>
                  <div class="brk-muntin-horiz-thin1 brk-munt"></div>
                  <div class="brk-muntin-horiz-thick brk-munt"></div>
                  <div class="brk-muntin-horiz-thin2 brk-munt"></div>
                  <div class="brk-muntin-horiz-thin3 brk-munt"></div>
                </div>
                <div class="brk-f3-window-frame"></div>
              </div>


              <div class="brk-floor3-window-ctr">

                <div class="brk-f3-awning-top-container"></div>
                <div class="brk-f3-awning-base-container"></div>

                <div class="brk-f3-shutter-board win-l-side-left">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-shutter-board win-l-side-right">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-curtain-ctr">
                  <svg viewBox="0 0 53 113">
                    <path d="M18.7 61.6c0-15.4 0-30.9.2-46.3 0 1 0-9.3.2-15.2H0v113h19c-.2-18.6-.3-49.2-.3-51.5zM31.7 0c.1 6 .4 14.9.4 14 .2 15.4.2 30.9.2 46.3s0 30.9-.2 46.3c0-.5.1 2.6.1 6.4h20.9V0H31.7z" class="brk-f3-curt-c-3"/>
                    <path d="M15.3.4C15 38 13 75 13.8 112.8" class="brk-f3-curt-c-0"/>
                    <path d="M18.3 53.9C18 53 17 52 16.1 51.2c-.5.3-1.3 1.3-2.2 2.1-.9.9-1.6 1-2.1.7-.4-.2-.6-.8-.7-1.5 0-1.5 0-3.5-1-4.5-.5-.5-1-.5-1.5-.2s-1 .8-1.5 1.4c-.5.9-.8 1.9-1.3 2.8-.4.5-.5 1.8-1.1 2.5-.3.3-.7.5-1.2.4C2 55 3 50-.1 53.2M53 51.8c0-.4-.2-1.1-.8-1.7-.6-1-1.2-1.8-1.9-2.4-1.2-.9-1.8-.8-2.1-.4-.3.4-.5 1.2-.7 1.8C45 50 47 54 45 55c-1.5.5-1.8-.2-1.8-1.2-.1-1 0-2.2-.9-2.6-.6.4-1.2.9-1.7 1.6C40 54 39 54 38 54c-1-2-1-5-4-3.8-.6.1-1.3.4-1.6 1.1" class="brk-f3-curt-c-1"/>
                    <path d="M18.4 74.2c-.8-1.5-1.6-1.5-2.3-1.7-.7-.2-1.4.1-2.1 1-1 .8-1.8.9-2.4.6-.8 0-1-1.5-1.4-2.6-.6-1.3-1.2-1.6-1.7-1.5-.5.1-1 .7-1.6 1.4-.5.3-1 1-1.6 2-.6.9-1.1 1.4-1.6 1.6-.5.2-.9.1-1.3-.2-.8-.6-1.6-1.7-2.6-1.8M53 73.3c-.5-.6-1-1-1.6-1.3-.6-.3-1.2-.4-1.8-.5s-1.2.1-1.8.4c-.4.3-.8.7-1.2 1.2C46 73 45 74 44 75c-1 .5-1-.2-1-1.1s0-1.8-1-1.8c-1 .9-1.7 1.7-2.4 2s-1.3-.1-2.1-1.6C37 71 36 70 34.4 71c-.5.3-1.1.9-1.6 1.3M18.5 29.8c-.7-.9-1.4-1.2-2.1-1.1-.4 0-.7.3-1.2.7-.4.4-.9 1.2-1.5 2-.8.1-1.6-1-2.4-2-1.7-1.1-2.1-3.6-3.3-3.6-.4.1-.9.4-1.5 1.4-.7.9-1.1 1.9-1.6 2.8-.4 1-.9 1.3-1.3 1.2C3 30 2 28-.1 29.3M52.9 29.1c-.8-.6-1.5-.9-2.2-1.4-.8-.8-1.5-1-2.2-.7-.3.2-.6.4-.9.9-.1.8-.4 1.4-.7 1.9C46 31 45 33 42.7 32.1c.1-1.1 0-1.8-.5-2.3s-1.2-.7-2.1.3c-1.1.4-1.9.4-2.5.2.4-2.3-.6-3.3-3-3.2-.7.1-1.7.9-2.5 1.1" class="brk-f3-curt-c-2"/>
                  </svg>



                </div>
                <div class="brk-f3-munt-container">
                  <div class="brk-muntin-vert-left brk-munt"></div>
                  <div class="brk-muntin-vert-right brk-munt"></div>
                  <div class="brk-muntin-horiz-thin1 brk-munt"></div>
                  <div class="brk-muntin-horiz-thick brk-munt"></div>
                  <div class="brk-muntin-horiz-thin2 brk-munt"></div>
                  <div class="brk-muntin-horiz-thin3 brk-munt"></div>
                </div>
                <div class="brk-f3-window-frame"></div>


              </div>
              <div class="brk-floor3-window-right">
                <div class="brk-f3-awning-top-container"></div>
                <div class="brk-f3-awning-base-container"></div>

                <div class="brk-f3-shutter-board win-l-side-left">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-shutter-board win-l-side-right">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-curtain-right">
                  <svg viewBox="0 0 53 113">
                    <path d="M2.7 18.5c.1 5.9 1.4 10.8 3.9 16 2.2 3.5 5.2 5.4 8.1 8.2 2.9 2.8 4.1 6.2 5.7 9.7 3 4.6 6.8 8.8 10 13.3 3 4.4 6.4 7.4 11.7 8.2 3.2.2 5.5.2 7.9-1.5.9-.6 1.9-1.3 3-1.8V0H4c-.3 6.2-1.3 12.7-1.3 18.5z" class="brk-f3-curt-r-4"/>
                    <path d="M12.7.5C11 14 12 26 11.8 38.6" class="brk-f3-curt-r-1"/>
                    <path d="M28.5 0c-4.5 21 .5 41-.1 62.4" class="brk-f3-curt-r-0"/>
                    <path d="M53 51.8c-.5-.4-1.2-1.1-2-1.7-2-.1-4-1.1-6.3.7-.7.2-1.4.2-2.1.2-2.1 0-4.1-.5-6.2-1-.7-.2-1.4-.4-2-.3-2.4.3-3.4 2.3-5.5 2-.7 0-1.4-.1-2.1-.3-2.2-.6-4.6-1.7-6.4-1" class="brk-f3-curt-r-2"/>
                    <path d="M52.9 29.1c-3.5-2.8-6.3 1-9.9 1-2.5 0-4.6-1.8-6.6-3-2.6-1.5-3.4-1.2-6 0-2.5 1.2-4.2.6-6.8.2-3.4-.5-4 1.2-6.7 2.4-3.6 1.6-10.1-5.1-12.5-2" class="brk-f3-curt-r-3"/>
                  </svg>

                </div>
                <div class="brk-f3-munt-container">
                  <div class="brk-muntin-vert-left brk-munt"></div>
                  <div class="brk-muntin-vert-right brk-munt"></div>
                  <div class="brk-muntin-horiz-thin1 brk-munt"></div>
                  <div class="brk-muntin-horiz-thick brk-munt"></div>
                  <div class="brk-muntin-horiz-thin2 brk-munt"></div>
                  <div class="brk-muntin-horiz-thin3 brk-munt"></div>
                </div>
                <div class="brk-f3-window-frame"></div>
              </div>

              <svg class="brk-deck-rail" id="brk-rail-vector" viewBox="0 0 401 52.5">

                  <path d="M398 9H4" class="brk-rail-3"/>
                  <path d="M398 16.5H4M398 40.5H4" class="brk-rail-2"/>
                  <path d="M114 28h25M127 16v25" class="brk-rail-3"/>
                  <path d="M119.7 35l14.1-14.9" class="brk-rail-0"/>
                  <circle cx="119.8" cy="34.9" r="2.8"/>
                  <circle cx="133.7" cy="20.2" r="2.8"/>
                  <path d="M119.7 20.1L133.8 35" class="brk-rail-0"/>
                  <circle cx="119.8" cy="20.2" r="2.8"/>
                  <circle cx="133.7" cy="34.9" r="2.8"/>
                  <circle cx="126.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                  <path d="M398 16.5H83" class="brk-rail-2"/>
                  <path d="M115 41V9M119 9v7M123 9v7M131 9v7M135 9v7M41 9v7M45 9v7M53 9v7M57 9v7M197 9v7M201 9v7M209 9v7M213 9v7M139 9v32M192 28h25M205 16v25" class="brk-rail-3"/>
                  <path d="M197.7 35l14.1-14.9" class="brk-rail-0"/>
                  <circle cx="197.8" cy="34.9" r="2.8"/>
                  <circle cx="211.7" cy="20.2" r="2.8"/>
                  <path d="M197.7 20.1L211.8 35" class="brk-rail-0"/>
                  <circle cx="197.8" cy="20.2" r="2.8"/>
                  <circle cx="211.7" cy="34.9" r="2.8"/>
                  <circle cx="204.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                  <path d="M271 28h25M284 16v25" class="brk-rail-3"/>
                  <path d="M276.7 35l14.1-14.9" class="brk-rail-0"/>
                  <circle cx="276.8" cy="34.9" r="2.8"/>
                  <circle cx="290.7" cy="20.2" r="2.8"/>
                  <path d="M276.7 20.1L290.8 35" class="brk-rail-0"/>
                  <circle cx="276.8" cy="20.2" r="2.8"/>
                  <circle cx="290.7" cy="34.9" r="2.8"/>
                  <circle cx="283.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                  <path d="M350 28h25M363 16v25" class="brk-rail-3"/>
                  <path d="M355.7 35l14.1-14.9" class="brk-rail-0"/>
                  <circle cx="355.8" cy="34.9" r="2.8"/>
                  <circle cx="369.7" cy="20.2" r="2.8"/>
                  <path d="M355.7 20.1L369.8 35" class="brk-rail-0"/>
                  <circle cx="355.8" cy="20.2" r="2.8"/>
                  <circle cx="369.7" cy="34.9" r="2.8"/>
                  <circle cx="362.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                  <path d="M161 9v34M167 41V9M174 41V9M180 41V9M144 41V9M151 41V9M157 41V9M187 41V9M36 28h25M49 16v25" class="brk-rail-3"/>
                  <path d="M41.7 35l14.1-14.9" class="brk-rail-0"/>
                  <circle cx="41.8" cy="34.9" r="2.8"/>
                  <circle cx="55.7" cy="20.2" r="2.8"/>
                  <path d="M41.7 20.1L55.8 35" class="brk-rail-0"/>
                  <circle cx="41.8" cy="20.2" r="2.8"/>
                  <circle cx="55.7" cy="34.9" r="2.8"/>
                  <circle cx="48.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                  <path d="M37 41V9M61 9v32M83 9v34M89 41V9M96 41V9M102 41V9M66 41V9M73 41V9M79 41V9M109 41V9M5 9v34M11 41V9" class="brk-rail-3"/>
                  <path d="M4 40V8" class="brk-rail-1"/>
                  <path d="M395 40V8M18 41V9M24 41V9M31 41V9M193 41V9M217 9v32M276 9v7M280 9v7M288 9v7M292 9v7M240 9v34M246 41V9M253 41V9M259 41V9M223 41V9M230 41V9M236 41V9M266 41V9M272 41V9M296 9v32M355 9v7M359 9v7M367 9v7M371 9v7M319 9v34M325 41V9M332 41V9M338 41V9M381 41V9M388 41V9M394 41V9M397 41V9M302 41V9M309 41V9M315 41V9M345 41V9M351 41V9M375 9v32" class="brk-rail-3"/>
                  <path d="M4 8l1 1M395 7l2 .8" class="brk-rail-1"/>
                </svg>



              <div class="brk-floor3-deck">
                <div class="brk-f3-top"></div>
                <div class="brk-f3-bot"></div>
              </div>
            </div>

            <div class="brk-floor2">
              <div class="floor3-deck-shad-side">
                <svg viewBox="-6 5 410 117">
                  <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-13.8105" y1="39.1504" x2="25.3087" y2="39.1504">
  	<stop  offset="0.1827" style="stop-color:#000000;stop-opacity:0"/>
  	<stop  offset="0.9987" style="stop-color:#000000;stop-opacity:0.7"/>
  </linearGradient>
  <path class="st0" d="M20.7,49c1.5-1.9,3.1-3.9,4.6-5.8L25.1,5.3L1.4,37.8C1.4,49,1.7,68.8,1.7,73C8,64.9,14.4,56.9,20.7,49z"/>  </svg>

              </div>
              <div class="floor3-deck-shad-under">
                <svg viewBox="0 0 410 76">

                  <linearGradient id="SVGID_1_" x1="201.875" x2="201.875" y1="76" y2="-39.5894" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-opacity="0"/>
                    <stop offset=".1413" stop-opacity=".1413"/>
                    <stop offset="1"/>
                  </linearGradient>
                  <path d="M410 0H20.2c-1.8 2.3-3.7 4.7-5.5 7-7 8.8-14 17.5-21 26.3V76h355.7c5.2-6.6 10.4-13.2 15.6-19.7 10.7-13.5 21.4-26.9 32.2-40.3-.7.8 9.4-12.3 12.7-15.6V0z" class="st0"/>
                </svg>

              </div>
              <div class="brk-floor2-window-left">


                <div class="brk-f3-awning-top-container"></div>
                <div class="brk-f3-awning-base-container"></div>

                <div class="brk-f3-shutter-board win-l-side-left">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-shutter-board win-l-side-right">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f2-curtain-left">
                  <svg viewBox="0 0 53 113">
                    <path d="M53 113H0V0h53v113z" class="br-f2-curt-l-1"/>
                    <path d="M14.3.6c0 12.1.2 23.8.2 35.5V39c0 22.4-1.3 46.1-1.6 68.2 0 .9-.1 1.8-.1 2.8 0 .9.1 1.8.2 2.8" class="br-f2-curt-l-2"/>
                    <path d="M29.5 0c-.2 10.7-.3 21.7-.4 32.7v3c0 1 .1 2 .1 3s.1 2 .1 3C29 65.6 27 89.3 28 113.1" class="br-f2-curt-l-0"/>
                    <path d="M-.1 48.3c.9 0 1.9.2 2.9.7 1 1 1.8 1.2 2.5 1.1C7 48 10 47 12.7 48.8c.6.5 1.2 1.1 1.8 1.5 2 1.4 4.1 2 5.9-.2.5-.3.9-.6 1.4-1 .8-.5 1.5-.8 2.2-1s1.3-.2 1.9-.1c.5.3 1 .7 1.5 1.2s.9.8 1.3 1.2C32 55 35 49 37.6 47.9c.6-.2 1.2-.3 1.8-.3.9 0 1.7.4 2.5 1 1 1.7 2.1 2.1 3.1 1.8.5-.2 1-.5 1.5-.9C49 47 51 48 53 49.5" class="br-f2-curt-l-3"/>
                    <path d="M0 26.4c.9.1 1.8.2 2.7.4l2.7.3c2.2-1.7 4.6-3.4 6.7-1.4.4.4.8.9 1.2 1.7.4.4.9.8 1.5 1.1.6.3 1.4.4 2.1.7 1.3.7 2.1.9 2.8.8.7-.2 1.1-.7 1.4-1.3C23 25 27 25 29.8 28.1c.4.4.9.8 1.4 1.2.8.3 1.6.2 2.5-.3.6-.3 1.1-.7 1.7-1.3 2.6-1.7 5.6 1.3 9 .5.7-.1 1.4-.3 2.4-1 2.2-2.2 4.2.8 6.2.2M0 70.8c.9.1 1.8.2 2.7.2.9.1 1.8.1 2.7 0 2.2-2.5 5.3-2.9 7.1-.9.4.4.7.9.9 1.5 2 1.8 3.6 2.3 5.7 1.4.7-.3 1.4-.7 2.2-1.3 1.4-.3 2.6-.5 3.7-.5.6 0 1.2 0 1.8.1.4.6.8 1 1.2 1.3.4.2.8.3 1.3.3.7.4 1.3.4 2.1.2.7-.2 1.5-.6 2.4-1 1.1-1.5 2.5-1.8 3.8-1.6.7.1 1.4.2 2.1.4 1.3 1.2 2.2 1.8 3 2 .8.2 1.6 0 2.5-.8C48 67 50 72 53 72" class="br-f2-curt-l-4"/>
                  </svg>


                </div>
                <div class="brk-f3-munt-container">
                  <div class="brk-muntin-vert-left brk-munt"></div>
                  <div class="brk-muntin-vert-right brk-munt"></div>
                  <div class="brk-muntin-horiz-thin1 brk-munt"></div>
                  <div class="brk-muntin-horiz-thick brk-munt"></div>
                  <div class="brk-muntin-horiz-thin2 brk-munt"></div>
                  <div class="brk-muntin-horiz-thin3 brk-munt"></div>
                </div>
                <div class="brk-f3-window-frame"></div>










              </div>
              <div class="brk-floor2-window-ctr">


                <div class="brk-f3-awning-top-container"></div>
                <div class="brk-f3-awning-base-container"></div>

                <div class="brk-f3-shutter-board win-l-side-left">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-shutter-board win-l-side-right">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f2-curtain-ctr">
                  <svg viewBox="0 0 53 113">
                    <path d="M53 113H0V0h53v113z" class="br-f2-curt-l-4"/>
                    <path d="M15-10.1C16 5 14 21 14.5 36v2.9c0 8-.2 16.2-.4 24.4 0 1.6-.1 3.3-.1 4.9 0 14.8 0 29.8-.2 44.6" class="br-f2-curt-l-1"/>
                    <path d="M29.5 0C29 17 29 35 29 51.9c0 1.7-.1 3.4-.1 5.1-.1 3.1-.2 6.3-.3 9.4-.1 1.6-.1 3.1-.2 4.7-.4 13.9-.4 27.9.2 42.2" class="br-f2-curt-l-0"/>
                    <path d="M-.1 48.3C1 51 5 52 7 49.5c1.5-1.2 3-1.4 4.5-1s3.1 1.1 4.7 1.6c1.4 1.7 2.9 1.7 4.2 1.1 1.3-.5 2.4-1.6 3.7-2.2s2.6-.8 4.4.5c1.4 1.1 2.7.9 4 .2 1.7-.3 3.1-1 4.5-1.5 1.5-.1 3-.2 4.4.1s2.6.7 3.5 1.7c4.1 1 4.1-4 8-3.9" class="br-f2-curt-l-2"/>
                    <path d="M0 26.8c1.5.1 3 .7 4.5.8C8 28 11 23 14.4 28c1.8 1.1 3.2 1.5 4.6 1.5 3 .5 3-4.5 8.5-1 1.7 1.2 3.1 1.1 4.4.8 1.5-.1 2.8-.7 4.1-1.2 1.3-.5 2.5-.9 3.9-.6 1.3.7 2.6 1.7 4.2 1.6 1.3-.4 2.7-1.3 4.4-1.5 1.5-.6 3-1.2 4.5-.8M0 71c4 3 6-1 10.4-1.1 1.5.3 3 1 4.5 2s2.7 1.8 3.9 2.2 2.3 0 3.6-1.1c1.2-.7 2.6-.9 3.9-.9 1.2.4 2.6.7 4 .9s2.7-.3 3.9-1.2c1.3-1.7 2.7-1.8 4.1-1.6 1.4.2 2.9 1 4.7 1.6 1.7 1.2 3.3 1.8 4.9 1.1 1.6-2.1 3.2-3.6 4.9-2.9" class="br-f2-curt-l-3"/>
                  </svg>
                </div>
                <div class="brk-f3-munt-container">
                  <div class="brk-muntin-vert-left brk-munt"></div>
                  <div class="brk-muntin-vert-right brk-munt"></div>
                  <div class="brk-muntin-horiz-thin1 brk-munt"></div>
                  <div class="brk-muntin-horiz-thick brk-munt"></div>
                  <div class="brk-muntin-horiz-thin2 brk-munt"></div>
                  <div class="brk-muntin-horiz-thin3 brk-munt"></div>
                </div>
                <div class="brk-f3-window-frame"></div>

              </div>
              <div class="brk-floor2-window-right">

                <div class="brk-f3-awning-top-container"></div>
                <div class="brk-f3-awning-base-container"></div>

                <div class="brk-f3-shutter-board win-l-side-left">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f3-shutter-board win-l-side-right">
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                  <div class="brk-f3-shutter-pane"></div>
                </div>

                <div class="brk-f2-curtain-right">

                  <svg viewBox="0 0 53 113">
                    <path d="M53 0H0v73.8c2.9 3.6 6.9 7.1 10.6 6.8 3.5-.3 4.1-2.6 6-5.2 1.9-2.7 3.7-5.3 5.4-8.1.7-1.5 1.3-3.1 1.7-4.8.3-1.5 1.3-7 1.6-8.1.4-6.3 1-12.6 2.1-18.9.2-6.2.3-12.9 1.8-18.8 1.4-5.7 2.5 6 2.4 4.4l.3 3.3.3 3.3c.3 1.4.5 2.9.6 4.3.7 7.4-.3 15.3 0 23 0 1.3.1 2.6.2 3.8.9 4.7 1 9.1 3.8 12.9-.8 3.7 3.3 18 3.9 19.5.4.5.9 1.2 1.3 2 .3.2 6.4 5 6.7 5.9.6 1.5 3.2 8.4 4.1 9.9.1 0 .2-85.4.2-109z" class="br-f2-curt-r-4"/>
                    <path d="M15-10.1C15 19 13 49 14 78.5" class="br-f2-curt-r-1"/>
                    <path d="M29.5 0c-.1 4.9-.2 9.7-.3 14.6" class="br-f2-curt-r-0"/>
                    <path d="M24.8 50.8C24 51 22 50 21 50c-5 1-9 2-14 0-3-1-4 3-7 4M53 54.8c0-1.6-.5-2.9-1.1-3.9-.7-.8-1.6-1.2-2.4-1.6-1.6 0-3.2.8-4 1.8-2 1.1-3.7.8-5.8.2C38 50 36 50 33.8 49.6" class="br-f2-curt-r-2"/>
                    <path d="M18.9 71.3c-1.3.5-2.7 1.3-4.1 1.4-1.9.1-2.7-1-4.4-1.4-3.2-.8-6.5 2.4-9.8 2.2M52 78.2c-2.2-7.9-8.9-1.1-14-3.8M27 27.9c-2.5-.2-4.9-1.6-7.4-.3-2.5 1.2-3 2.8-6.1 2-2.3-.6-5.2-3.2-7.6-2.8-2.2.4-3.3 4.2-6 3.2M52.8 29.9c-1.4-2-2.8-2-4.1-1.6-1.4.4-2.7 1.2-4.3 1.6-2.4.5-4.2-.6-6-1.8-.9-.6-1.8-1.2-2.7-1.7s-1.9-.7-3-.6" class="br-f2-curt-r-3"/>
                  </svg>

                </div>
                <div class="brk-f3-munt-container">
                  <div class="brk-muntin-vert-left brk-munt"></div>
                  <div class="brk-muntin-vert-right brk-munt"></div>
                  <div class="brk-muntin-horiz-thin1 brk-munt"></div>
                  <div class="brk-muntin-horiz-thick brk-munt"></div>
                  <div class="brk-muntin-horiz-thin2 brk-munt"></div>
                  <div class="brk-muntin-horiz-thin3 brk-munt"></div>
                </div>
                <div class="brk-f3-window-frame"></div>





              </div>
              <svg class="brk-deck-rail" id="brk-rail-vector" viewBox="0 0 401 52.5">

                <path d="M398 9H4" class="brk-rail-3"/>
                <path d="M398 16.5H4M398 40.5H4" class="brk-rail-2"/>
                <path d="M114 28h25M127 16v25" class="brk-rail-3"/>
                <path d="M119.7 35l14.1-14.9" class="brk-rail-0"/>
                <circle cx="119.8" cy="34.9" r="2.8"/>
                <circle cx="133.7" cy="20.2" r="2.8"/>
                <path d="M119.7 20.1L133.8 35" class="brk-rail-0"/>
                <circle cx="119.8" cy="20.2" r="2.8"/>
                <circle cx="133.7" cy="34.9" r="2.8"/>
                <circle cx="126.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                <path d="M398 16.5H83" class="brk-rail-2"/>
                <path d="M115 41V9M119 9v7M123 9v7M131 9v7M135 9v7M41 9v7M45 9v7M53 9v7M57 9v7M197 9v7M201 9v7M209 9v7M213 9v7M139 9v32M192 28h25M205 16v25" class="brk-rail-3"/>
                <path d="M197.7 35l14.1-14.9" class="brk-rail-0"/>
                <circle cx="197.8" cy="34.9" r="2.8"/>
                <circle cx="211.7" cy="20.2" r="2.8"/>
                <path d="M197.7 20.1L211.8 35" class="brk-rail-0"/>
                <circle cx="197.8" cy="20.2" r="2.8"/>
                <circle cx="211.7" cy="34.9" r="2.8"/>
                <circle cx="204.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                <path d="M271 28h25M284 16v25" class="brk-rail-3"/>
                <path d="M276.7 35l14.1-14.9" class="brk-rail-0"/>
                <circle cx="276.8" cy="34.9" r="2.8"/>
                <circle cx="290.7" cy="20.2" r="2.8"/>
                <path d="M276.7 20.1L290.8 35" class="brk-rail-0"/>
                <circle cx="276.8" cy="20.2" r="2.8"/>
                <circle cx="290.7" cy="34.9" r="2.8"/>
                <circle cx="283.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                <path d="M350 28h25M363 16v25" class="brk-rail-3"/>
                <path d="M355.7 35l14.1-14.9" class="brk-rail-0"/>
                <circle cx="355.8" cy="34.9" r="2.8"/>
                <circle cx="369.7" cy="20.2" r="2.8"/>
                <path d="M355.7 20.1L369.8 35" class="brk-rail-0"/>
                <circle cx="355.8" cy="20.2" r="2.8"/>
                <circle cx="369.7" cy="34.9" r="2.8"/>
                <circle cx="362.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                <path d="M161 9v34M167 41V9M174 41V9M180 41V9M144 41V9M151 41V9M157 41V9M187 41V9M36 28h25M49 16v25" class="brk-rail-3"/>
                <path d="M41.7 35l14.1-14.9" class="brk-rail-0"/>
                <circle cx="41.8" cy="34.9" r="2.8"/>
                <circle cx="55.7" cy="20.2" r="2.8"/>
                <path d="M41.7 20.1L55.8 35" class="brk-rail-0"/>
                <circle cx="41.8" cy="20.2" r="2.8"/>
                <circle cx="55.7" cy="34.9" r="2.8"/>
                <circle cx="48.8" cy="27.5" r="7.7" class="brk-rail-0"/>
                <path d="M37 41V9M61 9v32M83 9v34M89 41V9M96 41V9M102 41V9M66 41V9M73 41V9M79 41V9M109 41V9M5 9v34M11 41V9" class="brk-rail-3"/>
                <path d="M4 40V8" class="brk-rail-1"/>
                <path d="M395 40V8M18 41V9M24 41V9M31 41V9M193 41V9M217 9v32M276 9v7M280 9v7M288 9v7M292 9v7M240 9v34M246 41V9M253 41V9M259 41V9M223 41V9M230 41V9M236 41V9M266 41V9M272 41V9M296 9v32M355 9v7M359 9v7M367 9v7M371 9v7M319 9v34M325 41V9M332 41V9M338 41V9M381 41V9M388 41V9M394 41V9M397 41V9M302 41V9M309 41V9M315 41V9M345 41V9M351 41V9M375 9v32" class="brk-rail-3"/>
                <path d="M4 8l1 1M395 7l2 .8" class="brk-rail-1"/>
              </svg>

              <div class="brk-floor2-deck">
                <div class="brk-f3-top"></div>
                <div class="brk-f3-bot">
                  <div class="floor2-deck-shad-side">
                    <svg viewBox="-6 5 410 117">
                      <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-13.8105" y1="39.1504" x2="25.3087" y2="39.1504">
        <stop  offset="0.1827" style="stop-color:#000000;stop-opacity:0"/>
        <stop  offset="0.9987" style="stop-color:#000000;stop-opacity:0.7"/>
      </linearGradient>
      <path class="st0" d="M20.7,49c1.5-1.9,3.1-3.9,4.6-5.8L25.1,5.3L1.4,37.8C1.4,49,1.7,68.8,1.7,73C8,64.9,14.4,56.9,20.7,49z"/>  </svg>

                  </div>
                  <div class="floor2-deck-shad-under">
                    <svg viewBox="0 0 410 76">

                      <linearGradient id="SVGID_1_" x1="201.875" x2="201.875" y1="76" y2="-39.5894" gradientUnits="userSpaceOnUse">
                        <stop offset="0" stop-opacity="0"/>
                        <stop offset=".1413" stop-opacity=".1413"/>
                        <stop offset="1"/>
                      </linearGradient>
                      <path d="M410 0H20.2c-1.8 2.3-3.7 4.7-5.5 7-7 8.8-14 17.5-21 26.3V76h355.7c5.2-6.6 10.4-13.2 15.6-19.7 10.7-13.5 21.4-26.9 32.2-40.3-.7.8 9.4-12.3 12.7-15.6V0z" class="st0"/>
                    </svg>
                  </div>
                </div>
              </div>
            </div>


          </div>

          <div class="brk-first-floor-container">
            <div class="brk-gutter-pipe-right">
              <svg viewBox="0 0 27 495">
                <path d="M6 426h9.5v68.4H6z" class="st2"/>
                <path d="M-291.2-58.6h29.9v42.9h-29.9z" class="st6"/>
                <path d="M0-11h27v1.4H0z" class="st1"/>
                <path d="M1.6-.2C1 5 3 10 5.5 13.9c.1.1.2.3.3.4.1.1.2.3.3.4.1.1.2.3.3.4.2.2.5.5.8.7.1.1.3.2.4.4C11 20 20 22 17.9 29.4" class="st4"/>
                <path d="M4.8 0c-1 2.9-.1 5.8 1.2 8.6 0 .2.1.4.2.6C8 16 15 17 19.2 22.5c.1.2.2.3.3.5.6 1.1 1.1 2.3 1.2 3.8 0 .2.1.4.1.6.1.6.1 1.2.1 1.8" class="st0"/>
                <path d="M27.1 44.6C23 43 18 48 15.4 42.7c0-.1-.1-.2-.1-.3l-.3-1.2c-.1-.2-.1-.4-.2-.6-.6-2.6-.4-5.6.4-8.5v-.5c0-.2.1-.4.2-.6.3-1 .8-2 1.5-2.9 1-1 3 1 5.2.5h4.8V36.4c0 2.7 0 4.7.1 8 .1.1.1.2.1.2z" class="st5"/>
                <path d="M20 44.6V304" class="st3"/>
                <path d="M18 44.6V304" class="st4"/>
                <path d="M20.2 303c-.1 2.5-1.2 4-2.4 5.3l-.4.4C10 313 12 320 12 327v99" class="st3"/>
                <path d="M18.4 303.5c.4 2.3-1.1 3.5-2.6 4.8-.2.1-.3.3-.5.4C9 313 10 320 10 325.5V426" class="st4"/>
                <path d="M7.8 426v67.2" class="st7"/>
              </svg>
            </div>
            <div class="brk-front-awning">
              <div class="brk-front-awning-top"></div>
              <div class="brk-front-awning-mid"></div>
              <div class="brk-front-awning-bot"></div>
            </div>
            <div class="brk-entrances-container">
              <div class="brk-triple-door-container">
                <div class="brk-trip-door-awning-top"></div>
                <div class="brk-trip-door-awning-bot"></div>
                <div class="brk-trip-door-top">
                  <div class="brk-trip-vent-left vent"></div>
                  <div class="brk-trip-vent-ctr vent"></div>
                  <div class="brk-trip-vent-right vent"></div>
                  <div class="brk-trip-door-frame-trim"></div>
                </div>
                <div class="brk-trip-door-bot">

                  <div class="brk-trip-door-left trip-door-bottom-map">
                    <div class="trip-door-knob-container">
                      <span class="knob">c</span>
                    </div>
                    <div class="trip-door-panel-top"></div>
                    <div class="trip-door-panel-top"></div>
                    <div class="trip-door-panel-bot"></div>
                    <div class="trip-door-panel-bot"></div>
                  </div>
                  <div class="brk-trip-door-ctr trip-door-bottom-map">
                    <div class="trip-door-knob-container">
                      <span class="knob">s</span>
                    </div>
                    <div class="trip-door-panel-top"></div>
                    <div class="trip-door-panel-top"></div>
                    <div class="trip-door-panel-bot"></div>
                    <div class="trip-door-panel-bot"></div>
                  </div>
                  <div class="brk-trip-door-right trip-door-bottom-map">
                    <div class="trip-door-knob-container">
                      <span class="knob">s</span>
                    </div>
                    <div class="trip-door-panel-top"></div>
                    <div class="trip-door-panel-top"></div>
                    <div class="trip-door-panel-bot"></div>
                    <div class="trip-door-panel-bot"></div>
                  </div>
                  <div class="front-step"></div>

                </div>
              </div>

              <div class="brk-right-door-container">
                <div class="brk-right-inner-door">
                  <div class="brk-inner-door-grill">
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                  </div>
                  <div class="brk-inner-door-frame-top">
                    <div class="brk-right-door-sill-top"></div>
                    <div class="brk-right-door-sill-bot"></div>
                  </div>
                  <div class="brk-inner-door-panel-container">
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel-tall"></div>
                    <div class="brk-right-front-door-panel-tall"></div>
                    <div class="brk-right-front-door-panel-tall"></div>
                    <div class="brk-right-front-door-panel-tall"></div>
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel"></div>
                    <div class="brk-right-front-door-panel"></div>
                  </div>
                </div>
                <div class="brk-right-door-frame">
                  <svg viewBox="0 0 130 126">

                    <path d="M0 0h65v12.5H0z" class="st1"/>
                    <path d="M1 5.8h12.5v102.3H1z" class="st1"/>
                    <path d="M1 0v15.5" class="st2"/>
                    <path d="M2.6 17.3C2.1 47.5 1.5 77.8 1 108.1" class="st7"/>
                    <path d="M1 15.5l2.3 1.8" class="st5"/>
                    <path d="M0 108.1h14V126H0z" class="st0"/>
                    <path d="M0 108.5h13.4" class="st6"/>
                    <path d="M0 1h69.3" class="st3"/>
                    <path d="M63 0h67.6v12.5H63z" class="st1"/>
                    <path d="M116 5.8h12.5v102.3H116z" class="st1"/>
                    <path d="M129.6 0v15.5" class="st2"/>
                    <path d="M128 17.3c.5 30.3 1.1 60.5 1.6 90.8" class="st7"/>
                    <path d="M129.6 15.5l-2.4 1.8" class="st5"/>
                    <path d="M116.6 108.1h14V126h-14z" class="st0"/>
                    <path d="M130.6 108.5h-13.4" class="st6"/>
                    <path d="M130.6 1H61.4" class="st4"/>
                  </svg>

                </div>

              </div>
            </div>

          </div>
          <!--first flr container END-->

          <div class="brick-container">
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>
            <p class="brick even"></p>
            <p class="brick odd"></p>

          </div>

        </div>
      </div>










      <!-- ================SHORT HOUSE=============== -->
      <div class="short-house">
        <div class="short-sky"></div>
        <div class="short-chimney-container">
          <div class="eps-b-col-1"></div>
          <div class="short-chimney">
            <div class="short-chimney-cap"></div>
            <div class="short-chimney-body"></div>
          </div>
          <div class="eps-b-col-3"></div>
        </div>
        <div class="short-roof">
          <div class="short-roof-right">
            <div class="short-mini-roof-top"></div>
            <div class="short-mini-roof-body"></div>
            <div class="short-angled-facade"></div>

            <svg class="short-angled-facade" viewBox="0 0 70 51">
            <path d="M1 41.5V51h69V5.1C69.6 5.3 3.8 40 1 41.5z" class="st1"/>
            <path d="M6.5 39v12" class="st2"/>
            <path d="M69.6 0L.4 39.2V44L69.6 5.3V0z" class="st3"/>
            <path d="M.5 51v-9" class="st0"/>
          </svg>
          </div>
        </div>
        <div class="short-gutter"></div>
        <div class="short-awning">
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
          <div class="short-awning-panel"></div>
        </div>
        <div class="short-facade">
          <div class="short-awning-base"></div>
          <div class="left-pole">
            <svg class="short-house-pole" viewBox="0 0 8 108">
              <path d="M8 101.6c0 6.3-.5 6.4-3.8 6.4h-.5c-3.3 0-3.7-.1-3.7-6.4V83.3C0 79.8 1.9 77 3.7 77h.6C6.1 77 8 79.8 8 83.3v18.3z" class="st3"/>
              <path d="M6 13.8c0 1.1-.8 2.2-1.8 2.2h-.4c-1 0-1.8-1.1-1.8-2.2V11c0-1.1.8-2 1.8-2h.5c.9 0 1.7.9 1.7 2v2.8z" class="st4"/>
              <path d="M7.6 5H.3c0 .1.1.2.1.2.3.9.7 1.8 1 2.7.1.2.4.8.4 1.1h4.3l.1-.2c.3-.8.6-1.8.9-2.7.1-.2.3-.8.5-1.1z" class="st2"/>
              <path d="M8 4.2V0H0v4c.1.3.3.6.4 1h7.3c-.1-.2.2-.7.3-.8z" class="st6"/>
              <path d="M-56.7 25.4l.1.1" class="st5"/>
              <path d="M2 9.5h4" class="st7"/>
              <path d="M5 74.7c2.1-.1 3.5-8.9.6-59.2h-3C-.6 65.8.8 74.6 2.9 74.7H5z" class="st0"/>
              <path d="M7.5 76.5c0 .5-1.4 1-3.2 1h-.8c-1.8 0-3-.5-3-1v-1.2c0-.5 1.2-.9 3-.9h.8c1.8 0 3.2.4 3.2.9v1.2z" class="st1"/>
            </svg>
          </div>
          <div class="sh-tarp-left">

            <svg class="tarp" viewBox="0 0 155 28">
              <path d="M155 27.5c-1.2-.5-2.4-.8-3.6-1.1-.4-.1-.8-.2-1.2-.2-3.7-.3-7.3-.3-10.9-.2-.4 0-.8 0-1.2.1C127 26 115 29 103.5 27.4c-.4-.1-.8-.1-1.2-.2-5.8-.9-11.6-2.2-17.3-2h-1.2c-2.8-.1-5.5-.1-8.3 0h-1C62 25 48 28 35.4 27c-.4 0-.8-.1-1.1-.1-7.6-.7-15.2-1.4-23-.8-.4 0-.8 0-1.1.1-3.5.2-6.9.8-10.2 1.8v-4.7-1.2V7.3v-.8V0c7.6 2.9 15.3 2.8 22.9 1.9.4 0 .8-.1 1.1-.1C35.2 1.1 45.5-.7 56.6.4c.4 0 .8.1 1.2.1 9 1.6 18.8 3 28.3 2.5.4 0 .8 0 1.1-.1C98 2 109-1 121 1.5c.4.1.8.1 1.2.2 9.2 1.3 18.6 2.3 28 .3.4-.1.8-.1 1.2-.2 1.2-.2 2.4-.4 3.6-.7v26.4z" class="st2"/>
              <path d="M16.4 2.2c-.1.2-.2.1-.4 0v23.7c.7-.2 1.4-.2 2 .1V2.4c-.6.2-1.2.2-1.6-.2zM81 25.2V2.8c-.7 0-1.3 0-2 .1v22.3c.7-.1 1.3-.1 2 0z" class="st1"/>
              <path d="M139.7 23.9c4.5-.7 9.2-1.7 13.4.5" class="st5"/>
              <path d="M142 25.8v-23c-.7-.1-1.3 0-2 .1v23c.7-.2 1.4-.4 2-.1z" class="st1"/>
              <path d="M46.6-9c5.5 0 11.2-.3 16.6.3" class="st4"/>
              <path d="M34.8 21.8c8.8.8 15.9-1.2 24.3-2 2.3-.2 4.7-.4 7.1-.2" class="st3"/>
              <path d="M91.5 20.1c11.5 0 23.8 3.1 35 2.3 2.3-.2 5.1-1 7.3-1.6" class="st0"/>
            </svg>

          </div>
          <div class="short-step"></div>
          <div class="short-door-post-left"></div>
          <div class="short-door">
            <div class="short-door-texture"></div>
          </div>
          <div class="short-door-post-right"></div>
          <div class="right-pole">
            <svg class="short-house-pole" viewBox="0 0 8 108">
              <path d="M8 101.6c0 6.3-.5 6.4-3.8 6.4h-.5c-3.3 0-3.7-.1-3.7-6.4V83.3C0 79.8 1.9 77 3.7 77h.6C6.1 77 8 79.8 8 83.3v18.3z" class="st3"/>
              <path d="M6 13.8c0 1.1-.8 2.2-1.8 2.2h-.4c-1 0-1.8-1.1-1.8-2.2V11c0-1.1.8-2 1.8-2h.5c.9 0 1.7.9 1.7 2v2.8z" class="st4"/>
              <path d="M7.6 5H.3c0 .1.1.2.1.2.3.9.7 1.8 1 2.7.1.2.4.8.4 1.1h4.3l.1-.2c.3-.8.6-1.8.9-2.7.1-.2.3-.8.5-1.1z" class="st2"/>
              <path d="M8 4.2V0H0v4c.1.3.3.6.4 1h7.3c-.1-.2.2-.7.3-.8z" class="st6"/>
              <path d="M-56.7 25.4l.1.1" class="st5"/>
              <path d="M2 9.5h4" class="st7"/>
              <path d="M5 74.7c2.1-.1 3.5-8.9.6-59.2h-3C-.6 65.8.8 74.6 2.9 74.7H5z" class="st0"/>
              <path d="M7.5 76.5c0 .5-1.4 1-3.2 1h-.8c-1.8 0-3-.5-3-1v-1.2c0-.5 1.2-.9 3-.9h.8c1.8 0 3.2.4 3.2.9v1.2z" class="st1"/>
            </svg>
          </div>


        </div>
      </div>

      <!-- ================SIDEWALK=============== -->
      <div class="sidewalk">
        <div class="pavement"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
        <div class="stone"></div>
      </div>

      <!-- ================EARTH=============== -->
      <div class="earth"></div>

    </div>


  </div>
  <!-- firmament-container END -->

  <svg class="intro-logo" viewbox="0 0 700 400">

          <path class="cap-c intro-logo" d="M122.67,30.67l-15.4,11.62C98.84,30.67,82.68,23.7,70.65,23.7c-13.25,0-25,4.65-32.76,12.5-9.25,9.34-13.73,21.17-13.73,34.87,0,13.53,5.11,23.83,14.24,33.12S58,117,71.23,117a42,42,0,0,0,17.68-4.21,50.32,50.32,0,0,0,8.31-4.51c2.87-1.89,7.45-7.79,10.63-10.46L123,109.41c-18,22.66-39.48,26.73-51.72,26.73-18.42,0-34-6-47.07-18.89S4.58,89.49,4.58,71.17c0-16.42,5-31.14,15.81-44C33.74,11.43,50,4.23,71.24,4.23c11.58,0,34,4.36,51.43,26.44Z" transform="translate(50 200)"/>

          <path class="cap-s-1 intro-logo" d="M217.48,29.8l-18.6,6.68c-1.74-5.23-6-12.49-17.6-12.79-5.4-.14-8.64,1.88-12.2,4.94s-6.41,8.52-6.1,13.08c.58,8.72,4.81,17.75,19.05,18.89,32.83,2.62,37.19,28.34,37.19,37.19,0,11.87-3.69,20.43-12.78,28.48-7.56,6.68-14.64,9.59-26.44,9.59-20.34,0-31.17-16.62-34.37-25.63l18.38-6.5c.58,3.49,7.57,13.82,17.45,12.95,6-.53,18.37-4,18.05-17.95-.29-12.79-9.34-19-19.22-19.24C163.73,79,144,69,143.39,42.59c-.21-9.67,3.64-21.1,11-27.6A39.78,39.78,0,0,1,181.74,4.52,38.35,38.35,0,0,1,217.49,29.8Z" transform="translate(50 200)"/>
          <path class="logo-dev" d="M335.83,54.34q3.87,0,5.34-1.8t2.56-8l4.78-27.21q.31-2,.47-3.27a20.23,20.23,0,0,0,.16-2.51q0-2.43-1.09-3.18a7.34,7.34,0,0,0-3.94-.76l.25-1.76h17.5q8.71,0,12.94,4.94T379,24.2a73,73,0,0,1-1.26,10.43Q376.53,42,370,49.07t-17,7H335.49Zm13.48-11.05a34.62,34.62,0,0,0-.75,5.95,3.53,3.53,0,0,0,1,3,6.38,6.38,0,0,0,3.72.8q8.54,0,12.85-6.36a31.22,31.22,0,0,0,5.28-11.89q1-5.53,1.21-7.83a39.13,39.13,0,0,0,.25-4.23q0-6.28-2.6-10t-9-3.73h-5.95Z" transform="translate(50 200)"/>
          <path class="logo-dev" d="M389.79,54.18A8.73,8.73,0,0,0,393.54,53a16.56,16.56,0,0,0,3.92-2.72l.75,1.68a18.72,18.72,0,0,1-5,4,11.54,11.54,0,0,1-5.53,1.55,8.08,8.08,0,0,1-6.82-3.27,13.64,13.64,0,0,1-2.47-8.46V44.3a42.16,42.16,0,0,1,.8-4.63q.79-4,5.11-8.38t8.83-4.42a6.35,6.35,0,0,1,4.56,1.63,5.64,5.64,0,0,1,1.71,4.3,24,24,0,0,1-.42,2.63q-.42,2.21-4.46,5.55t-11.36,4.84a10.27,10.27,0,0,0,1.6,6.18,5.87,5.87,0,0,0,5.06,2.17Zm5.23-20a4.38,4.38,0,0,0,.09-1q0-2.91-2.65-2.91-3,0-5.52,3.24a20.07,20.07,0,0,0-3.55,8.74l-.26,1.33a19,19,0,0,0,8.25-3.91A10.37,10.37,0,0,0,395,34.14Z" transform="translate(50 200)"/>
          <path class="logo-dev" d="M410.69,26.88Q410.52,28,408.34,35a93.11,93.11,0,0,0-2.68,10,28.64,28.64,0,0,0-.5,4,6.38,6.38,0,0,0,1.09,4,3.47,3.47,0,0,0,2.85,1.38q3,0,5.82-3.42a16.44,16.44,0,0,0,3.56-7.6,38.63,38.63,0,0,0,.75-6.1,11.62,11.62,0,0,0-1.34-5.64,7.76,7.76,0,0,1-1.26-3.21,1.89,1.89,0,0,1,2.09-1.59c.89,0,1.68.64,2.34,1.92a13.6,13.6,0,0,1,1,6,53.17,53.17,0,0,1-.92,8.31,20.71,20.71,0,0,1-4.69,9.9q-3.77,4.51-8.21,4.51-4.19,0-6-2.05A7.9,7.9,0,0,1,400.39,50a23.67,23.67,0,0,1,.33-3.56q.33-2.14,3.1-8.25t2.85-6.45q-1.26-.58-2.51-1.13a7.1,7.1,0,0,0-2.85-.54,3.48,3.48,0,0,0-1.68.6A9.39,9.39,0,0,0,398,31.91v-2a9.67,9.67,0,0,1,2.72-2,6.43,6.43,0,0,1,2.72-.81,15,15,0,0,1,2.43.21c.84.14,1.31.21,1.42.21a3.88,3.88,0,0,0,2-.67h1.42Z" transform="translate(50 200)"/>
          <path class="cap-s-2" d="M314.48,29.8l-18.6,6.68c-1.74-5.23-6-12.49-17.6-12.79-5.4-.14-8.64,1.88-12.2,4.94s-6.41,8.52-6.1,13.08c.58,8.72,4.81,17.75,19,18.89,32.83,2.62,37.19,28.34,37.19,37.19,0,11.86-3.69,20.43-12.78,28.48-7.56,6.68-14.64,9.59-26.44,9.59-20.34,0-31.17-16.62-34.37-25.63l18.38-6.5c.58,3.49,7.57,13.82,17.45,12.95,6-.53,18.37-4,18.05-17.95-.29-12.79-9.34-19-19.22-19.24C260.73,79,241,69,240.39,42.59c-.21-9.67,3.64-21.1,11-27.6A39.78,39.78,0,0,1,278.74,4.52,38.35,38.35,0,0,1,314.49,29.8Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M365.59,130.38q0-1.13,0-2.64a3.26,3.26,0,0,0-.82-2.3,24.64,24.64,0,0,1-6.54,5.41,14.12,14.12,0,0,1-6.88,1.95,13.31,13.31,0,0,1-11.26-6q-4.33-6-4.33-15.16A71.16,71.16,0,0,1,337,101.32q1.25-7.32,8.53-15.37T361,77.9q6.84,0,10.83,7.36a6.47,6.47,0,0,0,1.3-1.82,27.87,27.87,0,0,0,1.39-3.12h1.73l-3.38,19.05H371Q371,90.8,368.4,86a8.47,8.47,0,0,0-7.84-4.76q-6.5,0-11.26,7.4a38.78,38.78,0,0,0-5.93,14A63.4,63.4,0,0,0,342.21,113a25.23,25.23,0,0,0,2.42,11.69,7.9,7.9,0,0,0,7.45,4.67q5.28,0,9.74-4.81T369,111.31h1.82l-3.38,19.05h-1.82Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M382.73,132.8a9.45,9.45,0,0,1-7.71-3.63,13.92,13.92,0,0,1-2.94-9.07,38.72,38.72,0,0,1,.74-5.57q.73-4.1,5.41-8.77t10.13-4.66a9.37,9.37,0,0,1,7.54,3.54,13.58,13.58,0,0,1,2.95,9,39.48,39.48,0,0,1-.74,5.7q-.74,4.14-5.33,8.81T382.73,132.8Zm5.2-29q-3.72,0-6.32,3.67a19.72,19.72,0,0,0-3.38,7.85,38.15,38.15,0,0,0-.78,6.52,11.4,11.4,0,0,0,1.38,6.09,4.74,4.74,0,0,0,4.33,2.2q3.72,0,6.28-3.67a20,20,0,0,0,3.33-7.9,38.7,38.7,0,0,0,.78-6.47,11.38,11.38,0,0,0-1.39-6.08,4.66,4.66,0,0,0-4.24-2.2Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M400.14,131.33,404.47,108v-1.82q0-1.82-1.13-1.82a3.61,3.61,0,0,0-1.77.58,7.27,7.27,0,0,0-1.69,1.32v-2.08q2.77-2.86,5.63-2.86,3.9,0,3.89,4.42v1.56l-.35.78a16.8,16.8,0,0,1,4.59-5.09,9.29,9.29,0,0,1,5.46-1.93,5.69,5.69,0,0,1,5,2.24,10.47,10.47,0,0,1,1.6,6.19,26.05,26.05,0,0,1-.45,4.38l-2.13,11.87c0,.81,0,1.38,0,1.73,0,1.21.37,1.82,1.13,1.82a3.42,3.42,0,0,0,1.69-.61,12.1,12.1,0,0,0,1.78-1.3v2q-3,3-5.71,3a3.41,3.41,0,0,1-2.86-1.21,5.18,5.18,0,0,1-1-3.29v-1.56l2.17-12a26.44,26.44,0,0,0,.43-4.2,6.15,6.15,0,0,0-.94-3.73,3.62,3.62,0,0,0-3.09-1.25q-2.4,0-5.31,3.58a20.48,20.48,0,0,0-3.94,9.7L405,131.31Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M428.2,105.52l.61-3h5.59l1.48-8.57a22.25,22.25,0,0,1,5.38-11.69q4.08-4.33,8.5-4.33A7.57,7.57,0,0,1,455.47,80a5,5,0,0,1,1.65,4.33,2.46,2.46,0,0,1-2.69,2.16q-1.65,0-2.25-3t-3.21-3q-2.34,0-4.68,3.38t-3.55,10.13l-1.51,8.57h7l-.61,3h-7l-6.1,35.08q-1.3,7.23-4.24,10.5a9.21,9.21,0,0,1-7.1,3.27,6.9,6.9,0,0,1-5.37-2,4.64,4.64,0,0,1-1.39-4.16,2.68,2.68,0,0,1,2.86-2.43q1.73,0,2,3c.17,2,1.1,3,2.77,3q1.91,0,3.2-2.58a35.36,35.36,0,0,0,2.43-8.68l6.1-35.08Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M452.57,129.34a9,9,0,0,0,3.88-1.17,17.11,17.11,0,0,0,4.05-2.81l.78,1.74a19.36,19.36,0,0,1-5.2,4.11,11.94,11.94,0,0,1-5.72,1.6,8.35,8.35,0,0,1-7.06-3.38,14.1,14.1,0,0,1-2.56-8.75v-1.55a43.84,43.84,0,0,1,.82-4.78q.82-4.1,5.28-8.67t9.14-4.57a6.57,6.57,0,0,1,4.72,1.68,5.84,5.84,0,0,1,1.78,4.45,24.8,24.8,0,0,1-.44,2.72q-.43,2.29-4.61,5.74t-11.75,5a10.62,10.62,0,0,0,1.65,6.39,6,6,0,0,0,5.22,2.25ZM458,108.61a4.53,4.53,0,0,0,.09-1q0-3-2.74-3-3.1,0-5.7,3.35a20.75,20.75,0,0,0-3.67,9l-.26,1.38a19.66,19.66,0,0,0,8.54-4,10.66,10.66,0,0,0,3.76-5.67Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M480.33,101.11a4.14,4.14,0,0,1,3.38,1.26,4.79,4.79,0,0,1,1,3.16,8.12,8.12,0,0,1-.17,1.56,2.93,2.93,0,0,1-1.11,1.64,3.34,3.34,0,0,1-2.22.78,2.22,2.22,0,0,1-1.79-.82,2.35,2.35,0,0,1-.51-1.95v-.87c0-.63-.29-1-.87-1q-2.08,0-4.68,4.75T469.25,123l-1.47,8.37h-4.59L467.51,108v-1.82q0-1.82-1.13-1.82a3.62,3.62,0,0,0-1.77.58,7.29,7.29,0,0,0-1.69,1.32v-2.08q2.77-2.86,5.63-2.86,3.55,0,3.55,4.16v1.82l-.61,2.17a17.36,17.36,0,0,1,4-6.21A7.07,7.07,0,0,1,480.33,101.11Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M492.23,129.34a9,9,0,0,0,3.88-1.17,17.15,17.15,0,0,0,4.05-2.81l.78,1.74a19.36,19.36,0,0,1-5.2,4.11,11.94,11.94,0,0,1-5.72,1.6,8.36,8.36,0,0,1-7.06-3.38,14.1,14.1,0,0,1-2.55-8.75v-1.55a43.72,43.72,0,0,1,.82-4.78q.82-4.09,5.28-8.67t9.14-4.57a6.57,6.57,0,0,1,4.72,1.68,5.84,5.84,0,0,1,1.78,4.45,24.8,24.8,0,0,1-.44,2.72q-.43,2.29-4.61,5.74t-11.75,5a10.62,10.62,0,0,0,1.65,6.39,6,6,0,0,0,5.22,2.25Zm5.41-20.73a4.53,4.53,0,0,0,.09-1q0-3-2.74-3-3.1,0-5.7,3.36a20.78,20.78,0,0,0-3.67,9l-.27,1.38a19.66,19.66,0,0,0,8.54-4,10.7,10.7,0,0,0,3.76-5.68Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M502.84,131.33,507.17,108v-1.82q0-1.82-1.13-1.82a3.62,3.62,0,0,0-1.77.58,7.29,7.29,0,0,0-1.69,1.32v-2.08q2.77-2.86,5.63-2.86,3.9,0,3.89,4.42v1.56l-.35.78a16.8,16.8,0,0,1,4.59-5.09,9.29,9.29,0,0,1,5.46-1.93,5.7,5.7,0,0,1,5,2.24,10.46,10.46,0,0,1,1.6,6.19,26.22,26.22,0,0,1-.45,4.39l-2.13,11.87c0,.81,0,1.38,0,1.73,0,1.21.37,1.82,1.13,1.82a3.43,3.43,0,0,0,1.69-.61,12.2,12.2,0,0,0,1.78-1.3v2q-3,3-5.72,3a3.41,3.41,0,0,1-2.86-1.21,5.18,5.18,0,0,1-1-3.29v-1.56l2.17-12a26.44,26.44,0,0,0,.43-4.2,6.14,6.14,0,0,0-.94-3.73,3.62,3.62,0,0,0-3.09-1.25q-2.4,0-5.31,3.58a20.48,20.48,0,0,0-3.94,9.7l-2.48,12.86Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M539.12,132.8a8.1,8.1,0,0,1-6.71-3,12.43,12.43,0,0,1-2.38-8v-1.64q0-.69.82-5.18t5.24-9.2q4.42-4.71,8.66-4.71,3.9,0,5.54,1.86a4.53,4.53,0,0,1,1.3,3.85,4.84,4.84,0,0,1-.91,2,2.35,2.35,0,0,1-2,.82q-1.83,0-2.26-2.9t-2.18-2.9q-2.52,0-5.14,3.63a18.37,18.37,0,0,0-3.31,7.34q-.7,3.71-.78,4.74c-.06.69-.09,1.32-.09,1.9q0,7.86,6.44,7.85,3.75,0,7.66-3.9l.87,1.72a18.11,18.11,0,0,1-5.15,4.11,12.05,12.05,0,0,1-5.66,1.54Z" transform="translate(50 200)"/>
          <path class="logo-conf" d="M561.16,129.34a9,9,0,0,0,3.88-1.17,17.15,17.15,0,0,0,4.05-2.81l.78,1.74a19.36,19.36,0,0,1-5.2,4.11,11.94,11.94,0,0,1-5.72,1.6,8.36,8.36,0,0,1-7.06-3.38,14.1,14.1,0,0,1-2.55-8.75v-1.55a43.72,43.72,0,0,1,.82-4.78q.82-4.09,5.28-8.67t9.14-4.57a6.57,6.57,0,0,1,4.72,1.68,5.84,5.84,0,0,1,1.78,4.45,24.8,24.8,0,0,1-.44,2.72q-.43,2.29-4.61,5.74t-11.75,5a10.62,10.62,0,0,0,1.65,6.39,6,6,0,0,0,5.22,2.25Zm5.41-20.73a4.53,4.53,0,0,0,.09-1q0-3-2.74-3-3.1,0-5.7,3.36a20.78,20.78,0,0,0-3.67,9l-.27,1.38a19.66,19.66,0,0,0,8.54-4,10.75,10.75,0,0,0,3.76-5.68Z" transform="translate(50 200)"/>


    </svg>
    <svg id="conf-logo" viewbox="0 0 700 500">
      <defs>
        <mask id="mask" x="0" y="0" >
            <rect x="0" y="0" width="700" height="450" fill="#fff"/>


              <path class="cls-1" d="M122.67,30.67l-15.4,11.62C98.84,30.67,82.68,23.7,70.65,23.7c-13.25,0-25,4.65-32.76,12.5-9.25,9.34-13.73,21.17-13.73,34.87,0,13.53,5.11,23.83,14.24,33.12S58,117,71.23,117a42,42,0,0,0,17.68-4.21,50.32,50.32,0,0,0,8.31-4.51c2.87-1.89,7.45-7.79,10.63-10.46L123,109.41c-18,22.66-39.48,26.73-51.72,26.73-18.42,0-34-6-47.07-18.89S4.58,89.49,4.58,71.17c0-16.42,5-31.14,15.81-44C33.74,11.43,50,4.23,71.24,4.23c11.58,0,34,4.36,51.43,26.44Z"  transform="translate(40 200)"/>

              <path class="cls-1" d="M217.48,29.8l-18.6,6.68c-1.74-5.23-6-12.49-17.6-12.79-5.4-.14-8.64,1.88-12.2,4.94s-6.41,8.52-6.1,13.08c.58,8.72,4.81,17.75,19.05,18.89,32.83,2.62,37.19,28.34,37.19,37.19,0,11.87-3.69,20.43-12.78,28.48-7.56,6.68-14.64,9.59-26.44,9.59-20.34,0-31.17-16.62-34.37-25.63l18.38-6.5c.58,3.49,7.57,13.82,17.45,12.95,6-.53,18.37-4,18.05-17.95-.29-12.79-9.34-19-19.22-19.24C163.73,79,144,69,143.39,42.59c-.21-9.67,3.64-21.1,11-27.6A39.78,39.78,0,0,1,181.74,4.52,38.35,38.35,0,0,1,217.49,29.8Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M335.83,54.34q3.87,0,5.34-1.8t2.56-8l4.78-27.21q.31-2,.47-3.27a20.23,20.23,0,0,0,.16-2.51q0-2.43-1.09-3.18a7.34,7.34,0,0,0-3.94-.76l.25-1.76h17.5q8.71,0,12.94,4.94T379,24.2a73,73,0,0,1-1.26,10.43Q376.53,42,370,49.07t-17,7H335.49Zm13.48-11.05a34.62,34.62,0,0,0-.75,5.95,3.53,3.53,0,0,0,1,3,6.38,6.38,0,0,0,3.72.8q8.54,0,12.85-6.36a31.22,31.22,0,0,0,5.28-11.89q1-5.53,1.21-7.83a39.13,39.13,0,0,0,.25-4.23q0-6.28-2.6-10t-9-3.73h-5.95Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M389.79,54.18A8.73,8.73,0,0,0,393.54,53a16.56,16.56,0,0,0,3.92-2.72l.75,1.68a18.72,18.72,0,0,1-5,4,11.54,11.54,0,0,1-5.53,1.55,8.08,8.08,0,0,1-6.82-3.27,13.64,13.64,0,0,1-2.47-8.46V44.3a42.16,42.16,0,0,1,.8-4.63q.79-4,5.11-8.38t8.83-4.42a6.35,6.35,0,0,1,4.56,1.63,5.64,5.64,0,0,1,1.71,4.3,24,24,0,0,1-.42,2.63q-.42,2.21-4.46,5.55t-11.36,4.84a10.27,10.27,0,0,0,1.6,6.18,5.87,5.87,0,0,0,5.06,2.17Zm5.23-20a4.38,4.38,0,0,0,.09-1q0-2.91-2.65-2.91-3,0-5.52,3.24a20.07,20.07,0,0,0-3.55,8.74l-.26,1.33a19,19,0,0,0,8.25-3.91A10.37,10.37,0,0,0,395,34.14Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M410.69,26.88Q410.52,28,408.34,35a93.11,93.11,0,0,0-2.68,10,28.64,28.64,0,0,0-.5,4,6.38,6.38,0,0,0,1.09,4,3.47,3.47,0,0,0,2.85,1.38q3,0,5.82-3.42a16.44,16.44,0,0,0,3.56-7.6,38.63,38.63,0,0,0,.75-6.1,11.62,11.62,0,0,0-1.34-5.64,7.76,7.76,0,0,1-1.26-3.21,1.89,1.89,0,0,1,2.09-1.59c.89,0,1.68.64,2.34,1.92a13.6,13.6,0,0,1,1,6,53.17,53.17,0,0,1-.92,8.31,20.71,20.71,0,0,1-4.69,9.9q-3.77,4.51-8.21,4.51-4.19,0-6-2.05A7.9,7.9,0,0,1,400.39,50a23.67,23.67,0,0,1,.33-3.56q.33-2.14,3.1-8.25t2.85-6.45q-1.26-.58-2.51-1.13a7.1,7.1,0,0,0-2.85-.54,3.48,3.48,0,0,0-1.68.6A9.39,9.39,0,0,0,398,31.91v-2a9.67,9.67,0,0,1,2.72-2,6.43,6.43,0,0,1,2.72-.81,15,15,0,0,1,2.43.21c.84.14,1.31.21,1.42.21a3.88,3.88,0,0,0,2-.67h1.42Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M314.48,29.8l-18.6,6.68c-1.74-5.23-6-12.49-17.6-12.79-5.4-.14-8.64,1.88-12.2,4.94s-6.41,8.52-6.1,13.08c.58,8.72,4.81,17.75,19,18.89,32.83,2.62,37.19,28.34,37.19,37.19,0,11.86-3.69,20.43-12.78,28.48-7.56,6.68-14.64,9.59-26.44,9.59-20.34,0-31.17-16.62-34.37-25.63l18.38-6.5c.58,3.49,7.57,13.82,17.45,12.95,6-.53,18.37-4,18.05-17.95-.29-12.79-9.34-19-19.22-19.24C260.73,79,241,69,240.39,42.59c-.21-9.67,3.64-21.1,11-27.6A39.78,39.78,0,0,1,278.74,4.52,38.35,38.35,0,0,1,314.49,29.8Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M365.59,130.38q0-1.13,0-2.64a3.26,3.26,0,0,0-.82-2.3,24.64,24.64,0,0,1-6.54,5.41,14.12,14.12,0,0,1-6.88,1.95,13.31,13.31,0,0,1-11.26-6q-4.33-6-4.33-15.16A71.16,71.16,0,0,1,337,101.32q1.25-7.32,8.53-15.37T361,77.9q6.84,0,10.83,7.36a6.47,6.47,0,0,0,1.3-1.82,27.87,27.87,0,0,0,1.39-3.12h1.73l-3.38,19.05H371Q371,90.8,368.4,86a8.47,8.47,0,0,0-7.84-4.76q-6.5,0-11.26,7.4a38.78,38.78,0,0,0-5.93,14A63.4,63.4,0,0,0,342.21,113a25.23,25.23,0,0,0,2.42,11.69,7.9,7.9,0,0,0,7.45,4.67q5.28,0,9.74-4.81T369,111.31h1.82l-3.38,19.05h-1.82Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M382.73,132.8a9.45,9.45,0,0,1-7.71-3.63,13.92,13.92,0,0,1-2.94-9.07,38.72,38.72,0,0,1,.74-5.57q.73-4.1,5.41-8.77t10.13-4.66a9.37,9.37,0,0,1,7.54,3.54,13.58,13.58,0,0,1,2.95,9,39.48,39.48,0,0,1-.74,5.7q-.74,4.14-5.33,8.81T382.73,132.8Zm5.2-29q-3.72,0-6.32,3.67a19.72,19.72,0,0,0-3.38,7.85,38.15,38.15,0,0,0-.78,6.52,11.4,11.4,0,0,0,1.38,6.09,4.74,4.74,0,0,0,4.33,2.2q3.72,0,6.28-3.67a20,20,0,0,0,3.33-7.9,38.7,38.7,0,0,0,.78-6.47,11.38,11.38,0,0,0-1.39-6.08,4.66,4.66,0,0,0-4.24-2.2Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M400.14,131.33,404.47,108v-1.82q0-1.82-1.13-1.82a3.61,3.61,0,0,0-1.77.58,7.27,7.27,0,0,0-1.69,1.32v-2.08q2.77-2.86,5.63-2.86,3.9,0,3.89,4.42v1.56l-.35.78a16.8,16.8,0,0,1,4.59-5.09,9.29,9.29,0,0,1,5.46-1.93,5.69,5.69,0,0,1,5,2.24,10.47,10.47,0,0,1,1.6,6.19,26.05,26.05,0,0,1-.45,4.38l-2.13,11.87c0,.81,0,1.38,0,1.73,0,1.21.37,1.82,1.13,1.82a3.42,3.42,0,0,0,1.69-.61,12.1,12.1,0,0,0,1.78-1.3v2q-3,3-5.71,3a3.41,3.41,0,0,1-2.86-1.21,5.18,5.18,0,0,1-1-3.29v-1.56l2.17-12a26.44,26.44,0,0,0,.43-4.2,6.15,6.15,0,0,0-.94-3.73,3.62,3.62,0,0,0-3.09-1.25q-2.4,0-5.31,3.58a20.48,20.48,0,0,0-3.94,9.7L405,131.31Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M428.2,105.52l.61-3h5.59l1.48-8.57a22.25,22.25,0,0,1,5.38-11.69q4.08-4.33,8.5-4.33A7.57,7.57,0,0,1,455.47,80a5,5,0,0,1,1.65,4.33,2.46,2.46,0,0,1-2.69,2.16q-1.65,0-2.25-3t-3.21-3q-2.34,0-4.68,3.38t-3.55,10.13l-1.51,8.57h7l-.61,3h-7l-6.1,35.08q-1.3,7.23-4.24,10.5a9.21,9.21,0,0,1-7.1,3.27,6.9,6.9,0,0,1-5.37-2,4.64,4.64,0,0,1-1.39-4.16,2.68,2.68,0,0,1,2.86-2.43q1.73,0,2,3c.17,2,1.1,3,2.77,3q1.91,0,3.2-2.58a35.36,35.36,0,0,0,2.43-8.68l6.1-35.08Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M452.57,129.34a9,9,0,0,0,3.88-1.17,17.11,17.11,0,0,0,4.05-2.81l.78,1.74a19.36,19.36,0,0,1-5.2,4.11,11.94,11.94,0,0,1-5.72,1.6,8.35,8.35,0,0,1-7.06-3.38,14.1,14.1,0,0,1-2.56-8.75v-1.55a43.84,43.84,0,0,1,.82-4.78q.82-4.1,5.28-8.67t9.14-4.57a6.57,6.57,0,0,1,4.72,1.68,5.84,5.84,0,0,1,1.78,4.45,24.8,24.8,0,0,1-.44,2.72q-.43,2.29-4.61,5.74t-11.75,5a10.62,10.62,0,0,0,1.65,6.39,6,6,0,0,0,5.22,2.25ZM458,108.61a4.53,4.53,0,0,0,.09-1q0-3-2.74-3-3.1,0-5.7,3.35a20.75,20.75,0,0,0-3.67,9l-.26,1.38a19.66,19.66,0,0,0,8.54-4,10.66,10.66,0,0,0,3.76-5.67Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M480.33,101.11a4.14,4.14,0,0,1,3.38,1.26,4.79,4.79,0,0,1,1,3.16,8.12,8.12,0,0,1-.17,1.56,2.93,2.93,0,0,1-1.11,1.64,3.34,3.34,0,0,1-2.22.78,2.22,2.22,0,0,1-1.79-.82,2.35,2.35,0,0,1-.51-1.95v-.87c0-.63-.29-1-.87-1q-2.08,0-4.68,4.75T469.25,123l-1.47,8.37h-4.59L467.51,108v-1.82q0-1.82-1.13-1.82a3.62,3.62,0,0,0-1.77.58,7.29,7.29,0,0,0-1.69,1.32v-2.08q2.77-2.86,5.63-2.86,3.55,0,3.55,4.16v1.82l-.61,2.17a17.36,17.36,0,0,1,4-6.21A7.07,7.07,0,0,1,480.33,101.11Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M492.23,129.34a9,9,0,0,0,3.88-1.17,17.15,17.15,0,0,0,4.05-2.81l.78,1.74a19.36,19.36,0,0,1-5.2,4.11,11.94,11.94,0,0,1-5.72,1.6,8.36,8.36,0,0,1-7.06-3.38,14.1,14.1,0,0,1-2.55-8.75v-1.55a43.72,43.72,0,0,1,.82-4.78q.82-4.09,5.28-8.67t9.14-4.57a6.57,6.57,0,0,1,4.72,1.68,5.84,5.84,0,0,1,1.78,4.45,24.8,24.8,0,0,1-.44,2.72q-.43,2.29-4.61,5.74t-11.75,5a10.62,10.62,0,0,0,1.65,6.39,6,6,0,0,0,5.22,2.25Zm5.41-20.73a4.53,4.53,0,0,0,.09-1q0-3-2.74-3-3.1,0-5.7,3.36a20.78,20.78,0,0,0-3.67,9l-.27,1.38a19.66,19.66,0,0,0,8.54-4,10.7,10.7,0,0,0,3.76-5.68Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M502.84,131.33,507.17,108v-1.82q0-1.82-1.13-1.82a3.62,3.62,0,0,0-1.77.58,7.29,7.29,0,0,0-1.69,1.32v-2.08q2.77-2.86,5.63-2.86,3.9,0,3.89,4.42v1.56l-.35.78a16.8,16.8,0,0,1,4.59-5.09,9.29,9.29,0,0,1,5.46-1.93,5.7,5.7,0,0,1,5,2.24,10.46,10.46,0,0,1,1.6,6.19,26.22,26.22,0,0,1-.45,4.39l-2.13,11.87c0,.81,0,1.38,0,1.73,0,1.21.37,1.82,1.13,1.82a3.43,3.43,0,0,0,1.69-.61,12.2,12.2,0,0,0,1.78-1.3v2q-3,3-5.72,3a3.41,3.41,0,0,1-2.86-1.21,5.18,5.18,0,0,1-1-3.29v-1.56l2.17-12a26.44,26.44,0,0,0,.43-4.2,6.14,6.14,0,0,0-.94-3.73,3.62,3.62,0,0,0-3.09-1.25q-2.4,0-5.31,3.58a20.48,20.48,0,0,0-3.94,9.7l-2.48,12.86Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M539.12,132.8a8.1,8.1,0,0,1-6.71-3,12.43,12.43,0,0,1-2.38-8v-1.64q0-.69.82-5.18t5.24-9.2q4.42-4.71,8.66-4.71,3.9,0,5.54,1.86a4.53,4.53,0,0,1,1.3,3.85,4.84,4.84,0,0,1-.91,2,2.35,2.35,0,0,1-2,.82q-1.83,0-2.26-2.9t-2.18-2.9q-2.52,0-5.14,3.63a18.37,18.37,0,0,0-3.31,7.34q-.7,3.71-.78,4.74c-.06.69-.09,1.32-.09,1.9q0,7.86,6.44,7.85,3.75,0,7.66-3.9l.87,1.72a18.11,18.11,0,0,1-5.15,4.11,12.05,12.05,0,0,1-5.66,1.54Z"  transform="translate(40 200)"/>
              <path class="cls-1" d="M561.16,129.34a9,9,0,0,0,3.88-1.17,17.15,17.15,0,0,0,4.05-2.81l.78,1.74a19.36,19.36,0,0,1-5.2,4.11,11.94,11.94,0,0,1-5.72,1.6,8.36,8.36,0,0,1-7.06-3.38,14.1,14.1,0,0,1-2.55-8.75v-1.55a43.72,43.72,0,0,1,.82-4.78q.82-4.09,5.28-8.67t9.14-4.57a6.57,6.57,0,0,1,4.72,1.68,5.84,5.84,0,0,1,1.78,4.45,24.8,24.8,0,0,1-.44,2.72q-.43,2.29-4.61,5.74t-11.75,5a10.62,10.62,0,0,0,1.65,6.39,6,6,0,0,0,5.22,2.25Zm5.41-20.73a4.53,4.53,0,0,0,.09-1q0-3-2.74-3-3.1,0-5.7,3.36a20.78,20.78,0,0,0-3.67,9l-.27,1.38a19.66,19.66,0,0,0,8.54-4,10.75,10.75,0,0,0,3.76-5.68Z"  transform="translate(40 200)"/>

          </mask>
        </defs>

        <rect x="0" y="0"  width="700" height="450" mask="url(#mask)" fill-opacity="1"/>
      </svg>

      <svg id="message" viewBox="0 0 400 300">
        <path d="M0 0h566.5v400H0z" class="st2"/>
        <text transform="translate(150 180)" class="st1 st0 st3">
          New Orleans, October 9-11, 2017
        </text>
      </svg>


</body>

            
          
!
            
              /*please excuse the mess */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: .8em; }

/*general outline of photo*/
body {
  display: grid;
  grid-template-columns: 1fr 1400px 1fr;
  grid-template-rows: 1fr 800px 1fr;
  width: 100vw;
  height: 100vh;
  background: #384a54;
  position: relative;
  z-index: -2;
  overflow: hidden; }

.firmament-container {
  grid-row: 2;
  grid-column: 2;
  background: linear-gradient(135deg, #c2bfb4 0%, #3d756f 50%, #171f1e 100%);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  z-index: -1; }

.entire-pic-container {
  grid-row: 1;
  grid-column: 1;
  display: grid;
  grid-template-columns: 196px 408px 122px 424px 250px;
  /* = 1400 */
  grid-template-rows: 750px 18px 32px;
  /* = 800 */
  overflow: hidden; }

.intro-logo {
  z-index: 0;
  top: 5vh;
  left: 2vh;
  position: absolute;
  /*   margin: 2vw 1vw;  */
  width: 1400px;
  height: 800px; }

.top-text-container {
  position: fixed;
  top: 2px;
  left: 1vw; }
  .top-text-container .entry-txt {
    display: inline; }

#conf-logo {
  top: 0;
  left: 0;
  position: absolute; }

#message {
  grid-row: 2;
  grid-column: 2;
  top: 0;
  left: 0;
  position: absolute; }
  #message .st0 {
    font-family: 'MyriadPro-Regular'; }
  #message .st1 {
    fill: #FFFFFF; }
  #message .st2 {
    stroke: #000000;
    stroke-miterlimit: 10; }
  #message .st3 {
    font-size: 62; }

.clouds {
  width: 100%;
  opacity: .7;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1; }
  .clouds .st0 {
    fill: url(#regular_1_);
    stroke: #000000;
    stroke-width: 0.2609;
    stroke-miterlimit: 10; }
  .clouds .st1 {
    fill: url(#bulbus_1_);
    stroke: #000000;
    stroke-width: 0.2609;
    stroke-miterlimit: 10; }
  .clouds .st2 {
    fill: url(#bulb2_1_);
    stroke: #000000;
    stroke-width: 0.1982;
    stroke-miterlimit: 10; }
  .clouds .st3 {
    fill: url(#tiny_2_);
    stroke: #000000;
    stroke-width: 0.1994;
    stroke-miterlimit: 10; }
  .clouds .st4 {
    fill: url(#huge_1_);
    stroke: #000000;
    stroke-width: 0.2139;
    stroke-miterlimit: 10; }

/*White-house color notes
*/
.white-sky {
  background: transparent; }

.white-roof {
  border: 3px solid #bc8768;
  background: #9d8d83;
  box-shadow: inset 4px 4px 3px 2px rgba(193, 157, 131, 0.4);
  z-index: 1; }

.white-shing {
  z-index: 2;
  filter: blur(3px); }
  .white-shing.mud {
    background-color: #9b806f; }
  .white-shing.sand {
    background-color: #ac917f; }
  .white-shing.moss {
    background-color: #60727c; }

.wh-gutter-top {
  background: linear-gradient(180deg, #ecd8c0 0%, #ead0b5 100%);
  border-right: 1px solid rgba(144, 132, 119, 0.7);
  border-top: 1px solid #cbbaa8; }

.wh-gutter-mid {
  background: linear-gradient(270deg, #e2c09f 0%, #eed3b6 100%);
  border: 1px solid #d1b397;
  border-right: 1px solid rgba(144, 132, 119, 0.7); }

.wh-gutter-bot {
  background-color: #ecd3b5;
  border-right: 1px solid rgba(168, 144, 119, 0.8);
  border-bottom: 3px solid rgba(180, 133, 94, 0.7);
  border-bottom-right-radius: 1px;
  box-shadow: -3px 8px 5px 1px rgba(69, 60, 50, 0.7); }

.white-gutter-base {
  background-color: #ecc9a9;
  border-bottom: 2px solid #9c7153; }

.wh-attic-ledge-left {
  filter: blur(1px);
  background: #91745a;
  border-radius: 1px;
  box-shadow: -1px 0 0 0 #695a44; }

.wh-attic-ledge-right {
  filter: blur(1px);
  background: #91745a;
  border-radius: 1px;
  box-shadow: -1px 0 0 0 #695a44; }

.white-facade {
  background: linear-gradient(180deg, #ead0b3 0%, #ceae90 100%); }

.white-attic {
  background-color: #ecd5ba;
  border-bottom: 2px solid #b38364; }

.wh-attic-window-left {
  background-color: #423525;
  border-radius: 1px;
  border: 1px solid #c49f82;
  border-bottom-width: 0; }

/*==========3rd Floor Start=========== */
.wh-window-trim-top {
  grid-row: 1;
  grid-column: 1/-1;
  background-color: #e7c3a1;
  border-bottom: 2px solid #ba8c6a;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -4px 1px 1px 0px rgba(0, 0, 0, 0.3);
  z-index: 5; }

.wh-window-trim-base {
  background: linear-gradient(90deg, #e3c39d 0%, #eeccb0 100%);
  border-bottom: 2px solid #eeccb0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-right: 1px solid #d6b894;
  grid-row: 2;
  grid-column: 2/5;
  box-shadow: -2px 1px 1px 0px rgba(0, 0, 0, 0.3);
  z-index: 4; }

.wh-window-door {
  grid-row: 3;
  grid-column: 3;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.wh-door-frame {
  grid-column: 1;
  grid-row: 1;
  background: linear-gradient(45deg, #63562c 0%, #89743b 100%);
  border: 4px solid #635935;
  border-top: 2px solid #706133;
  border-left: 2px solid #706133;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 4px;
  box-shadow: inset -1px 2px 1px 0px rgba(0, 0, 0, 0.3); }

.wh-door-panel {
  background: linear-gradient(45deg, #685b27 0%, #7b6a36 100%);
  box-shadow: inset -2px 2px 4px 1px rgba(0, 0, 0, 0.4); }

.wh-deck-top {
  grid-column: 1/2;
  grid-row: 1;
  background: linear-gradient(0deg, #d1a179 0%, #d6ab80 100%);
  border-right: 1px solid black; }

.wh-deck-mid {
  grid-column: 1/3;
  grid-row: 2;
  background: linear-gradient(0deg, #b88d63 0%, #daab7f 100%); }

.wh-deck-bot {
  grid-column: 1/2;
  grid-row: 3;
  background: #e5ceae;
  border-right: 1px solid #dab990;
  border-bottom: 1px solid #573b25;
  position: relative;
  box-shadow: -8px 5px 10px 0px rgba(0, 0, 0, 0.7);
  z-index: 10; }

.wh-deck-bot-shad {
  filter: blur(1px);
  position: relative;
  top: 0px;
  right: 0; }
  .wh-deck-bot-shad .st0 {
    fill: url(#SVGID_1_); }

.wh-attic-window-right {
  background-color: #4d3d2e;
  border-radius: 1px;
  border: 1px solid #c49f82;
  border-bottom-width: 0; }

/* SECOND FLOOR DOORS */
.wh-f2-frame {
  background: linear-gradient(45deg, #63512c 0%, #886e3b 100%); }

.wh-f2-panel {
  background: linear-gradient(45deg, #695427 0%, #7a6736 100%); }

/* 3rd FLOOR DOORS */
.wh-f1-window-door {
  grid-row: 3;
  grid-column: 3;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.wh-f1-door-frame {
  grid-column: 2;
  grid-row: 1;
  padding: 10%;
  background: linear-gradient(45deg, #674c1d 0%, #6c5618 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 58px 1fr;
  grid-gap: 4px;
  box-shadow: inset -12px 8px 6px 0px rgba(0, 0, 0, 0.3); }

.wh-f1-door-frame-right {
  grid-column: 2;
  grid-row: 1;
  padding: 10%;
  background: linear-gradient(45deg, #674c1d 0%, #6c5618 100%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 59px 1fr;
  grid-gap: 4px;
  box-shadow: inset -12px 8px 6px 0px rgba(0, 0, 0, 0.3); }

.wh-f1-door-panel {
  background: linear-gradient(45deg, #634f2c 0%, #6c5618 100%);
  box-shadow: inset -2px 2px 3px 2px rgba(0, 0, 0, 0.5); }

.wh-f1-door-panel-right {
  background: linear-gradient(45deg, #634f2c 0%, #6c5618 100%);
  box-shadow: inset -2px 2px 3px 2px rgba(0, 0, 0, 0.4); }

.wh-left-step {
  grid-column: 2;
  grid-row: 1;
  background: #aa906f;
  box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, 0.4); }

.wh-right-step {
  grid-column: 4;
  grid-row: 1;
  background: #aa906f;
  box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, 0.4); }

.wh-f2-deck-bot {
  box-shadow: -3px 10px 8px 4px rgba(0, 0, 0, 0.7); }

.wh-f1-tarp-shad-container {
  width: 187px;
  height: 148px;
  position: relative; }

/* =========Moz/Chrome ================ */
.wh-f1-tarp-shad .st0 {
  opacity: 1;
  fill: none;
  stroke: #B2A08A;
  stroke-width: 6;
  stroke-miterlimit: 10; }
.wh-f1-tarp-shad .st1 {
  opacity: 1;
  fill: #E3C394; }
.wh-f1-tarp-shad .st2 {
  fill: #4C1E1E; }
.wh-f1-tarp-shad .st3 {
  fill: none;
  stroke: #E5D19A;
  stroke-width: 8.833;
  stroke-miterlimit: 10; }
.wh-f1-tarp-shad .st4 {
  opacity: 1;
  fill: url(#SVGID_1_); }
.wh-f1-tarp-shad .st5 {
  opacity: 1;
  fill: none;
  stroke: #B2A08A;
  stroke-width: 6;
  stroke-miterlimit: 10; }
.wh-f1-tarp-shad .st6 {
  opacity: 1;
  fill: none;
  stroke: #D3AD75;
  stroke-width: 7.6937;
  stroke-miterlimit: 10; }

/* ============Moz/Chrome OK============ */
.wh-tarp-back-shad {
  filter: blur(1px);
  position: relative;
  top: -100px;
  left: 0;
  width: 100%; }
  .wh-tarp-back-shad .st0 {
    fill: url(#SVGID_1_); }

.gutter-pipe-one {
  position: absolute;
  bottom: -33px;
  right: -15px;
  height: 578px;
  width: 39px;
  z-index: 75; }
  .gutter-pipe-one .st0 {
    fill: none;
    stroke: #3A221C;
    stroke-width: 2.5487;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st1 {
    opacity: 1;
    fill: #514233; }
  .gutter-pipe-one .st2 {
    fill: none;
    stroke: #3A221C;
    stroke-width: 5;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st3 {
    fill: #954B00;
    stroke: #3A221C;
    stroke-width: 0.9214;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st4 {
    fill: none;
    stroke: #A74F30;
    stroke-width: 5.2727;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st5 {
    fill: #A74F30;
    stroke: #3A221C;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st6 {
    fill: none;
    stroke: #A74F30;
    stroke-width: 6;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st7 {
    fill: none;
    stroke: #442118;
    stroke-width: 3.1789;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st8 {
    fill: #3F2215; }
  .gutter-pipe-one .st9 {
    fill: none;
    stroke: #A74F30;
    stroke-width: 3.1789;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st10 {
    fill: none;
    stroke: #492B1F;
    stroke-width: 2;
    stroke-miterlimit: 10; }
  .gutter-pipe-one .st11 {
    fill: #A74F30; }

/*White-house layout profile

*/
.white-house-col {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 162px 32px 12px 66px 478px;
  position: relative;
  z-index: 1; }

.white-sky {
  grid-row: 1;
  grid-column: 1;
  display: grid;
  grid-template-columns: 111px 51px;
  grid-template-rows: 105px 57px; }

.white-roof {
  grid-column: 1;
  grid-row: 2;
  height: 145px;
  width: 145px;
  transform: rotate(28deg) translateX(-37px) translateY(37px);
  -webkit-clip-path: polygon(0 0, 25% 40%, 100% 0);
  clip-path: polygon(0 0, 25% 40%, 100% 0); }

.white-shing-container {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
  grid-gap: 1px;
  border: 1px; }

#wh-shing-1 {
  grid-column: 1/5;
  grid-row: 7; }
#wh-shing-2 {
  grid-column: 1;
  grid-row: 2/5; }
#wh-shing-3 {
  grid-column: 1;
  grid-row: 6; }
#wh-shing-4 {
  grid-column: 2/5;
  grid-row: 6; }
#wh-shing-5 {
  grid-column: 5;
  grid-row: 7; }
#wh-shing-6 {
  grid-column: 3;
  grid-row: 7; }
#wh-shing-7 {
  grid-column: 2;
  grid-row: 6; }
#wh-shing-8 {
  grid-column: 2;
  grid-row: 4; }
#wh-shing-9 {
  grid-column: 2;
  grid-row: 5; }
#wh-shing-10 {
  grid-column: 3;
  grid-row: 5; }

.white-gutter {
  grid-row: 2;
  grid-column: 1;
  z-index: 1;
  display: grid;
  grid-template-columns: 196px;
  grid-template-rows: 17px 5px 10px; }

.wh-gutter-top {
  grid-row: 1;
  grid-column: 1; }

.wh-gutter-mid {
  grid-row: 2;
  grid-column: 1; }

.wh-gutter-bot {
  grid-row: 3;
  grid-column: 1; }

.white-gutter-base {
  grid-row: 3;
  grid-column: 1; }

.white-attic {
  grid-row: 4;
  grid-column: 1;
  display: grid;
  grid-template-columns: 25px 2px 54px 2px 34px 2px 54px 2px auto;
  grid-template-rows: 8px 29px 2px auto; }

.wh-attic-window-left {
  grid-column: 3;
  grid-row: 2; }

.wh-attic-window-right {
  grid-column: 7;
  grid-row: 2; }

.wh-attic-ledge-left {
  grid-column: 2/5;
  grid-row: 3; }

.wh-attic-ledge-right {
  grid-column: 6/9;
  grid-row: 3; }

.white-facade {
  grid-row: 5;
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 145px 158px 175px; }

.wh-floor-3 {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 14px 68px 24px 68px 8px 2px auto;
  grid-template-rows: 18px 4px 8px 70px 33px 12px; }

.wh-rails-a {
  fill: none;
  stroke: #000000;
  stroke-miterlimit: 10;
  stroke-width: 1; }

.wh-rail {
  grid-column: 1/6;
  grid-row: 5;
  position: relative; }

#wh-rail-vector {
  grid-column: 1/6;
  grid-row: 5;
  fill: none;
  stroke: #000000;
  stroke-width: 0.5;
  stroke-miterlimit: 10; }

.wh-f3-deck-awning-top {
  grid-row: 5;
  grid-column: 1; }

.wh-f3-door-left {
  grid-column: 2;
  grid-row: 2/6;
  display: grid;
  grid-template-columns: 3px 6px 48px 6px 4px;
  grid-template-rows: 4px 6px 1fr; }

.wh-f3-door-right {
  grid-column: 4;
  grid-row: 2/6;
  display: grid;
  grid-template-columns: 3px 6px 48px 6px 4px;
  grid-template-rows: 4px 6px 1fr; }

.wh-f3-deck-base {
  grid-column: 1/7;
  grid-row: 6;
  display: grid;
  grid-template-columns: 1fr 2px;
  grid-template-rows: 2px 3px 7px; }

.wh-floor-2 {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 14px 68px 24px 68px 8px 2px auto;
  grid-template-rows: 16px 4px 8px 88px 33px 12px; }

.wh-f2-door-left {
  grid-column: 2;
  grid-row: 2/6;
  display: grid;
  grid-template-columns: 3px 6px 48px 6px 4px;
  grid-template-rows: 4px 6px 1fr; }

.wh-f2-door-right {
  grid-column: 4;
  grid-row: 2/6;
  display: grid;
  grid-template-columns: 3px 6px 48px 6px 4px;
  grid-template-rows: 4px 6px 1fr; }

.wh-f2-deck-base {
  grid-column: 1/7;
  grid-row: 6;
  display: grid;
  grid-template-columns: 1fr 2px;
  grid-template-rows: 2px 3px 7px; }

#wh-f2-rail {
  grid-column: 1/6;
  grid-row: 5; }

.wh-floor-1 {
  grid-column: 1;
  grid-row: 3;
  display: grid;
  grid-template-columns: 13px 68px 23px 68px auto;
  grid-template-rows: 34px 136px 5px; }

.wh-f1-door-left {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 48px  1fr;
  grid-template-rows: 1fr; }

.wh-f1-door-right {
  grid-column: 4;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 48px  1fr;
  grid-template-rows: 1fr; }

.wh-step-row {
  grid-column: 2/5;
  grid-row: 3;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 56px 36px 56px 1fr; }

.peach-sky {
  background: transparent; }

.peach-chimney-cap {
  background-color: #e5bb8a;
  border: 1px solid #b08962;
  border-top: 2px solid b99e80; }

.peach-chimney-crown {
  background-color: #e5b689;
  border-bottom: 5px solid #a17145; }

.peach-chimney-base {
  background-color: #e5b689;
  border-bottom: 2px solid #b18157; }

.peach-chimbody-left {
  background: linear-gradient(126deg, #d8ac75 0%, #d8ac75 70%, #bc8558 74%, #907a68 100%); }
.peach-chimbody-right {
  background-color: #cba16d; }

.peach-rooftop-top {
  background-color: #b49073; }

.peach-rooftop-mid {
  background-color: #e4caab;
  background: linear-gradient(#3e372e 0%, #e4caab 50%); }

.peach-rooftop-bot {
  background-color: #a57d5a;
  position: relative; }

.mansard-roof-trim {
  position: relative;
  transform: rotateZ(2.5deg);
  width: 100%;
  stroke: #8c6858;
  fill: #DCB17E;
  stroke-width: 1px;
  z-index: -10; }
  .mansard-roof-trim.trim-left {
    transform-origin: 0 40%;
    left: -68px;
    top: -1px;
    transform: rotateZ(2.5deg); }
  .mansard-roof-trim.trim-right {
    right: -248px;
    top: -233px;
    position: relative;
    transform-origin: 20% 40%;
    transform: rotateZ(-0.5deg); }

.p-roofsec-right-top {
  background-color: #b49073; }

.p-roofsec-right-mid {
  background: linear-gradient(#3e372e 0%, #e4caab 50%);
  background-color: #e4caab; }

.p-roofsec-right-bot {
  background-color: #a57d5a; }

.front-gables-container {
  grid-row: 2;
  grid-column: 1/-1;
  z-index: 20;
  display: grid;
  grid-template-columns: 66px 70px 25px 70px 25px 70px auto;
  grid-template-rows: 1fr;
  z-index: 60;
  position: relative; }

.gable-shad-left {
  position: relative;
  top: 22px;
  left: 40px;
  width: 60%; }
  .gable-shad-left .st0 {
    opacity: 0.8; }

.gable-shad-ctr {
  position: relative;
  top: 22px;
  left: -3px;
  width: 150%;
  z-index: 1; }
  .gable-shad-ctr .st0 {
    opacity: 0.8; }

.gable-shad-right {
  position: relative;
  top: 22px;
  left: -3px;
  width: 150%;
  z-index: 1; }
  .gable-shad-right .st0 {
    opacity: 0.8; }

.front-gable-left {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-template-columns: 3px 3px 4px 1fr 4px 3px 3px;
  grid-template-rows: 24px 4px 3px 63px 2px auto;
  z-index: 60; }

.front-gable-roof {
  grid-row: 1;
  grid-column: 4;
  display: grid;
  grid-template-columns: 1fr 32px 1fr;
  grid-template-rows: 1fr 12px;
  position: relative; }
  .front-gable-roof .gab-roof-angle-left {
    top: 11px;
    left: -9px;
    transform-origin: 50% 50%;
    transform: rotateZ(-37deg);
    position: absolute;
    height: 7px;
    width: 40px;
    background: #c09f7e;
    border-bottom: 5px solid #debc99;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 10; }
  .front-gable-roof .gab-roof-angle-right {
    position: absolute;
    top: 11px;
    right: -9px;
    transform-origin: 50% 50%;
    transform: rotateZ(37deg);
    height: 7px;
    width: 40px;
    background: #c09f7e;
    border-bottom: 5px solid #debc99;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: -1px 3px 2px -1px rgba(32, 20, 6, 0.8);
    z-index: 2; }
  .front-gable-roof.gab-roof-left .embossment-left {
    background: rgba(79, 49, 17, 0.8);
    grid-row: 2;
    grid-column: 2; }
    .front-gable-roof.gab-roof-left .embossment-left .st0 {
      fill: #d1be9d; }
  .front-gable-roof.gab-roof-ctr .embossment-ctr {
    background: rgba(79, 49, 17, 0.8);
    grid-row: 2;
    grid-column: 2; }
    .front-gable-roof.gab-roof-ctr .embossment-ctr .st0 {
      fill: #d1be9d; }
  .front-gable-roof.gab-roof-right .embossment-right {
    background: rgba(79, 49, 17, 0.8);
    grid-row: 2;
    grid-column: 2; }
    .front-gable-roof.gab-roof-right .embossment-right .st0 {
      fill: #d1be9d; }

.gable-roof-bottom {
  border-top: 2px solid #c09f7e;
  background: #debc99;
  grid-row: 2;
  grid-column: 2/7;
  z-index: 20; }

.gable-roof-foundation {
  background: #a7815c;
  grid-row: 3;
  grid-column: 3/6; }

.gable-facade {
  background: linear-gradient(0deg, #241d14 50%, #ebc594 51%);
  grid-row: 4;
  grid-column: 4;
  display: grid;
  grid-template-columns: 1fr 35px 1fr;
  grid-template-rows: 1fr 54px 1fr; }

.gable-inner {
  box-shadow: inset -4px 6px 3px 1px rgba(33, 33, 33, 0.8);
  grid-row: 2;
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  grid-template-rows: 1fr 1px 1fr 2px 1fr 1px 1fr 2px; }

.gable-window-outer {
  grid-row: 1/-1;
  grid-column: 1/-1;
  background: transparent;
  border: 8px solid #e7d2b5;
  border-top: 4px solid #e7d2b5;
  border-bottom: 1px solid #e7d2b5;
  border-bottom: 4px solid #e7d2b5;
  display: grid;
  grid-template-columns: 1fr 34px 1fr;
  grid-template-rows: 1fr 54px;
  box-shadow: inset -2px 2px 2px 1px rgba(33, 33, 33, 0.8); }

.gable-window-frame {
  grid-row: 2;
  grid-column: 2;
  background-color: transparent;
  border: 2px solid #885c47;
  border-top-color: #5d3d2d;
  border-right-color: #5d3d2d;
  border-bottom: 4px solid #b37a5d; }

.gable-muntin-axis {
  grid-row: 1/-1;
  grid-column: 2;
  background: #815032;
  box-shadow: -4px 4px 1px 0 rgba(0, 0, 0, 0.5); }

.gable-muntin-top {
  grid-row: 2;
  grid-column: 1/-1;
  background: #815032;
  box-shadow: -4px 4px 1px 0 rgba(0, 0, 0, 0.5); }

.gable-muntin-mid {
  grid-row: 4;
  grid-column: 1/-1;
  background: #815032; }

.gable-muntin-bot {
  grid-row: 6;
  grid-column: 1/-1;
  background: #815032; }

.gable-sill {
  grid-row: 5;
  grid-column: 3/6;
  background-color: #bfa185;
  border-radius: 1px;
  box-shadow: -1px 1px 2px 1px rgba(33, 33, 33, 0.3); }

.front-gable-ctr {
  grid-row: 1;
  grid-column: 4;
  display: grid;
  grid-template-columns: 3px 3px 4px 1fr 4px 3px 3px;
  grid-template-rows: 24px 4px 3px 63px 2px auto; }

.front-gable-right {
  grid-row: 1;
  grid-column: 6;
  display: grid;
  grid-template-columns: 3px 3px 4px 1fr 4px 3px 3px;
  grid-template-rows: 24px 4px 3px 63px 2px auto; }

.mansard-clip-link {
  clip-path: url("#mansard-clipping"); }

.mansard-roof-container {
  background: linear-gradient(0deg, #81695c 10%, #aa8e7d 40%);
  grid-row: 2;
  grid-column: 1/-1;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 36px 30px 35px; }

.mansard-roof-trim-left {
  left: 9px;
  top: 0;
  position: absolute;
  transform-origin: 0 40%;
  transform: rotateZ(5deg);
  width: 100%;
  stroke: #B76E4D;
  fill: #DCB17E;
  stroke-width: 1px;
  z-index: 50; }

.peach-ctr-shingles-top {
  grid-row: 1;
  grid-column: auto;
  display: grid;
  opacity: 0.7;
  filter: blur(1px);
  grid-template-columns: 64px repeat(35, 1fr) 62px;
  grid-template-rows: repeat(4, 5px);
  grid-gap: 2px; }
  .peach-ctr-shingles-top .pch-blue-shing {
    background-color: #646659; }
  .peach-ctr-shingles-top .pch-pink-shing {
    background-color: #c4a799; }
  .peach-ctr-shingles-top .pch-tan-shing {
    background-color: #8e8175; }

.peach-ctr-shingles-mid {
  grid-row: 2;
  grid-column: auto;
  display: grid;
  grid-template-columns: 41px repeat(40, 1fr) 35px;
  grid-template-rows: repeat(5, 5px);
  grid-gap: 2px; }
  .peach-ctr-shingles-mid .pch-tan-shing {
    background-color: #c8b2a5;
    opacity: 0.4; }
  .peach-ctr-shingles-mid .pch-pink-shing {
    background-color: #a99179;
    opacity: 0.4; }
  .peach-ctr-shingles-mid .pch-blue-shing {
    background-color: #646659;
    opacity: 0.4; }

.peach-ctr-shingles-bot {
  grid-row: 3;
  grid-column: auto;
  display: grid;
  grid-template-columns: repeat(56, 1fr);
  grid-template-rows: repeat(5, 3px) 2px;
  grid-gap: 2px; }
  .peach-ctr-shingles-bot .pch-blue-shing {
    background-color: #646659;
    opacity: 0.4; }
  .peach-ctr-shingles-bot .pch-pink-shing {
    background-color: #a99179;
    opacity: 0.4; }
  .peach-ctr-shingles-bot .pch-tan-shing {
    background-color: #8e8175;
    opacity: 0.4; }

.gable-rt-roof {
  background-color: #b0a995;
  border-right: 2px solid #ad8862;
  border-bottom: 2px solid #907a63;
  box-shadow: inset -3px 1px 1px 1px rgba(91, 48, 23, 0.4); }

.gable-rt-gutter {
  background-color: #d1af90;
  border-bottom: 1px solid #9d7857;
  box-shadow: -3px 3px 3px 1px rgba(62, 62, 62, 0.8);
  z-index: 3; }

.gable-rt-roof-frame {
  border-top: 6px solid #bc9b7c;
  border-right: 5px solid #bc8f65;
  z-index: 2; }

.rt-gab-shing-container {
  box-shadow: inset -1px 2px 3px 1px #5e3a29;
  background: #796b62;
  padding-right: 3px;
  padding-top: 3px;
  filter: blur(1px); }

.peach-shing-gr {
  background-color: #6c7762;
  opacity: 0.7; }

.peach-shing-br {
  background-color: #977c6b;
  opacity: 0.7; }

.peach-shing-white {
  background-color: #a6a089; }

.peach-gutter-mid {
  background: linear-gradient(#947c68 0%, #d6b894 100%);
  border-right: 2px solid rgba(119, 114, 108, 0.65);
  z-index: 10; }

.deco-box {
  display: grid;
  grid-template-columns: 2px 4px 2px;
  grid-template-rows: 5px 3px; }

.deco-box-top {
  grid-column: 1/-1;
  grid-row: 1;
  background-color: #c1a082;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  box-shadow: -4px -2px 2px 3px rgba(62, 45, 8, 0.5);
  z-index: 8; }

.deco-box-bot {
  grid-column: 2;
  grid-row: 2;
  background-color: #d2ad8c;
  box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.6);
  z-index: 5; }

.peach-gutter-base {
  background-color: #ead2b0;
  border-bottom: 2px solid #a97347; }

.peach-gutter-base-top {
  border-top: 1px solid #a17f5c;
  background-color: #dfbe9d; }

.peach-gutter-base-bot {
  border-top: 2px solid #bea183; }

.peach-facade {
  background: linear-gradient(215deg, #ecc38b 0%, #d6a76e 100%); }

.pch-floor-3 {
  background: linear-gradient(190deg, #e8c794 0%, transparent 70%); }

.pch-closed-window-trim-top {
  grid-row: 1;
  grid-column: 4/10;
  background-color: #e7c3a1;
  border-bottom: 2px solid #ba8c6a;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -4px 1px 1px 0 rgba(0, 0, 0, 0.3);
  z-index: 5; }

.pch-closed-window-trim-base {
  background: linear-gradient(90deg, #e3c39d 0%, #eeccb0 100%);
  border-bottom: 2px solid #eeccb0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-right: 1px solid #d6b894;
  box-shadow: -2px 1px 1px 0 rgba(0, 0, 0, 0.3);
  z-index: 4;
  grid-row: 2;
  grid-column: 5/8; }

.pch-f3-rail {
  grid-row: 4;
  grid-column: 2/-2;
  position: relative; }

#pch-f3-rail-vector {
  grid-column: 4;
  grid-row: 2/-1;
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10; }

.f2-bannister {
  stroke-width: 2px; }

.pch-closed-door {
  grid-row: 3/5;
  grid-column: 6;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border-right: 1px solid #694f0d;
  border-left: 1px solid #d0c9b6; }

.pch-closed-door-frame {
  padding: 3%;
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 4px; }

.frame-f3-left {
  background: linear-gradient(15deg, #516e58 0%, #678f75 100%);
  border: 2px solid #595e3d;
  border-top: 1px solid #566b44;
  border-left: 1px solid #6b7e53;
  box-shadow: inset -12px 8px 6px 0 rgba(0, 0, 0, 0.1); }

.pch-closed-door-panel-f3-left {
  background: linear-gradient(80deg, #466c50 0%, #51836c 100%);
  box-shadow: inset -1px 1px 3px 1px rgba(0, 0, 0, 0.6); }

.frame-f3-ctr {
  background: linear-gradient(15deg, #4b8259 0%, #4b7a5b 100%);
  border: 2px solid #53815f;
  border-top: 1px solid #5d6a4b;
  border-left: 1px solid #77855d;
  box-shadow: inset -12px 8px 6px 0 rgba(0, 0, 0, 0.1); }

.pch-closed-door-panel-f3-ctr {
  background: linear-gradient(300deg, #3f7456 0%, #58905b 100%);
  box-shadow: inset -1px 1px 3px 1px rgba(0, 0, 0, 0.5); }

.frame-f3-right {
  background: linear-gradient(35deg, #3e7054 0%, #3c7c5f 100%);
  border: 2px solid #52805e;
  border-top: 1px solid #5d6a4b;
  border-left: 1px solid #77855c;
  box-shadow: inset -12px 8px 6px 0 rgba(0, 0, 0, 0.1); }

.pch-closed-door-panel-f3-right {
  background: linear-gradient(0deg, #29694d 0%, #387057 100%);
  box-shadow: inset -1px 1px 3px 1px rgba(0, 0, 0, 0.5); }

.pch-f3-deck-container {
  grid-row: 5;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 3px 1fr 2px;
  grid-template-rows: 4px 3px;
  position: relative;
  z-index: 30; }

.pch-f3-shad-left {
  position: absolute;
  z-index: 60;
  width: 115px;
  top: -38px;
  left: 3px;
  filter: blur(1px); }

.pch-f3-shad-ctr {
  position: absolute;
  z-index: 60;
  width: 115px;
  top: -38px;
  left: 138px;
  filter: blur(1px); }

.pch-f3-shad-right {
  position: absolute;
  z-index: 60;
  width: 115px;
  top: -38px;
  left: 272px;
  filter: blur(1px); }

.pch-f3-deck-top {
  grid-row: 1;
  grid-column: 1/-1;
  background: linear-gradient(90deg, #ad7345 0%, #c2976f 70%, #ad7345 100%);
  z-index: 12; }

.pch-f3-deck-bot {
  grid-row: 2;
  grid-column: 2;
  background: linear-gradient(90deg, #e6c5a2 0%, #eccfa7 50%, #e3c39a 100%);
  border-bottom: 2px solid #eccfa7;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: -5px 3px 6px 1px rgba(0, 0, 0, 0.8); }

.pch-floor-1 {
  background: linear-gradient(45deg, #d09e61 0%, transparent 20%);
  position: relative; }

.pch-fl-1-deck-shad {
  filter: blur(1px);
  position: absolute;
  top: -7px;
  left: -8px;
  z-index: 90; }
  .pch-fl-1-deck-shad .st0 {
    fill: url(#SVGID_1_); }
  .pch-fl-1-deck-shad .st1 {
    fill: url(#SVGID_2_); }

.foundation-top {
  border-right: 2px solid #6e3d23;
  border-bottom: 2px solid #6e3d23;
  background: linear-gradient(90deg, #a0462e 0%, #c46138 100%); }

.foundation-bot {
  border-right: 1px solid #6e3d23;
  background: linear-gradient(90deg, #a0462e 0%, #c46138 100%); }

.peach-steps {
  display: grid;
  grid-template-columns: 14px 7px 76px 14px 7px;
  grid-template-rows: 6px 7px 7px 6px; }

.steps-block-left {
  background-color: #cbac90;
  grid-column: 1/3;
  grid-row: 1/-1;
  border: 1px solid #b2906d;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  box-shadow: -15px 5px 6px -4px rgba(0, 0, 0, 0.3); }

.step1 {
  background-color: #ccab8c;
  grid-column: 3;
  grid-row: 1;
  background: linear-gradient(90deg, #ccab8c 70%, #754b2b 100%);
  border-style: solid;
  border-width: 0;
  border-top-width: 1px;
  border-image: linear-gradient(to right, #c7a687 60%, #543216 100%) 1 0; }

.step2 {
  background-color: #ccab8c;
  grid-column: 3;
  grid-row: 2;
  background: linear-gradient(90deg, #ccab8c 80%, #754b2b 100%);
  border-style: solid;
  border-width: 0;
  border-top-width: 1px;
  border-image: linear-gradient(to right, #c7a687 70%, #623b1a 100%) 1 0; }

.step3 {
  grid-column: 3;
  grid-row: 3;
  background: linear-gradient(90deg, #ccab8c 90%, #8c6343 100%);
  border-style: solid;
  border-width: 0;
  border-top-width: 1px;
  border-image: linear-gradient(to right, #c7a687 80%, #623b1a 100%) 1 0; }

.step4 {
  background-color: #ccab8c;
  grid-column: 2/5;
  grid-row: 4;
  border: 1px solid #b49578;
  z-index: 10;
  box-shadow: -5px 1px 1px -1px rgba(0, 0, 0, 0.3); }

.steps-block-right {
  background-color: #cbac90;
  grid-column: 4/7;
  grid-row: 1/-1;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #b2906d; }

/*






*/
.peach-house-col {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1hr;
  grid-template-rows: 114px 110px 20px 26px 455px 26px;
  z-index: 0; }

.peach-sky {
  grid-row: 1;
  grid-column: 1;
  display: grid;
  grid-template-columns: 26px 1fr 26px;
  grid-template-rows: 84px 1fr;
  position: relative; }

.peach-chimney-left {
  grid-row: 2;
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 12px 10px 10px;
  position: relative;
  z-index: 20; }

.peach-chimney-right {
  grid-row: 2;
  grid-column: 3;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 12px 10px 10px;
  right: 2px;
  position: relative;
  z-index: 20; }

.peach-chimney-cap {
  grid-row: 1; }

.peach-chimney-crown {
  grid-row: 2;
  width: 34px;
  height: 10px;
  position: absolute;
  top: 0;
  left: -4px;
  border-radius: 0 0 4px 4px; }

.peach-chimney-base {
  grid-row: 3; }

.peach-roof {
  grid-row: 2;
  grid-column: 1;
  display: grid;
  grid-template-columns: 25px 36px 280px 13px 30px 26px;
  grid-template-rows: 12px 98px;
  position: relative; }

.peach-chimbody-left {
  grid-column: 1;
  grid-row: 1/-1; }
.peach-chimbody-right {
  grid-column: 6;
  grid-row: 1/-1; }

.peach-rooftop-section-left {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-columns: 4px 5px 271px;
  grid-template-rows: 2px 7px 4px;
  z-index: 60; }
.peach-rooftop-section-right {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-columns: 5px 5px 4px;
  grid-template-rows: 2px 7px 4px;
  z-index: 60; }

.peach-rooftop-top {
  grid-column: 1/-1;
  grid-row: 1; }

.peach-rooftop-mid {
  grid-column: 2/-1;
  grid-row: 2;
  border-bottom-left-radius: 6px; }

.peach-rooftop-bot {
  grid-column: 3;
  grid-row: 3;
  border-bottom-left-radius: 8px; }

/*============MANSARD ROOF Shingles START===============*/
#pch-shing1 {
  grid-row: 4;
  grid-column: 31/33; }

#pch-shing2 {
  grid-row: 6;
  grid-column: 4/6; }

#pch-shing3 {
  grid-row: 6;
  grid-column: 6/8; }

#pch-shing4 {
  grid-row: 6;
  grid-column: 8/10; }

#pch-shing5 {
  grid-row: 3;
  grid-column: 32/34; }

#pch-shing6 {
  grid-row: 5;
  grid-column: 5/7; }

#pch-shing7 {
  grid-row: 5;
  grid-column: 7/9;
  background: #a28c7f; }

#pch-shing8 {
  grid-row: 5;
  grid-column: 9/11; }

#pch-shing9 {
  grid-row: 3;
  grid-column: 22/24; }

#pch-shing10 {
  grid-row: 2;
  grid-column: 8/10;
  background: #a28c7f; }

#pch-shing11 {
  grid-row: 4;
  grid-column: 6/8; }

#pch-shing12 {
  grid-row: 4;
  grid-column: 8/10; }

#pch-shing13 {
  grid-row: 3;
  grid-column: 47/49; }

#pch-shing14 {
  grid-row: 3;
  grid-column: 5/7; }

#pch-shing15 {
  grid-row: 3;
  grid-column: 7/9; }

#pch-shing16 {
  grid-row: 3;
  grid-column: 9/11; }

#pch-shing17 {
  grid-row: 2;
  grid-column: 4/6; }

#pch-shing18 {
  grid-row: 2;
  grid-column: 6/8; }

#pch-shing19 {
  grid-row: 1;
  grid-column: 7/9; }

#pch-shing20 {
  grid-row: 1;
  grid-column: 5/7; }

#pch-shing21 {
  grid-row: 4;
  grid-column: 21/23; }

#pch-shing22 {
  grid-row: 1;
  grid-column: 20/24; }

#pch-shing23 {
  grid-row: 3;
  grid-column: 17/21; }

#pch-shing24 {
  grid-row: 2;
  grid-column: 18/20; }

#pch-shing25 {
  grid-row: 4;
  grid-column: 19/21; }

#pch-shing26 {
  grid-row: 5;
  grid-column: 18/20; }

#pch-shing27 {
  grid-row: 6;
  grid-column: 17/23; }

#pch-shing28 {
  grid-row: 5;
  grid-column: 20/22; }

#pch-shing29 {
  grid-row: 6;
  grid-column: 19/21; }

#pch-shing30 {
  grid-row: 5;
  grid-column: 32/34; }

#pch-shing31 {
  grid-row: 6;
  grid-column: 31/33; }

#pch-shing32 {
  grid-row: 5;
  grid-column: 34/36; }

#pch-shing33 {
  grid-row: 4;
  grid-column: 33/35; }

#pch-shing34 {
  grid-row: 6;
  grid-column: 35/37; }

#pch-shing35 {
  grid-row: 4;
  grid-column: 35/37; }

#pch-shing36 {
  grid-row: 3;
  grid-column: 34/36; }

#pch-shing37 {
  grid-row: 6;
  grid-column: 33/35; }

#pch-shing38 {
  grid-row: 2;
  grid-column: 36/38; }

#pch-shing39 {
  grid-row: 1;
  grid-column: 33/39; }

#pch-shing40 {
  grid-row: 1;
  grid-column: 48/50; }

#pch-shing41 {
  grid-row: 2;
  grid-column: 49/51; }

#pch-shing42 {
  grid-row: 3;
  grid-column: 49/51; }

#pch-shing43 {
  grid-row: 4;
  grid-column: 48/50; }

#pch-shing44 {
  grid-row: 5;
  grid-column: 51/53; }

#pch-shing45 {
  grid-row: 6;
  grid-column: 45/47; }

#pch-shing46 {
  grid-row: 6;
  grid-column: 53/55; }

#pch-shing47 {
  grid-row: 6;
  grid-column: 47/49; }

#pch-shing48 {
  grid-row: 5;
  grid-column: 45/47; }

#pch-shing49 {
  grid-row: 6;
  grid-column: 49/51; }

#pch-shing50 {
  grid-row: 4;
  grid-column: 50/52; }

#pch-shing51 {
  grid-row: 2;
  grid-column: 47/49; }

#pch-shing52 {
  grid-row: 4;
  grid-column: 46/48; }

#pch-shing53 {
  grid-row: 4;
  grid-column: 44/46; }

#pch-shing54 {
  grid-row: 5;
  grid-column: 48/50; }

#pch-shing55 {
  grid-row: 3;
  grid-column: 45/47; }

#pch-shing56 {
  grid-row: 1;
  grid-column: 37/39; }

#pch-shing57 {
  grid-row: 2;
  grid-column: 36/38; }

#pch-shing58 {
  grid-row: 3;
  grid-column: 37/39; }

#pch-shing59 {
  grid-row: 4;
  grid-column: 38/40; }

#pch-shing60 {
  grid-row: 4;
  grid-column: 36/38; }

#pch-shing61 {
  grid-row: 5;
  grid-column: 35/37; }

#pch-shing62 {
  grid-row: 4;
  grid-column: 40/42; }

#pch-shing63 {
  grid-row: 3;
  grid-column: 39/41; }

#pch-shing64 {
  grid-row: 2;
  grid-column: 38/40; }

#pch-shing65 {
  grid-row: 1;
  grid-column: 37/39; }

#pch-shing66 {
  grid-row: 1;
  grid-column: 25/27; }

#pch-shing67 {
  grid-row: 2;
  grid-column: 26/28; }

#pch-shing68 {
  grid-row: 3;
  grid-column: 24/26; }

#pch-shing69 {
  grid-row: 4;
  grid-column: 23/25; }

#pch-shing70 {
  grid-row: 5;
  grid-column: 28/30; }

#pch-shing71 {
  grid-row: 5;
  grid-column: 3/5; }

#pch-shing72 {
  grid-row: 4;
  grid-column: 2/4; }

#pch-shing73 {
  grid-row: 3;
  grid-column: 3/5; }

#pch-shing74 {
  grid-row: 3;
  grid-column: 37/39; }

#pch-shing75 {
  grid-row: 1;
  grid-column: 3/6; }

#pch-shing76 {
  grid-row: 1;
  grid-column: 11/13; }

#pch-shing77 {
  grid-row: 2;
  grid-column: 16/18; }

#pch-shing78 {
  grid-row: 3;
  grid-column: 14/16; }

#pch-shing79 {
  grid-row: 4;
  grid-column: 12/14; }

#pch-shing80 {
  grid-row: 2;
  grid-column: 12/14; }

#pch-shing81 {
  grid-row: 1;
  grid-column: 11/13; }

#pch-shing82 {
  grid-row: 4;
  grid-column: 14/16; }

#pch-shing83 {
  grid-row: 3;
  grid-column: 13/17; }

#pch-shing84 {
  grid-row: 3;
  grid-column: 35/37; }

#pch-shing85 {
  grid-row: 1;
  grid-column: 13/15; }

#pch-shing86 {
  grid-row: 4;
  grid-column: 36/38; }

#pch-shing87 {
  grid-row: 1;
  grid-column: 23/25; }

#pch-shing88 {
  grid-row: 1;
  grid-column: 35/37; }

#pch-shing89 {
  grid-row: 4;
  grid-column: 25/27; }

#pch-shing90 {
  grid-row: 5;
  grid-column: 37/39; }

#pch-shing91 {
  grid-row: 1;
  grid-column: 3/11; }

#pch-shing92 {
  grid-row: 2;
  grid-column: 16/24; }

#pch-shing93 {
  grid-row: 1;
  grid-column: 17/23; }

#pch-shing94 {
  grid-row: 1;
  grid-column: 25/27; }

#pch-shing95 {
  grid-row: 1;
  grid-column: 27/29; }

#pch-shing96 {
  grid-row: 1;
  grid-column: 31/33; }

#pch-shing97 {
  grid-row: 1;
  grid-column: 33/35; }

#pch-shing98 {
  grid-row: 2;
  grid-column: 32/34; }

#pch-shing99 {
  grid-row: 2;
  grid-column: 34/36; }

#pch-shing100 {
  grid-row: 3;
  grid-column: 33/35; }

#pch-shing101 {
  grid-row: 2;
  grid-column: 10/12; }

#pch-shing102 {
  grid-row: 2;
  grid-column: 12/14; }

#pch-shing103 {
  grid-row: 3;
  grid-column: 35/37; }

#pch-shing104 {
  grid-row: 3;
  grid-column: 9/11; }

#pch-shing105 {
  grid-row: 4;
  grid-column: 12/14; }

#pch-shing106 {
  grid-row: 1;
  grid-column: 13/15; }

#pch-shing107 {
  grid-row: 3;
  grid-column: 21/23; }

#pch-shing108 {
  grid-row: 3;
  grid-column: 23/25; }

#pch-shing109 {
  grid-row: 2;
  grid-column: 24/26; }

#pch-shing110 {
  grid-row: 4;
  grid-column: 24/26; }

/*============MANSARD ROOF END===============*/
.p-roofsec-right-top {
  grid-column: 1/-1;
  grid-row: 1; }

.p-roofsec-right-mid {
  grid-column: 1/3;
  grid-row: 2;
  border-bottom-right-radius: 6px; }

.p-roofsec-right-bot {
  grid-column: 1;
  grid-row: 3;
  border-bottom-right-radius: 8px; }

.peach-right-gable {
  grid-row: 2;
  grid-column: 4/-1;
  display: grid;
  grid-template-columns: 56px 6px 4px 3px 4px;
  grid-template-rows: 3px 21px 9px 12px 7px auto; }

.gable-rt-roof {
  grid-column: 1/4;
  grid-row: 2;
  border-radius: 0 2px 2px 0; }

.gable-rt-gutter {
  grid-column: 1/3;
  grid-row: 3/4;
  border-radius: 0 0 4px 0; }

.gable-rt-roof-frame {
  grid-column: 1;
  grid-row: 4/-1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.rt-gab-shing-container {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-gap: 1px; }

#gab-shing-1 {
  grid-row: 1;
  grid-column: 7/-1; }
#gab-shing-2 {
  grid-row: 2;
  grid-column: 3/6; }
#gab-shing-3 {
  grid-row: 4;
  grid-column: 4/6; }
#gab-shing-4 {
  grid-row: 7;
  grid-column: 7/9; }
#gab-shing-5 {
  grid-row: 1;
  grid-column: 5/7; }
#gab-shing-6 {
  grid-row: 1;
  grid-column: 3/5; }
#gab-shing-7 {
  grid-row: 4;
  grid-column: 6/8; }
#gab-shing-8 {
  grid-row: 2;
  grid-column: 8; }
#gab-shing-9 {
  grid-row: 2;
  grid-column: 6/8; }
#gab-shing-10 {
  grid-row: 4;
  grid-column: 8; }
#gab-shing-11 {
  grid-row: 3;
  grid-column: 7/9; }
#gab-shing-12 {
  grid-row: 3;
  grid-column: 5/7; }
#gab-shing-13 {
  grid-row: 6;
  grid-column: 8; }
#gab-shing-14 {
  grid-row: 5;
  grid-column: 5/7; }
#gab-shing-15 {
  grid-row: 5;
  grid-column: 7/9; }
#gab-shing-16 {
  grid-row: 6;
  grid-column: 6/8; }

.peach-gutter-top-container {
  width: 410px;
  height: 20px;
  grid-row: 3;
  grid-column: 1;
  position: relative;
  z-index: 60; }

.peach-gutter-top {
  display: grid;
  grid-template-columns: 414px 7px 8px;
  grid-template-rows: 5px 5px 10px;
  width: 425px;
  height: 20px;
  left: -2px;
  top: 0;
  position: relative; }

.peach-gutter-top-lip {
  grid-column: 1/-1;
  grid-row: 1;
  border-bottom: 1px solid #9d7752;
  border-bottom-right-radius: 4px;
  background: #c3a27f; }

.peach-gutter-mid {
  grid-column: 1/3;
  grid-row: 2;
  border-bottom-right-radius: 4px; }

.peach-gutter-deco-row {
  grid-column: 1/2;
  background: linear-gradient(180deg, #a2876c 48%, #b08960 49%, #b08960 59%, #bfa182 60%);
  grid-row: 3;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 4px;
  display: grid;
  padding-left: 1%;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: 1fr;
  padding-left: 2%; }

.peach-gutter-base {
  grid-row: 4;
  grid-column: 1;
  display: grid; }

.peach-facade {
  grid-column: 1;
  grid-row: 5;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 139px 162px 154px;
  position: relative; }

#pch-brick-pattern {
  fill: none;
  stroke: maroon;
  stroke-width: 0.25px;
  opacity: .2;
  stroke-miterlimit: 10;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.pch-floor-3 {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 25px 88px 47px 88px 47px 88px 25px;
  grid-template-rows: 10px 129px;
  z-index: 5; }

.pch-f3-window-left {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 2px 4px 2px 6px 2px 1fr 4px 4px 2px 5px 3px;
  grid-template-rows: 4px 6px 78px 31px 10px; }

.pch-f3-window-ctr {
  grid-column: 4;
  grid-row: 2;
  display: grid;
  grid-template-columns: 2px 4px 2px 6px 2px 1fr 4px 4px 2px 5px 3px;
  grid-template-rows: 4px 6px 78px 31px 10px; }

.pch-f3-window-right {
  grid-column: 6;
  grid-row: 2;
  display: grid;
  grid-template-columns: 2px 4px 2px 6px 2px 1fr 4px 4px 2px 5px 3px;
  grid-template-rows: 4px 6px 78px 31px 10px; }

.pch-floor-2 {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 387px 1fr;
  grid-template-rows: 16px 146px;
  z-index: 5;
  position: relative; }

.pch-f2-windows-group {
  z-index: 10;
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 4px 106px 1fr 106px 1fr 106px 6px;
  grid-template-rows: 10px 86px 34px 12px; }

.pch-f2-window-left {
  grid-column: 2;
  grid-row: 1/4;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 118px; }

.pch-f2-awning-top-container {
  grid-column: 2/7;
  grid-row: 1;
  background-color: #e7c3a1;
  border-bottom: 2px solid #ba8c6a;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -4px 1px 1px 0px rgba(0, 0, 0, 0.3); }

.pch-f2-awning-base-container {
  grid-column: 3/6;
  grid-row: 2;
  background: linear-gradient(90deg, #e3c39d 0%, #eeccb0 100%);
  border-bottom: 2px solid #eeccb0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-right: 1px solid #d6b894;
  box-shadow: -2px 1px 1px 0px rgba(0, 0, 0, 0.3);
  z-index: 4; }

.pch-f2-shutter-board {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap: 2px;
  padding: 3px; }
  .pch-f2-shutter-board.win-l-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: #5d745a;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.6); }
  .pch-f2-shutter-board.win-l-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: #4c6e56; }
  .pch-f2-shutter-board.win-ctr-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: #5d745a; }
  .pch-f2-shutter-board.win-ctr-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: #4c6e56; }
  .pch-f2-shutter-board.win-r-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: #5d745a; }
  .pch-f2-shutter-board.win-r-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: #4c6e56; }

.pch-f2-shutter-pane {
  background: linear-gradient(35deg, #476a52 0%, #65856d 100%);
  box-shadow: inset -2px 2px 1px 0px rgba(0, 0, 0, 0.6); }

#pch-f2-curtain-left {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px); }
  #pch-f2-curtain-left .f2-curt-l-0 {
    fill: #E2B983; }
  #pch-f2-curtain-left .f2-curt-l-1 {
    fill: none;
    stroke: #B5875B;
    stroke-width: 0.5;
    stroke-miterlimit: 10; }
  #pch-f2-curtain-left .f2-curt-l-2 {
    fill: none;
    stroke: #B5875B;
    stroke-miterlimit: 10; }
#pch-f2-curtain-ctr {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px);
  background-color: #251b13; }
  #pch-f2-curtain-ctr .f2-curt-c-0 {
    fill: #E2B983; }
  #pch-f2-curtain-ctr .f2-curt-c-1 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  #pch-f2-curtain-ctr .f2-curt-c-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.5;
    stroke-miterlimit: 10; }
#pch-f2-curtain-right {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px);
  background-color: #251b13; }
  #pch-f2-curtain-right .f2-curt-r-0 {
    fill: #E2B983; }
  #pch-f2-curtain-right .f2-curt-r-1 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  #pch-f2-curtain-right .f2-curt-r-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.5;
    stroke-miterlimit: 10; }

.pch-f2-window-frame {
  grid-column: 4;
  grid-row: 3/5;
  background: transparent;
  border: 2px solid #773f0e;
  box-shadow: inset -2px 2px 2px 1px rgba(0, 0, 0, 0.8);
  position: relative; }

.pch-f2-munt-container-left {
  grid-column: 4;
  grid-row: 3/5;
  position: relative; }

.pch-muntin-vert-left {
  width: 2px;
  height: 118px;
  left: 16px;
  top: 0;
  position: absolute; }

.pch-muntin-vert-right {
  width: 2px;
  height: 118px;
  left: 33px;
  top: 0;
  position: absolute; }

.pch-muntin-horiz-thin1 {
  width: 50px;
  height: 2px;
  left: 0;
  top: 23px;
  position: absolute; }

.pch-muntin-horiz-thick {
  width: 50px;
  height: 3px;
  left: 0;
  top: 46px;
  position: absolute; }

.pch-muntin-horiz-thin2 {
  width: 50px;
  height: 2px;
  left: 0;
  top: 68px;
  position: absolute; }

.pch-munt {
  background: #743a12;
  opacity: .9; }

.pch-f2-window-ctr {
  grid-column: 4;
  grid-row: 1/4;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 118px; }

.pch-f2-rail {
  grid-column: 1/-1;
  grid-row: 3;
  position: relative; }

#pch-f2-vector {
  fill: none;
  stroke: #000;
  stroke-width: 1.5;
  left: 0;
  bottom: 3px;
  position: relative; }

.pch-f2-window-right {
  grid-column: 6;
  grid-row: 1/4;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 118px; }

.pch-f2-deck-container {
  grid-column: 1/-1;
  grid-row: 4;
  display: grid;
  grid-template-columns: 2px auto 2px;
  grid-template-rows: 4px 5px;
  z-index: 10; }

.pch-f2-deck-top {
  grid-column: 1/-1;
  grid-row: 1;
  background: linear-gradient(0deg, #ae7a4b 0%, #bc8753 100%);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.pch-f2-deck-bot {
  grid-column: 2;
  grid-row: 2;
  background: linear-gradient(90deg, #dcc5a3 0%, #dcc5a3 50%, #d7ac6f 100%);
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  box-shadow: -4px 4px 2px 1px rgba(0, 0, 0, 0.5); }

.pch-floor-1 {
  grid-column: 1;
  grid-row: 3;
  background-color: #darkgrey;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 16px 115px 23px;
  z-index: 5; }

.pch-f1-upper {
  grid-columns: 1;
  grid-rows: 2;
  display: grid;
  grid-template-columns: 5px 138px auto;
  grid-template-rows: 1fr; }

.pch-f1-awning {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1px 4px 132px 4px 1px;
  grid-template-rows: 2px 6px 6px 2px; }

.pch-f1-door-awning-top {
  grid-column: 1/-1;
  grid-row: 2;
  border: 4px solid transparent;
  border-top: 6px solid #3c2714; }

.pch-f2-door-awning-bot {
  grid-column: 3/4;
  grid-row: 3;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  background: linear-gradient(0deg, #9f7f5e 0%, #9f7f5e 60%, #7c5a35 100%);
  box-shadow: -2px 4px 1px 1px rgba(0, 0, 0, 0.7);
  z-index: 10; }

.pch-f1-lower {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 18px 118px 15px 106px 30px 1fr 20px;
  grid-template-rows: 115px 23px; }

.pch-f1-door-left {
  grid-column: 2;
  grid-row: 1/3;
  background: linear-gradient(45deg, #51220e 40%, #29190c 70%); }

.pch-f1-door-svg .st0 {
  opacity: 0.3;
  fill: #937358; }
.pch-f1-door-svg .st1 {
  opacity: 0.3;
  fill: #604F40;
  stroke: #333333;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st2 {
  fill: #AF8F68; }
.pch-f1-door-svg .st3 {
  fill: #AF9162; }
.pch-f1-door-svg .st4 {
  fill: none;
  stroke: #1A1A1A;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st5 {
  fill: #665444;
  stroke: #333333;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st6 {
  opacity: 0.8;
  fill: #CCAA87;
  stroke: #A88148;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st7 {
  fill: #846E4A; }
.pch-f1-door-svg .st8 {
  opacity: 0.6;
  fill: none;
  stroke: #333333;
  stroke-width: 1.1836;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st9 {
  opacity: 0.8;
  fill: #605343; }
.pch-f1-door-svg .st10 {
  opacity: 0.4;
  fill: #B27E4F; }
.pch-f1-door-svg .st11 {
  opacity: 0.8;
  fill: #CCBAAE; }
.pch-f1-door-svg .st12 {
  fill: #F7CF89; }
.pch-f1-door-svg .st13 {
  opacity: 0.8;
  fill: #D1A686; }
.pch-f1-door-svg .st14 {
  fill: #C6A275; }
.pch-f1-door-svg .st15 {
  fill: #997F58; }
.pch-f1-door-svg .st16 {
  fill: #605853; }
.pch-f1-door-svg .st17 {
  fill: #665E58; }
.pch-f1-door-svg .st18 {
  fill: #301A0B; }
.pch-f1-door-svg .st19 {
  fill: #CEAB74; }
.pch-f1-door-svg .st20 {
  fill: none;
  stroke: #333333;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st21 {
  opacity: 0.5;
  fill: #724E33; }
.pch-f1-door-svg .st22 {
  opacity: 0.5;
  fill: #755532; }
.pch-f1-door-svg .st23 {
  opacity: 0.5;
  fill: #776250; }
.pch-f1-door-svg .st24 {
  opacity: 0.3;
  fill: #53341F; }
.pch-f1-door-svg .st25 {
  fill: #A3875D; }
.pch-f1-door-svg .st26 {
  opacity: 0.8;
  fill: #B28E76; }
.pch-f1-door-svg .st27 {
  opacity: 0.8;
  fill: #CCAA87;
  stroke: #8C7F68;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st28 {
  fill: none;
  stroke: #FBB03B;
  stroke-width: 0.1921;
  stroke-miterlimit: 10; }
.pch-f1-door-svg .st29 {
  fill: #c3a681; }
.pch-f1-door-svg .st30 {
  opacity: 0.8;
  fill: #896D59; }
.pch-f1-door-svg .st31 {
  fill: #443A30; }

.pch-f1-window-ctr {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-columns: 15px 5px 3px 3px 53px 3px 3px 5px 15px;
  grid-template-rows: 5px 5px 2px 94px 8px; }

.pch-f1-awning-top-container {
  grid-column: 2/9;
  grid-row: 1;
  background-color: #e7c3a1;
  border-bottom: 2px solid #ba8c6a;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -4px 1px 1px 0px rgba(0, 0, 0, 0.3); }

.pch-f1-awning-base-container {
  grid-column: 3/8;
  grid-row: 2;
  background: linear-gradient(90deg, #e3c39d 0%, #eeccb0 100%);
  border-bottom: 2px solid #eeccb0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-right: 1px solid #d6b894;
  box-shadow: -2px 1px 1px 0px rgba(0, 0, 0, 0.3);
  z-index: 4; }

.pch-f1-shutter-board {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap: 2px;
  padding: 3px; }
  .pch-f1-shutter-board.win-ctr-side-left {
    grid-column: 1/5;
    grid-row: 4;
    background: #54744f;
    box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, 0.6); }
  .pch-f1-shutter-board.win-ctr-side-right {
    grid-column: 6/-1;
    grid-row: 4;
    background: #456f52;
    box-shadow: -2px 2px 1px 0px rgba(0, 0, 0, 0.6); }
  .pch-f1-shutter-board.win-r-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: #567452; }
  .pch-f1-shutter-board.win-r-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: #436e50; }

.pch-f1-shutter-pane {
  background: linear-gradient(35deg, #416c4f 0%, #5a8665 100%);
  box-shadow: inset -2px 2px 1px 0px rgba(0, 0, 0, 0.6); }

#pch-f1-curtain-ctr {
  background-color: #251b13;
  grid-column: 5;
  grid-row: 4;
  filter: blur(0.5px); }
  #pch-f1-curtain-ctr .f1-curt-c-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4449;
    stroke-miterlimit: 10; }
  #pch-f1-curtain-ctr .f1-curt-c-1 {
    fill: #E2B983; }
  #pch-f1-curtain-ctr .f1-curt-c-2 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  #pch-f1-curtain-ctr .f1-curt-c-3 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.8897;
    stroke-miterlimit: 10; }
#pch-f1-curtain-right {
  filter: blur(0.5px);
  grid-column: 5;
  grid-row: 4;
  background-color: #251b13; }
  #pch-f1-curtain-right .f1-curt-r-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4449;
    stroke-miterlimit: 10; }
  #pch-f1-curtain-right .f1-curt-r-1 {
    fill: #E2B983; }
  #pch-f1-curtain-right .f1-curt-r-2 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  #pch-f1-curtain-right .f1-curt-r-3 {
    display: none;
    fill: #E2B983; }
  #pch-f1-curtain-right .f1-curt-r-4 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.5303;
    stroke-miterlimit: 10; }
  #pch-f1-curtain-right .f1-curt-r-5 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.8897;
    stroke-miterlimit: 10; }

.pch-f1-munt-container-left {
  grid-column: 5;
  grid-row: 4/6;
  position: relative; }

.pch-f1-muntin-vert-left {
  width: 2px;
  height: 96px;
  left: 16px;
  top: 0;
  position: absolute; }

.pch-f1-muntin-vert-right {
  width: 2px;
  height: 96px;
  left: 33px;
  top: 0;
  position: absolute; }

.pch-f1-muntin-horiz-thin1 {
  width: 50px;
  height: 2px;
  left: 0;
  top: 23px;
  position: absolute; }

.pch-f1-muntin-horiz-thick {
  width: 50px;
  height: 3px;
  left: 0;
  top: 46px;
  position: absolute; }

.pch-f1-muntin-horiz-thin2 {
  width: 50px;
  height: 2px;
  left: 0;
  top: 68px;
  position: absolute; }

.pch-f1-window-frame {
  grid-column: 5;
  grid-row: 3/5;
  background: transparent;
  border: 2px solid #773f0e;
  box-shadow: inset -2px 2px 2px 1px rgba(0, 0, 0, 0.8);
  position: relative; }

.pch-f1-window-ledge {
  grid-column: 4/7;
  grid-row: 5;
  background: #d4b388;
  border-right: 1px solid #b59472;
  z-index: 10;
  box-shadow: -2px 1px 2px 0px rgba(33, 33, 33, 0.8); }

.pch-f1-window-right {
  grid-column: 6;
  grid-rows: 1;
  display: grid;
  grid-template-columns: 15px 5px 3px 3px 53px 3px 3px 5px 15px;
  grid-template-rows: 5px 5px 2px 94px 8px; }

.foundation-container {
  grid-row: 6;
  grid-column: 1;
  position: relative;
  z-index: 10; }

.peach-foundation {
  width: 414px;
  height: 26px;
  top: 0;
  left: 0;
  position: absolute;
  display: grid;
  grid-template-columns: 18px 118px 274px 4px;
  grid-template-rows: 10px 16px; }

.foundation-top {
  grid-column: 1/5;
  grid-row: 1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.foundation-bot {
  grid-column: 1/4;
  grid-row: 2; }

.peach-steps {
  grid-column: 2/3;
  grid-row: 1/-1; }

/* dark house profile:
width: 122px
rows: 386 + 86 + 142 + 132*/
.dark-sky {
  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-image: linear-gradient(to right, #635b44 40%, #3b3420 50%) 1 0%;
  z-index: -1; }

.dark-roof {
  background: linear-gradient(120deg, #675542 23%, #4e3d2a 35%, #413425 65%, #22180e 85%);
  border-style: solid;
  border-width: 0px;
  border-top-width: 1px;
  border-image: linear-gradient(to right, #807559 30%, #463e26 60%) 1 0%;
  z-index: -1; }

.dk-roof-top {
  border-top: 1px solid #5b4229;
  background: linear-gradient(120deg, #ab9778 35%, #584d41 45%, #4d3c2c 90%, #3a2919 100%);
  filter: blur(1px);
  overflow: hidden;
  z-index: -1; }

.dk-roof-mid {
  background: linear-gradient(0deg, transparent 0%, #534237 100%);
  opacity: .7; }

.dk-roof-bot {
  background: linear-gradient(120deg, #675542 23%, #4e3d2a 30%, #413425 65%, #22180e 85%);
  opacity: .7; }

.dark-facade {
  background: linear-gradient(90deg, #805f3d 68%, #79502d 80%);
  border-bottom: 1px solid #8d6a45;
  z-index: -1;
  box-shadow: inset -16px -25px 40px 4px rgba(66, 48, 21, 0.9); }

.dk-left-gutter-pipe {
  left: 0;
  bottom: 20px;
  width: 15px;
  height: 375px;
  position: absolute;
  z-index: 30; }
  .dk-left-gutter-pipe .st0 {
    opacity: 1;
    fill: #844B20; }
  .dk-left-gutter-pipe .st1 {
    opacity: 1;
    fill: #FFFFFF;
    stroke: #6D301B;
    stroke-width: 3.9756;
    stroke-miterlimit: 10; }
  .dk-left-gutter-pipe .st2 {
    opacity: 1;
    fill: #FFFFFF;
    stroke: #442C15;
    stroke-width: 3.9856;
    stroke-miterlimit: 10; }
  .dk-left-gutter-pipe .st3 {
    opacity: 1;
    fill: #FFFFFF;
    stroke: #6D301B;
    stroke-width: 2;
    stroke-miterlimit: 10; }
  .dk-left-gutter-pipe .st5 {
    opacity: 1;
    fill: none;
    stroke: #3A2E2C;
    stroke-width: 1.0239;
    stroke-miterlimit: 10; }
  .dk-left-gutter-pipe .st6 {
    opacity: 1;
    fill: none;
    stroke: #6D2E1D;
    stroke-width: 4.2361;
    stroke-miterlimit: 10; }

.munt {
  z-index: 0; }

.muntin1 {
  background: linear-gradient(0deg, #22180e 10%, #382d1f 73%, #22180e 100%); }

.muntin2 {
  background: linear-gradient(0deg, #22180e 10%, #443627 40%, #413425 85%, #22180e 100%); }

.muntin3 {
  background: linear-gradient(0deg, #22180e 10%, #4a3c2b 70%, #22180e 90%); }

.muntin4 {
  background: linear-gradient(0deg, #22180e 10%, #4a3c2b 70%, #22180e 90%); }

.muntin5 {
  background: linear-gradient(0deg, #22180e 20%, #382d20 70%, #22180e 90%); }

.muntin6 {
  background: linear-gradient(0deg, #2f2316 0%, #2b1f13 90%); }

.muntin7 {
  background: linear-gradient(0deg, #261b0f 0%, #2b1f12 90%); }

.dk-window-pillar {
  position: absolute;
  bottom: -67px;
  left: 46%;
  width: 9px;
  border: 1px solid #2e2216;
  height: 75px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: linear-gradient(0deg, #2e2216 5%, #6a5232 30%); }

.dk-window-frame {
  width: 96px;
  height: 70px;
  position: absolute;
  bottom: -67px;
  left: -3px;
  border-radius: 2px;
  background: transparent;
  border: 3px solid #5d4223;
  border-top: 6px solid #5e482f;
  border-bottom: 4px solid #2e2216;
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  grid-row: 1fr;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6); }

.dark-window {
  background: linear-gradient(0deg, #191207 22%, #56391a 24%); }

.dk-window-left {
  grid-column: 1;
  grid-row: 1;
  background: transparent;
  height: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr; }

.dk-window-pane {
  border: 1px solid rgba(57, 38, 19, 0.8);
  box-shadow: inset -1px 1px 1px 0px rgba(0, 0, 0, 0.6);
  background: transparent; }

.dk-window-right {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr; }

.dk-gutter-top {
  border-top: 1px solid #2a180c;
  background: linear-gradient(90deg, #7d6042 50%, #493922 80%);
  box-shadow: 1px 2px 1px 1px rgba(61, 39, 1, 0.8); }

.dk-gutter-bot {
  background: linear-gradient(90deg, #7d6042 50%, #493922 80%);
  border-bottom: 1px solid rgba(96, 67, 35, 0.8); }

.dk-arch-top-container {
  position: absolute;
  top: -16px;
  left: 0;
  height: 12px;
  width: 124px;
  background-color: transparent; }

.arch {
  background: linear-gradient(0deg, #b2916b 0%, #b2916b 20% #c3a885 77%); }

.dk-arch-top-left {
  position: absolute;
  top: 0px;
  left: 0;
  height: 12px;
  width: 40px;
  background: linear-gradient(356deg, #c3a885 65%, transparent 77%); }

.dk-arch-top-ctr {
  position: absolute;
  top: -2px;
  right: 31px;
  height: 14px;
  width: 62px;
  background-color: #ccb18e;
  box-shadow: -1px 0px 2px 0px rgba(108, 80, 46, 0.9);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px; }

.dk-arch-top-right {
  position: absolute;
  top: 0px;
  right: 0;
  height: 12px;
  width: 40px;
  background: linear-gradient(4deg, #c3a885 65%, transparent 77%); }

.dk-arch-awning-top {
  position: absolute;
  bottom: -6px;
  left: -11px;
  height: 3px;
  width: 146px;
  border-top: 3px solid #b5926c;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-bottom: 4px solid transparent; }

.dk-arch-awning {
  position: absolute;
  bottom: -5px;
  left: -8px;
  height: 3px;
  width: 140px;
  background: #ccb18e;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 1px solid #473c2e;
  box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); }

.dark-door {
  border-top: 2px solid #99734f;
  box-shadow: inset 0px 3px 10px -3px rgba(65, 26, 8, 0.89);
  background: linear-gradient(45deg, #d4bb96 0%, #a78767 100%);
  z-index: 3;
  top: 0;
  left: 0;
  position: relative;
  width: 124px;
  display: grid;
  grid-template-columns: 12px 1fr 12px;
  grid-template-rows: 14px 1fr;
  z-index: 2; }

.dk-door-gate-container {
  grid-row: 2;
  grid-column: 2;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #241b0e;
  display: grid;
  grid-template-columns: 45px 5px 5px 45px;
  grid-template-rows: 48px 35px 30px;
  z-index: -5; }

.dk-columns-capital-container {
  grid-row: 1;
  grid-column: 1/-1;
  z-index: 30;
  position: relative; }

.dk-capital-left {
  position: absolute;
  bottom: -6px;
  left: -4px;
  width: 20px;
  height: 6px;
  display: grid;
  grid-template-columns: 3px 2px 1fr 2px 3px;
  grid-template-rows: 4px 2px; }

.dk-capital-right {
  position: absolute;
  bottom: -6px;
  right: -4px;
  width: 20px;
  height: 6px;
  display: grid;
  grid-template-columns: 3px 2px 1fr 2px 3px;
  grid-template-rows: 4px 2px; }

.dk-capital-top {
  border-top: 2px solid #b4936c;
  border-bottom: 2px solid #996537;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  grid-row: 1;
  grid-column: 1/-1;
  background-color: coral; }

.dk-capital-bot {
  grid-row: 2;
  grid-column: 2/5;
  background-color: rgba(210, 183, 143, 0.7);
  border-bottom: 1px solid #ae8b65;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  opacity: .8; }

.dk-gate-top-left {
  grid-row: 1;
  grid-column: 1/3;
  background: pink;
  background: linear-gradient(20deg, #16110a 0%, #16110a 35%, transparent 36%); }

.dk-gate-top-right {
  grid-row: 1;
  grid-column: 3/5;
  background: coral;
  background: linear-gradient(340deg, #16110a 0%, #16110a 35%, transparent 36%);
  box-shadow: inset -34px 1px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: -20;
  border-top-right-radius: 10px; }

.dk-gate-mid-left {
  grid-row: 2;
  grid-column: 1/3;
  background: #16110a;
  border-right: 1px solid black;
  border-top: 1px solid black; }

.dk-gate-mid-right {
  grid-row: 2;
  grid-column: 3/5;
  background: #16110a;
  box-shadow: inset -34px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-left: 1px solid black;
  border-top: 1px solid black; }

.dk-gate-bot-left {
  grid-row: 3;
  grid-column: 1/3;
  background: #16110a;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 4px solid #563c23; }

.dk-gate-bot-right {
  grid-row: 3;
  grid-column: 3/5;
  background: #16110a;
  box-shadow: inset -34px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 4px solid #563c23; }

.dk-gate-knobs-container {
  grid-row: 3;
  grid-column: 2/4;
  opacity: .5;
  position: relative; }

.dk-gate-knobs {
  grid-row: 3;
  grid-column: 2/4;
  position: absolute;
  top: -6px;
  left: 1px;
  font-size: 2px;
  color: #e2c2a0;
  letter-spacing: 3em; }

.dk-gate-ctr {
  position: absolute;
  top: -49px;
  left: 0;
  font-size: 15px;
  width: 2px;
  color: black; }

.dark-house-col {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-rows: 386px 83px 152px 129px;
  grid-template-columns: 1fr; }

.dark-sky {
  grid-row: 1;
  grid-column: 1; }

.dark-roof {
  grid-row: 2;
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 9px 5px 1fr; }

.dk-roof-top {
  grid-row: 1;
  grid-column: 1; }

.dk-roof-mid {
  grid-row: 2;
  grid-column: 1; }

.dk-roof-bot {
  grid-row: 3;
  grid-column: 1; }

.dark-facade {
  grid-row: 3;
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 10px 1fr;
  position: relative; }

.dk-gutters {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 8px 7px; }

.dk-gutter-top {
  grid-column: 1;
  grid-row: 1;
  z-index: 1; }

.dk-gutter-bot {
  grid-column: 1;
  grid-row: 2; }

.dark-window-container {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 11px 90px 1fr;
  grid-template-rows: 12px 100px 1fr; }

.dark-window {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 36px 1fr;
  box-shadow: inset 0px 45px 5px 4px rgba(0, 0, 0, 0.5); }

.dk-window-arch {
  grid-row: 2;
  grid-column: 2;
  position: relative;
  z-index: 30;
  top: -8px;
  left: 1px; }
  .dk-window-arch .st0 {
    fill: none;
    opacity: 1;
    stroke: #6e4e24;
    stroke-width: 6.7906;
    stroke-miterlimit: 10; }

.dk-window-cover {
  grid-row: 2;
  grid-column: 2;
  z-index: 5;
  background: linear-gradient(90deg, #805f3d 0%, #876140 68%, #674425 100%); }

.dk-window-top-clip-link {
  clip-path: url("#dk-window-top-clipping"); }

.dk-window-top {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  background: #191207; }

.dk-window-bot {
  grid-row: 2;
  grid-column: 1;
  position: relative;
  background: #584328;
  opacity: .1; }

.munt {
  transform-origin: 50% 100%;
  position: absolute;
  left: 45px;
  height: 36px;
  width: 1px; }

.muntin1 {
  transform: rotateZ(292.5deg); }

.muntin2 {
  transform: rotateZ(315deg); }

.muntin3 {
  transform: rotateZ(337.5deg); }

.muntin4 {
  transform: rotateZ(0deg); }

.muntin5 {
  transform: rotateZ(22.5deg); }

.muntin6 {
  transform: rotateZ(45deg); }

.muntin7 {
  transform: rotateZ(67.5deg); }

.dark-door {
  grid-row: 4;
  grid-column: 1; }

/*===============BRICK Color notes
*
*
*/
.brick-top-chimney-capL {
  background-color: #b05b3e;
  border-bottom: 3px solid #77371f;
  border-top: 2px solid #9b6d59; }

.brick-top-chimney-capR {
  background: #a15338;
  border-bottom: 3px solid #77371f;
  border-top: 2px solid #9b6d59; }

.brick-top-chimney-bodyL {
  background: #a75537;
  box-shadow: inset 0 0 2px 1px #73402d; }

.brick-top-chimney-bodyR {
  background: #a75537;
  box-shadow: inset 0 0 2px 1px #73402d; }

.brick-roof {
  background: linear-gradient(345deg, #5d5646 0%, #897565 100%);
  border-top: 3px solid #9e563d;
  border-bottom: 2px solid #45372c;
  box-shadow: 0 -1px 1px 0 #a5694f; }

.shing {
  filter: blur(2px);
  opacity: 0.7; }

.shing.tan {
  background-color: #8b7665; }

.shing.brown {
  background-color: #534638; }

.shing.green {
  background-color: #395440; }

#brick-roof-front-container {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, transparent 10%, transparent 100%); }

#front-top-wall-left {
  background: linear-gradient(60deg, #bf8a60 35%, #c69b71 100%);
  border: 1px solid #835f45;
  border-bottom-width: 0;
  box-shadow: 2px 10px 2px 2px rgba(0, 0, 0, 0.5); }

#front-chimney-left-cap {
  border-radius: 2px;
  background-color: #cf7b57;
  border-bottom: 3px solid #943f20;
  border-right: 1px solid #943f20;
  border-left: 1px solid #943f20; }

#front-chimney-left {
  border-radius: 2px;
  background-color: #c26543;
  background: linear-gradient(0deg, #a16c4c 0%, #c26543 20%);
  border: 1px solid #5e270c;
  border-bottom-width: 0;
  border-top-width: 0;
  box-shadow: 10px 7px 8px -5px rgba(0, 0, 0, 0.2); }

#front-bottom-wall-left {
  border: 2px solid #4d2714;
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-radius: 2px;
  background: linear-gradient(20deg, #dcb685 0%, #d2b083 100%);
  box-shadow: 8px 14px 8px -5px rgba(0, 0, 0, 0.4); }

#front-base-left {
  background-color: #b55a32;
  box-shadow: inset 0 5px 2px -3px rgba(0, 0, 0, 0.6); }

#front-top-wall-right {
  background: linear-gradient(20deg, #bf8a60 0%, #a27d59 100%);
  border: 1px solid #835f45;
  border-bottom-width: 0;
  box-shadow: -12px 9px 1px 1px rgba(0, 0, 0, 0.4); }

#front-chimney-right-cap {
  border-radius: 2px;
  background-color: #c46e53;
  border-bottom: 3px solid #954426;
  border-right: 1px solid #943f20;
  border-left: 1px solid #943f20;
  box-shadow: -13px 3px 2px -1px rgba(0, 0, 0, 0.1); }

.shadow-brk-roof {
  opacity: 0.5;
  background: black; }

#front-chimney-right {
  border-radius: 2px;
  background: linear-gradient(0deg, #a16c4c 0%, #c26543 20%);
  border: 1px solid #5e270c;
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-top-width: 0;
  box-shadow: -13px -5px 1px -4px rgba(0, 0, 0, 0.1); }

#front-bottom-wall-right {
  background: linear-gradient(0deg, #c09874 0%, #cfb091 30%, #cfb091 70%, #b79673 100%);
  border-top-width: 0;
  border: 1px solid #4d2714;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-radius: 2px; }

#front-base-right {
  background-color: #b55a32; }

#brick-roof-shad {
  filter: blur(3px);
  background: rgba(0, 0, 0, 0.45); }

.brick-gutters {
  background: linear-gradient(90deg, #522f1c 0%, #a85b29 80%); }

.brick-gutter-top {
  background-color: #bfa68b;
  border-bottom: 1px solid #a07e62;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }

.brick-gutter-mid {
  background-color: #dac3a1;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 14px;
  border-top-right-radius: 8px;
  box-shadow: -1px 10px 10px 5px rgba(0, 0, 0, 0.4); }

.brick-gutter-bot {
  background-color: #85674c;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 4px;
  z-index: -1px; }

.brick-facade {
  background: linear-gradient(25deg, #812508 0%, #b3532a 50%, #c16b46 100%);
  box-shadow: -60px 150px 15px 5px rgba(0, 0, 0, 0.1); }

.br-attic {
  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.7); }

.brk-attic-top {
  background: wheat; }

.brk-attic-winframe-left {
  background: linear-gradient(0deg, #1f160d 0%, #1d150d 100%);
  display: grid;
  grid-template-columns: 3px 1fr 1px 1fr 1px 1fr;
  grid-template-rows: 1fr; }

.attic-frame {
  grid-row: 1;
  grid-column: 1;
  background: #967959;
  background: linear-gradient(0deg, #967959 45%, #412613 90%); }

.attic-bar1 {
  grid-row: 1;
  grid-column: 3;
  background: linear-gradient(0deg, #463325 20%, #1d150d 60%); }

.attic-bar2 {
  grid-row: 1;
  grid-column: 5;
  background: linear-gradient(0deg, #463325 20%, #1d150d 60%); }

.brk-attic-winframe-ctr {
  background: linear-gradient(0deg, #1f160d 0%, #1d150d 100%);
  grid-template-rows: 1fr;
  display: grid;
  grid-template-columns: 3px 1fr 1px 1fr 1px 1fr;
  grid-template-rows: 1fr; }

.brk-attic-winframe-right {
  background: linear-gradient(0deg, #1f160d 0%, #1d150d 100%);
  display: grid;
  grid-template-columns: 3px 1fr 1px 1fr 1px 1fr;
  grid-template-rows: 1fr; }

.brick-attic-mid {
  background-color: #b59677;
  border-bottom: 1px solid #83654c;
  border-radius: 2px; }

.brick-attic-bot1 {
  background-color: #d5bba0;
  border-bottom: 1px solid #83654c; }

.brick-attic-bot2 {
  background-color: #d5bba0;
  border-bottom: 1px solid #83654c;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px; }

.brick-attic-bot3 {
  background-color: #dbc0a2;
  border-bottom: 1px solid #83654c;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.brk-top-floors-container {
  grid-row: 3;
  grid-column: 1;
  display: grid;
  grid-template-columns: 16px 394px 16px;
  grid-template-rows: 128px 24px 136px; }

.brk-floor3 {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-template-columns: 10px 102px 39px 102px 28px 102px 10px;
  grid-template-rows: 86px 32px 10px; }

.brk-floor3-window-left {
  grid-column: 2;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 105px; }

.brk-f3-awning-top-container {
  grid-column: 2/7;
  grid-row: 1;
  background-color: #ac9580;
  border-bottom: 2px solid #a37a5c;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -4px 1px 1px 0 rgba(0, 0, 0, 0.3); }

.brk-f3-awning-base-container {
  grid-column: 3/6;
  grid-row: 2;
  background: linear-gradient(90deg, #c2ab90 0%, #9f8d7e 100%);
  border-bottom: 2px solid #9c8979;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-right: 1px solid #a18c7a;
  box-shadow: -2px 3px 1px 0 rgba(0, 0, 0, 0.3);
  z-index: 4; }

.brk-f3-shutter-pane {
  background: linear-gradient(35deg, #665d39 0%, #6f6836 50%, #6b5722 100%);
  box-shadow: inset -1px 2px 2px 0 rgba(0, 0, 0, 0.6); }

.brk-f3-shutter-board {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-gap: 2px;
  padding: 3px; }
  .brk-f3-shutter-board.win-l-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: linear-gradient(120deg, #6b5722 0%, #666c3d 100%);
    z-index: 12;
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.6); }
  .brk-f3-shutter-board.win-l-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: linear-gradient(90deg, #61602f 0%, #695b34 100%); }
  .brk-f3-shutter-board.win-ctr-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: #67745a; }
  .brk-f3-shutter-board.win-ctr-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: #566e4c; }
  .brk-f3-shutter-board.win-r-side-left {
    grid-column: 1/4;
    grid-row: 4;
    background: #68745a; }
  .brk-f3-shutter-board.win-r-side-right {
    grid-column: 5/-1;
    grid-row: 4;
    background: #566e4c; }

.brk-f3-curtain-left {
  grid-column: 4;
  grid-row: 4;
  background-color: #1d150a;
  filter: blur(0.5px); }
  .brk-f3-curtain-left .brk-f3-curt-l-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 1.0372;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-left .brk-f3-curt-l-1 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-left .brk-f3-curt-l-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.9354;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-left .brk-f3-curt-l-3 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4677;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-left .brk-f3-curt-l-4 {
    fill: #D5AE8F; }
.brk-f3-curtain-ctr {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px);
  background-color: #1d150a; }
  .brk-f3-curtain-ctr .brk-f3-curt-c-0 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-ctr .brk-f3-curt-c-1 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.9354;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-ctr .brk-f3-curt-c-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4677;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-ctr .brk-f3-curt-c-3 {
    fill: #D5AE8F; }
.brk-f3-curtain-right {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px);
  background-color: #1d150a; }
  .brk-f3-curtain-right .brk-f3-curt-r-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 1.0372;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-right .brk-f3-curt-r-1 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-right .brk-f3-curt-r-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.9354;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-right .brk-f3-curt-r-3 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4677;
    stroke-miterlimit: 10; }
  .brk-f3-curtain-right .brk-f3-curt-r-4 {
    fill: #D5AE8F; }

.brk-f2-curtain-left {
  position: relative;
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.7px); }
  .brk-f2-curtain-left .br-f2-curt-l-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 1.0372;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-left .br-f2-curt-l-1 {
    fill: #d5ae8f; }
  .brk-f2-curtain-left .br-f2-curt-l-2 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-left .br-f2-curt-l-3 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.9354;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-left .br-f2-curt-l-4 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4677;
    stroke-miterlimit: 10; }
.brk-f2-curtain-ctr {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px); }
  .brk-f2-curtain-ctr .br-f2-curt-l-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 1.0372;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-ctr .br-f2-curt-l-1 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-ctr .br-f2-curt-l-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.9354;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-ctr .br-f2-curt-l-3 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4677;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-ctr .br-f2-curt-l-4 {
    fill: #D5AE8F; }
.brk-f2-curtain-right {
  grid-column: 4;
  grid-row: 4;
  filter: blur(0.5px);
  background-color: #251b13; }
  .brk-f2-curtain-right .br-f2-curt-r-0 {
    fill: none;
    stroke: #785A41;
    stroke-width: 1.0372;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-right .br-f2-curt-r-1 {
    fill: none;
    stroke: #785A41;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-right .br-f2-curt-r-2 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.9354;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-right .br-f2-curt-r-3 {
    fill: none;
    stroke: #785A41;
    stroke-width: 0.4677;
    stroke-miterlimit: 10; }
  .brk-f2-curtain-right .br-f2-curt-r-4 {
    fill: #D5AE8F; }

.brk-f3-window-frame {
  grid-column: 4;
  grid-row: 3/5;
  background: transparent;
  border: 2px solid #504c2b;
  border-left-color: #666244;
  box-shadow: inset -2px 2px 2px 1px rgba(0, 0, 0, 0.8);
  position: relative; }

.brk-f3-munt-container {
  grid-column: 4;
  grid-row: 3/5;
  position: relative; }

.brk-muntin-vert-left {
  width: 1px;
  height: 113px;
  left: 16px;
  top: 0;
  position: absolute; }

.brk-muntin-vert-right {
  width: 1px;
  height: 113px;
  left: 34px;
  top: 20;
  position: absolute; }

.brk-muntin-horiz-thin1 {
  width: 50px;
  height: 1px;
  left: 0;
  top: 22px;
  position: absolute; }

.brk-muntin-horiz-thick {
  width: 50px;
  height: 3px;
  left: 0;
  top: 42px;
  border-bottom: 1px solid #474235;
  position: absolute; }

.brk-muntin-horiz-thin2 {
  width: 50px;
  height: 1px;
  left: 0;
  top: 62px;
  position: absolute; }

.brk-muntin-horiz-thin3 {
  width: 50px;
  height: 1px;
  left: 0;
  top: 85px;
  position: absolute; }

.brk-munt {
  background: #a79467;
  opacity: 0.9; }

.brk-floor3-window-ctr {
  grid-column: 4;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 105px; }

.brk-floor3-window-right {
  grid-column: 6;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 105px; }

.brk-deck-rail {
  grid-column: 1/-1;
  grid-row: 2;
  z-index: 20;
  position: relative; }

#brk-rail-vector {
  grid-column: 1/-1;
  grid-row: 2;
  position: relative;
  top: -9px;
  left: 0;
  z-index: 22; }
  #brk-rail-vector .brk-rail-0 {
    fill: none;
    stroke: #000000;
    stroke-width: 1.5;
    stroke-miterlimit: 10; }
  #brk-rail-vector .brk-rail-1 {
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-miterlimit: 10; }
  #brk-rail-vector .brk-rail-2 {
    fill: none;
    stroke: #000000; }
  #brk-rail-vector .brk-rail-3 {
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    stroke-miterlimit: 10; }

.brk-floor3-deck {
  grid-column: 1/-1;
  grid-row: 3;
  display: grid;
  grid-template-columns: 2px 1fr 2px;
  grid-template-rows: 4px 6px;
  z-index: 20; }

.brk-f3-top {
  grid-row: 1;
  grid-column: 1/-1;
  background: linear-gradient(90deg, #b69174 30%, #a37856 100%);
  z-index: 12; }

.brk-f3-bot {
  grid-row: 2;
  grid-column: 2;
  background: linear-gradient(90deg, #d3c09f, #c2ae93 65%, #c0a48c 100%);
  border-bottom: 1px solid #634f34;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: -4px 4px 3px 1px rgba(0, 0, 0, 0.4); }

.floor2-deck-shad-side {
  filter: blur(1px);
  position: relative;
  opacity: .8;
  top: -32px;
  left: -26px;
  z-index: 2; }
  .floor2-deck-shad-side .st0 {
    fill: url(#SVGID_1_); }

.floor2-deck-shad-under {
  filter: blur(1px);
  position: relative;
  opacity: .8;
  top: -107px;
  left: -24px;
  width: 106%;
  z-index: 80; }
  .floor2-deck-shad-under .st0 {
    fill: url(#SVGID_1_); }

.brk-floor2 {
  grid-row: 3;
  grid-column: 2;
  display: grid;
  grid-template-columns: 8px 100px 40px 104px 28px 104px 10px;
  grid-template-rows: 94px 32px 10px;
  position: relative; }

.floor3-deck-shad-side {
  filter: blur(1px);
  position: absolute;
  opacity: .8;
  top: -63px;
  left: -23px;
  width: 100%; }
  .floor3-deck-shad-side .st0 {
    fill: url(#SVGID_1_); }

.floor3-deck-shad-under {
  filter: blur(1px);
  position: absolute;
  opacity: .8;
  top: -23px;
  left: -16px;
  width: 102%;
  z-index: 80; }
  .floor3-deck-shad-under .st0 {
    fill: url(#SVGID_1_); }

.brk-floor2-window-left {
  grid-column: 2;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 113px; }

.brk-floor2-window-ctr {
  grid-column: 4;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 113px; }

.brk-floor2-window-right {
  grid-column: 6;
  grid-row: 1/3;
  display: grid;
  grid-template-columns: 15px 5px 6px 53px 6px 5px 15px;
  grid-template-rows: 5px 5px 2px 113px; }

.brk-floor2-deck-rail {
  grid-column: 1/-1;
  grid-row: 2;
  background-color: rgba(137, 140, 138, 0.84);
  z-index: 30; }

.brk-floor2-deck {
  grid-column: 1/-1;
  grid-row: 3;
  z-index: 30;
  display: grid;
  grid-template-columns: 2px 1fr 2px;
  grid-template-rows: 4px 6px;
  z-index: 20; }

.brk-first-floor-container {
  grid-row: 4;
  grid-column: 1;
  display: grid;
  grid-template-columns: 10px 10px 394px 10px;
  grid-template-rows: 10px 1fr;
  position: relative; }

.brk-front-awning {
  grid-column: 1/-1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 2px 4px auto 4px 2px;
  grid-template-rows: 3px 3px 4px; }

.brk-front-awning-top {
  grid-column: 1/-1;
  grid-row: 1;
  background-color: #ac8568; }

.brk-front-awning-mid {
  grid-column: 1/5;
  grid-row: 2;
  background-color: #ac8568;
  border-top: 1px solid #977456;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

.brk-front-awning-bot {
  grid-column: 1/4;
  grid-row: 3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #c6a387;
  border-bottom: 0 solid transparent; }

.brk-entrances-container {
  grid-column: 3;
  grid-row: 2;
  display: grid;
  grid-template-columns: 252px 10px 130px;
  grid-template-rows: 126px; }

.brk-triple-door-container {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 2px 4px 4px 232px 2px 4px 2px;
  grid-template-rows: 4px 4px 34px 84px 0; }

.brk-trip-door-awning-top {
  grid-column: 1/-1;
  grid-row: 1;
  background: linear-gradient(0deg, #806349 0%, #2e1705 100%);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.brk-trip-door-awning-bot {
  grid-column: 3/6;
  grid-row: 2;
  border-bottom-right-radius: 5px;
  border-left: 4px solid transparent;
  border-top: 4px solid #2f1d0f;
  border-bottom: 0 solid #2f1d0f; }

.brk-trip-door-top {
  grid-column: 4;
  grid-row: 3;
  display: grid;
  grid-template-columns: 1fr 62px 1fr 62px 1fr 62px 1fr;
  grid-template-rows: 5px 20px 3px 3px 3px;
  background: linear-gradient(180deg, #866343 0%, #a27f5f 100%); }

.vent {
  grid-row: 2;
  background: #1e1106;
  border-radius: 1px;
  background: linear-gradient(0deg, #2a190b 80%, #a27f5f 100%); }

.brk-trip-vent-left {
  grid-column: 2; }

.brk-trip-vent-ctr {
  grid-column: 4; }

.brk-trip-vent-right {
  grid-column: 6; }

.brk-trip-door-frame-trim {
  grid-column: 1/-1;
  grid-row: 4;
  background: #7b5c3d;
  border-top: 1px solid #906132;
  border-bottom: 1px solid #5d3e22; }

.brk-trip-door-bot {
  grid-column: 4;
  grid-row: 4;
  display: grid;
  grid-template-columns: 1fr 62px 1fr 62px 1fr 62px 1fr;
  grid-template-rows: 80px 4px;
  background: linear-gradient(0deg, #b49475 55%, #a27f5f 65%); }

.trip-door-bottom-map {
  box-shadow: inset -4px 4px 3px 0 rgba(0, 0, 0, 0.4);
  padding: 8% 10% 10%;
  /*firefox */
  padding-bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 18px 18px 4px;
  grid-gap: 10px;
  position: relative; }

.front-step {
  grid-column: 1/-1;
  grid-row: 2;
  background: #9f836c; }

.trip-door-knob-container {
  grid-row: 1/-1;
  grid-column: 1/-1;
  top: 42px;
  left: 24px;
  width: 2px;
  height: 2px;
  position: absolute; }

.brk-trip-door-step-container {
  grid-column: 1/-1;
  grid-row: 2;
  bottom: -22px;
  left: 0;
  background: fuchsia;
  height: 4px;
  position: relative; }

.knob {
  color: #deb17d;
  font-size: 4px;
  text-shadow: -1px 1px 1px #000; }

.trip-door-panel-top {
  background-color: #150c02;
  grid-row: 1/3;
  border-radius: 1px; }

.trip-door-panel-bot {
  background-color: #7c3d16;
  height: 14px;
  grid-row: 3;
  box-shadow: inset 0 0 3px 0 black; }

.brk-trip-door-left {
  grid-column: 2;
  background: linear-gradient(135deg, #3a1d0d 10%, #7a3a16 70%); }

.brk-trip-door-ctr {
  grid-column: 4;
  background: linear-gradient(135deg, #54280b 10%, #7a391d 80%); }

.brk-trip-door-right {
  grid-column: 6;
  background: linear-gradient(135deg, #583017 10%, #894925 90%); }

.brk-right-door-container {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-rows: 1fr 114px;
  grid-template-columns: 1fr 102px 1fr;
  z-index: 5;
  position: relative; }

.brk-right-door-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 126px; }
  .brk-right-door-frame .st0 {
    opacity: 1;
    fill: #B7A68F; }
  .brk-right-door-frame .st1 {
    opacity: 1;
    fill: #C3A98E; }
  .brk-right-door-frame .st2 {
    opacity: 1;
    fill: #E5C37F;
    stroke: #998C7F;
    stroke-width: 1.9383;
    stroke-miterlimit: 10; }
  .brk-right-door-frame .st3 {
    opacity: 1;
    fill: #E5C37F;
    stroke: #938679;
    stroke-width: 3.0916;
    stroke-miterlimit: 10; }
  .brk-right-door-frame .st4 {
    opacity: 1;
    fill: #E5C37F;
    stroke: #938679;
    stroke-width: 3.0895;
    stroke-miterlimit: 10; }
  .brk-right-door-frame .st5 {
    opacity: 1;
    fill: #E5C37F;
    stroke: #998C7E;
    stroke-width: 2;
    stroke-miterlimit: 10; }
  .brk-right-door-frame .st6 {
    opacity: 1;
    fill: #B7A68F;
    stroke: #333333;
    stroke-width: 0.5;
    stroke-miterlimit: 10; }
  .brk-right-door-frame .st7 {
    opacity: 1;
    fill: #E5C37F;
    stroke: #A59583;
    stroke-width: 2.359;
    stroke-miterlimit: 10; }

.brk-right-inner-door {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 22px 6px 86px;
  box-shadow: inset -2px 2px 1px 0 rgba(33, 33, 33, 0.8); }

.brk-inner-door-grill {
  grid-column: 1/-1;
  grid-row: 1;
  display: grid;
  background-color: #21201e;
  display: grid;
  grid-template-columns: repeat(13, auto);
  grid-template-rows: 1fr;
  grid-gap: 2px;
  z-index: -1; }

.bar {
  background: #21201e;
  border: 2px solid #4d4739;
  border-top-width: 0;
  border-bottom-width: 0; }

.brk-inner-door-frame-top {
  grid-column: 1/-1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  background-color: #wheat;
  z-index: -1; }

.brk-right-door-sill-top {
  background: #7a6749; }

.brk-right-door-sill-bot {
  background: #b19b83;
  overflow: hidden;
  z-index: -1;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6); }

.brk-inner-door-panel-container {
  overflow: hidden;
  padding: 8% 6%;
  width: 102px;
  height: 86px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 16px 8px 8px 16px;
  grid-gap: 7px;
  background-color: #4b4016;
  z-index: -2; }

.brk-right-front-door-panel {
  background-color: #5b4e1a;
  box-shadow: inset -2px 2px 1px 0 rgba(0, 0, 0, 0.55); }

.brk-right-front-door-panel-tall {
  background-color: #574a14;
  grid-row: 2/4;
  box-shadow: inset -2px 2px 1px 0 rgba(0, 0, 0, 0.55); }

.brick-container {
  overflow: hidden;
  font-family: sans-serif;
  z-index: -1;
  opacity: 0.09; }

.brick {
  color: white;
  white-space: pre-wrap;
  border-top: 1px solid white; }
  .brick.odd {
    text-indent: 8px; }
  .brick.odd::before {
    content: "IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII"; }
  .brick.even::before {
    content: "IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII"; }

.brk-gutter-pipe-right {
  position: absolute;
  right: -11px;
  bottom: -2px;
  width: 27px; }
  .brk-gutter-pipe-right .st0 {
    fill: none;
    stroke: #77371C;
    stroke-width: 3;
    stroke-miterlimit: 10; }
  .brk-gutter-pipe-right .st1 {
    fill: #77371C;
    stroke: #000000;
    stroke-miterlimit: 10; }
  .brk-gutter-pipe-right .st2 {
    fill: #5E2D1E; }
  .brk-gutter-pipe-right .st3 {
    fill: none;
    stroke: #77371C;
    stroke-width: 6;
    stroke-miterlimit: 10; }
  .brk-gutter-pipe-right .st4 {
    fill: none;
    stroke: #4b281f;
    stroke-width: 3;
    stroke-miterlimit: 10; }
  .brk-gutter-pipe-right .st5 {
    fill: #77371C;
    stroke: #321710;
    stroke-miterlimit: 10; }
  .brk-gutter-pipe-right .st6 {
    fill: #000;
    stroke: #000000;
    stroke-miterlimit: 10; }
  .brk-gutter-pipe-right .st7 {
    fill: #5E2D1E;
    stroke: #2D160F;
    stroke-width: 3;
    stroke-miterlimit: 10; }

/*===============BRICK HOUSE Profile================*/
/*
8 layers
64px 33 146px 14px 8px 18px 24px 440px;
 */
.brick-house-col {
  grid-column: 4;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 64px 33px 146px 62px 1fr; }

.brick-sky {
  grid-row: 1;
  position: relative; }

.brick-top-chimneys {
  grid-row: 2;
  display: grid;
  grid-template-columns: 28px 368px 28px;
  grid-template-rows: 12px 21px;
  position: relative; }

.brick-top-chimney-capL {
  grid-column: 1;
  grid-row: 1;
  z-index: 10;
  width: 33px;
  left: -3px;
  border-radius: 4px;
  position: relative; }

.brick-top-chimney-capR {
  grid-column: 3;
  grid-row: 1;
  border-radius: 5px;
  width: 33px;
  height: 14px;
  z-index: 10;
  left: -2px;
  border-radius: 4px;
  position: relative; }

.brick-top-chimney-bodyL {
  grid-column: 1;
  grid-row: 2;
  z-index: 10; }

.brick-top-chimney-bodyR {
  grid-column: 3;
  grid-row: 2;
  z-index: 10; }

.brick-roof {
  grid-column: 1;
  grid-row: 3;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(20, 19px);
  grid-template-rows: repeat(48, 1fr);
  position: relative; }

#shing-tan1 {
  grid-column: 9/17;
  grid-row: 8; }
#shing-tan2 {
  grid-column: 18;
  grid-row: 4; }
#shing-tan3 {
  grid-column: 16;
  grid-row: 5; }
#shing-tan4 {
  grid-column: 1/16;
  grid-row: 1; }
#shing-tan5 {
  grid-column: 2/4;
  grid-row: 8/9; }
#shing-tan6 {
  grid-column: 1/8;
  grid-row: 12/14; }
#shing-tan7 {
  grid-column: 17/19;
  grid-row: 24; }
#shing-tan8 {
  grid-column: 24;
  grid-row: 24; }
#shing-tan9 {
  grid-column: 3/11;
  grid-row: 20; }
#shing-tan10 {
  grid-column: 11/13;
  grid-row: 27; }
#shing-tan11 {
  grid-column: 1/4;
  grid-row: 33; }
#shing-tan12 {
  grid-column: 23/26;
  grid-row: 15; }
#shing-tan13 {
  grid-column: 15;
  grid-row: 35; }
#shing-tan14 {
  grid-column: 31;
  grid-row: 7; }
#shing-tan15 {
  grid-column: 4;
  grid-row: 36; }

#shing-br1 {
  grid-column: 3;
  grid-row: 7; }
#shing-br2 {
  grid-column: 4;
  grid-row: 15; }
#shing-br3 {
  grid-column: 5;
  grid-row: 21; }
#shing-br4 {
  grid-column: 11;
  grid-row: 29; }
#shing-br5 {
  grid-column: 13;
  grid-row: 18; }
#shing-br6 {
  grid-column: 18;
  grid-row: 2; }
#shing-br7 {
  grid-column: 21;
  grid-row: 17; }
#shing-br8 {
  grid-column: 24;
  grid-row: 14; }
#shing-br9 {
  grid-column: 19/21;
  grid-row: 25; }
#shing-br10 {
  grid-column: 8;
  grid-row: 3; }
#shing-br11 {
  grid-column: 18;
  grid-row: 36; }
#shing-br12 {
  grid-column: 4;
  grid-row: 35; }
#shing-br13 {
  grid-column: 20/23;
  grid-row: 34; }
#shing-br14 {
  grid-column: 25/28;
  grid-row: 29; }
#shing-br15 {
  grid-column: 25/-1;
  grid-row: 36; }

#shing-gr1 {
  grid-column: 17;
  grid-row: 20; }
#shing-gr2 {
  grid-column: 4;
  grid-row: 10; }
#shing-gr3 {
  grid-column: 3;
  grid-row: 23; }
#shing-gr4 {
  grid-column: 21;
  grid-row: 14; }
#shing-gr5 {
  grid-column: 10;
  grid-row: 11; }
#shing-gr6 {
  grid-column: 9;
  grid-row: 28; }
#shing-gr7 {
  grid-column: 15;
  grid-row: 14; }
#shing-gr8 {
  grid-column: 20;
  grid-row: 19; }
#shing-gr9 {
  grid-column: 25;
  grid-row: 25; }
#shing-gr10 {
  grid-column: 20;
  grid-row: 28; }
#shing-gr11 {
  grid-column: 5;
  grid-row: 28; }
#shing-gr12 {
  grid-column: 1;
  grid-row: 35; }
#shing-gr13 {
  grid-column: 11;
  grid-row: 34; }
#shing-gr14 {
  grid-column: 23/25;
  grid-row: 35; }
#shing-gr15 {
  grid-column: 17;
  grid-row: 37; }

#brick-roof-front-container {
  grid-column: 1/33;
  grid-row: 1/-1;
  top: 0;
  left: 0;
  position: relative;
  display: grid;
  grid-template-columns: 12px 2px 10px 1fr 10px 2px 12px;
  grid-template-rows: 5px 7px 55px 12px 52px 12px;
  z-index: 10; }

#front-top-wall-left {
  grid-column: 1/3;
  grid-row: 1;
  width: 12px;
  height: 14px;
  top: -9px;
  left: 0;
  position: absolute; }

#front-chimney-left-cap {
  grid-column: 1/4;
  grid-row: 2;
  width: 28px;
  height: 8px;
  top: 0;
  left: -3px;
  position: relative; }

#front-chimney-left {
  grid-column: 1/4;
  grid-row: 3/5;
  width: 24px;
  top: 0;
  left: -1px;
  position: relative; }

#front-bottom-wall-left {
  grid-column: 1/3;
  grid-row: 4/6;
  width: 16px;
  top: 0;
  left: -2px;
  position: relative; }

#front-base-left {
  grid-column: 1;
  grid-row: 6/7; }

#front-top-wall-right {
  grid-column: 6/-1;
  grid-row: 1;
  width: 12px;
  height: 14px;
  top: -9px;
  right: 0;
  position: absolute;
  z-index: 5; }

#front-chimney-right-cap {
  grid-column: 5/-1;
  grid-row: 2;
  width: 27px;
  height: 8px;
  top: 0;
  left: -1px;
  position: relative;
  z-index: 5; }

#front-chimney-right {
  grid-column: 5/-1;
  grid-row: 3/5;
  width: 24px;
  top: 0;
  right: -1px;
  position: relative;
  z-index: 20; }

#front-bottom-wall-right {
  grid-column: 6/-1;
  grid-row: 4/6;
  width: 16px;
  top: 0;
  right: 0;
  position: relative;
  z-index: 20; }

#front-base-right {
  grid-column: 7;
  grid-row: 6/7; }

#brick-roof-shad-container {
  grid-column: 18;
  grid-row: 5;
  position: absolute;
  top: 0px;
  left: 2px;
  height: 3px;
  width: 14px;
  z-index: 15;
  /*Firefox*/
  clip-path: url("#clipPolygon"); }

#brick-roof-shad {
  z-index: 10;
  top: 0;
  left: 0;
  position: absolute;
  height: 130px;
  width: 90px; }

.brick-gutter-bot {
  z-index: -1px; }

.brick-facade {
  grid-row: 4/6;
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 62px 21px 288px 136px;
  z-index: 0;
  position: relative; }

.dk-right-gutter-pipe {
  left: -10px;
  bottom: 50px;
  width: 33px;
  position: absolute;
  z-index: 10; }
  .dk-right-gutter-pipe .st0 {
    opacity: 1;
    fill: none;
    stroke: #542F1E;
    stroke-width: 3.0952;
    stroke-miterlimit: 10; }
  .dk-right-gutter-pipe .st1 {
    opacity: 1;
    fill: none;
    stroke: #352721;
    stroke-width: 5;
    stroke-miterlimit: 10; }
  .dk-right-gutter-pipe .st2 {
    opacity: 1;
    fill: none;
    stroke: #723319;
    stroke-width: 3;
    stroke-miterlimit: 10; }
  .dk-right-gutter-pipe .st3 {
    opacity: 1;
    fill: none;
    stroke: #2D1A13;
    stroke-width: 3.0952;
    stroke-miterlimit: 10; }

.brk-gutter-attic-container {
  grid-column: 1/-1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 2px 4px 2px 2px 2px 3px 1px 1px 7px auto 2px 2px 2px 5px 6px 5px;
  grid-template-rows: 7px 7px 4px 18px 3px 1fr 1fr 1fr;
  z-index: 10; }

.brick-gutter-top {
  grid-row: 1;
  grid-column: 1/-1; }
.brick-gutter-mid {
  grid-column: 4/16;
  grid-row: 2; }
.brick-gutter-bot {
  grid-column: 6/15;
  grid-row: 3; }

.brk-attic-top {
  grid-row: 4;
  grid-column: 7/14;
  display: grid;
  grid-template-columns: 40px 46px 92px 47px 84px 49px 35px;
  grid-template-rows: 1hr;
  z-index: -1; }

.brk-attic-winframe-left {
  grid-column: 2;
  grid-row: 1; }

.brk-attic-winframe-ctr {
  grid-column: 4;
  grid-row: 1; }

.brk-attic-winframe-right {
  grid-column: 6;
  grid-row: 1; }

.brick-attic-mid {
  grid-row: 5;
  grid-column: 5/15; }

.brick-attic-bot1 {
  grid-row: 6;
  grid-column: 7/14; }

.brick-attic-bot2 {
  grid-row: 7;
  grid-column: 8/13; }

.brick-attic-bot3 {
  grid-row: 8;
  grid-column: 9/12; }

.brick-container {
  grid-column: 1/-1;
  grid-row: 1/-1; }

.brick {
  padding: 0;
  margin: 0;
  font-size: 8px;
  font-weight: 400;
  line-height: 76%;
  letter-spacing: 1em; }

.brick .odd {
  text-indent: 8px; }

.short-sky {
  background-color: transparent; }

.short-chimney {
  border-bottom: 5px solid #834323;
  z-index: 10; }

.short-roof {
  border-top: 3px solid #714028;
  background: linear-gradient(230deg, #7f431f 0%, #75451d 30%, #321e0e 90%);
  display: grid;
  grid-template-columns: 204px 1fr;
  grid-template-rows: 42px 1fr; }

.short-roof-right {
  grid-row: 2;
  grid-column: 2;
  display: grid;
  grid-template-columns: 8px 1fr;
  grid-template-rows: 14px 1fr; }

.short-mini-roof-top {
  grid-row: 1;
  grid-column: 1/-1;
  background: linear-gradient(50deg, #585d57 0%, #585d57 25%, #44595d 40%, #3b5254 60%, #585d57 100%);
  border-bottom: 3px solid #574e46;
  border-bottom-left-radius: 10px; }

.short-mini-roof-body {
  grid-row: 2;
  grid-column: 2;
  border-top: 5px solid #524334;
  background: linear-gradient(0deg, #745a43 0%, #896545 100%);
  border-left: 2px solid #2d2219; }

.short-angled-facade {
  grid-row: 2;
  grid-column: 2;
  position: relative;
  width: 80px;
  top: 23px;
  right: 30px; }
  .short-angled-facade .st0 {
    fill: none;
    stroke: #6E543B;
    stroke-miterlimit: 10; }
  .short-angled-facade .st1 {
    fill: #BFA38E;
    opacity: 1; }
  .short-angled-facade .st2 {
    fill: none;
    stroke: #6b4e39;
    stroke-miterlimit: 10; }
  .short-angled-facade .st3 {
    fill: #A8876C;
    stroke: #6E543B;
    stroke-width: 0.8481;
    stroke-miterlimit: 10; }

.short-gutter {
  background-color: #bfa187;
  border-top: 4px solid #A8876C;
  box-shadow: inset 0px 4px 3px 0px rgba(0, 0, 0, 0.5); }

.short-awning {
  background-color: #c4a98e;
  border-left: 3px solid #5d391f; }

.short-awning-panel {
  border-left: 1px solid #837163;
  background: #78847a;
  box-shadow: inset 4px 0px 5px 0px #ab8a79; }

.short-awning {
  background-color: #7b8378; }

.short-facade {
  background: linear-gradient(180deg, #251505 0%, #a27c55 100%); }

.sh-tarp-left {
  grid-column: 3/8;
  grid-row: 2;
  z-index: 10;
  position: relative;
  top: 3px;
  left: 8px; }

.tarp .st0 {
  fill: none;
  stroke: #5E3B1C;
  stroke-miterlimit: 10; }
.tarp .st1 {
  fill: #81380D; }
.tarp .st2 {
  fill: #a28160; }
.tarp .st3 {
  fill: none;
  stroke: #4F4034;
  stroke-miterlimit: 10; }
.tarp .st4 {
  fill: none; }
.tarp .st5 {
  fill: none;
  stroke: #75583E;
  stroke-miterlimit: 10; }

.short-house {
  grid-column: 5; }

.short-house {
  display: grid;
  grid-template-columns: 254px;
  grid-template-rows: 434px 36px 120px 20px 28px 114px; }

.short-sky {
  grid-row: 1; }

.short-chimney-container {
  display: grid;
  grid-template-columns: 85px 34px 131px;
  grid-template-rows: 1fr; }

.short-chimney {
  z-index: 10;
  display: grid;
  grid-template-columns: 2px 30px 2px;
  grid-template-rows: 10px 24px; }

.short-chimney-cap {
  grid-row: 1;
  grid-column: 1/-1;
  background-color: #925632;
  border-bottom: 3px solid #531c07; }

.short-chimney-body {
  grid-row: 2;
  grid-column: 2;
  background: linear-gradient(50deg, #94532d 0%, #a86135 100%); }

.short-roof {
  grid-row: 3; }

.short-gutter {
  margin-left: 2px; }

.short-awning {
  margin-left: 2px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  box-shadow: 0px 25px 15px 0px rgba(0, 0, 0, 0.6);
  z-index: 30; }

.short-facade {
  display: grid;
  grid-template-columns: 3px 8px 15px 60px 3px 10px 58px 10px 2px 7px 8px 1fr;
  grid-template-rows: 6px 1fr 6px;
  margin-left: 2px; }

.short-awning-base {
  grid-row: 1;
  grid-column: 2/-1;
  background: #fcd5af; }

.left-pole {
  grid-row: 2/4;
  grid-column: 2;
  z-index: 30; }

.short-house-pole .st0 {
  fill: #BEA181;
  stroke: #8C6239;
  stroke-width: 1.0343;
  stroke-miterlimit: 10; }
.short-house-pole .st1 {
  fill: #736357;
  stroke: #4C4642;
  stroke-miterlimit: 10; }
.short-house-pole .st2 {
  fill: #B2A18F; }
.short-house-pole .st3 {
  fill: #BEA181; }
.short-house-pole .st4 {
  fill: #C1A78E; }
.short-house-pole .st5 {
  fill: none; }
.short-house-pole .st6 {
  fill: #9C7D60; }
.short-house-pole .st7 {
  fill: none;
  stroke: #333333;
  stroke-miterlimit: 10; }

.right-pole {
  grid-row: 2/4;
  grid-column: 11;
  z-index: 30; }

.short-door-post-left {
  grid-row: 2;
  grid-column: 6;
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
  background: linear-gradient(0deg, #796249 50%, #44311f 80%); }

.short-door {
  grid-row: 2;
  grid-column: 7;
  background: linear-gradient(0deg, #2c3524 0%, #202b1d 50%, #191007 100%);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr; }

.short-door-texture {
  grid-row: 1;
  grid-column: 1;
  background: linear-gradient(90deg, transparent 49%, black 50%, transparent 51%); }

.short-step {
  grid-row: 3;
  grid-column: 5/10;
  background: linear-gradient(0deg, #524b47 0%, #6c6864 100%);
  box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, 0.65); }

.short-door-post-right {
  grid-row: 2;
  grid-column: 8;
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.9);
  background: linear-gradient(0deg, #6b5740 50%, #342517 80%); }

.sidewalk {
  background-color: #977b63;
  box-shadow: -12px 20px 12px 2px rgba(0, 0, 0, 0.5); }

.earth {
  background-color: #41220d;
  background: linear-gradient(#6e452a, #90542d);
  z-index: 4; }

.stone {
  border: 1px solid #28160c;
  border-top: 1px solid #7f6447;
  background-color: #8a7e67; }

.pavement {
  background: linear-gradient(#866850, #a78c6e); }

.sidewalk div:nth-child(2) {
  background: #ae957d; }

.sidewalk div:nth-child(3) {
  background: #96836c; }

.sidewalk div:nth-child(4) {
  background: #a48b72; }

.sidewalk div:nth-child(5) {
  background: #94836a; }

.sidewalk div:nth-child(6) {
  background: #a0886c; }

.sidewalk div:nth-child(7) {
  background: #9a8169; }

.sidewalk div:nth-child(8) {
  background: #9b856a; }

.sidewalk div:nth-child(9) {
  background: #9b856a; }

.sidewalk div:nth-child(10) {
  background: #9b856a; }

.sidewalk div:nth-child(11) {
  background: #9b856a; }

.sidewalk div:nth-child(12) {
  background: #ae957d; }

.sidewalk div:nth-child(13) {
  background: #96836c; }

.sidewalk div:nth-child(14) {
  background: #a48b72; }

.sidewalk div:nth-child(15) {
  background: #94836a; }

.sidewalk div:nth-child(16) {
  background: #a0886c; }

.sidewalk div:nth-child(17) {
  background: #9a8169; }

.sidewalk div:nth-child(18) {
  background: #9b856a; }

/*=============sidewalk & earth Done ==================*/
.sidewalk {
  grid-column: 1 /-1;
  grid-row: 2;
  z-index: 6;
  display: grid;
  grid-template-columns: 12px repeat(16, 1fr) 52px;
  grid-template-rows: 7px auto; }

.earth {
  grid-column: 1 /-1;
  grid-row: 3; }

.stone {
  border-radius: 2px; }

.pavement {
  grid-row: 1;
  grid-column: 1/-1; }

.sidewalk div:nth-child(2) {
  grid-row: 2; }

/*# sourceMappingURL=master.css.map */

            
          
!
            
              !function() {
      //Intro Animation

      var logoC = $(".cap-c");
      var logoS1 = $(".cap-s-1");
      var logoS2 = $(".cap-s-2");
      var logoDev = $(".logo-dev");
      var logoConf = $(".logo-conf");
      var entryTxt = $(".entry-txt");
      var exitText = $("#conf-logo");
      var message = $("#message");
      var clouds = $(".clouds");
      entryTxt.delay(20000).delay(60000).fadeOut();

      var mainBuild = function() {
        logoC.delay(1800).hide().fadeIn(10).delay(4000).fadeOut(10);
        logoS1.delay(2500).hide().fadeIn(10).delay(4000).fadeOut(10);
        logoS2.delay(3200).hide().fadeIn(10).delay(4000).fadeOut(10);
        logoDev.delay(3900).hide().fadeIn(10).delay(4000).fadeOut(10);
        logoConf.delay(4600).hide().fadeIn(10).delay(4000).fadeOut(10);

        $("div").each(function(index) {
          $(this).delay(180 * index).hide().fadeIn(180);
        }).delay(24000);
      }

      mainBuild();
      clouds.delay(180000).hide().fadeIn(3000).delay(9000)
      exitText.delay(170000).hide().fadeIn(3000).delay(9000).fadeOut(6000);
      message.delay(180000).hide().fadeIn(3000).delay(6000).fadeOut(6000);


    }();

            
          
!
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