                                                                     <!-- XML Data -->
        <!-- Define Data Structure for products -->
    
    <!-- Define Data Structure for categories -->
    <!-- Extracting category from URL -->

<!-- Extracting Domain -->


    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Generac Product Details">
        <title>Product Not Found | Off Grid Energy and Supply | Orange City, IA | Generac Power Systems</title>
        <link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://www.google.com">
<link rel="preconnect" href="https://storage.googleapis.com">
<link rel="preconnect" href="https://connect.facebook.net">
<link rel="preconnect" href="https://tag.simpli.fi">

    <link rel="preload" as="image" href="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/images/homepage-banner.jpg" fetchpriority="high">

<link rel="preload" href="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/fonts/swiss-roman-webfont.woff2" as="font" type="font/woff2" crossorigin>
<script>
    window.tailwind = window.tailwind || {};
    window.tailwind.config = {
        theme: {
            extend: {
                screens: {
                    lg2: '1280px'
                }
            }
        }
    };
</script>

    <meta name="robots" content="index,follow">


    <!-- Custom GTM SLdatalayer Tracking -->
    <script>
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            'ACCAnumber' : 'AC23060015023524-CA25030003333698'
        });
    </script>
    <!-- End Custom GTM SLdatalayer Tracking -->

    <!-- Google Tag Manager -->
    
        <script>
            (function(w, d, s, l, i) {
                    w[l] = w[l] || [];
                    w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
                    var f = d.getElementsByTagName(s)[0],
                        j = d.createElement(s),
                        dl = l !== 'dataLayer' ? '&l=' + l : '';
                    j.async = true;
                    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                    f.parentNode.insertBefore(j, f);
                    })(window, document, 'script', 'dataLayer', 'GTM-MJNFS49');
        </script>
    
    
    <!-- Simpli.Fi Pixel -->
    <script async referrerpolicy='no-referrer-when-downgrade' src='https://tag.simpli.fi/sifitag/624bac89-10d5-4f37-873f-178acbfea4a6'></script>

    <!-- Facebook Pixel -->
    
        <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', '3167116120227785');
            fbq('track', 'PageView');
        </script>
        <noscript>
            <img height="1" width="1" style="display:none"
                src="https://www.facebook.com/tr?id=3167116120227785&ev=PageView&noscript=1" />
        </noscript>
    

<!-- Recaptcha -->
<script src='https://www.google.com/recaptcha/api.js' async defer></script>


<style>
    
        /* Critical: Hero section base styles */
        .hero-section{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden}
        .hero-section__media{position:absolute;inset:0;z-index:0}
        .hero-section__media img{width:100%;height:100%;object-fit:cover}
        .hero-section__content{position:relative;z-index:10;width:100%}

        /* Critical: Navigation base styles */
        nav{background:#fff}
        .nav-container{max-width:1300px;margin:0 auto;padding:0 1rem}

        /* Critical: Container and layout utilities */
        .container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
        @media(min-width:1084px){.container{max-width:1300px}}

        /* Critical: Basic text and spacing */
        .text-white{color:#fff}
        .text-3xl{font-size:1.875rem;line-height:2.25rem}
        .font-bold{font-weight:700}
        .bg-white{background-color:#fff}
        .rounded{border-radius:.25rem}
        .p-8{padding:2rem}
        .mb-6{margin-bottom:1.5rem}
        .flex{display:flex}
        .flex-col{flex-direction:column}
        .items-center{align-items:center}
        .justify-center{justify-content:center}
        .mx-auto{margin-left:auto;margin-right:auto}
        .hidden{display:none}
        @media(min-width:800px){.md\:flex-row{flex-direction:row}.md\:w-\[450px\]{width:450px}}
        @media(min-width:1084px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:px-0{padding-left:0;padding-right:0}}

    
</style>

<!-- Tailwind CSS - Purged production build -->
<link href="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/css/purged-tailwind.css" rel="stylesheet">
<link href="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/css/styles.css" rel="stylesheet">
<link rel="icon" href="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/images/favicon.png" type="image/png">


<style>
    .btn-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        padding: 0.5rem 1.75rem;
        font-size: 1.125rem;
        border-radius: 0.375rem;
        border: 2px solid #f97316;
        background-color: #fa6600;
        color: #00263E;
        transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    }

    @media (max-width: 1280px) {
        .btn-primary.estimate {
            font-size: 0.8rem;
            padding: 0.3rem 1rem;
        }
    }


    .btn-primary:hover {
        background-color: #FFA347;
        border-color: #FA6600;
    }

    .btn-primary:focus-visible {
        background-color: #FFA347;
        color: #0f172a;
        border-color: #FA6600;
        outline: none;
    }

    .btn-primary:active {
        background-color: #FF8C2A;
    }

    .btn-primary[aria-disabled="true"] {
        background-color: #fff;
        color: #d1d5db;
        border-color: #FA6600;
        cursor: not-allowed;
        pointer-events: none;
    }

    .btn-secondary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        padding: 0.5rem 1.75rem;
        border-radius: 0.375rem;
        border: 2px solid #0F3A4A;
        font-weight: 600;
        background-color: #062B3A;
        color: #fff;
        transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    }

    .btn-secondary:hover {
        background-color: #3E5A6B;
        border-color: #0F3A4A;
    }

    .btn-secondary:focus-visible {
        outline: none;
        background-color: #3E5A6B;
        border-color: #0F3A4A;
    }

    .btn-secondary:active {
        background-color: #2F4E5F;
        color: #fff;
    }

    .btn-secondary[aria-disabled="true"] {
        background-color: #fff;
        color: #d1d5db;
        border-color: #0F3A4A;
        cursor: not-allowed;
        pointer-events: none;
    }
</style>


<!-- SharpSpring -->

<!--  Webchat Widget -->

<!-- AdRoll -->
<!--  Pixel Script -->


    </head>

    <style>
        div div h2 {
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: bold;
            margin-bottom: 1.5rem;
        }

        div div h3 {
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: bold;
            margin-bottom: 0.25rem;
        }

        p {
            margin-bottom: 1rem !important;
        }

        strong {
            font-weight: bold !important;
        }
    </style>

    <body class="bg-white">
        				<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJNFS49" height="0" width="0"
			style="display:none;visibility:hidden" title="Google Tag Manager" aria-hidden="true"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
                        
        <header class="border-[#eaeaea] border-b bg-white">
        <nav class="lg:my-4" itemscope itemtype="http://schema.org/SiteNavigationElement" data-nav="primary">
            <div class="lg:container mx-auto flex justify-between flex-col lg2:flex-row items-center p-5 lg:p-0">
                <div class="flex items-center flex-wrap sm:flex-nowrap justify-center sm:justify-start gap-3 sm:gap-0">

                                            <a class="mr-0 pt-4 md:pt-0 sm:mr-5 flex justify-center min-w-[150px]" href="/">
                            <img src="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/images/generac_Logo_Color-2024.png" alt="Generac Logo"
                                class="max-w-36" width="144" height="45">
                        </a>
                                        <div class="border-l brand border-neutral-300 md:mt-1">

                                                                                    <img src="/sites/generacdealers.com/files/cart_images/CA25030003333698_logo1_P01.png" class="ml-5 max-w-72 max-h-10 sm:max-h-24 object-contain" alt="Off Grid Energy and Supply" width="140" height="96">
                            
                                                                    </div>
                </div>
                <!-- Hamburger menu button -->
                <div class="lg2:hidden my-4">
                    <button id="mobile-menu-toggle" class="focus:outline-none" type="button"
                        data-nav-toggle aria-controls="mobile-menu"
                        aria-expanded="false"
                        aria-label="Toggle navigation menu">
                        <span class="navbar-toggler-icon text-4xl text-secondary">☰</span>
                    </button>
                </div>

                <!-- Hamburger menu -->
                <div id="mobile-menu"
                    class="lg2:hidden mb-5 hidden w-full"
                    data-nav-menu aria-hidden="true"
                    hidden>
                    <ul class="flex flex-col">
                        <li class="">
                            <button id="mobile-about-menu-button" data-dropdown-toggle="about-menu-mobile"
                                data-dropdown-trigger type="button" aria-controls="about-menu-mobile"
                                aria-expanded="false" aria-haspopup="true"
                                class="hover:text-primary flex justify-between items-center py-2 pr-4 pl-3 w-full
            text-lg border-b border-gray-100 lg:w-auto hover:bg-gray-50 lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0">
                                About
                                <svg class="ml-1 w-5 h-5 lg:w-4 lg:h-4" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </button>
                            <div id="about-menu-mobile"
                                class="nav-dropdown-panel grid z-10 w-full bg-white border border-gray-100 shadow-md lg:rounded-lg lg:w-auto hidden"
                                data-popper-placement="bottom"
                                aria-hidden="true" role="menu" aria-labelledby="mobile-about-menu-button">
                                <div class="bg-white lg:rounded-lg">
                                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">

                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                    class="dropdown-item block" href="/about-us">About Us</a></li>
                                                                                <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                class="dropdown-item block" href="/locations">Locations</a></li>

                                                                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/testimonials/">Testimonials</a></li>
                                                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                    class="dropdown-item block" href="/photo-gallery/">Photo Gallery</a></li>
                                                                                                                            <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                    class="dropdown-item block" href="/videos/">Videos</a></li>
                                                                                                                            <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                    class="dropdown-item block" href="/generator-installation/">Installation</a>
                                            </li>
                                                                                
                                        
                                                                            </ul>
                                </div>
                            </div>
                        </li>

                                                                            <li class="py-2 hover:bg-gray-100 hover:text-primary text-lg">
                                <a class="hover:text-primary flex justify-between items-center py-2 pr-4 pl-3 w-full
            text-lg border-b border-gray-100 lg:w-auto hover:bg-gray-50
        lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0" href="/flexible-financing">Flexible
                                    Financing</a>
                            </li>
                        
                        
                                                    <li class="">
                                <button id="mobile-products-menu-button" data-dropdown-toggle="mobile-products-menu"
                                    data-dropdown-trigger type="button" aria-controls="mobile-products-menu"
                                    aria-expanded="false" aria-haspopup="true"
                                    class="hover:text-primary flex justify-between items-center py-2 pr-4 pl-3 w-full
            text-lg border-b border-gray-100 lg:w-auto hover:bg-gray-50
            lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0">
                                    Products
                                    <svg class="ml-1 w-5 h-5 lg:w-4 lg:h-4" fill="currentColor" viewBox="0 0 20 20"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                            d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </button>
                                <div id="mobile-products-menu"
                                    class="nav-dropdown-panel grid z-10 w-full bg-white border border-gray-100 shadow-md lg:rounded-lg lg:w-auto hidden"
                                    data-popper-placement="bottom"
                                    aria-hidden="true" role="menu"
                                    aria-labelledby="mobile-products-menu-button">
                                    <div class="bg-white lg:rounded-lg">
                                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                                                                            <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/home-standby-generators">Home
                                                        Standby
                                                        Generators</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"> <a
                                                        class="dropdown-item block" href="/repair-and-warranty">Repair and
                                                        Warranty</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/generator-installation/">Installation</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/clean-energy">Clean Energy</a></li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/products?category=transfer-switches">Transfer
                                                        Switches</a>
                                                </li>
                                                                                                                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/generac-chore/">Generac Chore</a>
                                                </li>
                                                                                                                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/products?category=business-standby">Business
                                                        Standby</a>
                                                </li>
                                            
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block" href="/ev-chargers">EV Chargers</a>
                                                </li>
                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                    class="dropdown-item block" href="/products/">All Products</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                                                                            <li class="">
                                <button id="mobile-resources-menu-button" data-dropdown-toggle="mobile-resources-menu"
                                    data-dropdown-trigger type="button" aria-controls="mobile-resources-menu"
                                    aria-expanded="false" aria-haspopup="true"
                                    class="hover:text-primary flex justify-between items-center py-2 pr-4 pl-3 w-full
            text-lg border-b border-gray-100 lg:w-auto hover:bg-gray-50 lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0">
                                    Resources
                                    <svg class="ml-1 w-5 h-5 lg:w-4 lg:h-4" fill="currentColor" viewBox="0 0 20 20"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                            d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </button>
                                <div id="mobile-resources-menu"
                                    class="nav-dropdown-panel grid z-10 w-full bg-white border border-gray-100 shadow-md lg:rounded-lg lg:w-auto hidden"
                                    data-popper-placement="bottom"
                                    aria-hidden="true" role="menu"
                                    aria-labelledby="mobile-resources-menu-button">
                                    <div class="bg-white lg:rounded-lg">
                                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a class="block"
                                                        href="/cold-weather-preparedness">Cold Weather
                                                        Preparedness</a>
                                                </li>
                                                                                                                                </ul>
                                    </div>
                                </div>
                            </li>
                                            </ul>
                </div>


                <!-- Main Menu Elements -->
                <div class="hidden lg2:flex flex-col space-between items-center w-auto" id="navbarSupportedContent">
                    <ul class="flex justify-center gap-1 lg:gap-2 xl:gap-6 items-center md:flex-row w-full mx-[5%]">
                        <li class="relative">
                            <button id="nav-about-button" data-dropdown-toggle="dropdown-3" data-dropdown-trigger
                                type="button" aria-controls="dropdown-3" aria-expanded="false"
                                aria-haspopup="true"
                                class="hover:text-primary flex justify-between items-center py-2 pr-4 lg:pl-3 md:pl-2 w-full
                    text-base sm:text-sm xl:text-base border-b border-gray-100 lg:w-auto hover:bg-gray-50 lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0">
                                About
                                <svg class="ml-1 w-5 h-5 lg:w-4 lg:h-4" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                        d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </button>
                            <div id="dropdown-3"
                                class="dropdown-menu inline-grid z-10 bg-white border border-gray-100 shadow-md lg:rounded-lg w-fit hidden"
                                aria-hidden="true" role="menu" aria-labelledby="nav-about-button">
                                <div class="bg-white lg:rounded-lg brand w-fit">
                                    <ul aria-labelledby="navbarDropdown">

                                                                                    <li class="p-4 py-2 w-auto rounded-lg hover:bg-gray-100 hover:text-primary whitespace-nowrap">
                                                <a class="dropdown-item block w-full" href="/about-us">About Us</a>
                                            </li>
                                        
                                        
                                        <li class="p-4 py-2 w-auto rounded-lg hover:bg-gray-100 hover:text-primary whitespace-nowrap"><a
                                                class="dropdown-item block w-full" href="/locations">Locations</a></li>
                                                                                                                                    <li class="p-4 py-2 w-auto rounded-lg hover:bg-gray-100 hover:text-primaryv whitespace-nowrap"><a
                                                        class="dropdown-item block w-full" href="/testimonials/">Testimonials</a></li>
                                                                                                                                                                        <li class="p-4 py-2 w-auto rounded-lg hover:bg-gray-100 hover:text-primaryv whitespace-nowrap"><a
                                                    class="dropdown-item block w-full" href="/photo-gallery/">Photo Gallery</a></li>
                                                                                                                            <li class="p-4 py-2 w-auto rounded-lg hover:bg-gray-100 hover:text-primary whitespace-nowrap"><a
                                                    class="dropdown-item block w-full" href="/videos/">Videos</a></li>
                                        
                                        
                                    </ul>
                                </div>
                            </div>
                        </li>

                        
                                                    <li class="dropdown inline-block relative ">
                                <button
                                    class="hover:text-primary flex justify-between items-center py-2 pr-4 lg:pl-3 md:pl-2 w-full text-base sm:text-sm xl:text-base border-b border-gray-100 lg:w-auto hover:bg-gray-50 lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0">
                                    <a class="dropdown-item block whitespace-nowrap" href="/flexible-financing">Flexible
                                        Financing</a></button>
                            </li>
                        

                                                    <li class="relative">
                                <button id="nav-products-button" data-dropdown-toggle="dropdown"
                                    data-dropdown-trigger type="button" aria-controls="dropdown"
                                    aria-expanded="false" aria-haspopup="true"
                                    class="hover:text-primary flex justify-between items-center py-2 pr-4 lg:pl-3 md:pl-2 w-full
                    text-base sm:text-sm xl:text-base border-b border-gray-100 lg:w-auto hover:bg-gray-50
                    lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0" type="button">
                                    Products
                                    <svg class="ml-1 w-5 h-5 lg:w-4 lg:h-4" fill="currentColor" viewBox="0 0 20 20"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                            d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </button>
                                <div id="dropdown"
                                    class="dropdown-menu nav-dropdown-panel grid z-10 w-full bg-white border border-gray-100 shadow-md lg:rounded-lg lg:w-auto hidden"
                                    aria-hidden="true" role="menu" aria-labelledby="nav-products-button">
                                    <div class="bg-white lg:rounded-lg brand">
                                        <ul aria-labelledby="navbarDropdown">
                                                                                            <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block whitespace-nowrap"
                                                        href="/home-standby-generators">Home
                                                        Standby
                                                        Generators</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"> <a
                                                        class="dropdown-item block whitespace-nowrap"
                                                        href="/repair-and-warranty">Repair and
                                                        Warranty</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"> <a
                                                        class="dropdown-item block whitespace-nowrap"
                                                        href="/generator-installation/">Installation</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary">
                                                    <a class="dropdown-item block whitespace-nowrap" href="/clean-energy">Clean
                                                        Energy</a>
                                                </li>
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block whitespace-nowrap"
                                                        href="/products?category=transfer-switches">Transfer
                                                        Switches</a>
                                                </li>
                                                                                                                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block whitespace-nowrap" href="/generac-chore/">Generac
                                                        Chore</a>
                                                </li>
                                                                                                                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block whitespace-nowrap"
                                                        href="/products?category=business-standby">Business
                                                        Standby</a>
                                                </li>
                                                                                                                                                                                    <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                        class="dropdown-item block whitespace-nowrap" href="/ev-chargers">EV
                                                        Chargers</a>
                                                </li>
                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary"><a
                                                    class="dropdown-item block whitespace-nowrap" href="/products/">All
                                                    Products</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        
                        
                                                    <li class="relative">
                                <button id="nav-resources-button" data-dropdown-toggle="dropdown-2"
                                    data-dropdown-trigger type="button" aria-controls="dropdown-2"
                                    aria-expanded="false" aria-haspopup="true"
                                    class="hover:text-primary flex justify-between items-center py-2 pr-4 lg:pl-3 md:pl-2 w-full text-base sm:text-sm xl:text-base border-b border-gray-100 lg:w-auto hover:bg-gray-50
                    lg:hover:bg-transparent lg2:border-0 lg:hover:text-primary-600 lg:p-0">
                                    Resources
                                    <svg class="ml-1 w-5 h-5 lg:w-4 lg:h-4" fill="currentColor" viewBox="0 0 20 20"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                            d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                            clip-rule="evenodd"></path>
                                    </svg>
                                </button>
                                <div id="dropdown-2"
                                    class="dropdown-menu nav-dropdown-panel grid z-10 w-full bg-white border border-gray-100 shadow-md lg:rounded-lg lg:w-auto hidden"
                                    aria-hidden="true" role="menu" aria-labelledby="nav-resources-button">
                                    <div class="bg-white lg:rounded-lg brand">
                                        <ul aria-labelledby="navbarDropdown">
                                                                                                                                        <li class="p-4 py-2 hover:bg-gray-100 hover:text-primary whitespace-nowrap"><a
                                                        class="block" href="/cold-weather-preparedness">Cold Weather
                                                        Preparedness</a>
                                                </li>
                                                                                                                                </ul>
                                    </div>
                                </div>
                            </li>
                                                                    </ul>
                </div>

                <div class="hidden lg2:flex flex-col text-center items-center justify-center">
                                                                        <button type="button" class="btn-primary estimate lg:text-xl md:text-lg font-semibold"><a class=""
                                    href="/request-a-quote">Get an Estimate</a></button>
                                                                                        <div class="flex justify-center gap-1 hover:!fill-current  hover:text-primary hover:cursor-pointer">
                            <svg class="w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
                                <rect width="256" height="256" fill="none" />
                                <path
                                    d="M231.88,175.08A56.26,56.26,0,0,1,176,224C96.6,224,32,159.4,32,80A56.26,56.26,0,0,1,80.92,24.12a16,16,0,0,1,16.62,9.52l21.12,47.15,0,.12A16,16,0,0,1,117.39,96c-.18.27-.37.52-.57.77L96,121.45c7.49,15.22,23.41,31,38.83,38.51l24.34-20.71a8.12,8.12,0,0,1,.75-.56,16,16,0,0,1,15.17-1.4l.13.06,47.11,21.11A16,16,0,0,1,231.88,175.08Z" />
                            </svg>
                            <a class="hover:text-primary text-sm xl:text-lg" href="tel:712.631.0307">
                                712.631.0307
                            </a>
                        </div>
                    
                    
                    <!-- XML dynamic Power Pro Logos -->
                    
                    <!-- Old Visbility Power Pro Logos -->
                    <div class="flex flex-col items-center justify-center">
                        
                        
                                            </div>

                    
                </div>
            </div>
        </nav>
    </header>

    <script src="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/js/nav-accessibility.js" defer></script>


        <section class="bg-[#f5f5f5]" id="breadcrumbs">
            <div class="mx-auto flex flex-row items-start max-w-screen-xl py-4 px-4 2xl:px-0">
                <ul class="flex flex-row gap-2 flex-wrap">
                    <li>
                        <a class="text-primary" href="/" target="_self">Home</a>
                    </li>
                    <li>&gt;</li>
                    <li>
                        <a class="text-primary" href="/products" target="_self">Products</a>
                    </li>
                                            <li>&gt;</li>
                        <li>
                            <a class="text-primary" href="/products?category=transfer-switches" target="_self">Transfer Switches</a>
                        </li>
                                        <li>&gt;</li>
                                            <li class="text-primary">Product Not Found</li>
                                    </ul>
            </div>
        </section>

                    <div class="mx-auto max-w-screen-xl py-16 px-4 2xl:px-0">
                <p>Product not found. Please check the SKU.</p>
                <p class="mt-4">Requested SKU: g0099510</p>
            </div>
        
            <footer class="bg-white border-t-[0.5px] border-gray-300 py-6">
        <div class="max-w-screen-2xl mx-auto mb-4 px-5">
            <div class="flex flex-col lg:flex-row justify-between space-y-6">
                <!-- Company Info -->
                <div class="lg:w-1/4 object-contain text-lg">
                                            <div class="flex">
                            <a href="/">
                                <img src="/sites/generacdealers.com/files/cart_images/CA25030003333698_logo1_P01.png" class="max-w-32 max-h-32 object-contain" alt="Off Grid Energy and Supply"
                                    width="128" height="128" loading="lazy">
                            </a>
                                                    </div>
                    
                                            <p class="mt-3">Serving Northwest Iowa and Eastern South Dakota</p>
                    
                                                                                                                            
                                                <p class="mb-6 mt-2 w-3/4">
                                <strong>
                                    <a class="hover:text-primary"
                                        href="https://www.google.com/maps/dir/?api=1&destination=615+11th+St.+SE++Orange+City+IA+51041+Off+Grid+Energy+and+Supply"
                                        target="_blank" itemprop="phone">615 11th St. SE
                                            <br />                                            Orange City, IA 51041</a></a>
                                    </strong>
                                </p>
                            
                                                            <p class="mb-6 mt-2">
                                    <strong>
                                        <a class="text-primary hover:text-orange-700" href="tel:712.631.0307"
                                            itemprop="phone">712.631.0307</a>
                                    </strong>
                                </p>
                            
                            
                            <button href="/request-a-quote"
                                class="lg:text-xl md:text-lg font-semibold btn-primary"><a class=""
                                    href="/request-a-quote">Get an Estimate</a></button>
                        </div>

                        <!-- I am Looking For Links -->
                        <div class="lg:w-1/4 object-contain text-lg">
                            <ul class="text-dark footer-list footer text-xl">
                                <li class="font-bold">I AM LOOKING FOR</li>
                                <li>
                                    <hr class="w-2/4 my-5">
                                </li>
                                                                                                            <li>
                                            <a class="hover:text-primary" href="/products?category=business-standby" itemprop="url">
                                                <span itemprop="name"> Business Standby</span>
                                            </a>
                                        </li>
                                                                                                                <li>
                                            <a class="hover:text-primary" href="/flexible-financing/" itemprop="url">
                                                <span itemprop="name"> Flexible Financing </span>
                                            </a>
                                        </li>
                                                                                                                <li>
                                            <a class="hover:text-primary" href="/generac-chore/" itemprop="url">
                                                <span itemprop="name"> Generac Chore</span>
                                            </a>
                                        </li>
                                                                                                                <li>
                                            <a class="hover:text-primary" href="/home-standby-generators" itemprop="url">
                                                <span itemprop="name"> Home Standby Generators</span>
                                            </a>
                                        </li>
                                                                                                                <li>
                                            <a class="hover:text-primary" href="/clean-energy" itemprop="url">
                                                <span itemprop="name"> Clean Energy</span>
                                            </a>
                                        </li>
                                                                                                                                                                                        <li>
                                            <a class="hover:text-primary" href="/products?category=transfer-switches" itemprop="url">
                                                <span itemprop="name"> Transfer Switches</span>
                                            </a>
                                        </li>
                                                                                                                                                    <li>
                                            <a class="hover:text-primary" href="/ev-chargers" itemprop="url">
                                                <span itemprop="name"> EV Chargers</span>
                                            </a>
                                        </li>
                                                                                                                                    </ul>
                        </div>


                        <!-- About Links -->
                        <div class="lg:w-auto object-contain text-lg">
                            <ul class="text-dark text-xl mb-6">
                                <li class="font-bold">ABOUT</li>
                                <li>
                                    <hr class="w-full my-5">
                                </li>
                                                                    <li>
                                        <a class="hover:text-primary" href="/about-us/" itemprop="url">
                                            <span itemprop="name">About Us</span>
                                        </a>
                                    </li>
                                                                                                <li>
                                    <a class="hover:text-primary" href="/locations/" itemprop="url">
                                        <span itemprop="name">Locations</span>
                                    </a>
                                </li>
                                                                    <li>
                                        <a class="hover:text-primary" href="/videos/" itemprop="url">
                                            <span itemprop="name"> Videos</span>
                                        </a>
                                    </li>
                                
                                                            </ul>

                            <!-- Social Links -->
                            <div class="flex mt-3">
                                <ul class="model-2 text-xl flex flex-row gap-4">
                                                                                                                                                    <li>
                                            <a aria-label="Facebook Logo" href="https://www.facebook.com/profile.php?id=100091649492503#" target="_blank" itemprop="url">
                                                <img class="w-10 rounded-lg object-contain" src="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/images/facebook.png"
                                                    alt="Facebook" width="40" height="40" loading="lazy">
                                            </a>
                                        </li>
                                                                                                                                            </ul>
                                                            </div>
                        </div>

                        
                        <!-- BBB Logo Custom Requests -->
                                                <!-- Muphy Map Custom Request -->
                                                    <iframe class="w-full lg:w-1/4 h-38"
                                src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDtJalqp9dncvXS_ACljEys6bNzeo5QTBs&q=615+11th+St.+SE++Orange+City+IA+51041+Off+Grid+Energy+and+Supply"
                                title="Map showing Off Grid Energy and Supply location" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                allowfullscreen loading="lazy" aria-describedby="footer-primary-map"></iframe>
                            <p id="footer-primary-map" class="sr-only">Footer map highlighting the location of
                                Off Grid Energy and Supply.</p>
                        
                    </div>
                </div>
                <div class="text-center text-sm mt-6">
                    <p class="text-gray-400">© 2026 Off Grid Energy and Supply - All rights reserved.</p>
                </div>
            </footer>
                <!-- jQuery and Core Libraries (deferred for performance) -->
<script defer src="https://storage.googleapis.com/cdnmwp.sproutloud.com/jquery.min.js"></script>
<script defer src="https://storage.googleapis.com/cdnmwp.sproutloud.com/jquery-ui.min.js"></script>
<script defer src="https://storage.googleapis.com/cdnmwp.sproutloud.com/jquery.validate.min.js"></script>
<script defer src="https://storage.googleapis.com/cdnmwp.sproutloud.com/additional-methods.js"></script>
<script defer src="https://storage.googleapis.com/cdnmwp.sproutloud.com/jquery.inputmask.bundle.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>


<!-- Flowbite UI Framework (deferred) -->
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.js"></script>


    <!-- Theseus, Form Validator -->
    <script defer src="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/js/theseus.min.js"></script>
    <script defer src="https://www.offgridenergyandsupply.com/sites/generacdealers.com/pages/js/validators/validator.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            if (typeof jQuery !== 'undefined') {
                jQuery('#contactForm').validator();
                jQuery('#contactForm').theseus();
            }
        });
    </script>


    </body>

    </html>