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/ratchet-strap-2x27-w-flat-hooks.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":"c698bec1-57f1-4ee2-93f7-902c705a7189-1756796196","pageurl":"sb-uscc.myshopify.com\/products\/ratchet-strap-2x27-w-flat-hooks","u":"0b46f06c665c","p":"product","rtyp":"product","rid":6629853102261};</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/ratchet-strap-2x27-w-flat-hooks"><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>
      2&quot; x 27&#39; YELLOW Ratchet Strap with Flat Hook - 10,000 lb Break Strength
 &ndash; sb-uscc</title>
<meta name="description" content="&amp;lt;meta name=&quot;description&quot; content=&quot;Ratchet strap has 2” yellow weband black coated flat hooks. Shop US Cargo Control for more sizes, colors, and options.&quot;/&amp;gt;">

    
<script type='application/json' class='wcp_json_39647414583477 wcp_json_6629853102261 wcp_json' id='wcp_json_6629853102261' >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/ratchet-strap-2x27-w-flat-hooks.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":"c698bec1-57f1-4ee2-93f7-902c705a7189-1756796196","pageurl":"sb-uscc.myshopify.com\/products\/ratchet-strap-2x27-w-flat-hooks","u":"0b46f06c665c","p":"product","rtyp":"product","rid":6629853102261};</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 0e4ecdca024e32ea --><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/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0559/8937/1061/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431" />
<meta property="og:image:width" content="2500" />
<meta property="og:image:height" content="2500" />
<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":18.49,"currencyCode":"USD"},"product":{"title":"2\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook","vendor":"US Cargo Control","id":"6629853102261","untranslatedTitle":"2\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook","url":"\/products\/ratchet-strap-2x27-w-flat-hooks","type":""},"id":"39647414583477","image":{"src":"\/\/sb-uscc.myshopify.com\/cdn\/shop\/products\/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431"},"sku":"5027FH-Y","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\":18.49,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"2\\\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook\",\"vendor\":\"US Cargo Control\",\"id\":\"6629853102261\",\"untranslatedTitle\":\"2\\\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook\",\"url\":\"\/products\/ratchet-strap-2x27-w-flat-hooks\",\"type\":\"\"},\"id\":\"39647414583477\",\"image\":{\"src\":\"\/\/sb-uscc.myshopify.com\/cdn\/shop\/products\/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431\"},\"sku\":\"5027FH-Y\",\"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":6629853102261,"gid":"gid:\/\/shopify\/Product\/6629853102261","vendor":"US Cargo Control","type":"","variants":[{"id":39647414583477,"price":1849,"name":"2\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook - ","public_title":"","sku":"5027FH-Y"}]},"page":{"pageType":"product","resourceType":"product","resourceId":6629853102261}};
  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":6629853102261,"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":39647414583477,"productId":6629853102261,"productGid":"gid:\/\/shopify\/Product\/6629853102261","name":"2\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook - ","price":"18.49","sku":"5027FH-Y","brand":"US Cargo Control","variant":"","category":"","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
      window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":39647414583477,"productId":6629853102261,"productGid":"gid:\/\/shopify\/Product\/6629853102261","name":"2\" x 27' Yellow Ratchet Strap w\/ Black Flat Hook - ","price":"18.49","sku":"5027FH-Y","brand":"US Cargo Control","variant":"","category":"","nonInteraction":true,"referer":"https:\/\/sb-uscc.myshopify.com\/products\/ratchet-strap-2x27-w-flat-hooks"});
      }
    });


        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;}
		.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/ratchet-strap-2x27-w-flat-hooks" aria-current="page">2" x 27' Yellow Ratchet Strap w/ Black Flat Hook</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>5027FH-Y</span></div>
      <div class="product__title" >
        <h1 class="product-h1">2&quot; x 27&#39; Yellow Ratchet Strap w/ Black Flat Hook</h1>
        <a href="/products/ratchet-strap-2x27-w-flat-hooks" class="product__title">
          <h2 class="h1">
            2&quot; x 27&#39; Yellow Ratchet Strap w/ Black Flat Hook!
          </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-21160379252917"
                  class="product__media-item grid__item slider__slide is-active"
                  data-media-id="template--17527247536309__main-21160379252917"
                >

<noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;">
      <img src="//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1946" alt="" srcset="//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&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/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1946" alt="" srcset="//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=246 246w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=493 493w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=600 600w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=713 713w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=823 823w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=990 990w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1100 1100w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1206 1206w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1346 1346w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1426 1426w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&amp;width=1646 1646w, //sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&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="21160379252917">
    <span class="visually-hidden">
      Open media 1 in modal
    </span>
  </button>
</modal-opener></li></ul><div class="authorized large-up-hide"></div>            
        </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>5027FH-Y</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/ratchet-strap-2x27-w-flat-hooks" class="product__title">2&quot; x 27&#39; Yellow Ratchet Strap w/ Black Flat Hook</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">
				
</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">
			
				<div class="cfp">Call for Price</div>			
			
		</div>
		
		 
		
		<!-- Loop through product tags and build the tier structure -->
		
			
				
				
				
				
				
				
		
				<!-- Build the tier structure as a string -->
				
				
			
		
			
		
			
				
				
				
				
				
				
		
				<!-- Build the tier structure as a string -->
				
				
			
		
			
				
				
				
				
				
				
		
				<!-- Build the tier structure as a string -->
				
				
			
		
		
		<!-- Display the tiered pricing if applicable -->
		
		<div class="item item-1-3">
			<div class="inner-grid" >
					
				<div class="grid-item">Get 10+</div><div class="grid-item"><span class="save-that-money">$</span>17.94/ea</div><div class="grid-item">Get 25+</div><div class="grid-item"><span class="save-that-money">$</span>17.57/ea</div><div class="grid-item">Get 50+</div><div class="grid-item"><span class="save-that-money">$</span>17.02/ea</div> <!-- Output the generated tier structure -->
						
			</div> 
			<div>  
										
			</div>
		</div>
		
		
		
		
		
		<!-- Loop through product tags and extract tier information -->
		
		  
			
			
			
			
		
			<!-- Add a comma only if this is not the first tier -->
			
		
			<!-- Build the tier data as a string in JSON-like format -->
			
			
		  
		
		  
		
		  
			
			
			
			
		
			<!-- Add a comma only if this is not the first tier -->
			
		
			<!-- Build the tier data as a string in JSON-like format -->
			
			
		  
		
		  
			
			
			
			
		
			<!-- Add a comma only if this is not the first tier -->
			
		
			<!-- Build the tier data as a string in JSON-like format -->
			
			
		  
				

		<!-- 2nd Row -->
		<div class="item item-2-1">
			
			<div class="small-hide">
				<div class="cto">
					<span class="button button--primary button--full-width button--no-action">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="30" height="30"><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>
						Call to Order
					</span>
				</div>
			</div>
			
		</div>
		<div class="item item-2-2">
			<div style="font-size: 1em" >
				<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": "5027FH-Y" }] } );</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 = [{ "qty": 10, "discount": 3 },{ "qty": 25, "discount": 5 },{ "qty": 50, "discount": 8 }];
		
		// Store the original product price
		var originalPrice = 18.49;
		
		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 = "5027FH-Y";
        options = parse_options(getres().hive, sku_val);
        
          render_options(options, null);
        
    
        function getres() { 
            var res = {"hive":{"items":[{"url":"/2-X-12-Yellow-Ratchet-Strap-w-Black-Flat-Hook","sku":"5012FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"12'"}},{"url":"/2-x-18-YELLOW-Ratchet-Strap-w-Black-Flat-Hook-10-000-lb-B-S","sku":"5018FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"18'"}},{"url":"/Ratchet-Strap-2x27-w-Flat-Hooks","sku":"5027FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"27'"}},{"url":"/Ratchet-Strap-2x30-w-Flat-Hooks","sku":"5030FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"30'"}},{"url":"/Ratchet-Strap-2x50-w-Flat-Hooks","sku":"5050FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"50'"}},{"url":"/2-X-12-Black-Ratchet-Strap-w-Black-Flat-Hook","sku":"5012FH-BLK","options":{"custitem_color_spec":"Black","custitem_length_spec":"12'"}},{"url":"/2-x-18-BLACK-Ratchet-Strap-w-Black-Flat-Hook-10-000-lb-B-S","sku":"5018FH-BLK","options":{"custitem_color_spec":"Black","custitem_length_spec":"18'"}},{"url":"/2-X-27-Black-Ratchet-Strap-w-Black-Flat-Hook","sku":"5027FH-BLK","options":{"custitem_color_spec":"Black","custitem_length_spec":"27'"}},{"url":"/2-x-30-BLACK-Ratchet-Strap-w-Black-Flat-Hook-10-000-lb-B-S","sku":"5030FH-BLK","options":{"custitem_color_spec":"Black"(more...);
            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">
          Versatile 27' length easily handles a variety of tie down jobs. Abrasion-resistant polyester webbing is fitted with two black flat hooks that are coated for extra protection. The hooks' slot for the webbing also has a defender to protect the strap from excessive wear. Zinc-coated ratchet component has a wide profile and smooth handle. Yellow with black stenciling.   Our ratchet straps meet or exceed DOT and WSTDA guidelines, and are labeled with working load limit information.<br><br><b>California Residents: <a data-toggle="modal" data-target="#myModal" style="color: black;">WARNING</a></b> 
	
    </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></div> <a href="/products/ratchet-strap-2x27-w-flat-hooks" 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/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?crop=center&height=50&v=1617751431&width=50" alt="2" x 27' Yellow Ratchet Strap w/ Black Flat Hook" onclick="scrollToImage('21160379252917')"></div>
<img
    class="global-media-settings global-media-settings--no-shadow"
    srcset="//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=550 550w,//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=1100 1100w,//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=1445 1445w,//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=1680 1680w,//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=2048 2048w,//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=2200 2200w,//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431 2500w"
    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
    src="//sb-uscc.myshopify.com/cdn/shop/products/2x30-yellow-ratchet-strap-black-flat-hook.01.jpg?v=1617751431&width=1445"
    alt="2&quot; x 27&#39; Yellow Ratchet Strap w/ Black Flat Hook"
    loading="lazy"
    width="1100"
    height="1100"
    data-media-id="21160379252917"
    
  ></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 class="run-after-ajax-load">
      setTimeout(function() {
        var id = 6629853102261;
        var response = {"hive":{"items":[{"url":"/2-X-12-Yellow-Ratchet-Strap-w-Black-Flat-Hook","sku":"5012FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"12'"}},{"url":"/2-x-18-YELLOW-Ratchet-Strap-w-Black-Flat-Hook-10-000-lb-B-S","sku":"5018FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"18'"}},{"url":"/Ratchet-Strap-2x27-w-Flat-Hooks","sku":"5027FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"27'"}},{"url":"/Ratchet-Strap-2x30-w-Flat-Hooks","sku":"5030FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"30'"}},{"url":"/Ratchet-Strap-2x50-w-Flat-Hooks","sku":"5050FH-Y","options":{"custitem_color_spec":"Yellow","custitem_length_spec":"50'"}},{"url":"/2-X-12-Black-Ratchet-Strap-w-Black-Flat-Hook","sku":"5012FH-BLK","options":{"custitem_color_spec":"Black","custitem_length_spec":"12'"}},{"url":"/2-x-18-BLACK-Ratchet-Strap-w-Black-Flat-Hook-10-000-lb-B-S","sku":"5018FH-BLK","options":{"custitem_color_spec":"Black","custitem_length_spec":"18'"}},{"url":"/2-X-27-Black-Ratchet-Strap-w-Black-Flat-Hook","sku":"5027FH-BLK","options":{"custitem_color_spec":"Black","custitem_length_spec":"27'"}},{"url":"/2-x-30-BLACK-Ratchet-Strap-w-Black-Flat-Hook-10-000-lb-B-S","sku":"5030FH-BLK","options":{"custitem_color_spec":"Black"(more...);
        my_render_product_options(response.hive, id);
      }, 10);    
    </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_39647414583477 wcp_json_6629853102261 wcp_json' id='wcp_json_6629853102261' >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 = "5027FH-Y";
	</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 = "5027FH-Y";
	</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('01:56')
      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 = '5027FH-Y';
				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>