 
       
      <!-- using block list: off -->
      <!-- current request path:/blogs/news/happy-fourth-of-july-2025 -->
      <!-- shop lock exceptions:/pages/faq|/pages/servo-drive-modules|/pages/swym-share-wishlist|/pages/technical-support|/pages/request-form|/pages/downloads|/pages/news-events|/pages/store-locator|/pages/career|/pages/compliance|/pages/space|/pages/sea-defense-commercial|/pages/robotics|/pages/ground-vehicles|/pages/energy|/pages/autonomous-unmanned-systems|/pages/events|/pages/air|/pages/industries|/pages/support|/pages/atom-dual-axis|/pages/terms-conditions|/pages/servo-drives|/pages/scorpion-i-o-board|/pages/zeus|/pages/wolverine|/pages/vulcan|/pages/hyperion|/pages/roadwind|/pages/draco|/pages/dragon|/pages/nova|/pages/scorpion|/pages/mite-i-o-board|/pages/dual-axis-mite|/pages/single-axis-mite|/pages/engineering-services|/pages/packaging-options|/pages/cooling-options|/pages/user-interface|/pages/atom-i-o-board|/pages/proton-io-board|/pages/proton-single-axis|/pages/company-overview|/pages/client-satisfaction|/pages/clients|/pages/about-us|/pages/products|/pages/contact|/|/pages/test|/pages/rogue|/pages/supernova|/blogs/news|/blogs/news/specializing-in-superior-products-for-robotic-applications-1|/blogs/news/esi-motions-draco-servo-drive|/blogs/news/zeus-motor-generator-controller|/blogs/news/why-servo-drives-are-important-to-all-our-military-branches|/blogs/news/supernova-servo-drive|/blogs/news/proton-and-atom-in-action|/blogs/news/esi-motion-a-global-presence|/blogs/news/space-symposium-2023-is-here|/blogs/news/upcoming-event-38th-national-space-symposium|/blogs/news/nova-supernova|/blogs/news/servo-drive-modules-and-their-future|/blogs/news/servo-drives-in-rocket-emergency-systems|/blogs/news/future-of-space-travel|/blogs/news/the-next-frontier-space-adventures-of-servo-drives|/blogs/news/underwater-unmanned-vehicles|/blogs/news/servo-drives-play-a-big-role-in-search-and-rescue-robots|/blogs/news/product-highlight-scorpion-servo-drives|/blogs/news/how-servo-drives-are-used-in-today-s-farming|/blogs/news/servo-drives-in-military-drones-aka-unmanned-aerial-vehicles|/blogs/news/dc-motors-below-nominal-voltage|/blogs/news/how-servo-drives-are-used-in-renewable-energy-applications|/blogs/news/product-highlight-draco-servo-drive|/blogs/news/our-holiday-hours|/blogs/news/what-is-a-servo-drive|/blogs/news/what-esi-motion-specializes-in|/blogs/news/working-directly-with-esi-motion-s-engineering-team|/blogs/news/the-technical-challenges-of-deep-sea-exploration|/blogs/news/lostped-an-easy-acronym-for-specifying-a-ball-screw|/blogs/news/designing-servos-that-power-aerospace-innovation|/blogs/news/catering-to-the-needs-of-formula-1-motorsports|/blogs/news/solar-energy|/blogs/news/mars|/blogs/news/dominating-the-battlefield|/blogs/news/why-esi-motion-does-it-right-the-first-time|/blogs/news/specializing-in-superior-products-for-robotic-applications|/blogs/news/servo-drives-for-robotic-applications|/blogs/news/esi-motion-s-customer-service-philosophy|/blogs/news/all-you-need-to-know-about-esi-motion-s-hardware-software|/blogs/news/all-you-need-to-know-about-our-scorpion-series-servo-module|/blogs/news/what-is-a-single-axis-servo-drive-module|/blogs/news/what-does-it-mean-to-be-an-as9100c-certified-company|/blogs/news/what-you-need-to-know-about-scorpion-servo-drive-module|/blogs/news/how-to-select-a-clutch-or-brake|/blogs/news/how-to-select-a-dc-motor|/blogs/news/how-to-select-an-electric-actuator|/blogs/news/what-can-the-single-axis-mite-do-for-you|/blogs/news/how-do-motors-work|/blogs/news/customize-your-servo-drive-graphical-user-interface|/blogs/news/what-you-need-to-know-about-the-servo-motor-basics|/blogs/news/how-to-select-a-rolling-bearing|/blogs/news/esi-motion-to-attend-jpl-supplier-fair-october-2nd-2018|/blogs/news/esi-motion-to-attend-the-nasa-business-opportunities-expo-fl|/blogs/news/esi-motion-to-attend-hai-heli-expo-march-4-7-2019|/blogs/news/esi-motion-at-ausa-global-force-march-26-28-2019|/blogs/news/how-to-select-an-ac-motor|/blogs/news/esi-motion-exhibiting-at-35th-space-symposium-april-8-11th-2019|/blogs/news/how-to-select-an-ac-drive|/blogs/news/new-nova-servo-drive-awarded-best-in-show-at-sea-air-space-2019|/blogs/news/product-highlight-nova-servo-drives|/blogs/news/low-earth-orbit-servo-drives|/blogs/news/defense-news|/blogs/news/servo-drives-in-animatronics|/blogs/news/servo-drives-in-the-industrial-space|/blogs/news/what-is-the-difference-between-a-servo-drive-and-servo-motor|/blogs/news/product-highlight-mite-servo-drive|/blogs/news/celebrating-independence-day-with-a-look-back|/blogs/news/oshkosh-contract-to-replace-iconic-humvees|/blogs/news/product-highlight-atom-servo-drive-modules|/blogs/news/see-how-servo-drives-are-used-in-commercial-drones|/blogs/news/what-the-as9100c-certification-means-for-you|/blogs/news/custom-servo-drives-for-specialized-applications|/blogs/news/esi-motion-s-integration-and-engineering-services|/blogs/news/esi-motion-rugged-motor-control-systems-applications-capabilities|/blogs/news/how-servo-drives-play-a-part-in-medical-procedures|/blogs/news/why-servo-drives-are-crucial-in-space-systems|/blogs/news/atom-dual-axis-servo-drive|/blogs/news/how-the-future-looks-unmanned-vehicles|/blogs/news/servo-drives-in-military-drones-aka-unmanned-aerial-vehicles-1|/blogs/news/top-10-applications-for-servo-drives-in-commercial-uses-esi-motions-solutions|/blogs/news/esi-motion-celebrates-world-space-week-2023-space-and-entrepreneurship|/blogs/news/leo-geo-servo-controllers-in-9-months-or-less|/blogs/news/how-do-dc-and-ac-motors-work-with-servo-drives|/blogs/news/esi-motion-with-olsen-actuators-at-dsei-2023|/blogs/news/top-10-applications-for-servo-drives-in-space-esi-motions-solutions|/blogs/news/top-10-applications-for-servo-drives-in-defense-systems-esi-motions-solutions|/blogs/news/what-challengers-do-space-rated-motor-controllers-help-overcome-on-space-missions|/blogs/news/how-stepper-motors-work|/blogs/news/what-does-it-mean-to-be-an-as9100d-certified-company|/blogs/news/happy-halloween-from-esi-motion|/blogs/news/servo-drives-in-military-drones|/blogs/news/happy-thanksgiving-from-esi-motion-%F0%9F%A6%83|/blogs/news/servo-drives-in-commercial-drones|/blogs/news/the-benefit-of-cots-products-for-space-applications|/blogs/news/the-servo-controller-and-motor-relationship-explained|/pages/defence|/pages/commercial-1|/blogs/news/happy-holidays-from-esi-motion|/blogs/news/happy-new-years-from-esi-motion-%F0%9F%8E%89|/blogs/news/benefits-of-smaller-satellites-in-space|/blogs/news/esi-motion-winter-shutdown|/blogs/news/the-role-of-servo-drives-in-actuation|/blogs/news/the-importance-of-feedback-in-servo-drives|/blogs/news/esi-motion-with-olsen-actuators-at-space-suppliers-summit|/blogs/news/different-cooling-methods-for-servo-drives-and-their-benefits|/blogs/news/top-10-uses-for-servo-drives-in-air-applications|/blogs/press-releases|/blogs/news/top-10-uses-for-servo-drives-in-robotics-applications|/blogs/news/top-10-uses-for-servo-drives-in-sea-applications|/blogs/news/new-20-amps-300v-servo-drive-module-beetle|/blogs/news/esi-motion-set-to-exhibit-at-39th-space-symposium|/blogs/news/supernova-is-in-orbit|/blogs/news/upcoming-event-booth-717-at-the-39th-space-symposium|/blogs/news/top-10-uses-for-servo-drives-in-undersea-applications|/blogs/news/another-successful-space-symposium-for-the-esi-motion-team|/blogs/news/introducing-esi-motions-pulsar|/blogs/news/top-10-uses-for-servo-drives-in-land-applications-commercial|/blogs/news/happy-national-space-day-from-esi-motion|/blogs/news/servo-drives-for-your-defense-applications|/blogs/news/esi-motions-120vdc-space-motion-controller-aurora|/blogs/news/the-future-of-space-missions-over-the-next-10-years|/blogs/news/servo-drives-for-every-motor|/blogs/news/the-basic-components-of-motion-control-devices |/blogs/news/top-10-uses-for-servo-drives-in-aerospace-applications|/blogs/news/top-10-functions-of-defense-and-military-satellites|/pages/aurora|/search|/blogs/press-releases/esi-motion-to-attend-36th-space-symposium|/blogs/press-releases/esi-motion-to-attend-2020-ausa-global-force-symposium-and-exposition|/blogs/press-releases/join-esi-motion-at-hai-heli-expo-2020-booth-4406|/blogs/press-releases/esi-motion-to-attend-2019-nbaa-business-aviation-convention-exhibition|/blogs/press-releases/esi-motion-to-attend-2019-ausa-annual-meeting-exposition|/blogs/press-releases/esi-motion-s-nova-servo-drive-wins-4-star-best-in-show-at-sea-air-space-2019|/blogs/press-releases/esi-motion-to-attend-11th-annual-gvsets|/blogs/press-releases/esi-motion-s-nova-servo-drive-wins-4-star-best-in-show-at-sea-air-space-2020|/blogs/press-releases/esi-motion-to-attend-the-2018-ausa-annual-meeting-exposition-booth-1260|/blogs/press-releases/esi-motion-to-attend-nasa-business-opportunities-expo-2018|/blogs/press-releases/esi-motion-to-be-one-of-50-businesses-at-the-jpl-suppliers-fair|/blogs/press-releases/esi-motion-to-attend-10th-annual-gvsets-booth-204|/blogs/press-releases/esi-motion-at-sea-air-space-exposition-2018|/blogs/press-releases/esi-motion-at-the-21st-annual-nasa-jet-propulsion-laboratory-small-business-supplier-fair|/blogs/press-releases/join-esi-motion-at-gvsets-2017-aug-8-10-2017|/blogs/press-releases/join-esi-motion-at-the-navy-league-sea-air-space-exposition-2017|/blogs/press-releases/join-esi-motion-at-gvsets-aug-2-4-2016|/blogs/press-releases/esi-motion-to-attend-34th-space-symposium|/blogs/press-releases/extreme-power-extreme-precision-single-axis-mite|/blogs/press-releases/esi-motion-s-scorpion-driving-your-high-power-applications|/blogs/press-releases/join-esi-at-ausa-october-12-14-2015|/blogs/press-releases/esi-motion-is-ausa-s-sustaining-member-of-september-2015|/blogs/press-releases/esi-motion-invites-you-to-gvsets-2015|/blogs/press-releases/esi-motion-announces-as9100c-certification|/blogs/press-releases/esi-motion-releases-aerospace-grade-ultra-light-servo-module-series|/blogs/press-releases/join-esi-motion-at-auvsi-may-5-7-2015|/blogs/press-releases/auvsi-highlights-esi-motion-as-the-member-spotlight-during-february-and-march-2015|/blogs/press-releases/join-esi-at-ausa-october-13-15-2014|/blogs/press-releases/esi-motion-releases-military-grade-ultra-light-servo-module-series|/blogs/press-releases/snc-highlights-esi-for-their-contribution-in-the-highly-regarded-dream-chaser-program|/blogs/press-releases/join-esi-at-gvsets-next-week|/blogs/press-releases/esi-motion-releases-hyperion-servo-drive-series|/blogs/press-releases/esi-motion-to-exhibit-latest-technology-at-motor-drive-systems-2014|/blogs/press-releases/esi-named-ausa-sustaining-member-of-the-month-december-2013|/blogs/press-releases/esi-motion-solutions-fly-with-dream-chaser|/blogs/press-releases/esi-to-feature-latest-motion-control-products-and-technologies-at-ausa|/blogs/press-releases/esi-motion-attends-gvsets|/blogs/press-releases/esi-motion-releases-roadwind-servo-drive-series|/blogs/press-releases/esi-exhibited-at-auvsi|/blogs/press-releases/esi-releases-ultra-mini-dragon-ii-controller|/blogs/press-releases/esi-awarded-servo-drive-contracts-for-the-u-s-stryker-tank-modernization-program|/blogs/press-releases/esi-releases-line-of-rugged-servo-control-systems|/blogs/news/happy-independence-day-from-esi-motion|/blogs/news/key-differences-between-dc-and-stepper-motors|/blogs/news/esi-motion-on-display-at-fia-2024 |/blogs/news/esi-motion-exhibiting-at-smallsat-2024 |/blogs/press-releases/esi-motion-to-attend-39th-small-satellite-conference|/pages/pulsar|/pages/commercial|/pages/defense|/blogs/news/stop-by-booth-60-at-smallsat-and-see-your-next-space-controller|/blogs/news/small-satellite-conference-2024-is-here|/blogs/news/servo-drives-function-in-satellite-positioning|/blogs/news/what-types-of-satellites-are-orbiting-above-us|/blogs/news/esi-motion-space-proven-servo-drive-technology|/blogs/news/happy-labor-day-from-esi-motion|/pages/beetle|/blogs/news/servo-drives-in-evtol-applications|/blogs/news/check-out-of-newest-product-pages|/blogs/news/find-everything-you-need-on-esi-motions-downloads-page|/blogs/news/happy-world-space-week-2024|/blogs/news/the-functions-of-gimbals-in-space|/blogs/news/key-applications-of-servo-drives-in-space-suits|/blogs/news/key-applications-of-space-rated-actuators|/blogs/news/the-benefits-of-space-rated-servo-drives-in-space-gimbals|/blogs/news/key-applications-of-space-rated-gimbals-for-satellites|/pages/space-gimbals|/blogs/news/happy-veterans-day|/blogs/news/key-functions-of-solar-array-drive-electronics-for-satellites|/blogs/news/happy-thanksgiving-from-esi-motion|/blogs/news/key-applications-of-servo-drives-in-lunar-terrain-vehicles|/blogs/news/esi-motion-2024-holiday-shutdown|/blogs/news/happy-holidays-from-esi-motion-1|/blogs/news/thank-you-2024|/blogs/news/happy-new-year-from-esi-motion|/blogs/news/the-role-of-actuators-in-sada-applications|/blogs/news/thank-you-first-responders|/happy-mlk-day-2025|/pages/cosmo|/pages/actuators|/pages/astro|/blogs/news/require-solar-array-drive-electronics|/blog/news/key-applications-of-space-actuators-on-lunar-terrain-vehicles|/blog/news/happy-presidents-day|/pages/downloads-1|/pages/datasheets|/pages/models|/pages/software|/pages/defense-commercial-datasheets|/pages/defense-commercial-3d-models|/pages/other-downloads|/blogs/news/the-roles-of-power-distribution-units-for-satellites|/blogs/news/download-insight-today|/blogs/press-releases/insight-is-now-available|/blogs/news/the-roles-of-space-dc-dc-converters-for-satellites|/blogs/news/esi-motion-to-exhibit-at-40th-space-symposium|/blogs/news/key-roles-of-reaction-wheels-in-space-applications|/blogs/news/looking-for-a-career-you-will-love-this-valentines-day|/pages/comet|/pages/solaris|/pages/titan|/pages/perseus|/pages/pdu|/blogs/news/space-symposium-2025|/blogs/news/another-successful-space-symposium-tradeshow|/blogs/news/happy-national-space-day|/blogs/news/happy-mothers-day-2025|/blogs/news/memorial-day-2025|/blogs/press-releases/esi-motion-introduces-cutting-edge-sada-actuators-solaris|/blogs/news/esi-motion-introduces-cutting-edge-sada-actuator-solaris|/blogs/news/introducing-the-titan-sada-actuator|/blogs/press-releases/introducing-the-titan-sada-actuator|/blogs/news/key-applications-for-encoders-in-space-missions|/blogs/news/primary-roles-of-a-battery-management-system-in-space|/blogs/news/leo-vs-geo-satellite-requirements|/blogs/news/happy-fathers-day|/blogs/news/international-women-in-engineering-day-2025|/pages/spacecontrollers|/pages/satbat|/blogs/press-releases/welcome-our-new-senior-business-development-manager-jeff-smith|/blogs/news/thank-you-small-satellite-conference|/blogs/news/smallsat-2025-is-here|/blogs/news/welcome-our-new-senior-business-development-manager-jeff-smith|/blogs/news/introducing-the-satbat-space-battery|/blogs/news/esi-motion-exhibiting-at-smallsat-2025|/blogs/news/happy-fourth-of-july-2025|/blogs/news/how-do-motion-controllers-and-sadas-work-together-on-satellites|/blogs/news/how-do-motion-controllers-and-encoders-work-together-in-space-applications|/blogs/news/what-are-the-primary-roles-of-a-satellite-space-battery|/blogs/press-releases/introducing-the-satbat-space-battery|/blogs/press-releases/esi-motion-exhibiting-at-smallsat-2025|/blogs/news/always-remember-never-forget|/blogs/news/did-you-know-sda|/blogs/news/did-you-know-sierra-space|/blogs/news/did-you-know-vertical-aerospace|/blogs/news/did-you-know-astrolab|/blogs/news/esi-motion-in-space|/blogs/news/we-are-hiring|/blogs/news/esi-motion-to-exhibit-at-space-tech-expo-europe-2025 -->
      <!--restricting page: false -->
      <!--shop locking: on -->
      
      
  <!doctype html>
  <html class="no-js" 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="theme-color" content="">
      <link rel="canonical" href="https://esimotion.com/blogs/news/happy-fourth-of-july-2025">
      <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//esimotion.com/cdn/shop/files/favicon.webp?crop=center&height=32&v=1661502558&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
        <title>
          Happy Fourth of July 2025!
 &ndash; ESI Motion</title>
      

        <meta name="description" content="Have a Fun and Safe Fourth from ESI! 🎇">
      

<meta property="og:site_name" content="ESI Motion">
<meta property="og:url" content="https://esimotion.com/blogs/news/happy-fourth-of-july-2025">
<meta property="og:title" content="Happy Fourth of July 2025!">
<meta property="og:type" content="article">
<meta property="og:description" content="Have a Fun and Safe Fourth from ESI! 🎇"><meta property="og:image" content="http://esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540">
  <meta property="og:image:secure_url" content="https://esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540">
  <meta property="og:image:width" content="4256">
  <meta property="og:image:height" content="2832"><meta name="twitter:site" content="@motionesi?lang=en"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Happy Fourth of July 2025!">
<meta name="twitter:description" content="Have a Fun and Safe Fourth from ESI! 🎇">


      <script src="//esimotion.com/cdn/shop/t/20/assets/global.js?v=57440885979152465401737632852" defer="defer"></script>
      <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/59043545133/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f0f6d54c538d89f73bc24818c8a397d6">
<meta id="in-context-paypal-metadata" data-shop-id="59043545133" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" />
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=59043545133" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":59043545133,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/59043545133","merchantName":"ESI Motion","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"ESI Motion","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f0f6d54c538d89f73bc24818c8a397d6","betas":["rich-media-storefront-analytics"],"domain":"esimotion.com","predictiveSearch":true,"shopId":59043545133,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "605af5.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"ESI-Motion\/main","id":128614989869,"schema_name":"Dawn","schema_version":"6.0.2","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "esimotion.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"article"}</script>
<script defer="defer" async type="module" src="//esimotion.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CLWx2H6Z.en.esm.js"></script>
<script defer="defer" async type="module" src="//esimotion.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CXBShBOX.esm.js"></script>
<script type="module">
  await import("//esimotion.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CLWx2H6Z.en.esm.js");
await import("//esimotion.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CXBShBOX.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_D3GgaAyw.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_X4o1O32E.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"init-windoid":["modules/v2/client.init-windoid_DHQLks1L.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BL6bwPFP.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Dns90MPG.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_CjcwLsK7.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_OHTMIvWr.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_CLWx2H6Z.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"shop-button":["modules/v2/client.shop-button_DojW8Sma.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"pay-button":["modules/v2/client.pay-button_DUKzEBnh.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_Oe0fmop9.en.esm.js","modules/v2/client.shop-login-button_CjcwLsK7.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CVUYHzwr.en.esm.js","modules/v2/client.shop-login-button_CjcwLsK7.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_LbLt1Kr5.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DGP5PzD9.en.esm.js","modules/v2/client.shop-login-button_CjcwLsK7.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_Do0WEhl9.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"shop-login":["modules/v2/client.shop-login_DZ6gBuyd.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CaxRe7LV.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"],"payment-terms":["modules/v2/client.payment-terms_-K8Oqhjl.en.esm.js","modules/v2/chunk.common_CXBShBOX.esm.js","modules/v2/chunk.modal_i7Rk9NXL.esm.js"]};
</script>
<script id="__st">var __st={"a":59043545133,"offset":-25200,"reqid":"81b0aab8-21bf-41c3-9f7e-d861581e1a26-1760748225","pageurl":"esimotion.com\/blogs\/news\/happy-fourth-of-july-2025","s":"articles-561452908589","u":"29bc9f58e671","p":"article","rtyp":"article","rid":561452908589};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//esimotion.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//esimotion.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://esimotion.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://esimotion.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="header,footer" defer="defer" src="//esimotion.com/cdn/shop/t/20/compiled_assets/scripts.js?25408"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


      <style data-shopify>
        @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//esimotion.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=4cfbc156cc4ca52092f935da0c1eb470cd7ba42cc9f9bfcb11ca224d9f0035ee") format("woff2"),
       url("//esimotion.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=4ccfa3f499b8eac93a823c171ea72fc95211ce7dfc290c53f8790e05f787b159") format("woff");
}

        @font-face {
  font-family: Assistant;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//esimotion.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=2b2b40785f889682b98c10af0ee8a62a3a8c152847f1b137a3e471bc693b9a37") format("woff2"),
       url("//esimotion.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=f24b8ec7405b23d5cb2233d4c5f3aeadeeedeea45c489566206be21a5160ec46") format("woff");
}

        
        @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//esimotion.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=4cfbc156cc4ca52092f935da0c1eb470cd7ba42cc9f9bfcb11ca224d9f0035ee") format("woff2"),
       url("//esimotion.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=4ccfa3f499b8eac93a823c171ea72fc95211ce7dfc290c53f8790e05f787b159") format("woff");
}


        :root {
          --font-body-family: Assistant, sans-serif;
          --font-body-style: normal;
          --font-body-weight: 400;
          --font-body-weight-bold: 700;

          --font-heading-family: Assistant, sans-serif;
          --font-heading-style: normal;
          --font-heading-weight: 400;

          --font-body-scale: 1.0;
          --font-heading-scale: 1.0;

          --color-base-text: 18, 18, 18;
          --color-shadow: 18, 18, 18;
          --color-base-background-1: 255, 255, 255;
          --color-base-background-2: 243, 243, 243;
          --color-base-solid-button-labels: 255, 255, 255;
          --color-base-outline-button-labels: 18, 18, 18;
          --color-base-accent-1: 18, 18, 18;
          --color-base-accent-2: 51, 79, 180;
          --payment-terms-background-color: #ffffff;

          --gradient-base-background-1: #ffffff;
          --gradient-base-background-2: #f3f3f3;
          --gradient-base-accent-1: #121212;
          --gradient-base-accent-2: #334fb4;

          --media-padding: px;
          --media-border-opacity: 0.05;
          --media-border-width: 1px;
          --media-radius: 0px;
          --media-shadow-opacity: 0.0;
          --media-shadow-horizontal-offset: 0px;
          --media-shadow-vertical-offset: 4px;
          --media-shadow-blur-radius: 5px;
          --media-shadow-visible: 0;

          --page-width: 120rem;
          --page-width-margin: 0rem;

          --card-image-padding: 0.0rem;
          --card-corner-radius: 0.0rem;
          --card-text-alignment: left;
          --card-border-width: 0.0rem;
          --card-border-opacity: 0.1;
          --card-shadow-opacity: 0.0;
          --card-shadow-visible: 0;
          --card-shadow-horizontal-offset: 0.0rem;
          --card-shadow-vertical-offset: 0.4rem;
          --card-shadow-blur-radius: 0.5rem;

          --badge-corner-radius: 4.0rem;

          --popup-border-width: 1px;
          --popup-border-opacity: 0.1;
          --popup-corner-radius: 0px;
          --popup-shadow-opacity: 0.0;
          --popup-shadow-horizontal-offset: 0px;
          --popup-shadow-vertical-offset: 4px;
          --popup-shadow-blur-radius: 5px;

          --drawer-border-width: 1px;
          --drawer-border-opacity: 0.1;
          --drawer-shadow-opacity: 0.0;
          --drawer-shadow-horizontal-offset: 0px;
          --drawer-shadow-vertical-offset: 4px;
          --drawer-shadow-blur-radius: 5px;

          --spacing-sections-desktop: 0px;
          --spacing-sections-mobile: 0px;

          --grid-desktop-vertical-spacing: 8px;
          --grid-desktop-horizontal-spacing: 8px;
          --grid-mobile-vertical-spacing: 4px;
          --grid-mobile-horizontal-spacing: 4px;

          --text-boxes-border-opacity: 0.1;
          --text-boxes-border-width: 0px;
          --text-boxes-radius: 0px;
          --text-boxes-shadow-opacity: 0.0;
          --text-boxes-shadow-visible: 0;
          --text-boxes-shadow-horizontal-offset: 0px;
          --text-boxes-shadow-vertical-offset: 4px;
          --text-boxes-shadow-blur-radius: 5px;

          --buttons-radius: 0px;
          --buttons-radius-outset: 0px;
          --buttons-border-width: 1px;
          --buttons-border-opacity: 1.0;
          --buttons-shadow-opacity: 0.0;
          --buttons-shadow-visible: 0;
          --buttons-shadow-horizontal-offset: 0px;
          --buttons-shadow-vertical-offset: 4px;
          --buttons-shadow-blur-radius: 5px;
          --buttons-border-offset: 0px;

          --inputs-radius: 0px;
          --inputs-border-width: 1px;
          --inputs-border-opacity: 0.55;
          --inputs-shadow-opacity: 0.0;
          --inputs-shadow-horizontal-offset: 0px;
          --inputs-margin-offset: 0px;
          --inputs-shadow-vertical-offset: 4px;
          --inputs-shadow-blur-radius: 5px;
          --inputs-radius-outset: 0px;

          --variant-pills-radius: 40px;
          --variant-pills-border-width: 1px;
          --variant-pills-border-opacity: 0.55;
          --variant-pills-shadow-opacity: 0.0;
          --variant-pills-shadow-horizontal-offset: 0px;
          --variant-pills-shadow-vertical-offset: 4px;
          --variant-pills-shadow-blur-radius: 5px;
        }

        *,
        *::before,
        *::after {
          box-sizing: inherit;
        }

        html {
          box-sizing: border-box;
          font-size: calc(var(--font-body-scale) * 62.5%);
          height: 100%;
        }

        body {
          display: grid;
          grid-template-rows: auto auto 1fr auto;
          grid-template-columns: 100%;
          min-height: 100%;
          margin: 0;
          font-size: 1.5rem;
          letter-spacing: 0.06rem;
          line-height: calc(1 + 0.8 / var(--font-body-scale));
          font-family: var(--font-body-family);
          font-style: var(--font-body-style);
          font-weight: var(--font-body-weight);
        }

        @media screen and (min-width: 750px) {
          body {
            font-size: 1.6rem;
          }
        }
      </style>

      <link href="//esimotion.com/cdn/shop/t/20/assets/application.css?v=127627627316915687511752108005" rel="stylesheet" type="text/css" media="all" />
      <link href="//esimotion.com/cdn/shop/t/20/assets/base.css?v=159067006598268301231752108004" rel="stylesheet" type="text/css" media="all" />
      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
      <script src="https://kit.fontawesome.com/70f6bca6f4.js"></script><link rel="preload" as="font" href="//esimotion.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=4cfbc156cc4ca52092f935da0c1eb470cd7ba42cc9f9bfcb11ca224d9f0035ee" type="font/woff2" crossorigin><link rel="preload" as="font" href="//esimotion.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=NjA1YWY1LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZXNpbW90aW9uLmNvbQ&hmac=4cfbc156cc4ca52092f935da0c1eb470cd7ba42cc9f9bfcb11ca224d9f0035ee" type="font/woff2" crossorigin><link
          rel="stylesheet"
          href="//esimotion.com/cdn/shop/t/20/assets/component-predictive-search.css?v=131139745308480592281737632843"
          media="print"
          onload="this.media='all'"
        ><script>
        document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
        if (Shopify.designMode) {
          document.documentElement.classList.add('shopify-design-mode');
        }
      </script>
      <link href="//esimotion.com/cdn/shop/t/20/assets/flickity.css?v=137791713936238260351737632851" rel="stylesheet" type="text/css" media="all" />
      <script src="//esimotion.com/cdn/shop/t/20/assets/flickity.js?v=71588803782114636631737632851" type="text/javascript"></script>

      <script src="https://assets.adobedtm.com/175f7caa2b90/906b4705d397/launch-afd6bca670e1.min.js" async></script>
      <meta name="google-site-verification" content="K8R5kH50V9pPJmjvTlqqfB3ydH8s_ltkIAf0U6bwj-8">
    <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 59043545133,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "article"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 59043545133,storefrontBaseUrl: "https://esimotion.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"371458093","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-7LF20Z43XG\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-7LF20Z43XG\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[]}},{"id":"68714541","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"ESI Motion","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"605af5.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/esimotion.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://esimotion.com/cdn","98688ed7w4720d202p17656315m70f274df",{"modern":"","legacy":""},{"shopId":"59043545133","storefrontBaseUrl":"https:\/\/esimotion.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"98688ed7w4720d202p17656315m70f274df","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"article","resourceType":"article","resourceId":561452908589}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 59043545133,
      theme_id: 128614989869,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//esimotion.com/cdn/s/trekkie.storefront.fa5ed3681c2fc2a896d098bf1f3f0dad966320f4.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//esimotion.com/cdn/s/trekkie.storefront.fa5ed3681c2fc2a896d098bf1f3f0dad966320f4.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//esimotion.com/cdn/s/trekkie.storefront.fa5ed3681c2fc2a896d098bf1f3f0dad966320f4.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":59043545133,"isMerchantRequest":null,"themeId":128614989869,"themeCityHash":"4885328013707810504","contentLanguage":"en","currency":"USD","eventMetadataId":"9b2f1819-072a-41f2-ba61-184479b58428"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"article","resourceType":"article","resourceId":561452908589,"shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//esimotion.com/cdn/shopifycloud/storefront/assets/shop_events_listener-abeef7a0.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://esimotion.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.17.min.js"
  data-application="storefront-renderer"
  data-shop-id="59043545133"
  data-render-region="gcp-us-east1"
  data-page-type="article"
  data-theme-instance-id="128614989869"
  data-theme-name="Dawn"
  data-theme-version="6.0.2"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
></script>
</head>

    <body class="gradient template-article empty_cart_ctm">
      <a class="skip-to-content-link button visually-hidden" href="#MainContent">
        Skip to content
      </a>

<script src="//esimotion.com/cdn/shop/t/20/assets/cart.js?v=25936334511028434951737632833" defer="defer"></script>

<style>
  .drawer {
    visibility: hidden;
  }
</style>

<cart-drawer class="cart-drower-main drawer is-empty">
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div
      class="drawer__inner max-h-[calc(100vh_-_180px)] overflow-y-auto"
      role="dialog"
      aria-modal="true"
      aria-label="Shopping Cart"
      tabindex="-1"
    ><div class="drawer__inner-empty">
          <div class="cart-drawer__warnings center">
            <div class="cart-drawer__empty-content">
              <h2 class="cart__empty-text text-white">Your cart is empty</h2>
              <button
                class="drawer__close"
                type="button"
                onclick="this.closest('cart-drawer').close()"
                aria-label="Close"
              >
                <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

              </button>
              <a href="/collections/all" class="button red-btn">
                Continue shopping
              </a><p class="cart__login-title h3 text-center !text-20 leading-30 !font-body !font-normal text-white pt-20 block">
                  Have an account?
                </p>
                <p class="cart__login-paragraph text-white text-center !text-20 leading-30 !font-body !font-normal pt-20 block">
                  <span class="loglink text-white"><a href="/account/login" class="link underlined-link">Log in</a> to check out faster.</span>
                </p></div>
          </div></div><div class="drawer__headers border-0 border-b border-solid border-light_blue pb-[35px] mb-[35px] bg-dark_blue">
        <h4 class="drawer__headings !text-white !text-26 !leading-36">
          Shopping Cart
        </h4>
        <button
          class="drawer__close"
          type="button"
          onclick="this.closest('cart-drawer').close()"
          aria-label="Close"
        >
          <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

        </button>
      </div>
      <cart-drawer-items
        
          class=" is-empty"
        
      >
        <form
          action="/cart"
          id="CartDrawer-Form"
          class="cart__contents cart-drawer__form"
          method="post"
        >
          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
              Loading...
            </p>
          </div>
          <div id="CartDrawer-CartErrors" role="alert"></div>
        </form>
      </cart-drawer-items>
      <div class="drawer__footer"><!-- Start blocks -->
        <!-- Subtotals -->

        <div class="cart-drawer__footer" >
          <div class="totals mb-40" role="status">
            <h5 class="totals__subtotal h5 text-white">Subtotal</h5>
            <p class="totals__subtotal-value h5 text-white">$0.00</p>
          </div>

          <div></div>

          <small class="tax-note caption-large rte hidden">Taxes and shipping calculated at checkout
</small>
        </div>

        <!-- CTAs -->

        <div class="cart__ctas" >
          <noscript>
            <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
              Update
            </button>
          </noscript>

          <div class="cart_btn_grp flex gap-20 justify-between w-full ">
            <a href="/cart" class="btnred max-w-[195px] w-full flex-[50%] text-center">View Cart</a>

            <button
              type="submit"
              id="CartDrawer-Checkout"
              class="cart__checkout-button buttons btnred !max-w-[195px] !w-full flex-[50%] text-center"
              name="checkout"
              form="CartDrawer-Form"
              
                disabled
              
            >
              Checkout
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</cart-drawer>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    function isIE() {
      const ua = window.navigator.userAgent;
      const msie = ua.indexOf('MSIE ');
      const trident = ua.indexOf('Trident/');

      return msie > 0 || trident > 0;
    }

    if (!isIE()) return;
    const cartSubmitInput = document.createElement('input');
    cartSubmitInput.setAttribute('name', 'checkout');
    cartSubmitInput.setAttribute('type', 'hidden');
    document.querySelector('#cart').appendChild(cartSubmitInput);
    document.querySelector('#checkout').addEventListener('click', function (event) {
      document.querySelector('#cart').submit();
    });
  });
</script>
<div class="top_bar_wrpper">
        <div id="shopify-section-announcement-bar" class="shopify-section"><link
  rel="stylesheet"
  href="//esimotion.com/cdn/shop/t/20/assets/component-search.css?v=49638887362970836691737632845"
  media="print"
  onload="this.media='all'"
><link
    rel="stylesheet"
    href="//esimotion.com/cdn/shop/t/20/assets/component-price.css?v=112673864592427438181696235287"
    media="print"
    onload="this.media='all'"
  >
  <link
    rel="stylesheet"
    href="//esimotion.com/cdn/shop/t/20/assets/component-loading-overlay.css?v=43236910203777044501737632840"
    media="print"
    onload="this.media='all'"
  ><noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-search.css?v=49638887362970836691737632845" rel="stylesheet" type="text/css" media="all" /></noscript>

<style>
  .announcement-bar {
    background-color: #a20000
    ;
  }
</style>

<div
  class="announcement-bar px-20 md:px-40 py-10 flex items-center gap-40 "
  role="region"
  aria-label="Announcement"
  
><a
      href=""
      class="announcement-bar__link lg:max-w-[29%] mr-auto pointer-events-none text-12 leading-20 lg:text-16 lg:leading-26 font-bold text-white flex-grow lgscreen:text-center large_desktop:text-left 2xl:!text-left"
    >
      <p class="announcement-bar__message">
        Contact Us Today to Talk About Space Batteries!
      </p>
    </a>
    <div class="tel_wrpper lgscreen:hidden">
      <a
        class="flex items-center fill-white text-white text-16 leading-26 font-bold"
        href="tel:+1.800.823.3235"
        aria-label="phone"
      >
        <span class="mr-8"><svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M14.6637 12.3545L12.3472 10.0378C11.8858 9.57821 11.1217 9.59217 10.6442 10.0698L9.47714 11.2366C9.40341 11.196 9.32709 11.1535 9.24685 11.1085C8.50986 10.7002 7.50116 10.1405 6.43971 9.07823C5.37512 8.01377 4.8149 7.00352 4.40529 6.26605C4.36207 6.18792 4.32065 6.11259 4.27976 6.04106L5.06303 5.25895L5.44812 4.87338C5.92633 4.39504 5.93952 3.63116 5.47919 3.17027L3.16268 0.85324C2.70235 0.392997 1.93791 0.406959 1.45969 0.885302L0.806819 1.54192L0.82466 1.55964C0.605743 1.83897 0.422809 2.16114 0.286676 2.50856C0.161186 2.83927 0.083057 3.15484 0.0473321 3.47107C-0.258548 6.00688 0.900247 8.32443 4.04507 11.4693C8.39217 15.8161 11.8954 15.4877 12.0465 15.4717C12.3756 15.4323 12.6911 15.3537 13.0117 15.2292C13.3561 15.0947 13.678 14.912 13.9572 14.6935L13.9714 14.7062L14.6329 14.0586C15.1101 13.5803 15.1238 12.8162 14.6637 12.3545Z" fill="currentColor"/>
</svg>
</span>
        +1.800.823.3235</a>
    </div>
  

    <div class="button_wrpper lgscreen:hidden">
      <a class="btnwhite btnShow" href="javascript:void(0);">Become a Distributor/Representative</a>
    </div>
  

    <div class="header__icons header-search-desk lgscreen:!hidden">
      <details-modal class="header__search">
        <details open="true">
          <summary
            class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
            aria-haspopup="dialog"
            aria-label="Search"
          >
            <span>
              <!--
                <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-search">
                </svg>
              -->
              <svg
                class="modal__toggle-open icon icon-search"
                aria-hidden="true"
                focusable="false"
                role="presentation"
                width="15"
                height="16"
                viewBox="0 0 15 16"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M14.467 12.3204L11.9981 9.85162C12.447 8.95386 12.7463 7.90648 12.7463 6.8591C12.7463 3.34289 9.90339 0.5 6.38718 0.5C2.87097 0.5 0.0280762 3.34289 0.0280762 6.8591C0.0280762 10.3753 2.87097 13.2182 6.38718 13.2182C7.43456 13.2182 8.48194 12.919 9.3797 12.4701L11.8485 14.9389C12.5967 15.687 13.7188 15.687 14.467 14.9389C15.1403 14.1908 15.1403 13.0686 14.467 12.3204ZM6.38718 11.7219C3.69391 11.7219 1.52434 9.55237 1.52434 6.8591C1.52434 4.16584 3.69391 1.99626 6.38718 1.99626C9.08044 1.99626 11.25 4.16584 11.25 6.8591C11.25 9.55237 9.08044 11.7219 6.38718 11.7219Z" fill="currentColor" />
              </svg>
              <!--
                <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-close">
                </svg>
              -->

              <svg
                class="modal__toggle-close icon icon-close"
                aria-hidden="true"
                focusable="false"
                role="presentation"
                width="15"
                height="16"
                viewBox="0 0 15 16"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M8.87424 8.01217L14.715 2.17129C15.0951 1.79136 15.0951 1.17708 14.715 0.797151C14.335 0.417226 13.7207 0.417226 13.3408 0.797151L7.49993 6.63803L1.65922 0.797151C1.27911 0.417226 0.665003 0.417226 0.285078 0.797151C-0.0950259 1.17708 -0.0950259 1.79136 0.285078 2.17129L6.12579 8.01217L0.285078 13.853C-0.0950259 14.233 -0.0950259 14.8473 0.285078 15.2272C0.474418 15.4167 0.723371 15.5119 0.972147 15.5119C1.22092 15.5119 1.4697 15.4167 1.65922 15.2272L7.49993 9.3863L13.3408 15.2272C13.5303 15.4167 13.7791 15.5119 14.0279 15.5119C14.2767 15.5119 14.5254 15.4167 14.715 15.2272C15.0951 14.8473 15.0951 14.233 14.715 13.853L8.87424 8.01217Z" fill="currentColor" />
              </svg>
            </span>
          </summary>
          <div
            class="search-modal modal__content gradient"
            role="dialog"
            aria-modal="true"
            aria-label="Search"
          >
            <div class="modal-overlay"></div>
            <div
              class="search-modal__content search-modal__content-bottom"
              tabindex="-1"
            ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form
                action="/search"
                method="get"
                role="search"
                class="search search-modal__form"
              >
                <div class="field">
                  <input
                    class="search__input field__input frm-field ctm-aj-search-input 123"
                    id="search-modal"
                    type="search"
                    name="q"
                    value=""
                    placeholder="Search..."role="combobox"
                      aria-expanded="false"
                      aria-owns="predictive-search-results-list"
                      aria-controls="predictive-search-results-list"
                      aria-haspopup="listbox"
                      aria-autocomplete="list"
                      autocorrect="off"
                      autocomplete="off"
                      autocapitalize="off"
                      spellcheck="false">
                  <label
                    class="field__label !text-white !text-16 !leading-26 !font-font_italic ctm-aj-search-label"
                    for="search-modal"
                    >Search...</label
                  >

                  <input
                    type="hidden"
                    name="options[prefix]"
                    value="last"
                  >
                  <button class="search__button field__button" aria-label="Search">
                    <!--
                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                        <use href="#icon-search">
                      </svg>
                    -->
                    <svg
                      class="modal__toggle-open icon icon-search"
                      aria-hidden="true"
                      focusable="false"
                      role="presentation"
                      width="15"
                      height="16"
                      viewBox="0 0 15 16"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path d="M14.467 12.3204L11.9981 9.85162C12.447 8.95386 12.7463 7.90648 12.7463 6.8591C12.7463 3.34289 9.90339 0.5 6.38718 0.5C2.87097 0.5 0.0280762 3.34289 0.0280762 6.8591C0.0280762 10.3753 2.87097 13.2182 6.38718 13.2182C7.43456 13.2182 8.48194 12.919 9.3797 12.4701L11.8485 14.9389C12.5967 15.687 13.7188 15.687 14.467 14.9389C15.1403 14.1908 15.1403 13.0686 14.467 12.3204ZM6.38718 11.7219C3.69391 11.7219 1.52434 9.55237 1.52434 6.8591C1.52434 4.16584 3.69391 1.99626 6.38718 1.99626C9.08044 1.99626 11.25 4.16584 11.25 6.8591C11.25 9.55237 9.08044 11.7219 6.38718 11.7219Z" fill="currentColor" />
                    </svg>
                  </button>
                </div><div
                    class="predictive-search predictive-search--header"
                    tabindex="-1"
                    data-predictive-search
                  >
                    <div class="predictive-search__loading-state">
                      <!--
                        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                        </svg>
                      -->
                    </div>
                  </div>

                  <span
                    class="predictive-search-status visually-hidden"
                    role="status"
                    aria-hidden="true"
                  ></span></form></predictive-search><button
                type="button"
                class="search-modal__close-button modal__close-button link link--text focus-inset"
                aria-label="Close"
              >
                <!--
                  <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                    <use href="#icon-close">
                  </svg>
                -->
                <svg
                  class="icon icon-close"
                  aria-hidden="true"
                  focusable="false"
                  role="presentation"
                  width="15"
                  height="16"
                  viewBox="0 0 15 16"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path d="M8.87424 8.01217L14.715 2.17129C15.0951 1.79136 15.0951 1.17708 14.715 0.797151C14.335 0.417226 13.7207 0.417226 13.3408 0.797151L7.49993 6.63803L1.65922 0.797151C1.27911 0.417226 0.665003 0.417226 0.285078 0.797151C-0.0950259 1.17708 -0.0950259 1.79136 0.285078 2.17129L6.12579 8.01217L0.285078 13.853C-0.0950259 14.233 -0.0950259 14.8473 0.285078 15.2272C0.474418 15.4167 0.723371 15.5119 0.972147 15.5119C1.22092 15.5119 1.4697 15.4167 1.65922 15.2272L7.49993 9.3863L13.3408 15.2272C13.5303 15.4167 13.7791 15.5119 14.0279 15.5119C14.2767 15.5119 14.5254 15.4167 14.715 15.2272C15.0951 14.8473 15.0951 14.233 14.715 13.853L8.87424 8.01217Z" fill="currentColor" />
                </svg>
              </button>
            </div>
          </div>
        </details>
      </details-modal>
    </div>
  
</div>


</div>
        <div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-list-menu.css?v=151968516119678728991696235281" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-search.css?v=49638887362970836691737632845" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-menu-drawer.css?v=127047118951677116511737632841" media="print" onload="this.media='all'">
<link
  rel="stylesheet"
  href="//esimotion.com/cdn/shop/t/20/assets/component-cart-notification.css?v=130891911439796927511737632837"
  media="print"
  onload="this.media='all'"
>
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-cart-items.css?v=156192835669853688721737632836" media="print" onload="this.media='all'"><link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-price.css?v=112673864592427438181696235287" media="print" onload="this.media='all'">
  <link
    rel="stylesheet"
    href="//esimotion.com/cdn/shop/t/20/assets/component-loading-overlay.css?v=43236910203777044501737632840"
    media="print"
    onload="this.media='all'"
  ><link href="//esimotion.com/cdn/shop/t/20/assets/component-cart-drawer.css?v=11537072398045742721737632836" rel="stylesheet" type="text/css" media="all" />
  <link href="//esimotion.com/cdn/shop/t/20/assets/component-cart.css?v=4220012606334910351737632837" rel="stylesheet" type="text/css" media="all" />
  <link href="//esimotion.com/cdn/shop/t/20/assets/component-totals.css?v=86168756436424464851696235287" rel="stylesheet" type="text/css" media="all" />
  <link href="//esimotion.com/cdn/shop/t/20/assets/component-price.css?v=112673864592427438181696235287" rel="stylesheet" type="text/css" media="all" />
  <link href="//esimotion.com/cdn/shop/t/20/assets/component-discounts.css?v=152760482443307489271696235281" rel="stylesheet" type="text/css" media="all" />
  <link href="//esimotion.com/cdn/shop/t/20/assets/component-loading-overlay.css?v=43236910203777044501737632840" rel="stylesheet" type="text/css" media="all" />
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-list-menu.css?v=151968516119678728991696235281" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-search.css?v=49638887362970836691737632845" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-menu-drawer.css?v=127047118951677116511737632841" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-cart-notification.css?v=130891911439796927511737632837" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-cart-items.css?v=156192835669853688721737632836" rel="stylesheet" type="text/css" media="all" /></noscript>

<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  .header__heading-logo {
    max-width: 250px;
  }

  @media screen and (min-width:1024px) {
    header-drawer {
      display: none;
    }
  }

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: calc(1 + 0.3 / var(--font-body-scale));
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
</style><style data-shopify>.header {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-header {
    margin-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-header {
      margin-bottom: 0px;
    }
  }

  @media screen and (min-width: 990px) {
    .header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }</style><script src="//esimotion.com/cdn/shop/t/20/assets/details-disclosure.js?v=8447158839234494701737632849" defer="defer"></script>
<script src="//esimotion.com/cdn/shop/t/20/assets/details-modal.js?v=77035865629682792981737632849" defer="defer"></script>
<script src="//esimotion.com/cdn/shop/t/20/assets/cart-notification.js?v=23367883825950256811737632833" defer="defer"></script><script src="//esimotion.com/cdn/shop/t/20/assets/cart-drawer.js?v=169197085071665154771737632832" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  </symbol>
</svg>
<div
  

  class="header-wrapper color-accent-1 gradient header-wrapper--border-bottom  !border-b-0 main-header"
>
  <header class="header px-20 md:px-40 !py-25 lg:!py-[0px] large_desktop:!gap-60 header--middle-left page-widths header--has-menu"><header-drawer data-breakpoint="tablet">
        <details id="Details-menu-drawer-container" class="menu-drawer-container">
          <summary
            class="header__icon header__icon--menu header__icon--summary link focus-inset"
            aria-label="Menu"
          >
            <span>
              <!--
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
    <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
  </svg>
-->

<svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-hamburger"
  width="15"
  height="16"
  viewBox="0 0 15 16"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M13.5484 1.22559H1.45161C0.653226 1.22559 0 1.87881 0 2.6772C0 3.47559 0.653226 4.12881 1.45161 4.12881H13.5484C14.3468 4.12881 15 3.47559 15 2.6772C15 1.87881 14.3468 1.22559 13.5484 1.22559Z" fill="currentColor"/>
  <path d="M13.5484 6.54834H1.45161C0.653226 6.54834 0 7.20157 0 7.99995C0 8.79834 0.653226 9.45157 1.45161 9.45157H13.5484C14.3468 9.45157 15 8.79834 15 7.99995C15 7.20157 14.3468 6.54834 13.5484 6.54834Z" fill="currentColor"/>
  <path d="M13.5484 11.8706H1.45161C0.653226 11.8706 0 12.5238 0 13.3222C0 14.1206 0.653226 14.7738 1.45161 14.7738H13.5484C14.3468 14.7738 15 14.1206 15 13.3222C15 12.5238 14.3468 11.8706 13.5484 11.8706Z" fill="currentColor"/>
</svg>

              <!-- <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
 -->
            </span>
          </summary>
          <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1">
            <div class="menu-drawer__inner-container">
              <div class="menu-drawer__navigation-container">
                
                  <div class="header__icons header-search-desk">
                    <div
                      class="search-modal modal__content gradient"
                      role="dialog"
                      aria-modal="true"
                      aria-label="Search"
                    >
                      <div class="modal-overlay"></div>
                      <div
                        class="search-modal__content search-modal__content-bottom"
                        tabindex="-1"
                      ><predictive-search
                            class="search-modal__form"
                            data-loading-text="Loading..."
                          ><form
                          action="/search"
                          method="get"
                          role="search"
                          class="search search-modal__form"
                        >
                          <div class="field">
                            <input
                              class="search__input field__input frm-field"
                              id="Search-In-Modal-header"
                              type="search"
                              name="q"
                              value=""
                              placeholder="Search..."role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list"
                                aria-controls="predictive-search-results-list" aria-haspopup="listbox"
                                aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off"
                                spellcheck="false">
                            <label
                              class="field__label !text-white !text-16 !leading-26 !font-font_italic"
                              for="Search-In-Modal-header"
                              >Search...</label
                            >
                            <input type="hidden" name="options[prefix]" value="last">
                            <button class="search__button field__button" aria-label="Search">
                              <!--
                                <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                                  <use href="#icon-search">
                                </svg>
                              -->
                              <svg
                                class="modal__toggle-open icon icon-search"
                                aria-hidden="true"
                                focusable="false"
                                role="presentation"
                                width="15"
                                height="16"
                                viewBox="0 0 15 16"
                                fill="none"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path d="M14.467 12.3204L11.9981 9.85162C12.447 8.95386 12.7463 7.90648 12.7463 6.8591C12.7463 3.34289 9.90339 0.5 6.38718 0.5C2.87097 0.5 0.0280762 3.34289 0.0280762 6.8591C0.0280762 10.3753 2.87097 13.2182 6.38718 13.2182C7.43456 13.2182 8.48194 12.919 9.3797 12.4701L11.8485 14.9389C12.5967 15.687 13.7188 15.687 14.467 14.9389C15.1403 14.1908 15.1403 13.0686 14.467 12.3204ZM6.38718 11.7219C3.69391 11.7219 1.52434 9.55237 1.52434 6.8591C1.52434 4.16584 3.69391 1.99626 6.38718 1.99626C9.08044 1.99626 11.25 4.16584 11.25 6.8591C11.25 9.55237 9.08044 11.7219 6.38718 11.7219Z" fill="currentColor"/>
                              </svg>
                            </button>
                          </div><div
                              class="predictive-search predictive-search--header"
                              tabindex="-1"
                              data-predictive-search
                            >
                              <div class="predictive-search__loading-state">
                                <!--
                                  <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                                  </svg>
                                -->
                              </div>
                            </div>

                            <span
                              class="predictive-search-status visually-hidden"
                              role="status"
                              aria-hidden="true"
                            ></span></form></predictive-search><button
                          type="button"
                          class="search-modal__close-button modal__close-button link link--text focus-inset"
                          aria-label="Close"
                        >
                          <!--
                            <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                              <use href="#icon-close">
                            </svg>
                          -->
                          <svg
                            class="icon icon-close"
                            aria-hidden="true"
                            focusable="false"
                            role="presentation"
                            width="15"
                            height="16"
                            viewBox="0 0 15 16"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path d="M8.87424 8.01217L14.715 2.17129C15.0951 1.79136 15.0951 1.17708 14.715 0.797151C14.335 0.417226 13.7207 0.417226 13.3408 0.797151L7.49993 6.63803L1.65922 0.797151C1.27911 0.417226 0.665003 0.417226 0.285078 0.797151C-0.0950259 1.17708 -0.0950259 1.79136 0.285078 2.17129L6.12579 8.01217L0.285078 13.853C-0.0950259 14.233 -0.0950259 14.8473 0.285078 15.2272C0.474418 15.4167 0.723371 15.5119 0.972147 15.5119C1.22092 15.5119 1.4697 15.4167 1.65922 15.2272L7.49993 9.3863L13.3408 15.2272C13.5303 15.4167 13.7791 15.5119 14.0279 15.5119C14.2767 15.5119 14.5254 15.4167 14.715 15.2272C15.0951 14.8473 15.0951 14.233 14.715 13.853L8.87424 8.01217Z" fill="currentColor"/>
                          </svg>
                        </button>
                      </div>
                    </div>
                  </div>
                
                <nav class="menu-drawer__navigation">
                  <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li
                        data-dropdown-rel-mob="about-us"
                        class="ctm_click "
                      ><details class="drop-box-ctm" id="Details-menu-drawer-menu-item-1">
                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                              <a href="/pages/about-us" class="">About Us</a>
                              <span class="mob_drop_arrow">
                                <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                              </span>
                            </summary>
                            <div
                              id="link-About Us"
                              class="menu-drawer__submenu has-submenu gradient motion-reduce"
                              tabindex="-1"
                            >
                              <div class="menu-drawer__inner-submenu">
                                <button
                                  class="menu-drawer__close-button link link--text focus-inset"
                                  aria-expanded="true"
                                >
                                  <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                                  About Us
                                </button>
                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                          href="/pages/client-satisfaction"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Client Satisfaction
                                        </a></li><li><a
                                          href="/pages/clients"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Clients
                                        </a></li><li><a
                                          href="/pages/company-overview"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Company Overview
                                        </a></li></ul>
                              </div>
                            </div>
                          </details></li><li
                        data-dropdown-rel-mob="products"
                        class="ctm_click_megamenu "
                      ><a
                            href="/pages/products"
                            class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                            
                          >
                            Products
                          </a></li><li
                        data-dropdown-rel-mob="industries"
                        class="ctm_click "
                      ><details class="drop-box-ctm" id="Details-menu-drawer-menu-item-3">
                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                              <a href="/pages/industries" class="">Industries</a>
                              <span class="mob_drop_arrow">
                                <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                              </span>
                            </summary>
                            <div
                              id="link-Industries"
                              class="menu-drawer__submenu has-submenu gradient motion-reduce"
                              tabindex="-1"
                            >
                              <div class="menu-drawer__inner-submenu">
                                <button
                                  class="menu-drawer__close-button link link--text focus-inset"
                                  aria-expanded="true"
                                >
                                  <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                                  Industries
                                </button>
                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                          href="/pages/space"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Space
                                        </a></li><li><a
                                          href="/pages/defense"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Defense
                                        </a></li><li><a
                                          href="/pages/commercial"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Commercial
                                        </a></li></ul>
                              </div>
                            </div>
                          </details></li><li
                        data-dropdown-rel-mob="compliance"
                        class="ctm_click "
                      ><a
                            href="/pages/compliance"
                            class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                            
                          >
                            Compliance
                          </a></li><li
                        data-dropdown-rel-mob="downloads"
                        class="ctm_click "
                      ><a
                            href="/pages/downloads"
                            class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                            
                          >
                            Downloads
                          </a></li><li
                        data-dropdown-rel-mob="support"
                        class="ctm_click "
                      ><details class="drop-box-ctm" id="Details-menu-drawer-menu-item-6">
                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                              <a href="/pages/support" class="">Support</a>
                              <span class="mob_drop_arrow">
                                <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                              </span>
                            </summary>
                            <div
                              id="link-Support"
                              class="menu-drawer__submenu has-submenu gradient motion-reduce"
                              tabindex="-1"
                            >
                              <div class="menu-drawer__inner-submenu">
                                <button
                                  class="menu-drawer__close-button link link--text focus-inset"
                                  aria-expanded="true"
                                >
                                  <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                                  Support
                                </button>
                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                          href="/pages/technical-support"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Technical Support
                                        </a></li><li><a
                                          href="/pages/request-form"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          RMA Request Form
                                        </a></li><li><a
                                          href="/pages/terms-conditions"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Terms &amp; Conditions of Sale
                                        </a></li></ul>
                              </div>
                            </div>
                          </details></li><li
                        data-dropdown-rel-mob="news-events"
                        class="ctm_click "
                      ><details class="drop-box-ctm" id="Details-menu-drawer-menu-item-7">
                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active">
                              <a href="/pages/news-events" class="">News &amp; Events</a>
                              <span class="mob_drop_arrow">
                                <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                              </span>
                            </summary>
                            <div
                              id="link-News &amp; Events"
                              class="menu-drawer__submenu has-submenu gradient motion-reduce"
                              tabindex="-1"
                            >
                              <div class="menu-drawer__inner-submenu">
                                <button
                                  class="menu-drawer__close-button link link--text focus-inset"
                                  aria-expanded="true"
                                >
                                  <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                                  News &amp; Events
                                </button>
                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                          href="/blogs/press-releases"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Company News &amp; Press Releases
                                        </a></li><li><a
                                          href="/pages/events"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Events
                                        </a></li><li><a
                                          href="/blogs/news"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Blog 
                                        </a></li></ul>
                              </div>
                            </div>
                          </details></li><li
                        data-dropdown-rel-mob="contact-us"
                        class="ctm_click "
                      ><details class="drop-box-ctm" id="Details-menu-drawer-menu-item-8">
                            <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                              <a href="/pages/contact" class="">Contact Us</a>
                              <span class="mob_drop_arrow">
                                <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                              </span>
                            </summary>
                            <div
                              id="link-Contact Us"
                              class="menu-drawer__submenu has-submenu gradient motion-reduce"
                              tabindex="-1"
                            >
                              <div class="menu-drawer__inner-submenu">
                                <button
                                  class="menu-drawer__close-button link link--text focus-inset"
                                  aria-expanded="true"
                                >
                                  <svg
  viewBox="0 0 14 10"
  fill="none"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-arrow"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</svg>

                                  Contact Us
                                </button>
                                <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
                                          href="/pages/career"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          Careers
                                        </a></li><li><a
                                          href="/pages/store-locator"
                                          class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
                                          
                                        >
                                          ESI Global Representative Map
                                        </a></li></ul>
                              </div>
                            </div>
                          </details></li><li
                        data-dropdown-rel-mob="faq"
                        class="ctm_click "
                      ><a
                            href="/pages/faq"
                            class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
                            
                          >
                            FAQ
                          </a></li></ul>
                </nav>
                <div class="menu-drawer__utility-links !px-30 !py-20">
                    
                      <div class="shop_btn_wrapper w-full lgscreen:mb-20">
                        <a class="btnred w-full" href="/collections/all">Shop</a>
                      </div>
                    
                    <div class="button_wrpper">
                      <a href="javascript:void(0);" class="btnred w-full btnShow">Become a Distributor/<br>Representative
                      </a>
                    </div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
                        <a href="https://twitter.com/motionesi?lang=en" class="list-social__link link"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_758_4210)">
  <rect width="40" height="40" rx="20" fill="white"/>
  <path d="M20 0C8.95599 0 0 8.95599 0 20C0 31.044 8.95599 40 20 40C31.044 40 40 31.044 40 20C40 8.95599 31.044 0 20 0ZM29.1318 15.5939C29.1406 15.7907 29.1449 15.9885 29.1449 16.1871C29.1449 22.2531 24.5276 29.248 16.0837 29.2484H16.084H16.0837C13.4912 29.2484 11.0788 28.4885 9.04724 27.1863C9.40643 27.2287 9.77203 27.2498 10.1422 27.2498C12.2931 27.2498 14.2725 26.5161 15.8438 25.2847C13.8342 25.2475 12.1399 23.9203 11.5552 22.0963C11.835 22.15 12.1228 22.1793 12.4179 22.1793C12.8369 22.1793 13.2428 22.1228 13.6285 22.0175C11.528 21.597 9.94568 19.7406 9.94568 17.5177C9.94568 17.4969 9.94568 17.4783 9.94629 17.4591C10.5649 17.803 11.2723 18.0099 12.0255 18.0331C10.7928 17.2107 9.9826 15.8047 9.9826 14.212C9.9826 13.371 10.21 12.583 10.6042 11.9046C12.868 14.6823 16.2512 16.5091 20.0665 16.701C19.9878 16.3647 19.9472 16.0144 19.9472 15.6543C19.9472 13.1201 22.0032 11.0641 24.5383 11.0641C25.8588 11.0641 27.0514 11.6223 27.8891 12.5146C28.9349 12.3083 29.917 11.9263 30.8041 11.4005C30.4608 12.4719 29.7333 13.371 28.7854 13.9395C29.7141 13.8284 30.5991 13.5822 31.4215 13.2166C30.8072 14.1373 30.0281 14.946 29.1318 15.5939Z" fill="currentColor"/>
  </g>
  <defs>
  <clipPath id="clip0_758_4210">
  <rect width="40" height="40" rx="20" fill="white"/>
  </clipPath>
  </defs>
</svg>
<span class="visually-hidden">Twitter</span>
                        </a>
                      </li></ul>
                </div>
              </div>
            </div>
          </div>
        </details>
      </header-drawer>
      <div class="tel_wrpper lg:hidden">
        <a
          class="flex items-center fill-white text-white text-16 leading-26 font-bold"
          href="tel:800.823.3235"
          aria-label="phone"
          ><span class="mr-8"><svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M14.6637 12.3545L12.3472 10.0378C11.8858 9.57821 11.1217 9.59217 10.6442 10.0698L9.47714 11.2366C9.40341 11.196 9.32709 11.1535 9.24685 11.1085C8.50986 10.7002 7.50116 10.1405 6.43971 9.07823C5.37512 8.01377 4.8149 7.00352 4.40529 6.26605C4.36207 6.18792 4.32065 6.11259 4.27976 6.04106L5.06303 5.25895L5.44812 4.87338C5.92633 4.39504 5.93952 3.63116 5.47919 3.17027L3.16268 0.85324C2.70235 0.392997 1.93791 0.406959 1.45969 0.885302L0.806819 1.54192L0.82466 1.55964C0.605743 1.83897 0.422809 2.16114 0.286676 2.50856C0.161186 2.83927 0.083057 3.15484 0.0473321 3.47107C-0.258548 6.00688 0.900247 8.32443 4.04507 11.4693C8.39217 15.8161 11.8954 15.4877 12.0465 15.4717C12.3756 15.4323 12.6911 15.3537 13.0117 15.2292C13.3561 15.0947 13.678 14.912 13.9572 14.6935L13.9714 14.7062L14.6329 14.0586C15.1101 13.5803 15.1238 12.8162 14.6637 12.3545Z" fill="currentColor"/>
</svg>
</span></a
        >
      </div>
    
<h1 class="header__heading">
      <a href="/" class="header__heading-link link link--text focus-inset !p-0"><img src="//esimotion.com/cdn/shop/files/header-logo.png?v=1661336525" alt="header-logo" srcset="//esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=50 50w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=100 100w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=150 150w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=200 200w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=250 250w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=300 300w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=400 400w, //esimotion.com/cdn/shop/files/header-logo.png?v=1661336525&amp;width=500 500w" width="250" height="27.77777777777778" class="header__heading-logo">
</a>
    </h1><nav class="header__inline-menu">
          <ul class="list-menu list-menu--inline headermenu_list" role="list"><li class="headlist1"><header-menu>
                    <div class="header-dropdown detail_ctm" id="Details-HeaderMenu-1">
                      <summary class="header__menu-item list-menu__item link focus-inset">
                        <a
                          href="/pages/about-us"
                          data-test="ss"
                          
                        >About Us</a>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <ul
                        id="HeaderMenu-MenuList-1"
                        class="header-drodown_menu header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup"
                        role="list"
                        tabindex="-1"
                      >
                        <div class="container">
                          <div class="menu-contebox flex flex-wrap"><li class="w-1/3 headsublist1"><a
                                    href="/pages/client-satisfaction"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Client Satisfaction
                                  </a></li><li class="w-1/3 headsublist2"><a
                                    href="/pages/clients"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Clients
                                  </a></li><li class="w-1/3 headsublist3"><a
                                    href="/pages/company-overview"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Company Overview
                                  </a></li></div>
                        </div>
                      </ul>
                    </div>
                  </header-menu></li><li class="headlist2"><a
                    href="/pages/products"
                    data-dropdown-rel="products"
                    class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"
                    
                  >
                    <span
                    >Products</span>
                  </a></li><li class="headlist3"><header-menu>
                    <div class="header-dropdown detail_ctm" id="Details-HeaderMenu-3">
                      <summary class="header__menu-item list-menu__item link focus-inset">
                        <a
                          href="/pages/industries"
                          data-test="ss"
                          
                        >Industries</a>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <ul
                        id="HeaderMenu-MenuList-3"
                        class="header-drodown_menu header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup"
                        role="list"
                        tabindex="-1"
                      >
                        <div class="container">
                          <div class="menu-contebox flex flex-wrap"><li class="w-1/3 headsublist1"><a
                                    href="/pages/space"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Space
                                  </a></li><li class="w-1/3 headsublist2"><a
                                    href="/pages/defense"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Defense
                                  </a></li><li class="w-1/3 headsublist3"><a
                                    href="/pages/commercial"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Commercial
                                  </a></li></div>
                        </div>
                      </ul>
                    </div>
                  </header-menu></li><li class="headlist4"><a
                    href="/pages/compliance"
                    data-dropdown-rel="compliance"
                    class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"
                    
                  >
                    <span
                    >Compliance</span>
                  </a></li><li class="headlist5"><a
                    href="/pages/downloads"
                    data-dropdown-rel="downloads"
                    class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"
                    
                  >
                    <span
                    >Downloads</span>
                  </a></li><li class="headlist6"><header-menu>
                    <div class="header-dropdown detail_ctm" id="Details-HeaderMenu-6">
                      <summary class="header__menu-item list-menu__item link focus-inset">
                        <a
                          href="/pages/support"
                          data-test="ss"
                          
                        >Support</a>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <ul
                        id="HeaderMenu-MenuList-6"
                        class="header-drodown_menu header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup"
                        role="list"
                        tabindex="-1"
                      >
                        <div class="container">
                          <div class="menu-contebox flex flex-wrap"><li class="w-1/3 headsublist1"><a
                                    href="/pages/technical-support"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Technical Support
                                  </a></li><li class="w-1/3 headsublist2"><a
                                    href="/pages/request-form"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    RMA Request Form
                                  </a></li><li class="w-1/3 headsublist3"><a
                                    href="/pages/terms-conditions"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Terms &amp; Conditions of Sale
                                  </a></li></div>
                        </div>
                      </ul>
                    </div>
                  </header-menu></li><li class="headlist7"><header-menu>
                    <div class="header-dropdown detail_ctm" id="Details-HeaderMenu-7">
                      <summary class="header__menu-item list-menu__item link focus-inset">
                        <a
                          href="/pages/news-events"
                          data-test="ss"
                          
                            class="header__active-menu-item"
                          
                        >News &amp; Events</a>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <ul
                        id="HeaderMenu-MenuList-7"
                        class="header-drodown_menu header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup"
                        role="list"
                        tabindex="-1"
                      >
                        <div class="container">
                          <div class="menu-contebox flex flex-wrap"><li class="w-1/3 headsublist1"><a
                                    href="/blogs/press-releases"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Company News &amp; Press Releases
                                  </a></li><li class="w-1/3 headsublist2"><a
                                    href="/pages/events"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Events
                                  </a></li><li class="w-1/3 headsublist3"><a
                                    href="/blogs/news"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Blog 
                                  </a></li></div>
                        </div>
                      </ul>
                    </div>
                  </header-menu></li><li class="headlist8"><header-menu>
                    <div class="header-dropdown detail_ctm" id="Details-HeaderMenu-8">
                      <summary class="header__menu-item list-menu__item link focus-inset">
                        <a
                          href="/pages/contact"
                          data-test="ss"
                          
                        >Contact Us</a>
                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>

                      </summary>
                      <ul
                        id="HeaderMenu-MenuList-8"
                        class="header-drodown_menu header__submenu list-menu list-menu--disclosure gradient caption-large motion-reduce global-settings-popup"
                        role="list"
                        tabindex="-1"
                      >
                        <div class="container">
                          <div class="menu-contebox flex flex-wrap"><li class="w-1/3 headsublist1"><a
                                    href="/pages/career"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    Careers
                                  </a></li><li class="w-1/3 headsublist2"><a
                                    href="/pages/store-locator"
                                    class="header__menu-item list-menu__item link link--text focus-inset caption-large"
                                    
                                  >
                                    ESI Global Representative Map
                                  </a></li></div>
                        </div>
                      </ul>
                    </div>
                  </header-menu></li><li class="headlist9"><a
                    href="/pages/faq"
                    data-dropdown-rel="faq"
                    class="header__menu-item header__menu-item list-menu__item link link--text focus-inset"
                    
                  >
                    <span
                    >FAQ</span>
                  </a></li></ul>
        </nav><div class="header__icons header-box-left">
      
        <div class="shop_btn_wrapper lgscreen:hidden">
          <a class="btnred" href="/collections/all">Shop</a>
        </div>
      
      <details-modal class="header__search hidden">
        <details>
          <summary
            class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
            aria-haspopup="dialog"
            aria-label="Search"
          >
            <span>
              <!--
                <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-search">
                </svg>
              -->
              <svg
                class="modal__toggle-open icon icon-search"
                aria-hidden="true"
                focusable="false"
                role="presentation"
                width="15"
                height="16"
                viewBox="0 0 15 16"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M14.467 12.3204L11.9981 9.85162C12.447 8.95386 12.7463 7.90648 12.7463 6.8591C12.7463 3.34289 9.90339 0.5 6.38718 0.5C2.87097 0.5 0.0280762 3.34289 0.0280762 6.8591C0.0280762 10.3753 2.87097 13.2182 6.38718 13.2182C7.43456 13.2182 8.48194 12.919 9.3797 12.4701L11.8485 14.9389C12.5967 15.687 13.7188 15.687 14.467 14.9389C15.1403 14.1908 15.1403 13.0686 14.467 12.3204ZM6.38718 11.7219C3.69391 11.7219 1.52434 9.55237 1.52434 6.8591C1.52434 4.16584 3.69391 1.99626 6.38718 1.99626C9.08044 1.99626 11.25 4.16584 11.25 6.8591C11.25 9.55237 9.08044 11.7219 6.38718 11.7219Z" fill="currentColor"/>
              </svg>
              <!--
                <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                  <use href="#icon-close">
                </svg>
              -->
              <svg
                class="modal__toggle-close icon icon-close"
                aria-hidden="true"
                focusable="false"
                role="presentation"
                width="15"
                height="16"
                viewBox="0 0 15 16"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path d="M8.87424 8.01217L14.715 2.17129C15.0951 1.79136 15.0951 1.17708 14.715 0.797151C14.335 0.417226 13.7207 0.417226 13.3408 0.797151L7.49993 6.63803L1.65922 0.797151C1.27911 0.417226 0.665003 0.417226 0.285078 0.797151C-0.0950259 1.17708 -0.0950259 1.79136 0.285078 2.17129L6.12579 8.01217L0.285078 13.853C-0.0950259 14.233 -0.0950259 14.8473 0.285078 15.2272C0.474418 15.4167 0.723371 15.5119 0.972147 15.5119C1.22092 15.5119 1.4697 15.4167 1.65922 15.2272L7.49993 9.3863L13.3408 15.2272C13.5303 15.4167 13.7791 15.5119 14.0279 15.5119C14.2767 15.5119 14.5254 15.4167 14.715 15.2272C15.0951 14.8473 15.0951 14.233 14.715 13.853L8.87424 8.01217Z" fill="currentColor"/>
              </svg>
            </span>
          </summary>
          <div
            class="search-modal modal__content gradient"
            role="dialog"
            aria-modal="true"
            aria-label="Search"
          >
            <div class="modal-overlay"></div>
            <div
              class="search-modal__content search-modal__content-bottom"
              tabindex="-1"
            ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
                <div class="field">
                  <input
                    class="search__input field__input"
                    id="Search-In-Modal"
                    type="search"
                    name="q"
                    value=""
                    placeholder="Search"role="combobox"
                      aria-expanded="false"
                      aria-owns="predictive-search-results-list"
                      aria-controls="predictive-search-results-list"
                      aria-haspopup="listbox"
                      aria-autocomplete="list"
                      autocorrect="off"
                      autocomplete="off"
                      autocapitalize="off"
                      spellcheck="false">
                  <label class="field__label" for="Search-In-Modal">Search</label>
                  <input type="hidden" name="options[prefix]" value="last">
                  <button class="search__button field__button" aria-label="Search">
                    <!--
                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                        <use href="#icon-search">
                      </svg>
                    -->
                    <svg
                      class="icon icon-search"
                      aria-hidden="true"
                      focusable="false"
                      role="presentation"
                      width="15"
                      height="16"
                      viewBox="0 0 15 16"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path d="M14.467 12.3204L11.9981 9.85162C12.447 8.95386 12.7463 7.90648 12.7463 6.8591C12.7463 3.34289 9.90339 0.5 6.38718 0.5C2.87097 0.5 0.0280762 3.34289 0.0280762 6.8591C0.0280762 10.3753 2.87097 13.2182 6.38718 13.2182C7.43456 13.2182 8.48194 12.919 9.3797 12.4701L11.8485 14.9389C12.5967 15.687 13.7188 15.687 14.467 14.9389C15.1403 14.1908 15.1403 13.0686 14.467 12.3204ZM6.38718 11.7219C3.69391 11.7219 1.52434 9.55237 1.52434 6.8591C1.52434 4.16584 3.69391 1.99626 6.38718 1.99626C9.08044 1.99626 11.25 4.16584 11.25 6.8591C11.25 9.55237 9.08044 11.7219 6.38718 11.7219Z" fill="currentColor"/>
                    </svg>
                  </button>
                </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
                    <div class="predictive-search__loading-state">
                      <svg
                        aria-hidden="true"
                        focusable="false"
                        role="presentation"
                        class="spinner"
                        viewBox="0 0 66 66"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                      </svg>
                    </div>
                  </div>

                  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
                type="button"
                class="search-modal__close-button modal__close-button link link--text focus-inset"
                aria-label="Close"
              >
                <!--
                  <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
                    <use href="#icon-close">
                  </svg>
                -->
                <svg
                  class="icon icon-close"
                  aria-hidden="true"
                  focusable="false"
                  role="presentation"
                  width="15"
                  height="16"
                  viewBox="0 0 15 16"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path d="M8.87424 8.01217L14.715 2.17129C15.0951 1.79136 15.0951 1.17708 14.715 0.797151C14.335 0.417226 13.7207 0.417226 13.3408 0.797151L7.49993 6.63803L1.65922 0.797151C1.27911 0.417226 0.665003 0.417226 0.285078 0.797151C-0.0950259 1.17708 -0.0950259 1.79136 0.285078 2.17129L6.12579 8.01217L0.285078 13.853C-0.0950259 14.233 -0.0950259 14.8473 0.285078 15.2272C0.474418 15.4167 0.723371 15.5119 0.972147 15.5119C1.22092 15.5119 1.4697 15.4167 1.65922 15.2272L7.49993 9.3863L13.3408 15.2272C13.5303 15.4167 13.7791 15.5119 14.0279 15.5119C14.2767 15.5119 14.5254 15.4167 14.715 15.2272C15.0951 14.8473 15.0951 14.233 14.715 13.853L8.87424 8.01217Z" fill="currentColor"/>
                </svg>
              </button>
            </div>
          </div>
        </details>
      </details-modal>
        <a
          href="javascript:void(0);"
          class="login_popup header__icon header__icon--account link focus-inset small-hides"
        >
          <svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_875_22196)">
  <path d="M7.39316 7.72554C8.38582 7.72554 9.24538 7.36952 9.9477 6.66708C10.65 5.96476 11.006 5.10543 11.006 4.11266C11.006 3.12023 10.65 2.26078 9.94758 1.55823C9.24515 0.856024 8.3857 0.5 7.39316 0.5C6.40039 0.5 5.54105 0.856024 4.83873 1.55835C4.13641 2.26067 3.78027 3.12011 3.78027 4.11266C3.78027 5.10543 4.13641 5.96488 4.83885 6.6672C5.54128 7.3694 6.40073 7.72554 7.39316 7.72554Z" fill="currentColor"/>
  <path d="M13.7148 12.0343C13.6945 11.742 13.6536 11.4231 13.5933 11.0865C13.5324 10.7473 13.454 10.4266 13.3601 10.1335C13.2632 9.8306 13.1314 9.53145 12.9684 9.24478C12.7993 8.94723 12.6006 8.68814 12.3777 8.47493C12.1445 8.25189 11.8591 8.07256 11.5291 7.94176C11.2002 7.81164 10.8357 7.74572 10.4458 7.74572C10.2927 7.74572 10.1446 7.80855 9.8586 7.99474C9.68259 8.10953 9.47671 8.24228 9.24692 8.3891C9.05042 8.5143 8.78423 8.6316 8.45545 8.7378C8.13467 8.8416 7.80897 8.89424 7.48751 8.89424C7.16605 8.89424 6.84046 8.8416 6.51934 8.7378C6.1909 8.63172 5.92471 8.51442 5.72844 8.38922C5.50082 8.24376 5.29483 8.11101 5.11619 7.99463C4.83054 7.80843 4.68234 7.74561 4.52922 7.74561C4.13921 7.74561 3.77483 7.81164 3.44604 7.94187C3.11623 8.07245 2.8307 8.25178 2.59735 8.47505C2.37454 8.68837 2.17575 8.94734 2.00684 9.24478C1.84399 9.53145 1.71216 9.83048 1.61511 10.1336C1.52138 10.4267 1.44299 10.7473 1.38211 11.0865C1.3218 11.4227 1.28083 11.7416 1.26057 12.0346C1.24066 12.3216 1.23059 12.6195 1.23059 12.9204C1.23059 13.7034 1.4795 14.3373 1.97033 14.8048C2.4551 15.2661 3.09654 15.5001 3.87657 15.5001H11.0991C11.8792 15.5001 12.5204 15.2662 13.0053 14.8048C13.4962 14.3376 13.7451 13.7036 13.7451 12.9203C13.745 12.618 13.7348 12.3199 13.7148 12.0343Z" fill="currentColor"/>
  </g>
  <defs>
  <clipPath id="clip0_875_22196">
  <rect width="14.9999" height="15" fill="currentColor" transform="translate(0.00012207 0.5)"/>
  </clipPath>
  </defs>
</svg>

          <span class="visually-hidden">Log in</span>
        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_875_22199)">
  <path d="M11.3677 11.646C10.4077 11.646 9.61621 12.4207 9.61621 13.3975C9.61621 14.3574 10.3909 15.1489 11.3677 15.1489C12.3276 15.1489 13.1191 14.3742 13.1191 13.3975C13.1023 12.4375 12.3276 11.646 11.3677 11.646Z" fill="currentColor"/>
  <path d="M14.4496 3.29302C14.4159 3.29302 14.3654 3.27618 14.3149 3.27618H3.70503L3.53662 2.14783C3.43557 1.40683 2.79561 0.851074 2.03777 0.851074H0.673641C0.303139 0.851074 0 1.15421 0 1.52472C0 1.89522 0.303139 2.19836 0.673641 2.19836H2.03777C2.12197 2.19836 2.18933 2.26572 2.20618 2.34993L3.25032 9.45684C3.38505 10.3494 4.15974 11.0231 5.06915 11.0231H12.075C12.9508 11.0231 13.7086 10.3999 13.8939 9.54105L14.9885 4.06771C15.0559 3.71405 14.8201 3.36039 14.4496 3.29302Z" fill="currentColor"/>
  <path d="M7.07328 13.3133C7.03959 12.387 6.26491 11.646 5.33865 11.646C4.36187 11.6965 3.62086 12.5049 3.65455 13.4648C3.68823 14.3911 4.44608 15.1321 5.37233 15.1321H5.40601C6.36595 15.0816 7.1238 14.2732 7.07328 13.3133Z" fill="currentColor"/>
  </g>
  <defs>
  <clipPath id="clip0_875_22199">
  <rect width="15" height="15" fill="currentColor" transform="translate(0 0.5)"/>
  </clipPath>
  </defs>
</svg>
<span class="visually-hidden">Cart</span></a>
    </div>
  </header>
</div>
</div>


<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "ESI Motion",
    
      "logo": "https:\/\/esimotion.com\/cdn\/shop\/files\/header-logo.png?v=1661336525\u0026width=846",
    
    "sameAs": [
      "https:\/\/twitter.com\/motionesi?lang=en",
      "",
      "",
      "",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/esimotion.com"
  }
</script>
</div>
        <style>
  @media (min-width: 1024px) {
    .distribute_pop_active {
      overflow-y: hidden;
    }
  }
  .distributer_content {
    background: white;
    overflow-y: auto;
    scroll-behavior: smooth;
    position: fixed;
    width: 100%;
    max-width: 600px;
    display: none;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    max-height: calc(100vh - 50px);
  }
  @media (max-width: 767px) {
    .distributer_content {
      height: calc(100vh - 200px);
    }
  }
  ::-webkit-scrollbar {
    width: 5px;
  }

  ::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    box-shadow: inset 0 0 6px rgba(5, 11, 66, 1);
  }

  ::-webkit-scrollbar-thumb {
    background-color: #a20000;
    outline: 1px solid #a20000;
    border-radius: 2px;
  }
  .contents {
    width: 300px;
    height: 300px;
    background: #fff;
    margin: 30px auto;
    border: 2px solid #ccc;
    border-radius: 30px;
    position: relative;
    text-align: center;
  }
  .closed {
    border: transparent;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    text-align: center;
    right: 20px;
    top: 15px;
    /* box-shadow: inset 0px 0px 10px 5px #ccc; */
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #a20000;
    fill: #a20000;
  }
  .closed svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="distributer_content">
  <div class="contents">
    <span class="closed"><svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</span>
    <iframe
      id="JotFormIFrame-222573504122042"
      title="Distributor"
      onload="window.parent.scrollTo(0,0)"
      allowtransparency="true"
      allowfullscreen="true"
      allow="geolocation; microphone; camera"
      src="https://form.jotform.com/222573504122042"
      frameborder="0"
      style=" min-width: 100%; height:539px; border:none;"
      scrolling="no"
    >
    </iframe>
    <script type="text/javascript">
      var ifr = document.getElementById('JotFormIFrame-222573504122042');
      if (ifr) {
        var src = ifr.src;
        var iframeParams = [];
        if (window.location.href && window.location.href.indexOf('?') > -1) {
          iframeParams = iframeParams.concat(
            window.location.href.substr(window.location.href.indexOf('?') + 1).split('&'),
          );
        }
        if (src && src.indexOf('?') > -1) {
          iframeParams = iframeParams.concat(src.substr(src.indexOf('?') + 1).split('&'));
          src = src.substr(0, src.indexOf('?'));
        }
        iframeParams.push('isIframeEmbed=1');
        ifr.src = src + '?' + iframeParams.join('&');
      }
      window.handleIFrameMessage = function (e) {
        if (typeof e.data === 'object') {
          return;
        }
        var args = e.data.split(':');
        if (args.length > 2) {
          iframe = document.getElementById('JotFormIFrame-' + args[args.length - 1]);
        } else {
          iframe = document.getElementById('JotFormIFrame');
        }
        if (!iframe) {
          return;
        }
        switch (args[0]) {
          case 'scrollIntoView':
            iframe.scrollIntoView();
            break;
          case 'setHeight':
            iframe.style.height = args[1] + 'px';
            break;
          case 'collapseErrorPage':
            if (iframe.clientHeight > window.innerHeight) {
              iframe.style.height = window.innerHeight + 'px';
            }
            break;
          case 'reloadPage':
            window.location.reload();
            break;
          case 'loadScript':
            if (!window.isPermitted(e.origin, ['jotform.com', 'jotform.pro'])) {
              break;
            }
            var src = args[1];
            if (args.length > 3) {
              src = args[1] + ':' + args[2];
            }
            var script = document.createElement('script');
            script.src = src;
            script.type = 'text/javascript';
            document.body.appendChild(script);
            break;
          case 'exitFullscreen':
            if (window.document.exitFullscreen) window.document.exitFullscreen();
            else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen();
            else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen();
            else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();
            else if (window.document.msExitFullscreen) window.document.msExitFullscreen();
            break;
        }
        var isJotForm = e.origin.indexOf('jotform') > -1 ? true : false;
        if (isJotForm && 'contentWindow' in iframe && 'postMessage' in iframe.contentWindow) {
          var urls = { docurl: encodeURIComponent(document.URL), referrer: encodeURIComponent(document.referrer) };
          iframe.contentWindow.postMessage(JSON.stringify({ type: 'urls', value: urls }), '*');
        }
      };
      window.isPermitted = function (originUrl, whitelisted_domains) {
        var url = document.createElement('a');
        url.href = originUrl;
        var hostname = url.hostname;
        var result = false;
        if (typeof hostname !== 'undefined') {
          whitelisted_domains.forEach(function (element) {
            if (hostname.slice(-1 * element.length - 1) === '.'.concat(element) || hostname === element) {
              result = true;
            }
          });
          return result;
        }
      };
      if (window.addEventListener) {
        window.addEventListener('message', handleIFrameMessage, false);
      } else if (window.attachEvent) {
        window.attachEvent('onmessage', handleIFrameMessage);
      }
    </script>
  </div>
</div>


        <div class="mega-menu-wrapper">
          
            <div id="shopify-section-mega-menu-1" class="shopify-section mega-menu-section hidden menu-collection-style drop-shadow-box"><style>
  /* .myClassCtm{
    visibility: visible;
    opacity: 1;
  } */
  /* .dropbtn {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  .dropbtn:hover, .dropbtn:focus {
    background-color: #ffffff;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown a:hover {background-color: #ddd;}
  
  .show {display: block;} */
</style>


  <div class="dropdown_container mega-menu" data-dropdown="products">
    <div class="dropdown menu">
      
      <div class="dropdown_content">
        
          <div
            class="dropdown_column dropdown1 ctm-Classactive"
            
          >
            
              <div class="lgscreen:hidden desktop">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/servo-drive-modules" class="link_simple link_dropdown dd_1">
                    <span>Servo Drive Modules</span>
                    <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                  </a>
                </div>

                <div class="menu_img_wrapper">
                  <!-- menu -->
                  <div class="drobtn-leftbox">
                    <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                      Servo Drive Modules
                    </h4>
                    <ul id="myDropdown" class="dropdown-content">
                      
                        
                          <li class="">
                            <a href="/pages/proton-single-axis">Proton (Single-Axis)</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/atom-dual-axis">Atom (Dual-Axis)</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/beetle">Beetle</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/scorpion">Scorpion</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/single-axis-mite">Single-Axis Mite</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/dual-axis-mite">Dual-Axis Mite</a>
                          </li>
                        
                      
                    </ul>
                  </div>
                  <!-- right image -->
                  
                    <div class="right_img_wrapper">
                      <img
                        src="//esimotion.com/cdn/shop/files/Website_-_Module_Thumbnail_with_Beetle.png?v=1698964434"
                        alt="ESI Motion Servo Drive Modules"
                      >
                    </div>
                  
                </div>
              </div>
              <div class="lg:hidden mobile sett">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/servo-drive-modules" class="link_simple link_dropdown dd_1">
                    <span>Servo Drive Modules</span>
                  </a>
                  <span class="drawer-menu-arrow-m mobidrop-aero"><svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>
</span>
                  <!-- <i class="fa fa-plus"></i> -->

                  <div class="menu_img_wrapper contentt">
                    <!-- menu -->
                    <div class="drobtn-leftbox">
                      <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                        Servo Drive Modules
                      </h4>
                      <ul id="myDropdown" class="dropdown-contentt">
                        
                          
                            <li class="">
                              <a href="/pages/proton-single-axis">Proton (Single-Axis)</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/atom-dual-axis">Atom (Dual-Axis)</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/beetle">Beetle</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/scorpion">Scorpion</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/single-axis-mite">Single-Axis Mite</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/dual-axis-mite">Dual-Axis Mite</a>
                            </li>
                          
                        
                      </ul>
                    </div>
                    <!-- right image -->
                    
                      <div class="right_img_wrapper">
                        <img
                          src="//esimotion.com/cdn/shop/files/Website_-_Module_Thumbnail_with_Beetle.png?v=1698964434"
                          alt="ESI Motion Servo Drive Modules"
                        >
                      </div>
                    
                  </div>
                </div>
              </div>

            
          </div>
        
          <div
            class="dropdown_column dropdown2 "
            
          >
            
              <div class="lgscreen:hidden desktop">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/servo-drives" class="link_simple link_dropdown dd_2">
                    <span>Servo Drive</span>
                    <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                  </a>
                </div>

                <div class="menu_img_wrapper">
                  <!-- menu -->
                  <div class="drobtn-leftbox">
                    <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                      Servo Drive
                    </h4>
                    <ul id="myDropdown" class="dropdown-content">
                      
                        
                          <li class="">
                            <a href="/pages/supernova">SuperNova</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/pulsar">Pulsar</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/cosmo">Cosmo</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/astro">Astro</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/aurora">Aurora</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/comet">Comet</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/nova">Nova</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/rogue">Rogue</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/zeus">Zeus</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/draco">Draco</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/dragon">Dragon</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/roadwind">Roadwind</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/hyperion">Hyperion</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/vulcan">Vulcan</a>
                          </li>
                        
                      
                          <li class="">
                            <a href="/pages/wolverine">Wolverine</a>
                          </li>
                        
                      
                    </ul>
                  </div>
                  <!-- right image -->
                  
                    <div class="right_img_wrapper">
                      <img
                        src="//esimotion.com/cdn/shop/files/Website_-_Servo_Thumbnail_-_07.25.24.png?v=1721933513"
                        alt=""
                      >
                    </div>
                  
                </div>
              </div>
              <div class="lg:hidden mobile sett">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/servo-drives" class="link_simple link_dropdown dd_2">
                    <span>Servo Drive</span>
                  </a>
                  <span class="drawer-menu-arrow-m mobidrop-aero"><svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>
</span>
                  <!-- <i class="fa fa-plus"></i> -->

                  <div class="menu_img_wrapper contentt">
                    <!-- menu -->
                    <div class="drobtn-leftbox">
                      <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                        Servo Drive
                      </h4>
                      <ul id="myDropdown" class="dropdown-contentt">
                        
                          
                            <li class="">
                              <a href="/pages/supernova">SuperNova</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/pulsar">Pulsar</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/cosmo">Cosmo</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/astro">Astro</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/aurora">Aurora</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/comet">Comet</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/nova">Nova</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/rogue">Rogue</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/zeus">Zeus</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/draco">Draco</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/dragon">Dragon</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/roadwind">Roadwind</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/hyperion">Hyperion</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/vulcan">Vulcan</a>
                            </li>
                          
                        
                            <li class="">
                              <a href="/pages/wolverine">Wolverine</a>
                            </li>
                          
                        
                      </ul>
                    </div>
                    <!-- right image -->
                    
                      <div class="right_img_wrapper">
                        <img
                          src="//esimotion.com/cdn/shop/files/Website_-_Servo_Thumbnail_-_07.25.24.png?v=1721933513"
                          alt=""
                        >
                      </div>
                    
                  </div>
                </div>
              </div>

            
          </div>
        
          <div
            class="dropdown_column dropdown3 "
            
          >
            
              <div class="lgscreen:hidden desktop">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/actuators" class="link_simple link_dropdown dd_3">
                    <span>Actuators</span>
                    <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                  </a>
                </div>

                <div class="menu_img_wrapper">
                  <!-- menu -->
                  <div class="drobtn-leftbox">
                    <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                      Space Actuators
                    </h4>
                    <ul id="myDropdown" class="dropdown-content">
                      
                        
                          <li class="">
                            <a href="/pages/actuators">Space Actuators</a>
                          </li>
                        
                      
                    </ul>
                  </div>
                  <!-- right image -->
                  
                    <div class="right_img_wrapper">
                      <img
                        src="//esimotion.com/cdn/shop/files/Actuator_Thumbnail.png?v=1744045858"
                        alt=""
                      >
                    </div>
                  
                </div>
              </div>
              <div class="lg:hidden mobile sett">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/actuators" class="link_simple link_dropdown dd_3">
                    <span>Actuators</span>
                  </a>
                  <span class="drawer-menu-arrow-m mobidrop-aero"><svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>
</span>
                  <!-- <i class="fa fa-plus"></i> -->

                  <div class="menu_img_wrapper contentt">
                    <!-- menu -->
                    <div class="drobtn-leftbox">
                      <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                        Space Actuators
                      </h4>
                      <ul id="myDropdown" class="dropdown-contentt">
                        
                          
                            <li class="">
                              <a href="/pages/actuators">Space Actuators</a>
                            </li>
                          
                        
                      </ul>
                    </div>
                    <!-- right image -->
                    
                      <div class="right_img_wrapper">
                        <img
                          src="//esimotion.com/cdn/shop/files/Actuator_Thumbnail.png?v=1744045858"
                          alt=""
                        >
                      </div>
                    
                  </div>
                </div>
              </div>

            
          </div>
        
          <div
            class="dropdown_column dropdown4 "
            
          >
            
              <div class="lgscreen:hidden desktop">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/satbat" class="link_simple link_dropdown dd_4">
                    <span>Space Batteries</span>
                    <svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>

                  </a>
                </div>

                <div class="menu_img_wrapper">
                  <!-- menu -->
                  <div class="drobtn-leftbox">
                    <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                      Space Batteries
                    </h4>
                    <ul id="myDropdown" class="dropdown-content">
                      
                        
                          <li class="">
                            <a href="/pages/satbat">SatBat</a>
                          </li>
                        
                      
                    </ul>
                  </div>
                  <!-- right image -->
                  
                    <div class="right_img_wrapper">
                      <img
                        src="//esimotion.com/cdn/shop/files/Satellite_Batteries_Thumbnail_Industry_Page.png?v=1753808800"
                        alt=""
                      >
                    </div>
                  
                </div>
              </div>
              <div class="lg:hidden mobile sett">
                <div class="mega-menu__image-caption-link mega-menu__dropdown">
                  <a href="/pages/satbat" class="link_simple link_dropdown dd_4">
                    <span>Space Batteries</span>
                  </a>
                  <span class="drawer-menu-arrow-m mobidrop-aero"><svg
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-down"
  width="15"
  height="10"
  viewBox="0 0 15 10"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M6.75742 8.96753L0.307861 2.51777C-0.102621 2.10748 -0.102621 1.44228 0.307861 1.0322C0.717978 0.62208 1.38315 0.62208 1.79323 1.0322L7.50011 6.73924L13.2068 1.03236C13.6171 0.622246 14.2822 0.622246 14.6923 1.03236C15.1026 1.44248 15.1026 2.10765 14.6923 2.51793L8.24263 8.96769C8.03747 9.17275 7.76887 9.27516 7.50014 9.27516C7.23128 9.27516 6.96248 9.17255 6.75742 8.96753Z" fill="currentColor"/>
</svg>
</span>
                  <!-- <i class="fa fa-plus"></i> -->

                  <div class="menu_img_wrapper contentt">
                    <!-- menu -->
                    <div class="drobtn-leftbox">
                      <h4 class="dropbtn text-white uppercase pb-20 lg:pb-25 border-b border-white mb-20 lg:mb-25">
                        Space Batteries
                      </h4>
                      <ul id="myDropdown" class="dropdown-contentt">
                        
                          
                            <li class="">
                              <a href="/pages/satbat">SatBat</a>
                            </li>
                          
                        
                      </ul>
                    </div>
                    <!-- right image -->
                    
                      <div class="right_img_wrapper">
                        <img
                          src="//esimotion.com/cdn/shop/files/Satellite_Batteries_Thumbnail_Industry_Page.png?v=1753808800"
                          alt=""
                        >
                      </div>
                    
                  </div>
                </div>
              </div>

            
          </div>
        
          <div
            class="dropdown_column dropdown5 "
            
          >
            
              
                <div class="mega-menu__image-caption-link">
                  <a href="/pages/user-interface" class="link_simple">
                    <span>User Interface</span>
                  </a>
                </div>
              

          </div>
        
          <div
            class="dropdown_column dropdown6 "
            
          >
            
              
                <div class="mega-menu__image-caption-link">
                  <a href="/pages/cooling-options" class="link_simple">
                    <span>Cooling Options</span>
                  </a>
                </div>
              

          </div>
        
          <div
            class="dropdown_column dropdown7 "
            
          >
            
              
                <div class="mega-menu__image-caption-link">
                  <a href="/pages/packaging-options" class="link_simple">
                    <span>Packaging Options</span>
                  </a>
                </div>
              

          </div>
        
          <div
            class="dropdown_column dropdown8 "
            
          >
            
              
                <div class="mega-menu__image-caption-link">
                  <a href="/pages/engineering-services" class="link_simple">
                    <span>Engineering Services</span>
                  </a>
                </div>
              

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


<style>
  /* .sett{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.sett a{
  display: block;
  
}
.contentt{
  display:none;
}
.active ~ .contentt {
  display: block;
} */
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(document).ready(function () {
    /*$(".sett a").on("click", function() {
    if ($(this).hasClass("active")) {
      $(this).removeClass("active");
      $(this)
        .siblings(".contentt")
        .slideUp(200);
      $(".sett a i")
        .removeClass("fa-minus")
        .addClass("fa-plus");
    } else {
      $(".sett a i")
        .removeClass("fa-minus")
        .addClass("fa-plus");
      $(this)
        .find("i")
        .removeClass("fa-plus")
        .addClass("fa-minus");
      $(".sett a").removeClass("active");
      $(this).addClass("active");
      $(".contentt").slideUp(200);
      $(this)
        .siblings(".contentt")
        .slideDown(200);
    }
  });*/
  });
</script>
<!--
  <script>
  function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
  }


  window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
      var dropdowns = document.getElementsByClassName("dropdown-content");
      var i;
      for (i = 0; i < dropdowns.length; i++) {
        var openDropdown = dropdowns[i];
        if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
        }
      }
    }
  }
  </script>
-->


</div>
          
        </div>
      </div>
      <div id="shopify-section-account-popup" class="shopify-section"><div class="ctm-login-modal-bg"></div>
<div
  class="c-modal w-full max-w-[516px] m-auto customer-account hidden px-20 md:px-80 py-[63px] md:py-[93px] bg-white ctm-login-modal"
  data-modal-login
>
  <div class="c-modal-body">
    <!--
      <div class="modal-login-close w-15 h-15 absolute top-[15px] right-[15px] text-body">
          <a href="javascript:void(0)" class="c-close text-white" data-login-modal> <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  role="presentation"
  class="icon icon-close"
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
 </a>
      </div>
    -->

    <div class="modal-login w-full h-full flex justify-center items-center">
      <div class="modal-login__inner w-full">
        <h5 class="font-bold text-26 leading-36 capitalize text-white text-center pb-40 m-0 heading_ctm">My Account</h5>

        
          <p class="font-body font-normal text-16 leading-26 text-white m-0 py-10 border-0 border-blue border-y-1 text-center">
            We reserve the right to remove account requests at our discretion
          </p>
        

        <div class="tab-heading d-flex justify-content-center relative z-100 pt-40">
          <ul
            class="nav nav-pills flex flex-wrap justify-between items-center pl-0 mb-0 list-none gap-10"
            id="pills-tab"
            role="tablist"
          >
            <li class="nav-item !pl-0 !pr-0 xxsscreen1:w-full xxsscreen1:!pr-0 flex-1">
              <a
                class="nav-link current btn-light-blue"
                data-tab="tab-1"
                id="login"
                role="tab"
                aria-controls="pills-home1"
                data-title="My Account"
                aria-selected="true"
                >Log in</a
              >
            </li>
            <li class="nav-item !p-0 xxsscreen1:w-full flex-1">
              <a
                class="nav-link btn-light-blue"
                id="signup"
                data-tab="tab-2"
                role="tab"
                aria-controls="pills-profile2"
                data-title="Create an Account"
                aria-selected="false"
                >Sign Up</a
              >
            </li>
          </ul>
        </div>

        <div class="tab-content relative z-100" id="pills-tabContent">
          <div class="account-tab tab-pane current !px-0" data-tab="tab-1" id="tab-1" role="tabpanel">
            <link href="//esimotion.com/cdn/shop/t/20/assets/customer.css?v=80021195567265763681737632848" rel="stylesheet" type="text/css" media="all" />

<div class="customer login !max-w-full !p-0 !mt-40 !mb-0">
  <h1
    id="recover"
    tabindex="-1"
    class="font-bold text-26 leading-36 capitalize text-white text-center pb-40 m-0"
  >
    Reset your password
  </h1>
  <div class="reset-password">
    <p class="font-body font-normal text-16 leading-26 text-white m-0 py-10 border-0 border-blue border-y-1 text-center">
      We will send you an email to reset your password
    </p><form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" />
      <div class="field">
        <input
          type="email"
          value=""
          name="email"
          id="RecoverEmail"
          autocorrect="off"
          autocapitalize="off"
          autocomplete="off"
          
          placeholder="Email Address"
          class="!font-body !text-body !text-16 !leading-26"
        >
        <label for="RecoverEmail" class="italic">
          Email Address
        </label>
      </div><button class="red-btn">
        Submit
      </button>

      <a
        href="#login"
        id="recover-cancel"
        class="text-center font-bold !text-20 leading-30 !text-white !no-underline transition-all duration-300 hover:!underline !mx-auto"
      >
        Cancel
      </a></form></div>

  <div class="login-cta"><form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><div class="field">
        <input
          type="email"
          name="customer[email]"
          id="CustomerEmail"
          autocomplete="off"
          autocorrect="off"
          autocapitalize="off"
          
          placeholder="Email Address"
          class="!font-body !text-body !text-16 !leading-26"
        >
        <label for="CustomerEmail" class="italic">
          Email Address
        </label>
      </div><div class="field">
          <input
            type="password"
            value=""
            name="customer[password]"
            id="CustomerPassword"
            autocomplete="off"
            
            placeholder="Password"
            class="!font-body !text-body !text-16 !leading-26"
          >
          <label for="CustomerPassword" class="italic">
            Password
          </label>
        </div><button class="red-btn">
        Login
      </button>

      <a
        href="#recover"
        id="login-none"
        class="text-center font-bold !text-20 leading-30 !text-white !no-underline transition-all duration-300 hover:!underline !mx-auto"
      >
        <!-- Forgot your password? -->
        Reset Password
      </a>

      <!--
        <a href="/account/register">
        Create account
        </a>
      --></form></div>

  
</div>

          </div>
          <div class="account-tab tab-pane !px-0" data-tab="tab-2" id="tab-2" role="tabpanel">
            <link href="//esimotion.com/cdn/shop/t/20/assets/customer.css?v=80021195567265763681737632848" rel="stylesheet" type="text/css" media="all" />

<div class="customer register !max-w-full !p-0 !mt-40 !mb-20">
  <svg style="display: none">
    <symbol id="icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
      <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
      <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7">
    </symbol>
  </svg><form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" novalidate="novalidate"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /><!--
      <div class="field">
        <input
          type="text"
          name="customer[first_name]"
          id="RegisterForm-FirstName"
          
          autocomplete="off"
          placeholder="First name" class="!font-body !text-body !text-16 !leading-26"
        >
        <label for="RegisterForm-FirstName" class="italic">
          First name
        </label>
      </div>
      <div class="field">
        <input
          type="text"
          name="customer[last_name]"
          id="RegisterForm-LastName"
          
          autocomplete="off"
          placeholder="Last name" class="!font-body !text-body !text-16 !leading-26"
        >
        <label for="RegisterForm-LastName" class="italic">
          Last name
        </label>
      </div>
    -->
    <div class="field">
      <input
        type="email"
        name="customer[email]"
        id="RegisterForm-email"
        
        spellcheck="false"
        autocapitalize="off"
        autocomplete="off"
        aria-required="true"
        
        placeholder="Email Address"
        class="!font-body !text-body !text-16 !leading-26"
        required
      >
      <label for="RegisterForm-email" class="italic">
        Email Address
      </label>
    </div><div class="field">
      <input
        type="password"
        name="customer[password]"
        id="RegisterForm-password"
        aria-required="true"
        
        placeholder="Password"
        class="!font-body !text-body !text-16 !leading-26"
        required
      >
      <label for="RegisterForm-password" class="italic">
        Password
      </label>
    </div>
    <div class="field">
      <input
        type="password"
        value=""
        name="customer[password_confirmation]"
        id="confirm-password"
        
        placeholder="Password"
        class="!font-body !text-body !text-16 !leading-26"

      >​
      <label for="confirm-password" class="italic"> Retype Password </label>
    </div><div class="flex flex-col justify-center items-center">
      <button class="red-btn !my-20">
        Register
      </button>

      <a
        href="#recover"
        class="regi_forgot_pass font-bold !text-20 leading-30 !text-white !no-underline transition-all duration-300 hover:!underline !mx-auto"
      >
        Forgot your password?
        
      </a>
    </div>

    <p class="text-center !text-20 leading-30 !font-body !font-normal text-white pt-20 block">
      Have an account?

      <a
        class="trigger_login  font-bold !text-20 leading-30 !text-white !no-underline transition-all duration-300 hover:!underline !mx-auto"
        href="#"
      >
        Login
      </a>
    </p></form></div>

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


</div>

      <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
        <section id="shopify-section-template--15625253388333__main" class="shopify-section section"><link href="//esimotion.com/cdn/shop/t/20/assets/section-blog-post.css?v=150338533912445407631696235286" rel="stylesheet" type="text/css" media="all" />

<article class="article-template" itemscope itemtype="http://schema.org/BlogPosting"><div class="article-template__hero-container !max-w-full" >
            <div
              class="blog-banner-wrap article-template__hero-small media"
              itemprop="image"
              
            >
              <img
                srcset="
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=350 350w,
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=750 750w,
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=1100 1100w,
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=1500 1500w,
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=2200 2200w,
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=3000 3000w,
                  //esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540 4256w
                "
                sizes="(min-width: 1200px) 1100px, (min-width: 750px) calc(100vw - 10rem), 100vw"
                src="//esimotion.com/cdn/shop/articles/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540&width=1100"
                loading="lazy"
                width="4256"
                height="2832"
                alt="Happy Fourth of July 2025!"
              >
              <div class="blog-title relative z-1">
                
                  <h2 class="text-white capitalize text-center absolute top-50_per left-50_per -translate-x-1/2 -translate-y-1/2">
                    Blog
                  </h2>
                
              </div>
            </div>
          </div><div class="blog-detailsmain py-40 small_desktop:py-80">
          <div class="container large_desktop:px-0">
            <div class="blog-detailsinner max-w-full large_desktop:max-w-[85%] mx-auto ">
              <header class="page-widths page-width--narrows !mt-0 !mb-20" >
                
                  <h1 class="article-template__titles text-center !mb-20" itemprop="headline">
                    Happy Fourth of July 2025!
                  </h1>
                
<div class="blog-date flex items-center justify-center">
                    <span class="date-icon mr-10 text-red fill-red"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M20 6.60156C20 5.29648 20 4.38348 20 4.29688C20 3.32762 19.2114 2.53906 18.2422 2.53906H18.0078V4.6875C18.0078 5.01109 17.7455 5.27344 17.4219 5.27344C17.0983 5.27344 16.8359 5.01109 16.8359 4.6875C16.8359 4.02973 16.8359 2.2175 16.8359 1.5625C16.8359 1.23891 16.5736 0.976562 16.25 0.976562C15.9264 0.976562 15.6641 1.23891 15.6641 1.5625V2.53906H11.7578V4.6875C11.7578 5.01109 11.4955 5.27344 11.1719 5.27344C10.8483 5.27344 10.5859 5.01109 10.5859 4.6875C10.5859 4.02973 10.5859 2.2175 10.5859 1.5625C10.5859 1.23891 10.3236 0.976562 10 0.976562C9.67641 0.976562 9.41406 1.23891 9.41406 1.5625V2.53906H5.50781V4.6875C5.50781 5.01109 5.24547 5.27344 4.92188 5.27344C4.59828 5.27344 4.33594 5.01109 4.33594 4.6875C4.33594 4.02973 4.33594 2.2175 4.33594 1.5625C4.33594 1.23891 4.07359 0.976562 3.75 0.976562C3.42641 0.976562 3.16406 1.23891 3.16406 1.5625V2.53906H1.75781C0.788555 2.53906 0 3.32762 0 4.29688V6.60156H20Z" fill="currentColor"/>
  <path d="M0 7.77344V17.2656C0 18.2349 0.788555 19.0234 1.75781 19.0234H18.2422C19.2114 19.0234 20 18.2349 20 17.2656C20 17.0146 20 11.5308 20 7.77344C19.6354 7.77344 0.201719 7.77344 0 7.77344ZM5.625 15.8984H4.375C4.05141 15.8984 3.78906 15.6361 3.78906 15.3125C3.78906 14.9889 4.05141 14.7266 4.375 14.7266H5.625C5.94859 14.7266 6.21094 14.9889 6.21094 15.3125C6.21094 15.6361 5.94859 15.8984 5.625 15.8984ZM5.625 13.3984H4.375C4.05141 13.3984 3.78906 13.1361 3.78906 12.8125C3.78906 12.4889 4.05141 12.2266 4.375 12.2266H5.625C5.94859 12.2266 6.21094 12.4889 6.21094 12.8125C6.21094 13.1361 5.94859 13.3984 5.625 13.3984ZM5.625 10.8984H4.375C4.05141 10.8984 3.78906 10.6361 3.78906 10.3125C3.78906 9.98891 4.05141 9.72656 4.375 9.72656H5.625C5.94859 9.72656 6.21094 9.98891 6.21094 10.3125C6.21094 10.6361 5.94859 10.8984 5.625 10.8984ZM10.625 15.8984H9.375C9.05141 15.8984 8.78906 15.6361 8.78906 15.3125C8.78906 14.9889 9.05141 14.7266 9.375 14.7266H10.625C10.9486 14.7266 11.2109 14.9889 11.2109 15.3125C11.2109 15.6361 10.9486 15.8984 10.625 15.8984ZM10.625 13.3984H9.375C9.05141 13.3984 8.78906 13.1361 8.78906 12.8125C8.78906 12.4889 9.05141 12.2266 9.375 12.2266H10.625C10.9486 12.2266 11.2109 12.4889 11.2109 12.8125C11.2109 13.1361 10.9486 13.3984 10.625 13.3984ZM10.625 10.8984H9.375C9.05141 10.8984 8.78906 10.6361 8.78906 10.3125C8.78906 9.98891 9.05141 9.72656 9.375 9.72656H10.625C10.9486 9.72656 11.2109 9.98891 11.2109 10.3125C11.2109 10.6361 10.9486 10.8984 10.625 10.8984ZM15.625 15.8984H14.375C14.0514 15.8984 13.7891 15.6361 13.7891 15.3125C13.7891 14.9889 14.0514 14.7266 14.375 14.7266H15.625C15.9486 14.7266 16.2109 14.9889 16.2109 15.3125C16.2109 15.6361 15.9486 15.8984 15.625 15.8984ZM15.625 13.3984H14.375C14.0514 13.3984 13.7891 13.1361 13.7891 12.8125C13.7891 12.4889 14.0514 12.2266 14.375 12.2266H15.625C15.9486 12.2266 16.2109 12.4889 16.2109 12.8125C16.2109 13.1361 15.9486 13.3984 15.625 13.3984ZM15.625 10.8984H14.375C14.0514 10.8984 13.7891 10.6361 13.7891 10.3125C13.7891 9.98891 14.0514 9.72656 14.375 9.72656H15.625C15.9486 9.72656 16.2109 9.98891 16.2109 10.3125C16.2109 10.6361 15.9486 10.8984 15.625 10.8984Z" fill="currentColor"/>
</svg>
</span>
                    <span
                      class="circle-divider caption-with-letter-spacings text-16 leading-26 font-bold text-body tracking-normal"
                      itemprop="dateCreated pubdate datePublished"
                    ><time datetime="2025-07-04T20:00:00Z">July 4, 2025</time></span>
                  </div></header><div
          class="article-template__contents page-widths page-width--narrows rte"
          itemprop="articleBody"
          
        >
          <div class="content_wrapper blog-content-wrap text-left pb-30 lg:pb-55 border-b border-solid border-body">
            <h1 style="text-align: center;"><span>Have a Fun and Safe Fourth from ESI! 🎇</span></h1>
<h1 style="text-align: center;"><span><img src="https://cdn.shopify.com/s/files/1/0590/4354/5133/files/Happy_Independence_Day_38886700-4c77-483c-83e8-b3d77d0e1ae3.png?v=1756151471" alt=""></span></h1>
          </div>
        </div><div
          class="article-template__social-sharing page-widths page-width--narrows !mt-30 lg:!mt-55"
          
        >
          
          <div class="social-grpmain flex xsscreen2:flex-col items-center justify-center gap-20">
            <div class="social-title">
              <h4 class="text-black">Share This Article</h4>
            </div>
            <ul class="list-inline-social flex items-center justify-center gap-20">
              <li class="list-social__item">
                <a
                  title="FaceBook Share"
                  target="_blank"
                  href="https://www.facebook.com/sharer.php?u=https://esimotion.com/blogs/news/happy-fourth-of-july-2025"
                  ><i class="fab fa-facebook-f"></i
                ></a>
              </li>
              <li class="list-social__item">
                <a
                  title="Google Share"
                  target="_blank"
                  href="https://plus.google.com/share?url=https://esimotion.com/blogs/news/happy-fourth-of-july-2025"
                  ><i class="fab fa-google-plus-g"></i
                ></a>
              </li>
              <li class="list-social__item">
                <a
                  title="Twitter Share"
                  target="_blank"
                  href="https://twitter.com/home?status=https://esimotion.com/blogs/news/happy-fourth-of-july-2025"
                  ><i class="fab fa-twitter"></i
                ></a>
              </li>
            </ul>
          </div>
        </div>
</article>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "articleBody": "Have a Fun and Safe Fourth from ESI! 🎇\n",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https:\/\/esimotion.com"
    },
    "headline": "Happy Fourth of July 2025!",
    
    
      "image": [
        "https:\/\/esimotion.com\/cdn\/shop\/articles\/shutterstock_1006618732_fa2661ce-ff32-47e9-a726-7e27cf2737db.jpg?v=1756151540\u0026width=4256"
      ],
    
    "datePublished": "2025-07-04T13:00:00Z",
    "dateCreated": "2025-08-25T12:52:20Z",
    "author": {
      "@type": "Person",
      "name": "Mitchell Haerterich"
    },
    "publisher": {
      "@type": "Organization",
      
      "name": "ESI Motion"
    }
  }
</script>


</section>
      </main>

      <div id="shopify-section-footer" class="shopify-section">
<link href="//esimotion.com/cdn/shop/t/20/assets/section-footer.css?v=157009339528853644911737632859" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-newsletter.css?v=73154210508153191371737632842" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-list-menu.css?v=151968516119678728991696235281" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-list-payment.css?v=69253961410771838501696235287" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-list-social.css?v=103158314905684898171696235281" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/component-rte.css?v=159775479849464487821737632844" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//esimotion.com/cdn/shop/t/20/assets/disclosure.css?v=123882887570629941041737632850" media="print" onload="this.media='all'">

<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-newsletter.css?v=73154210508153191371737632842" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-list-menu.css?v=151968516119678728991696235281" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-list-payment.css?v=69253961410771838501696235287" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-list-social.css?v=103158314905684898171696235281" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/component-rte.css?v=159775479849464487821737632844" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//esimotion.com/cdn/shop/t/20/assets/disclosure.css?v=123882887570629941041737632850" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
    margin-top: 30px;
  }

  .section-footer-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: 40px;
    }

    .section-footer-padding {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }</style><footer class="footer bg-light_black color-#232323 sectiona-footer-padding !py-0 !mt-0 px-30 md:px-40 lg:px-80"><div class="footer__content-top border-b border-body !py-40 !px-0"><div class="footer__blocks-wrapper !grid !gap-40 !grid-cols-1 md:!grid-cols-3 mdscreen:place-items-center "><div
              class="footer-block grid__items mdscreen:!w-full mdscreen:!max-w-full !m-0 footer-menu1 "
              
            ><h6 class="footer-block__headinga h6 text-white !mb-20">PRODUCT OF USA</h6><div class="footer-block__details-content rte text-white text-16 leading-26 font-body font-normal !m-0">
                    <p>AS9100D Certified</p>
<p>Cage Code: 4KHC5</p>
                  </div></div><div
              class="footer-block grid__items mdscreen:!w-full mdscreen:!max-w-full !m-0 footer-menu2 "
              
            ><div class="info_wrpper">
                    
                      <div class="phno_ctm flex items-center mdscreen:justify-center mb-20">
                        <span class="foot-icon text-white mr-8"><svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M14.6637 12.3545L12.3472 10.0378C11.8858 9.57821 11.1217 9.59217 10.6442 10.0698L9.47714 11.2366C9.40341 11.196 9.32709 11.1535 9.24685 11.1085C8.50986 10.7002 7.50116 10.1405 6.43971 9.07823C5.37512 8.01377 4.8149 7.00352 4.40529 6.26605C4.36207 6.18792 4.32065 6.11259 4.27976 6.04106L5.06303 5.25895L5.44812 4.87338C5.92633 4.39504 5.93952 3.63116 5.47919 3.17027L3.16268 0.85324C2.70235 0.392997 1.93791 0.406959 1.45969 0.885302L0.806819 1.54192L0.82466 1.55964C0.605743 1.83897 0.422809 2.16114 0.286676 2.50856C0.161186 2.83927 0.083057 3.15484 0.0473321 3.47107C-0.258548 6.00688 0.900247 8.32443 4.04507 11.4693C8.39217 15.8161 11.8954 15.4877 12.0465 15.4717C12.3756 15.4323 12.6911 15.3537 13.0117 15.2292C13.3561 15.0947 13.678 14.912 13.9572 14.6935L13.9714 14.7062L14.6329 14.0586C15.1101 13.5803 15.1238 12.8162 14.6637 12.3545Z" fill="currentColor"/>
</svg>
</span
                        ><a class="text-white text-16 leading-20 font-bold" href="tel:+1.800.823.3235">+1.800.823.3235</a>
                      </div>
                    
                    
                      <div class="email_ctm flex items-center mdscreen:justify-center mb-20">
                        <span class="foot-icon text-white mr-8"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_758_4133)">
  <path d="M15.4888 3.73143C15.4888 3.71429 15.5006 3.69761 15.4998 3.68066L10.9224 8.09132L15.4944 12.3611C15.497 12.3306 15.4888 12.2998 15.4888 12.2687V3.73143V3.73143Z" fill="currentColor"/>
  <path d="M10.2237 8.77051L8.35506 10.5684C8.2605 10.6594 8.13837 10.705 8.01618 10.705C7.89653 10.705 7.77688 10.6613 7.68297 10.5738L5.81939 8.83724L1.21753 13.2729C1.32942 13.3131 1.44953 13.3443 1.57531 13.3443H14.4571C14.6439 13.3443 14.8191 13.2875 14.9714 13.2026L10.2237 8.77051Z" fill="currentColor"/>
  <path d="M8.01074 9.54281L14.9966 2.81337C14.8385 2.71933 14.6544 2.65625 14.457 2.65625H1.57522C1.31826 2.65625 1.0828 2.75602 0.899414 2.90819L8.01074 9.54281Z" fill="currentColor"/>
  <path d="M0.5 3.89551V12.2687C0.5 12.3648 0.522092 12.4575 0.546075 12.5461L5.09085 8.16957L0.5 3.89551Z" fill="currentColor"/>
  </g>
  <defs>
  <clipPath id="clip0_758_4133">
  <rect width="15" height="15" fill="currentColor" transform="translate(0.5 0.5)"/>
  </clipPath>
  </defs>
</svg>
</span
                        ><a class="text-white text-16 leading-20 font-bold" href="mailto:sales@esimotion.com">sales@esimotion.com</a>
                      </div>
                    
                    
                      <div class="feedback_ctm flex items-center mdscreen:justify-center mb-0 md:mb-20">
                        <span class="foot-icon text-white mr-8"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_758_4181)">
  <path d="M13.8557 1.04492H2.14432C1.23589 1.04492 0.5 1.78124 0.5 2.68925V10.1413C0.5 11.0493 1.23589 11.7856 2.14432 11.7856H2.78128L1.48076 14.3943C1.3877 14.5404 1.40986 14.7309 1.53331 14.851C1.60372 14.9204 1.69582 14.9551 1.78839 14.9551C1.85787 14.9551 1.9292 14.9348 1.99142 14.8934L7.40948 11.7856H13.8557C14.7641 11.7856 15.5 11.0493 15.5 10.1413V2.68925C15.5 1.78124 14.7641 1.04492 13.8557 1.04492ZM4.61863 7.48903C4.01481 7.48903 3.52529 6.99951 3.52529 6.39569C3.52529 5.79186 4.01481 5.30234 4.61863 5.30234C5.22249 5.30234 5.71198 5.79186 5.71198 6.39569C5.71198 6.99951 5.22246 7.48903 4.61863 7.48903ZM8.00002 7.48903C7.39616 7.48903 6.90667 6.99951 6.90667 6.39569C6.90667 5.79186 7.39616 5.30234 8.00002 5.30234C8.60384 5.30234 9.09336 5.79186 9.09336 6.39569C9.09336 6.99951 8.60384 7.48903 8.00002 7.48903ZM11.3814 7.48903C10.7775 7.48903 10.288 6.99951 10.288 6.39569C10.288 5.79186 10.7775 5.30234 11.3814 5.30234C11.9852 5.30234 12.4747 5.79186 12.4747 6.39569C12.4747 6.99951 11.9852 7.48903 11.3814 7.48903Z" fill="currentColor"/>
  </g>
  <defs>
  <clipPath id="clip0_758_4181">
  <rect width="15" height="15" fill="currentColor" transform="translate(0.5 0.5)"/>
  </clipPath>
  </defs>
</svg>
</span
                        ><a class="text-white text-16 leading-20 font-bold" href="/pages/contact">Feedback</a>
                      </div>
                    
                  </div></div><div
              class="footer-block grid__items mdscreen:!w-full mdscreen:!max-w-full !m-0 footer-menu3 "
              
            >
<ul
                      class="footer__list-social list-unstyled list-social flex justify-center md:!justify-end items-center"
                      role="list"
                    ><li class="list-social__item">
                          <a href="https://twitter.com/motionesi?lang=en" class="link list-social__link" target="_blank">
                            <!--<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_758_4210)">
  <rect width="40" height="40" rx="20" fill="white"/>
  <path d="M20 0C8.95599 0 0 8.95599 0 20C0 31.044 8.95599 40 20 40C31.044 40 40 31.044 40 20C40 8.95599 31.044 0 20 0ZM29.1318 15.5939C29.1406 15.7907 29.1449 15.9885 29.1449 16.1871C29.1449 22.2531 24.5276 29.248 16.0837 29.2484H16.084H16.0837C13.4912 29.2484 11.0788 28.4885 9.04724 27.1863C9.40643 27.2287 9.77203 27.2498 10.1422 27.2498C12.2931 27.2498 14.2725 26.5161 15.8438 25.2847C13.8342 25.2475 12.1399 23.9203 11.5552 22.0963C11.835 22.15 12.1228 22.1793 12.4179 22.1793C12.8369 22.1793 13.2428 22.1228 13.6285 22.0175C11.528 21.597 9.94568 19.7406 9.94568 17.5177C9.94568 17.4969 9.94568 17.4783 9.94629 17.4591C10.5649 17.803 11.2723 18.0099 12.0255 18.0331C10.7928 17.2107 9.9826 15.8047 9.9826 14.212C9.9826 13.371 10.21 12.583 10.6042 11.9046C12.868 14.6823 16.2512 16.5091 20.0665 16.701C19.9878 16.3647 19.9472 16.0144 19.9472 15.6543C19.9472 13.1201 22.0032 11.0641 24.5383 11.0641C25.8588 11.0641 27.0514 11.6223 27.8891 12.5146C28.9349 12.3083 29.917 11.9263 30.8041 11.4005C30.4608 12.4719 29.7333 13.371 28.7854 13.9395C29.7141 13.8284 30.5991 13.5822 31.4215 13.2166C30.8072 14.1373 30.0281 14.946 29.1318 15.5939Z" fill="currentColor"/>
  </g>
  <defs>
  <clipPath id="clip0_758_4210">
  <rect width="40" height="40" rx="20" fill="white"/>
  </clipPath>
  </defs>
</svg>
-->
                            <i class="fab fa-twitter"></i>
                            <span class="visually-hidden">Twitter</span>
                          </a>
                        </li><li class="list-social__item">
                          <a href="https://www.linkedin.com/company/esi-motion" class="link list-social__link" target="_blank">
                            <!--<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g clip-path="url(#clip0_758_4280)">
  <rect width="40" height="40" rx="20" fill="currentColor"/>
  <path d="M20 0C8.95599 0 0 8.95599 0 20C0 31.044 8.95599 40 20 40C31.044 40 40 31.044 40 20C40 8.95599 31.044 0 20 0ZM14.1882 30.2344H9.31732V15.5801H14.1882V30.2344ZM11.7529 13.5791H11.7212C10.0867 13.5791 9.02954 12.4539 9.02954 11.0477C9.02954 9.60968 10.119 8.51562 11.7853 8.51562C13.4515 8.51562 14.4769 9.60968 14.5087 11.0477C14.5087 12.4539 13.4515 13.5791 11.7529 13.5791ZM31.7517 30.2344H26.8814V22.3947C26.8814 20.4245 26.1761 19.0808 24.4138 19.0808C23.0682 19.0808 22.2668 19.9872 21.9147 20.8621C21.7859 21.1752 21.7545 21.6129 21.7545 22.0508V30.2344H16.8839C16.8839 30.2344 16.9476 16.955 16.8839 15.5801H21.7545V17.655C22.4017 16.6565 23.5599 15.2362 26.1441 15.2362C29.3488 15.2362 31.7517 17.3306 31.7517 21.8317V30.2344Z" fill="#A20000"/>
  </g>
  <defs>
  <clipPath id="clip0_758_4280">
  <rect width="40" height="40" rx="20" fill="currentColor"/>
  </clipPath>
  </defs>
</svg>
-->
                            <i class="fab fa-linkedin-in"></i>
                            <span class="visually-hidden">LinkedIn Icon</span>
                          </a>
                        </li></ul></div></div><div class="footer-block--newsletter"></div>
    </div><div class="footer__content-bottom !py-40">
    <div class="footer__content-bottom-wrapper">
      <div class="footer__column footer__localization isolate"></div>
      <div class="footer__column footer__column--info"><div class="footer__copyright caption flex justify-between items-center mdscreen:flex-col w-full !mt-0">
          <p class="font-body font-normal text-16 leading-26 p-0 m-0 text-white mdscreen:order-2">
            All Rights Reserved
          </p>
          <small class="copyright__content font-bold font-normal text-16 leading-26 p-0 m-0 text-white mdscreen:order-1 mdscreen:mb-10"
            >Copyright &copy; 2025, <a href="/" title="">ESI Motion</a></small>
        </div>
      </div>
    </div>
  </div>
</footer>


</div>

      <ul hidden>
        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
        <li id="a11y-new-window-message">Opens in a new window.</li>
      </ul>

      <script>
        window.shopUrl = 'https://esimotion.com';
        window.routes = {
          cart_add_url: '/cart/add',
          cart_change_url: '/cart/change',
          cart_update_url: '/cart/update',
          cart_url: '/cart',
          predictive_search_url: '/search/suggest',
        };

        window.cartStrings = {
          error: `There was an error while updating your cart. Please try again.`,
          quantityError: `You can only add [quantity] of this item to your cart.`,
        };

        window.variantStrings = {
          addToCart: `Add to cart`,
          soldOut: `Sold out`,
          unavailable: `Unavailable`,
        };

        window.accessibilityStrings = {
          imageAvailable: `Image [index] is now available in gallery view`,
          shareSuccess: `Link copied to clipboard`,
          pauseSlideshow: `Pause slideshow`,
          playSlideshow: `Play slideshow`,
        };
      </script><script src="//esimotion.com/cdn/shop/t/20/assets/predictive-search.js?v=183089116539823626031737632854" defer="defer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
      <script src="//esimotion.com/cdn/shop/t/20/assets/custom.js?v=172007252017487685671742899928" defer="defer"></script>

      
<link rel="dns-prefetch" href="https://swymstore-v3free-01.swymrelay.com" crossorigin>
<link rel="dns-prefetch" href="//swymv3free-01.azureedge.net/code/swym-shopify.js">
<link rel="preconnect" href="//swymv3free-01.azureedge.net/code/swym-shopify.js">
<script id="swym-snippet">
  window.swymLandingURL = document.URL;
  window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
  window.swymPageLoad = function(){
    window.SwymProductVariants = window.SwymProductVariants || {};
    window.SwymHasCartItems = 0 > 0;
    window.SwymPageData = {}, window.SwymProductInfo = {};
    var unknown = {et: 0};
    window.SwymPageData = unknown;
    
    window.SwymPageData.uri = window.swymLandingURL;
  };

  if(window.selectCallback){
    (function(){
      // Variant select override
      var originalSelectCallback = window.selectCallback;
      window.selectCallback = function(variant){
        originalSelectCallback.apply(this, arguments);
        try{
          if(window.triggerSwymVariantEvent){
            window.triggerSwymVariantEvent(variant.id);
          }
        }catch(err){
          console.warn("Swym selectCallback", err);
        }
      };
    })();
  }
  window.swymCustomerId = null;
  window.swymCustomerExtraCheck = null;

  var swappName = ("Wishlist" || "Wishlist");
  var swymJSObject = {
    pid: "E7dwAeZCFYjqkrUBXyXUs500lVlQVfX3oGfnDUhsRv8=" || "E7dwAeZCFYjqkrUBXyXUs500lVlQVfX3oGfnDUhsRv8=",
    interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName
  };
  window.swymJSShopifyLoad = function(){
    if(window.swymPageLoad) swymPageLoad();
    if(!window._swat) {
      (function (s, w, r, e, l, a, y) {
        r['SwymRetailerConfig'] = s;
        r[s] = r[s] || function (k, v) {
          r[s][k] = v;
        };
      })('_swrc', '', window);
      _swrc('RetailerId', swymJSObject.pid);
      _swrc('Callback', function(){initSwymShopify();});
    }else if(window._swat.postLoader){
      _swrc = window._swat.postLoader;
      _swrc('RetailerId', swymJSObject.pid);
      _swrc('Callback', function(){initSwymShopify();});
    }else{
      initSwymShopify();
    }
  }
  if(!window._SwymPreventAutoLoad) {
    swymJSShopifyLoad();
  }
  window.swymGetCartCookies = function(){
    var RequiredCookies = ["cart", "swym-session-id", "swym-swymRegid", "swym-email"];
    var reqdCookies = {};
    RequiredCookies.forEach(function(k){
      reqdCookies[k] = _swat.storage.getRaw(k);
    });
    var cart_token = window.swymCart.token;
    var data = {
        action:'cart',
        token:cart_token,
        cookies:reqdCookies
    };
    return data;
  }

  window.swymGetCustomerData = function(){
    
    return {status:1};
    
  }
</script>

<style id="safari-flasher-pre"></style>
<script>
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
    document.getElementById("safari-flasher-pre").innerHTML = ''
      + '#swym-plugin,#swym-hosted-plugin{display: none;}'
      + '.swym-button.swym-add-to-wishlist{display: none;}'
      + '.swym-button.swym-add-to-watchlist{display: none;}'
      + '#swym-plugin  #swym-notepad, #swym-hosted-plugin  #swym-notepad{opacity: 0; visibility: hidden;}'
      + '#swym-plugin  #swym-notepad, #swym-plugin  #swym-overlay, #swym-plugin  #swym-notification,'
      + '#swym-hosted-plugin  #swym-notepad, #swym-hosted-plugin  #swym-overlay, #swym-hosted-plugin  #swym-notification'
      + '{-webkit-transition: none; transition: none;}'
      + '';
    window.SwymCallbacks = window.SwymCallbacks || [];
    window.SwymCallbacks.push(function(tracker){
      tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function(){
        // flash-preventer
        var x = function(){
          SwymUtils.onDOMReady(function() {
            var d = document.createElement("div");
            d.innerHTML = "<style id='safari-flasher-post'>"
              + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}"
              + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}"
              + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}"
              + "#swym-plugin.swym-ready  #swym-notepad, #swym-plugin.swym-ready  #swym-overlay, #swym-plugin.swym-ready  #swym-notification,"
              + "#swym-hosted-plugin.swym-ready  #swym-notepad, #swym-hosted-plugin.swym-ready  #swym-overlay, #swym-hosted-plugin.swym-ready  #swym-notification"
              + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}"
              + "</style>";
            document.head.appendChild(d);
          });
        };
        setTimeout(x, 10);
      });
    });
  }

  // Get the money format for the store from shopify
  window.SwymOverrideMoneyFormat = "${{amount}}";
</script>
<style id="swym-product-view-defaults">
  /* Hide when not loaded */
  .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) {
    display: none;
  }
</style>

    <div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: swymVersion --><script>var __SWYM__VERSION__ = '3.166.1';</script><!-- END app snippet -->
    

<script>
  (function () {
    // Put metafields in window variable
    const commonCustomizationSettings = '';
    try {
      const parsedSettings = JSON.parse(commonCustomizationSettings);
      if (parsedSettings) {
        window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings'];
      } else {
        window.SwymWishlistCommonCustomizationSettings = {};
      }
    } catch (e) {
      window.SwymWishlistCommonCustomizationSettings = {};
    }

    let enabledCommonFeatures = '{"multiple-wishlist":false}';
    try {
      enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {};
    } catch (e) {
      enabledCommonFeatures = {}; 
    }
    // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code.      
    window.SwymEnabledCommonFeatures = enabledCommonFeatures;

    // Initialize or ensure SwymViewProducts exists
    if (!window.SwymViewProducts) {
      window.SwymViewProducts = {};
    }    
    
      try {
        const socialCountMap = { "https://esimotion.com/products/atom-io-board": { "socialCount": -1, "empi": 7194660864045 }, "https://esimotion.com/products/scorpion-i-o-board": { "socialCount": -1, "empi": 7459292020781 }, "https://esimotion.com/products/scorpion-cable-connector-kit": { "socialCount": -1, "empi": 7459327868973 }, "https://esimotion.com/products/db9-can-termination": { "socialCount": -1, "empi": 7194675806253 }, "https://esimotion.com/products/can-usb-adapter": { "socialCount": -1, "empi": 7194673381421 }, "https://esimotion.com/products/atom-a100a80vi": { "socialCount": -1, "empi": 7194569211949 }, "https://esimotion.com/products/copy-of-scoprion-s20a300vs": { "socialCount": -1, "empi": 7459256434733 }, "https://esimotion.com/products/expedite-fee": { "socialCount": -1, "empi": 8281065488429 }, "https://esimotion.com/products/atom-io-board": { "socialCount": -1, "empi": 7194660864045 }, "https://esimotion.com/products/atom-a100a80vi": { "socialCount": -1, "empi": 7194569211949 } };        
        // Integrate social count data into existing SwymViewProducts structure
        Object.keys(socialCountMap).forEach(function(key) {
          if (!window.SwymViewProducts[key]) {
            window.SwymViewProducts[key] = {};
          }
          
          window.SwymViewProducts[key] = socialCountMap[key];
        });
      } catch (e) {
        // Silent error handling
      }
    
  })();
</script>

<script  id="wishlist-embed-init" defer async>
  (function () {
    window.swymWishlistEmbedLoaded = true;
    var fullAssetUrl = "https://cdn.shopify.com/extensions/0199f23f-eb29-7d2f-9d45-0267c40d41c6/wishlist-shopify-app-559/assets/apps.bundle.js"; 
    var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1);
    var swymJsPath = '//freecdn.swymrelay.com/code/swym-shopify.js';
    var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1);
    window.SwymCurrentJSPath = baseJsPath;
    window.SwymAssetBaseUrl = assetBaseUrl;
    
      window.SwymCurrentStorePath = "//swymstore-v3free-01.swymrelay.com";
    
    function loadSwymShopifyScript() {
      var element = "";
      var scriptSrc = "";

      
        element = "swym-ext-shopify-script";
        window.SwymShopifyCdnInUse = true;
        scriptSrc = "https://cdn.shopify.com/extensions/0199f23f-eb29-7d2f-9d45-0267c40d41c6/wishlist-shopify-app-559/assets/swym-ext-shopify.js";
      

      if (document.getElementById(element)) {
        return;
      }

      var s = document.createElement("script");
      s.id = element;
      s.type = "text/javascript";
      s.async = true;
      s.defer = true;
      s.src = scriptSrc;

      s.onerror = function() {
        console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default");
        // Fallback logic here
        element = `swym-ext-shopify-script-${__SWYM__VERSION__}`;
        var fallbackJsPathVal = "\/\/freecdn.swymrelay.com\/code\/swym-shopify.js";
        var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify");
        scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__;

        var fallbackScript = document.createElement("script");
        fallbackScript.id = element;
        fallbackScript.type = "text/javascript";
        fallbackScript.async = true;
        fallbackScript.defer = true;
        fallbackScript.src = scriptSrc;
        var y = document.getElementsByTagName("script")[0];
        y.parentNode.insertBefore(fallbackScript, y);
      };

      var x = document.getElementsByTagName("script")[0];
      x.parentNode.insertBefore(s, x);
    }
    
      var consentAPICallbackInvoked = false;
      function checkConsentAndLoad() {
        var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.();
        if(!isCookieBannerVisible) {
          loadSwymShopifyScript();
          return;
        }
        var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
        if (shouldLoadSwymScript) {
          loadSwymShopifyScript();
        } else {
          console.warn("No customer consent to load Swym Wishlist Plus");
        }
      }
      function initialiseConsentCheck() {
        document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); });
        window.Shopify?.loadFeatures?.(
          [{name: 'consent-tracking-api', version: '0.1'}],
          error => { 
            consentAPICallbackInvoked = true;
            if (error) {
              if(!window.Shopify?.customerPrivacy) {
                loadSwymShopifyScript();
                return;
              }
            }
            checkConsentAndLoad();
          }
        );
      }
      function consentCheckFallback(retryCount) {
        if(!consentAPICallbackInvoked) {
          if (window.Shopify?.customerPrivacy) {
            checkConsentAndLoad();
          } else if (retryCount >= 1) {
            console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load");
            loadSwymShopifyScript();
          } else {
            setTimeout(() => consentCheckFallback(retryCount + 1), 1000);
          }
        }
      }
      if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", initialiseConsentCheck);
        window.addEventListener("load", () => consentCheckFallback(0));
      } else {
        initialiseConsentCheck();
      }
    
  })();
</script>

<!-- BEGIN app snippet: swymSnippet --><script defer>
  (function () {
    const currentSwymJSPath = '//freecdn.swymrelay.com/code/swym-shopify.js';
    const currentSwymStorePath = '';
    const dnsPrefetchLink = `<link rel="dns-prefetch" href="https://${currentSwymStorePath}" crossorigin>`;
    const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`;
    const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`;
    const swymSnippet = document.getElementById('wishlist-embed-init');        
    if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);}
    if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);}
    if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);}
  })()
</script>
<script id="swym-snippet" type="text">
  window.swymLandingURL = document.URL;
  window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
  window.swymPageLoad = function() {
    window.SwymProductVariants = window.SwymProductVariants || {};
    window.SwymHasCartItems = 0 > 0;
    window.SwymPageData = {}, window.SwymProductInfo = {};
      var unknown = {et: 0};
      window.SwymPageData = unknown;
    
    window.SwymPageData.uri = window.swymLandingURL;
  };
  if(window.selectCallback){
    (function(){
      var originalSelectCallback = window.selectCallback;
      window.selectCallback = function(variant){
        originalSelectCallback.apply(this, arguments);
        try{
          if(window.triggerSwymVariantEvent){
            window.triggerSwymVariantEvent(variant.id);
          }
        }catch(err){
          console.warn("Swym selectCallback", err);
        }
      };})();}
  window.swymCustomerId =null;
  window.swymCustomerExtraCheck =
    null;
  var swappName = ("Wishlist" || "Wishlist");
  var swymJSObject = {
    pid: "E7dwAeZCFYjqkrUBXyXUs500lVlQVfX3oGfnDUhsRv8=",
    interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName
  };
  window.swymJSShopifyLoad = function(){
    if(window.swymPageLoad) swymPageLoad();
    if(!window._swat) {
      (function (s, w, r, e, l, a, y) {
        r['SwymRetailerConfig'] = s;
        r[s] = r[s] || function (k, v) {
          r[s][k] = v;
        };
      })('_swrc', '', window);
      _swrc('RetailerId', swymJSObject.pid);
      _swrc('Callback', function(){initSwymShopify();});
    }else if(window._swat.postLoader){
      _swrc = window._swat.postLoader;
      _swrc('RetailerId', swymJSObject.pid);
      _swrc('Callback', function(){initSwymShopify();});
    }else{
      initSwymShopify();}
  }
  if(!window._SwymPreventAutoLoad) {
    swymJSShopifyLoad();
  }
</script>

<style id="safari-flasher-pre"></style>
<script>
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
    document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin  #swym-notepad, #swym-hosted-plugin  #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin  #swym-notepad, #swym-plugin  #swym-overlay, #swym-plugin  #swym-notification,' + '#swym-hosted-plugin  #swym-notepad, #swym-hosted-plugin  #swym-overlay, #swym-hosted-plugin  #swym-notification' + '{-webkit-transition: none; transition: none;}' + '';
    window.SwymCallbacks = window.SwymCallbacks || [];
    window.SwymCallbacks.push(function(tracker) {
      tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() {
        var x = function() {
          SwymUtils.onDOMReady(function() {
            var d = document.createElement("div");
            d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready  #swym-notepad, #swym-plugin.swym-ready  #swym-overlay, #swym-plugin.swym-ready  #swym-notification," + "#swym-hosted-plugin.swym-ready  #swym-notepad, #swym-hosted-plugin.swym-ready  #swym-overlay, #swym-hosted-plugin.swym-ready  #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>";
            document.head.appendChild(d);
          });};
        setTimeout(x, 10);
      });});}
  window.SwymOverrideMoneyFormat = "${{amount}}";
</script>
<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet -->

<script  id="swymSnippetCheckAndActivate">
  (function() {
    function postDomLoad() {
      var element = document.querySelector('script#swym-snippet:not([type="text"])');                            
      if (!element) {
        var script = document.querySelector('script#swym-snippet[type="text"]');
        if (script) {
          script.type = 'text/javascript';
          new Function(script.textContent)();
        }
      }
    }
    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", postDomLoad);
    } else {
      postDomLoad();
    }
  })();
</script>


<script>
  (function() {
    // HEARTBEAT
    let wishlistAppHeartbeatData = '{"128614989869":"2025-10-17T02:25:08.812Z","editor":"2025-09-30T19:03:38.461Z"}';
    try {
      wishlistAppHeartbeatData = JSON.parse(wishlistAppHeartbeatData) || {};
    } catch (e) {
      wishlistAppHeartbeatData = {}; 
    }
    const ShopifyTheme = window.Shopify.theme;
    const themeId = ShopifyTheme.id;
    const heartbeatMetadata = {
      schema_name: ShopifyTheme?.schema_name,
      schema_version: ShopifyTheme?.schema_version,
      theme_store_id: ShopifyTheme?.theme_store_id,
      role: ShopifyTheme?.role
    };
    const themeSchemaName = window.Shopify.theme.schema_name;
    const isDesignMode = !!window.swymDesignMode;

    if (!window.SwymCallbacks) {
      window.SwymCallbacks = [];
    }
    window.SwymCallbacks.push((swat) => {
      if (!swat || !themeId) {
        return;
      }

      const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
      if (typeof triggerHeartbeat !== "function") return;

      const lastHeartbeat = isDesignMode ? wishlistAppHeartbeatData?.editor : wishlistAppHeartbeatData?.[themeId];
      const themeContext = isDesignMode ? 'editor' : themeId;
      
      const extensionData = {
        extensionName: "wishlist-app", 
        extensionType: "app-embed", 
        metadata: heartbeatMetadata, 
        themeId: themeContext, 
        extensionSource: "default"
      };

      triggerHeartbeat(extensionData, lastHeartbeat);

      // ENABLE COMMON FEATURES
      let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures;
      Object.keys(swymEnabledCommonFeatures).forEach((key) => {
        if (!swymEnabledCommonFeatures[key]) 
          return;

        switch (key) {
          case "add-to-wishlist-collections-button":
            // Check if app block is already handling the collections button
            if (window.SwymCollectionsConfig) {
              return;
            }
            
            swat?.collectionsApi?.setDefaultCustomizationOptions();
            swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName);

            // Send basic collections heartbeat
            let basicCollectionsHeartbeat = '';
            try {
              basicCollectionsHeartbeat = JSON.parse(basicCollectionsHeartbeat) || {};
            } catch (e) {
              basicCollectionsHeartbeat = {}; 
            }

            const lastBasicCollectionsHeartbeat = isDesignMode ? basicCollectionsHeartbeat?.editor : basicCollectionsHeartbeat?.[themeId];

            /** Stop heartbeat
            triggerHeartbeat({
              extensionName: "basic-add-to-wishlist-collections-button", 
              extensionType: "app-embed", 
              metadata: {}, 
              themeId: themeContext, 
              extensionSource: "default"    
            }, lastBasicCollectionsHeartbeat);
            */

            break;
          case "add-to-wishlist-pdp-button":
            // Check if app block is already handling the PDP button
            if (window.swymATWButtonConfig?.shopifyExtensionType === "appblock") {
              return;
            }

            if (!(window.SwymPageData && window.SwymPageData.et === 1)) {
              // Not initiating pdp button as it is not a product page
              return 
            }

            // Inject addtowishlist.css into the document's <head>
            var head = document.head;
            var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/0199f23f-eb29-7d2f-9d45-0267c40d41c6/wishlist-shopify-app-559/assets/addtowishlistbutton.css";
            var pdpButtonStylesheetTag = document.createElement("link");
            pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`;
            pdpButtonStylesheetTag.rel = "stylesheet";
            pdpButtonStylesheetTag.href = pdpButtonStylesheet;
            
            if (!document.getElementById("swym-pdp-button-stylesheet")) {
              head.appendChild(pdpButtonStylesheetTag);
            }

            var x = document.getElementsByTagName("script")[0];
            function createAndInsertScript(id, src, onLoadCallback) {
              var scriptTag = document.createElement("script");
              scriptTag.id = id;
              scriptTag.type = "text/javascript";
              scriptTag.src = src;
              scriptTag.onload = onLoadCallback;
              x.parentNode.insertBefore(scriptTag, x);
            }

            var pdpButtonScript = "https://cdn.shopify.com/extensions/0199f23f-eb29-7d2f-9d45-0267c40d41c6/wishlist-shopify-app-559/assets/addtowishlistbutton.js";
            createAndInsertScript(
              `swym-pdp-button-script`,
              pdpButtonScript,
              function () {
                const pdpBtnApi = window.WishlistPlusPDPButtonAPI;
                if (pdpBtnApi) {
                  pdpBtnApi.setDefaultCustomizationOptions(swat);
                  pdpBtnApi.initializePDPButton(swat, true);
                }
              }
            );
            break;
          default:
            return;
        }
      })
    });
  })(); // IIFE to prevent polluting global scope
</script>


<script> 
  (function () {
    // Get the settings from Shopify's Liquid variables and create the styles
    const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"];
    const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 
      Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0;
    const isControlCentreEnabledFromBlockSettings = false;
    
    if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) {
      // Don't enable control centre if this is disabled and block settings are not enabled
      return;
    }
    
    let borderRadius = 6;
    let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400;
    
    // Check if block settings exist, use them, otherwise fall back to common settings
    let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 
      "#000000" : 
      window.SwymWishlistCommonCustomizationSettings.primaryColor;
    
    let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 
      "#ffffff" : 
      window.SwymWishlistCommonCustomizationSettings.secondaryColor;
    
    let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 
      "#F4F8FE" : null;
    let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 
      "#333333" : null;

    // Only use color adjustment functions if we're using common settings
    if (!secondaryBgColor || !secondaryTextColor) {
      function adjustOpacity(color, opacity) {
        if (color[0] === '#') {
          color = color.slice(1);
        }

        if (color.length === 3) {
          color = color.split('').map(char => char + char).join('');
        }

        const r = parseInt(color.slice(0, 2), 16);
        const g = parseInt(color.slice(2, 4), 16);
        const b = parseInt(color.slice(4, 6), 16);

        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
      }

      function hexToRgb(color) {
        if (color[0] === '#') {
          color = color.slice(1);
        }
        if (color.length === 3) {
          color = color.split('').map(c => c + c).join('');
        }

        return {
          r: parseInt(color.slice(0, 2), 16),
          g: parseInt(color.slice(2, 4), 16),
          b: parseInt(color.slice(4, 6), 16)
        };
      }

      function getLuminance({ r, g, b }) {
        return 0.299 * r + 0.587 * g + 0.114 * b;
      }

      function generateSecondaryColors(primaryBgColor, primaryTextColor) {
        const secondaryBgOpacity = 0.2;
        const secondaryTextOpacity = 0.8;

        const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity);

        const bgRgb = hexToRgb(primaryBgColor);
        const bgLuminance = getLuminance(bgRgb);

        // Determine whether to use dark or light text for contrast
        const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity);
        const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity);

        const secondaryTextColor = bgLuminance > 186 ? darkText : lightText;

        return {
          secondaryBgColor,
          secondaryTextColor
        };
      }

      const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor);
      secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor;
      secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor;
    }

    // Create the CSS rule
    let styles = `
      .swym-storefront-layout-root-component {
        --swym-storefront-layout-ui-border-radius: ${borderRadius}px;
        --swym-storefront-layout-button-border-radius: ${borderRadius}px;
        --swym-storefront-layout-side-drawer-width: ${drawerWidth}px;
        --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor};
        --swym-storefront-layout-button-color-text-primary: ${primaryTextColor};
        --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor};
        --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor};
      }
    `;

    // Create a <style> element and append the styles
    let styleSheet = document.createElement("style");
    styleSheet.type = "text/css";
    styleSheet.innerText = styles;
    document.head.appendChild(styleSheet);

    if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
        window.SwymStorefrontLayoutContext = {};
    }
    if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){
        window.SwymStorefrontLayoutExtensions = {};
    }
    
    if (isControlCentreEnabledFromBlockSettings) {
      // If block settings are enabled, use them
      SwymStorefrontLayoutContext.Settings = {
        EnableStorefrontLayoutOnLauncher: true,
        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification || true,
        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
        StorefrontLayoutDrawerPosition: "left",
        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
        EnableStorefrontLayoutVariantSelector: true,
        StorefrontLayoutNotificationPosition: "left",
        StorefrontLayoutActionPopupPosition: "left",
        StorefrontLayoutNotificationDuration: 5000
      };
    } else {
      // If only metafield is enabled but no block settings, use common settings
      SwymStorefrontLayoutContext.Settings = {
        EnableStorefrontLayoutOnLauncher: true,
        EnableStorefrontLayoutNotification: true,
        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
        StorefrontLayoutDrawerPosition: "left",
        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
        EnableStorefrontLayoutVariantSelector: true,
        StorefrontLayoutNotificationPosition: "left",
        StorefrontLayoutActionPopupPosition: "left",
        StorefrontLayoutNotificationDuration: 5000
      };
    }
    const storefrontLayoutCallback = (swat) =>{
      SwymStorefrontLayoutContext.swat = swat;
      let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid'];
      let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled'];
      SwymStorefrontLayoutContext.Settings = {
        ...SwymStorefrontLayoutContext?.Settings,
        EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] || false,
        EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield),
      }

      if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){
        if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){
          var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 
            detail: { settings: SwymStorefrontLayoutContext?.Settings }
          });
          document.dispatchEvent(event);
        }else{
          swat.utils.warn(`LayoutInitialized event is not defined.`);
        }
      }else{
        swat.utils.warn(`Storefront Layout is disabled.`);
        document.getElementById("swym-storefront-layout-container")?.remove();
        document.getElementById("swym-storefront-extention-render-container")?.remove();
      }
    }
  
    if (!window.SwymCallbacks) {
      window.SwymCallbacks = [];
    }
    window.SwymCallbacks.push(storefrontLayoutCallback);
  
    SwymStorefrontLayoutContext.SwymCustomerData = {
      
        name: null,
        email: null
      
    };
    SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email;
  })();
</script>


</div></body>
  </html>