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/json+oembed" href="https://sb-uscc.myshopify.com/products/uscc-trucker-snapback-hat.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":"product"}</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":"aeacae09-035d-4052-8f9b-b4c725fd751d-1756796730","pageurl":"sb-uscc.myshopify.com\/products\/uscc-trucker-snapback-hat","u":"a06675976208","p":"product","rtyp":"product","rid":6624609271989};</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/products/uscc-trucker-snapback-hat"><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 Pacific Headware Hat - Trucker Snapback 104C
 &ndash; sb-uscc</title>
<meta name="description" content="The trucker snapback hat- the style that never gets old. Cotton front, mesh sides and back. USCC embroidered.">

    
<script type='application/json' class='wcp_json_39624909848757 wcp_json_6624609271989 wcp_json' id='wcp_json_6624609271989' >Liquid error (snippets/meta-tags line 110): Could not find asset snippets/wcp_product_json.liquid</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/json+oembed" href="https://sb-uscc.myshopify.com/products/uscc-trucker-snapback-hat.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":"product"}</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":"aeacae09-035d-4052-8f9b-b4c725fd751d-1756796730","pageurl":"sb-uscc.myshopify.com\/products\/uscc-trucker-snapback-hat","u":"a06675976208","p":"product","rtyp":"product","rid":6624609271989};</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 e010d755fd2fec0d --><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" defer>
	
		template = "product";
	
	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/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0559/8937/1061/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053" />
<meta property="og:image:width" content="3510" />
<meta property="og:image:height" content="3510" />
<meta property="og:image:alt" content="USCC Trucker Snapback Hat image 1 of 3" />
<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: "product"};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":[{"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"}],"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\",{}],[\"product_viewed\",{\"productVariant\":{\"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 = {"product":{"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":"product","resourceType":"product","resourceId":6624609271989}};
  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":"product","resourceType":"product","resourceId":6624609271989,"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",{"currency":"USD","variantId":39624909848757,"productId":6624609271989,"productGid":"gid:\/\/shopify\/Product\/6624609271989","name":"USCC Trucker Snapback Hat","price":"20.99","sku":"HAT104C-CHBLK","brand":"US Cargo Control","variant":null,"category":"","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":39624909848757,"productId":6624609271989,"productGid":"gid:\/\/shopify\/Product\/6624609271989","name":"USCC Trucker Snapback Hat","price":"20.99","sku":"HAT104C-CHBLK","brand":"US Cargo Control","variant":null,"category":"","nonInteraction":true,"referer":"https:\/\/sb-uscc.myshopify.com\/products\/uscc-trucker-snapback-hat"});
      }
    });


        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="product"
  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-product">
    <!-- 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">
                                                                    <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-product" 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>
      <section id="shopify-section-template--17527247536309__main" class="shopify-section section">

<style data-shopify>.global-price {
    color: rgb(42, 102, 34);
  }
  .global-leadtime {
    color: rgb(99, 188, 27);
  }
  .jdgm-rev-widg.jdgm-rev-widg {
    border-radius: 5px;
  }
  .product h1, .product h2, .product h3, .product h4, .product h5,
  .ss__title,
  .jdgm-rev-widg__title {
    text-transform: capitalize!important;
    color: rgba(var(--color-foreground), 1);
  }
  .continue-browsing h2,
  .specifications-header h2,
  .related-articles h2 {
    font-size: 32px!important;
  }

  .button {
    text-transform: none!important;
  }
  .cbb-frequently-bought-add-button {
    text-transform: uppercase!important;
  }
  .button--primary:hover, 
  .button:hover,
  .cbb-frequently-bought-add-button:hover {
    border: 1px solid #fcbd40!important;
  }
  .cto:hover {
    border: 0px!important;
  }

  ul li::marker {
    color: #fcbd40; 
  }
  
  .jdgm-qa-badge__text {
    text-decoration: underline!important;
  }
  .toggleDesc a,
  .product-guide a,
  .box a,
  .buying-options-button div,
  .jdgm-prev-badge__text, 
  .jdgm-qa-badge,
  p a {  
    color: #0c3fc2;
    opacity: 0.7;
    text-decoration: underline!important;
  }  
  .toggleDesc a:hover,
  .product-guide a:hover,
  .box a:hover,
  .buying-options-button div:hover,
  .jdgm-prev-badge__text:hover, 
  .jdgm-qa-badge__text:hover,
  .jdgm-qa-badge:hover,
	.jdgm-qa-badge__text:hover,
  p a:hover {
    opacity: 1;
    text-decoration: underline!important;
  }
  .article-content a {
    color: #000;
    opacity: 0.7;
    text-decoration: underline!important;
  }
  .article-content a:hover {
    opacity: 1;
    text-decoration: underline!important;
  }

  .product-h1 a {  
    text-transform: capitalize!important;
    text-decoration: none!important;
    color: #000!important;    
  }

  #MainProduct-template--17527247536309__main {
    max-width: 1500px;
    background: #fff;
  }
  .section-product-recommendations {
    max-width: 1500px;
    background: #fff;
  }
  .home-banner, .page-width-desktop {
    max-width: 1500px;
    margin: 0 auto;
  }
  .page-width {
    max-width: 1500px;
    padding-left: 0px;
    padding-right: 0px;    
  }

  /* Grid container with 2 columns */
  .product-column-grid {
    display: grid;
    grid-template-columns: auto 400px; /* Left column auto, right column fixed width */
    gap: 1rem; /* Gap between columns */
    align-items: start; /* Align items at the start of their rows */
  }

  /* Right column */
  .product-right-column {
    justify-self: end; /* Stick the right column content to the right */
  }

  /* Optional styling for the left column */
  .product-left-column {
    padding-right: 1rem; /* Add some padding to the right for spacing */
  }
  .button--primary:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  }
  .customer-reviews {
    max-width: var(--page-width);
    margin: 0 auto;    
    padding-left: 50px;
    padding-right: 50px;
  }

  /* Optional responsiveness */
  @media (max-width: 749px) {
    .product-column-grid {
      display: block;
    }
    .product-left-column {
      display: none;      
    }
    .page-width {
      padding-left: 15px;
      padding-right: 15px;    
    }    
    .authorized {
      margin-top: 10px; 
      display: flex; 
      align-items: center; 
      display: block; 
      align-items: center;
      position: absolute;
      right: 0;
      line-height: .7;
      bottom: -60px;
      max-width: 120px;
      text-align: center;
    }    
  }

  @media screen and (min-width: 750px) {
    .slider-mobile-gutter .grid {
        column-gap: calc(var(--grid-desktop-horizontal-spacing) / 1);
        row-gap: calc(var(--grid-desktop-vertical-spacing) / 2);
    }
    .section-product-recommendations {
      padding-left: 50px;
      padding-right:50px;
    }
  }
  
  @media screen and (min-width: 990px) {
    .product.grid {
      gap: 20px!important;
    }    
    #MainProduct-template--17527247536309__main {
      padding-left: 10px;
      padding-right: 10px;
    }
    .product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper {
      max-width: 30%!important;
      width: calc(30% - var(--grid-desktop-horizontal-spacing) / 2)!important;
    }
    .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
      max-width: 70%!important;
      width: calc(70% - var(--grid-desktop-horizontal-spacing) / 2)!important;
    }
  }</style><section id="MainProduct-template--17527247536309__main" class="page-width section-template--17527247536309__main-padding color-background-2" data-section="template--17527247536309__main">

  <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/section-main-product.css?v=158554509428266960381731511170" rel="stylesheet" type="text/css" media="all" />
  <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-accordion.css?v=63992085350365524471731511170" 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-rte.css?v=77763503391870301951731511172" rel="stylesheet" type="text/css" media="all" />
  <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-slider.css?v=111384418465749404671731511171" 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" />
  
  <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-deferred-media.css?v=54092797763792720131731511171" rel="stylesheet" type="text/css" media="all" />
  <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-leadtime.css?v=83627457041809155341731511170" rel="stylesheet" type="text/css" media="all" />
  <link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-mini.css?v=140533970150585744031731511171" rel="stylesheet" type="text/css" media="all" />
  <style data-shopify>

	.section-template--17527247536309__main-padding {
		padding-top: 9px;
		padding-bottom: 21px;
	}

	@media screen and (min-width: 750px) {
		.section-template--17527247536309__main-padding {
			padding-top: 12px;
			padding-bottom: 28px;
		}
		.buy-buttons { 
			min-width: 180px;
		}
	}

	* {
		box-sizing: border-box;
	}   
	.blog-slider-buttons {
		display: flex!important;
	}
	.video-play-button {
		border-radius: 10px;
		border: 1px solid #eee;
		background: #fff;
		padding: 8px;
		position: relative;
		right: 25px;      
	}
	.blog-list {
		column-gap: 15px!important;
	} 
	.related-blogs .slider-button .icon {
		height: 0.8rem;
	}
	.post-title {
		background: #000;
		color: #fff;
		text-decoration: none;
		padding: 5px;     
		margin-top: -10px;
	}
	.post-title a {
		text-decoration: none!important;
	}    
	.post-title a h3 {
		padding: 0;
		margin: 0;
		text-decoration: none!important;
		text-transform: capitalize;
		color: #fff;
	}
	#toggleLink {
		border-bottom: solid 1px;
		text-decoration: none;
	}
	#toggleLink:hover {
		border-bottom: none;
		text-decoration: none;
	}    
	.outer-container {
		margin: auto;
		max-width: 1280px;
		padding: 10px;
	}
	.product-options {
		max-width: 100%;
		min-height: 70px;
		margin: 5px 5px 0 0;
		padding: 7px;
		
		border-radius: 5px;    
	}
	/* outer container (row) */
	.product-container {
		/* display: flex; */
		display: none;
		flex-wrap: wrap;
		align-content: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
		margin: 0 -10px; /* space between columns */
	}
	.product-block {
		background: #fff;
		border-radius: 10px; 
		padding: 10px; 
		border: 1px solid #e6e6e6; 
		position: relative
	}
	/* inner containers (columns) */
	.product-block2, .product-block3 {
		flex-grow: 1; /* container will grow to fill all available space in a row */
		flex-basis: 200px; /* mimimum container (column) width */
		margin: 0 10px; /* space between columns */
	}
	.product-block3 {
		visibility: hidden;
	}
	.product-sku {
		font-size: 14px; 
		font-weight: bolder;
	}
	.product-sku span {
		font-weight: normal;
	}
	.outer-container h1 {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.hive-wrapper {
	/*max-width: 300px;    */
	width: 100%;
	}    
	.hive-button {
		display: inline-block;
		margin: 0 5px 0px 0;
		font-size: 1.1em;
		line-height: 10px;
		/* padding: 3px 5px 3px 5px; */
		color: #000;
		border: 1px solid #000;
		border-radius: 3px;
		text-decoration: none;
		max-height: 26px;
		overflow: hidden;
		background: #fff;
		text-overflow: ellipsis;
		font-weight: normal;
		padding: 8px;
	}  
	.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: 33px;
	}
	.hive-button.disabled {
		cursor: default;
		color: rgb(177, 177, 177);
		border: 1px solid rgb(177, 177, 177); 
	}
	.hive-button.disabled:hover {
		cursor: not-allowed;
		color: rgb(177, 177, 177);
		border: 1px solid rgb(177, 177, 177); 
		background: none;
	}        
	.hive-button.active {
		color: #000;
		border: 1px solid #000;      
		background-color: #FCBD40;
		/*
		background-color: rgb(202, 101, 59);      
		*/
	}
	.hive-list-primary, .hive-list-secondary {
		display: flex;
	}

	.option-spec {
		color: rgb(98, 105, 110);
		font-family: 'Roboto', sans-serif!important;
		font-size: 0.8em;
		margin-top: 5px;
		margin-right: 10px;
		text-transform: uppercase;
		text-wrap: nowrap;
		word-break: unset;
		font-weight: 600;
	}
	.color-variant {
		display: flex;
		align-items: center;    
	}
	.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; 
	}  
	.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);
	}

	.qty-left {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-right: 1px solid rgb(220, 220, 220);
	}
	.qty-right:hover {
		background: rgb(190, 107, 70);
		color: #fff;
	}        
	.qty-right {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-left: 1px solid rgb(220, 220, 220);
	}
	.qty-right:hover {
		background: rgb(190, 107, 70);
		color: #fff;
	}
	.shipping-info {
		
	}
	.main-btn.black img:hover {
		border: 3px solid #FCBD40; 
	}
	.main-btn.active.black img {
		border: 2px solid #FCBD40;
	}    
	.second-link.active.black img {
		border: 2px solid #FCBD40;
	}        
	.second-link.black:hover img {
		border: 2px solid #FCBD40;
	}            
	.color-hive {
		margin-right: 5px;
		border-radius: 50%;
	}
	.color-hive:hover {
		border: 2px solid #000;
	}    
	.color-hive.white {
		border: 1px solid #000;
	}
	.second-link.active img {
		border: 2px solid #000;
	}

	.product__cta {
		border: 1px solid #eee;
		border-radius: 10px;
		padding: 15px;      
	}

	.cfp {
		color: #000;
		font-weight: bolder;
		text-align: right;
	}
	.cto {      
		text-align: right;
	}
	.cto span {
		border: 1px solid #FCBD40;
		padding: 5px;
		gap: 4px;
	}
	.form__label  {
		text-transform: uppercase;
		font-weight: bolder;      
	}
	.product-h1 {
		font-size: 2em;
	}
	.fas-video {
		position:relative;
	}
	.fas-video iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
	}    
	.button--primary {
		font-family: "League Gothic", sans-serif;
		font-size: 1.4em;
		background: #FCBD40;
		border: 1px solid #FCBD40;
		color: #000;
		--border-offset: 0;
		text-transform: uppercase;
	}
	.spec--list {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2;    /* Firefox */
		column-count: 2;         /* Standard syntax */

		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px;    /* Firefox */
		column-gap: 20px;         /* Standard syntax */
	}    
	
	@media all and (max-width: 749px) {
		.spec--list {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1;    /* Firefox */
			column-count: 1;         /* Standard syntax */
		}    
	}
	.spec--list li {
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
		page-break-inside: avoid;          /* Firefox */
		break-inside: avoid-column;        /* Standard syntax */
	}    
	.spec--list {
		padding-left: 0px!important;
	}
	.spec--list li {
		list-style: none!important;
		font-weight: normal!important;
	}
	.spec--list li span {
		font-weight: bolder!important;
	}    
	.spec--list > .odd {
		background: rgb(242, 242, 242);      
	}
	.spec--img img {
		border: 0px!important;
		border-radius: 0px!important;
	}
	.mobile-title {
		display: none;
	}    
	.tiered-wrapper {
		margin-top: 10px;      
		background: rgb(240, 240, 240);
		display: flex;
		flex-direction: column;
		border: 1px solid #666;
		min-width: 220px;
	}
	.tiered-header {
		text-align: center;
		background: #666;
		color: #fff;
		font-family: 'League Gothic', sans-serif;
	}
	.tiered-footer {
		text-align: center;
		background: rgb(240, 240, 240);      
		display: flex;
		justify-content: center;      
	}    
	.tiered-footer a {
		color: rgb(24, 94, 139);
		font-style: italic;
		text-decoration: none;
		border-bottom: 1px solid rgb(24, 94, 139);
		font-size: 0.7em; 
	}
	.tiered-column {
		float: left;
		padding: 3px;
		width: 33.33%;
		color: #000;
		font-size: 0.9em;
		padding-left: 15px;      
	}
	.tiered-column span {
		text-decoration: underline;
		font-weight: bolder;
	}
	.tiered-column.odd {
		background: #fff;
	}

	/* Clear floats after the columns */
	.tiered-row:after {
		content: "";
		display: table;
		clear: both;
	}  

	.product-actions {
		display: flex; 
		justify-content: space-between;   
		position: relative          
	}
	.beehive {
		min-width: 60%;
		margin-top: 15px;        
	}

	.hive-prices {
		display: flex;
		text-transform: lowercase;
		color: #000;
		font-size: 11px;
		margin-left: 100px;
		font-weight: bolder;
	}
	.hive-prices div {
		margin-right: 18px;
	}    
	
	.hive-product-price {
		text-transform: lowercase;
		color: #000;
		font-size: 11px;
		font-weight: bolder;
	}
	
	.text-banner {
		background: rgba(143, 143, 143);
		text-align: center;
		color: #fff;
		margin-bottom: 20px;
		padding: 10px;
		text-transform: uppercase;
		border-radius: 5px;
		font-size: 1.5em;
	}
	.shop-divider {
		border-top: 1px solid #ddd;
		margin-top: 10px;
		font-size: 8px;
	}
	.product-promo img {
		width: 100%;
		border-radius: 5px;
	}
	.badges-logos {
		display: flex;
		align-items: center;  
		bottom: 0;        
		color: #000;
		font-weight: bolder;position: absolute;
		bottom: 0px;}
	.badges-logos.relative {
		position: relative!important;
	}.badges-logos > div:nth-child(1) { 
		padding: 0px 10px 0px 10px;
	}
	.badges-logos > div:nth-child(3) {
		padding-left: 5px;
	}    
	.badges-logos > div:nth-child(4) img, .badges-logos > div:nth-child(3) img {
		margin-top:2px;
	}      
	.jdgm-qa-badge,
	.jdgm-qa-badge__text {    		
		vertical-align: top!important;
	}    
	
	.jdgm-rev-widg__title {
		padding-top: 10px;
	}
	.q_a {
		margin-top: -50px;
	}
	.tier-price {
		font-weight: bolder;
	}
	.continue-browsing a {
		color: #000;
		text-decoration: none;
	}    
	.collection-reference {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		border-radius: 5px;
		border: 1px solid rgb(211, 211, 211);
		background: #fff;      
		margin-top: 10px;
	}
	.collection-reference > div:first-child {
		flex-basis: 70px;      
		background: rgb(211, 211, 211);
	}
	.collection-reference > div:first-child img {
		position: relative;
		left: 15px;
		top: 5px;
	}

	.collection-reference > div:last-child {
		flex-grow: 1;
		padding-left: 20px;
	}    

	.subcat-usp {
		width: 100%;
		margin-top: 25px;
	}
	.subcat-usp img {
		width: 100%;
	}

	.shipping-returns__info {
		padding-top: 25px;
	}
	.shipping-returns__info span {
		font-weight: bolder;
	}
	.leadtime-icon {
		width: 1.3em;
		height: 1.3em;
		margin-top: 5px;
	}
	.video-section {
		display: flex;
	}
	.play-button {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		cursor:pointer; 
	}       
	.product-ribbon {
		position: absolute;
		left: -7px;
		right: -7px;
		z-index: 1;
		max-width: 100px;
	}     
	@media all and (max-width: 749px) {
		.empty-space {
			display: none;
		}
		.beehive {
			margin-top: 0px;
		}
		.product__info-container .price {
			height: 80px; 
		}
		.product__info-container .price__container {
			float: none;
			font-size: 2em;
		}      
		.hive-list-primary, .hive-list-secondary {
			display: block;
		}
		.play-button {
			width: 100px;
		}          
		.video-section {
			display: block;
		}
		.leadtime-icon {
			width: 1.5em;
			height: 1.5em;
			margin-top: 5px;
		}      
		.quantity {
			max-height: 45px!important;
		}
		.badges-logos {
			margin-top: 0px;
			right: 0px;
		}
		.text-banner {
			border-radius: 0px;
			margin-left: -15px;
			margin-right: -15px;
			margin-top: 10px;
			font-size: 1em;
		}
		.hive-prices {
			margin-left: 95px;
		}
		.hive-prices div {
			margin-right: 12px;
		}        
		.buy-buttons {
			width: 100%;        
		}
		.desktop-title {
			display: none;
		}
		.mobile-title {
			display: block;
		}
		.breadcrumb {
			display: none;
		}
		.product-actions {
			flex-direction: column;margin-top: -10px;}
		.product-ribbon {
			position: absolute;
			left: 23px;
			right: -7px;
			z-index: 1;
		}
	}    
	.main-btn.active img {
		border: 2px solid #000;
	}
	.disabled img, .disabled img:hover {
		cursor: not-allowed;
		border: 2px dotted #999;
		opacity: 0.4;  
	}  
	.ss__image.product-image img {
		border-radius: 5px;
		border: 1px solid #e6e6e6;
	}
	.product__accordion .accordion__content {
		border-radius: 5px;
		border: 1px solid #e6e6e6;
		margin-top: -10px;  
		padding-top: 10px;  
	}  
	.product-guides {
		display: inline-flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		gap: 14px;
	}
	.product-guide {
		display: flex;
		align-items: center;
		height: 30px;
		gap: 4px;
	}
	.product-guide > .seperator {
		border-right: 1px solid;
		padding-right: 10px;
		height: 20px;      
	}
	.product-guide a {
		font-weight: 300;
		text-decoration: none;
	}
	.product-guide > div img {
		margin-top: 10px; 
		border-radius: 0px; 
		border: 0px; 
		padding: 1px;
	}
	.product-guide a:hover {
		border-bottom: 0px;
	}
	.jdgm-prev-badge__stars {
		margin-right: 7px;
	}

	.jdgm-prev-badge__text {
		display: inline-block!important;
	}
	.product-option > dt,
	.product-option > dd  {
		display: none;
	}

	.nav-container {
		position: fixed;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		text-align: left;
		z-index: 102;
		border-radius: 0 5px 5px 0; /* Rounded corners on the right side */
	}
	
	.nav-arrow {
		cursor: pointer;
		padding: 10px;
		user-select: none; /* Prevents the text from being selectable */
	}
	
	#imageCounter {
		padding: 5px;
	}
	
	.product-media-modal__content img {
		width: 100%; /* Adjust as needed */
		margin-bottom: 20px; /* Adjust for spacing between images */
	}

</style>

  <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/product-form.js?v=113190512544869987181731511170" defer="defer"></script>
  
  




<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 href="/products/uscc-trucker-snapback-hat" aria-current="page">USCC Trucker Snapback Hat</a>
        </li></ol>
</nav><div class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet">    
    <div class="mobile-title">
      <div class="product-sku">SKU: <span>HAT104C-CHBLK</span></div>
      <div class="product__title" >
        <h1 class="product-h1">USCC Trucker Snapback Hat</h1>
        <a href="/products/uscc-trucker-snapback-hat" class="product__title">
          <h2 class="h1">
            USCC Trucker Snapback Hat!
          </h2>
        </a>
      </div>
      <!-- "snippets/judgeme_widgets.liquid" was not rendered, the associated app was uninstalled -->   
    </div>    
    <div class="grid__item product__media-wrapper">      
      <media-gallery
        id="MediaGallery-template--17527247536309__main"
        role="region"
        
          class="product__media-gallery"
        
        aria-label="Gallery Viewer"
        data-desktop-layout="thumbnail_slider"
      ><div id="GalleryStatus-template--17527247536309__main" class="visually-hidden" role="status"></div>
        <slider-component id="GalleryViewer-template--17527247536309__main" class="slider-mobile-gutter">
          <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--17527247536309__main">
            Skip to product information
          </a>
          <ul
            id="Slider-Gallery-template--17527247536309__main"
            class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
            role="list"
          ><li
                  id="Slide-template--17527247536309__main-21117110845621"
                  class="product__media-item grid__item slider__slide is-active"
                  data-media-id="template--17527247536309__main-21117110845621"
                >

<noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;">
      <img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1946" alt="USCC Trucker Snapback Hat image 1 of 3" srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1946 1946w" width="1946" height="1946" sizes="(min-width: 1300px) 540px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
    </div></noscript>

<modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17527247536309__main"><span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/>
</svg>
</span>

  <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;">
    <img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1946" alt="USCC Trucker Snapback Hat image 1 of 3" srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&amp;width=1946 1946w" width="1946" height="1946" sizes="(min-width: 1300px) 540px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  </div>
  <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="21117110845621">
    <span class="visually-hidden">
      Open media 1 in modal
    </span>
  </button>
</modal-opener></li><li
                  id="Slide-template--17527247536309__main-21117110878389"
                  class="product__media-item grid__item slider__slide"
                  data-media-id="template--17527247536309__main-21117110878389"
                >

<noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;">
      <img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1946" alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3" srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1300px) 540px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
    </div></noscript>

<modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17527247536309__main"><span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/>
</svg>
</span>

  <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;">
    <img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1946" alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3" srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&amp;width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1300px) 540px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  </div>
  <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="21117110878389">
    <span class="visually-hidden">
      Open media 2 in modal
    </span>
  </button>
</modal-opener></li><li
                  id="Slide-template--17527247536309__main-21117110911157"
                  class="product__media-item grid__item slider__slide"
                  data-media-id="template--17527247536309__main-21117110911157"
                >

<noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;">
      <img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1946" alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3 image 3 of 3" srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1300px) 540px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
    </div></noscript>

<modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--17527247536309__main"><span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/>
</svg>
</span>

  <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;">
    <img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1946" alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3 image 3 of 3" srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&amp;width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1300px) 540px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  </div>
  <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="21117110911157">
    <span class="visually-hidden">
      Open media 3 in modal
    </span>
  </button>
</modal-opener></li></ul><div class="slider-buttons no-js-hidden quick-add-hidden large-up-hide">
            <button
              type="button"
              class="slider-button slider-button--prev"
              name="previous"
              aria-label="Slide left"
            >
              <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>

            </button>
            <div class="slider-counter caption">
              <span class="slider-counter--current">1</span>
              <span aria-hidden="true"> / </span>
              <span class="visually-hidden">of</span>
              
              <span class="slider-counter--total">3</span>
              
            </div>
            <button
              type="button"
              class="slider-button slider-button--next"
              name="next"
              aria-label="Slide right"
            >
              <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>

            </button>
          </div><div class="authorized large-up-hide"></div>            
        </slider-component><slider-component
            id="GalleryThumbnails-template--17527247536309__main"
            class="thumbnail-slider slider-mobile-gutter quick-add-hidden small-hide thumbnail-slider--no-slide"
          >
            <button
              type="button"
              class="slider-button slider-button--prev small-hide medium-hide large-up-hide"
              name="previous"
              aria-label="Slide left"
              aria-controls="GalleryThumbnails-template--17527247536309__main"
              data-step="3"
            >
              <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>

            </button>
            <ul
              id="Slider-Thumbnails-template--17527247536309__main"
              class="thumbnail-list list-unstyled slider slider--mobile slider--tablet-up"
            ><li
                    id="Slide-Thumbnails-template--17527247536309__main-1"
                    class="thumbnail-list__item slider__slide"
                    data-target="template--17527247536309__main-21117110845621"
                    data-media-position="1"
                  ><button
                      class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow"
                      aria-label="Load image 1 in gallery view"
                      
                        aria-current="true"
                      
                      aria-controls="GalleryViewer-template--17527247536309__main"
                      aria-describedby="Thumbnail-template--17527247536309__main-1"
                    >
                      <img
                        id="Thumbnail-template--17527247536309__main-1"
                        srcset="
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=59 59w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=118 118w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=84 84w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=168 168w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=130 130w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=260 260w
                        "
                        src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?crop=center&height=84&v=1617492053&width=84"
                        sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)"
                        alt="USCC Trucker Snapback Hat image 1 of 3"
                        height="200"
                        width="200"
                        loading="lazy"
                      >
                    </button>
                  </li><li
                    id="Slide-Thumbnails-template--17527247536309__main-2"
                    class="thumbnail-list__item slider__slide"
                    data-target="template--17527247536309__main-21117110878389"
                    data-media-position="2"
                  ><button
                      class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow"
                      aria-label="Load image 2 in gallery view"
                      
                      aria-controls="GalleryViewer-template--17527247536309__main"
                      aria-describedby="Thumbnail-template--17527247536309__main-2"
                    >
                      <img
                        id="Thumbnail-template--17527247536309__main-2"
                        srcset="
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=59 59w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=118 118w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=84 84w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=168 168w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=130 130w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=260 260w
                        "
                        src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?crop=center&height=84&v=1617492053&width=84"
                        sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)"
                        alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3"
                        height="200"
                        width="200"
                        loading="lazy"
                      >
                    </button>
                  </li><li
                    id="Slide-Thumbnails-template--17527247536309__main-3"
                    class="thumbnail-list__item slider__slide"
                    data-target="template--17527247536309__main-21117110911157"
                    data-media-position="3"
                  ><button
                      class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow"
                      aria-label="Load image 3 in gallery view"
                      
                      aria-controls="GalleryViewer-template--17527247536309__main"
                      aria-describedby="Thumbnail-template--17527247536309__main-3"
                    >
                      <img
                        id="Thumbnail-template--17527247536309__main-3"
                        srcset="
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=59 59w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=118 118w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=84 84w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=168 168w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=130 130w,
                          //sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=260 260w
                        "
                        src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?crop=center&height=84&v=1617492053&width=84"
                        sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)"
                        alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3 image 3 of 3"
                        height="200"
                        width="200"
                        loading="lazy"
                      >
                    </button>
                  </li></ul>
            <button
              type="button"
              class="slider-button slider-button--next small-hide medium-hide large-up-hide"
              name="next"
              aria-label="Slide right"
              aria-controls="GalleryThumbnails-template--17527247536309__main"
              data-step="3"
            >
              <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>

            </button></slider-component><div class="small-hide">                    
                    
          <style data-shopify>.collection-reference {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		border-radius: 5px;
		border: 1px solid rgb(211, 211, 211);
		background: #fff;      
		margin-top: 10px;
	}
	.collection-reference > div:first-child {
		flex-basis: 70px;      
		background: rgb(211, 211, 211);
	}
	.collection-reference > div:first-child img {
		position: relative;
		left: 15px;
		top: 5px;
	}

	.collection-reference > div:last-child {
		flex-grow: 1;
		padding-left: 20px;
	}    
	.continue-browsing a h4 {
		text-decoration: none!important;
		color: #000;
		opacity: 0.7;
		line-height: 1;
	}
	.continue-browsing a h4:hover {
		opacity: 1;
	}
	.continue-browsing h2 {
		margin: 0;
		padding: 0;
		
		letter-spacing: 0.00rem;
    	line-height: calc(1 + 0.8 / var(--font-body-scale));
    	font-family: 'Oswald', sans-serif;
    	font-style: var(--font-body-style);		
		text-transform: capitalize;
		font-size: 1.5em;
	}</style>
          <style data-shopify>.subcat-usp {
		width: 100%;
		margin-top: 25px;
	}
	.subcat-usp img {
		width: 100%;
	}</style>        
              
        </div>
      </media-gallery>                   
    </div> 
    
    <div class="product__info-wrapper grid__item">
      <div id="ProductInfo-template--17527247536309__main" class="product__info-container product__info-container--sticky"><div class="product-column-grid">
          <div class="product-left-column">
            <div class="product-sku">SKU: <span>HAT104C-CHBLK</span></div>              
            <!-- "snippets/judgeme_widgets.liquid" was not rendered, the associated app was uninstalled -->              
            <div class="product__title" >
              <h1 class="product-h1"><a href="/products/uscc-trucker-snapback-hat" class="product__title">USCC Trucker Snapback Hat</a></h1>                                
            </div>                                       
            <div class="product-authorized"><div class="authorized" style="margin-top: 10px; display: flex; align-items: center"></div>               
            </div>
          </div>
          <div class="product-right-column">
            <style data-shopify>
/* Desktop grid layout */
.grid-layout {
  width: 400px;
  padding-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr) auto; /* 2 equal columns, 3rd column auto-width */
  grid-template-rows: auto auto auto; /* 3 rows */
	gap: 1rem 1rem;
	align-items: center;
}

.item-1-1 {
  display: grid;
  grid-template-rows: auto auto; /* First row auto height, second row auto height */
  gap: 0rem; /* Spacing between the two rows */
}

.item-1-1 .first-row {
	grid-column: 1 / -1;
	text-align: center;
	font-weight: 500;
	font-size: 2.2em;
	color: #34772d;
	line-height: .9;
	font-family: 'League Gothic';
	letter-spacing: .1rem;
}

.item-1-1 .second-row {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 0rem; /* Spacing between the two columns in the second row */
}

.item-1-1 .second-row .column {
  padding: 0rem;
  line-height: 1.2;
	font-size: 1.20rem;
}
.discount-percentage {
	text-align: left;
	margin-left: 7px;
}
.original-price {
	text-align: right;
	margin-right: 7px;
}
.strikethrough-price {
  text-decoration: line-through;
  color: #888; /* Optional: Highlight the strikethrough price */
}

.item-1-2 {
  grid-column: 2 / 3;
  grid-row: 1;
}
.item-1-3 .save-that-money {
  font-size: 0.7em;          /* Smaller font size for the dollar sign */
  vertical-align: top;       /* Align it to the top */
  position: relative; 
}

.item-1-3 {
  grid-column: 3 / 4;
  grid-row: 1;
}

/* Style for the 2-column, 3-row layout inside item-1-3 */
.item-1-3 .inner-grid {
	font-weight: bolder;
  display: grid;
  grid-template-columns: auto 1fr; /* 2 columns */
  grid-template-rows: repeat(3, auto); /* 3 rows */
  gap: 0.5rem; /* Small gap between cells */
  font-size: 1.3rem; /* Set to 0.75rem (~12px) for accessibility */
  line-height: 1; /* Maintain readability */
}

.item-1-3 .grid-item {
  /*padding: 0.5rem;
  /* background-color: #f9f9f9; Light background for contrast */
  /* border: 1px solid #ccc; /* Add borders to separate cells */
  text-align: left;
}

/* Ensure accessibility compliance with sufficient contrast */
.item-1-3 .grid-item {
	color: #000;
	opacity: .6;
	font-style: italic;
}

.item-2-1 {
  grid-column: 1 / 3; /* Span across 2 columns */
  grid-row: 2;
}

.item-2-2 {
  grid-column: 3 / 4;
  grid-row: 2;
}

.item-3-1 {
  grid-column: 1 / 4; /* Span across all 3 columns */
  grid-row: 3;
  align-self: start;
}

@media (max-width: 768px) {	
	.beehive {
		
		padding-top: 1.5rem;
	
	}
  .grid-layout {
	padding-top: 3rem;
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    grid-auto-flow: dense; /* Fill gaps in the grid */
    gap: 1rem;
  }

  /* Stack and reorder items for mobile layout */
  .item-1-1 {
    grid-column: 1 / 2;
    grid-row: auto;
  }

  .item-1-3 {
    grid-column: 1 / 2;
    grid-row: auto;
  }

	.item-1-3 .inner-grid {
    	font-size: 1.3rem; /* Slightly larger for smaller screens if needed */
		grid-template-columns: 1fr 1fr; /* Make both columns equal width on mobile */
    	justify-items: center; /* Center the grid items horizontally */
    }
    .item-1-3 .grid-item {
        text-align: center; /* Center the text inside grid items */
    }	
    .item-1-3 .grid-item:nth-child(odd) {
        justify-self: end; /* Move the first column content to the right */
    }
    .item-1-3 .grid-item:nth-child(even) {
        justify-self: start; /* Move the second column content to the left */
    }	

  .item-2-2 {
    grid-column: 1 / 2;
    grid-row: auto;
  }

  /* Column 2 (2nd column of 1st row, 1st column of 2nd row, 3rd row content) */
  .item-1-2 {
    grid-column: 2 / 3;
    grid-row: auto;
  }

  .item-2-1 {
    grid-column: 2 / 3;
    grid-row: auto;
  }

  .item-3-1 {
    grid-column: 2 / 3;
    grid-row: auto;
	align-self: start;
	
    padding-top: 12px;
    
  }
}

.product-price .currency {
  font-size: 0.6em;
  vertical-align: top;
	margin-top: 1px;
  display: inline-block;
}

	.ui-dialog{ box-shadow: 3px 6px 4px 4px rgba(0,0,0, .1) }
	#buying-options-container{ display:none }
	.buying-options-description{ font-size: .7em; display: none; }
	.buying-options-container{
		text-align: center;
	}	
	.buying-options-button {
  	display: inline-block; /* Ensure the button acts like a block element for proper centering */
  	text-align: center; 
	}
	.buying-options-button div { 
		display: block; 
		line-height: 1.2;  
	}
	.first-word::after {
		content: "\A";         /* Inserts a line break */
		white-space: pre;      /* Ensures the line break is respected */
		line-height: 1;        /* Adjust line-height */
		margin-bottom: -5px;   /* Use negative margin to bring the lines closer */
	}
	.buying-options-button {
		word-break: break-word; /* Allow breaking for the rest of the text */
	}	
	.buying-options-button:hover{ cursor: pointer; color: #3181c3 }
	div.ui-widget-header{ background: white; border: none; font-family: "League Gothic", sans-serif !important; }
	.ui-dialog .ui-dialog-title{ font-size: 1.7em; font-weight: 400; }
	div.ui-dialog .ui-dialog-titlebar-close{ color: #e6e6e6; overflow: hidden; position: absolute; right: 0.3em; top: 20%; width: 40px; margin: -10px 0 0 0; padding: 1px; height: 40px; border-radius: 20px; }

</style>
<div class="product-form__error-message-wrapper" role="alert" hidden>
		<svg
			aria-hidden="true"
			focusable="false"
			role="presentation"
			class="icon icon-error"
			viewBox="0 0 13 13"
		>
			<circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/>
			<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/>
			<path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/>
			<path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7">
		</svg>		
	</div>   
  
	<div class="grid-layout">
		<!-- 1st Row -->
		<div class="item item-1-1">
			<!-- First Row -->
			<div class="first-row">
				
				<span class="product-price">
					<span class="currency">$</span>20.99
				</span>
				
</div>
			<!-- Second Row with Two Columns -->
			<div class="second-row" style="display: none;">
				<div class="column original-price">
					
					<span class="strikethrough-price"></span>
					
				</div>
				<div class="column discount-percentage">

					
					
					
					
					
					
					
					
					 
					
					<span class="discount-text">0% off</span>
				</div>
			</div>				
		</div>
		<div class="item item-1-2">
			
<quantity-input class="quantity" style="max-height: 40px;">
    <button class="quantity__button no-js-hidden" name="minus" class="qty-minus" type="button" style="border-bottom-left-radius: 5px;border-top-left-radius: 5px;">
        <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
        style="font-weight: bolder"
        class="quantity__input"
        type="number"
        name="quantity"
        id="Quantity-39624909848757"
        min="1"
        max=""
        value="1" 
        form="product-form-template--17527247536309__main"
    >
    <button class="quantity__button no-js-hidden" name="plus" class="qty-plus" type="button" style="border-top-right-radius: 5px;border-bottom-right-radius: 5px;"> 
        <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>  		
			
		</div>
		
		 
		
		<!-- Loop through product tags and build the tier structure -->
		
			
		
		
		<!-- Display the tiered pricing if applicable -->
		
		<div class="item item-1-3">
			<div class="inner-grid" >
				
				&nbsp;
						
			</div> 
			<div>  
				
					<div style="font-size: 1em" class="medium-hide large-up-hide">
						<div class="buying-options-container">
							<div>
								<span class="buying-options-button" id="buying-options-mobile">
									<div>
										<span class="first-word">Request</span> Bulk Pricing
									</div>
								</span>
							</div>
						</div>				
					</div>
										
			</div>
		</div>
		
		
		
		
		
		<!-- Loop through product tags and extract tier information -->
		
		  
				

		<!-- 2nd Row -->
		<div class="item item-2-1">
			
			<product-form class="product-form" style="margin:0px"><form method="post" action="/cart/add" id="product-form-template--17527247536309__main" 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="✓" /><input type="hidden" name="id" value="39624909848757" disabled>				
				<input type="hidden" id="product-inventory__available-6624609271989" value="0">				
				<input type="hidden" id="hasDiscount" value="0">
				
				<div class="product-form__buttons" style="position: relative">
					<button
						style="padding: 2px"
						id="AddToCart"
						type="submit"
						name="add"
						data-product-id="6624609271989"
						class="product-form__submit button-accent button--full-width button--primary"
						
					>
						<span>Add to Cart</span><span class="svg_check"></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>					
					
<div class="form__error" id="error-message-6624609271989" style="text-align: center; font-size: 0.8em; color: red; font-weight: bolder; margin-bottom: 4px; position: absolute; width: 100%; bottom: -25px;"></div>
				</div>	
				<input type="hidden" name="product-id" value="6624609271989" /><input type="hidden" name="section-id" value="template--17527247536309__main" /></form>
			</product-form>
			
		</div>
		<div class="item item-2-2">
			<div style="font-size: 1em" class="small-hide">
				<div class="buying-options-container">
					<div>
						<span class="buying-options-button" id="buying-options-desktop">
							<div>
								<span class="first-word">Request</span> Bulk Pricing
							</div>
						</span>
					</div>
				</div>				
			</div>
		</div>

		<!-- 3rd Row -->
		<div class="item item-3-1">
						
			<div class="product-leadtime-wrapper">
				
			</div>
			
		</div>
	</div>
	

<div id="buying-options-container" title="Buying Large Quantities for a Business?">
	<span class="buying-options-description">Fill out the form below or give our sales consultants a call at <strong>866-444-9990.</strong></span>
	<script src="https://www.cognitoforms.com/f/seamless.js" data-key="bJgGRMUdC0auZ3EvNFrR7A" data-form="6"></script>
	<script> Cognito.prefill( { "WhatProductsWouldYouLikeQuoted": [{ "SKU": "HAT104C-CHBLK" }] } );</script>
</div>       

<script>

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

    	var hasDiscount = document.getElementById('hasDiscount').value;
    	hasDiscount = hasDiscount === '1' ? 1 : 0;

		// Get the quantity input field
		var quantityInput = document.querySelector('.quantity__input');
		
		// Ensure quantity input exists before proceeding
		if (!quantityInput) return;
		
		// Dynamically define the tiered pricing discounts using Liquid
		var tiers = [];
		
		// Store the original product price
		var originalPrice = 20.99;
		
		function roundUpToTwoDecimals(value) {
				return Math.ceil(value * 100) / 100;
		}
		
		// Function to handle tier pricing based on quantity
		function updatePricingBasedOnQuantity(quantity) {
				if (hasDiscount === 1) {
					return; // Exit the function
				}

				var firstRowPriceElement = document.querySelector('.item-1-1 .product-price');
				var secondRow = document.querySelector('.item-1-1 .second-row');
				var strikethroughPriceElement = document.querySelector('.strikethrough-price');
				var discountTextElement = document.querySelector('.discount-text');
		
				if (!firstRowPriceElement || !secondRow || !strikethroughPriceElement || !discountTextElement) {
						console.error("Elements for the first row or second row are missing in the DOM");
						return;
				}
		
				var applicableTier = null;
		
				// Check if the entered quantity meets any tier criteria
				for (var i = 0; i < tiers.length; i++) {
						if (quantity >= tiers[i].qty) {
								applicableTier = tiers[i];
						}
				}
		
				// If a tier is met, update the prices
				if (applicableTier) {
						var discountAmount = (originalPrice * applicableTier.discount) / 100;
						var discountedPrice = originalPrice - discountAmount;
		
						// Round the discounted price up to two decimal places
						discountedPrice = roundUpToTwoDecimals(discountedPrice);
		
						// Update the first row with the discounted price
						firstRowPriceElement.innerHTML = '<span class="currency">$</span>' + discountedPrice.toFixed(2);
		
						// Show the second row with the strikethrough price and discount percentage
						secondRow.style.display = 'grid';
		
						// Update the strikethrough price (original price)
						strikethroughPriceElement.textContent = '$' + originalPrice.toFixed(2);
		
						// Update the discount percentage in the second row
						discountTextElement.textContent = applicableTier.discount + '% off';
				} else {
						// If no tier is met, revert to original price
						firstRowPriceElement.innerHTML = '<span class="currency">$</span>' + originalPrice.toFixed(2);					
						secondRow.style.display = 'none';
				}
		}
		
		// Listen for the 'change' event on the quantity input
		quantityInput.addEventListener('change', function() {
				var quantity = parseInt(quantityInput.value);
				updatePricingBasedOnQuantity(quantity);
		});
		
		// Listen for 'input' event as a fallback for typing
		quantityInput.addEventListener('input', function() {
				var quantity = parseInt(quantityInput.value);
				updatePricingBasedOnQuantity(quantity);
		});

	});

	document.addEventListener('DOMContentLoaded', function() {
		$( function() {
			let vpWidth = window.innerWidth < 600 ? window.innerWidth : 600;
			document.querySelector('.buying-options-description').style.display = 'block';
			$( "#buying-options-container" ).dialog({
				autoOpen: false,
				width: vpWidth,
				show: {
					effect: "fade",
					duration: 400
				},
				hide: {
				effect: "fade",
				duration: 250
				},
				close: function( event, ui ) {
					$('#background-fader').addClass("hidden");
				},
				open: function( event, ui ) {
					$('#background-fader').removeClass("hidden");
				}
			});

			$( "#buying-options-desktop" ).on( "click", function() {
				$( "#buying-options-container" ).dialog( "open" );
			});
			$( "#buying-options-mobile" ).on( "click", function() {
				$( "#buying-options-container" ).dialog( "open" );
			});			
		});		
	});		
	

	
</script>          
          </div>           
        </div><style data-shopify>
    .hive-button {
      display: inline-block;
      margin: 0 5px 0px 0;
      font-size: 1.1em;
      line-height: 10px;
      color: 1px solid rgba(0,0,0, .8);
      border: 1px solid rgba(0,0,0, .8); 
      border-radius: 3px;
      text-decoration: none;
      max-height: 26px;
      min-width: 75px;
      text-align: center;
      overflow: hidden;
      background: #fff;
      text-overflow: ellipsis;
      font-weight: normal;
      padding: 8px;
    }  
    .hive-button:hover {
      background: #FCBD40;
      border: 1px solid #FCBD40; 
      color: 1px solid rgba(0,0,0, 1.0);
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
      font-weight: bolder;
    }
    .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: 33px;
    }
    .hive-button.disabled {
      cursor: default;
      color: rgb(177, 177, 177);
      border: 1px solid rgb(177, 177, 177); 
    }
    .hive-button.disabled:hover {
      cursor: not-allowed;
      color: rgb(177, 177, 177);
      border: 1px solid rgb(177, 177, 177); 
      background: none;
      box-shadow: none;
      font-weight: normal;
    }        
    .hive-button.active {
      color: #000;
      font-weight: bolder;
      border: 1px solid #FCBD40;      
      background-color: #FCBD40;
      /*
      background-color: rgb(202, 101, 59);      
      */
    }
    .hive-list-primary, .hive-list-secondary {
      display: block;
    }

    .option-spec {
      color: rgba(var(--color-foreground), 0.75);
      font-family: 'Roboto', sans-serif!important;
      font-size: 1em;
      margin-top: 5px;
      margin-right: 10px;
      margin-bottom: 5px;
      text-transform: capitalize;
      text-wrap: nowrap;
      word-break: unset;
      font-weight: 600;
    }
    .color-variant {
      display: flex;
      align-items: center;    
    }
    .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; 
    }  

    .color-hive {
      margin-right: 5px;
      border-radius: 50%;
    }
    .color-hive:hover {
      border: 2px solid #000;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    }    
    .color-hive.white {
      border: 1px solid #000;
    }
    .second-link.active img {
      border: 2px solid #000;
    }
        
</style>

	<script>
    document.addEventListener( 'DOMContentLoaded', function () {
		var option_labels = {
			custitem_color_spec: "Colors",};

    function render_button(option_name, url, sku, value, is_active, is_disabled, is_second) {
			var css_classes = sku
				+ (is_second ? " main-btn" : " second-link")
				+ (is_active ? " active" : "");
			if (option_name == 'custitem_color_spec') {
				var image_name = value.toLowerCase();
				image_name = image_name.replace(/[^a-zA-Z0-9 ]+/g, "");
				image_name = image_name.replace(/\s+/g, "-");
				if (is_disabled) {
					return '<a class="disabled" data-bs-toggle="tooltip" data-placements="top" title="Not Available"><img class="color-hive" width="34" height="34" src="//cdn.shopify.com/s/files/1/0277/8644/4936/files/clr-swatch-' + image_name + '.png?v=1621854801"></a>';
				} else {
					if (value.toLowerCase() == "black" || value.toLowerCase() == "camo") {
						css_classes += " black";
					}
					return '<a class="' + css_classes + '" href="/products' + url + '" data-sku="' + sku + '" data-bs-toggle="tooltip" data-placements="top" title="'+value+'"><img class="color-hive" width="34" height="34" src="//cdn.shopify.com/s/files/1/0277/8644/4936/files/clr-swatch-' + image_name + '.png?v=1621854801"></a>';
				}
			} else {
				if (is_disabled) {
					return '<a class="hive-button disabled" href="javascript:void(0)" data-bs-toggle="tooltip" data-placements="top" title="Not Available">' + value + '</a>';
				} else {
					return '<a class="hive-button '+css_classes + '" href="/products'+ url +'" data-sku="' + sku + '">' + value + '</a>';
				}
			}
		}
	
		function parse_options(hive, active_sku) {
			var i, item, opt_dict, result_options,
				opt1_name = null, opt2_name = null,
				opt1_val, opt2_val,
				active_opt1_val = "", active_opt2_val = "",
				opt1_values = [], opt2_values = [],
				options_matrix = {},
				options1_row = {};
	
			if (hive.options.length == 0) {
				return null;
			}
	
			opt1_name = hive.options[0].id;
			if (hive.options.length > 1) {
				opt2_name = hive.options[1].id;

				if ((opt1_name == 'custitem_length_spec' && opt2_name == 'custitem_fe_length') || (opt1_name == 'custitem_fe_length' && opt2_name == 'custitem_length_spec')) {
					var tmp = opt1_name;
					opt1_name = opt2_name;
					opt2_name = tmp;
				}				
	
			}
	
			// parse items and fill all available options for 1st and 2nd rows (if it present)
			// find active options for 1st and 2nd rows
			// fill matrix of options (empty/missing cell means that options combination is not available)
			for(i = 0; i < hive.items.length; i++) {
				item = hive.items[i];
				opt1_val = item.options[opt1_name];
				if (opt1_values.indexOf(opt1_val) == -1) {
					opt1_values.push(opt1_val);
				}
				if (active_sku == item.sku) {
					active_opt1_val = opt1_val;
				}
				if (!options1_row[opt1_val]) {
					options1_row[opt1_val] = {
						url: item.url,
						sku: item.sku
					};
				}
				if (opt2_name) {
					opt2_val = item.options[opt2_name];
					if (opt2_values.indexOf(opt2_val) == -1) {
						opt2_values.push(opt2_val);
					}
					if (active_sku == item.sku) {
						active_opt2_val = opt2_val;
					}
					if (!options_matrix.hasOwnProperty(opt1_val)) {
						options_matrix[opt1_val] = {};
					}
					options_matrix[opt1_val][opt2_val] = {
						url: item.url,
						sku: item.sku
					};
				} else {
					options_matrix[opt1_val] = {
						url: item.url,
						sku: item.sku
					};
				}
			}
	
			return {
				name1: opt1_name,
				name2: opt2_name,
				active1: active_opt1_val,
				active2: active_opt2_val,
				values1: opt1_values,
				values2: opt2_values,
				matrix: options_matrix,
				options1_row: options1_row
			};
		}
	
		function calculate_value_from_spec(val) {
			var matches = val.match(/([0-9/-]+)["']/);
			if (matches) { // length - 1/2", 1-3/4", 5", ...
				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 val;
			}
		}
	
		function render_options(options, prices_str) {
			if (!options) {
				return;
			}
			var i, j, opt_val, opt_html, sku, url,
				opt_matix = options.matrix,
				options1_row = options.options1_row,
				opt1_name = options.name1,
				opt2_name = options.name2 || null,
				active_opt1_val = options.active1,
				active_opt2_val = options.active2 || null,
				opt1_values = options.values1,
				opt2_values = options.values2 || null,
                product_prices = [];

          if (prices_str) {
              product_prices = prices_str.split(",");
            }
    	
			opt_html = '<h3 class="option-spec">' + option_labels[opt1_name] + ':</h3><div class="options-val-wrapper">';
			for(i = 0; i < opt1_values.length; i++) {
				opt_val = opt1_values[i];
				if (opt2_name) { // 2 rows case
					if (opt_matix[opt_val] && opt_matix[opt_val][active_opt2_val]) {
						sku = opt_matix[opt_val][active_opt2_val].sku;
						url = opt_matix[opt_val][active_opt2_val].url;
					} else {
						sku = options1_row[opt_val].sku;
						url = options1_row[opt_val].url;
					}
					opt_html += render_button(opt1_name,
						url,
						sku,
						opt_val,
						(active_opt1_val == opt_val),
						false,
						false);
				} else { // 1 row case
                    if (product_prices[i]) {
                      opt_html += '<div style="display: inline-block">';
                    }
					opt_html += render_button(opt1_name,
						opt_matix[opt_val].url,
						opt_matix[opt_val].sku,
						opt_val,
						(active_opt1_val == opt_val),
						false,
						false);
                    
                    if (product_prices[i]) {
                      opt_html += '<div class="hive-product-price">'+product_prices[i]+'</div></div>';
                    }                    
				}
			}
            opt_html += "</div>";
			document.querySelector(".hive-list-primary").innerHTML = opt_html;
	
			// render second row if present
			if (opt2_name) {
				var opts2_array = [];
				for(i = 0; i < opt2_values.length; i++) {
					opt_val = opt2_values[i];
					if (opt_matix[active_opt1_val] && opt_matix[active_opt1_val][opt_val]) {
						sku = opt_matix[active_opt1_val][opt_val].sku;
						url = opt_matix[active_opt1_val][opt_val].url;
					} else {
						sku = "";
						url = "";
					}
					opts2_array.push({
						"html": render_button(opt2_name, url,
										sku,
										opt_val,
										(active_opt2_val == opt_val),
										(sku == ""),
								true),
						"val": calculate_value_from_spec(opt_val),
						"enabled": (sku != "")
					});
				}
	
				opts2_array.sort(function(a, b) {
					if (a.enabled < b.enabled) {
						return 1;
					}
					if (a.enabled > b.enabled) {
						return -1;
					}
					if (a.val > b.val) {
						return 1;
					}
					if (a.val < b.val) {
						return -1;
					}
					return 0;
				});
	
				opt_html = '<h3 class="option-spec">' + option_labels[opt2_name] + ':</h3><div class="options-val-wrapper">';
				opt_html += opts2_array.map(function (item) {
					return item.html;
				}).join("");
                opt_html += "</div>";
				document.querySelector(".hive-list-secondary").innerHTML = opt_html;
			}
		}
	
	
		// initialization
        var options, sku_val = "HAT104C-CHBLK";
        options = parse_options(getres().hive, sku_val);
        
          render_options(options, null);
        
    
        function getres() { 
            var res = ;
            return res;
        }
    });
</script>            

<div class="beehive">
	<div class="hive-list-primary"></div>
	<div class="hive-list-secondary"></div>
</div>          
        <style data-shopify>
.specifications-grid {
    border: 1px solid #ccc;
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 1px; /* Adjust spacing between items if needed */
	border-radius: 5px;
	overflow: hidden;
}

.spec {
    padding: 0.5rem;
}

.gray-background {
		background-color: #f5f5f5; 
}
.border-right {
		border-right: 1px solid #ccc; 
}

/* Apply alternating colors to entire rows on mobile */
@media (max-width: 768px) {
    .specifications-grid {
        grid-template-columns: 1fr; /* Switch to a single column */
    }
    .spec:nth-child(2n-1) {
        background-color: #f5f5f5; /* Gray for odd rows */
    }
    .spec:nth-child(2n) {
        background-color: #ffffff; /* White for even rows */
    }
}
</style>

<div class="specifications-header">
	<div><h2 class="h4">Specifications</h2></div>
</div>
<div class="specifications-grid">
	
	
	
	
			

			<!-- First Loop: Display priority_spec = true entries -->







			<!-- Second Loop: Display entries where priority_spec is not true -->






	
</div>

<script>
	document.addEventListener("DOMContentLoaded", function() {
    function applyDesktopStyles() {
        var specs = document.querySelectorAll(".spec");
        var specContainer = document.querySelector(".specifications-grid");

        // Remove any extra spec div if it exists
        var extraSpec = specContainer.querySelector(".spec.extra");
        if (extraSpec) {
            extraSpec.remove();
        }

        if (window.innerWidth > 768) { // Check if the viewport width is greater than 768px (desktop)
            // Apply alternating colors and right borders
            specs.forEach(function(spec, index) {
                var row = Math.floor(index / 2);

                // Apply alternating colors
                if (row % 2 === 0) {
                    spec.classList.add("gray-background");
                    spec.classList.remove("white-background");
                } else {
                    spec.classList.add("white-background");
                    spec.classList.remove("gray-background");
                }

                // Add a right border to every spec in desktop view
                if ((index) % 2 === 0) { // Right border for every second spec
                    spec.classList.add("border-right");
                } else {
                    spec.classList.remove("border-right");
                }
            });

            // Check if the number of rows is odd
            var totalRows = Math.ceil(specs.length / 2);
            if (totalRows % 2 !== 0) {
                // Add an extra spec div if the number of rows is odd
                if (!specContainer.querySelector(".spec.extra")) { // Check if extra spec already exists
                    var extraSpec = document.createElement("div");
                    extraSpec.className = "spec gray-background extra"; // Add class 'extra' for easy removal
                    extraSpec.innerHTML = "&nbsp;"; // Add non-breaking space
                    specContainer.appendChild(extraSpec);
                }
            }
        } else {
            // Reset the background color and border for mobile
            specs.forEach(function(spec) {
                spec.classList.remove("gray-background", "white-background", "border-right");
            });

            // Remove the extra spec div if it exists on mobile
            var extraSpec = specContainer.querySelector(".spec.extra");
            if (extraSpec) {
                extraSpec.remove();
            }
        }
    }

    // Initial application of styles
    applyDesktopStyles();

    // Apply styles on window resize
    window.addEventListener("resize", function() {
        applyDesktopStyles();
    });
});
</script><style data-shopify>.specification-container {
  margin-top: 1rem;
}	

.specification-doc {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two main columns */
  gap: 1rem; /* Adjust spacing between columns if needed */
}

.spec-doc-links {
  grid-column: 1 / 2; /* Move links to the left column */
}

.spec-doc-column {
  grid-column: 2 / 3; /* Move image to the right column */
}

.links-column {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns for links */
  gap: 1rem; /* Adjust gap between the links */
}

.product-guide {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.product-guide img {
  margin-right: 0.5rem; /* Space between icon and text */
}

.doc-link {
  display: block;
  text-decoration: none;
  color: #007bff; /* Link color */
}

/* Adjustments for different screen sizes */
@media (min-width: 769px) and (max-width: 1060px) {
  .specification-doc {
    grid-template-columns: 1fr; /* Change to single column for medium screens */
  }
}

@media (max-width: 768px) {
  .specification-doc {
    grid-template-columns: 1fr; /* Single column on mobile */
  }

  .spec-doc-links {
    grid-column: 1 / 2; /* Links take up full width */
    grid-template-columns: 1fr; /* Stack links vertically */
    justify-self: start; /* Align links to the left */
  }

  .spec-doc-column {
    grid-column: 1 / 2; /* Image takes up full width */
    grid-template-columns: repeat(2, 1fr); /* Two equal columns for mobile */
    grid-template-rows: repeat(2, auto);
  }

  .links-column {
    grid-template-columns: 1fr; /* Stack links vertically and take full width */
  }
}</style><div class="specification-container">
	<div class="specification-doc">
	  <!-- Left column (links) -->
	  <div class="spec-doc-links">
		
		<div class="links-column">
		  
		</div>
	  </div>
  
	  <!-- Right column (image) -->
	  <div class="spec-doc-column">
		
	  </div>
	</div>		
  </div>


 <style data-shopify>.description-container {
        border: 1px solid #ccc;
        border-radius: 5px; /* Add the border-radius */
        overflow: hidden;   /* Ensure content doesn't bleed outside */
        display: block;
        margin-top: 20px;
    }
    .description-header {
        background-color: #ccc;
        padding: 10px;
    }
    #descriptionContainer {
        transition: max-height 0.5s ease;
        padding: 10px;
        max-height: 150px;
        overflow: hidden;
    }
    .toggleDesc {
        padding: 10px;
    }	
    @media (max-width: 768px) {
    #descriptionContainer {
        max-height: 150px; /* Set max height for mobile collapsed view */
        padding: 10px;
        overflow: hidden;
    }

    .description-container {
        margin-top: 2px;
    }

    .toggleDesc {
        text-align: left;
    }
}</style><div class="description-container">
    <div class="description-header">
        <strong>Description</strong>
    </div>
    <div id="descriptionContainer">
          <p>The trucker snapback hat- the style that never gets old. US Cargo Control logo is embroidered on the charcoal gray cotton blend front. Mesh sides and back provide plenty of ventilation and breathability. Snapback closure makes it easy and convenient to adjust for size. Charcoal Gray/Black. Manufactured by Pacific Headwear. One size fits most.</p>	
    </div>
    <div class="toggleDesc">
        <a href="javascript:void(0);" id="toggleDesc">More</a>
    </div>		
</div><script>
        document.addEventListener("DOMContentLoaded", function() {
            var container = document.getElementById("descriptionContainer");
            var toggleLink = document.getElementById("toggleDesc");
            var isExpanded = false; // Track the expanded state
        
            // Temporarily remove maxHeight to accurately measure full content height
            container.style.maxHeight = ""; // Clear max-height for accurate measurement
            var fullHeight = container.scrollHeight; // Get the full height of the content
        
            // Set the initial maxHeight to 150px
            var maxCollapsedHeight = 150;
            container.style.maxHeight = maxCollapsedHeight + "px";
        
            // Add event listener for toggle link
            toggleLink.addEventListener("click", function() {
                if (isExpanded) {
                    // Collapse the container
                    container.style.maxHeight = maxCollapsedHeight + "px";
                    this.textContent = "More";
                    isExpanded = false;
                } else {
                    // Expand the container
                    container.style.maxHeight = fullHeight + "px";
                    this.textContent = "Less";
                    isExpanded = true;
                }
            });
        
            // Hide the toggle link if content is shorter than the max height
            if (fullHeight <= maxCollapsedHeight) {
                toggleLink.style.display = "none";  
            } else {
                toggleLink.style.display = "block"; // Ensure it's visible if needed
            }
        });
        
    
    </script>   <!-- End of product-description.liquid snippet --> <style>
    .ss-fbt {
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      min-height: 200px;
      font-family: 'League Gothic', sans-serif;
      color: #000;
      margin-top: 10px;
    }
  </style><script type="searchspring/personalized-recommendations" profile="cross-sell">seed = "HAT104C-CHBLK";options = {
        boughtTogether: true
      };
    </script></div> <a href="/products/uscc-trucker-snapback-hat" class="link product__view-details animate-arrow">
          View full details
          <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>

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

  <style data-shopify>
    /* Modal Styling */
    .modal {
      display: none;
      position: fixed;
      z-index: 10;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4);
    }

    .modal-content {
      background-color: #fefefe;
      margin: 2% auto; /* Adjust margin as needed */
      padding: 20px;
      border: 1px solid #888;
      width: 640px; /* Smaller width */
      max-height: 650px; /* Maximum height */
      overflow: hidden; /* Enable scroll inside the modal if needed */    
    }
    .body-no-scroll {
      overflow: hidden; /* Prevent scrolling */
    }

    .close {
      color: #aaa;
      float: right;
      font-size: 34px;
      font-weight: bold;
      margin-right: -14px;
      margin-top: -32px; 
    }

    .close:hover,
    .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }

    /* Responsive Video Container */
    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
      padding-top: 25px;
      height: 0;
    }
    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 10px;
    }
    /* Thumbnails Styling */
    .thumbnails {
      display: flex;
      width: 100%; /* Adjust the width as necessary */
      overflow-x: auto; /* Enables horizontal scrolling */  
      padding: 10px;
      margin-top: -20px;
    }
    .thumbnail_item {
      flex: 0 0 33.333%; /* Each item takes up one-third of the container's width */
      box-sizing: border-box;
      text-align: center;  
      position: relative;
    }
    .thumbnails img {    
      height: auto;
      cursor: pointer;
    }
    .play-video-button {
      position: absolute;
      top: 20%;
      left: 35%;  
    }
    .thumb-title {
      font-size: 1em;
      line-height: 18px;
      text-align: left;
      font-weight: bolder;
      padding-left: 3px;
      padding-right: 3px;
    }
    .dynamic__slide {
      display: flex;
      background: #fff;
      margin-top: 8px!important;
      margin-bottom: 8px!important;
      border-radius: 10px;  
      position: relative;
      padding: 0px!important;
    }
    .dynamic__slide img {
      border-radius: 10px;
      /* border: 1px solid #eee; */
      padding: 40px;
    }
    .mobile-play-button {
      position: absolute;
      top: 20%;
      left: 40%;      
    }
    @media all and (max-width: 749px) {
      .modal-content { 
        width: 100%;
      }
      .play-video-button {
        top: 8%;
        left: 25%;
      }      
    }
    .more-related-videos {
      padding: 10px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .more-related-videos > div {
      border-bottom: 1px solid #aaa;
      padding: 0px;
    }
    .more-related-videos > div h3 {
      margin: 0;
    } 
    .thumbnail-slider-button {
      width: 24px;
      height: 24px;
    }
  </style>

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

    var modal = document.getElementById("videoModal");
    var body = document.body;

    document.getElementById("modalOpenBtn").onclick = function() {
        modal.style.display = "block";
        body.classList.add("body-no-scroll");
        let videoId = this.getAttribute("data-video-id"); // assuming you have the video ID in data-video-id attribute
        document.getElementById("videoIframe").src = "https://www.youtube.com/embed/" + videoId;          
    }

    document.querySelector(".close").onclick = function() {
        modal.style.display = "none";
        body.classList.remove("body-no-scroll");
        document.getElementById("videoIframe").src = "";
    }

  
    // Load video on thumbnail click
    document.querySelectorAll(".thumbnail_item").forEach(thumbnail => {
      thumbnail.onclick = function() {
        let videoId = thumbnail.getAttribute("data-video-id"); // assuming you have the video ID in data-video-id attribute
        document.getElementById("videoIframe").src = "https://www.youtube.com/embed/" + videoId;
      }
    });
  
    // Close the modal when clicking outside of it
    window.onclick = function(event) {
      if (event.target == modal) {
        modal.style.display = "none";
        body.classList.remove("body-no-scroll");
        document.getElementById("videoIframe").src = "";
      }
    }
        

    function incrementCounter() {
      // Get the current count from the '.slider-counter--total' element
      var slider_count = document.querySelector('.slider-counter--total').innerHTML;
  
      // Increment the count and update the element's innerHTML
      document.querySelector('.slider-counter--total').innerHTML = parseInt(slider_count) + 1;
    }
  
    // Select all elements with the class 'slider-button' and add click event listeners
    document.querySelectorAll('.slider-button').forEach(function(button) {
      console.log('clicked');
      button.addEventListener('click', incrementCounter);
    });    

  });
  </script>

  <div id="videoModal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <!-- Close Button -->
        <span class="close">&times;</span>

        <!-- Video Container -->
        <div class="video-container">
            <iframe id="videoIframe" width="460" height="215" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
        </div></div>
  </div><style data-shopify>.reference-shop-wrapper {
    margin-top: 10px;
  }
  .reference-shop {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    line-height: 20px;        
    font-weight: 700;  
  }      
  @media all and (min-width: 751px) {
    .reference-shop {
      border-top: 1px solid #ddd;
      padding-top: 5px;
      margin-right: 12px;              
    }      
  }
  .button-browse {
    background-color: rgba(45, 45, 45);
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
  }
  .button-browse:after {
    box-shadow: none!important;
  }
  .reference-shop-container {
    display: flex;
    align-items: center;
    justify-content: left; 
    padding-left: 10px;
    padding-right: 10px;               
  }
  .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();
    }
  }</style><div class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet" style="width: 100%;margin-right: 10px;">
    <div class="grid__item product__media-wrapper medium-hide large-up-hide" style="margin-top: 20px;">   
      <div class="large-up-hide"> 
        <style data-shopify>.collection-reference {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		border-radius: 5px;
		border: 1px solid rgb(211, 211, 211);
		background: #fff;      
		margin-top: 10px;
	}
	.collection-reference > div:first-child {
		flex-basis: 70px;      
		background: rgb(211, 211, 211);
	}
	.collection-reference > div:first-child img {
		position: relative;
		left: 15px;
		top: 5px;
	}

	.collection-reference > div:last-child {
		flex-grow: 1;
		padding-left: 20px;
	}    
	.continue-browsing a h4 {
		text-decoration: none!important;
		color: #000;
		opacity: 0.7;
		line-height: 1;
	}
	.continue-browsing a h4:hover {
		opacity: 1;
	}
	.continue-browsing h2 {
		margin: 0;
		padding: 0;
		
		letter-spacing: 0.00rem;
    	line-height: calc(1 + 0.8 / var(--font-body-scale));
    	font-family: 'Oswald', sans-serif;
    	font-style: var(--font-body-style);		
		text-transform: capitalize;
		font-size: 1.5em;
	}</style>
        <style data-shopify>.subcat-usp {
		width: 100%;
		margin-top: 25px;
	}
	.subcat-usp img {
		width: 100%;
	}</style>    
            
      </div> 
    </div>
  </div>
  <style>
    @media screen and (max-width: 749px) {
      .sidebar-thumbnails {
        display: flex!important;
        position: fixed;
        bottom: 30px;
        left: 10px;
        gap: 4px;
        overflow: scroll;
      }
    }
    @media screen and (min-width: 750px) {
      .sidebar-thumbnails {
        display: grid!important;
        position: fixed;
        top: 40px;
        left: 25px;        
        width: 60px; 
      }
    }
    .sidebar-thumbnails {
      z-index: 4;           
      cursor: pointer;
    }
    .sidebar-thumbnails img {
      border-radius: 5px;
      border: 1px #ddd solid;
    }
  </style>
  <product-modal id="ProductModal-template--17527247536309__main" class="product-media-modal media-modal">
    <div
      class="product-media-modal__dialog"
      role="dialog"
      aria-label="Media gallery"
      aria-modal="true"
      tabindex="-1"
    >
      <button
        id="ModalClose-template--17527247536309__main"
        type="button"
        class="product-media-modal__toggle"
        aria-label="Close"
      >
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

      </button>

      <div
        class="product-media-modal__content gradient"
        role="document"
        aria-label="Media gallery"
        tabindex="0"
      >
        <div class="sidebar-thumbnails"><img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?crop=center&height=50&v=1617492053&width=50" alt="USCC Trucker Snapback Hat image 1 of 3" onclick="scrollToImage('21117110845621')"><img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?crop=center&height=50&v=1617492053&width=50" alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3" onclick="scrollToImage('21117110878389')"><img src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?crop=center&height=50&v=1617492053&width=50" alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3 image 3 of 3" onclick="scrollToImage('21117110911157')"></div>
<img
    class="global-media-settings global-media-settings--no-shadow"
    srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=550 550w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=1100 1100w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=1445 1445w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=1680 1680w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=2048 2048w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=2200 2200w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=2890 2890w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053 3510w"
    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
    src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.01.jpg?v=1617492053&width=1445"
    alt="USCC Trucker Snapback Hat image 1 of 3"
    loading="lazy"
    width="1100"
    height="1100"
    data-media-id="21117110845621"
    
  >
<img
    class="global-media-settings global-media-settings--no-shadow"
    srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=550 550w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=1100 1100w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=1445 1445w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=1680 1680w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=2048 2048w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=2200 2200w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=2890 2890w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053 4069w"
    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
    src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.02.jpg?v=1617492053&width=1445"
    alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3"
    loading="lazy"
    width="1100"
    height="1100"
    data-media-id="21117110878389"
    
  >
<img
    class="global-media-settings global-media-settings--no-shadow"
    srcset="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=550 550w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=1100 1100w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=1445 1445w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=1680 1680w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=2048 2048w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=2200 2200w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=2890 2890w,//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053 4063w"
    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
    src="//sb-uscc.myshopify.com/cdn/shop/products/USCC-pacific-headwear-hat-104C.03.jpg?v=1617492053&width=1445"
    alt="USCC Trucker Snapback Hat image 1 of 3 image 2 of 3 image 3 of 3"
    loading="lazy"
    width="1100"
    height="1100"
    data-media-id="21117110911157"
    
  ></div>
    </div>
  </product-modal> <style data-shopify>.prop65 {
    text-decoration: underline!important;
    cursor: pointer!important;
  }
  .prop65_modal, .video_modal {
      display: none;
      position: fixed;
      z-index: 41;
      padding-top: 120px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4);
  }
  .prop65_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 400px;
  }
  .video_modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 0px solid #888;
    width: 560px;
    height: 315px;
  }
  .prop65_close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  .video_close {
    position: absolute;
    top: -10px;
  }
  .prop65_close:hover,
  .prop65_close:focus,
  .video_close:hover,
  .video_close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
  }

  .video-modal,
  .video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
  }
  .video-modal {
    overflow: hidden;
    position: fixed;
    opacity: 0.0;
    -webkit-transform: translate(500%,0%);
    transform: translate(500%,0%);
    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .video-modal .overlay {
    z-index: 0;
    background: rgba(13,1,61,0.82); /* overlay color */
    opacity: 0.0;
    -webkit-transition: opacity 0.2s ease-out 0.05s;
    transition: opacity 0.2s ease-out 0.05s;
  }
  .video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;    
    margin: 0 auto;
    overflow-y: visible;
    background: #000;    
    width: calc(100% - 12em);
    height: 0;
    padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
  }

  @media (min-aspect-ratio: 16/9) {
    .video-modal-content {
      width: 0;
      height: calc(100vh - 10em);
      padding-top: 0;
      padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
    }
  }

  @media (max-width: 640px) {
    .video-modal-content {
      width: calc(100% - 1em);
      padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
    }
  }
  .close-video-modal {
    display: block;
      position: absolute;
      left: 0;
      top: -40px;
      text-decoration: none;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
  }

  iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
  }

  .show-video-modal .video-modal {
    opacity: 1.0;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
  }
  .show-video-modal .video-modal .overlay {
    opacity: 1.0;
  }
  .show-video-modal .video-modal-content {
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
  }</style><div id="prop65Modal" class="prop65_modal">
    <div class="prop65_modal-content">
      <span class="prop65_close">&times;</span>
      <strong>WARNING</strong>: This product can expose you to chemicals which are known to the State of California to cause cancer, birth defects and other reproductive harm. For more information visit: <a href="www.P65Warnings.ca.gov" class="link" target="_blank">www.P65Warnings.ca.gov</a>.
    </div>
  </div>

  <section class="video-modal">
    <div id="video-modal-content" class="video-modal-content">
      <iframe id="youtube" width="100%" height="100%" frameborder="0" allow="autoplay" allowfullscreen src=></iframe>
      <a href="#" class="close-video-modal">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve" width="24" height="24">
          <g id="icon-x-close"><path fill="#ffffff" d="M30.3448276,31.4576271 C29.9059965,31.4572473 29.4852797,31.2855701 29.1751724,30.980339 L0.485517241,2.77694915 C-0.122171278,2.13584324 -0.104240278,1.13679247 0.52607603,0.517159487 C1.15639234,-0.102473494 2.17266813,-0.120100579 2.82482759,0.477288136 L31.5144828,28.680678 C31.9872448,29.1460053 32.1285698,29.8453523 31.8726333,30.4529866 C31.6166968,31.0606209 31.0138299,31.4570487 30.3448276,31.4576271 Z" id="Shape"></path><path fill="#ffffff" d="M1.65517241,31.4576271 C0.986170142,31.4570487 0.383303157,31.0606209 0.127366673,30.4529866 C-0.12856981,29.8453523 0.0127551942,29.1460053 0.485517241,28.680678 L29.1751724,0.477288136 C29.8273319,-0.120100579 30.8436077,-0.102473494 31.473924,0.517159487 C32.1042403,1.13679247 32.1221713,2.13584324 31.5144828,2.77694915 L2.82482759,30.980339 C2.51472031,31.2855701 2.09400353,31.4572473 1.65517241,31.4576271 Z" id="Shape"></path></g>
        </svg>
      </a>
    </div>
    <div class="overlay"></div>
  </section>

  <script>    
    document.addEventListener('DOMContentLoaded', function() {
      function toggle_video_modal_1() {
        document.querySelector("#js-trigger-video-modal-1").addEventListener("click", function(e){              
          e.preventDefault();
          var id = this.getAttribute('data-youtube-id');
          var autoplay = '?autoplay=1';
          var related_no = '&rel=0';
          var src = '//www.youtube.com/embed/'+id+autoplay+related_no;
          document.querySelector("#youtube").setAttribute('src', src);
          document.body.classList.add('show-video-modal', 'noscroll');
        });
        function close_video_modal() {
          event.preventDefault();
          document.body.classList.remove('show-video-modal', 'noscroll');
          document.querySelector("#youtube").setAttribute('src', ''); 
        }
        document.querySelector('.close-video-modal').addEventListener('click', function(event) {            
          close_video_modal();              
        });
        document.querySelector('.video-modal', '.overlay').addEventListener('click', function(evente) {
          close_video_modal();              
        });          
        document.querySelector('body').addEventListener('keyup', function(e) {
          if (e.keyCode == 27) { 
            close_video_modal();                
          }
        });
      }
      toggle_video_modal_1();    

      function toggle_video_modal_2() {
        document.querySelector("#js-trigger-video-modal-2").addEventListener("click", function(e){              
          e.preventDefault();
          var id = this.getAttribute('data-youtube-id');
          var autoplay = '?autoplay=1';
          var related_no = '&rel=0';
          var src = '//www.youtube.com/embed/'+id+autoplay+related_no;
          document.querySelector("#youtube").setAttribute('src', src);
          document.body.classList.add('show-video-modal', 'noscroll');
        });
        function close_video_modal() {
          event.preventDefault();
          document.body.classList.remove('show-video-modal', 'noscroll');
          document.querySelector("#youtube").setAttribute('src', ''); 
        }
        document.querySelector('.close-video-modal').addEventListener('click', function(event) {            
          close_video_modal();              
        });
        document.querySelector('.video-modal', '.overlay').addEventListener('click', function(evente) {
          close_video_modal();              
        });          
        document.querySelector('body').addEventListener('keyup', function(e) {
          if (e.keyCode == 27) { 
            close_video_modal();                
          }
        });
      }
      toggle_video_modal_2();         
    });

    var csModal = document.getElementById('prop65Modal');    
    var csSpan = document.getElementsByClassName("prop65_close")[0];
    csSpan.onclick = function() {
      csModal.style.display = "none";
    }
    window.onclick = function(event) {
      if (event.target == csModal) {
        csModal.style.display = "none";
      }
    }
    // prop65    
    document.querySelectorAll('a[href^="/pages/prop-65"]').forEach((item, index) => { 
      item.classList.add('prop65');
      item.addEventListener('click', function(event) {
        csModal.style.display = "block";
        event.preventDefault();
      })
    })
    document.querySelectorAll('a[href^="/prop-65"]').forEach((item, index) => { 
      item.classList.add('prop65');
      item.addEventListener('click', function(event) {
        csModal.style.display = "block";
        event.preventDefault();
      })      
    })  
    document.querySelectorAll('a[data-target^="#myModal"]').forEach((item, index) => { 
      item.classList.add('prop65');
      item.addEventListener('click', function(event) {
        csModal.style.display = "block";
        event.preventDefault();
      })      
    })               
  </script>  
<script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/product-modal.js?v=50921580101160527761731511171" defer="defer"></script>
    <script src="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/media-gallery.js?v=120295705211467181361731511171" defer="defer"></script>

  <script>
    function scrollToImage(mediaId) {
      if (window.innerWidth < 768) { // Assuming mobile view under 768px width
        // Mobile behavior
        const currentActiveImage = document.querySelector('.global-media-settings.active');
        if (currentActiveImage) {
          currentActiveImage.classList.remove('active');
        }
      
        // Find the new image to activate based on the mediaId and add the 'active' class
        const newActiveImage = document.querySelector(`img[data-media-id="${mediaId}"]`);
        if (newActiveImage) {
          newActiveImage.classList.add('active');
        }
      } else {
        // Desktop behavior
        const imageToScrollTo = document.querySelector(`img[data-media-id="${mediaId}"]`);
        if (imageToScrollTo) {
          imageToScrollTo.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }
      }
    }

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

      document.getElementById("Quantity-template--17527247536309__main").addEventListener("click", () => {
        document.getElementById("Quantity-template--17527247536309__main").select();
      });

      let spec_list = document.querySelectorAll('.spec--list li');
      spec_list.forEach((item, index) => {
        (index % 2 == 0) ?item.classList.add('odd'):item.classList.add('even')
      });      

      function isIE() {
        const ua = window.navigator.userAgent;
        const msie = ua.indexOf('MSIE ');
        const trident = ua.indexOf('Trident/');

        return (msie > 0 || trident > 0);
      }

      if (!isIE()) return;
      const hiddenInput = document.querySelector('#product-form-template--17527247536309__main input[name="id"]');
      const noScriptInputWrapper = document.createElement('div');
      const variantSwitcher = document.querySelector('variant-radios[data-section="template--17527247536309__main"]') || document.querySelector('variant-selects[data-section="template--17527247536309__main"]');
      noScriptInputWrapper.innerHTML = document.querySelector('.product-form__noscript-wrapper-template--17527247536309__main').textContent;
      variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;

      document.querySelector('#Variants-template--17527247536309__main').addEventListener('change', function(event) {
        hiddenInput.value = event.currentTarget.value;
      });
    });
  </script><script type="text/javascript">
    document.addEventListener( 'DOMContentLoaded', function () {

      // Function to move beehive below product col grid only on mobile
      function rearrangeOnMobile() {
        const siblingA = document.querySelector('.product-column-grid');
        const siblingB = document.querySelector('.beehive');
        
        if (siblingA && siblingB) {
          // If the screen width is mobile (e.g., < 768px), move sibling A after sibling B
          if (window.innerWidth < 768) {
            siblingB.insertAdjacentElement('afterend', siblingA);
          } 
          // If the screen width is desktop (>= 768px), move sibling A back to its original position
          else {
            siblingB.parentElement.insertBefore(siblingA, siblingB);
          }
        }
      }
      
      // Run on page load
      rearrangeOnMobile();
      
      // Run on window resize to handle changes dynamically
      window.addEventListener('resize', rearrangeOnMobile);


      document.addEventListener("click", function(event) {
        var btn = event.target.closest('.cbb-frequently-bought-add-button');
        if (btn) {
          var boughtItems = [],
            product_div = btn.closest(".product"),
            elems, i, elem, check;
          if (product_div) { // we handling only button in the .product div container as there is similar block at bottom
            event.preventDefault();
            elems = product_div.querySelectorAll(".cbb-frequently-bought-selector-list input[type=checkbox]");
            for(i = 0; i < elems.length; i++) {
              elem = elems[i];
              if (elem.checked) {
                btn.innerHTML = "Adding to cart...";            
                boughtItems.push({
                  quantity: 1,
                  id: elem.id,
                });
              }
            }
            //console.log("boughtItems=", boughtItems);
            if (boughtItems.length > 0) {
              fetch("/cart/add.js", { ...fetchConfig(), ...{ body: JSON.stringify({items: boughtItems})} })
              .then((response) => {
                window.location.href="/cart";
              });
            }
          }
        }
      });
    });
  </script> 

  
</section>
 

<script type='application/json' class='wcp_json_39624909848757 wcp_json_6624609271989 wcp_json' id='wcp_json_6624609271989' >Liquid error (sections/main-product line 2670): Could not find asset snippets/wcp_product_json.liquid</script><style> #shopify-section-template--17527247536309__main table:not([class]) td, #shopify-section-template--17527247536309__main table:not([class]) th {padding: 0.1em; border: 1px solid black;} #shopify-section-template--17527247536309__main table:not([class]) {border-style: solid;} </style></section><section id="shopify-section-template--17527247536309__1663339939f43170ab" class="shopify-section section"><div class="page-width"></div>


</section><section id="shopify-section-template--17527247536309__divider_N8nVn8" class="shopify-section section">
<style data-shopify>.section-divider {
    margin-bottom: -50px;
    margin-top: -50px;    
  }

  @media screen and (min-width: 990px) {
    .page-width-desktop {  
        padding: 0px!important;
    }
  }
  @media screen and (max-width: 749px) {
    .section-divider {
      margin-bottom: -20px;
      margin-top: -20px;    
    }
  }</style><div class="page-width">
  <div class="section-divider">
    <hr />  
  </div>
</div>  

</section><section id="shopify-section-template--17527247536309__1744656537d2df8194" class="shopify-section section"><div class="page-width"><!-- Failed to render app block "cs_headache_rack_builder_devel_headache_rack_builder_7hrygr": app block path "shopify://apps/cs-headache-rack-builder-devel/blocks/headache_rack_builder/1b9253b4-33e2-4845-b518-135f9251c021" does not exist -->
</div>


</section><section id="shopify-section-template--17527247536309__custom_liquid_tihyAL" class="shopify-section section"><style data-shopify>.section-template--17527247536309__custom_liquid_tihyAL-padding {
  padding-top: calc(40px * 0.75);
  padding-bottom: calc(52px  * 0.75);
}

@media screen and (min-width: 750px) {
  .section-template--17527247536309__custom_liquid_tihyAL-padding {
    padding-top: 40px;
    padding-bottom: 52px;
  }
}

.collection__content {
  display: block;
  width: 100%;
}
.collection__content .right {
  flex: 1;
}       
@media screen and (min-width: 750px) {
  .collection__content {
    display: flex;
    width: 100%;
  }        
  .collection__content .left {
    width: 250px;
    padding-right: 10px;
  }        
}</style>
      <div class="color-background-1 gradient">
        <div class="section-template--17527247536309__custom_liquid_tihyAL-padding">
          <div class="customer-reviews">
<!-- "snippets/judgeme_widgets.liquid" was not rendered, the associated app was uninstalled -->
</div>
        </div>
      </div>


</section><section id="shopify-section-template--17527247536309__divider_EpwjB8" class="shopify-section section">
<style data-shopify>.section-divider {
    margin-bottom: -50px;
    margin-top: -50px;    
  }

  @media screen and (min-width: 990px) {
    .page-width-desktop {  
        padding: 0px!important;
    }
  }
  @media screen and (max-width: 749px) {
    .section-divider {
      margin-bottom: -20px;
      margin-top: -20px;    
    }
  }</style><div class="page-width">
  <div class="section-divider">
    <hr />  
  </div>
</div>  

</section><div id="shopify-section-template--17527247536309__92b6c94e-97a6-4d84-9d5c-5be28f980422" class="shopify-section section-product-recommendations page-width">
<script type="searchspring/personalized-recommendations" profile="similar">seed = "HAT104C-CHBLK";
	</script>


</div><section id="shopify-section-template--17527247536309__divider_mcAmjh" class="shopify-section section">
<style data-shopify>.section-divider {
    margin-bottom: -50px;
    margin-top: -50px;    
  }

  @media screen and (min-width: 990px) {
    .page-width-desktop {  
        padding: 0px!important;
    }
  }
  @media screen and (max-width: 749px) {
    .section-divider {
      margin-bottom: -20px;
      margin-top: -20px;    
    }
  }</style><div class="page-width">
  <div class="section-divider">
    <hr />  
  </div>
</div>  

</section><div id="shopify-section-template--17527247536309__f54db88b-8db2-4b04-82ac-f4cd0ac4f281" class="shopify-section section-product-recommendations page-width">
<script type="searchspring/personalized-recommendations" profile="recently-viewed">seed = "HAT104C-CHBLK";
	</script>


</div><section id="shopify-section-template--17527247536309__392dbb60-41f6-4d09-a6c0-2485088b9d3d" class="shopify-section section"><style data-shopify>.section-template--17527247536309__392dbb60-41f6-4d09-a6c0-2485088b9d3d-padding {
  padding-top: calc(0px * 0.75);
  padding-bottom: calc(0px  * 0.75);
}

@media screen and (min-width: 750px) {
  .section-template--17527247536309__392dbb60-41f6-4d09-a6c0-2485088b9d3d-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.collection__content {
  display: block;
  width: 100%;
}
.collection__content .right {
  flex: 1;
}       
@media screen and (min-width: 750px) {
  .collection__content {
    display: flex;
    width: 100%;
  }        
  .collection__content .left {
    width: 250px;
    padding-right: 10px;
  }        
}</style>
      <div class="color-background-2 gradient">
        <div class="section-template--17527247536309__392dbb60-41f6-4d09-a6c0-2485088b9d3d-padding">
          <script>
window.addEventListener('load', function() {
var _learnq = window._learnq || [];
function addedToCart() {
  fetch(`${window.location.origin}/cart.js`)
  .then(res => res.clone().json().then(data => {
    var cart = {
      total_price: data.total_price/100,
      $value: data.total_price/100,
      total_discount: data.total_discount,
      original_total_price: data.original_total_price/100,
      items: data.items
    }
    if (item !== 'undefined') {
      cart = Object.assign(cart, item)
    }
    if (klAjax) {
        _learnq.push(['track', 'Added to Cart', cart]);
        klAjax = false;
      }
  }))
};
(function (ns, fetch) {
  ns.fetch = function() {
    const response = fetch.apply(this, arguments);
    response.then(res => {
      if (`${window.location.origin}/cart/add.js`
      	.includes(res.url)) {
        	addedToCart()
      }
    });
    return response
  }
}(window, window.fetch));
var klAjax = true;
var atcButtons = document.querySelectorAll("form[action*='/cart/add'] button[type='submit']");
for (var i = 0; i < atcButtons.length; i++) {
    atcButtons[i].addEventListener("click", function() {
      if (klAjax) {
        _learnq.push(['track', 'Added to Cart', item]);
        klAjax = false;
      }
    })
}
});
</script>
        </div>
      </div>


</section><section id="shopify-section-template--17527247536309__image_footer_banner_7WL9EQ" class="shopify-section section">
<style data-shopify>.home-banner {
    padding-top: 30px;
    padding-left: 70px;
    padding-right: 70px;    
  }
  .home-banner img {
    width: 100%;
  }
  @media screen and (max-width: 750px) {
    .home-banner {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  @media screen and (min-width: 990px) {
    .page-width-desktop {  
        padding: 0px!important;
    }
    .multicolumn > .page-width {
      padding-left: 70px;
      padding-right: 70px;         
    }
  }</style><div class="home-banner isolate gradient">
  <div class="page-width-desktop">
    <div class="footer-banner-image">
      
        
    </div></div> 
    
</div>  

</section><section id="shopify-section-template--17527247536309__multicolumn_product_Lfx9dj" class="shopify-section section"><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/section-multicolumn.css?v=22408263716103451261731511170" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-slider.css?v=111384418465749404671731511171" media="print" onload="this.media='all'">
<noscript><link href="//sb-uscc.myshopify.com/cdn/shop/t/50/assets/component-slider.css?v=111384418465749404671731511171" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--17527247536309__multicolumn_product_Lfx9dj-padding {
    padding-top: 0px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--17527247536309__multicolumn_product_Lfx9dj-padding {
      padding-top: 0px;
      padding-bottom: 36px;
    }
  }
  .multicolumn-card.content-container {
    background: #fff!important;
  }
  .multicolumn-card__info {
    padding: 0px!important;
    margin-top: 5px;
  }
  .multicolumn-card.content-container:after {
    box-shadow: none!important;
  }
  .multicolumn-card-spacing {
    padding-top: 0px!important;
  }
  .collection__content .right__side {
    flex-grow: 1;
  }       
  @media screen and (min-width: 750px) {
    .collection__content {
      display: flex;
      width: 100%;
    }        
    .collection__content .left__side {
      flex-basis: 200px;
    }        
  }</style>
      <div class="multicolumn custom-class color-background-1 gradient background-primary">
        <div class="page-width section-template--17527247536309__multicolumn_product_Lfx9dj-padding isolate">
          <slider-component class="slider-mobile-gutter">
            <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop"
              id="Slider-template--17527247536309__multicolumn_product_Lfx9dj"
              role="list"
            ><li id="Slide-template--17527247536309__multicolumn_product_Lfx9dj-1" class="multicolumn-list__item grid__item carousel-cell" >
                  <div class="multicolumn-card content-container"><div class="multicolumn-card__info"><div class="rte"><p>Our multiple distribution centers allow us to reach nearly 80% of the U.S. within <strong>1-2 business days</strong> for all in-stock items. With thousands of items in stock & ready to ship, orders placed before 4:00pm CST ship out the same day.</p></div></div>
                  </div>
                </li><li id="Slide-template--17527247536309__multicolumn_product_Lfx9dj-2" class="multicolumn-list__item grid__item carousel-cell" >
                  <div class="multicolumn-card content-container"><div class="multicolumn-card__info"><div class="rte"><p>Our <strong>Iowa-based</strong> 23,000 square foot manufacturing facility was carefully crafted for the high quality, custom production of tie-down straps and chains, lifting slings, cargo nets, and more. Your vision brought to life.</p></div></div>
                  </div>
                </li><li id="Slide-template--17527247536309__multicolumn_product_Lfx9dj-3" class="multicolumn-list__item grid__item carousel-cell" >
                  <div class="multicolumn-card content-container"><div class="multicolumn-card__info"><div class="rte"><p><strong>As employee-owners</strong>, we take customer service very seriously. Our team members are dedicated, professionally-trained, and have decades of combined experience serving the industry. Always speak with a real person and never wait more than 1 business day.</p></div></div>
                  </div>
                </li></ul></slider-component>
        </div>
      </div>



</section><section id="shopify-section-template--17527247536309__footer_image_logos_MrnnRe" class="shopify-section section">
<style data-shopify>.logo-banner {
    text-align: center;
  }
  .logo-banner img {
    width: 70%;    
  }
  @media screen and (max-width: 749px) {
    .logo-banner {
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
    }
    .logo-banner img {
      width: 100%;
    }    
  }
  @media screen and (min-width: 990px) {
    .page-width-desktop {  
        padding: 0px!important;
    }
  }</style><div class="logo-banner isolate gradient">
  <div class="page-width-desktop">
    <div class="footer-banner-image">
      
      <a href="/pages/our-memberships">
      
        
    </div></div> 
  
  </a>
    
</div>  

</section>
    </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('02:05')
      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 -->
    
    
    	
	<!-- Searchspring IntelliSuggest Tracking -->
	<script type="text/javascript" src="//cdn.searchspring.net/intellisuggest/is.min.js"></script>
	<script type="text/javascript">
		var ss_site_id = '4zfjep';
 
		try {
			
				var product_code = 'HAT104C-CHBLK';
				IntelliSuggest.init({siteId: ss_site_id, context: 'Product/' + product_code, seed: product_code});
				IntelliSuggest.viewItem({sku:product_code});
			
			
		} catch(err) {}
	</script>
	<!-- END Searchspring IntelliSuggest -->

    
<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>