<!DOCTYPE html>
<html lang="en">

<head>
  
  
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-636030072"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments);}
gtag("js", new Date());
gtag("config", "AW-636030072");
</script>



  <meta charset="utf-8" />
  <title>South Jersey Running Company</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="keywords" content="South Jersey, South Jersey Running, South Jersey Run, South Jersey Running Co" />
  <meta name="description" content="The South Jersey Running Co. is an independent and locally owned specialty running company!" />
  <!-- Icons -->
  <meta name="msapplication-TileColor" content="#1bb8de" />
  <meta name="msapplication-TileImage" content="/assets/branding/runningco.com/ms-icon-144x144.png" />
  <meta name="theme-color" content="#27438a" />
  <meta property="og:title" content="South Jersey Running Company South Jersey RunningCo. " />  
  <meta property="og:image" content="https://shop.runningco.com/assets/branding/shop.runningco.com/logo.png" />
  <meta property="og:description" content="An independent and locally owned specialty running company!" />
  <link rel="canonical" href="https://runningco.com/404" />
  <link rel="shortcut icon" id="appFavicon" href="/assets/branding/shop.runningco.com/favicon.ico" />
  <link rel="apple-touch-icon" id="appFaviconApple57" sizes="57x57" href="/assets/branding/shop.runningco.com/apple-icon-57x57.png" />
  <link rel="apple-touch-icon" id="appFaviconApple60" sizes="60x60" href="/assets/branding/shop.runningco.com/apple-icon-60x60.png" />
  <link rel="apple-touch-icon" id="appFaviconApple72" sizes="72x72" href="/assets/branding/shop.runningco.com/apple-icon-72x72.png" />
  <link rel="apple-touch-icon" id="appFaviconApple76" sizes="76x76" href="/assets/branding/shop.runningco.com/apple-icon-76x76.png" />
  <link rel="apple-touch-icon" id="appFaviconApple114" sizes="114x114" href="/assets/branding/shop.runningco.com/apple-icon-114x114.png" />
  <link rel="apple-touch-icon" id="appFaviconApple120" sizes="120x120" href="/assets/branding/shop.runningco.com/apple-icon-120x120.png" />
  <link rel="apple-touch-icon" id="appFaviconApple144" sizes="144x144" href="/assets/branding/shop.runningco.com/apple-icon-144x144.png" />
  <link rel="apple-touch-icon" id="appFaviconApple152" sizes="152x152" href="/assets/branding/shop.runningco.com/apple-icon-152x152.png" />
  <link rel="apple-touch-icon" id="appFaviconApple180" sizes="180x180" href="/assets/branding/shop.runningco.com/apple-icon-180x180.png" />
  <link rel="icon" type="image/png" id="appFavicon192" sizes="192x192" href="/assets/branding/shop.runningco.com/android-icon-192x192.png" />
  <link rel="icon" type="image/png" id="appFavicon32" sizes="32x32" href="/assets/branding/shop.runningco.com/favicon-32x32.png" />
  <link rel="icon" type="image/png" id="appFavicon96" sizes="96x96" href="/assets/branding/shop.runningco.com/favicon-96x96.png" />
  <link rel="icon" type="image/png" id="appFavicon16" sizes="16x16" href="/assets/branding/shop.runningco.com/favicon-16x16.png" />
  <!-- Font Preloading - Optimized for Performance -->
  <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap"></noscript>
  <!-- Styles -->
  <link href="/assets/styles/font-variables.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <style>:root { --font-primary: "Nunito", "Open Sans", "Helvetica Neue", sans-serif; }</style>
  <link href="/assets/admin/styles/spectrum.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/bootstrap.css?v=1.1.8" rel="stylesheet" type="text/css" media="all"/>
  <link href="/assets/styles/themify-icons.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/flexslider.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/theme.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/custom.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/runfree.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/modal.css?v=1.1.8" rel="stylesheet" type="text/css" />
	<link href="/assets/styles/datetimepicker.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/font-awesome.min.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link rel="stylesheet" href="/assets/styles/tooltips.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/runfreefont.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/styles/search-overlay.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <link href="/assets/branding/shop.runningco.com/branding.css?v=1.1.8" rel="stylesheet" type="text/css" media="all" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script>
    // Universal tracking helper - supports both GTM and direct gtag
    window.dataLayer = window.dataLayer || [];
    function trackEvent(eventName, eventData) {
      // Clear previous ecommerce object (GTM best practice)
      dataLayer.push({ ecommerce: null });

      // Map UA field names to GA4 schema (keep both for store GTM compatibility)
      if (eventData && eventData.items) {
        eventData.items = eventData.items.map(function(item) {
          var mapped = {
            item_id: item.item_id || item.id,
            item_name: item.item_name || item.name,
            item_brand: item.item_brand || item.brand,
            item_category: item.item_category || item.category,
            item_variant: item.item_variant || item.variant,
            item_list_name: item.item_list_name || item.list_name,
            index: item.index != null ? item.index : item.list_position,
            quantity: item.quantity,
            price: item.price,
            id: item.id,
            name: item.name,
            brand: item.brand,
            category: item.category,
            variant: item.variant,
            list_name: item.list_name,
            list_position: item.list_position
          };
          if (item.affiliation) mapped.affiliation = item.affiliation;
          return mapped;
        });
      }

      // Map legacy UA event names to GA4 equivalents
      var ga4EventName = eventName;
      if (eventName === 'checkout_progress') {
        ga4EventName = 'add_shipping_info';
      }

      // GTM format: push object with event property (sends both legacy and GA4 names)
      var gtmData = { event: eventName };
      if (eventData) {
        if (eventData.items) gtmData.ecommerce = eventData;
        for (var key in eventData) {
          if (eventData.hasOwnProperty(key)) gtmData[key] = eventData[key];
        }
      }
      dataLayer.push(gtmData);

      // Also push GA4 event name if different (for GTM GA4 triggers)
      if (ga4EventName !== eventName) {
        dataLayer.push({ ecommerce: null });
        var ga4GtmData = { event: ga4EventName };
        if (eventData) {
          if (eventData.items) ga4GtmData.ecommerce = eventData;
          for (var key in eventData) {
            if (eventData.hasOwnProperty(key)) ga4GtmData[key] = eventData[key];
          }
        }
        dataLayer.push(ga4GtmData);
      }

      // Direct gtag format (for stores using GA4 directly) - always use GA4 event name
      if (typeof gtag === 'function') {
        gtag('event', ga4EventName, eventData);
      }
    }
  </script>
  <script>
!function(f,b,e,v,n,t,s) {
if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '766932634070313');fbq('track', 'PageView');
</script><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=766932634070313&ev=PageView&noscript=1" /></noscript>
  <style>
    :root {
      --primary: #27438a;
      --primaryOpaque: rgba(39,67,138,0.1);
      --secondary: #333333;
      --white: #FFF;
      --almostblack: #252525;
      --grey: #eff1f5;
      --red: #ff104b;
      --shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
      --bigShadow: 0px 12px 23px 0px rgba(0, 0, 0, .1);
      --transition: 0.5s;
      --even: #FCFCFC;
      --siteLogo: url(/assets/branding/shop.runningco.com/logo.png);
      --input: #F5F6FA;
      --border: #f5f6fa;
      --inputfocus: #e7ebf1;
      --glass: rgba(250, 250, 250, 0.7);
      --navutility: #f5f8fb;
      --menu: #434c5e;
      --filterhr: #d2d8e5;
      --bggrey: #f5f6fa;
      --thumbloader: linear-gradient(90deg, #eef1f5 0px, #fbfbfd 40px, #eef1f5 80px);
      --skeleton-one: #eff1f5;
      --skeleton-two: #F5F6FA;
      --disappearing-header: linear-gradient(to bottom, rgba(245, 246, 250, 1) 0%, rgba(245, 246, 250, 0) 100%);
      --disappearing-footer: linear-gradient(to bottom, rgba(245, 246, 250, 0) 0%, rgba(245, 246, 250, 1) 100%);
    }
  </style>
  
  <script>
    var logoCard = '/assets/branding/shop.runningco.com/logo.png';
    var logoUrl = '/';
  </script>
  
  <script>var cdnOn = false;</script>
<script type="text/javascript">var _learnq;</script>
<script type="text/javascript">
window._blueshiftid="2bc48d453f576034fcf07664d8c65828";window.blueshift=window.blueshift||[];if(blueshift.constructor===Array){blueshift.load=function(){var d=function(a){return function(){blueshift.push([a].concat(Array.prototype.slice.call(arguments,0)))}},e=["identify","track","click","pageload","capture","retarget"];for(var f=0;f<e.length;f++)blueshift[e[f]]=d(e[f])};}
blueshift.load();
blueshift.pageload();
if(blueshift.constructor===Array){(function(){var b=document.createElement("script");b.type="text/javascript",b.async=!0,b.src=("https:"===document.location.protocol?"https:":"http:")+"//cdn.getblueshift.com/blueshift.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c);})()}
</script>
  <!-- End Header Script -->
</head>

<body class="scroll-assist">
  
  
  <!-- Cart Template //-->
  <li id="CartTemplate" class="cartItem template">
    <div class="productImage" style="background-image: url('{{product.url}}')"></div>
    <div class="rel">
      <div class="productName">{{product.name}}</div>
      <div class="productPrice">
        {{product.quantity}} at ${{product.cost}} - {{product.options}}
      </div>
      <div class="remove" data-index="{{index}}"></div>
    </div>
  </li>

  <div class="nav-container">
    <nav>
      <div class="nav-bar">
        <div class="module left">
          <img id="StoreLogo" class="logo logo-dark" alt="South Jersey RunningCo. " src="/assets/branding/shop.runningco.com/logo.png" />
        </div>
        
        <!-- Mobile toggle (hamburger) -->
        <div class="module right widget-handle mobile-toggle visible-sm visible-xs">
          <i class="icon-Main-Menu mobilemenu"></i>
        </div>
        
        <!-- Cart icon - visible on mobile only -->
        <div id="MobileCartMenu" class="module right widget-handle visible-sm visible-xs ecomtrue" style="width: 65px; padding: 0; border-left: 2px solid var(--border); text-align: center;">
          <a href="/cart" style="text-decoration: none; position: relative; display: block; height: 69px; filter: brightness(100%);">
            <i class="icon-ti-Cart" style="line-height: 69px !important; font-size: 24px; display: inline-block; vertical-align: middle;"></i>
            <span id="MobileCartItemCount" class="label number"></span>
          </a>
        </div>
        
        <div class="module-group right pt0 pb0">

          <!-- Account Pod -->
          <div id="AccountMenu" class="module right widget-handle hidden-sm hidden-xs">
            <ul class="menu">
              <li class="has-dropdown-account" style="border-top: unset;"><i class="icon-Profile"></i>
                <span class="title">My Account</span>
                <ul style="margin-top: -7px; margin-right: -20px;"><li><a href="/login"><i class="icon-Log-In dropdown-icon"></i> Login</a></li><li><a href="/signup"><i class="icon-Signup dropdown-icon"></i> Signup</i></a></li></ul>
              </li>
            </ul>
          </div>

          <!-- Cart Pod -->
          <div id="CartMenuSize" class="module widget-handle cart-widget-handle right ecomtrue hidden-sm hidden-xs">
            <div class="cart max" data-url="/cart">
              <i class="icon-ti-Cart"></i>
              <span id="CartItemCount" class="label number"></span>
              <span class="title">Shopping Cart</span>
            </div>
            <div id="CartMenu" class="function">
              <div class="widget" style="padding: 16px;">
                <h6 class="title">Shopping Cart</h6>
                <hr />
                <ul id="CartInfo" class="cart-overview"></ul>
                <div class="cart-controls mt16">
                  <a class="btn btn-sm btn-filled" href="/cart">View Cart</a>
                  <div class="list-inline pull-right">
                    <span class="cart-total">Total: </span>
                    <span id="CartTotal" class="number"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Search Pod - Overlay Trigger -->
          <div id="SearchOverlayTrigger" class="module widget-handle search-widget-handle right ecomtrue hidden-sm hidden-xs" style="cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation;">
            <div class="search max">
              <i class="icon-aisearch" style="pointer-events: none;"></i>
              <span class="title" style="pointer-events: none;">Search Site</span>
            </div>
          </div>

          <!-- Menu Pod  -->
          <div id="TheMenu" class="module left pt0 pb16">
            <ul id="MainMenu" class="menu"><li class="has-dropdown"><a href="/content/runningcolocations">Locations</a><ul><li><a href="/content/sj-running-co-of-haddonfield">SJ Running Co of Haddonfield</a></li><li><a href="/content/sj-running-co-mullica-hill">SJ Running Co. Mullica Hill</a></li><li><a href="/content/sj-running-co-of-moorestown">SJ Running Co. of Moorestown</a></li><li><a href="/content/south-jersey-running-co-of-medford">SJ Running Co of Medford</a></li></ul></li><li class="has-dropdown"><a href="/content/shop-page">Shop</a><ul><li><a href="/category/16142/women-s-footwear">Women's Footwear</a></li><li><a href="/category/16150/men-s-footwear">Men's Footwear</a></li><li><a href="/collections/kidshoes">Kid's Footwear</a></li><li><a href="/category/16163/women-s-apparel">Women's Apparel</a></li><li><a href="/category/16160/men-s-apparel">Men's Apparel</a></li><li><a href="/collections/sportsbras">Sports Bras</a></li><li><a href="/collections/run856apparel">Run 856 Apparel</a></li><li><a href="/collections/runsjapparel">Running Co Apparel</a></li><li><a href="/collections/newproducts">New In Stock</a></li><li><a href="/collections/platedshoes">Plated Shoes</a></li><li><a href="/collections/socks">Socks</a></li><li><a href="/category/16834/electronics">Electronics</a></li><li><a href="/category/16835/nutrition">Nutrition</a></li><li><a href="/collections/saleitems">Sale Items</a></li></ul></li><li><a href="/content/trackandfield2k26">Track and Field</a></li><li><a href="/giftcard" target="_blank">Gift Cards</a></li><li><a href="/content/weekly-group-run">Group Run</a></li><li><a href="/content/our-story">Our Story</a></li></ul>
          </div>

        </div>
        <!-- End Modal Group -->

      </div>
    </nav>
  </div>
  
  <!-- Search Overlay Component -->
  <!-- RunFree Search Overlay - Modular Component -->
<div id="SearchOverlay" class="search-overlay" role="dialog" aria-modal="true" aria-label="Search Products" aria-hidden="true">
  <div class="search-overlay-header">
    <div class="search-logo">
      <img id="SearchStoreLogo" alt="" src="" />
    </div>
    <div class="search-input-container">
      <i class="icon-aisearch search-icon" aria-hidden="true"></i>
      <input 
        type="search" 
        id="SearchOverlayInput" 
        class="search-overlay-input" 
        placeholder="Search for Products, Brands..." 
        autocomplete="off"
        spellcheck="false"
        aria-label="Search for products, brands, or categories"
        aria-expanded="false"
        aria-controls="SearchProductPreviews SearchSuggestions"
        aria-describedby="SearchOverlayDescription"
      />
      <span id="SearchOverlayDescription" class="sr-only">Type to search. Use arrow keys to navigate results. Press enter to view all results.</span>
      <button 
        class="icon-Broswer-Close clear-search x" 
        id="ClearSearchInput" 
        style="display: none;"
        aria-label="Clear search"
        type="button"
      ></button>
    </div>
    <button class="search-cancel mb0" id="SearchOverlayCancel">Cancel</button>
  </div>

  <div class="search-overlay-content">
    <!-- Left: Suggestions -->
    <div class="search-suggestions">
      <!-- Popular Searches -->
      <div class="suggestions-section" id="PopularSearches" role="region" aria-label="Popular searches">
        <h4 class="suggestions-title">Popular Searches</h4>
        <ul id="PopularSearchesList" class="suggestions-list" role="list" aria-live="polite">
          <!-- Loading skeleton -->
          <li class="suggestion-skeleton" aria-hidden="true"><span></span></li>
          <li class="suggestion-skeleton" aria-hidden="true"><span></span></li>
          <li class="suggestion-skeleton" aria-hidden="true"><span></span></li>
        </ul>
      </div>
      
      <!-- Top Searched Brands -->
      <div class="suggestions-section" id="TopBrands" role="region" aria-label="Top brands">
        <h4 class="suggestions-title">Top Brands</h4>
        <ul id="TopBrandsList" class="suggestions-list" role="list" aria-live="polite">
          <!-- Loading skeleton -->
          <li class="suggestion-skeleton"><span></span></li>
          <li class="suggestion-skeleton"><span></span></li>
          <li class="suggestion-skeleton"><span></span></li>
        </ul>
      </div>
      
      <!-- Top Searched Categories -->
      <div class="suggestions-section" id="TopCategories" role="region" aria-label="Top categories">
        <h4 class="suggestions-title">Top Categories</h4>
        <ul id="TopCategoriesList" class="suggestions-list" role="list" aria-live="polite">
          <!-- Loading skeleton -->
          <li class="suggestion-skeleton"><span></span></li>
          <li class="suggestion-skeleton"><span></span></li>
          <li class="suggestion-skeleton"><span></span></li>
        </ul>
      </div>
      
      <!-- Dynamic Search Suggestions (shown when typing) -->
      <div class="suggestions-section" id="SearchSuggestions" style="display: none;">
        <h4 class="suggestions-title">Top Suggestions</h4>
        <ul id="SuggestionsList" class="suggestions-list">
          <!-- Dynamic suggestions populated here -->
        </ul>
      </div>
    </div>

    <!-- Right: Product Previews -->
    <div class="search-products">
      <div class="search-loading-bar" id="SearchLoadingBar">
        <div class="search-loading-bar-progress"></div>
      </div>
      <div class="search-products-fade"></div>
      <div id="SearchProductPreviews" class="product-previews-grid">
        <!-- Dynamic product tiles populated here -->
      </div>
      <div id="SearchSearching" class="search-searching" style="display: none;">
        <h3>Searching...</h3>
      </div>
      <div id="SearchEmptyState" class="search-empty-state" style="display: none;">
        <div class="icon-aisearch empty-icon"></div>
        <p id="SearchEmptyStateText">Start Typing to Search</p>
        <div class="recent-searches-inline mt8" id="RecentSearches" style="display: none;" role="region" aria-label="Recent searches">
          <div class="recent-searches-container">
            <span class="recent-searches-label">Your Recent Searches:</span>
            <span id="RecentSearchesList" class="recent-searches-links" role="list">
              <!-- Dynamic recent searches -->
            </span>
          </div>
        </div>
      </div>
      <div id="SearchNoResults" class="search-no-results" style="display: none;">
        <div class="sad-search"></div>
        <p>Hmmm... We didn't find any matches</p>
        <span>Modify your search and try again</span>
      </div>
    </div>
  </div>

  <!-- Search All Button -->
  <div class="search-overlay-footer">
    <button id="SearchAllButton" class="search-all-button">
      <div>Search All Products</div>
    </button>
  </div>
</div>

<!-- Product Preview Template -->
<div id="SearchProductTemplate" class="search-product-tile product clickable template" data-url="{{url}}" style="display: none;">
  <div class="search-product-image image" style="background-image: url('{{product.url}}')">
    <span class="search-sale-badge{{onsale}}">SALE</span>
  </div>
  <div class="colorswatches" data-product-name="{{product.name}}" data-site-id="{{siteId}}" data-total-colors="{{totalColors}}"></div>
  <div class="search-product-info">
    <div class="search-product-name">{{product.name}}</div>
    <div class="search-product-brand">{{product.brandName}}</div>
    <div class="search-product-price">{{product.price}}</div>
  </div>
</div>

<!-- Color Swatches Component -->
<script src="/assets/scripts/shared/colorSwatches.js"></script>

  
  <div class="main-container"></div>
  
  <!-- Search Overlay Script -->
  <script src="/assets/scripts/search-overlay.js?v=1.1.8"></script>
  <script>
    // Initialize search overlay triggers - use immediate execution to avoid race conditions
    (function() {
      function attachSearchTriggers() {
        var trigger = document.getElementById('SearchOverlayTrigger');
        
        if (trigger && typeof SearchOverlay !== 'undefined') {
          // Remove any existing listener first
          trigger.replaceWith(trigger.cloneNode(true));
          trigger = document.getElementById('SearchOverlayTrigger');
          
          trigger.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            SearchOverlay.open();
          });
        }
      }
      
      // Attach immediately if DOM is ready, otherwise wait
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', attachSearchTriggers);
      } else {
        attachSearchTriggers();
      }
    })();
      
    // Sync mobile cart count with desktop cart count - run after DOM is ready
    (function() {
      function syncMobileCart() {
        var desktopCount = document.getElementById('CartItemCount');
        var mobileCount = document.getElementById('MobileCartItemCount');
        if (desktopCount && mobileCount) {
          mobileCount.textContent = desktopCount.textContent;
          mobileCount.className = desktopCount.className;
        }
      }
      
      function initCartSync() {
        syncMobileCart();
        
        var observer = new MutationObserver(syncMobileCart);
        var desktopCount = document.getElementById('CartItemCount');
        if (desktopCount) {
          observer.observe(desktopCount, { childList: true, characterData: true, subtree: true });
        }
      }
      
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initCartSync);
      } else {
        initCartSync();
      }
    })();
  </script>
            <section class="fullscreen">
                <div class="container v-align-transform">
                    <div class="row">
                        <div class="col-sm-10 col-sm-offset-1">
                            <div class="text-center">
                                <i class="ti-receipt icon icon-lg mb24 mb-xs-0"></i>
                                <h1 class="large">Page Not Found</h1>
                                <p>The page you requested couldn't be found - this could be due to a spelling error in the URL or a removed page.</p>
                                <a class="btn" href="/">Go Back Home</a>
                            </div>
                        </div>
                    </div>
                    <!--end of row-->
                    <div class="embelish-icons">
                        <i class="ti-help-alt"></i>
                        <i class="ti-cross"></i>
                        <i class="ti-support"></i>
                        <i class="ti-announcement"></i>
                        <i class="ti-signal"></i>
                        <i class="ti-pulse"></i>
                        <i class="ti-marker"></i>
                        <i class="ti-pulse"></i>
                        <i class="ti-alert"></i>
                        <i class="ti-help-alt"></i>
                        <i class="ti-alert"></i>
                        <i class="ti-pulse"></i>
                    </div>
                </div>
                <!--end of container-->
            </section><footer class="footer-1 storefooter">
    <div id="SocialArea">
        <div class="footer-title" style="margin-bottom: 10px; font-weight: 600;">Follow Us, We're Social</div>
        <div id="SocialLinks" class="list-inline social-list" style="margin-bottom: 8px;"></div>
    </div>
    <div class="row">
        <div class="col-sm-12 text-center">
            <p style="margin-bottom: 0px;"><a href="/terms">Terms</a> • <a href="/privacy">Privacy</a><span class="ecomtrue"> • <a href="/returns">Shipping + Returns</a></span></p>
            <p style="margin-bottom: 0px;">© Copyright South Jersey RunningCo.  - All Rights Reserved</p>
            <p style="margin-bottom: 0px;"><a href="https://www.runfreeproject.com" class="proud box-shadow-wide-link bridaloff" style="margin-top: 10px;" target="_blank"><img alt="Background Image" class="background-image" width="200px" height="47px" style="margin-left: -15px;" src="/assets/images/proud.webp"></a></p>
        </div>
    </div>
    <a class="btn btn-sm back-to-top inner-link" href="#top">Top</a>
</footer> 
<p><script src="https://cdn.userway.org/widget.js" data-account="ckGFKFtX1J"></script></p>

</div>
<div class="fullLoading">
    <div id="progress">
        <span class="spinner-icon"></span>
    </div>
        <div class="running">
            <div class="outer">
                <div class="body">
                    <div class="arm behind"></div>
                    <div class="arm front"></div>
                    <div class="leg behind"></div>
                    <div class="leg front"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="fullLoadingOrders">
    <div id="progress">
        <span class="spinner-icon"></span>
    </div>
    <div class="running">
        <div class="outer">
            <div class="body">
                <div class="arm behind"></div>
                <div class="arm front"></div>
                <div class="leg behind"></div>
                <div class="leg front"></div>
            </div>
        </div>
    </div>
    <div class="loadMessage">
        <span class="header">Processing, Please be patient</span><br/>
        <span style="color: #ff0072; font-weight: 800;">
            Don't Tap Back or Close the Window!<br>
            This could cause the order to duplicate or fail.<br>
        </span>
        <span id="CheckoutStatus"></span>
    </div>
</div>

<!-- 3rd Party Includes -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/assets/scripts/flexslider.min.js"></script> 
<script src="/assets/scripts/masonry.min.js"></script>
<script src="/assets/scripts/smooth-scroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<script type="text/javascript" src="/assets/admin/scripts/spectrum.js?v=1.1.8"></script>
<!-- Model Objects -->
<script type="text/javascript" src="/assets/admin/scripts/models/products.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/category.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/brand.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/scripts/collection.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/discounts.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/orders.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/taxes.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/states.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/country.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/homepage.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/customers.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/site.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/user.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/address.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/contents.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/socials.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/orders.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/merchant.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/models/store.js?v=1.1.8"></script>   
<script type="text/javascript" src="/assets/admin/scripts/models/settings.js?v=1.1.8"></script>  
<script type="text/javascript" src="/assets/scripts/models/wishlist.js?v=1.1.8"></script>
<!-- Application Core -->
<script type="text/javascript" src="/assets/admin/scripts/context.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/growler.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/modal.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/scripts/jquery.datetimepicker.js"></script>
<script type="text/javascript" src="/assets/admin/scripts/service.js?v=1.1.8"></script>
<script type="text/javascript" src="/assets/admin/scripts/cart.js?v=1.1.8"></script>     
<script type="text/javascript" src="/assets/admin/scripts/store.js?v=1.1.8"></script>   
<script src="/assets/scripts/scripts.js?v=1.1.8"></script>
 
</body>
</html>