<div class="page-background-video page-background-video-with-panel">
  </div>
  <div class="js-responsive-nav">
    <div class="responsive-nav has-social">
      <div class="close-responsive-click-area js-close-responsive-nav">
        <div class="close-responsive-button"></div>
      </div>
          <nav class="nav-container" data-hover-hint="nav" data-hover-hint-placement="bottom-start">
                <div class="gallery-title"><a href="/work">Work</a></div>
      <div class="page-title">
        <a href="/about" class="active">About</a>
      </div>
      <div class="page-title">
        <a href="/shop">Shop</a>
      </div>
          </nav>
        <div class="social pf-nav-social" data-context="theme.nav" data-hover-hint="navSocialIcons" data-hover-hint-placement="bottom-start">
          <ul>
                  <li>
                    <a href="https://www.instagram.com/eighthourday/" target="_blank">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 24" style="enable-background:new 0 0 30 24;" xml:space="preserve" class="icon">
                      <g>
                        <path d="M15,5.4c2.1,0,2.4,0,3.2,0c0.8,0,1.2,0.2,1.5,0.3c0.4,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.5,0.5,0.6,0.9
                          c0.1,0.3,0.2,0.7,0.3,1.5c0,0.8,0,1.1,0,3.2s0,2.4,0,3.2c0,0.8-0.2,1.2-0.3,1.5c-0.1,0.4-0.3,0.6-0.6,0.9c-0.3,0.3-0.5,0.5-0.9,0.6
                          c-0.3,0.1-0.7,0.2-1.5,0.3c-0.8,0-1.1,0-3.2,0s-2.4,0-3.2,0c-0.8,0-1.2-0.2-1.5-0.3c-0.4-0.1-0.6-0.3-0.9-0.6
                          c-0.3-0.3-0.5-0.5-0.6-0.9c-0.1-0.3-0.2-0.7-0.3-1.5c0-0.8,0-1.1,0-3.2s0-2.4,0-3.2c0-0.8,0.2-1.2,0.3-1.5c0.1-0.4,0.3-0.6,0.6-0.9
                          c0.3-0.3,0.5-0.5,0.9-0.6c0.3-0.1,0.7-0.2,1.5-0.3C12.6,5.4,12.9,5.4,15,5.4 M15,4c-2.2,0-2.4,0-3.3,0c-0.9,0-1.4,0.2-1.9,0.4
                          c-0.5,0.2-1,0.5-1.4,0.9C7.9,5.8,7.6,6.2,7.4,6.8C7.2,7.3,7.1,7.9,7,8.7C7,9.6,7,9.8,7,12s0,2.4,0,3.3c0,0.9,0.2,1.4,0.4,1.9
                          c0.2,0.5,0.5,1,0.9,1.4c0.4,0.4,0.9,0.7,1.4,0.9c0.5,0.2,1.1,0.3,1.9,0.4c0.9,0,1.1,0,3.3,0s2.4,0,3.3,0c0.9,0,1.4-0.2,1.9-0.4
                          c0.5-0.2,1-0.5,1.4-0.9c0.4-0.4,0.7-0.9,0.9-1.4c0.2-0.5,0.3-1.1,0.4-1.9c0-0.9,0-1.1,0-3.3s0-2.4,0-3.3c0-0.9-0.2-1.4-0.4-1.9
                          c-0.2-0.5-0.5-1-0.9-1.4c-0.4-0.4-0.9-0.7-1.4-0.9c-0.5-0.2-1.1-0.3-1.9-0.4C17.4,4,17.2,4,15,4L15,4L15,4z"></path>
                        <path d="M15,7.9c-2.3,0-4.1,1.8-4.1,4.1s1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1S17.3,7.9,15,7.9L15,7.9z M15,14.7c-1.5,0-2.7-1.2-2.7-2.7
                          c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7C17.7,13.5,16.5,14.7,15,14.7L15,14.7z"></path>
                        <path d="M20.2,7.7c0,0.5-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S20.2,7.2,20.2,7.7L20.2,7.7z"></path>
                      </g>
                      </svg>
                    </a>
                  </li>
                  <li>
                    <a href="https://dribbble.com/EightHourDay" target="_blank">
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 30 24" xml:space="preserve" class="icon"><path d="M15 20c-4.41 0-8-3.59-8-8s3.59-8 8-8c4.41 0 8 3.6 8 8S19.41 20 15 20L15 20z M21.75 13.1 c-0.23-0.07-2.12-0.64-4.26-0.29c0.89 2.5 1.3 4.5 1.3 4.87C20.35 16.6 21.4 15 21.8 13.1L21.75 13.1z M17.67 18.3 c-0.1-0.6-0.5-2.69-1.46-5.18c-0.02 0-0.03 0.01-0.05 0.01c-3.85 1.34-5.24 4.02-5.36 4.27c1.16 0.9 2.6 1.4 4.2 1.4 C15.95 18.8 16.9 18.6 17.7 18.3L17.67 18.3z M9.92 16.58c0.15-0.27 2.03-3.37 5.55-4.51c0.09-0.03 0.18-0.06 0.27-0.08 c-0.17-0.39-0.36-0.78-0.55-1.16c-3.41 1.02-6.72 0.98-7.02 0.97c0 0.1 0 0.1 0 0.21C8.17 13.8 8.8 15.4 9.9 16.58L9.92 16.6 z M8.31 10.61c0.31 0 3.1 0 6.32-0.83c-1.13-2.01-2.35-3.7-2.53-3.95C10.18 6.7 8.8 8.5 8.3 10.61L8.31 10.61z M13.4 5.4 c0.19 0.2 1.4 1.9 2.5 4c2.43-0.91 3.46-2.29 3.58-2.47C18.32 5.8 16.7 5.2 15 5.18C14.45 5.2 13.9 5.2 13.4 5.4 L13.4 5.37z M20.29 7.69c-0.14 0.19-1.29 1.66-3.82 2.69c0.16 0.3 0.3 0.7 0.5 0.99c0.05 0.1 0.1 0.2 0.1 0.3 c2.27-0.29 4.5 0.2 4.8 0.22C21.82 10.3 21.2 8.8 20.3 7.69L20.29 7.69z"></path></svg>
                    </a>
                  </li>
                  <li>
                    <a href="mailto:hello@eighthourday.com">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 24" style="enable-background:new 0 0 30 24;" xml:space="preserve" class="icon">
                        <g>
                          <path d="M15,13L7.1,7.1c0-0.5,0.4-1,1-1h13.8c0.5,0,1,0.4,1,1L15,13z M15,14.8l7.9-5.9v8.1c0,0.5-0.4,1-1,1H8.1c-0.5,0-1-0.4-1-1 V8.8L15,14.8z"></path>
                        </g>
                      </svg>
                    </a>
                  </li>
          </ul>
        </div>
    </div>
  </div>
    <header class="site-header js-site-header  js-fixed-nav" data-context="theme.nav" data-hover-hint="nav" data-hover-hint-placement="top-start">
        <nav class="nav-container" data-hover-hint="nav" data-hover-hint-placement="bottom-start">
                <div class="gallery-title"><a href="/work">Work</a></div>
      <div class="page-title">
        <a href="/about" class="active">About</a>
      </div>
      <div class="page-title">
        <a href="/shop">Shop</a>
      </div>
        </nav>
        <div class="logo-wrap" data-context="theme.logo.header" data-hover-hint="logo" data-hover-hint-placement="bottom-start">
          <div class="logo e2e-site-logo-text logo-text  ">
                <a href="" class="preserve-whitespace">Eight Hour Day</a>

          </div>
        </div>
        <div class="social pf-nav-social" data-context="theme.nav" data-hover-hint="navSocialIcons" data-hover-hint-placement="bottom-start">
          <ul>
                  <li>
                    <a href="https://www.instagram.com/eighthourday/" target="_blank">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 24" style="enable-background:new 0 0 30 24;" xml:space="preserve" class="icon">
                      <g>
                        <path d="M15,5.4c2.1,0,2.4,0,3.2,0c0.8,0,1.2,0.2,1.5,0.3c0.4,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.5,0.5,0.6,0.9
                          c0.1,0.3,0.2,0.7,0.3,1.5c0,0.8,0,1.1,0,3.2s0,2.4,0,3.2c0,0.8-0.2,1.2-0.3,1.5c-0.1,0.4-0.3,0.6-0.6,0.9c-0.3,0.3-0.5,0.5-0.9,0.6
                          c-0.3,0.1-0.7,0.2-1.5,0.3c-0.8,0-1.1,0-3.2,0s-2.4,0-3.2,0c-0.8,0-1.2-0.2-1.5-0.3c-0.4-0.1-0.6-0.3-0.9-0.6
                          c-0.3-0.3-0.5-0.5-0.6-0.9c-0.1-0.3-0.2-0.7-0.3-1.5c0-0.8,0-1.1,0-3.2s0-2.4,0-3.2c0-0.8,0.2-1.2,0.3-1.5c0.1-0.4,0.3-0.6,0.6-0.9
                          c0.3-0.3,0.5-0.5,0.9-0.6c0.3-0.1,0.7-0.2,1.5-0.3C12.6,5.4,12.9,5.4,15,5.4 M15,4c-2.2,0-2.4,0-3.3,0c-0.9,0-1.4,0.2-1.9,0.4
                          c-0.5,0.2-1,0.5-1.4,0.9C7.9,5.8,7.6,6.2,7.4,6.8C7.2,7.3,7.1,7.9,7,8.7C7,9.6,7,9.8,7,12s0,2.4,0,3.3c0,0.9,0.2,1.4,0.4,1.9
                          c0.2,0.5,0.5,1,0.9,1.4c0.4,0.4,0.9,0.7,1.4,0.9c0.5,0.2,1.1,0.3,1.9,0.4c0.9,0,1.1,0,3.3,0s2.4,0,3.3,0c0.9,0,1.4-0.2,1.9-0.4
                          c0.5-0.2,1-0.5,1.4-0.9c0.4-0.4,0.7-0.9,0.9-1.4c0.2-0.5,0.3-1.1,0.4-1.9c0-0.9,0-1.1,0-3.3s0-2.4,0-3.3c0-0.9-0.2-1.4-0.4-1.9
                          c-0.2-0.5-0.5-1-0.9-1.4c-0.4-0.4-0.9-0.7-1.4-0.9c-0.5-0.2-1.1-0.3-1.9-0.4C17.4,4,17.2,4,15,4L15,4L15,4z"></path>
                        <path d="M15,7.9c-2.3,0-4.1,1.8-4.1,4.1s1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1S17.3,7.9,15,7.9L15,7.9z M15,14.7c-1.5,0-2.7-1.2-2.7-2.7
                          c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7C17.7,13.5,16.5,14.7,15,14.7L15,14.7z"></path>
                        <path d="M20.2,7.7c0,0.5-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S20.2,7.2,20.2,7.7L20.2,7.7z"></path>
                      </g>
                      </svg>
                    </a>
                  </li>
                  <li>
                    <a href="https://dribbble.com/EightHourDay" target="_blank">
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 30 24" xml:space="preserve" class="icon"><path d="M15 20c-4.41 0-8-3.59-8-8s3.59-8 8-8c4.41 0 8 3.6 8 8S19.41 20 15 20L15 20z M21.75 13.1 c-0.23-0.07-2.12-0.64-4.26-0.29c0.89 2.5 1.3 4.5 1.3 4.87C20.35 16.6 21.4 15 21.8 13.1L21.75 13.1z M17.67 18.3 c-0.1-0.6-0.5-2.69-1.46-5.18c-0.02 0-0.03 0.01-0.05 0.01c-3.85 1.34-5.24 4.02-5.36 4.27c1.16 0.9 2.6 1.4 4.2 1.4 C15.95 18.8 16.9 18.6 17.7 18.3L17.67 18.3z M9.92 16.58c0.15-0.27 2.03-3.37 5.55-4.51c0.09-0.03 0.18-0.06 0.27-0.08 c-0.17-0.39-0.36-0.78-0.55-1.16c-3.41 1.02-6.72 0.98-7.02 0.97c0 0.1 0 0.1 0 0.21C8.17 13.8 8.8 15.4 9.9 16.58L9.92 16.6 z M8.31 10.61c0.31 0 3.1 0 6.32-0.83c-1.13-2.01-2.35-3.7-2.53-3.95C10.18 6.7 8.8 8.5 8.3 10.61L8.31 10.61z M13.4 5.4 c0.19 0.2 1.4 1.9 2.5 4c2.43-0.91 3.46-2.29 3.58-2.47C18.32 5.8 16.7 5.2 15 5.18C14.45 5.2 13.9 5.2 13.4 5.4 L13.4 5.37z M20.29 7.69c-0.14 0.19-1.29 1.66-3.82 2.69c0.16 0.3 0.3 0.7 0.5 0.99c0.05 0.1 0.1 0.2 0.1 0.3 c2.27-0.29 4.5 0.2 4.8 0.22C21.82 10.3 21.2 8.8 20.3 7.69L20.29 7.69z"></path></svg>
                    </a>
                  </li>
                  <li>
                    <a href="mailto:hello@eighthourday.com">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 24" style="enable-background:new 0 0 30 24;" xml:space="preserve" class="icon">
                        <g>
                          <path d="M15,13L7.1,7.1c0-0.5,0.4-1,1-1h13.8c0.5,0,1,0.4,1,1L15,13z M15,14.8l7.9-5.9v8.1c0,0.5-0.4,1-1,1H8.1c-0.5,0-1-0.4-1-1 V8.8L15,14.8z"></path>
                        </g>
                      </svg>
                    </a>
                  </li>
          </ul>
        </div>
        <div class="hamburger-click-area js-hamburger">
          <div class="hamburger">
            <i></i>
            <i></i>
            <i></i>
          </div>
        </div>
    </header>
    <div class="header-placeholder"></div>
  <div class="site-wrap cfix js-site-wrap">
    <div class="site-container">
      <div class="site-content e2e-site-content">
        <main>
  <div class="page-container" data-context="page.page.container" data-hover-hint="pageContainer">
    <section class="page standard-modules">
      <div class="page-content js-page-content" data-context="pages" data-identity="id:p60216bb1b21fe39a208d8e872af4714f3804c8c3a332f26796721">
        <div id="project-canvas" class="js-project-modules modules content">
          <div id="project-modules">
              
              
              
              
              
              
              
              <div class="project-module module media_collection project-module-media_collection" data-id="m60467a88c179dd41cc1ce47c7a67f597308ec8247da0f4f5b03a4" style="padding-top: 0px;
padding-bottom: 20px;
  width: 100%;
">
  <div class="grid--main js-grid-main grid--ready" data-grid-max-images="  3
">
    <div class="grid__item-container js-grid-item-container lightbox-link hoverable" data-flex-grow="520" style="width: 675px; flex-grow: 520;" data-width="1160" data-height="580">
      
      <img class="grid__item-image js-grid__item-image grid__item-image-lazy js-lazy image-loaded" src="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/556a0d60-4177-4a2a-bcfb-71f4cb31131d_rw_1200.jpg?h=a5827e35726f969e49eafb754c54dc1b" srcset="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/556a0d60-4177-4a2a-bcfb-71f4cb31131d_rw_600.jpg?h=7df996d0dbd29a151eb14ec94dc18e75 600w,https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/556a0d60-4177-4a2a-bcfb-71f4cb31131d_rw_1200.jpg?h=a5827e35726f969e49eafb754c54dc1b 1160w,">
      <span class="grid__item-filler" style="padding-bottom:50%;"></span>
    </div>
    <div class="grid__item-container js-grid-item-container lightbox-link hoverable" data-flex-grow="260" style="width: 337px; flex-grow: 260;" data-width="734" data-height="734">
      
      <img class="grid__item-image js-grid__item-image grid__item-image-lazy js-lazy image-loaded" src="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/1cfedcce-1169-47e5-8bff-86696ae70a53_rw_1200.jpg?h=770b0ffb707d1e3d32a6f9cc09060d05" srcset="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/1cfedcce-1169-47e5-8bff-86696ae70a53_rw_600.jpg?h=5720f77038f2c451d3c64a6435061e77 600w,https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/1cfedcce-1169-47e5-8bff-86696ae70a53_rw_1200.jpg?h=770b0ffb707d1e3d32a6f9cc09060d05 734w,">
      <span class="grid__item-filler" style="padding-bottom:100%;"></span>
    </div>
    <div class="grid__item-container js-grid-item-container lightbox-link hoverable" data-flex-grow="259.64577656676" style="width: 337px; flex-grow: 259.646;" data-width="733" data-height="734">
      
      <img class="grid__item-image js-grid__item-image grid__item-image-lazy js-lazy image-loaded" src="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/e1a6e35d-174f-4b49-9e49-950d9305a41b_rw_1200.jpg?h=1b608b09ea642c6697bd9e2a7abb88c2" srcset="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/e1a6e35d-174f-4b49-9e49-950d9305a41b_rw_600.jpg?h=077fecbedb3d675ed7f2d083d92b83cd 600w,https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/e1a6e35d-174f-4b49-9e49-950d9305a41b_rw_1200.jpg?h=1b608b09ea642c6697bd9e2a7abb88c2 733w,">
      <span class="grid__item-filler" style="padding-bottom:100.13642564802%;"></span>
    </div>
    <div class="grid__item-container js-grid-item-container lightbox-link hoverable" data-flex-grow="260" style="width: 337px; flex-grow: 260;" data-width="742" data-height="742">
      
      <img class="grid__item-image js-grid__item-image grid__item-image-lazy js-lazy image-loaded" src="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/713039bd-a3e9-4bae-9efe-85a61b219fd2_rw_1200.jpg?h=ff8ef7de047d1a8b1d3a33ce80d249dc" srcset="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/713039bd-a3e9-4bae-9efe-85a61b219fd2_rw_600.jpg?h=46233abe3d41a8cee6dace3ddedc9ad6 600w,https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/713039bd-a3e9-4bae-9efe-85a61b219fd2_rw_1200.jpg?h=ff8ef7de047d1a8b1d3a33ce80d249dc 742w,">
      <span class="grid__item-filler" style="padding-bottom:100%;"></span>
    </div>
    <div class="grid__item-container js-grid-item-container lightbox-link hoverable" data-flex-grow="260" style="width: 337px; flex-grow: 260;" data-width="736" data-height="736">
      
      <img class="grid__item-image js-grid__item-image grid__item-image-lazy js-lazy image-loaded" src="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/849bba0d-9fb2-49c3-a1c1-4cd36161e08a_rw_1200.jpg?h=6975c62a2e2885c18af91b37888de28c" srcset="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/849bba0d-9fb2-49c3-a1c1-4cd36161e08a_rw_600.jpg?h=b9db0a5dd48bb293b52ef8041df635b3 600w,https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/849bba0d-9fb2-49c3-a1c1-4cd36161e08a_rw_1200.jpg?h=6975c62a2e2885c18af91b37888de28c 736w,">
      <span class="grid__item-filler" style="padding-bottom:100%;"></span>
    </div>
    <div class="grid__item-container js-grid-item-container lightbox-link hoverable" data-flex-grow="520" style="width: 675px; flex-grow: 520;" data-width="930" data-height="465">
      
      <img class="grid__item-image js-grid__item-image grid__item-image-lazy js-lazy image-loaded" src="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/01d08256-3f32-41a8-b3a4-caeb01f0b833_rw_1200.jpg?h=25be75e94cb89917397c0ad065a222ab" srcset="https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/01d08256-3f32-41a8-b3a4-caeb01f0b833_rw_600.jpg?h=9bdd99eec7ace2066f33914c5293fccb 600w,https://cdn.myportfolio.com/bd657a70-9c4a-4eb2-9a40-eb4b02fb0e1a/01d08256-3f32-41a8-b3a4-caeb01f0b833_rw_1200.jpg?h=25be75e94cb89917397c0ad065a222ab 930w,">
      <span class="grid__item-filler" style="padding-bottom:50%;"></span>
    </div>
    <div class="js-grid-spacer"></div>
  </div>
</div>

              
              
              
              
              
              
              
              <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 40px;
padding-bottom: 40px;
  width: 100%;
  max-width: 900px;
  float: center;
  clear: both;
">
  <div class="rich-text js-text-editable module-text"><div class="sub-title">well hello there</div><div style="line-height:28px;" class="title">We're Eight Hour Day</div><div style="line-height:28px;" class="title">A creative studio focused on</div><div style="line-height:28px;" class="title">design &amp; illustration.</div><div>We are two individuals with a passion for creativity — creativity makes us happy. We believe in the transformative power of illustration and design and their ability to simplify communications, elevate experiences,&nbsp;engage and inspire people everywhere. Let's make something beautiful together.<br>☺︎<br>Katie Kirk &amp; Nathan Strandberg<br><br></div><div class="caption">Eight Hour Day<br>718 Washington Ave N, Ste 210 Minneapolis, Minnesota 55419<br>(612) 801-2703&nbsp; &nbsp; <a href="MailTo:hello@eighthourday.com" target="_self">hello@eighthourday.com</a><br><br></div></div>
</div>

              
              
              
              
          </div>
        </div>
      </div>
    </section>
  </div>
        </main>
      </div>
    </div>
  </div>


  
  
  <div class="js-lightbox-wrap offscreen" id="lightbox-wrap">
    
  <div class="js-blocking" id="lightbox-blocking">
    <span class="lightbox-spinner"></span>
  </div>

    <div class="js-lightbox-inner-wrap" id="lightbox-inner-wrap">
      <div class="js-img-wrap" id="lightbox-img-wrap">
        
  <div class="lightbox-extra control prev js-control js-prev">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="60" height="60" viewBox="0 0 60 60" xml:space="preserve">
      <circle class="lightbox-icon-bg" cx="30" cy="30" r="30"></circle>
      <path class="lightbox-icon-arrow" d="M36.8,36.4L30.3,30l6.5-6.4l-3.5-3.4l-10,9.8l10,9.8L36.8,36.4z"></path>
    </svg>
  </div>

        
  <div class="lightbox-extra control next js-control js-next">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="60" height="60" viewBox="0 0 60 60" xml:space="preserve">
      <circle class="lightbox-icon-bg" cx="30" cy="30" r="30"></circle>
      <path class="lightbox-icon-arrow" d="M24.2,23.5l6.6,6.5l-6.6,6.5l3.6,3.5L37.8,30l-10.1-9.9L24.2,23.5z"></path>
    </svg>
  </div>

        
  <div class="lightbox-extra control close js-control js-close">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
      <circle class="lightbox-icon-bg" cx="50" cy="50" r="47.5"></circle>
      <polygon class="lightbox-icon-close" points="64.5,39.8 60.2,35.5 50,45.7 39.8,35.5 35.5,39.8 45.7,50 35.5,60.2 39.8,64.5 50,54.3 60.2,64.5 64.5,60.2 54.3,50"></polygon>
    </svg>
  </div>

        <div class="lightbox-contents js-contents"></div>
      </div>
    </div>
  </div>

