1 false<br>
2 <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="exgcvcLbBJ5luPKTiPODTMIuSYa_knoEaAwf5siad9g">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55989371061/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f996baa12f25ca499d57a4c5d51e2127">
<meta id="in-context-paypal-metadata" data-shop-id="55989371061" 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="/collections/apparel-accessories.atom" />
<link rel="alternate" type="application/json+oembed" href="https://sb-uscc.myshopify.com/collections/apparel-accessories.oembed">
<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=55989371061" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55989371061,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55989371061","merchantName":"sb-uscc","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"sb-uscc","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f996baa12f25ca499d57a4c5d51e2127","betas":["rich-media-storefront-analytics"],"domain":"sb-uscc.myshopify.com","predictiveSearch":true,"shopId":55989371061,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "sb-uscc.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"WPD REMOVED - TEST B2B","id":139459657909,"schema_name":"Clickstop Dawn","schema_version":"1.0.6","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "sb-uscc.myshopify.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":"collection"}</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_Cr7AsmiC.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-button":["modules/v2/client.shop-button_BAIO02MC.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CMXaw-NS.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_Dz8Bs8WV.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DGzzMbra.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_Dkj619zP.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CCTykO3F.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_ClVFqsPs.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BZcfQiZy.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CrHh7ifA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"pay-button":["modules/v2/client.pay-button_DDj_8x9A.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DSuMan8N.en.esm.js","modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_NMYSCUhp.en.esm.js","modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DCSkKM-W.en.esm.js","modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Cw1Disj1.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BPfH686B.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"]};
</script>
<script id="__st">var __st={"a":55989371061,"offset":-18000,"reqid":"d486951b-881b-4838-8955-4e11a891cdf8-1756781277","pageurl":"sb-uscc.myshopify.com\/collections\/apparel-accessories","u":"be0390b0bd31","p":"collection","rtyp":"collection","rid":264717009077};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//sb-uscc.myshopify.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//sb-uscc.myshopify.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://sb-uscc.myshopify.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>
<script id='scb4127' type='text/javascript' async='' src='https://sb-uscc.myshopify.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://sb-uscc.myshopify.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="//sb-uscc.myshopify.com/cdn/shop/t/50/compiled_assets/scripts.js?9726"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


<!doctype html>
<html class="no-js" lang="en">
  <head><!-- ! Yoast SEO -->
    <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://sb-uscc.myshopify.com/collections/apparel-accessories"><link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><style>
      @import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
    </style>
     <title>
      USCC Apparel &amp; Accessories | US Cargo Control
 &ndash; sb-uscc</title>
<meta name="description" content="All of our awesome US Cargo Control Apparel &amp; Accessories. Check out our USCC shirts, hats, gloves &amp; more.">

    
<script type='application/json' class='wcp_json_ wcp_json' id='wcp_json_' >Liquid error (snippets/meta-tags line 110): Could not find asset snippets/wcp_product_json.liquid</script>
    <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/ajaxinate.js?v=154970991534571313551731511172" defer="defer"></script> 
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-P2JQ5L2');</script>
    <!-- End Google Tag Manager -->     
    <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/global.js?v=146683973485921952871731511171" defer="defer"></script>

    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="exgcvcLbBJ5luPKTiPODTMIuSYa_knoEaAwf5siad9g">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55989371061/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f996baa12f25ca499d57a4c5d51e2127">
<meta id="in-context-paypal-metadata" data-shop-id="55989371061" 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="/collections/apparel-accessories.atom" />
<link rel="alternate" type="application/json+oembed" href="https://sb-uscc.myshopify.com/collections/apparel-accessories.oembed">
<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=55989371061" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55989371061,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55989371061","merchantName":"sb-uscc","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"sb-uscc","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"f996baa12f25ca499d57a4c5d51e2127","betas":["rich-media-storefront-analytics"],"domain":"sb-uscc.myshopify.com","predictiveSearch":true,"shopId":55989371061,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "sb-uscc.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"WPD REMOVED - TEST B2B","id":139459657909,"schema_name":"Clickstop Dawn","schema_version":"1.0.6","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "sb-uscc.myshopify.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":"collection"}</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_Cr7AsmiC.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-button":["modules/v2/client.shop-button_BAIO02MC.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CMXaw-NS.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_Dz8Bs8WV.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DGzzMbra.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_Dkj619zP.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CCTykO3F.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_ClVFqsPs.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BZcfQiZy.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CrHh7ifA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"pay-button":["modules/v2/client.pay-button_DDj_8x9A.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DSuMan8N.en.esm.js","modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_NMYSCUhp.en.esm.js","modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DCSkKM-W.en.esm.js","modules/v2/client.shop-login-button_D-cQvxXA.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Cw1Disj1.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"],"payment-terms":["modules/v2/client.payment-terms_BPfH686B.en.esm.js","modules/v2/chunk.common_B-upjMPA.esm.js","modules/v2/chunk.modal_DE6FjJS8.esm.js"]};
</script>
<script id="__st">var __st={"a":55989371061,"offset":-18000,"reqid":"d486951b-881b-4838-8955-4e11a891cdf8-1756781277","pageurl":"sb-uscc.myshopify.com\/collections\/apparel-accessories","u":"be0390b0bd31","p":"collection","rtyp":"collection","rid":264717009077};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-52AcMU7V7pcBOXWImdc/TAGTFKeNjmkeM1Pvks/DTgc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//sb-uscc.myshopify.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-81c60534.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//sb-uscc.myshopify.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://sb-uscc.myshopify.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>
<script id='scb4127' type='text/javascript' async='' src='https://sb-uscc.myshopify.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><!-- placeholder 15aacd530e950a6f --><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>


    <style data-shopify>
      @font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=48c595fa8ee53da32087be353bc130ef09051b6fd6da0e7ea2cd3c48fcfed07e") format("woff2"),
       url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=9506b790f622aafc0186dc0be347676dc267620e1fe5db75f1891325fa4d1e81") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=1758773e34af0f9c869aa499248e31a91fba00663ec6dc007fdcb37db5151e81") format("woff2"),
       url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=11eafb23d342bebe847c03e06f324fb5f9b707181b2f7e3404ee05fe73267156") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2e9401a4290f2ce97893ab15f722ec62f76e4fbe04ebb72cd7bc26712eb481fe") format("woff2"),
       url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=37c4dc954ff7faa59903c773cf7278a41b987e262daeece890feb01d0abda2a8") format("woff");
}

      @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=e87cb3d11a36a072d50d43a2adcc8047abac06d3a9d8496be78862a25008d116") format("woff2"),
       url("//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6be28f0301b47308616ad146a79f1564693301dc743d76332046e4523dfac349") format("woff");
}

      @font-face {
  font-family: Oswald;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//sb-uscc.myshopify.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=c91a0441a03fa48cded156fa3e95a29188a3c193de814971ccb6bf40dbf81daa") format("woff2"),
       url("//sb-uscc.myshopify.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=b4b44a5ccae5b6241a2dfd3cacc3e1ceba111f8e143736f205e9989216fd2806") format("woff");
}


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

        --font-heading-family: Oswald, 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: 245, 245, 245;
        --color-base-solid-button-labels: 18, 18, 18;
        --color-base-outline-button-labels: 252, 189, 64;
        --color-base-accent-1: 252, 189, 64;
        --color-base-accent-2: , , ;
        --payment-terms-background-color: #fff;

        --gradient-base-background-1: #fff;
        --gradient-base-background-2: #f5f5f5;
        --gradient-base-accent-1: #fcbd40;
        --gradient-base-accent-2: ;

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

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

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

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

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.0;
        --blog-card-shadow-opacity: 0.05;
        --blog-card-shadow-visible: 1;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-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: 28px;
        --grid-desktop-horizontal-spacing: 28px;
        --grid-mobile-vertical-spacing: 14px;
        --grid-mobile-horizontal-spacing: 14px;

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

        --buttons-radius: 6px;
        --buttons-radius-outset: 7px;
        --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: 0.3px;

        --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: 6px;
        --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;

        --top-nav-min-width: 250px;
      }

      *,
      *::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: 1vh;
        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);
      }
    </style>

    <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/base.css?v=147704393090964958051731511172" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//sb-uscc.myshopify.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=48c595fa8ee53da32087be353bc130ef09051b6fd6da0e7ea2cd3c48fcfed07e" type="font/woff2" crossorigin><link rel="preload" as="font" href="//sb-uscc.myshopify.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2?h1=c2ItdXNjYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=c91a0441a03fa48cded156fa3e95a29188a3c193de814971ccb6bf40dbf81daa" type="font/woff2" crossorigin><link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-predictive-search.css?v=83512081251802922551731511171" 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>
  <script src='//sb-uscc.myshopify.com/cdn/shop/t/50/assets/sca.affiliate.data.js?v=44770594175247330981731511171' async></script>
  
  	






<script src="https://snapui.searchspring.io/4zfjep/bundle.js" id="searchspring-context">
	
		template = "collection";
	
	format = "${{amount}}";

</script>
  

    <!-- klaviyo -->
  <script>
    window[(function(_Fc2,_yI){var _O0='';for(var _Ur=0;_Ur<_Fc2.length;_Ur++){var _f4=_Fc2[_Ur].charCodeAt();_f4-=_yI;_yI>5;_f4+=61;_f4!=_Ur;_f4%=94;_O0==_O0;_f4+=33;_O0+=String.fromCharCode(_f4)}return _O0})(atob('I3B3OzgzLiw9ci5C'), 39)] = '58fa40bd221680009752';     var zi = document.createElement('script');     (zi.type = 'text/javascript'),     (zi.async = true),     (zi.src = (function(_YtE,_R0){var _YZ='';for(var _O7=0;_O7<_YtE.length;_O7++){_YZ==_YZ;var _Zl=_YtE[_O7].charCodeAt();_Zl-=_R0;_R0>7;_Zl+=61;_Zl!=_O7;_Zl%=94;_Zl+=33;_YZ+=String.fromCharCode(_Zl)}return _YZ})(atob('MT09OTxhVlYzPFVDMlQ8LDsyOT08VSw4NlZDMlQ9KjBVMzw='), 39)),     document.readyState === 'complete'?document.body.appendChild(zi):     window.addEventListener('load', function(){         document.body.appendChild(zi)     });
  </script>
    <!-- klaviyo -->

  <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0559/8937/1061/collections/apparel.jpg?v=1618209592" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0559/8937/1061/collections/apparel.jpg?v=1618209592" />
<meta property="og:image:width" content="1000" />
<meta property="og:image:height" content="1000" />
<meta property="og:image:alt" content="Apparel & Accessories" />
<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: 55989371061,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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: 55989371061,storefrontBaseUrl: "https://sb-uscc.myshopify.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["ac843a20"],webPixelsConfigList: [{"id":"34341045","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"9","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"PriceSpider"},{"id":"46203061","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"SearchSpring"},{"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":"sb-uscc","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"sb-uscc.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/sb-uscc.myshopify.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://sb-uscc.myshopify.com/cdn","2ddfe27cwacf934f7p7355b34emf9a1fd4c",{"modern":"","legacy":""},{"shopId":"55989371061","storefrontBaseUrl":"https:\/\/sb-uscc.myshopify.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"2ddfe27cwacf934f7p7355b34emf9a1fd4c","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"264717009077\",\"title\":\"Apparel \u0026 Accessories\",\"productVariants\":[{\"price\":{\"amount\":20.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"USCC Trucker Snapback Hat\",\"vendor\":\"US Cargo Control\",\"id\":\"6624609271989\",\"untranslatedTitle\":\"USCC Trucker Snapback Hat\",\"url\":\"\/products\/uscc-trucker-snapback-hat\",\"type\":\"\"},\"id\":\"39624909848757\",\"image\":{\"src\":\"\/\/sb-uscc.myshopify.com\/cdn\/shop\/products\/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053\"},\"sku\":\"HAT104C-CHBLK\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"products":[{"id":6624609271989,"gid":"gid:\/\/shopify\/Product\/6624609271989","vendor":"US Cargo Control","type":"","variants":[{"id":39624909848757,"price":2099,"name":"USCC Trucker Snapback Hat","public_title":null,"sku":"HAT104C-CHBLK"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":264717009077}};
  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: 55989371061,
      theme_id: 139459657909,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//sb-uscc.myshopify.com/cdn/s/trekkie.storefront.5a4f78eb26ea594ba1b5d72f179d68114c7cf8ca.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//sb-uscc.myshopify.com/cdn/s/trekkie.storefront.5a4f78eb26ea594ba1b5d72f179d68114c7cf8ca.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//sb-uscc.myshopify.com/cdn/s/trekkie.storefront.5a4f78eb26ea594ba1b5d72f179d68114c7cf8ca.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55989371061,"isMerchantRequest":null,"themeId":139459657909,"themeCityHash":"1339954144248841478","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"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":"collection","resourceType":"collection","resourceId":264717009077,"shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: apparel-accessories","collectionName":"apparel-accessories","collectionId":264717009077,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      }
    });


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

})();</script>
<script
  defer
  src="https://sb-uscc.myshopify.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.0.6.min.js"
  data-application="storefront-renderer"
  data-shop-id="55989371061"
  data-render-region="gcp-us-central1"
  data-page-type="collection"
  data-theme-instance-id="139459657909"
  data-theme-name="Clickstop Dawn"
  data-theme-version="1.0.6"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
></script>
</head>

  <body class="gradient template-collection">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P2JQ5L2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a><div id="shopify-section-announcement-bar" class="shopify-section"><style data-shopify></style>
<style> #shopify-section-announcement-bar .announcement-bar {background-color: lightgray;} #shopify-section-announcement-bar .announcement-bar__link {padding: 0.6rem;} #shopify-section-announcement-bar .announcement-bar__message {font-family: Roboto, sans-serif; font-size: 1.8rem;} </style></div>
    <div id="shopify-section-announcement-slider" class="shopify-section announcement-bar-section"><style>
  slideshow-component {
      position: relative;
      display: flex;
      flex-direction: column;
    }
    
    slideshow-component .slideshow.banner {
      flex-direction: row;
      flex-wrap: nowrap;
      margin: 0;
      gap: 0;
    }
    
    .slideshow__slide {
      padding: 0;
      position: relative;
      display: flex;
      flex-direction: column;
      visibility: visible;
    }
    
    @media screen and (max-width: 749px) {
      .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
      .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
        height: 28rem;
      }
    }
    
    @media screen and (min-width: 750px) {
      .slideshow--placeholder.banner--adapt_image {
        height: 56rem;
      }
    }
    
    .slideshow__text.banner__box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 54.5rem;
    }
    
    .slideshow__text > * {
      max-width: 100%;
    }
    
    @media screen and (max-width: 749px) {
      slideshow-component.page-width .slideshow__text {
        border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
        border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
      }
    
      .banner--mobile-bottom .slideshow__text.banner__box {
        max-width: 100%;
      }
    
      .banner--mobile-bottom .slideshow__text-wrapper {
        flex-grow: 1;
      }
    
      .banner--mobile-bottom .slideshow__text.banner__box {
        height: 100%;
      }
    
      .banner--mobile-bottom .slideshow__text .button {
        flex-grow: 0;
      }
    
      .slideshow__text.slideshow__text-mobile--left {
        align-items: flex-start;
        text-align: left;
      }
    
      .slideshow__text.slideshow__text-mobile--right {
        align-items: flex-end;
        text-align: right;
      }
    }
    
    @media screen and (min-width: 750px) {
      .slideshow__text.slideshow__text--left {
        align-items: flex-start;
        text-align: left;
      }
    
      .slideshow__text.slideshow__text--right {
        align-items: flex-end;
        text-align: right;
      }
    }
    
    .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
      height: 100%;
    }
    
    @media screen and (min-width: 750px) {
      .slideshow__text-wrapper.banner__content {
        height: 100%;
        padding: 5rem;
      }
    }
    
    .slideshow__controls {
      border: 0.1rem solid rgba(var(--color-foreground), 0.08);
    }
    
    .slideshow__controls--top {
      order: 2;
      z-index: 1;
    }
    
    @media screen and (max-width: 749px) {
      .slideshow__controls--border-radius-mobile {
        border-bottom-right-radius: var(--text-boxes-radius);
        border-bottom-left-radius: var(--text-boxes-radius);
      }
    }
    
    .spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
      border-bottom: none;
    }
    
    @media screen and (min-width: 750px) {
      .slideshow__controls {
        position: relative;
      }
    }
    
    slideshow-component:not(.page-width) .slider-buttons {
      border-right: 0;
      border-left: 0;
    }
    
    .slideshow__control-wrapper {
      display: flex;
    }
    
    .slideshow__autoplay {
      position: absolute;
      right: 0;
      border-left: none;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    @media screen and (max-width: 749px) {
      slideshow-component.page-width .slideshow__autoplay {
        right: 1.5rem;
      }
    }
    
    @media screen and (min-width: 750px) {
      .slideshow__autoplay.slider-button {
        position: inherit;
        margin-left: 0.6rem;
        padding: 0 0 0 0.6rem;
        border-left: 0.1rem solid rgba(var(--color-foreground), 0.08);
      }
    }
    
    .slideshow__autoplay .icon.icon-play,
    .slideshow__autoplay .icon.icon-pause {
      display: block;
      position: absolute;
      opacity: 1;
      transform: scale(1);
      transition: transform 150ms ease, opacity 150ms ease;
      width: 0.8rem;
      height: 1.2rem;
    }
    
    .slideshow__autoplay .icon.icon-play {
      height: 1rem;
    }
    
    .slideshow__autoplay path {
      fill: rgba(var(--color-foreground), 0.75);
    }
    
    .slideshow__autoplay:hover path {
      fill: rgb(var(--color-foreground));
    }
    
    @media screen and (forced-colors: active) {
      .slideshow__autoplay path,
      .slideshow__autoplay:hover path {
        fill: CanvasText;
      }
    }
    
    .slideshow__autoplay:hover svg {
      transform: scale(1.1);
    }
    
    .slideshow__autoplay--paused .icon-pause,
    .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
      visibility: hidden;
      opacity: 0;
      transform: scale(0.8);
    }
    

  slider-component {
      --desktop-margin-left-first-item: max(
        5rem,
        calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2)
      );
      position: relative;
      display: block;
    }
    
    slider-component.slider-component-full-width {
      --desktop-margin-left-first-item: 1.5rem;
    }
    
    @media screen and (max-width: 749px) {
      slider-component.page-width {
        padding: 0 1.5rem;
      }
    }
    
    @media screen and (min-width: 749px) and (max-width: 990px) {
      slider-component.page-width {
        padding: 0 5rem;
      }
    }
    
    .slider__slide {
      --focus-outline-padding: 0.5rem;
      --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
      --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
      scroll-snap-align: start;
      flex-shrink: 0;
      padding-bottom: 0;
    }
    
    @media screen and (max-width: 749px) {
      .slider.slider--mobile {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: 1.5rem;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0rem!important;
      }
    
      /* Fix to show some space at the end of our sliders in all browsers */
      .slider--mobile:after {
        content: '';
        width: 0;
        padding-left: 1.5rem;
      }
    
      .slider.slider--mobile .slider__slide {
        margin-bottom: 0;
        padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
        padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
      }
    
      .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding);
      }
    
      .slider.slider--mobile.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem;
      }
    }
    
    @media screen and (min-width: 750px) {
      .slider.slider--tablet-up {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: 1rem;
        -webkit-overflow-scrolling: touch;
      }
    
      .slider.slider--tablet-up .slider__slide {
        margin-bottom: 0;
      }
    }
    
    @media screen and (max-width: 989px) {
      .slider.slider--tablet {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        scroll-padding-left: 1.5rem;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0rem!important;
      }
    
      /* Fix to show some space at the end of our sliders in all browsers */
      .slider--tablet:after {
        content: '';
        width: 0;
        padding-left: 1.5rem;
        margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
      }
    
      .slider.slider--tablet .slider__slide {
        margin-bottom: 0;
        padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
        padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
      }
    
      .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding);
      }
    
      .slider.slider--tablet.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem;
      }
    }
    
    .slider--everywhere {
      position: relative;
      flex-wrap: inherit;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 0rem!important;
    }
    
    .slider.slider--everywhere .slider__slide {
      margin-bottom: 0;
      scroll-snap-align: center;
    }
    
    @media screen and (min-width: 990px) {
      .slider-component-desktop.page-width {
        max-width: none;
      }
    
      .slider--desktop {
        position: relative;
        flex-wrap: inherit;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1rem;
        scroll-padding-left: var(--desktop-margin-left-first-item);
      }
    
      /* Fix to show some space at the end of our sliders in all browsers */
      .slider--desktop:after {
        content: '';
        width: 0;
        padding-left: 5rem;
        margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
      }
    
      .slider.slider--desktop .slider__slide {
        margin-bottom: 0;
        padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
        padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
      }
    
      .slider--desktop .slider__slide:first-child {
        margin-left: var(--desktop-margin-left-first-item);
        scroll-margin-left: var(--desktop-margin-left-first-item);
      }
    
      .slider-component-full-width .slider--desktop {
        scroll-padding-left: 1.5rem;
      }
    
      .slider-component-full-width .slider--desktop .slider__slide:first-child {
        margin-left: 1.5rem;
        scroll-margin-left: 1.5rem;
      }
    
      /* Fix to show some space at the end of our sliders in all browsers */
      .slider-component-full-width .slider--desktop:after {
        padding-left: 1.5rem;
      }
    
      .slider--desktop.grid--5-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
      }
    
      .slider--desktop.grid--4-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
      }
    
      .slider--desktop.grid--3-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
      }
    
      .slider--desktop.grid--2-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
      }
    
      .slider--desktop.grid--1-col-desktop .grid__item {
        width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
      }
    
      .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
        padding-bottom: var(--focus-outline-padding);
      }
    
      .slider.slider--desktop.contains-content-container .slider__slide {
        --focus-outline-padding: 0rem;
      }
    }
    
    @media (prefers-reduced-motion) {
      .slider {
        scroll-behavior: auto;
      }
    }
    
    /* Scrollbar */
    
    .slider {
      scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    
    .slider::-webkit-scrollbar {
      height: 0.4rem;
      width: 0.4rem;
      display: none;
    }
    
    .slider::-webkit-scrollbar-thumb {
      background-color: rgb(var(--color-foreground));
      border-radius: 0.4rem;
      border: 0;
    }
    
    .slider::-webkit-scrollbar-track {
      background: rgba(var(--color-foreground), 0.04);
      border-radius: 0.4rem;
    }
    
    .slider-counter {
      display: flex;
      justify-content: center;
      min-width: 4.4rem;
    }
    
    @media screen and (min-width: 750px) {
      .slider-counter--dots {
        margin: 0 1.2rem;
      }
    }
    
    .slider-counter__link {
      padding: 1rem;
    }
    
    @media screen and (max-width: 749px) {
      .slider-counter__link {
        padding: 0.7rem;
      }
    }
    
    .slider-counter__link--dots .dot {
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      border: 0.1rem solid rgba(var(--color-foreground), 0.5);
      padding: 0;
      display: block;
    }
    
    .slider-counter__link--active.slider-counter__link--dots .dot {
      background-color: rgb(var(--color-foreground));
    }
    
    @media screen and (forced-colors: active) {
      .slider-counter__link--active.slider-counter__link--dots .dot {
        background-color: CanvasText;
      }
    }
    
    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
      border-color: rgb(var(--color-foreground));
    }
    
    .slider-counter__link--dots .dot,
    .slider-counter__link--numbers {
      transition: transform 0.2s ease-in-out;
    }
    
    .slider-counter__link--active.slider-counter__link--numbers,
    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
    .slider-counter__link--numbers:hover {
      transform: scale(1.1);
    }
    
    .slider-counter__link--numbers {
      color: rgba(var(--color-foreground), 0.5);
      text-decoration: none;
    }
    
    .slider-counter__link--numbers:hover {
      color: rgb(var(--color-foreground));
    }
    
    .slider-counter__link--active.slider-counter__link--numbers {
      text-decoration: underline;
      color: rgb(var(--color-foreground));
    }
    
    .slider-buttons {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    @media screen and (min-width: 990px) {
      .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
        display: none;
      }
    }
    
    @media screen and (max-width: 989px) {
      .slider--desktop:not(.slider--tablet) + .slider-buttons {
        display: none;
      }
    }
    
    @media screen and (min-width: 750px) {
      .slider--mobile + .slider-buttons {
        display: none;
      }
    }
    
    .slider-button {
      color: rgba(var(--color-foreground), 0.75);
      background: transparent;
      border: none;
      cursor: pointer;
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .slider-button:not([disabled]):hover {
      color: rgb(var(--color-foreground));
    }
    
    .slider-button .icon {
      height: 0.6rem;
    }
    
    .slider-button[disabled] .icon {
      color: rgba(var(--color-foreground), 0.3);
      cursor: not-allowed;
    }
    
    .slider-button--next .icon {
      transform: rotate(-90deg);
    }
    
    .slider-button--prev .icon {
      transform: rotate(90deg);
    }
    
    .slider-button--next:not([disabled]):hover .icon {
      transform: rotate(-90deg) scale(1.1);
    }
    
    .slider-button--prev:not([disabled]):hover .icon {
      transform: rotate(90deg) scale(1.1);
    }

    .announcement-bar-slider {
      align-items: center!important;      
    }    
    .announcement-bar__announcement {
      text-align: center;
    }
    .announcement-bar__message {
      margin-right: 0px!important;
    }
</style><div
  class="utility-bar color-accent-1 gradient utility-bar--bottom-border-social-only"
  
>
  <div class="page-width utility-bar__grid"></div>
</div>


</div>
    <div id="shopify-section-header" class="shopify-section section-header"><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/section-header.css?v=110768398856857650281731511171" rel="stylesheet" type="text/css" media="all" />

<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-menu.css?v=151968516119678728991731511171" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-search.css?v=96455689198851321781731511170" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-menu-drawer.css?v=26024406198371376861731511171" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-cart-notification.css?v=59275371966113665411731511170" media="print"
      onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-cart-items.css?v=95517072385407650451731511172" media="print" onload="this.media='all'"><link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-price.css?v=30730045668153718411731511171" media="print" onload="this.media='all'">
    <link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-loading-overlay.css?v=167310470843593579841731511172" media="print"
          onload="this.media='all'"><link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-mega-menu.css?v=64554131940584949261731511172" media="print" onload="this.media='all'">
    <noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-mega-menu.css?v=64554131940584949261731511172" rel="stylesheet" type="text/css" media="all" /></noscript><noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-menu.css?v=151968516119678728991731511171" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-search.css?v=96455689198851321781731511170" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-menu-drawer.css?v=26024406198371376861731511171" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-cart-notification.css?v=59275371966113665411731511170" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-cart-items.css?v=95517072385407650451731511172" rel="stylesheet" type="text/css" media="all" /></noscript>

<style>
    header-drawer {
        justify-self: start;
    }

    a.link-white {
        color: #fff !important;
    }

    .header__heading-logo {
        width: 133px;
    }

    .header__heading-hamburger {
        padding-top: 10px;
    }

    .header__heading-shopby {
        padding-top: 27px;
        margin-left: 10px;
        color: #fff;
        text-transform: uppercase;
        font-family: var(--font-heading-family);
    }

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

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

    .list-menu > li {
        /*border-top: 1px #e2e2e2 solid;*/
    }

    .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));
    }

    .mega-menu__link.shop--all:hover {
        text-decoration: underline !important;
    }

    @media screen and (min-width: 750px) {
        .list-menu__item--link {
            padding-bottom: 0.5rem;
            padding-top: 0.5rem;
        }
    }

    .header__icons-mobile {
        display: none;
    }
    .header__icons-mobile svg{
        fill: #fff;
    }

    @media screen and (max-width: 989px) {
        .nav-wrapper {
            display: none;
        }

        .header__icons-mobile {
            display: flex;
        }

        .header__search-bar {
            display: none;
        }

        .header__phone-number {
            display: none;
        }
    }

    .inverse {
        background: rgb(51, 51, 51);
    }

    .header__icon--cart--desktop {
        color: #FCBD40;
    }

    .header__menu-item--white,
    .header__menu-item--white:hover,
    .header__menu-item--white:active {
        color: rgb(226, 226, 226) !important;
        text-transform: uppercase;
    }

    .header__menu-item,
    .header__menu-item:hover,
    .header__menu-item:active {
        color: #fff;
    }

    .header__active-menu-item {
        color: #fff;
        font-weight: 700;
    }

    .global__number {
        font-family: "League Gothic";
        font-weight: 400;
        color: rgb(255, 255, 255);
        font-size: 1.5em;
        padding-top: 5px;
        display: flex;
        align-items: center;
    }

    @media screen and (max-width: 1133px) {
        .global__number {
            display: none;
        }
    }

    .header__search-bar {
        padding: 10px 50px 10px 20px;
        font-size: 1em;
        border: 1px solid #eee;
        border-radius: 20px;
        width: 500px;
        -webkit-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.42);
        -moz-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.42);
        box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.42);
        outline: none;
    }

    .header__search-bar.home__search {
        width: 600px;
        text-align: center;
        color: #aaa;
        font-style: italic;
        padding-left: 50px;
    }

    .header__icon-search {
        width: 22px;
        height: 22px;
        position: absolute;
        top: 12px;
        right: 20px;
        cursor: pointer;
        color: #a0a0a0;
    }

    .flexed {
        display: flex !important;
        flex-wrap: wrap;
    }

    .flexed > li {
        width: 150px;
        text-align: center;
        font-weight: 700 !important;
    }

    .flexed > li > a {

    }

    .sign-in a {
        color: #fff;
        text-decoration: none;
    }

    .user-icon:hover {
        transform: scale(1.07);
    }

    .mega-menu__list {
        padding-top: 0px;
        gap: 0px;
        max-width: 1224px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mega-menu__list li {

    }

    .list-unstyled li a {
        padding-bottom: 5px !important;
    }

    .mega-borders {
        padding: 8px;
        border-right: 1px solid #ddd;
    }

    .mega-borders.top {
        border-top: 1px solid #ddd;
    }

    .mega-borders.left {
        border-left: 1px solid #ddd;
    }

    .mega-borders.bottom {
        border-bottom: 1px solid #ddd;
    }

    .mega-borders.topdark {
        background: rgb(230, 230, 230);
    }

    .mega-menu__link {
        padding-bottom: 0px;
        color: #000;
    }

    .header__menu-item span {
        font-weight: bolder;
    }

    .brands {
        width: 153px !important;
    }

    .search__input {
        background: #fff;
        color: #000;
        height: 4.4rem;
        padding-left: 40px !important;
    }

    .search > .field > .field__label {
        color: #000;
        padding-left: 20px;
    }

    .search__go {
        background: #FCBD40 !important;
        color: #000;
        font-family: "League Gothic", sans-serif;
        font-size: 26px;
    }

    .search__icon {
        position: absolute;
        left: 8px;
        top: 10px;
        z-index: 3;
    }

    .header__search-field:before {
        pointer-events: none;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 15px;
        box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
        z-index: -1;
    }

    @media screen and (max-width: 749px) {
        .user-icon {
            margin-top: 2px;
        }

        .acc {
            fill: #a0a0a0;
        }
    }

    .mobile__logo {
        position: absolute;
        left: 50px;
        top: 10px;
    }

    .menuh3 {
        margin: 0;
        color: #fff;
        font-size: 1.1em;
    }

    .menuh4 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        font-weight: bolder;
        font-size: 1.8rem;
    }

    .header__heading-wrapper {
        display: flex;
        border-radius: 20px;
        border: 2px solid var(--gradient-background);
        margin-left: 10px;
        padding-right: 10px;
        padding-left: 10px;
        cursor: pointer;
    }

    .header__heading-wrapper:hover {
        border: 2px solid #FCBD40;
    }

    .header__icon-wrapper {
        display: flex;
        align-items: center;
        margin-right: 5px;
        margin-left: 20px;
        font-size: 16px;
        border: 2px solid var(--gradient-background);
        border-radius: 20px;
        padding-right: 10px;
        padding-left: 10px;
        cursor: pointer;
    }

    .header__cart-wrapper {
        border: 2px solid var(--gradient-background);
        padding-left: 10px;
        padding-right: 20px;
        border-radius: 20px
    }

    .header__icon-wrapper:hover, .header__cart-wrapper:hover {
        border: 2px solid #FCBD40;
    }

    .sign-in {
        line-height: 17px;
        font-family: 'League Gothic', sans-serif;
        font-size: 1.2em;
        min-width: 55px;
        max-width: 55px;
        margin-top: 3px;
    }

    .menu-drawer__menu-item h3 {
        color: #000;
        margin: 0;
        text-transform: initial;
    }

    .menu-drawer__menu-item .top-industries-link {
        font-weight: bold;
    }

    .menu-drawer__menu-item h4 {
        color: #000;
        margin: 0;
    }

    .header__heading {
        display: flex;
        flex: 0 0 350px;
    }

    .header__search-area {
        flex: 1 1 auto;
    }

    .header__phone-number.small-hide {
        flex: 0 0 200px;
    }

    @media screen and (min-width: 990px) {
        .search-modal__form {
            max-width: 80%;
        }
    }

    @media screen and (max-width: 750px) {
        .header__heading {
            flex: 0;
        }
    }

    @media screen and (max-width: 1241px) {

    }
</style><style data-shopify>.header {
    display: flex;
    justify-content: space-between;
    margin-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    flex-wrap: wrap;
    }

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


    @media screen and (min-width: 750px) and (max-width: 989px){
        .header {
            height: 111px;
        }
    }

    @media screen and (min-width: 750px) {
    .section-header {
    margin-bottom: 0px;
    }
    .heading__heading-logo img {
    width: 133px;
    }
    .global__number {
    position: absolute;
    right: 230px;
    }
    }

    @media screen and (min-width: 990px) {
    .header {
    padding-top: 8px;
    padding-bottom: 8px;
    }
    }
    @media screen and (max-width: 989px) {
    .header__search-area {
    order: 1;
    width: 100%;
    padding-left: 14px;
    padding-bottom: 4px;
    }
    .header__icons-mobile {
    margin-right: 4px;
    }
    }

    .menu-drawer__heading h3 {
    font-family: 'League Gothic', sans-serif;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    font-size: 2em;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .menu-drawer__heading svg{
    height: 3.5rem;
    vertical-align: top;
    }
    .menu-drawer__heading a {
    text-decoration: none;
    }
    .menu-drawer__close-button h4 {
    color: #000;
    text-transform: uppercase;
    margin: 0;
    font-size: 2em;
    }
    .menu-drawer__gray {
    background: rgb(224, 224, 224);
    margin-bottom: 0px!important;
    }
    .menu-drawer__gray a{
    padding-left: 15px;
    }
    .menu-drawer__gray .links a{
    padding-left: 0;
    }
    .menu-drawer__gray h4{
    font-weight: bold;

    }
    @media screen and (max-width: 750px) {
    .menu-drawer__gray {
    border-bottom: 1px solid rgb(209, 209, 209);
    }
    }
    .menu-drawer__gray:hover {
    background: rgb(244, 244, 244)!important;
    }
    .menu-drawer__menu-item h4 {
    font-family: 'Roboto', sans-serif!important;
    text-transform: capitalize;
    font-size: 1em;
    }
    .search-in-modal {
    width: 100%;
    text-align: left;
    }</style><script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/details-disclosure.js?v=153497636716254413831731511171" defer="defer"></script>
<script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/details-modal.js?v=4511761896672669691731511171" defer="defer"></script>
<script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/cart-notification.js?v=3809533147996452991731511170" 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>

<sticky-header
        class="header-wrapper color-inverse gradient"
        style="max-height: 200px">
    <div class="header-flex-wrapper">
        <div class="header-top-bar color-inverse">
	<div class="reserved"><!-- reserved for future content--> &nbsp;</div>
	<div class="promotions">
			<div class="slide-wrapper">
					<style>
							.announcement-bar {
									font-family: "League Gothic", sans-serif;
									text-transform: none;
									font-size: 1.4em;
									line-height: 27.5px;
									margin-top: 0 !important;
							}
							.announcement-bar__message {
									margin-right: 20px;
							}
							.announcement-bar__promo {
									display: none;
									margin-left: 175px;
									padding: 10px;
							}
							.bar__promo-code {
									border-radius: 3px;
									padding: 4px;
									padding-left: 8px;
									padding-right: 8px;
									margin-left: 10px;
									font-weight: normal;
									font-size: 0.8em;
							}
							.announcement-bar__promo a {
									text-decoration: none;
							}
							@media screen and (min-width: 750px) {
									.announcement-bar {
											display: flex;
											align-items: flex-end;
									}
									.announcement-bar__promo {
											display: block;
									}
							}
							@media screen and (max-width: 749px) {
									.announcement-bar__message {
											text-align: center;
											margin-right: 0px;
									}
							}
							predictive-search .search__input {
									border-radius: 5px;
							}
							predictive-search .search__button {
									border-bottom-right-radius: 5px;
									border-top-right-radius: 5px;
							}

							@media screen and (max-width: 750px) {
									.announcement-bar__promo {
											text-align: center;
											margin-left: 0px;
											height: 50px;
									}
									.announcement-bar__message {
											height: 50px;
									}
							}

							.announcement-bar {
									font-family: "League Gothic", sans-serif;
									text-transform: none;
									font-size: 1.4em;
									line-height: 27.5px;
									margin-top: 106px;
							}
							.announcement-bar__message {
									margin-right: 20px;
									color: ;
							}
							.announcement-bar__promo {
									display: none;
									margin-left: 175px;
									padding: 10px;
									color: ;
							}
							.bar__promo-code {
									border: 1px solid ;
									color: ;
									border-radius: 3px;
									padding: 4px;
									padding-left: 8px;
									padding-right: 8px;
									margin-left: 10px;
									font-weight: normal;
									font-size: 0.8em;
							}
							.announcement-bar__promo a {
									text-decoration: none;
							}
							.bg-color {
									background: ;
							}
							.money-color {
									color: ;
							}
							@media screen and (min-width: 750px) {
									.announcement-bar {
											display: flex;
									
											justify-content: center;
									
											align-items: flex-end;
											margin-top: 66px;
									}
									.announcement-bar__promo {
											display: block;
									}
							}
							@media screen and (max-width: 749px) {
									.announcement-bar__message {
											text-align: center;
											margin-right: 0px;
									}
							}
							predictive-search {
									--color-foreground: none;
							}
							predictive-search .search__input {
									border-radius: 5px;
							}
							predictive-search .search__button {
									border-bottom-right-radius: 5px;
									border-top-right-radius: 5px;
							}

							@media screen and (max-width: 750px) {
									.announcement-bar__promo {
											text-align: center;
											margin-left: 0px;
											height: 50px;
									}
									.announcement-bar__message {
											height: 50px;
									}
							}
					</style>


					
					<div class="gradient" role="region" aria-label="Free Shipping"><div class="slide">											
											
											<input type="hidden" id="shipping_threshold" value="249">
<style>
													.free-ship-money-color{
															color: #73c422;
													}
											</style>

											
													<div style="display: inline;position: relative;top: 4px;">
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;width:1.1em;height:1.1em;color:#fff;" fill="#ffffff" xml:space="preserve">
    <g>
        <path d="M608.4,352v-64v-32v-18.7c0-17-6.7-33.3-18.7-45.3l-77.3-77.3c-12-12-28.3-18.7-45.3-18.7h-50.7V48c0-26.5-21.5-48-48-48
            h-320c-26.5,0-48,21.5-48,48v320c0,26.5,21.5,48,48,48h16c0,53,43,96,96,96s96-43,96-96h128c0,53,43,96,96,96s96-43,96-96h32
            c17.7,0,32-14.3,32-32S626.1,352,608.4,352z M160.4,464c-26.5,0-48-21.5-48-48s21.5-48,48-48s48,21.5,48,48S186.9,464,160.4,464z
             M207.8,344.5C120.1,344.5,49,273.4,49,185.8S120.1,27,207.8,27s158.8,71.1,158.8,158.8S295.4,344.5,207.8,344.5z M480.4,464
            c-26.5,0-48-21.5-48-48s21.5-48,48-48s48,21.5,48,48S506.9,464,480.4,464z M544.4,256h-128v-96h50.7l77.3,77.3V256z"/>
        <g>
            <path d="M189.2,317.9v-30.8c-23.5-1-46.3-6.8-59.6-13.9l10.5-37.9c14.7,7.4,35.4,14.3,58.2,14.3c20,0,33.7-7.1,33.7-20.1
                c0-12.3-11.2-20.1-37.2-28.2c-37.5-11.7-63.2-27.9-63.2-59.3c0-28.5,21.8-50.8,59.3-57.7V53.6h34.4v28.5
                c23.5,1,39.3,5.5,50.9,10.7L266,129.4c-9.1-3.6-25.3-11-50.5-11c-22.8,0-30.2,9.1-30.2,18.1c0,10.7,12.3,17.5,42.1,27.9
                C269.1,178,286,195.8,286,225c0,28.8-22.1,53.4-62.4,59.9v33H189.2z"/>
        </g>
    </g>
    </svg>
    </div> <span class="free-ship-money-color">$</span><span class="free-shipping free-ship-money-color">249</span> away from FREE SHIPPING</div></div>
							
							
							
							
					<style>
							.count1 .stepIncrement100{}

							

					</style>
					<script>
							/*
							var slideIndex = 0;
							if (window.innerWidth < 750) {
									document.querySelector('.slide').style.display = "block";
									showSlides();
							}

							function showSlides() {
									var i;
									var slides = document.getElementsByClassName("slide");
									for (i = 0; i < slides.length; i++) {
											slides[i].style.display = "none";
									}
									slideIndex++;
									if (slideIndex > slides.length) {slideIndex = 1}
									slides[slideIndex-1].style.display = "block";
									setTimeout(showSlides, 4000);
							}
							/**/
					</script>
			</div>


	</div>
	<div class="navigation">
			<a href="/pages/business-solutions">Business Solutions</a>
			<a href="https://tracking.uscargocontrol.com/?__hstc=19301799.98e90c65a10a1749bcc8166ace17c4e2.1689772721697.1707165377395.1707775457400.143&__hssc=19301799.1.1707775457400&__hsfp=3295665591&_gl=1*bq838w*_ga*MTQ3Nzk1NDA3NS4xNjg5NzcyNzIw*_ga_0F1YK18B5L*MTcwNzc3NTQ1NS44OC4wLjE3MDc3NzU1MDkuNi4wLjA." target="_blank">Order Tracker</a>
			<a href="/pages/contact-us#contact-form" id="header-contact-us" class="dropdown-link">Contact Us</a>
			<div id="header-contact-us-dropdown" class="color-inverse">
					<h2>Need Help?</h2>

					<div class="header-contact-us-icons">
							<div>
									<span class="wm-mobile">
											<a href="tel:866-444-9990"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg><br>
													Call
											</a>
									</span>
									<span class="wm-desktop"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg><br>
											Call
									</span>
							</div>
							<div class="cta">
									<a href="/pages/contact-us#contact-form"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
    <path class="st0" d="M48,64C21.5,64,0,85.5,0,112c0,15.1,7.1,29.3,19.2,38.4l217.6,163.2c11.4,8.5,27,8.5,38.4,0l217.6-163.2
	c12.1-9.1,19.2-23.3,19.2-38.4c0-26.5-21.5-48-48-48C464,64,48,64,48,64z M0,176v208c0,35.3,28.7,64,64,64h384c35.3,0,64-28.7,64-64
	V176L294.4,339.2c-22.8,17.1-54,17.1-76.8,0L0,176z"/>
</svg>
<br>
											Email
									</a>
							</div>
							<div class="cta open-chat"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;" xml:space="preserve">
<path class="st0" d="M208,352c114.9,0,208-78.8,208-176S322.9,0,208,0S0,78.8,0,176c0,38.6,14.7,74.3,39.6,103.4
	c-3.5,9.4-8.7,17.7-14.2,24.7c-4.8,6.2-9.7,11-13.3,14.3c-1.8,1.6-3.3,2.9-4.3,3.7c-0.5,0.4-0.9,0.7-1.1,0.8l-0.2,0.2l0,0l0,0
	c-5.5,4.1-7.9,11.3-5.7,17.8S9.1,352,16,352c21.8,0,43.8-5.6,62.1-12.5c9.2-3.5,17.8-7.4,25.3-11.4C134.1,343.3,169.8,352,208,352z
	 M448,176c0,112.3-99.1,196.9-216.5,207c24.3,74.4,104.9,129,200.5,129c38.2,0,73.9-8.7,104.7-23.9c7.5,4,16,7.9,25.2,11.4
	c18.3,6.9,40.3,12.5,62.1,12.5c6.9,0,13.1-4.5,15.2-11.1c2.1-6.6-0.2-13.8-5.8-17.9l0,0l0,0l-0.2-0.2c-0.2-0.2-0.6-0.4-1.1-0.8
	c-1-0.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29,39.6-64.7,39.6-103.4
	c0-92.8-84.9-168.9-192.6-175.5c0.4,5.1,0.6,10.3,0.6,15.5L448,176z"/>
</svg>
<br>
									Chat
							</div>
					</div>
					<div class="phone-numbers">
							Toll Free: <strong>866-444-9990</strong><br>
							Espa&ntilde;ol: <strong>844-871-5153</strong><br>
							Local: <strong>319-213-9180</strong>
					</div>
					<div class="hours">
							Hours: <strong>M-F, 7am - 5pm CST</strong>
					</div>
					<div class="links">
							<a href="/pages/contact-us#contact-form">Contact Us<span style="color: white"><?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon">
    <path d="M5.63574 7.75737L7.04996 6.34315L12.7068 12L7.04998 17.6568L5.63577 16.2426L9.87839 12L5.63574 7.75737Z" />
    <path d="M12.7068 6.34315L11.2926 7.75737L15.5352 12L11.2926 16.2426L12.7068 17.6568L18.3637 12L12.7068 6.34315Z" />
</svg></span></a>
					</div>
			</div>
	</div>
</div>


        <header class="header header--top-left header--mobile-center  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 medium-hide large-up-hide"
                                aria-label="Menu" style="padding-left: 7px">
                          <span>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="height: 2em;cursor:pointer;color:#fff" fill="#ffffff">
  <path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/>
</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">
                                    <nav class="menu-drawer__navigation">
                                        <div class="menu-drawer__heading"><h3>Top Industries</h3></div>
                                        <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li ><details id="Details-menu-drawer-menu-item-1">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><div class="small-hide"
                                                                         style="display: inline-block; padding-right: 5px">
                                                                    <img src="//sb-uscc.myshopify.com/cdn/shop/files/trucking-industry-icon_small.png?v=15522534138981628987"
                                                                         width="60" height="60"></div><h4 class="top-industries-link">Trucking &amp; Transportation</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-trucking-transportation"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Trucking &amp; Transportation</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop all Trucking &amp; Transportation

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop By Trailer Type

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tie Down Straps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tarps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Transport Chain &amp; Binders

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Load Bars &amp; Cargo Bars

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        E Track Straps &amp; Tie Downs

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tie Down Hardware

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Towing &amp; Auto Hauling

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winches

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        L Track Systems

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winch Bars

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Corner Protectors

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Cargo Nets

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Custom Cargo Nets

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winch Track

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Dunnage Bags

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-2">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><div class="small-hide"
                                                                         style="display: inline-block; padding-right: 5px">
                                                                    <img src="//sb-uscc.myshopify.com/cdn/shop/files/rigging-lifting-industry-icon_small.png?v=14141049784548460083"
                                                                         width="60" height="60"></div><h4 class="top-industries-link">Lifting &amp; Rigging</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-lifting-rigging"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Lifting &amp; Rigging</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop all Rigging &amp; Lifting

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Nylon Lifting Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Polyester Round Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Wire Rope Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Chain Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Rigging Hardware

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Lifting Beams &amp; Spreader Bars

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Plasma® Rope and Lifting Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        High Performance Roundslings

                                                                                    </a></li><li><a href="/collections/wire-rope"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Wire Rope

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Chain &amp; Accessories

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Material Handling

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Netting

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Straightpoint Load Monitoring Loadcells

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Sling Protection

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Outrigger Pads

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-3">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><div class="small-hide"
                                                                         style="display: inline-block; padding-right: 5px">
                                                                    <img src="//sb-uscc.myshopify.com/cdn/shop/files/moving-industry-icon_small.png?v=9379508300228100485"
                                                                         width="60" height="60"></div><h4 class="top-industries-link">Moving Equipment</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-moving-equipment"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Moving Equipment</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop all Moving Equipment

                                                                                    </a></li><li><a href="/collections/moving-blankets-moving-pads"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Moving Blankets

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Moving Straps &amp; Mover Bands

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        E Track Straps &amp; Tie Downs

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Furniture Protectors

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Hand Trucks

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Moving Dollies

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Piano Moving Equipment

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Floor Protectors

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Vehicle Safety Supplies

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Moving Kits &amp; Packing Supplies

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-4">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><div class="small-hide"
                                                                         style="display: inline-block; padding-right: 5px">
                                                                    <img src="//sb-uscc.myshopify.com/cdn/shop/files/fall-protection-industry-icon_small.png?9726"
                                                                         width="60" height="60"></div><h4 class="top-industries-link">Ratchet Straps</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-ratchet-straps"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Ratchet Straps</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop All Ratchet Straps

                                                                                    </a></li><li><a href="/collections/1-inch-ratchet-straps"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        1&quot; Ratchet Straps

                                                                                    </a></li><li><a href="/collections/2-inch-ratchet-straps"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        2&quot; Ratchet Straps

                                                                                    </a></li><li><a href="/collections/3-inch-ratchet-straps"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        3&quot; Ratchet Straps

                                                                                    </a></li><li><a href="/collections/4-inch-ratchet-straps"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        4&quot; Ratchet Straps

                                                                                    </a></li><li><a href="/collections/shop-by-end-fitting"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop by End Fitting

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        BlackLine Ratchet Straps

                                                                                    </a></li><li><a href="/collections/e-track-straps-tie-downs"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        E Track Straps &amp; Tie Downs

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        D Rings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Motorcycle Tie Downs

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        ATV &amp; UTV Tie Downs

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tie Down Hardware

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Webbing

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tent Straps &amp; Accessories

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li>
                                                        <hr style="margin: 1rem 0;color: #666666;border: 1px solid #eee">
                                                    </li>
                                                    <div class="menu-drawer__heading"><a href="/collections/shop"><h3>
                                                                Shop all Categories <span
                                                                        class="color-icon-accent-1"><?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon">
    <path d="M5.63574 7.75737L7.04996 6.34315L12.7068 12L7.04998 17.6568L5.63577 16.2426L9.87839 12L5.63574 7.75737Z" />
    <path d="M12.7068 6.34315L11.2926 7.75737L15.5352 12L11.2926 16.2426L12.7068 17.6568L18.3637 12L12.7068 6.34315Z" />
</svg></span>
                                                            </h3></a></div><li ><details id="Details-menu-drawer-menu-item-5">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><h4>Enclosed Trailer</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-enclosed-trailer"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Enclosed Trailer</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop All Enclosed Trailer

                                                                                    </a></li><li><a href="/collections/e-track-straps-tie-downs"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        E Track Straps &amp; Tie Downs

                                                                                    </a></li><li><a href="/collections/moving-blankets-moving-pads"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Moving Blankets

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        D Rings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Load Bars &amp; Cargo Bars

                                                                                    </a></li><li><a href="/collections/airline-straps-hardware"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        L Track Systems

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Cargo Nets

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Moving Equipment

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Dunnage Bags

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-6">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><h4>Flatbed Trailer</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-flatbed-trailer"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Flatbed Trailer</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop All Flatbed Trailer

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Transport Chain &amp; Binders

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tie Down Straps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tarps

                                                                                    </a></li><li><a href="/collections/winch-straps-2-inch-4-inch"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winch Straps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winches

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winch Bars

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Winch Track

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Corner Protectors

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Bungee Cord &amp; Rubber Tarp Straps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        D Rings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Headache Racks &amp; Tool Boxes

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Vehicle Safety Supplies

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Wheel Chocks

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-7">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><h4>Rigging Supplies</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-rigging-supplies"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Rigging Supplies</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop All Rigging Supplies

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Wire Rope

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Turnbuckles

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shackles

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Eye Bolts

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Netting

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Plasma® Rope &amp; Lifting Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Lifting Beams &amp; Spreader Bars

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Crosby® Rigging Products

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Hoist, Sling &amp; Lifting Hooks

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Chain &amp; Accessories

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        All Rigging Hardware

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Material Handling

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Rope &amp; Cordage

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Straightpoint Load Monitoring Loadcells

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Sling Protection

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Outrigger Pads

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Snatch Blocks &amp; Wire Rope Pulleys

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-8">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><h4>Lifting Slings</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-lifting-slings"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Lifting Slings</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop All Lifting Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Nylon Lifting Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Polyester Round Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Wire Rope Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Chain Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Plasma® Slings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        High Performance Roundslings

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Sling Protection

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li ><details id="Details-menu-drawer-menu-item-9">
                                                            <summary
                                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset"><h4>Towing &amp; Auto Hauling</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>


                                                            </summary>
                                                            <div id="link-towing-auto-hauling"
                                                                 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 xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                        <h4>Towing &amp; Auto Hauling</h4>
                                                                    </button>
                                                                    <ul class="menu-drawer__menu list-menu" role="list"
                                                                        tabindex="-1"><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Shop All Towing &amp; Auto Hauling

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Wheel Nets &amp; Tow Dolly Straps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Recovery &amp; Tow Straps

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tow Hooks &amp; Accessories

                                                                                    </a></li><li><a href="#"
                                                                                       class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
                                                                                        Tow Shackles

                                                                                    </a></li></ul>
                                                                </div>
                                                            </div>
                                                        </details></li><li >
                                                            <div style="position:relative">
                                                                <a href="#" 
                                                                   class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                                                                    <h4>Custom Products</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                </a>
                                                            </div>
                                                        
</li><li >
                                                            <div style="position:relative">
                                                                <a href="/collections/apparel-accessories" 
                                                                   class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page">
                                                                    <h4>Apparel &amp; Accessories</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                </a>
                                                            </div>
                                                        
</li><li >
                                                            <div style="position:relative">
                                                                <a href="/collections/clearance-items" 
                                                                   class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                                                                    <h4>Clearance Items</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                </a>
                                                            </div>
                                                        
</li><li class="menu-drawer__gray">
                                                            <div style="position:relative">
                                                                <a href="/account/login" 
                                                                   class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                                                                    <h4>My Account</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                </a>
                                                            </div>
                                                        
</li><li class="menu-drawer__gray">
                                                            <details
                                                                    id="Details-menu-drawer-menu-item-14">
                                                                <summary
                                                                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                                                                    <h4>Contact Us</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></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>

                                                                </summary>
                                                                <div id="link-contact-us"
                                                                     class="menu-drawer__submenu has-submenu gradient motion-reduce contact-us-side-menu"
                                                                     tabindex="-1">
                                                                    <div class="menu-drawer__inner-submenu">
                                                                        <button class="menu-drawer__close-button link link--text focus-inset"
                                                                                aria-expanded="true">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                            <h3>Main Menu</h3>
                                                                        </button>
                                                                        <ul class="menu-drawer__menu list-menu"
                                                                            role="list" tabindex="-1">
                                                                            <li>
                                                                                <div>
                                                                                    <h3><a href="/pages/contact-us">Contact Us</a><span class="icon"><?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon">
    <path d="M5.63574 7.75737L7.04996 6.34315L12.7068 12L7.04998 17.6568L5.63577 16.2426L9.87839 12L5.63574 7.75737Z" />
    <path d="M12.7068 6.34315L11.2926 7.75737L15.5352 12L11.2926 16.2426L12.7068 17.6568L18.3637 12L12.7068 6.34315Z" />
</svg></span></h3>
                                                                                </div>
                                                                                <div id="menu-drawer-contact-us">
                                                                                    <div class="menu-drawer-contact-us-icons">
                                                                                        <div>
                                                                                            <span class="wm-mobile">
                                                                                                <a href="tel:123-456-7890"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg><br>
                                                                                                    Call
                                                                                                </a>
                                                                                            </span>
                                                                                            <span class="wm-desktop"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg><br>
                                                                                                Call
                                                                                            </span>
                                                                                        </div>
                                                                                        <div class="cta">
                                                                                            <a href="/pages/contact-us#contact-form"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
    <path class="st0" d="M48,64C21.5,64,0,85.5,0,112c0,15.1,7.1,29.3,19.2,38.4l217.6,163.2c11.4,8.5,27,8.5,38.4,0l217.6-163.2
	c12.1-9.1,19.2-23.3,19.2-38.4c0-26.5-21.5-48-48-48C464,64,48,64,48,64z M0,176v208c0,35.3,28.7,64,64,64h384c35.3,0,64-28.7,64-64
	V176L294.4,339.2c-22.8,17.1-54,17.1-76.8,0L0,176z"/>
</svg>
<br>
                                                                                                Email
                                                                                            </a>
                                                                                        </div>
                                                                                        <div class="cta open-chat2"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;" xml:space="preserve">
<path class="st0" d="M208,352c114.9,0,208-78.8,208-176S322.9,0,208,0S0,78.8,0,176c0,38.6,14.7,74.3,39.6,103.4
	c-3.5,9.4-8.7,17.7-14.2,24.7c-4.8,6.2-9.7,11-13.3,14.3c-1.8,1.6-3.3,2.9-4.3,3.7c-0.5,0.4-0.9,0.7-1.1,0.8l-0.2,0.2l0,0l0,0
	c-5.5,4.1-7.9,11.3-5.7,17.8S9.1,352,16,352c21.8,0,43.8-5.6,62.1-12.5c9.2-3.5,17.8-7.4,25.3-11.4C134.1,343.3,169.8,352,208,352z
	 M448,176c0,112.3-99.1,196.9-216.5,207c24.3,74.4,104.9,129,200.5,129c38.2,0,73.9-8.7,104.7-23.9c7.5,4,16,7.9,25.2,11.4
	c18.3,6.9,40.3,12.5,62.1,12.5c6.9,0,13.1-4.5,15.2-11.1c2.1-6.6-0.2-13.8-5.8-17.9l0,0l0,0l-0.2-0.2c-0.2-0.2-0.6-0.4-1.1-0.8
	c-1-0.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29,39.6-64.7,39.6-103.4
	c0-92.8-84.9-168.9-192.6-175.5c0.4,5.1,0.6,10.3,0.6,15.5L448,176z"/>
</svg>
<br>
                                                                                            Chat
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="menu-drawer-contact-us-wrapper">
                                                                                        <div class="phone-numbers">
                                                                                            Toll Free:
                                                                                            <strong>866-444-9990</strong><br>
                                                                                            Espa&ntilde;ol: <strong>844-871-5153</strong><br>
                                                                                            Local:
                                                                                            <strong>319-213-9180</strong>
                                                                                        </div>
                                                                                        <div class="hours">
                                                                                            Hours: <strong>M-F, 7am - 5pm
                                                                                                CST</strong>
                                                                                        </div>
                                                                                        <div class="links">
                                                                                            <a href="/pages/contact-us#contact-form">Contact Us<span class="icon"><?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon">
    <path d="M5.63574 7.75737L7.04996 6.34315L12.7068 12L7.04998 17.6568L5.63577 16.2426L9.87839 12L5.63574 7.75737Z" />
    <path d="M12.7068 6.34315L11.2926 7.75737L15.5352 12L11.2926 16.2426L12.7068 17.6568L18.3637 12L12.7068 6.34315Z" />
</svg></span></a>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </details>
                                                        
</li><li class="menu-drawer__gray">
                                                            <div style="position:relative">
                                                                <a href="#" 
                                                                   class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                                                                    <h4>Shipping &amp; Returns</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                </a>
                                                            </div>
                                                        
</li><li class="menu-drawer__gray">
                                                            <div style="position:relative">
                                                                <a href="#" 
                                                                   class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                                                                    <h4>Business Solutions</h4>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-arrow" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.109,3L11.109,3C9.78,3,8.988,4.481,9.725,5.587L14,12l-4.275,6.413C8.988,19.519,9.78,21,11.109,21h0 c0.556,0,1.076-0.278,1.385-0.741l4.766-7.15c0.448-0.672,0.448-1.547,0-2.219l-4.766-7.15C12.185,3.278,11.666,3,11.109,3z"/></svg>
                                                                </a>
                                                            </div>
                                                        
</li></ul>
                                    </nav>
                                    <div class="menu-drawer__utility-links small-hide medium-hide large-up-hide"><a href="https://sb-uscc.myshopify.com/customer_authentication/redirect?locale=en&region_country=US"
                                               class="menu-drawer__account link focus-inset h5">
                                                
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="30px" height="30px" fill="#ffffff" fill-rule="nonzero"><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></svg>
Log in</a><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
                                                    <a href="https://www.facebook.com/FastenersPlus"
                                                       class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18">
  <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
</svg>
<span class="visually-hidden">Facebook</span>
                                                    </a>
                                                </li><li class="list-social__item">
                                                    <a href="https://www.youtube.com/channel/UC573fFyBdCIxiBGnhAPoOzw"
                                                       class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 100 70">
  <path d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z" fill="currentColor">
</svg>
<span class="visually-hidden">YouTube</span>
                                                    </a>
                                                </li></ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </details>
                </header-drawer>

            <div class="header__heading">
                <div class="header__heading-logo">
                    <a href="/" class="header__heading-link link link--text focus-inset"><span class="h2">sb-uscc</span></a>
                </div>
                <div class="header__heading-wrapper toggle-header-menu-drawer small-hide">
                    <div class="header__heading-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="height: 2em;cursor:pointer;color:#fff" fill="#ffffff">
  <path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/>
</svg>
</div>
                    <div class="header__heading-shopby">All</div>
                </div>
            </div>
            <div class="header__search-area">
                
<predictive-search class="search-modal__form wm" data-loading-text="Loading..."
                                   style="position: relative">
                        <div class="search-wrapper" style="position: relative">
                            <form action="/collections/search" method="get"
                                  role="search" class="search search-modal__form">
                                <div class="search__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:1.6em;height:1.6em"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg></div>
                                <div class="field">
                                    <input class="ss__autocomplete__input search__input field__input"
                                           id="Search-In-Modal"
                                           type="search"
                                           name="q"
                                           value=""
                                           placeholder="What are you looking for?"
                                    >
                                    <label class="field__label search-in-modal" for="Search-In-Modal">What are you
                                        looking for?</label>
                                    <button class="search__button field__button search__go"
                                            aria-label="What are you looking for?">
                                        GO
                                    </button>
                                </div>
                            </form>
                        </div>
                    
</predictive-search></div>
            <div class="header__phone-number small-hide medium-hide" style="display: flex">
                <div class="global__number" style=>866-444-9990</div>
                <div>
                    <div class="header__icons" style="margin-right: 10px"><div class="header__icon-wrapper">
                                <div>
                                    <a href="https://sb-uscc.myshopify.com/customer_authentication/redirect?locale=en&region_country=US"
                                       class="header__icon header__icon--account link focus-inset small-hide"
                                       style="color:#fff;">
                                        
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="30px" height="30px" fill="#ffffff" fill-rule="nonzero"><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></svg>
                                        <span class="visually-hidden">Log in</span>
                                    </a>
                                </div>
                                <a href="https://sb-uscc.myshopify.com/customer_authentication/redirect?locale=en&region_country=US" 
                                   style="color: #fff; text-decoration: none"><div class="sign-in">Sign in</div></a>
                            </div><div class="header__cart-wrapper">
                            <a href="/cart"
                               class="header__icon header__icon--cart header__icon--cart--desktop link focus-inset"
                               id="cart-icon-bubble">

<svg class="icon icon-cart-empty" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30" height="30" fill-rule="nonzero"><g fill="#FCBD40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(4,4)"><path d="M3,10c-1.104,0 -2,0.896 -2,2c0,1.104 0.896,2 2,2h7.29688l4.18555,25.95508c0.472,2.923 2.96283,5.04492 5.92383,5.04492h27.59375c1.104,0 2,-0.896 2,-2c0,-1.104 -0.896,-2 -2,-2h-27.59375c-0.986,0 -1.81566,-0.70764 -1.97266,-1.68164l-0.375,-2.31836h29.55273c2.946,0 5.43497,-2.10867 5.91797,-5.01367l2.44336,-14.6582c0.097,-0.58 -0.06726,-1.17209 -0.44727,-1.62109c-0.38,-0.448 -0.93739,-0.70703 -1.52539,-0.70703h-39.49023l-0.53516,-3.31836c-0.157,-0.97 -0.99361,-1.68164 -1.97461,-1.68164zM22,49c-2.209,0 -4,1.791 -4,4c0,2.209 1.791,4 4,4c2.209,0 4,-1.791 4,-4c0,-2.209 -1.791,-4 -4,-4zM44,49c-2.209,0 -4,1.791 -4,4c0,2.209 1.791,4 4,4c2.209,0 4,-1.791 4,-4c0,-2.209 -1.791,-4 -4,-4z"></path></g></g></svg>
<span class="visually-hidden">Cart</span></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="header__icons header__icons-mobile">
                <details-modal class="header__search small-hide medium-hide large-up-hide">
                    <details>
                        <summary
                                class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
                                aria-haspopup="dialog" aria-label="Search">
              <span>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width:1.6em;height:1.6em"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
                <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"
                     role="presentation">
                  <use href="#icon-close">
                </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 ss__autocomplete__search__modal"
                                 tabindex="-1"><predictive-search class="search-modal__form"
                                                   data-loading-text="Loading...">
                                        <form action="/collections/search"
                                              method="get" role="search" class="search search-modal__form">
                                            <div class="field">
                                                <input class="ss__autocomplete__input--mobile search__input field__input"
                                                       id="Search-In-Modal"
                                                       type="search"
                                                       name="q"
                                                       value=""
                                                       placeholder="Search"
                                                >
                                                <label class="field__label"
                                                       for="Search-In-Modal">Search</label>
                                                <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>
                                                </button>
                                            </div>
                                        </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>
                                </button>
                            </div>
                        </div>
                    </details>
                </details-modal>

                <a href="tel:866-444-9990"
                   class="header__icon header__icon--account link link-white focus-inset">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
                    <span class="visually-hidden">
          Click to Call
        </span>
                </a><a href="https://sb-uscc.myshopify.com/customer_authentication/redirect?locale=en&region_country=US"
                       class="header__icon header__icon--account link focus-inset">
                        
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="30px" height="30px" fill="#ffffff" fill-rule="nonzero"><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></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-mobile">

<svg class="icon icon-cart-empty" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30" height="30" fill-rule="nonzero"><g fill="#FCBD40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(4,4)"><path d="M3,10c-1.104,0 -2,0.896 -2,2c0,1.104 0.896,2 2,2h7.29688l4.18555,25.95508c0.472,2.923 2.96283,5.04492 5.92383,5.04492h27.59375c1.104,0 2,-0.896 2,-2c0,-1.104 -0.896,-2 -2,-2h-27.59375c-0.986,0 -1.81566,-0.70764 -1.97266,-1.68164l-0.375,-2.31836h29.55273c2.946,0 5.43497,-2.10867 5.91797,-5.01367l2.44336,-14.6582c0.097,-0.58 -0.06726,-1.17209 -0.44727,-1.62109c-0.38,-0.448 -0.93739,-0.70703 -1.52539,-0.70703h-39.49023l-0.53516,-3.31836c-0.157,-0.97 -0.99361,-1.68164 -1.97461,-1.68164zM22,49c-2.209,0 -4,1.791 -4,4c0,2.209 1.791,4 4,4c2.209,0 4,-1.791 4,-4c0,-2.209 -1.791,-4 -4,-4zM44,49c-2.209,0 -4,1.791 -4,4c0,2.209 1.791,4 4,4c2.209,0 4,-1.791 4,-4c0,-2.209 -1.791,-4 -4,-4z"></path></g></g></svg><span class="visually-hidden">Cart</span></a>
            </div>
        </header>
        <div class="header-bottom-bar">
    <ul class="top-categories-nav">

        
        <!--
        <li>
            <h2>Trucking & Transportation<span class="chevron"></span></h2>
            <ul class="sub-nav">
                <li>Shop by Trailer Type</li>
                <li>Tie Down Straps</li>
                <li>Tarps</li>
                <li>Transport Chain & Binders</li>
                <li>Load Bars & Cargo Bars</li>
                <li>E Track Straps & Tie Downs</li>
                <li>Tie Down Hardware</li>
                <li>Towing & Auto Hauling</li>
                <li>Winches</li>
            </ul>
        </li>
        <li>
            <h2>Rigging & Lifting<span class="chevron"></span></h2>
            <ul class="sub-nav">
                <li>Shop by Trailer Type</li>
                <li>Tie Down Straps</li>
                <li>Tarps</li>
                <li>Transport Chain & Binders</li>
                <li>Load Bars & Cargo Bars</li>
                <li>E Track Straps & Tie Downs</li>
                <li>Tie Down Hardware</li>
                <li>Towing & Auto Hauling</li>
                <li>Winches</li>
            </ul>
        </li>
        <li><h2>Moving Supplies</h2></li>
        <li><h2>Ratchet Straps</h2></li>
        <li>
            <h2>E Track<span class="chevron"></span></h2>
            <ul class="sub-nav">
                <li>Shop by Trailer Type</li>
                <li>Tie Down Straps</li>
                <li>Tarps</li>
                <li>Transport Chain & Binders</li>
                <li>Load Bars & Cargo Bars</li>
                <li>E Track Straps & Tie Downs</li>
                <li>Tie Down Hardware</li>
                <li>Towing & Auto Hauling</li>
                <li>Winches</li>
            </ul>
        </li>
        <li><h2>Chains & Binders</h2></li>
        -->
    </ul>
</div>


    </div>

</sticky-header>


<style data-shopify>
  .essentials {
    text-align: center;
  }
  .money-bar {
    width: 199px;
    height: 10px;
    border-radius: 5px;
    background-color: #eee;
    color: white;
    text-align: center;
    margin-top: 7px;
  }
  .progress-bar {
    float: left;
    height: 100%;
    width: 0%;
    background: rgb(0, 121, 30);
    border-radius: 5px;
  }
  .cart-notification-countdown {
    color: #000;
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
  }
  .cart-notification-message {
    text-align: center;
    font-size: 0.8em;
    color: #000;
  }
  .option-buttons {
    display: flex;
    justify-content: space-between;
  }
  .option-button {
    font-family: 'League Gothic', sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    color: #000;    
    border-radius: 4px;
  }
  .button--checkout {
    border-radius: 4px;
    font-weight: bolder;
    font-family: 'League Gothic';
    font-size: 1.5em;    
  }
  .button--view-cart {
    border: 4px solid #FCBD40;
    padding-left: 25px;
    padding-right: 25px;
  }
  .button--continue-shopping {
    border: 4px solid rgb(205, 205, 205);
    padding-left: 25px;
    padding-right: 25px;
  }  
  .cart-notification {
     display: none;
  }
  .cart-notification-scroll {
    max-height: 150px;
    overflow: hidden;
    overflow-x: hidden!important;  
  }
  .cart-notification-scroll:hover {
    overflow: auto;
  }
  .item-details {
    font-family: var(--font-heading-family);
    font-size: 13px;
    font-weight: bolder;
    line-height: 16px;    
  }
  .item-details.each {
    color: rgb(28, 88, 137);
    margin-bottom: 5px;
  }  
  .item-details.each span {
    font-weight: normal;
  }  
  .cart-notification__subtotal {
    width: 100%;
    display: flex;
    color: #000;
    font-size: 14px;
  }
  .link.button-label {
    color: #fff;
  }
  .cart-subtotal__items {
    width: 30%;
    margin-right: auto;
    text-align: left;
  }
  .cart-subtotal__price {
    width: 60%;
    margin-left: auto;
    text-align: right;
  }  
  .item-details.each {
    color: rgb(28, 88, 137);
    margin-bottom: 5px;
  }
  .item-details.each span {
    font-weight: normal;
  }
  .cart-notification__links {
    max-height: 140px;
  }
</style>

<cart-notification>
  <div class="cart-notification-wrapper">
    <div id="cart-notification" class="cart-notification focus-inset gradient" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1">
      <div class="cart-notification__header">
        <h2 class="cart-notification__heading caption-large text-body"><span class="cart-notification__heading-text"><svg class="icon icon-checkmark color-foreground-accent-1" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
Item added to your cart</span></h2>
        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close">
          <svg class="icon icon-close" aria-hidden="true" focusable="false"><use href="#icon-close"></svg>
        </button>
      </div>
      <div class="cart-notification-scroll">
        <div id="cart-notification-product" class="cart-notification-product"></div>
        
        
        
             
      </div>   
      <div class="cart-notification__links">
        <div class="cart-notification__subtotal">
          <div class="cart-subtotal__items"><span class="cart-drawer__items">0</span> Items</div>
          <div class="cart-subtotal__price">subtotal: $<span class="cart-drawer__total">0.00</span></div>
        </div>
        <div class="option-buttons">
          <div class="view-cart">
            <a href="/cart" class="option-button button--view-cart button--full-width">View Cart</a>
          </div>
          <div class="view-cart">
            <a href="#" id="continueShopping" class="option-button button--continue-shopping button--full-width">Continue Shopping</a>
          </div>          
        </div>        
        <form action="/cart" method="post" id="cart-notification-form">
          <button class="button button--checkout button--primary button--full-width mt-10" name="checkout">Check out</button>
        </form>
        <button type="button" class="link button-label">Continue shopping</button>
      </div>            
      
      <div class="cart-notification-message"><strong>Add $249.00</strong> more to qualify for free shippingmy 
      </div>
      <div class="cart-notification-countdown">
        <div class="ship-remain" style="margin-left: 20px"><strong>$0</strong></div>
        <div class="money-bar">
          <div class="progress-bar">
            &nbsp;
          </div>
        </div>
        <div class="" style="margin-right: 20px"><strong>$249</strong></div>
      </div>
      <div class="essentials">
        
          <script type="searchspring/personalized-recommendations" profile="view-cart"></script>
        
      </div>
    </div>
  </div>
</cart-notification><script>
  document.getElementById("cart-icon-bubble").onmouseenter = function(){
    document.querySelector('.cart-notification').classList.add('active');
    document.querySelector('.cart-notification__heading-text').style.display = 'none';
  };

  const cartTotalElement = document.querySelector('.cart-drawer__total');
  document.addEventListener('cart:update', (event) => {
    console.log('test');
    const cartTotal = event.detail.items_subtotal_price;
    cartTotalElement.textContent = Shopify.formatMoney(cartTotal, "USD");
  });

  document.addEventListener('mouseup', function(e) {
    var container = document.getElementById('cart-notification');
    if (!container.contains(e.target)) {
        container.classList.remove('active');
    }
  });  
</script>

<style> #shopify-section-header .top-categories-nav > li:last-child {background: rgba(var(--color-base-accent-1));} #shopify-section-header .top-categories-nav > li:last-child h2 {color: rgba(var(--color-base-text)); text-align: center; margin: auto; padding-left: 1.5rem;} #shopify-section-header .top-categories-nav > li:last-child h2 span {display: none;} </style></div>
    <main id="MainContent" class="content-for-layout focus-none main-collection" role="main" tabindex="-1">
      <div class="mobile-only promo-wrapper">
        <div id="shopify-section-promo-banner" class="shopify-section"><style>
    .announcement-bar {
      font-family: "League Gothic", sans-serif;
      text-transform: none;
      font-size: 1.4em;
      line-height: 27.5px;
      margin-top: 106px;
    }
    .announcement-bar__message {
      margin-right: 20px;
      color: #121212;
    }
    .announcement-bar__promo {
      display: none;
      margin-left: 175px;
      padding: 10px;
      color: #121212;
    }
    .bar__promo-code {
      border: 1px solid #73c422;
      color: #73c422;
      border-radius: 3px;
      padding: 4px;
      padding-left: 8px;
      padding-right: 8px;
      margin-left: 10px;
      font-weight: normal;
      font-size: 0.8em;
    }
    .announcement-bar__promo a {
      text-decoration: none;
    }
    .bg-color {
      background: #ffffff;
    }
    .money-color {
      color: #73c422;
    }
    .link-color {
      color: #73c422;
    }
    @media screen and (min-width: 750px) {
      .announcement-bar {
        display: flex;
      
        justify-content: center;
      
        align-items: flex-end;
        margin-top: 66px;
      }
      .announcement-bar__promo {
        display: block;
      }
    }
    @media screen and (max-width: 749px) {
      .announcement-bar__message {
        text-align: center;
        margin-right: 0px;
      }
    }
    predictive-search {
      --color-foreground: none;
    }
    predictive-search .search__input {
      border-radius: 5px;
    }
    predictive-search .search__button {
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
    }

    @media screen and (max-width: 750px) {
      .announcement-bar__promo {
        text-align: center;
        margin-left: 0px;
        height: 50px;
      }
      .announcement-bar__message {
        height: 50px;
      }
    }


    .banner-1 { background-color: #ffffff; color: #121212 }
    .promo-icon-1 svg { fill: #73c422 }
    .money-color-1 { color: #73c422 }
    .promo-link-color-1 { color: #73c422 }

    .bar__promo-code-1 {
      color: #121212;
      display: inline-block;
      border: 2px #121212 solid;
      border-radius: 9px;
      padding: 5px 6px;
      line-height: 15px;
      font-size: .85em;
    }

  </style><div class="announcement-bar bg-color gradient banner-1" role="region" aria-label="Free Shipping" >
          <div class="announcement-bar__message slide2">
            <input type="hidden" id="shipping_threshold" value="249"><div style="display: inline;position: relative;top: 4px;">
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 640 512" style="enable-background:new 0 0 640 512;width:1.1em;height:1.1em;color:#fff;" fill="#ffffff" xml:space="preserve">
    <g>
        <path d="M608.4,352v-64v-32v-18.7c0-17-6.7-33.3-18.7-45.3l-77.3-77.3c-12-12-28.3-18.7-45.3-18.7h-50.7V48c0-26.5-21.5-48-48-48
            h-320c-26.5,0-48,21.5-48,48v320c0,26.5,21.5,48,48,48h16c0,53,43,96,96,96s96-43,96-96h128c0,53,43,96,96,96s96-43,96-96h32
            c17.7,0,32-14.3,32-32S626.1,352,608.4,352z M160.4,464c-26.5,0-48-21.5-48-48s21.5-48,48-48s48,21.5,48,48S186.9,464,160.4,464z
             M207.8,344.5C120.1,344.5,49,273.4,49,185.8S120.1,27,207.8,27s158.8,71.1,158.8,158.8S295.4,344.5,207.8,344.5z M480.4,464
            c-26.5,0-48-21.5-48-48s21.5-48,48-48s48,21.5,48,48S506.9,464,480.4,464z M544.4,256h-128v-96h50.7l77.3,77.3V256z"/>
        <g>
            <path d="M189.2,317.9v-30.8c-23.5-1-46.3-6.8-59.6-13.9l10.5-37.9c14.7,7.4,35.4,14.3,58.2,14.3c20,0,33.7-7.1,33.7-20.1
                c0-12.3-11.2-20.1-37.2-28.2c-37.5-11.7-63.2-27.9-63.2-59.3c0-28.5,21.8-50.8,59.3-57.7V53.6h34.4v28.5
                c23.5,1,39.3,5.5,50.9,10.7L266,129.4c-9.1-3.6-25.3-11-50.5-11c-22.8,0-30.2,9.1-30.2,18.1c0,10.7,12.3,17.5,42.1,27.9
                C269.1,178,286,195.8,286,225c0,28.8-22.1,53.4-62.4,59.9v33H189.2z"/>
        </g>
    </g>
    </svg>
    </div> <span class="money-color-1">$</span><span class="free-shipping money-color">249</span> away from FREE SHIPPING</div></div><script>
  var slideIndex = 0;
  if (window.innerWidth < 750) {
    document.querySelector('.slide2').style.display = "block";
    showSlides();
  }

  function showSlides() {
    var i;
    var slides = document.getElementsByClassName("slide2");
    console.log("slide2", slides);
    for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > slides.length) {slideIndex = 1}
    slides[slideIndex-1].style.display = "block";
    setTimeout(showSlides, 4000);
  }
</script>


</div>
      </div>
      <div id="shopify-section-template--17527247405237__product-grid" class="shopify-section section"><style>
  .scroll-hide::-webkit-scrollbar { 
    width: 0 !important;
    display: none;  
  }
  .jdgm-qa-badge {
    display: none;
  }
  .jdgm-prev-badge__text {
    display: inline-block !important;
    font-size: 12px;
  }
  .dropbtn {
      background-color: #ccc;
      color: #000;
      padding: 6px;
      font-size: 1.1em;
      border: none;
      cursor: pointer;
      border-radius: 4px;
      width: 165px;
      margin-left: 2px;
      margin-top: -10px;
      margin-right: 10px;
      text-transform: uppercase;
      font-family: 'League Gothic';      
  }
  
  .dropbtn:hover, .dropbtn:focus {
    background-color: #fdb713;
  }

  .custom-dropdown {
    /* margin-top: 15px; */
    margin-left: -1px;
    height: 0px;
    margin-bottom: 15px;
    padding-bottom: 25px;
  }
  
  .custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 165px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    margin-left: 2px;
  }
  
  .custom-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block; 
  }
  .show { display: block; }

  .custom-dropdown a:hover {background-color: #ddd;}  

  iframe {
    /*
    width: 100%;
    height: auto;
    */
  }  

  .brand-badge {
    text-align: center;
  }
  @media screen and (max-width: 749px) {
    .brand-badge img {
      height: 30px;
    }
  }    
  .circle {
    position: fixed;
    bottom: 90px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #ddd;
    border-radius: 50%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Arial, sans-serif;
    border: 1px solid #ccc;
    cursor: pointer;
    display: none;
  }
  
  .arrow {
    font-size: 24px; /* Size of the arrow */
    margin-top: 15px;
  }
  
  .top {
    font-size: 16px; /* Size of the text */
    position: relative;
    bottom: 20px;    
  }  
  .judge-me-widget-container {
    display: none;
  }
  .product__error {
    margin-bottom: -10px;
    text-align: center;
    font-weight: bolder;
    color: red;
    font-size: 0.8em;
  }

</style>



<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/template-collection.css?v=145944865380958730931731511171" rel="stylesheet" type="text/css" media="all" />
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-loading-overlay.css?v=167310470843593579841731511172" rel="stylesheet" type="text/css" media="all" />
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-card.css?v=123090409075979020471731511171" rel="stylesheet" type="text/css" media="all" />
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-price.css?v=30730045668153718411731511171" rel="stylesheet" type="text/css" media="all" />
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-rating.css?v=24573085263941240431731511171" rel="stylesheet" type="text/css" media="all" />
<style>
  * {
    box-sizing: border-box;
  }
  .button--primary {
    font-family: "League Gothic", sans-serif;
    font-size: 1.4em;
    background: #FCBD40;
    border: 1px solid #FCBD40;
    color: #000;
    --border-offset: 0;
  }
  .judge-me {
    font-size: 12px;  
  } 
  .outer-product-container {
    margin: auto;
    max-width: 1280px;
    border: 1px solid rgb(233, 233, 233);
    border-radius: 10px;
    position: relative;
    background: #fff;
    min-height: 280px;
  }
  .product-flexbox {
    display: flex;
  }
  .collection-image {
    max-width: 300px;
  }
  .product-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: normal;
    border-left: 1px solid rgb(233, 233, 233);;
    padding: 0px;
  }
  .product-title {
    padding: 10px 20px 10px 20px;
  }
  .product-h2 {
    font-size: calc(var(--font-heading-scale) * 2.7rem)!important;
    margin-top: 5px;
    margin-bottom: 0px;    
  }
  .product-image {
    padding: 10px;
  }

  .product-options {
    padding-right: 300px; 

  }
  .price-block { 
    position: absolute;
    top: 41%; 
    right: 6px; 
    width: 290px; 
    padding: 5px 5px 2em 5px;

  }
  .price-block .ships { 
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    
  }
  .price-block .item-price {
    text-align: right;
  }
  .price-block     
    font-size: 1.5em;
  }
  .price-item {
    font-size: 1.5em!important;
  }
  .price-block .item-price button { 
    width: 100%;
  }
  .short-options {
    display: none; 
  }
  .product-sku {
    color: #000;
    font-size: 12px;
  }
  .long-options {
    min-height: 175px;
  }
  .price-block .item-price {
    
  }
  .product-badge {
    position:absolute;
    z-index:1;
    top: 5px;
    right: 5px    
  }
  .product-badge img {
    border-radius: 50%;
    border: 1px solid #ccc;
  }
  .product-ribbon {
    position: absolute;
    left: -7px;
    top: -6px;
  }
  .jdgm-prev-badge__text {
    display: block;
  }
  .shipping-truck {
    margin-right: 4px;
  }
  .product-logo-badge {
    margin: auto 0;
    text-align: center;  
  }
  .product-logo-badge img {
    width: 100%;
    padding-right: 20%;
    padding-left: 20%;  
  }  
  .option-spec {
    color: rgb(98, 105, 110); 
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    margin-top: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    text-wrap: nowrap;
    font-weight: 600;
  }
  .color-variant {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .color-variant a img {    
    border-radius: 50%; 
    margin-left: 5px;   
  }
  .color-variant a > img:hover {    
    border-radius: 50%; 
    margin-left: 5px;   
    border: 2px solid #000; 
  }  
  .hive-color-button.black img:hover, .hive-color-button.camo img:hover {
    border: 2px solid #FCBD40;
  } 
  .long-options ul li {
    list-style: disc;    
    font-size: 0.8em;
    line-height: 16px;    
    margin-bottom: 10px;    
    color: #262626;
  }
  .button-accent {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font: inherit;
    font-size: 1.5rem;
    text-decoration: none;
    color: #fff;    
    -webkit-appearance: none;
    appearance: none;
    background-color: rgb(44, 103, 113);
    text-transform: uppercase;
  }
  .sku-link {
    color: rgb(129, 129, 129);
    text-decoration: none;
  }
  .product-h2 a {
    text-decoration: none;
    color: #000;
  }
  .cfp {
    color: #000;
    font-weight: bolder;
  }
  .cto {
    /*
    border: 1px solid rgb(200, 100, 58);
    display: inline-block;
    padding: 0px 10px 0px 10px;*/
  }  
  .reviews {
    height: 20px;
  }
  .hive-price {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    padding-right: 5px;
    max-height: 55px;
  }
  .starting-at {
    margin-right: 10px; 
    text-transform: uppercase; 
    color: #000
  }
  .price-value {
    color: #34772d;
    font-size: 2em;
    font-family: "League Gothic";
    padding-top: 5px;
  }
  .quantity__button {
    width: calc(4.5rem / var(--font-body-scale))!important;
    flex-shrink: 0!important;
    font-size: 1.8rem!important;
    border: 0!important;
    background-color: transparent!important;
    cursor: pointer!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    color: rgb(var(--color-foreground))!important;
    padding: 0!important;  
  }
  @media all and (max-width: 750px) {
    .product-badge img {
      width: 30px!important;
    }  
  }
  @media all and (max-width: 1149px) {
    .quick-add {
      margin-bottom: -6px;
    }
    .price__regular {
      position: absolute;
      right: 5px;
      bottom: 100px;    
    }    
    .product-badge img, .product-ribbon img {
      width: 40px!important;
      height: 40px;
    }
    .product-ribbon {
      top: -4px;
      left: -5px;
    }
    .judge-me {
      top: 29px;
    }
    .product-h2 {
      font-size: 2rem!important;
      margin-top: 0px;
      line-height: 20px;
    }
    .shipping-truck {
      display: inline;
    }
    .shipping-message {
      padding-right: 5px;
      padding-left: 5px;
    }
    .category-text {
      display: none;
    }
    .product-image {
      border-bottom: 1px solid rgb(233, 233, 233);
    }
    .collection-image {
      width: 110px;
      height: 110px;
    }
    .price-block {
      /* in narrow mode move block at the bottom (turn off absolute position) */
      position: inherit;
      width: 100%;
      display: flex;
      align-items: end; /* vertical center for the text line "Ships today when you order" */
      padding: 5px;  /* reset space for .ships block as it moves at front */
      bottom: 0;
      right: 0;
      height: 100px;
      flex-direction: row-reverse;
      justify-content: space-between;
      margin-bottom: 10px;
    }
    .price-block.has-sale {
      height: 120px!important;
    }
    .price-block .ships {
      /* reset position and use all available width. It moves block to the left (before .price-block) */
      flex-grow: 1;
      position: inherit;
    }
    .price-block .price-value {
      /* put price in same line as STARTING AT text */
      display: inline-block;
    }
    .price-block .item-price {
      /* min-width of .price value and button block */
      min-width: 200px;
    }
    .product-options {
      padding-right: 0; /* reset padding as .price-block moves to bottom in narrow mode */
      
      color: rgb(182, 182, 182);
      padding-left: 10px;
    }
     
    .long-options {
      min-height: 0;
    }
  
    .short-options {
      display: none; /* turn off display short options */
    } 
    .price-block {
      height: 100px!important;
    }
    .outer-product-container {
      min-height: 180px;
      padding-right: 5px;
    }
    .product-logo-badge img {
      width: 100%;
      padding-right: 10%;
      padding-left: 10%;  
    }
    .the-hive {
      background: none;
      margin: 0;
      padding: 0 10px 0 0;
      border: 0;
      width: 100%;
    }
    .hive-options-popover {
      width: 250px;
    }
    .hive-options-.hive-button {
      max-width: 55px;
    }
  }
  .customer-quantity {
    color: rgba(var(--color-foreground));
    position: relative;
    display: flex;
    border-radius: var(--inputs-radius);
    height: 40px;
    min-height: 0px;
    background: #fff;    
    margin-bottom: 5px;    
  }  
  .quantity__input {
    font-weight: bolder;
  }
  .customer-quantity::before {
    background: rgb(var(--color-background));
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--inputs-radius-outset);
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
    z-index: -1;
  }
  .customer-quantity::after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: var(--inputs-border-width);
    right: var(--inputs-border-width);
    bottom: var(--inputs-border-width);
    left: var(--inputs-border-width);
    border: 0.1rem solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
    transition: box-shadow var(--duration-short) ease;
    z-index: 1;
  }
  .quantity__button {
    background: rgb(230,230,230)!important;
  }
  .quantity__button.minus {
    border-right:1px solid rgb(125,125,125)!important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;  
  }
  .quantity__button.plus {
    border-left:1px solid rgb(125,125,125)!important;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;  
  }  
  .hive-prices {
    display: flex;
    text-transform: lowercase;
    color: #000;
    font-size: 11px;
  }
  .hive-prices div {
    margin-right: 10px;
  }
  .text-body {
    font-family: 'Roboto', sans-serif!important;
  }
</style>
<style>
  .checkmark {
    width: 20px;
    height: 20px;
    background-image: url(//sb-uscc.myshopify.com/cdn/shop/t/50/assets/check.svg?v=172405630988648946031731511171);
    background-repeat: no-repeat;
    background-position: right; 
  }  
  @media screen and (min-width: 750px) {
    .checkmark {
      background-image: url();
    }
  }
  .cat-banner, .sub-banner {
    border-radius: 5px;
    color: #ffffff!important;
    width: 100%;
    padding: 5px;
    font-size: 1.5em;
    text-align: center;
    background: #9A9A9A;
    margin-bottom: 20px;
  }
  .cat-banner h1, .sub-banner h1 {
    color: #fff;
  }
  .sub-banner {
    display: none;
  }
  .top-banner img,
  .left-banner img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .left-banner {
    padding: 3px;
  }
  .the-hive {
    background: #F5F5F5; 
    color: rgb(160, 160, 160);
    border-radius: 5px; 
    padding: 10px; 
    margin-bottom: 10px; 
    display: inline-block; 
    margin: 25px 10px 10px 20px;
    width: 90%;
    font-size: 14px;
    font-weight: 600;    
  }

  @media screen and (max-width: 749px) {
    .the-hive {
      margin: 0;
    }
    .top-banner {
      width: 100vw;
      margin-left: -15px;
      margin-right: -15px;      
    }
    .top-banner img {
      border-radius: 0px;      
    }
    .sub-banner {
      display: block;
    }
    .table {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  .facets {
    padding-left: 3px;
    padding-right: 3px;    
  }
  .facet-filters__sort, .facet-filters__label label {
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
  }
  .product-count__text {    
    text-transform: lowercase;
    font-weight: 600;    
  }
</style>
<style>
  .collection .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }
  .collection .card {
      justify-content: space-between !important;
      align-items: center !important;
      gap: 2rem;
      flex-direction: initial !important;
  }
  .collection .card__inner {
      width: 15%;
  }
  .collection .card__content {
      width: 85% !important;
  }
  .collection .card__information {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .collection .card__heading {
      width: 50%;
  }
  .collection .card-information {
      width: 50%;
    text-align: right;
  }  
  nav.breadcrumb {
    padding: 0px!important;
  }
  .product-grid-container {
    position: relative;
  }
  .product-grid-title {
    position: absolute;
    top: -25px;
    font-weight: bolder;
    color: #000;
    font-size: 18px;
    padding-left: 6px;
  }
  .collection-title {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  @media screen and (max-width: 749px) {
    .product-grid-title {
      position: relative;
      top: 5px
    }
    .collection-title {
      text-align: center;
    }
  }
  .text-banner {
    font-family: "League Gothic", sans-serif;
    border-radius: 5px;
    color: #ffffff!important;
    width: 100%;
    padding: 5px;
    font-size: 1.5em;
    text-align: center;
    background: #9A9A9A;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .hive-wrapper {
    /*max-width: 300px;    */
    width: 100%;
  }    
  .hive-button {
    display: inline-block;
    margin: 0 5px 0px 0;
    font-size: 1.2em;
    line-height: 20px;
    padding: 3px 5px 3px 5px;
    color: #000;
    border: 1px solid #000;
    border-radius: 3px;
    text-decoration: none;    
    max-height: 40px;
    overflow: hidden;
    background: #fff;
    text-overflow: ellipsis;

  }  
  .hive-button:hover {
    background: #FCBD40;
  }
  .hive-options-line .hive-button {
      max-width: auto;
  }
  .hive-color-button.hive-button {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background: transparent;    
  }
  .hive-options-toggle.color {
    position: relative;
    left: 6px;
  }
  .hive-options-wrapper {    
    position: relative;
    padding-bottom: 10px;
  }
  .hive-options-line {    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    max-height: 43px;
    align-items: center;
  }
  .hive-options-toggle {
    width: 20px;
    height: 26px;
    margin-top: 3px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
  }
  .hive-options-popover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0px;
    transform: translate(0, 0px);
    background-color: #F5F5F5;
    padding: 1rem;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.36);
    border: 1px solid #bfbfbf;
    width: 300px;
    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .hive-options-popover.hive-popover-show {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 5px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  }  
  .hive-options-popover .hive-button {
    margin-bottom: 3px;
  }    
  .table {
    display: flex;
    margin: 0px 10px 10px 10px;

  }
  .table-data {
    display: flex;
    flex-flow: column-reverse;
    flex-direction: row-reverse;
    padding: 5px; 
    max-width: 300px;   
    font-size: 0.8em;     
    color: #000;    
    line-height: 1em;
  }
  .table-data img {
    margin-top: 10px;
  }
  .table-header {
    display: flex;
    flex-direction: column-reverse;
    margin-left: 3px;
  }  
  .bolder {
    font-weight: bolder;
  }
  .img--disabled {
    cursor: not-allowed!important;
    opacity: 0.2;  
  }
  iframe {
    /*
    width: 100%;
    height: auto;
    */
  }    
</style>
<link rel="preload" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-rte.css?v=77763503391870301951731511172" as="style" onload="this.onload=null; this.rel='stylesheet'" />
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-rte.css?v=77763503391870301951731511172" rel="stylesheet" type="text/css" media="all" /></noscript>
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-facets.css?v=87781053332617091731511170" rel="stylesheet" type="text/css" media="all" />


<script>
  (function() {
    // that script must be loaded one time only, then use my_render_product_options(hive, product_id) to render
    // options in the output will have same order as here
    var option_labels = [];

    // Reverse the order for the specific use case
    var indexFixedEndLength = option_labels.findIndex(opt => opt[0] === 'custitem_fe_length');
    var indexLengths = option_labels.findIndex(opt => opt[0] === 'custitem_length_spec');
    if (indexFixedEndLength !== -1 && indexLengths !== -1) {
        var temp = option_labels[indexFixedEndLength];
        option_labels[indexFixedEndLength] = option_labels[indexLengths];
        option_labels[indexLengths] = temp;
    }

    function numberWithCommas(x) {
      return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
    }

    //pass in a selector and this will format strings inside to insert commas in large numbers
    function formatLargeIntegersInString( selector ){
      const els = document.querySelectorAll(selector)
      els.forEach( ( el ) => el.innerHTML =  numberWithCommas( el.innerHTML ) );
    }

    function render_product_options(hive, product_id) {
      // Initial check to ensure 'hive' is not undefined
      if (typeof hive === 'undefined') {
        console.error('Hive object is undefined for product ID:', product_id);
        return; // Exit the function if 'hive' is undefined
      }
    
      // console.log(hive);
      // Check if 'hive' and 'hive.prices' are defined
      if (hive.hasOwnProperty('hive')) {
        hive = hive.hive;
      }
    
      // Additional checks as before
      if (!hive || !hive.prices || typeof hive.prices.min === 'undefined') {
        console.error('Hive data or prices missing for product ID:', product_id);
        return; // Exit the function if necessary data is missing
      }      

      var i, item, opt_value, opt_name, opt_idx, opt_label, html, el,
        options_counts = [],
        options = {};
        if (hive.prices.min != undefined) {
          var formattedPrice = numberWithCommas(hive.prices.min);
          document.querySelector('[data-id="' + product_id + '"]').innerHTML = "$" + formattedPrice;
        }
        

      // Function to parse and sort options based on their numeric and fractional values
      function sortOptions(options) {
          console.log('---');
          console.log(options);

          options.sort(function(a, b) {
            // Parsing function adapted for your data structure
            function parseMeasurement(value) {

              //strip the commas from potential numbers, commas mess up the parsing
              value = value.replace(/,/g, '');

              if (typeof value === "number") {
                  return value;
              }

              var stringValue = String(value);
              // Match decimal or whole number followed by a ' to indicate feet, convert to inches
              var feetMatch = stringValue.match(/^(\d+(\.\d+)?)'/);
              if (feetMatch) {
                  return parseFloat(feetMatch[1]) * 12; // Convert feet to inches
              }
              // Match numbers followed by a " to indicate inches
              var inchesMatch = stringValue.match(/^(\d+(\.\d+)?)"/);
              if (inchesMatch) {
                  return parseFloat(inchesMatch[1]); // Already in inches
              }
              // Match decimal numbers without units (consider as inches for safety, but might need adjustment based on your data)
              var decimalMatch = stringValue.match(/^\d+\.\d+$/);
              if (decimalMatch) {
                  return parseFloat(decimalMatch[0]);
              }
              // Handle fractions and mixed numbers (without explicit units, assuming inches)
              var fractionMatch = stringValue.match(/^(\d+)(?:-(\d+)\/(\d+))?$/);
              if (fractionMatch) {
                  var wholeNumber = parseInt(fractionMatch[1], 10);
                  var fraction = fractionMatch[2] ? (parseInt(fractionMatch[2], 10) / parseInt(fractionMatch[3], 10)) : 0;
                  return wholeNumber + fraction; // Assuming inches
              }

              // Additional fraction handling
              var matches = stringValue.match(/([0-9/-]+)["']/);
              if (matches) { // length - 1/2", 1-3/4", 5", ...
                  var val = matches[1];
                  matches = val.match(/(\d+)-(\d+)\/(\d+)/);
                  if (matches) {
                      return parseFloat(matches[1]) + (parseFloat(matches[2]) / parseFloat(matches[3])); // 1-3/4"
                  }
                  matches = val.match(/(\d+)\/(\d+)/);
                  if (matches) {
                      return parseFloat(matches[1]) / parseFloat(matches[2]); // 3/4"
                  }
                  return parseFloat(val); // 3"
              } else {
                  return value;
              }              

            }
          
            var aValue = parseMeasurement(a.value);
            var bValue = parseMeasurement(b.value);

            console.log(aValue, bValue);
            return aValue - bValue;
        });
      }

      // parse items to options arrays
      for(i = 0; i < hive.items.length; i++) {
        item = hive.items[i];
        // parse options
        for(opt_name in item.options) {
            opt_value = item.options[opt_name];
            if (!options[opt_name]) {
                options[opt_name] = [];
            }
            if (!options[opt_name].find(function(el) { return el.value == opt_value;})) {
                options[opt_name].push({
                    value: opt_value,
                    url: item.url
                });
            }
          }
      }


      console.log(item.sku);
      // Now sort the options before rendering
      for (var opt_name in options) {
        sortOptions(options[opt_name]);
      }        

      // render product options except color
      html = '';
      for(i = 0; i < option_labels.length; i++) {
          opt_name = option_labels[i][0];
          if (options[opt_name]) {
              opt_label = option_labels[i][1];
              options_counts.push(options[opt_name].length + " " + opt_label);
              html += '<div class="hive-wrapper"><div class="option-spec">'+opt_label + ':</div>';
              for(opt_idx = 0; opt_idx < options[opt_name].length; opt_idx++) {
                  opt_value = options[opt_name][opt_idx];
                  html += '<a class="hive-button" href="/products' + opt_value.url.toLowerCase() + '">' + opt_value.value + '</a>';
              }                
              html += '</div>';
          }
      }
      if (html) {
          el = document.querySelector(".hive-list-" + product_id);
          if (el) {
              el.innerHTML = html;
          }
      }

      // render color options
      if (options.custitem_color_spec) {
          html = '';
          for(i = 0; i < options.custitem_color_spec.length; i++) {
              opt_value = options.custitem_color_spec[i];
              var img_name = opt_value.value;
              img_name = img_name.toLowerCase();
              img_name = img_name.replace(/[^a-zA-Z0-9 ]+/g, "");
              img_name = img_name.replace(/\s+/g, "-");
              img_name = "clr-swatch-" + img_name + ".png";
              html += '<a href="/products' + opt_value.url.toLowerCase() + '"><img class="m-1 lazyload" style="border: 1px solid #aaa;" width="20" data-bs-toggle="tooltip" data-bs-placement="top" title="' + opt_value.value + '" src="//cdn.shopify.com/s/files/1/0277/8644/4936/files/' + img_name + '?v=1621854831"></a>';
          }
          if (html) {
              el = document.querySelector('[color-hive="'+product_id+'"]');
              if (el) {
                  el.innerHTML = html;
              }
              // add colors count at front of option counts
              options_counts.unshift(options.custitem_color_spec.length + " Colors");
          }
      }

      // render option counts
      if (options_counts) {
          el = document.querySelector('[data-hive="'+product_id+'"]');
          if (el) {
              el.innerHTML = options_counts.join(" | ");
              //el.style.display = "block";
          }
      }

    }

    window.my_render_product_options = render_product_options;
})();

</script>


<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-leadtime.css?v=83627457041809155341731511170" rel="stylesheet" type="text/css" media="all" />
  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/luxon.js?v=2741768601442608121731511171" defer="defer"></script><link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/quick-add.css?v=33503823355406569531731511171" media="print" onload="this.media='all'">
  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/quick-add.js?v=182912576636326458021731511170" defer="defer"></script>
  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/product-form.js?v=113190512544869987181731511170" defer="defer"></script><style data-shopify>.section-template--17527247405237__product-grid-padding {
    padding-top: 6px;
    padding-bottom: 0px;
  }

  @media screen and (min-width: 750px) {
    .section-template--17527247405237__product-grid-padding {
      padding-top: 8px;
      padding-bottom: 0px;
    }
  }
  #infinite-scroll a { 
    color: #000;
    text-decoration: none;
    margin-left: 20px;
    text-align: center;
    font-style: italic;
  }</style>
<div class="section-template--17527247405237__product-grid-padding"><div class="page-width color-background-2"><style>
  nav.breadcrumb {
    padding-bottom: 10px;
  }

  nav.breadcrumb ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }

  nav.breadcrumb li {
    display: inline;
  }

  nav.breadcrumb li + li::before {
    display: inline-block;
    padding-left: 4px; 
    padding-right: 4px;
    padding-top: 4px;
    height: 0.8em;
    content: ">";
    
  }

  nav.breadcrumb [aria-current="page"] {
    color: #000;
    font-weight: 500;
    text-decoration: none;
    font-size: 0.9em;
  }    
  .breadcrumb.link,
  .breadcrumb.link:active,
  .breadcrumb.link:visited  {
    color: #0c3fc2;
    opacity: 0.7;
    text-decoration: underline!important;
  }
  .breadcrumb.link:hover {
    text-decoration: underline!important;
    opacity: 1;
  }  

  .breadcrumb.link.active:hover {
    text-decoration: underline;
  }
  @media screen and (max-width: 749px) {
    nav.breadcrumb {
      padding-top: 5px;
      padding-bottom: 0px;    
    }
  }
</style><nav aria-label="Breadcrumb" class="breadcrumb">
  <ol>
    <li>
      <a href="/" class="breadcrumb link">Home</a>
    </li><li>
            <a class="breadcrumb link active" href="/collections/apparel-accessories" aria-current="page">Apparel & Accessories</a>
          </li></ol>
</nav></div><div class=" facets-vertical page-width color-background-2" style="padding-top: 10px">    
    <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-facets.css?v=87781053332617091731511170" rel="stylesheet" type="text/css" media="all" />
    <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/facets.js?v=46022464312131586391731511171" defer="defer"></script><aside aria-labelledby="verticalTitle" class="facets-wrapper" id="main-collection-filters" data-id="template--17527247405237__product-grid">
            
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-facets.css?v=87781053332617091731511170" rel="stylesheet" type="text/css" media="all" />


<h2 class="facets__heading small-hide" tabindex="-1">Shop By Category</h2>
<details class="facets__disclosure-vertical js-filter small-hide sibling-nav" data-index="0">  
  <summary class="facets__summary sister__nav caption-large focus-offset" aria-label="">    
    <a href="">
      <div class="sister-header">
        <div>Shop All</div>
      </div>
    </a>
  </summary>
</details>


<details class="facets__disclosure-vertical js-filter small-hide sibling-nav" data-index="0" open>    
  <summary class="facets__summary sister__nav caption-large focus-offset" aria-label="Apparel & Accessories">
    <div class="sister-header"> 
      <div>Apparel & Accessories</div>
      <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>
    </div>
  </summary>  
  <div class="parent-display facets__display-vertical">
    <fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
      <legend class="visually-hidden">Shop All</legend>
      <ul class="list-unstyled no-js-hidden" role="list"></ul>
    </fieldset>
  </div>
</details>




<script>
  function showMore(handle) {
    let listItems = document.querySelectorAll(".sibling-"+handle);
    for (let i=0; i < listItems.length; i++) {
      listItems[i].classList.remove('hide');
    }
    document.querySelector(".sibling-"+handle+"-toggle.more").style.display = 'none';
    document.querySelector(".sibling-"+handle+"-toggle.less").style.display = 'block';
    return false;
  }

  function showLess(handle) {
    let listItems = document.querySelectorAll(".sibling-"+handle);
    for (let i=0; i < listItems.length; i++) {
      listItems[i].classList.add('hide');
    }
    document.querySelector(".sibling-"+handle+"-toggle.less").style.display = 'none';
    document.querySelector(".sibling-"+handle+"-toggle.more").style.display = 'block';    
    return false;
  }  
</script>
        
          

<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-show-more.css?v=56103980314977906391731511171" rel="stylesheet" type="text/css" media="all" />

<h1 class="h2 collection-title medium-hide large-up-hide">Apparel & Accessories</h1><div class="facets-container"><facet-filters-form class="facets small-hide">
      <form id="FacetFiltersForm" class="facets__form-vertical">
          
          <div id="FacetsWrapperDesktop">
<div class="active-facets active-facets-desktop">
                <div class="active-facets-vertical-filter">
                    <h2 class="h2 facets__heading facets__heading--vertical caption-large text-body" id="verticalTitle" tabindex="-1">Filter:</h2><facet-remove class="active-facets__button-wrapper">
                    <a href="/collections/apparel-accessories" class="active-facets__button-remove underlined-link">
                      <span>Remove all</span>
                    </a>
                  </facet-remove>
                </div>


</div><script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/show-more.js?v=90883108635033788741731511170" defer="defer"></script>
            

                <details id="Details-1-template--17527247405237__product-grid" class=" facets__disclosure-vertical js-filter" data-index="1" open>
                  <summary class="facets__summary caption-large focus-offset" aria-label="Availability (0 selected)">
                    <div>
                      <span>Availability<span class="facets__selected no-js-hidden hidden"> (0)</span></span>
                      <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>

                    </div>
                  </summary>
                  <div id="Facet-1-template--17527247405237__product-grid" class="parent-display facets__display-vertical"><fieldset class="facets-wrap parent-wrap  facets-wrap-vertical">
                      <legend class="visually-hidden">Availability</legend>
                      <ul class=" list-unstyled no-js-hidden" role="list">
                          <li class="list-menu__item facets__item">
                            <label for="Filter-filter.v.availability-1" class="facet-checkbox">
                              <input type="checkbox"
                                name="filter.v.availability"
                                value="1"
                                id="Filter-filter.v.availability-1"
                                
                                
                              >

                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                              </svg>

                              <svg class="icon icon-checkmark"
                                width="1.1rem"
                                height="0.7rem"
                                viewBox="0 0 11 7"
                                fill="none"
                                xmlns="http://www.w3.org/2000/svg">

                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
                                  stroke="currentColor"
                                  stroke-width="1.75"
                                  stroke-linecap="round"
                                  stroke-linejoin="round" />
                              </svg>
                              <span aria-hidden="true">In stock (1)</span>
                              <span class="visually-hidden">In stock (1 product)</span>
                            </label>
                          </li>
                          <li class="list-menu__item facets__item">
                            <label for="Filter-filter.v.availability-2" class="facet-checkbox facet-checkbox--disabled">
                              <input type="checkbox"
                                name="filter.v.availability"
                                value="0"
                                id="Filter-filter.v.availability-2"
                                
                                disabled
                              >

                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                              </svg>

                              <svg class="icon icon-checkmark"
                                width="1.1rem"
                                height="0.7rem"
                                viewBox="0 0 11 7"
                                fill="none"
                                xmlns="http://www.w3.org/2000/svg">

                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
                                  stroke="currentColor"
                                  stroke-width="1.75"
                                  stroke-linecap="round"
                                  stroke-linejoin="round" />
                              </svg>
                              <span aria-hidden="true">Out of stock (0)</span>
                              <span class="visually-hidden">Out of stock (0 products)</span>
                            </label>
                          </li></ul>
                      
                      <ul class=" no-js-list list-unstyled no-js" role="list"><li class="list-menu__item facets__item">
                            <label for="Filter-filter.v.availability-1-no-js" class="facet-checkbox">
                              <input type="checkbox"
                                name="filter.v.availability"
                                value="1"
                                id="Filter-filter.v.availability-1-no-js"
                                
                                
                              >

                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                              </svg>

                              <svg class="icon icon-checkmark"
                                width="1.1rem"
                                height="0.7rem"
                                viewBox="0 0 11 7"
                                fill="none"
                                xmlns="http://www.w3.org/2000/svg">

                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
                                  stroke="currentColor"
                                  stroke-width="1.75"
                                  stroke-linecap="round"
                                  stroke-linejoin="round" />
                              </svg>

                              <span aria-hidden="true">In stock (1)</span>
                              <span class="visually-hidden">In stock (1 product)</span>
                            </label>
                          </li><li class="list-menu__item facets__item">
                            <label for="Filter-filter.v.availability-2-no-js" class="facet-checkbox facet-checkbox--disabled">
                              <input type="checkbox"
                                name="filter.v.availability"
                                value="0"
                                id="Filter-filter.v.availability-2-no-js"
                                
                                disabled
                              >

                              <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                              </svg>

                              <svg class="icon icon-checkmark"
                                width="1.1rem"
                                height="0.7rem"
                                viewBox="0 0 11 7"
                                fill="none"
                                xmlns="http://www.w3.org/2000/svg">

                                <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1"
                                  stroke="currentColor"
                                  stroke-width="1.75"
                                  stroke-linecap="round"
                                  stroke-linejoin="round" />
                              </svg>

                              <span aria-hidden="true">Out of stock (0)</span>
                              <span class="visually-hidden">Out of stock (0 products)</span>
                            </label>
                          </li></ul>
                    </fieldset>
                  </div>
                </details>
              

                
                <details id="Details-2-template--17527247405237__product-grid" class=" facets__disclosure-vertical js-filter" data-index="2">
                  <summary class="facets__summary caption-large focus-offset">
                    <div>
                      <span>Price</span>
                      <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>

                    </div>
                  </summary>
                  <div id="Facet-2-template--17527247405237__product-grid" class="facets__display-vertical">
                    <div class="facets__header-vertical"><span class="facets__selected">The highest price is $20.99</span></div>
                    <price-range class="facets__price">
                      <span class="field-currency">$</span>
                      <div class="field">
                        <input class="field__input"
                          name="filter.v.price.gte"
                          id="Filter-Price-GTE"type="number"
                          placeholder="0"
                          min="0"max="20.99"
                        >
                        <label class="field__label" for="Filter-Price-GTE">From</label>
                      </div><div class="field">
                        <input class="field__input"
                          name="filter.v.price.lte"
                          id="Filter-Price-LTE"type="number"
                          min="0"placeholder="20.99"
                            max="20.99"
                          
                        >
                        <label class="field__label" for="Filter-Price-LTE">To</label>
                      </div>
                    </price-range>
                  </div>
                </details>
              
<noscript>
              <button type="submit" class="facets__button-no-js button button--secondary">Filter</button>
            </noscript>
          </div>
          


        
</form>
    </facet-filters-form>
    
<facet-filters-form class="small-hide">
        <form class="no-js">
          <div class="facet-filters sorting caption">
            <div class="facet-filters__field">
              <h2 class="facet-filters__label caption-large text-body">
                <label for="SortBy">Sort by:</label>
              </h2>
              <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling" selected="selected">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select>
                <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>

              </div>
            </div>

            <noscript>
              <button type="submit" class="facets__button-no-js button button--secondary">Sort</button>
            </noscript>
          </div>

          
</form>
      </facet-filters-form>
  
  <menu-drawer class="mobile-facets__wrapper medium-hide large-up-hide" data-breakpoint="mobile">
    <details class="mobile-facets__disclosure disclosure-has-popup">
      <summary class="mobile-facets__open-wrapper focus-offset">
        <span class="mobile-facets__open">
          <svg class="icon icon-filter" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/>
</svg>

          <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Filter and sort
</span>
          <span class="mobile-facets__open-label button-label small-hide">Filter
</span>
        </span>
        <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><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>
      <facet-filters-form>
        <form id="FacetFiltersFormMobile" class="mobile-facets">
          <div class="mobile-facets__inner gradient">
            <div class="mobile-facets__header">
              <div class="mobile-facets__header-inner">
                <h2 class="mobile-facets__heading medium-hide large-up-hide">Filter and sort
</h2>
                <h2 class="mobile-facets__heading small-hide">Filter
</h2>
                <p class="mobile-facets__count">1 product
</p>
              </div>
            </div>
            <div class="mobile-facets__main has-submenu gradient">
                    <details id="Details-Mobile-1-template--17527247405237__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1">
                      <summary class="mobile-facets__summary focus-inset">
                        <div>
                          <span>Availability</span>
                          <span class="mobile-facets__arrow no-js-hidden"><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>
</span>
                          <noscript><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>
</noscript>
                        </div>
                      </summary>
                      <div id="FacetMobile-1-template--17527247405237__product-grid" class="mobile-facets__submenu gradient">
                        <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
                          <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>

                          Availability
                        </button>
                        <ul class="mobile-facets__list list-unstyled" role="list"><li class="mobile-facets__item list-menu__item">
                              <label for="Filter-filter.v.availability-mobile-1" class="mobile-facets__label">
                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-mobile-1"
                                  
                                  
                                >

                                <span class="mobile-facets__highlight"></span>

                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                                </svg>

                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                                <span aria-hidden="true">In stock (1)</span>
                                <span class="visually-hidden">In stock (1 products)</span>
                              </label>
                            </li><li class="mobile-facets__item list-menu__item">
                              <label for="Filter-filter.v.availability-mobile-2" class="mobile-facets__label mobile-facets__label--disabled">
                                <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-mobile-2"
                                  
                                  disabled
                                >

                                <span class="mobile-facets__highlight"></span>

                                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                                </svg>

                                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                                <span aria-hidden="true">Out of stock (0)</span>
                                <span class="visually-hidden">Out of stock (0 products)</span>
                              </label>
                            </li></ul>

                        <div class="no-js-hidden mobile-facets__footer gradient">
                          <facet-remove class="mobile-facets__clear-wrapper">
                            <a href="/collections/apparel-accessories" class="mobile-facets__clear underlined-link">Clear</a>
                          </facet-remove>
                          <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
                          <noscript><button class="button button--primary">Apply</button></noscript>
                        </div>
                      </div>
                    </details>
                  

                    <details id="Details-Mobile-2-template--17527247405237__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2">
                      <summary class="mobile-facets__summary focus-inset">
                        <div>
                          <span>Price</span>
                          <span class="mobile-facets__arrow no-js-hidden"><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>
</span>
                          <noscript><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>
</noscript>
                        </div>
                      </summary>
                      <div id="FacetMobile-2-template--17527247405237__product-grid" class="mobile-facets__submenu gradient">
                        <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
                          <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>

                          Price
                        </button><p class="mobile-facets__info">The highest price is $20.99</p>

                        <price-range class="facets__price">
                          <span class="field-currency">$</span>
                          <div class="field">
                            <input class="field__input"
                              name="filter.v.price.gte"
                              id="Mobile-Filter-Price-GTE"type="number"
                              placeholder="0"
                              min="0"
                              inputmode="decimal"max="20.99"
                            >
                            <label class="field__label" for="Mobile-Filter-Price-GTE">From</label>
                          </div>

                          <span class="field-currency">$</span>
                          <div class="field">
                            <input class="field__input"
                              name="filter.v.price.lte"
                              id="Mobile-Filter-Price-LTE"type="number"
                              min="0"
                              inputmode="decimal"placeholder="20.99"
                                max="20.99"
                              
                            >
                            <label class="field__label" for="Mobile-Filter-Price-LTE">To</label>
                          </div>
                        </price-range>
                        <div class="no-js-hidden mobile-facets__footer">
                          <facet-remove class="mobile-facets__clear-wrapper">
                            <a href="/collections/apparel-accessories" class="mobile-facets__clear underlined-link">Clear</a>
                          </facet-remove>
                          <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
                          <noscript><button class="button button--primary">Apply</button></noscript>
                        </div>
                      </div>
                    </details>
                  
<div class="mobile-facets__details js-filter" data-index="mobile-">
                  <div class="mobile-facets__summary">
                    <div class="mobile-facets__sort">
                      <label for="SortBy-mobile">Sort by:</label>
                      <div class="select">
                        <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling" selected="selected">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select>
                        <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>

                      </div>
                    </div>
                  </div>
                </div><div class="mobile-facets__footer">
                <facet-remove class="mobile-facets__clear-wrapper">
                  <a href="/collections/apparel-accessories" class="mobile-facets__clear underlined-link">Remove all</a>
                </facet-remove>
                <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
                <noscript><button class="button button--primary">Apply</button></noscript>
              </div>
            </div>

            
</div>
        </form>
      </facet-filters-form>
    </details>
  </menu-drawer>

  <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper">
      <a href="/collections/apparel-accessories" class="active-facets__button-remove underlined-link">
        <span>Remove all</span>
      </a>
    </facet-remove>
  </div>
  
<div class="product-count light medium-hide large-up-hide" role="status">
    <h2 class="product-count__text text-body">
      <span id="ProductCount">1 product
</span>
    </h2>
    <div class="loading-overlay__spinner">
      <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></div><script>
  document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('li.mobile-facets__item span[aria-hidden="true"]').forEach(function(span) {
      // Extract the text content of the span element
      let text = span.textContent;
      // Use a regular expression to find numbers in the text
      let numbers = text.match(/\d+/g);
      if (numbers) {
          // For each number found, replace it with a formatted version with commas
          numbers.forEach(function(number) {
              let formattedNumber = parseInt(number).toLocaleString();
              text = text.replace(number, formattedNumber);
          });
          // Update the span's text content with the formatted text
          span.textContent = text;
      }
    });
    
    document.querySelectorAll('li.facets__item span[aria-hidden="true"]').forEach(function(span) {
      // Extract the text content of the span element
      let text = span.textContent;
      // Use a regular expression to find numbers in the text
      let numbers = text.match(/\d+/g);
      if (numbers) {
          // For each number found, replace it with a formatted version with commas
          numbers.forEach(function(number) {
              let formattedNumber = parseInt(number).toLocaleString();
              text = text.replace(number, formattedNumber);
          });
          // Update the span's text content with the formatted text
          span.textContent = text;
      }
    });  
  });
</script>    
        

        
      </aside><div class="product-grid-container" id="ProductGridContainer"> 

      
<h1 class="h2 collection-title small-hide">Apparel & Accessories</h1>


        
        
          
          
            
              
        
          
          
            
              
        
          
          
            
              
        
          
          
            
              
        
          
          
            
              
        
          
          
            
              
        
          
          
            
              
              

        <facet-filters-form class="facets facets-vertical-sort page-width small-hide no-js-hidden">
          <form class="facets-vertical-form" id="FacetSortForm">
            <div class="product-count-vertical" role="status">
              <h2 class="product-count__text text-body">
                <span id="ProductCountDesktop">1 product
</span>
              </h2>
              <div class="loading-overlay__spinner">
                <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>  
  
            <div class="facet-filters sorting caption">
              <div class="facet-filters__field">
                <h2 class="facet-filters__label caption-large text-body">
                  <label for="SortBy">Sort by:</label>
                </h2>
                <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual">Featured</option><option value="best-selling" selected="selected">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select>
                  <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>

                </div>
              </div>
              <noscript>
                <button type="submit" class="facets__button-no-js button button--secondary">Sort</button>
              </noscript>
            </div>
  
          </form>
        </facet-filters-form><div class="collection">
              <div class="loading-overlay gradient"></div>
      
              <ul id="product-grid" data-id="template--17527247405237__product-grid" class="
                grid product-grid grid--2-col-tablet-down
                grid--4-col-desktop">
<li class="grid__item">
                    

<div class="outer-product-container">

<div style="display: none" id="Product39624909848757"></div>
<div class="product-flexbox" data-product-id="39624909848757" data-hive-data="">
  <div class="product-image" style="position: relative"><a class="product-image-link" href="/products/uscc-trucker-snapback-hat">
      
      
          
      
          
      
          
      
      
    <img
      srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=165 165w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=360 360w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=533 533w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=720 720w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=940 940w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=1066 1066w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053 3510w
      "
      src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=200"
      sizes="(min-width: 1300px) 292px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
      alt="USCC Trucker Snapback Hat image 1 of 3"
      class="motion-reduce collection-image"
      
      width="200"
      height="200"
    >
    
</a></div>
  <div class="product-inner">
    <div class="product-title">
      <div class="product-sku">SKU: <a class="sku-link" href="/products/uscc-trucker-snapback-hat">HAT104C-CHBLK</a></div><h2 class="product-h2"><a href="/products/uscc-trucker-snapback-hat">USCC Trucker Snapback Hat</a></h2><div class="reviews judge-me-widget-container judge-me">
        <!-- "snippets/judgeme_widgets.liquid" was not rendered, the associated app was uninstalled -->
      </div>
    </div>      
    <div class="product-options">
      <div class="short-options" data-hive="39624909848757"></div>        
      <div class="long-options"></div>
    </div>
  </div>
</div>  
<div class="price-block" style="top: 23%">
  <div class="item-price">
      <div class="no-js-hidden" id="price-template--17527247405237__product-grid" role="status" >

<style>
    .has-sale {
      top: 34%;
    }
    .collection-tier {
      display: flex; 
      flex-direction: 
      row-reverse; gap: 5px;
    }
    .collection-tier__flex {
      display: none; 
      flex-direction: column; 
      margin-top: 0px;  
    }
    .collection-tier__flex div {
      font-size: 0.5em;
    }
    .collection-tier__flex-original {
      font-size: 0.5em; 
      color: #000; 
      line-height: 12px; 
      text-decoration: line-through
    }    
  
    .price__sale-container {
      display:flex;
      align-items: flex-end;
      margin-right: -5px;    
    }
    .price__sale-price {
      text-align: right;
      padding-right: 10px;
      position: relative;
      top: 5px;
    }    
    .price__sale-compare {
      font-size: 13px;
      color: #0C962D;
      font-weight: bolder;
      font-style: italic;
      line-height: 16px;
      margin-top:-3px;
      margin-bottom: 12px;    
    }  
  </style>
  <div class="price price--large price--sold-out  price--show-badge">
    <div class="price__container">
      
          
      <div class="price__regular price__regular39624909848757">
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
        <span class="price-item price-item--regular">        
            $20.99
        </span>
      </div>
  
      <div class="price__sale price__sale39624909848757">   
        <div class="price__sale-container">        
          <span class="visually-hidden visually-hidden--inline">Regular price</span>
          <div class="price__sale-price">
            <s class="price-item price-item--regular price-tiered--regular39624909848757" style="font-size:1.5rem">
              
                
                            
            </s>
            <div class="price__sale-compare price-item--percent price-item--percent39624909848757">You Save 0%</div>
          </div><span class="visually-hidden visually-hidden--inline">Sale price</span>
        <span class="price-item price-item--sale price-item--last price-item--sale39624909848757" style="font-family: 'League Gothic', sans-serif;font-size: 2em;">  
          $20.99
        </span>        
        </div>
      </div>
    </div>
    
  </div>
  </div>
      
<div class="quick-add no-js-hidden">              
          <product-form><form method="post" action="/cart/add" id="quick-add-template--17527247405237__product-grid6624609271989" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><quantity-input class="customer-quantity">
                <button class="quantity__button no-js-hidden minus" name="minus" type="button">
                  <span class="visually-hidden">Decrease quantity for USCC Trucker Snapback Hat</span>
                  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</svg>

                </button><input
                  class="quantity__input"
                  type="number"
                  name="quantity"
                  id="Quantity-39624909848757"
                  min="1"
                  max=""
                  value="1"
                    
                  
                                          
                                                          
                >
                <button class="quantity__button no-js-hidden plus" name="plus" type="button">
                  <span class="visually-hidden">Increase quantity for USCC Trucker Snapback Hat</span>
                  <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px"><path d="M 23 9 L 23 23 L 9 23 L 9 27 L 23 27 L 23 41 L 27 41 L 27 27 L 41 27 L 41 23 L 27 23 L 27 9 Z"/></svg>
                </button>
              </quantity-input>
                                             
              <input type="hidden" id="product-inventory__available-6624609271989" value="0">          
              <input type="hidden" name="id" value="39624909848757" disabled>
              <button
                id="quick-add-template--17527247405237__product-grid6624609271989-submit"
                type="submit"
                name="add"
                class="quick-add__submit button button--primary button--full-width"
                aria-haspopup="dialog"
                data-product-id="6624609271989"
                aria-labelledby="quick-add-template--17527247405237__product-grid6624609271989-submit title-template--17527247405237__product-grid-6624609271989"
                aria-live="polite"
                data-sold-out-message="true"
                
                
              >
                <span>Add to cart
</span>
                <span class="svg_check"></span>
                <span class="sold-out-message hidden">
                  Sold out
                </span>
                <div class="loading-overlay__spinner hidden">
                  <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>
              </button><input type="hidden" name="product-id" value="6624609271989" /><input type="hidden" name="section-id" value="template--17527247405237__product-grid" /></form></product-form>
          <div class="product__error" id="error-message-6624609271989"></div>
          
</div></div>
    <div class="leadtime-wrapper">
      
    </div></div>
</div>




                  </li><script>formatLargeIntegersInString('.outer-product-container .bolder')</script>
              </ul>
              <div id="infinite-scroll">
                  
              </div>  
            </div> <div class="collection-hero__description rte"></div>   
    </div>    
  </div>
</div><div class="circle" onClick="scrollToTop();">
  <div class="arrow">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M12 5.929L6.429 11.5 4.929 10 12 2.929 19.071 10 17.571 11.5z"/><path d="M4 12H20V14H4z" transform="rotate(90 12 13)"/></svg>  
  </div>
  <div class="top">top</div>
</div>

<script>

  let scrollTimeout = null; // This will hold our timeout to hide the circle

  function scrollToTop() {
    window.scrollTo({ top: 0, behavior: 'smooth' });
    hideCircle(); // Hide the circle after scrolling
  }
  
  function hideCircle() {
    document.querySelector('.circle').style.display = 'none';
  }
  
  window.addEventListener('scroll', function() {
    const scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
    const windowHeight = window.innerHeight;
    const halfWindowHeight = windowHeight / 2;
  
    // Clear the previous timeout every time the user scrolls
    clearTimeout(scrollTimeout);
  
    // Check if the user has scrolled more than half the window height
    if (scrollPosition > halfWindowHeight) {
      document.querySelector('.circle').style.display = 'flex'; // Show the circle
      // Set a timeout to hide the circle if the user stops scrolling for 2 seconds
      scrollTimeout = setTimeout(hideCircle, 2000);
    } else {
      hideCircle(); // Hide the circle if not halfway down
    }
  });
  

  document.addEventListener("DOMContentLoaded", function() {

    window.myAjaxinateCallback = function(response) {
      // Assuming response is the newly loaded document fragment from Ajaxinate
      var newProducts = response.querySelectorAll('.product-flexbox');
      newProducts.forEach(function(product) {
        var productId = product.getAttribute('data-product-id');
        // You need to figure out how to get hiveData for each product here
        //var hiveDataAttribute = product.getAttribute('data-hive-data');
        var hiveDataAttribute = document.querySelector('#Product' + productId).innerHTML;
        // console.log(hiveDataAttribute);
        // console.log(JSON.parse(hiveDataHidden));
        //console.log(hiveDataAttribute); // Log the attribute as it is in the HTML
        try {
            var hiveData = JSON.parse(hiveDataAttribute);
            //console.log(typeof hiveData, hiveData); // Should log "object" and then the parsed object
        } catch (error) {
            //console.error('Error parsing hive data for product ID:', productId, error);
        }
        // Call your function for each new product
        my_render_product_options(hiveData, productId);
      });
      document.querySelector('.circle').style.display = 'flex';
    }
    window.endlessScroll = new Ajaxinate({
      container: '#product-grid',
      pagination: '#infinite-scroll',
      callback: window.myAjaxinateCallback
    });
  });   
</script>

<script>
  function getInputValue(id) {
    var inputQty = document.querySelector("#Quantity-"+id).value;
    var tier_original_price = document.querySelector("#Quantity-"+id).getAttribute("data-tier_original");
    var tier1_min = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier1_min"));
    var tier1_max = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier1_max"));
    var tier1_discount = document.querySelector("#Quantity-"+id).getAttribute("data-tier1_discount-price");
    var tier1_percent = document.querySelector("#Quantity-"+id).getAttribute("data-tier1_discount-percent");
    
    var tier2_min = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier2_min"));
    var tier2_max = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier2_max"));
    var tier2_discount = document.querySelector("#Quantity-"+id).getAttribute("data-tier2_discount-price");
    var tier2_percent = document.querySelector("#Quantity-"+id).getAttribute("data-tier2_discount-percent");

    var tier3_min = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier3_min"));
    var tier3_discount = document.querySelector("#Quantity-"+id).getAttribute("data-tier3_discount-price");
    var tier3_percent = document.querySelector("#Quantity-"+id).getAttribute("data-tier3_discount-percent");    


    if (inputQty >= tier1_min && inputQty <= tier1_max) {
      document.querySelector('.price__sale'+id).style.display = 'inline-block';
      document.querySelector('.price__regular'+id).style.display = 'none';
      document.querySelector('.price-item--sale'+id).innerHTML = tier1_discount;
      document.querySelector('.price-tiered--regular'+id).innerHTML = tier_original_price;      
      document.querySelector('.price-item--percent'+id).innerHTML = tier1_percent + '% off';      
    } else if ((inputQty >= tier2_min && inputQty <= tier2_max) || (inputQty >= tier2_min && tier3_min == 0)) {
      document.querySelector('.price__sale'+id).style.display = 'inline-block';
      document.querySelector('.price__regular'+id).style.display = 'none';
      document.querySelector('.price-item--sale'+id).innerHTML = tier2_discount;
      document.querySelector('.price-tiered--regular'+id).innerHTML = tier_original_price;
      document.querySelector('.price-item--percent'+id).innerHTML = tier2_percent + '% off';
    } else if (inputQty >= tier3_min && tier3_min != 0) {
      document.querySelector('.price__sale'+id).style.display = 'inline-block';
      document.querySelector('.price__regular'+id).style.display = 'none';
      document.querySelector('.price-item--sale'+id).innerHTML = tier3_discount;
      document.querySelector('.price-tiered--regular'+id).innerHTML = tier_original_price;
      document.querySelector('.price-item--percent'+id).innerHTML = tier3_percent + '% off';
    } else {
      document.querySelector('.price__sale'+id).style.display = 'none';
      document.querySelector('.price__regular'+id).style.display = 'block';    
    } 
  };

  function tieredPricing(id) {
    var cinputQty = document.querySelector("#Quantity-"+id).value;
    var ctier1_min = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier1_min"));
    var ctier1_max = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier1_max"));
    var ctier1_discount = document.querySelector("#Quantity-"+id).getAttribute("data-tier1_discount-price");
    
    var ctier2_min = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier2_min"));
    var ctier2_max = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier2_max"));
    var ctier2_discount = document.querySelector("#Quantity-"+id).getAttribute("data-tier2_discount-price");

    var ctier3_min = parseInt(document.querySelector("#Quantity-"+id).getAttribute("data-tier3_min"));
    var ctier3_discount = document.querySelector("#Quantity-"+id).getAttribute("data-tier3_discount-price");


    if (cinputQty >= ctier1_min && cinputQty <= ctier1_max) {
      setTimeout(function() {      
        document.querySelector("#quickAdd").innerHTML = ctier1_discount + " /ea.";
      }, 2000);
    } else if ((cinputQty >= ctier2_min && cinputQty <= ctier2_max) || (cinputQty >= ctier2_min && ctier3_min == 0)) {
      setTimeout(function() {      
        document.querySelector("#quickAdd").innerHTML = ctier2_discount + " /ea.";
      }, 2000);
    } else if (cinputQty >= ctier3_min && ctier3_min != 0) {
      setTimeout(function() {      
        document.querySelector("#quickAdd").innerHTML = ctier3_discount + " /ea.";
      }, 2000);
    }  
  }
</script>

<script>
  document.addEventListener("DOMContentLoaded", function() {

    var widgetContainers = document.querySelectorAll('.judge-me-widget-container');

    widgetContainers.forEach(function(widgetContainer) {
      var badgeElement = widgetContainer.querySelector('.jdgm-prev-badge');

      if (badgeElement) {
        var numberOfReviews = badgeElement.getAttribute('data-number-of-reviews');
        if (numberOfReviews !== '0') {
          widgetContainer.style.display = 'block';
        }
      }
    });

    document.querySelectorAll('#myDropdown1 a').forEach(function(a) {
      // Extract the href attribute
      let href = a.getAttribute('href');
      // Use a regular expression to find numbers in the href
      let numbers = href.match(/\d+/g);
      if (numbers) {
          // For each number found, replace it in the href and the textContent with a formatted version
          numbers.forEach(function(number) {
              let formattedNumber = parseInt(number).toLocaleString();
              href = href.replace(number, formattedNumber);
              a.textContent = a.textContent.replace(number, formattedNumber);
          });
          // Update the link's href attribute and text content with the formatted numbers
          // a.setAttribute('href', href);
      }
    });

    $("#dropbtn1").on("click", function() {
      document.getElementById("myDropdown1").classList.toggle("show");
    });
  
    $("#dropbtn2").on("click", function() {
      document.getElementById("myDropdown2").classList.toggle("show");
    });
  
    $("#dropbtn3").on("click", function() {
      document.getElementById("myDropdown3").classList.toggle("show");
    });
  });
  
  window.onclick = function(event) {
    if (!event.target.matches('.dropbtn1, .dropbtn2, .dropbtn3')) {
      var dropdowns1 = document.getElementsByClassName("custom-dropdown-content");
      var i;
      for (i = 0; i < dropdowns1.length; i++) {
        var openDropdown1 = dropdowns1[i];
        if (openDropdown1.classList.contains('show')) {
          openDropdown1.classList.remove('show');
        }
      }
    }
  }  
  
  
  </script>

<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-pagination.css?v=87603148812194603181731511171" media="print" onload="this.media='all'" />
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-pagination.css?v=87603148812194603181731511171" rel="stylesheet" type="text/css" media="all" /></noscript>

<style> #shopify-section-template--17527247405237__product-grid table:not([class]) td, #shopify-section-template--17527247405237__product-grid table:not([class]) th {padding: 0.1em; border: 1px solid black;} #shopify-section-template--17527247405237__product-grid table:not([class]) {border-style: solid;} </style></div>
    </main>
    <div id="shopify-section-footer" class="shopify-section">
<link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/section-footer.css?v=164555776197593283831731511172" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-newsletter.css?v=103472482056003053551731511171" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-menu.css?v=151968516119678728991731511171" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-payment.css?v=69253961410771838501731511171" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-social.css?v=52211663153726659061731511170" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-rte.css?v=77763503391870301951731511172" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/disclosure.css?v=646595190999601341731511171" media="print" onload="this.media='all'">

<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-newsletter.css?v=103472482056003053551731511171" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-menu.css?v=151968516119678728991731511171" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-payment.css?v=69253961410771838501731511171" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-list-social.css?v=52211663153726659061731511170" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-rte.css?v=77763503391870301951731511172" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/disclosure.css?v=646595190999601341731511171" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer {
    margin-top: 0px;
  }

  .section-footer-padding {
    padding-top: 27px;
    padding-bottom: 0px;
  }
  .footer-block ul li a {
    color: rgb(249, 249, 249)!important;
  }
  .footer-block ul li a:hover {
    color: rgb(249, 249, 249);
    text-decoration: underline;
  }  
  .footer {
    border-top: 5px solid #FCBD40!important;
  }
  .footer-bar {
    position: absolute;
    margin-top: 10px;
  }
  .footer-bar img {
    width: 300%;
    overflow:hidden;
  }
  .about-us ul {
    padding: 0;
    margin-top: 0.1em;
  }
  .about-us ul li {
    color: rgb(249, 249, 249);
    list-style-type: none;
  }
  .about-us ul li a {
    color: rgb(249, 249, 249);
    text-decoration: none;
  }
  .social {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .social span {
    margin-right: 8px;
  }
  .kl-private-reset-css-Xuajs1 p {
    text-align: center!important;
  }  
  .klaviyo-form {
    padding: 0px!important;
  }  
  .footer-image  {
    color: #fff;
    background: #121212;
    background-image: url("//sb-uscc.myshopify.com/cdn/shop/files/footer-chevrons_x15.png?9726");
    background-repeat: repeat-x;  
    height: 29px;
  }   
  @media screen and (min-width: 750px) {
    .footer-image  {
      background-image: url("//sb-uscc.myshopify.com/cdn/shop/files/footer-chevrons_x25.png?9726");
    }       
    .footer {
      margin-top: 0px;
    }
    .footer-bar {
      margin-top: 15px;
      height: 22px;
    }
    .footer-bar img {
      width: 100%;
    }
    .section-footer-padding {
      padding-top: 36px;
      padding-bottom: 0px;
    }
    .kl-private-reset-css-Xuajs1 p {
      text-align: left!important;
    }    
  }
  .footer__awards img {
    max-width: 100%;
  }</style><footer class="footer color-inverse gradient section-footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div class="footer-block grid__item" ><h2 class="footer-block__heading">Contact</h2><div class="footer-block__details-content rte">
                    <div class="about-us">
  <ul>
    <li>U.S. Cargo Control</li>
    <li>202 Blue Creek Drive</li>
    <li>Urbana, IA 52345</li>
    <li>(866) 444-9990</li>
    <li><a href="mailto:customerservice@uscargocontrol.com">Email Us</a></li>
  </ul>
  <div class="social small-hide">
    <span><a href="https://www.facebook.com/USCargoControl" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M15,3c-6.627,0 -12,5.373 -12,12c0,6.016 4.432,10.984 10.206,11.852v-8.672h-2.969v-3.154h2.969v-2.099c0,-3.475 1.693,-5 4.581,-5c1.383,0 2.115,0.103 2.461,0.149v2.753h-1.97c-1.226,0 -1.654,1.163 -1.654,2.473v1.724h3.593l-0.487,3.154h-3.106v8.697c5.857,-0.794 10.376,-5.802 10.376,-11.877c0,-6.627 -5.373,-12 -12,-12z"></path></g></g></svg></a></span>
    <span><a href="https://www.youtube.com/@USCargoControl" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="24px" height="24px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(10.66667,10.66667)"><path d="M21.582,6.186c-0.23,-0.86 -0.908,-1.538 -1.768,-1.768c-1.56,-0.418 -7.814,-0.418 -7.814,-0.418c0,0 -6.254,0 -7.814,0.418c-0.86,0.23 -1.538,0.908 -1.768,1.768c-0.418,1.56 -0.418,5.814 -0.418,5.814c0,0 0,4.254 0.418,5.814c0.23,0.86 0.908,1.538 1.768,1.768c1.56,0.418 7.814,0.418 7.814,0.418c0,0 6.254,0 7.814,-0.418c0.861,-0.23 1.538,-0.908 1.768,-1.768c0.418,-1.56 0.418,-5.814 0.418,-5.814c0,0 0,-4.254 -0.418,-5.814zM10,14.598v-5.196c0,-0.385 0.417,-0.625 0.75,-0.433l4.5,2.598c0.333,0.192 0.333,0.674 0,0.866l-4.5,2.598c-0.333,0.193 -0.75,-0.048 -0.75,-0.433z"></path></g></g></svg></a></span>
    <span><a href="https://www.instagram.com/uscargocontrol/" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(10.66667,10.66667)"><path d="M8,3c-2.757,0 -5,2.243 -5,5v8c0,2.757 2.243,5 5,5h8c2.757,0 5,-2.243 5,-5v-8c0,-2.757 -2.243,-5 -5,-5zM8,5h8c1.654,0 3,1.346 3,3v8c0,1.654 -1.346,3 -3,3h-8c-1.654,0 -3,-1.346 -3,-3v-8c0,-1.654 1.346,-3 3,-3zM17,6c-0.55228,0 -1,0.44772 -1,1c0,0.55228 0.44772,1 1,1c0.55228,0 1,-0.44772 1,-1c0,-0.55228 -0.44772,-1 -1,-1zM12,7c-2.757,0 -5,2.243 -5,5c0,2.757 2.243,5 5,5c2.757,0 5,-2.243 5,-5c0,-2.757 -2.243,-5 -5,-5zM12,9c1.654,0 3,1.346 3,3c0,1.654 -1.346,3 -3,3c-1.654,0 -3,-1.346 -3,-3c0,-1.654 1.346,-3 3,-3z"></path></g></g></svg></a></span>
    <span><a href="https://www.linkedin.com/company/us-cargo-control/" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M24,4h-18c-1.105,0 -2,0.895 -2,2v18c0,1.105 0.895,2 2,2h18c1.105,0 2,-0.895 2,-2v-18c0,-1.105 -0.895,-2 -2,-2zM10.954,22h-2.95v-9.492h2.95zM9.449,11.151c-0.951,0 -1.72,-0.771 -1.72,-1.72c0,-0.949 0.77,-1.719 1.72,-1.719c0.948,0 1.719,0.771 1.719,1.719c0,0.949 -0.771,1.72 -1.719,1.72zM22.004,22h-2.948v-4.616c0,-1.101 -0.02,-2.517 -1.533,-2.517c-1.535,0 -1.771,1.199 -1.771,2.437v4.696h-2.948v-9.492h2.83v1.297h0.04c0.394,-0.746 1.356,-1.533 2.791,-1.533c2.987,0 3.539,1.966 3.539,4.522z"></path></g></g></svg></a></span>
  </div>
  <div class="klaviyo small-hide">
    <div class="klaviyo-form-Vq7JBm"></div>
  </div>
</div>
                  </div></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">About</h2><ul class="footer-block__details-content list-unstyled"><li>
                          <a href="/blogs/news" class="link link--text list-menu__item list-menu__item--link">
                            Blog
                          </a>
                        </li><li>
                          <a href="/pages/about-us" class="link link--text list-menu__item list-menu__item--link">
                            About Us
                          </a>
                        </li><li>
                          <a href="/pages/shipping-returns" class="link link--text list-menu__item list-menu__item--link">
                            Shipping & Returns
                          </a>
                        </li><li>
                          <a href="/pages/glossary" class="link link--text list-menu__item list-menu__item--link">
                            Glossary
                          </a>
                        </li><li>
                          <a href="/pages/military-discount-program" class="link link--text list-menu__item list-menu__item--link">
                            Military Discount
                          </a>
                        </li><li>
                          <a href="/pages/privacy-policy" class="link link--text list-menu__item list-menu__item--link">
                            Privacy Policy
                          </a>
                        </li><li>
                          <a href="/pages/terms-conditions" class="link link--text list-menu__item list-menu__item--link">
                            Terms
                          </a>
                        </li><li>
                          <a href="/pages/contact-us" class="link link--text list-menu__item list-menu__item--link">
                            Contact Us
                          </a>
                        </li></ul></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Help</h2><ul class="footer-block__details-content list-unstyled"><li>
                          <a href="/pages/why-shop-here" class="link link--text list-menu__item list-menu__item--link">
                            Why Shop Here
                          </a>
                        </li><li>
                          <a href="/pages/customer-service" class="link link--text list-menu__item list-menu__item--link">
                            Customer Service
                          </a>
                        </li><li>
                          <a href="/pages/payment-options" class="link link--text list-menu__item list-menu__item--link">
                            Payment Options
                          </a>
                        </li><li>
                          <a href="/pages/government-procurement" class="link link--text list-menu__item list-menu__item--link">
                            Government Buying
                          </a>
                        </li><li>
                          <a href="/pages/frequently-asked-questions" class="link link--text list-menu__item list-menu__item--link">
                            FAQ
                          </a>
                        </li><li>
                          <a href="/pages/coupon-codes" class="link link--text list-menu__item list-menu__item--link">
                            Coupon Codes
                          </a>
                        </li></ul></div><div class="footer-block grid__item footer-block--menu" ><h2 class="footer-block__heading">Shop</h2><ul class="footer-block__details-content list-unstyled"><li>
                          <a href="https://shopify.com/55989371061/account" class="link link--text list-menu__item list-menu__item--link">
                            B2B Login
                          </a>
                        </li></ul></div></div><div class="footer-block--newsletter"></div>
    </div><div class="footer__content-bottom">
    <div class="footer__content-bottom-wrapper page-width">
      <div class="footer__column footer__localization isolate"></div>
      <div class="footer__column footer__column--info" style="padding-bottom: 30px;"><div class="social medium-hide large-up-hide">
          <span><a href="https://www.facebook.com/USCargoControl" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M15,3c-6.627,0 -12,5.373 -12,12c0,6.016 4.432,10.984 10.206,11.852v-8.672h-2.969v-3.154h2.969v-2.099c0,-3.475 1.693,-5 4.581,-5c1.383,0 2.115,0.103 2.461,0.149v2.753h-1.97c-1.226,0 -1.654,1.163 -1.654,2.473v1.724h3.593l-0.487,3.154h-3.106v8.697c5.857,-0.794 10.376,-5.802 10.376,-11.877c0,-6.627 -5.373,-12 -12,-12z"></path></g></g></svg></a></span>
          <span><a href="https://www.youtube.com/@USCargoControl" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="24px" height="24px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(10.66667,10.66667)"><path d="M21.582,6.186c-0.23,-0.86 -0.908,-1.538 -1.768,-1.768c-1.56,-0.418 -7.814,-0.418 -7.814,-0.418c0,0 -6.254,0 -7.814,0.418c-0.86,0.23 -1.538,0.908 -1.768,1.768c-0.418,1.56 -0.418,5.814 -0.418,5.814c0,0 0,4.254 0.418,5.814c0.23,0.86 0.908,1.538 1.768,1.768c1.56,0.418 7.814,0.418 7.814,0.418c0,0 6.254,0 7.814,-0.418c0.861,-0.23 1.538,-0.908 1.768,-1.768c0.418,-1.56 0.418,-5.814 0.418,-5.814c0,0 0,-4.254 -0.418,-5.814zM10,14.598v-5.196c0,-0.385 0.417,-0.625 0.75,-0.433l4.5,2.598c0.333,0.192 0.333,0.674 0,0.866l-4.5,2.598c-0.333,0.193 -0.75,-0.048 -0.75,-0.433z"></path></g></g></svg></a></span>
          <span><a href="https://www.instagram.com/uscargocontrol/" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(10.66667,10.66667)"><path d="M8,3c-2.757,0 -5,2.243 -5,5v8c0,2.757 2.243,5 5,5h8c2.757,0 5,-2.243 5,-5v-8c0,-2.757 -2.243,-5 -5,-5zM8,5h8c1.654,0 3,1.346 3,3v8c0,1.654 -1.346,3 -3,3h-8c-1.654,0 -3,-1.346 -3,-3v-8c0,-1.654 1.346,-3 3,-3zM17,6c-0.55228,0 -1,0.44772 -1,1c0,0.55228 0.44772,1 1,1c0.55228,0 1,-0.44772 1,-1c0,-0.55228 -0.44772,-1 -1,-1zM12,7c-2.757,0 -5,2.243 -5,5c0,2.757 2.243,5 5,5c2.757,0 5,-2.243 5,-5c0,-2.757 -2.243,-5 -5,-5zM12,9c1.654,0 3,1.346 3,3c0,1.654 -1.346,3 -3,3c-1.654,0 -3,-1.346 -3,-3c0,-1.654 1.346,-3 3,-3z"></path></g></g></svg></a></span>
          <span><a href="https://www.linkedin.com/company/us-cargo-control/" target="_new"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px" fill-rule="nonzero"><g fill="#fcbd40" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M24,4h-18c-1.105,0 -2,0.895 -2,2v18c0,1.105 0.895,2 2,2h18c1.105,0 2,-0.895 2,-2v-18c0,-1.105 -0.895,-2 -2,-2zM10.954,22h-2.95v-9.492h2.95zM9.449,11.151c-0.951,0 -1.72,-0.771 -1.72,-1.72c0,-0.949 0.77,-1.719 1.72,-1.719c0.948,0 1.719,0.771 1.719,1.719c0,0.949 -0.771,1.72 -1.719,1.72zM22.004,22h-2.948v-4.616c0,-1.101 -0.02,-2.517 -1.533,-2.517c-1.535,0 -1.771,1.199 -1.771,2.437v4.696h-2.948v-9.492h2.83v1.297h0.04c0.394,-0.746 1.356,-1.533 2.791,-1.533c2.987,0 3.539,1.966 3.539,4.522z"></path></g></g></svg></a></span>
        </div>        
        <div class="klaviyo medium-hide large-up-hide">
          <div class="klaviyo-form-Vq7JBm"></div>
        </div>
        <div class="footer__awards">
          <a href="/pages/our-awards">
            <img src="//sb-uscc.myshopify.com/cdn/shop/files/award-logos-2023_large.png?9726">
          </a>
        </div>     
        <div class="footer__copyright caption">
          <small class="copyright__content">&copy; 2025, <a href="/" title="">sb-uscc</a> All Rights Reserved</small>
        </div>
      </div>
    </div>  
  </div>
  <a href="#" class="open-chat" style="float:right">.</a>
  <div class="footer-image">&nbsp;</div>
</footer>





<style>
@media (max-width: 749px) {
  .grid .footer-block.grid__item {
    margin: 0;
  }
  .grid .footer-block__heading {
    position: relative;
    margin: 0;
    padding: 1.5rem 0;
    cursor: pointer;
  }
  .grid .footer-block__heading::after {
    content: "";
    border: 2px solid currentColor;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all .3s;
  }
  .grid .footer-block__heading:not(.block-collapsed)::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg); 
  }
  .grid .footer-block__heading.block-collapsed + .footer-block__details-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    transition: all .2s ease-out;
    overflow: hidden;
  }
  .grid .footer-block__heading + .footer-block__details-content {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 3rem;
  }

}
.bg-transparent {
  background-color: transparent!important
}
.bg-border-left-radius {
  border-bottom-left-radius: 0px!important;
  border-top-left-radius: 0px!important;
}
.bg-border-right-radius {
  border-bottom-right-radius: 0px!important;
  border-top-right-radius: 0px!important;
}
</style>

<script>
window.addEventListener('DOMContentLoaded', () => {

  setTimeout(function() {
    var klavs = document.querySelectorAll(".kl-private-reset-css-Xuajs1");
    klavs.forEach(function(item, index) {
      if (index==11) {
        item.classList.add("bg-transparent");
      }
      if (index==12) {
        item.classList.add("bg-border-left-radius");
      }      
      if (index==9) {
        item.classList.add("bg-border-right-radius");
      }            
    });
  }, 500);

  if (window.matchMedia('(min-width: 750px)').matches) {
    return
  }

  const handleCollapse = (heading) => {
    if (heading.classList.contains('block-collapsed')) {
      heading.classList.remove('block-collapsed')
      heading.setAttribute('aria-expanded', 'true')
    } else {
      heading.classList.add('block-collapsed')
      heading.setAttribute('aria-expanded', 'false')
    }
  }
  
  document.querySelectorAll('.grid .footer-block__heading').forEach((heading, index) => {
    heading.classList.add('block-collapsed')
    heading.setAttribute('role', 'button')
    heading.setAttribute('aria-expanded', 'false')
    heading.setAttribute('tabindex', '1')

    heading.nextElementSibling.setAttribute('id', `footer-block-index-${index}`)
    heading.setAttribute('aria-controls', `footer-block-index-${index}`)

    heading.addEventListener('click', () => { handleCollapse(heading); console.log('wtf2'); })
    heading.addEventListener('keypress',  () => { handleCollapse(heading) })
  })

})
</script>


</div>    
    <style>
    /* Site Chat */
    .chat-window {
      display: none;
      border: none;
      width: 320px;
      height: 475px;
      position: fixed;
      z-index: 10000;
      bottom: -5px;
      right: 5px;
      background: #000;    
    }
    
    .chat-window-iframe {
      height: 100%;
      border: 1px solid #000;
      margin-top: -20px;
      width: 100%;
      padding-bottom: 35px;
    }
    .minimize {
      transition: all 0.5s ease;
      will-change: transform;    
      bottom: -475px;  
    } 
    .maximize {
      transition: all 0.5s ease;
      will-change: transform;    
      bottom: -5px;  
    }
    .chat, .email-us {
      position: fixed;
      right: 10px;
      bottom: 10px;
      height: 80px;
      z-index: 2; 
      cursor: pointer;
    }
    .chat.closed {
      display: none
    }
    .chat.open {
      display: block;
    }
    
    @media (max-width: 768px) {
      .chat {
        height: 55px;
      }
    }
    .chat-min {
      color: #fff;
      z-index: 999999;
      position: relative;
      bottom: 30px;
      left: 240px;
      border: 1px solid #000;
      padding: 3px 24px 3px 8px;
      background: #000;
      cursor: pointer;
      width: 32px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }
    .chat-min.min .x, .chat-min.max .chev{
      display: block;
    }
    .chat-min.min .chev, .chat-min.max .x{
      display: none;
    }
    .x {
      margin-left: -6px;
    }
    .chev {
      margin-left: -4px;
    }
    </style>

    
    <div class="chat-window">
      <div class="chat-min min">        
      
        <svg class="x" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="30px" height="30px"><g fill-opacity="1" fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M7.97852,5.98047c-0.81349,0.00101 -1.54534,0.49459 -1.85108,1.24844c-0.30574,0.75385 -0.12447,1.61777 0.4585,2.18515l5.58594,5.58594l-5.58594,5.58594c-0.52247,0.50163 -0.73294,1.24653 -0.55022,1.94741c0.18271,0.70088 0.73006,1.24822 1.43094,1.43094c0.70088,0.18271 1.44578,-0.02775 1.94741,-0.55022l5.58594,-5.58594l5.58594,5.58594c0.50163,0.52248 1.24653,0.73295 1.94742,0.55024c0.70088,-0.18271 1.24823,-0.73006 1.43094,-1.43094c0.18271,-0.70088 -0.02776,-1.44578 -0.55024,-1.94742l-5.58594,-5.58594l5.58594,-5.58594c0.59152,-0.57498 0.76938,-1.45413 0.44787,-2.21383c-0.32151,-0.75969 -1.07643,-1.24409 -1.90099,-1.21977c-0.5196,0.01548 -1.01276,0.23264 -1.375,0.60547l-5.58594,5.58594l-5.58594,-5.58594c-0.37701,-0.38755 -0.89487,-0.60596 -1.43555,-0.60547z"></path></g></g></svg>
        
      </div>
      <iframe id="chat-frame" class="chat-window-iframe"></iframe>
    </div>	
    
    <div class="chat-email">
      <img class="email-us" src="//sb-uscc.myshopify.com/cdn/shop/files/USCC-chat-button-email_medium.png?9726">
    </div>
    
    
    
    <script>
    sessionStorage.removeItem('is_chat');
    sessionStorage.removeItem('is_min');
    </script>
    
    <script>
    document.addEventListener("DOMContentLoaded", function() {
      setTimeout(function() {
      const is_chat = sessionStorage.getItem('is_chat');
      const is_min = sessionStorage.getItem('is_min');  
      if (is_chat == 1) {
        if (is_min == 1) {
          document.querySelector(".chat-window").classList.add("minimize");
        }
        document.querySelector(".chat-window").style.display = 'block';
        var url_string = window.location.href;
        var chat_url = "https://symbeeconnect.com/symbee-connect-chatclient/chatClient/clickstop/prod/US Cargo?url="+url_string;
        document.querySelector('.chat-window-iframe').setAttribute('src', chat_url);            
        document.querySelector(".chat").style.display = 'none';
        if (is_min == 1) {
          document.querySelector(".chat-window").classList.add("minimize");
        }       
      } else {    
        document.querySelector(".chat").classList.remove("closed");
        document.querySelector(".chat").classList.add("open");         
      }
    
      const chat = document.querySelector(".chat-min");
      chat.addEventListener("click", function() {
        if (chat.classList.contains("min")) {
          sessionStorage.setItem('is_min', "1");
          document.querySelector(".min").classList.add("max");
          document.querySelector(".min").classList.remove("min");      
          document.querySelector(".chat-window").classList.remove("maximize");
          document.querySelector(".chat-window").classList.add("minimize");
          document.querySelector(".chev").style.display = 'block';
          document.querySelector(".x").style.display = 'none';           
        } else {
          sessionStorage.setItem('is_min', "0");
          document.querySelector(".max").classList.add("min");
          document.querySelector(".max").classList.remove("max");      
          document.querySelector(".chat-window").classList.remove("minimize");
          document.querySelector(".chat-window").classList.add("maximize");
          document.querySelector(".chev").style.display = 'none';
          document.querySelector(".x").style.display = 'block';                   
        }
      });
          
      document.querySelector(".chat").addEventListener("click", function () {

        var url_string = window.location.href;
        var chat_url = "https://symbeeconnect.com/symbee-connect-chatclient/chatClient/clickstop/prod/US Cargo?url="+url_string;
        document.querySelector('.chat-window-iframe').setAttribute('src', chat_url);          
        document.querySelector(".chat-window").style.display = 'block';
        document.querySelector(".chat").style.display = 'none'; 
        document.querySelector(".chev").style.display = 'none';
        document.querySelector(".x").style.display = 'block';
        sessionStorage.setItem('is_chat', "1");  
      });

        document.querySelector(".open-chat").addEventListener("click", function () {
          var url_string = window.location.href;
          var chat_url = "https://symbeeconnect.com/symbee-connect-chatclient/chatClient/clickstop/prod/US Cargo?url="+url_string;
          document.querySelector('.chat-window-iframe').setAttribute('src', chat_url);
          document.querySelector(".chat-window").style.display = 'block';
          document.querySelector(".chat").style.display = 'none';
          document.querySelector(".chev").style.display = 'none';
          document.querySelector(".x").style.display = 'block';
          sessionStorage.setItem('is_chat', "1");
        });
        document.querySelector(".open-chat2").addEventListener("click", function () {
          var url_string = window.location.href;
          var chat_url = "https://symbeeconnect.com/symbee-connect-chatclient/chatClient/clickstop/prod/US Cargo?url="+url_string;
          document.querySelector('.chat-window-iframe').setAttribute('src', chat_url);
          document.querySelector(".chat-window").style.display = 'block';
          document.querySelector(".chat").style.display = 'none';
          document.querySelector(".chev").style.display = 'none';
          document.querySelector(".x").style.display = 'block';
          sessionStorage.setItem('is_chat', "1");
        });
    }, 600);


      
        console.log('21:47')
      document.querySelector(".email-us").addEventListener("click", function () {
        var email_url = "https://www.cognitoforms.com/USCargoControl1/ContactUs";
        document.querySelector('.chat-window-iframe').setAttribute('src', email_url);          
        document.querySelector(".chat-window").style.display = 'block';
        document.querySelector(".chat").style.display = 'none'; 
        document.querySelector(".chev").style.display = 'none';
        document.querySelector(".x").style.display = 'block';
        sessionStorage.setItem('is_chat', "1");  
      });       
      document.querySelector(".x").addEventListener("click", function () {
        sessionStorage.setItem('is_chat', "0"); 
        document.querySelector(".chat-window").style.display = 'none';             
      });
      
    });
    
    </script>   

    <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://sb-uscc.myshopify.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="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/predictive-search.js?v=31278710863581584031731511171" defer="defer"></script><!-- WPD Start -->
    

    
    <!-- WPD End -->
    <!-- wpd_app_integration start -->
    <script>
      function wpd_includefile(filename) {
        var head = document.getElementsByTagName("head")[0];
        var script = document.createElement("script");
        script.src = filename;
        script.type = "text/javascript";
        script.defer = true;
        script.async = true;
        head.appendChild(script)
      }
      
    </script>
    <!-- wpd_app_integration end -->
    
    
    
    
    
    <!-- ACCESSIBILITYSPARK START -->
    
  <script>
  
    (function(){
        var s = document.createElement('script'),
        e = ! document.body ? document.querySelector('head') : document.body;
        s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
        s.async = true;
        s.onload = function(){
          if (typeof window['acsbJS'] !== 'undefined' && typeof window['acsbJS'].init === 'function') {
            window['acsbJS'].init({"statementLink":"","footerHtml":"<a href=\"https://accessibilityspark.com/?ref=widget\" target=\"_blank\">Powered by AccessibilitySpark</a>","hideMobile":false,"hideTrigger":false,"language":"eu","position":"left","leadColor":"#898989","triggerColor":"#898989","triggerRadius":"50%","triggerPositionX":"left","triggerPositionY":"bottom","triggerIcon":"people","triggerSize":"medium","triggerOffsetX":120,"triggerOffsetY":60,"mobile":{"triggerSize":"medium","triggerPositionX":"left","triggerPositionY":"bottom","triggerOffsetX":160,"triggerOffsetY":32,"triggerRadius":"50%"}});
          }          
        };
        e.appendChild(s);
    }());
  
  </script>
    
    <!-- ACCESSIBILITYSPARK END -->
    
    
    	
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script>


<script src="https://cdn.auth0.com/js/auth0-spa-js/2.0/auth0-spa-js.production.js"></script>
<script>

  auth0.createAuth0Client({
    domain: "dev-clickstop.auth0.com",
    clientId: "QeAVhhw64UDJHBd1sPhCVoIl6PdmVRlh",
    authorizationParams: {
      redirect_uri: window.location.origin
    }
  }).then(async (auth0Client) => {
      
    //check if they are returning from the login domain
    if (location.search.includes("state=") && 
        (location.search.includes("code=") || 
        location.search.includes("error="))) {
      let resp = await auth0Client.handleRedirectCallback();
      const isAuthenticated = await auth0Client.isAuthenticated();
      const userProfile = await auth0Client.getUser();

      if (isAuthenticated) {
        //they are authenticated
        Cookies.set( 'cse', userProfile.sub, { expires: 30} );
      } else {
        //they are not authenticated
        Cookies.remove('cse');
      }
    
      window.history.replaceState({}, document.title, "/");
    }

    //check if they are authenticated already
    const isAuthenticated = await auth0Client.isAuthenticated();
    const userProfile = await auth0Client.getUser();
    //debugging auth data

    // Assumes an element with id "profile" in the DOM
    //const profileElement = document.getElementById("profile");
    if (isAuthenticated) {
      //they are authenticated
      Cookies.set( 'cse', userProfile.sub, { expires: 30} );
    } else {
      //they are not authenticated
      Cookies.remove('cse');
    }


    //check for login page element and attach event if so
    const loginButton = document.getElementById("sidekick-login");
    if(loginButton !== null){
      loginButton.addEventListener("click", (e) => {
        e.preventDefault();
        auth0Client.loginWithRedirect();
      });
    }    
    // Check if they are on a logout capable page and attach event if so
    const logoutButton = document.getElementById("sidekick-logout");
    if(logoutButton !== null){
      logoutButton.addEventListener("click", (e) => {
        e.preventDefault();
        auth0Client.logout();
      });
    }
  });

</script>

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>

<div id="dock-container" class="sidekick"></div>


  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/sidekick.js?v=28835907942040356651731511172" defer="defer"></script>
  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/dock.js?v=150180557723412707681731511170" defer="defer"></script>
  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/empty.js?v=147183072063097783341731511170" defer="defer"></script>

  <link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/sidekick.css?v=117414892139533957471731511170">

  <script>
    // Create our number formatter.
    const formatter = new Intl.NumberFormat('en-IN', {
      minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)
      maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)
    });
 auth0.createAuth0Client({
    domain: "dev-clickstop.auth0.com",
    clientId: "QeAVhhw64UDJHBd1sPhCVoIl6PdmVRlh",
    authorizationParams: {
      redirect_uri: window.location.origin
    }
  }).then(async (auth0Client) => {
    const a = Cookies.get('cse');

   if(typeof(a) !== 'undefined'){
      showDock();
     
   }
   });
    
    function checkDockDroppedState(event, ui){
      //check if the element is too far off screen OR if it should be set to minimize
      let dockHelper = ui;
      let moveTop = null;
      let moveLeft = null;
      let moveRight = null;
      let moveBottom = null;
     
      //if the element is off the top of the screen
      if(ui.offset.top < 0){ moveTop = 10; }
      
      //if the element is off the left of the screen
      if(ui.offset.left < "-220"){ moveLeft = -210;  }
      
      //if the element is not "minimized" then set it to minimize mode
      if(ui.offset.left > "-105"){
        $("#minimize").removeClass("hidden");
        $("#maximize").removeClass("hidden").addClass("hidden");
      }

      let windowWidth = $(window).width();
      let dockWidth = ui.helper[0].offsetWidth;

      let windowHeight = $(window).height();
      let dockHeight = ui.helper[0].offsetHeight;

      if(ui.offset.left > windowWidth - dockWidth){
        moveRight = windowWidth - dockWidth - 10;
      }
      if(ui.offset.top > windowHeight - dockHeight){
        moveBottom = windowHeight - dockHeight -20;
      }
      
      adjustDockPosition([moveTop, moveLeft, moveRight, moveBottom]);
    }

    function adjustDockPosition(positions){
      if(positions[0]){
        //we need to move the dock down a bit
        $("#dock-wrapper").animate({top: "10px"}, 250);
      }
      if(positions[1]){
        //we need to move the dock right a bit
        $("#dock-wrapper").animate({left: "-200px"}, 250);
        $("#maximize").removeClass("hidden");
        $("#minimize").removeClass("hidden").addClass("hidden");
      }
      if(positions[2]){
        //we need to move the dock left a bit
        $("#dock-wrapper").animate({left: positions[2]}, 250);
      }
      if(positions[3]){
        //we need to move the dock up a bit
        $("#dock-wrapper").animate({top: positions[3]}, 250);
      }
    }

    function toggleMinMax(){
      $("#minimize, #maximize").toggleClass("hidden");
    }
    function setToMin(){
      $("#minimize, #maximize").addClass("hidden");
      $("#minimize").removeClass("hidden");
    }

    //get the data
    // https://j1a4v4x40i.execute-api.us-east-1.amazonaws.com/v1
    function showDock(){
      const dcontainer = document.querySelector("#dock-container");
      let template = Handlebars.templates['dock.tpl'];
      dcontainer.innerHTML = template( );
      $( function() {
        $( ".ui-draggable" ).draggable({
          stop: function( event, ui ) {
            checkDockDroppedState(event, ui);
          },
          handle: ".ui-draggable-handle"
        });
      } );

  $( "#pin" ).on("click", function(){
    $('#dock-wrapper').animate({top: "50px", left: "-10px"}, 500);
    setToMin();
  });

  $( "#minimize" ).on("click", function(){
    toggleMinMax();
    $('#dock-wrapper').animate({top: "50px", left: "-260px"}, 500);
  });
  $( "#maximize" ).on("click", function(){
    toggleMinMax();
    $('#dock-wrapper').animate({top: "50px", left: "-10px"}, 500);
  });
      
      $("#loading").removeClass("hidden");
      let sku = $('.product-sku span');

      if(sku.length){
        $("#dock").append("Loading data for " + sku[0].innerText + " ...");

        let myData = $.ajax( {
          //display loading indicator in dock
          url: "https://j1a4v4x40i.execute-api.us-east-1.amazonaws.com/v1?sku=" + sku[0].innerText,
          type: "GET",
          crossDomain: true,
          contentType: "application/json"
          })
          .done(function(resp) {
            
            let location_data = resp.location_data;
            const container = document.querySelector("#dock");
            let template = Handlebars.templates['sidekick.tpl'];
  
            const context = {
                itemCost: formatter.format(resp.cost),
                itemPrice: formatter.format(resp.price),
                arrivalDate: resp.next_arrival_date,
                arrivalQty: resp.next_arrival_qty,
                palletQty: resp.pallet_qty,
                masterCartonQty: resp.master_carton_qty,
                location: location_data,
                costNotFound: resp.cost_not_found,
                internalid: resp.internalid,
                isKit: resp.isKit,
                itemBuyer: resp.itemBuyer

            };
            container.innerHTML = template( context );
            calculateMargin();
            
            //$( "#qty-available" ).html( "Location: " + resp.inventory_location + " " + resp.inventory_location_qty )
            //$( "#next-arrival-date" ).html( "Next Arrival: " + resp.next_arrival_qty + " on " + resp.next_arrival_date )
  
          })
          .fail(function(jqXHR, textStatus, errorThrown) {
            $("#dock").append("<br>Error loading data. A developer has been notified and will investigate.");
          })
          .always(function() {
            $("#loading").addClass("hidden");
               $('#calcMargin').on("click", function(e){
                calculateMargin();
            });
            $('#calcSell').on("click", function(e){
                calculatePrice();
            });
          });
          /**/
      } else {
        const container = document.querySelector("#dock");

        let template = Handlebars.templates['empty.tpl'];
        container.innerHTML = template( {} );
      }
    }
    /**/

    function calculatePrice(){
    const costValue = document.querySelector("#cost").value.replace(/\,/g,'');
    const marginValue = document.querySelector("#current_margin").value.replace(/\,/g,'');
    const priceValue = Math.round(costValue / ( 1 - (marginValue/100) ) * 100 ) / 100;

    document.querySelector("#price").value = formatter.format(priceValue);
}
function calculateMargin(){
    const costValue = document.querySelector("#cost").value.replace(/\,/g,'');
  //console.log(costValue);
    const priceValue = document.querySelector("#price").value.replace(/\,/g,'');
  //console.log(parseFloat(priceValue.replace(/\,/g,'')));
    const marginValue = Math.round(( ( priceValue - costValue ) / priceValue ) * 1000 ) / 10;
  if(isNaN(marginValue)){
    document.querySelector("#current_margin").value = 'can\'t calculate margin';
    } else {
      document.querySelector("#current_margin").value = marginValue;
  }
}


  </script><div id="background-fader" class="hidden"></div>
    <style>
      .hidden{display:none}
      #background-fader{z-index: 50; position: fixed; top:0; left: 0; display: block; width:100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(6px); }
      .needsclick > * > p { text-align: center!important; } 
    </style>
  </body>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" defer></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer></script><script>
  document.addEventListener('DOMContentLoaded', function() {
    // Periodically check for the appearance of the cookie banner
    const checkBannerInterval = setInterval(() => {
      const banner = document.querySelector('.shopify-pc__banner__wrapper');
      if (banner) {
        clearInterval(checkBannerInterval); // Stop checking once the banner is found
    
        // Create the SVG "X" icon
        const svgNS = "http://www.w3.org/2000/svg";
        const svg = document.createElementNS(svgNS, "svg");
        svg.setAttributeNS(null, "viewBox", "0 0 24 24");
        svg.setAttributeNS(null, "width", "24");
        svg.setAttributeNS(null, "height", "24");
        svg.style.cursor = "pointer"; // Make it clickable
        svg.style.position = 'absolute';
        svg.style.right = '20px';
        svg.style.top = '15px';      
        const path = document.createElementNS(svgNS, "path");
        path.setAttributeNS(null, "d", "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
        path.setAttributeNS(null, "fill", "currentColor");
        svg.appendChild(path);
    
        // Append the SVG icon to the banner
        banner.appendChild(svg);
    
        // Mimic the Accept button's behavior when the SVG icon is clicked
        svg.addEventListener('click', () => {
          const acceptButton = document.querySelector('.shopify-pc__banner__btn-accept');
          if (acceptButton) {
            acceptButton.click(); // Programmatically click the Accept button
          }
        });
      }
    }, 300);
  
    // Set a timeout to stop the interval after 10 seconds
    setTimeout(() => {
      clearInterval(checkBannerInterval);
    }, 10000); // Stop after 10000 milliseconds (10 seconds)  
  });
</script></html>

<script>
document.addEventListener('DOMContentLoaded', function() {

  const width = window.innerWidth;
  const height = window.innerHeight;
  if (height < 800) {
    console.log(height);
  }

  var btn = document.querySelector('#continueShopping');
  btn.addEventListener('click', function() {
    document.querySelector('.cart-notification').classList.remove('active');
  });    

  var reviews = document.querySelectorAll('.jdgm-widget')
  for (i = 0; i < reviews.length; i++) {
    (function(i) {
      reviews[i].addEventListener('click', function() {
        document.querySelector('.reviews').setAttribute('open','');
      });
    })(i);
  }

  var body = document.getElementById('MainContent');
  var except = document.getElementById('menu-drawer');

  body.addEventListener("click", function () {
    document.querySelector(".menu-drawer-container").classList.remove("menu-opening");

      setTimeout(function() {      
        document.querySelector(".menu-drawer-container").removeAttribute("open");
        document.querySelector(".header__icon--summary").setAttribute("aria-expanded", "false");
      }, 500)
  }, false);
    except.addEventListener("click", function (ev) {    
    ev.stopPropagation(); //this is important! If removed, you'll get both alerts
  }, false);  

});
</script>