@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url("https://use.typekit.net/jir3cwc.css");
/* Root Styles
-------------------------------------------------------------------------------------*/
:root {
	--primary: #001489;
	/* --accent: #cc5629; */
	--accent: #001489;
	--dark: #000000;
	--medium: #333333;
	--light: #979799;
	/* categories color */
	--selfdrilling:#ef3340;
	--drywall:#ffd700;
	--cementboard:#bb16a3;
	--concrete:#7bafd3;
	--deck:#4c8d2b;
	--woodworking:#6b3529;
	--needlepoint:#001489;
	/* --roofing:#555555; */
	--roofing:#000000;
	--acoustical:#ff6720;
	--aluminumindustry:#c5e86c;
	--threadedrod:#2d4d58;
	--bitsandbondedwashers:#7c576a;
	--sheetmetal:#001489;
}
/* Core CSS Changes
-------------------------------------------------------------------------------------*/
/* Primary Color */
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a i,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a i {
    box-shadow: none;
}
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a i,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a i,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a .tabArrow::before,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a .tabArrow::before,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-state-active a .tabArrow::after,
#RestCart_tabs .CheckoutBreadcrumbInner .ui-state-default.ui-tabs-complete a .tabArrow::after {
    background: var(--primary);
}
/* btn-primary */
.checkoutHeaderBG,
.btn.btn-primary,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn.btn-primary:hover,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--primary);
	border-color: var(--primary);
}
/* btn-accent */
.btn.btn-accent{
	background-color: var(--accent);
	border-color: var(--accent);
}
.btn.btn-accent:hover,
.btn.btn-accent:not(:disabled):not(.disabled).active,
.btn.btn-accent:not(:disabled):not(.disabled):active {
	background-color: var(--accent);
	border-color: var(--accent);
}
/* Accent Color */
a, a:hover {
    color: var(--accent);
}
.dropdown .dropdown-menu .util-sub-register a, #checkoutContainer a:not(.ui-tabs-anchor),
.COMProdPrice, #ProductDiscount, .openAccountDiv #openAccountHeader h3 a,
.modalPage a, .modal-addcart .modal-title, .modal-addcart .bootCart-details .bootCart-name,
.btn-link, .btn-link:hover, #subBar a:hover,
.modal-addcart .bootCart-info .bootCart-count {
    color: var(--accent) !important;
}
.checkoutrequired{
    color: red;
}
@media (min-width: 576px) {
    .dropdown-item.active a, .dropdown-item:active a {
        color: var(--primary) !important;
    }
}
.announcement-bar, #back-to-top, .orderSummaryTitle, .COMProdButton, .dropdown .dropdown-menu .util-sub-signin a,
.st-account-manager .nav-pills .nav-link.active,
#SearchFormMobile .ui-widgetTN, .app-menu-burger .app-menu-line, .list-group .list-group-item.active,
.list-group div[id^="SubCats"] .list-group-item.active {
    background-color: var(--accent) !important;
}
#back-to-top{
	background-color: var(--primary) !important;
}
.btn.btn-secondary, .btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:hover {
    background-color: var(--dark) !important;
}
.st-account-manager .account-manager-content,
.list-group .list-group-item.active, .list-group div[id^="SubCats"] .list-group-item.active,
.ProductThumbs .ProdThumbsBox.thumbSelected .ProductThumbGridBox,
.dropdown .dropdown-menu .util-sub-signin a, .dropdown .dropdown-menu .util-sub-register a {
    border-color: var(--accent) !important;
}
.btn.btn-secondary, .btn.btn-secondary:hover,
.btn.btn-secondary:not(:disabled):not(.disabled).active,
.btn.btn-secondary:not(:disabled):not(.disabled):active {
    border-color: var(--dark) !important;
}
/* Backgrounds */
.bg-primary{
	background-color:var(--primary)!important;
}
.bg-accent{
	background-color:var(--accent)!important;
}
.bg-dark{
	background-color:var(--dark)!important;
}
.bg-light{
	background-color:var(--light)!important;
}
/* General
---------------------------------------------------------------------- */
body {
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	color:#000;
}
body > .container {
	background-color: #fff;
}
.st-account-manager {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.nav-side-wrap .nav-side-logo::after {
    background-color: #fff;
}

.desktop .menu-wrap{
	padding-left:15px;
	padding-right:15px;
}
.nav-side-wrap .nav-side-menu-wrap > li{
	color:#000;
}
.template-info-bubble {
    background-color: var(--accent);
    color: #fff;
    padding: 1rem;
    margin-bottom: 1.5rem;
}
.super-user-bar {
    background: var(--dark);
}
.homepage .row-content{
	/*padding-top:3rem;*/
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	line-height:1;
}
a,
a:hover{
	text-decoration:none;
	text-transform:uppercase;
}
/* Elements
---------------------------------------------------------------------- */
#back-to-top.show {
	opacity: 0.5;
}
#back-to-top.show:hover {
	opacity: 1;
}
.app-menu-burger .app-menu-line{
	background-color:#000!important;
}
/* Sub Bar
---------------------------------------------------------------------- */
.nav-ui-contacts {
    justify-content: flex-end !important;
    width: 100%;
}
.nav-ui-user-menu > a,
.nav-ui-cart > a,
.nav-ui-search > a{
	color:#000;
}
.nav-ui-user-menu > a{
	padding:.5rem 0;
}
.nav-ui-utils a {
	color:#000;
	text-transform:uppercase;
}
#navToolbar a:hover{
	/* color:var(--medium); */
	color:#fff;
}

.desktop .nav-ui-toolbar{
	padding-left: calc(1rem + 15px) !important;
    padding-right: calc(1rem + 15px) !important;
}

/* Nav
---------------------------------------------------------------------- */
#navToolbar a{
	transition:all .25s ease;
	color:#fff;
}
#navToolbar .dropdown-menu a{
	color:#000;
}
#mainMenuNav .dropdown.show .dropdown-menu:not(.spread) {
    overflow:initial!important;
}
div.dropdown-content ul li {
    list-style-type: none;
    padding: 0 !important;
    margin: 0 !important;
}
.nav-side-wrap .nav-side-menu-wrap > .nav-side-links ul .list-item a,
a.sideMenuSignout{
	color:#000;
}
/* Main Menu
---------------------------------------------------------------------- */
.catstep1 #topBar{
	box-shadow:0px 10px 20px rgba(0,0,0,.25);
}
.mobile #mainMenu .navbar-toggler {
    background-color: var(--primary);
    color: #fff !important;
}
.desktop #mainMenu {
    /* background-color: #333; */
	position:static;
	align-self:stretch;
}
.desktop #mainMenuNav{
    min-height: 100%;
}
.desktop #mainMenuNav > ul{
	align-self:stretch;
}

.desktop #mainMenuNav > ul > li > a {
    color: #000;
    font-weight: bold;
	text-transform:uppercase;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2rem;
	
	align-self: stretch;
    height: 100%;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.desktop #mainMenuNav > ul > li.show > a,
.desktop #mainMenuNav > ul > li:hover > a {
	color:var(--primary);
}
#mainMenu .dropdown .dropdown-menu {
    background-color: #fff;
}
#header{
	box-shadow:0px 12px 12px 0px rgba(0,0,0,.15);
}
.mobile #mainMenu .dropdown .dropdown-menu {
    background-color: initial;
}
.dropdown-item a {
    text-decoration: none !important;
}
#mainMenu .dropdown-item > a {
    color: #000;
    font-weight: bold;
	text-transform:uppercase;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.75rem;
	line-height:1.1;
	/* line-height:1.5; */
	
	position:relative;
	display:flex;
	align-items:center;
}
#mainMenu .dropdown-item:hover > a[href*="self-drilling"] {
    color: var(--selfdrilling);
}
#mainMenu .dropdown-item:hover > a[href*="drywall"] {
    color: var(--drywall);
}
#mainMenu .dropdown-item:hover > a[href*="cement-board"] {
    color: var(--cementboard);
}
#mainMenu .dropdown-item:hover > a[href*="concrete"] {
    color: var(--concrete);
}
#mainMenu .dropdown-item:hover > a[href*="deck"] {
    color: var(--deck);
}
#mainMenu .dropdown-item:hover > a[href*="wood-working"] {
    color: var(--woodworking);
}
#mainMenu .dropdown-item:hover > a[href*="needle-point"] {
    color: var(--needlepoint);
}
#mainMenu .dropdown-item:hover > a[href*="roofing"] {
    color: var(--roofing);
}
#mainMenu .dropdown-item:hover > a[href*="acoustical"] {
    color: var(--acoustical);
}
#mainMenu .dropdown-item:hover > a[href*="aluminum-industry"] {
    color: var(--aluminumindustry);
}
#mainMenu .dropdown-item:hover > a[href*="threaded-rod"] {
    color: var(--threadedrod);
}
#mainMenu .dropdown-item:hover > a[href*="bits-bonded-washers"] {
    color: var(--bitsandbondedwashers);
}
#mainMenu .dropdown-item:hover > a[href*="sheet-metal"] {
    color: var(--sheetmetal);
}
.breadcrumbs-selfdrilling{ border-bottom:3px solid var(--selfdrilling); }
.breadcrumbs-drywall{ border-bottom:3px solid var(--drywall); }
.breadcrumbs-cementboard{ border-bottom:3px solid var(--cementboard); }
.breadcrumbs-concrete{ border-bottom:3px solid var(--concrete); }
.breadcrumbs-deck{ border-bottom:3px solid var(--deck); }
.breadcrumbs-woodworking{ border-bottom:3px solid var(--woodworking); }
.breadcrumbs-needlepoint{ border-bottom:3px solid var(--needlepoint); }
.breadcrumbs-roofing{ border-bottom:3px solid var(--roofing); }
.breadcrumbs-acoustical{ border-bottom:3px solid var(--acoustical); }
.breadcrumbs-aluminumindustry{ border-bottom:3px solid var(--aluminumindustry); }
.breadcrumbs-threadedrod{ border-bottom:3px solid var(--threadedrod); }
.breadcrumbs-bitsandbondedwashers{ border-bottom:3px solid var(--bitsandbondedwashers); }
.breadcrumbs-sheetmetal{ border-bottom:3px solid var(--sheetmetal); }


/* MOBILE */
#navSideSiteMenu li.dropdown > a::after{
	content:none;
}


/* PRODUCTS MENU */
/*.desktop #mainMenu .nav-item{
	position:static;
}
.desktop #mainMenu #products-menu.dropdown-menu{
    column-count: 3;
    top: 100%;
    left: 0;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}*/
.desktop #mainMenu #products-menu.dropdown-menu .dropdown-item > a:before{
	content: "";
    width: 1rem;
    height: 1rem;
    position: relative;
    margin-right: .25rem;
    top: -.125rem;
    border-radius: 50%;
}

/* .desktop #mainMenu #products-menu.dropdown-menu .dropdown-item > a:after{ */
	/* content: ""; */
	/* display: inline-block; */
	/* width: 100%; */
	/* max-width:90px; */
	/* height: 1.5rem; */
	/* margin-left: .5rem; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
	/* background-size: contain; */
	/* margin:auto 0 auto .5rem; */
/* } */
#navSideMenu .nav-side-links:not(.nav-side-links-account) .list-item > a:before{
	content: "";
    width: 1rem;
    height: 1rem;
    position: relative;
    margin-right: .25rem;
    top: -.125rem;
    border-radius: 50%;
}
/* .sidebarMenuSearch{ */
	/* display:none; */
/* } */

.list-item > a[href*="self-drilling"]:before ,
#mainMenu .dropdown-item > a[href*="self-drilling"]:before {
    background-color: var(--selfdrilling);
}
/* #mainMenu .dropdown-item > a[href*="self-drilling"]:after { */
	/* background-image: url('../content/images/hover-selfdrilling.png'); */
/* } */

.list-item > a[href*="drywall"]:before ,
#mainMenu .dropdown-item > a[href*="drywall"]:before {
    background-color: var(--drywall);
}
/* #mainMenu .dropdown-item > a[href*="drywall"]:after { */
	/* background-image: url('../content/images/hover-drywall.png'); */
/* } */

.list-item > a[href*="cement-board"]:before ,
#mainMenu .dropdown-item > a[href*="cement-board"]:before {
    background-color: var(--cementboard);
}
/* #mainMenu .dropdown-item > a[href*="cement-board"]:after { */
	/* background-image: url('../content/images/hover-cementboard.png'); */
/* } */

.list-item > a[href*="concrete"]:before ,
#mainMenu .dropdown-item > a[href*="concrete"]:before {
    background-color: var(--concrete);
}
/* #mainMenu .dropdown-item > a[href*="concrete"]:after { */
	/* background-image: url('../content/images/hover-concrete.png'); */
/* } */

.list-item > a[href*="deck"]:before ,
#mainMenu .dropdown-item > a[href*="deck"]:before {
    background-color: var(--deck);
}
/* #mainMenu .dropdown-item > a[href*="deck"]:after { */
	/* background-image: url('../content/images/hover-deck.png'); */
/* } */

.list-item > a[href*="wood-working"]:before ,
#mainMenu .dropdown-item > a[href*="wood-working"]:before {
    background-color: var(--woodworking);
}
/* #mainMenu .dropdown-item > a[href*="wood-working"]:after { */
	/* background-image: url('../content/images/hover-woodworking.png'); */
/* } */

.list-item > a[href*="needle-point"]:before ,
#mainMenu .dropdown-item > a[href*="needle-point"]:before {
    background-color: var(--needlepoint);
}
/* #mainMenu .dropdown-item > a[href*="needle-point"]:after { */
	/* background-image: url('../content/images/hover-needlepoint.png'); */
/* } */

.list-item > a[href*="roofing"]:before ,
#mainMenu .dropdown-item > a[href*="roofing"]:before {
    background-color: var(--roofing);
}
/* #mainMenu .dropdown-item > a[href*="roofing"]:after { */
	/* background-image: url('../content/images/hover-roofing.png'); */
/* } */

.list-item > a[href*="acoustical"]:before ,
#mainMenu .dropdown-item > a[href*="acoustical"]:before {
    background-color: var(--acoustical);
}
/* #mainMenu .dropdown-item > a[href*="acoustical"]:after { */
	/* background-image: url('../content/images/hover-acoustical.png'); */
/* } */

.list-item > a[href*="aluminum-industry"]:before ,
#mainMenu .dropdown-item > a[href*="aluminum-industry"]:before {
    background-color: var(--aluminumindustry);
}
/* #mainMenu .dropdown-item > a[href*="aluminum-industry"]:after { */
	/* background-image: url('../content/images/hover-aluminumindustry.png'); */
/* } */

.list-item > a[href*="threaded-rod"]:before ,
#mainMenu .dropdown-item > a[href*="threaded-rod"]:before {
    background-color: var(--threadedrod);
}
/* #mainMenu .dropdown-item > a[href*="threaded-rod"]:after { */
	/* background-image: url('../content/images/hover-threadedrod.png'); */
/* } */

.list-item > a[href*="bits-bonded-washers"]:before ,
#mainMenu .dropdown-item > a[href*="bits-bonded-washers"]:before {
    background-color: var(--bitsandbondedwashers);
}
/* #mainMenu .dropdown-item > a[href*="bits-bonded-washers"]:after { */
	/* background-image: url('../content/images/hover-bitsandbondedwashers.png'); */
/* } */


.list-item > a[href*="sheet-metal"]:before ,
#mainMenu .dropdown-item > a[href*="sheet-metal"]:before {
    background-color: var(--sheetmetal);
}








/* PRODUCTS MENU */












/* Featured Categories/Products
---------------------------------------------------------------------- */
.featured-name {
    font-weight: 500;
    font-size: 1.2rem;
}
.featured-details {
    display: flex;
    flex-flow: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}
.featured-price {
    color: var(--primary) !important;
    font-size: 1.2rem;
}
/* Homepage
---------------------------------------------------------------------- */
/* Homepage Hero Slider 
---------------------- */
.homeslide {
    position: relative;
}
.homeslide .item {
    position: relative;
}
.homeslide .caption-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.homeslide .caption-wrap a,
.homeslide .caption-wrap a:hover {
    color: #fff;
    text-decoration: none;
}
.homeslide .caption {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
    text-align: center;
}
.homeslide .homepage-subtitle {
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
    text-align: center;
    font-size: .7rem;
}
.homeslide .slick-dots {
    bottom: 5px;
}
.homeslide.slick-dotted.slick-slider {
    margin-bottom:0px;
}
.homeslide .slick-slide > a{
	height:100%;
}
.slick-dots li button:before{
	border:2px solid #fff;
	color:transparent;
	background-color:transparent;
	border-radius:100%;
	opacity:1;
	width:10px;
	height:10px;
}
.slick-dots li.slick-active button:before{
	color:transparent;
	background-color:#fff;
	opacity:1;
}
@media (min-width: 576px) {
  .homeslide .caption {
    font-size: 2.5rem;
  }
  .homeslide .homepage-subtitle {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .homeslide .caption {
    font-size: 4.5rem;
  }
  .homeslide .homepage-subtitle {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  .homeslide .caption {
    font-size: 7rem;
  }
  .homeslide .homepage-subtitle {
    font-size: 1.4rem;
  }
}
/* Generic Sliders
---------------------- */
.defaultslider {
    overflow: hidden;
}
.defaultslider .item {
    position: relative;
}
.defaultslider .caption-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.defaultslider .caption-wrap a,
.defaultslider .caption-wrap a:hover {
    color: #fff;
    text-decoration: none;
}
.defaultslider .caption {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
    text-align: center;
}
.defaultslider .subtitle {
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
    text-align: center;
    font-size: .7rem;
}
.defaultslider .slick-dots {
    bottom: 5px;
}
.defaultslider .slick-prev{
	left:1rem;
}
.defaultslider .slick-next{
	right:1rem;
}
@media (min-width: 576px) {
  .defaultslider .caption {
    font-size: 2.5rem;
  }
  .defaultslider .subtitle {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .defaultslider .caption {
    font-size: 4.5rem;
  }
  .defaultslider .subtitle {
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) {
  .defaultslider:not(.homeslide) .caption {
    font-size: 7rem;
  }
  .defaultslider:not(.homeslide) .subtitle {
    font-size: 1.4rem;
  }
}
.caption-wrap.caption-wrap-static {
    position: absolute;
    top: 50%;
    left: 50%;
    width: max-content;
    color: #fff;
    font-size: 7rem;
	font-weight:500;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
	text-shadow: 3px 3px 4px rgba(0,0,0,0.5);
	pointer-events: none;
	line-height: 1;
}
.caption-wrap.caption-wrap-static a{
	color:#fff;
	text-decoration:none;
}
.caption-wrap.caption-wrap-static a:hover{
	color:#fff;
	text-decoration:none;
}
.defaultslider.slick-dotted.slick-slider {
    margin-bottom:0px!important;
}
/* Categories/Product List View
---------------------------------------------------------------------- */

/* body.mobile:not(.homepage) .hero-stage.fullscreen .categoryBanner { */
body.mobile.categorypage .hero-stage.fullscreen .categoryBanner {
	height:100%!important;
	min-height:60px!important;
	background-size:100% auto;
	background-position:top center;
}

/* body.mobile-sm:not(.homepage) .hero-stage.fullscreen { */
body.mobile-sm.categorypage .hero-stage.fullscreen {
    max-height: 200px !important;
    height: 100% !important;
    opacity: 1;
	height:auto!important;
	max-height: initial !important;
}
/* .mobile-sm:not(.homepage) .header{ */
.mobile-sm.categorypage .header{
	max-height: 66px;
    min-height: 40px;
}

/* body.mobile-xs:not(.homepage) .hero-stage.fullscreen .categoryBanner { */
body.mobile-xs.categorypage .hero-stage.fullscreen .categoryBanner {
	height:100%!important;
	min-height:66px!important;
	background-size:100% auto;
	background-position:top center;
}
/* body.mobile:not(.homepage) .hero-stage.fullscreen { */
body.mobile.categorypage .hero-stage.fullscreen {
    max-height: 200px !important;
    height: 100% !important;
    opacity: 1;
	height:auto!important;
	max-height: initial !important;
}
/* body.mobile-sm:not(.homepage) .hero-stage.fullscreen .categoryBanner { */
body.mobile-sm.categorypage .hero-stage.fullscreen .categoryBanner {
	height:100%!important;
	min-height:60px!important;
	background-size:100% auto;
	background-position:top center;
}
/* .mobile:not(.homepage)  .header { */
.mobile.categorypage  .header {
	height:110px;
	max-height:110px;
	min-height: 60px;
}
/* .mobile-xs:not(.homepage) .header{ */
.mobile-xs.categorypage .header{
	max-height: min-content;
    min-height: max-content;
	height:auto;
}

/* .desktop .hero-stage.fullscreen .hero{ */
.hero-stage.fullscreen .hero{
	position:relative;
}


.row-header.hero-stage.fullscreen {
	margin-top: 0 !important;
	height: 100% !important;
    max-height: 160px !important;
}





.breadcrumb-category {
    display: none;
}
.categoryHeader h1 {
    margin-bottom: .5rem;
	font-family: 'Bebas Neue', sans-serif;
	/* display:none; */
	margin-top:1.5rem;
}
.categoryLogo {
	margin-top:1.5rem;
}
#productsResult{
	margin-top:1.5rem;
}
.categoryHeader .catId-1 h1,
.categoryHeader .catId-2 h1,
.categoryHeader .catId-14 h1,
.categoryHeader .catId-26 h1,
.categoryHeader .catId-27 h1,
.categoryHeader .catId-28 h1,
.categoryHeader .catId-30 h1,
.categoryHeader .catId-31 h1,
.categoryHeader .catId-32 h1,
.categoryHeader .catId-38 h1,
.categoryHeader .catId-33 h1,
.categoryHeader .catId-34 h1
{
	display:none;
}

#catprodBreadcrumb {
    margin-top: 0 !important;
}
.categoryBannerContent {
    align-items: center;
    justify-content: center;
    height: 350px;
}
.categoryBannerContent h3 {
    color: #fff;
    font-size: 4rem;
}
.categoryCell .categoryName {
    margin-top: 0.5rem;
}
.catprodBreadcrumbWrap {
	display:none;
}
.breadcrumb-category {
    display: none;
}
.breadcrumb{
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	background-color:#F4F4F4;
	border-radius:0;
}
.breadcrumb a{
	/* color:var(--primary); */
	color:#000;
}
#customFiltersWrap #customFilters .FilterItem .FilterItemChild .checkboxFilter ion-icon {
    color: var(--primary);
}
#customFiltersWrap.sidebar #customFilters > .FilterItem {
    font-size: 1rem;
}
#customFilters {
    padding: 0 !important;
    border: 0 !important;
}
.filter-ui {
    position: fixed;
    bottom: 2rem;
    left: 1rem;
}
.filter-ui a {
    width: 2.65rem;
    overflow: hidden;
    white-space: nowrap;
    color: transparent !important;
    border-radius: 0;
}
.filter-ui a i {
    color: #fff !important;
}
.prodCell .prodDetails .prodPartNo{
    text-align: left;
}




.prodCell .prodImg a{
	height:auto;
}
.prodImg{
	height:auto!important;
	/* max-height:150px!important; */
	max-height:initial!important;
	border:none!important;
	
}
.prodImg img{
    max-height: none !important;
    width: 100%;
    height:auto;
    margin-bottom: auto;
    aspect-ratio: 3 / 1;
}
.prodCell .prodName{
	text-align:center;
	line-height:2;
}
.prodCell .prodName a{
	color:#000;
	text-transform:capitalize;
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}




/* Product View
---------------------------------------------------------------------- */
.ProductTagCategory {
    position: absolute;
    left: 0;
    top: 0;
}
.MainProdBox {
	height:initial !important;
	max-height:initial !important;
}
.related-products .related-title h3,
.COMProdRightContainer h1,
.COMProdRightContainer h2,
.COMProdRightContainer h3,
.COMProdRightContainer h4,
.COMProdRightContainer h5{
	font-family:"BebasNeue", sans-serif;
}
#COMProdDesc {
	font-family:"sofia-pro",sans-serif;
}
.ShareToolbar{
	display:none;
}
.related-products,
.recently-viewed-products {
    border-top: 3px solid black;
}
.COMProdDetails{
	display:none;
}
/* Contact Form
---------------------------------------------------------------------- */
.cfm-id-addressline2 .cfm-input {
    margin-top: 0 !important;
}
#cfsubmit {
    margin-top: 0.75rem;
}

.contactpage .row-content .content{
	/* background-color:#F2F2F2; */
}
/* Accordion
---------------------------------------------------------------------- */
.card{
	border:none;
}
.card-header {
    background-color: transparent;
	border:none;
    padding-bottom: .5rem!important;
    background-color: #fff;
    border-radius: 0.5rem;
    padding-left: 2rem!important;
}
.card-header .card-link:before {
    content: "\f054";
	font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    text-decoration: none !important;
    position: absolute;
    left:.5em;
    top:.75em;
    font-size: 1em;
    transition: all .1s linear;
    transform-origin: 50% 50%;
}
.card-header .card-link[aria-expanded="true"]:before {
	transform: rotate(90deg);
    transform-origin: 50% 50%;
}
.card-body {
    border-bottom: 1px solid #ddd;
	border-radius:0px;
	box-shadow: -2px 2px 4px -2px #c0c0c047;
    margin-bottom: 0.25rem;
	border-left:4px solid var(--primary);
}
/* Footer
---------------------------------------------------------------------- */
.footer {
    padding-top: 0;
    padding-bottom: 0;
	display:flex;
    flex-direction: column;
	
	/* background-color: #f2f2f2; */
}
.footer-blocks{
	order:1;
}
.footer a {
    color: #fff;
}
.footer-copy {
    background-color: #fff;
    color: #555;
    margin-top: 2rem;
	order:2;
}
.footer-copy a {
    color: var(--accent);
}
#copyright {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.footer-nav{
	order:0;
	padding:0;
	margin:0;
	background-color:#000;
	background:#000;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 1) 10%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
}
.mobile .footer-nav{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 1) 5%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 90%, rgb(0 0 0) 90%, rgb(0 0 0) 100%);
}
.mobile-social{
	text-align:right;
}
.mobile-social i{
	background-color: #000;
    padding: .5rem;
	margin-right:.5rem;
}
.footer-nav ul{
	align-items: center;
}
.desktop .footer-nav ul{
	width: calc(100% - 30px);
}
.mobile .footer-nav ul{
	flex-direction: column;
}
.mobile .footer-nav ul li{
	line-height:3;
}
.footer-nav img{
	/* max-height:60px; */
	max-height:100px;
}
.footer-nav a{
	text-transform:uppercase;
}
.footer-locations{
	text-align:right;
	font-weight:500;
	margin-bottom:0;
}
.footer-locations p{
	margin-bottom:0;
}

/*******************************/
#navToolbar{
	background-color:#000;
}
.nav-ui-search ion-icon.hydrated{
	font-size:2rem;
}
.desktop .nav-ui-search > a{
    display: flex;
    align-items: center;
	font-size:2rem;
	padding-left: 0 !important;
	padding-right: 0 !important;
	
}
.nav-ui-search-dropdown{
	border:none;
}
.nav-ui-search #SearchForm #SearchText{
	border-radius: 0;
    border-color: #000;
    color: #000;
}
.nav-ui-search #SearchForm #SearchText::placeholder {
  color: #555;
}
.nav-ui-search #SearchForm button{
	color:#000;
}
#header .nav-ui-search{
	padding:.5rem calc(1rem ) .5rem 1rem
	
}
.nav-ui-search .dropdown-toggle::after{
	content:none;
}
.nav-ui-search > a{
	padding:0;
}

/* CALLOUTS */
.callouts {
	padding:5vh 5vw;
	/* margin-left:auto; */
	/* margin-right:auto; */
}


/* CALLOUTS CATEGORIES */
.desktop .callouts-categories{
	/* max-width:90vw; */
}
.callouts-categories .callout{
	display:flex;
	align-items:center;
	text-transform:uppercase;
	margin-bottom:2rem;
}
.callouts-categories .callout:before{
	content: '';
    display: inline-block;
    min-width: 2rem;
    min-height: 2rem;
    width: 2rem;
    height: 2rem;
    background-color: #555;
    border-radius: 100%;
	margin-right:.5rem;
}
.callouts-categories .callout.selfdrilling:before{			background-color:var(--selfdrilling); }
.callouts-categories .callout.deck:before{ 				background-color:var(--deck); }
.callouts-categories .callout.acoustical:before{			background-color:var(--acoustical); }
.callouts-categories .callout.drywall:before{				background-color:var(--drywall); }
.callouts-categories .callout.woodworking:before{			background-color:var(--woodworking); }
.callouts-categories .callout.aluminumindustry:before{		background-color:var(--aluminumindustry); }
.callouts-categories .callout.cementboard:before{			background-color:var(--cementboard); }
.callouts-categories .callout.needlepoint:before{			background-color:var(--needlepoint); }
.callouts-categories .callout.sheetmetal:before{			background-color:var(--sheetmetal); }
.callouts-categories .callout.threadedrod:before{			background-color:var(--threadedrod); }
.callouts-categories .callout.concrete:before{				background-color:var(--concrete); }
.callouts-categories .callout.roofing:before{				background-color:var(--roofing); }
.callouts-categories .callout.bitsandbondedwashers:before{	background-color:var(--bitsandbondedwashers); }
.callouts-categories .callout a{
    color:#000;
	/* font-size:1.75rem; */
	font-size:2.1rem;
	/* font-family:"Anton", sans-serif; */
	font-family:"Bebas Neue", sans-serif;
	text-decoration:none;
	white-space: nowrap;
}
.callouts-categories .callout span{
    position: relative;
    z-index: 1;
    transition: opacity 0.1s ease-in-out;
}
.callouts-categories .callout img{
    position: absolute;
    top: 0;
    left: 3.5rem;
    width: auto;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}
.callouts-categories .callout > a:hover > span{
	opacity:0;	
}
.callouts-categories .callout > a:hover > img{
	opacity:1;	
}
/* CALLOUTS TRAINING */
.callouts-training{
	background-image:url('../content/images/callouts-training-bg.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	background-size:50%;
	text-align:center;
	padding:4rem 2rem;
}
.desktop .callouts-training{
	background-image:url('../content/images/callouts-training-bg.jpg');
	background-position:top left;
	background-repeat:no-repeat;
}
.callouts-training h2{
	font-family:"Bebas Neue", sans-serif;
	/* font-size:3.5rem; */
	font-size:3rem;
}
.mobile .callouts-training h2{
	padding-bottom:3.5rem;
}
.callouts-training-left{
	display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}
.callouts-training-left img{
	max-height:100px;
	margin-top:2rem;
}
.callouts-training-left a{
	background-color:#000;
	color:#fff;
	text-transform:uppercase;
	padding: 1rem 1.5rem;
	margin-top:2rem;
}
.callouts-training-left a:hover{
	background-color:var(--medium);
}
.callouts-training-left-inner{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
	margin-bottom:2rem;
}
.callouts-training-right img{
	max-height:300px;
}
.mobile .callouts-training-left{
	order:2;
}
.mobile .callouts-training-left-inner{
	flex-direction: column-reverse;
}
.mobile .callouts-training-right{
	order:1;
}
/* CALLOUTS LOCATIONS */
.callouts-locations{
	background-image:url('../content/images/callouts-locations-bg.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	/* padding:4rem 2rem; */
}
.callouts-locations h2{
	font-family:"Bebas Neue", sans-serif;
	font-size:3.5rem;
}
.callouts-locations p{
	font-weight:bold;
	font-size:1.75rem;
	line-height:1;
	font-family: "sofia-pro", sans-serif;
	font-style: normal;
}
.callouts-locations a{
	background-color:#fff;
	color:#000;
	text-transform:uppercase;
	padding: 1rem 1.5rem;
	margin-top:2rem;
	text-align:center;
}
.callouts-locations a:hover{
	background-color:var(--medium);
	color:#fff;
}
.desktop .callouts-locations-inner{
	max-width:80vw;
	margin-left:auto;
	margin-right:auto;
}
.callouts-locations-left{
	padding:1rem;
}
.callouts-locations-left-inner{
	display: flex;
    flex-direction: column;
}
.callouts-locations-right{
	padding:1rem;
}
.mobile .callouts-locations-right{
	display:none;
}
.callouts-locations-right img{
	max-height:200px;
}

/* CATEGORIES */
.categoryCell .categoryImg a{
	height:auto;
}
.categoryImg{
	height:auto!important;
	border:none;
	align-items: flex-start;
}
.categoryImg img{ /* detailed view: step 2 */
    aspect-ratio: 3 / 1;
	width:100%;
}
.categoryCell .categoryImg img{ /* grid view: step 1 */
	max-height: 100% !important;
    max-width: 100%;
    aspect-ratio: 3 / 1;
}
.categoryCell .categoryName{
	text-align:center;
	line-height:1.5;
}
.categoryCell .categoryName a{
	color:#000;
	text-transform:capitalize;
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}


/* CATEGORY STEP 2 */
 .categoryImg{
    width: auto;
    height: auto !important;
    max-height: initial !important;
    overflow: hidden;
    display: flex;
	justify-content: center;
}
 /* .categoryImg img{ */
	/* max-height:none!important; */
	/* width: auto; */
    /* margin-bottom: auto; */
    /* aspect-ratio: 3 / 1; */
/* } */
 .prodCell .prodName{
	text-align:center;
	line-height:2;
}
 .prodCell .prodName a{
	color:#000;
	text-transform:capitalize;
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}
 .sortBlock {
	display:none;
}
 .categoryHeader {
	display:flex;
}

h2{
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.5rem;
	text-transform:capitalize;
}
 .categoryDescription {
	font-family: "sofia-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}
 .categoryDescription p{
	margin-bottom:0;
	font-size:1.25em;
}
 .categoryDescription p:first-of-type{
	margin-bottom:1.5rem;
}
 .categoryDescription a{
	/*color:#000;
	padding-bottom:.25rem;
	text-decoration:underline;*/
	
	
	/* border:2px solid #000; */
	/* border-bottom:2px solid #000; */
	/* padding:.5rem 1rem; */
	
	color: #fff;
    background-color: #000;
    padding: .5rem 1rem;
    text-transform: capitalize;
    font-weight: 300;
    font-family: 'Work Sans';
	font-size:.9em;
    text-decoration: none;
    letter-spacing: -.5px;

}
 .categoryDescription a:hover{
	/* color:#fff; */
	/* background-color:#000; */
    text-decoration: underline;
}
.categoryDescription a:last-of-type{
	margin-left:2vmax;
}
.categoryLogo img {
	aspect-ratio: 1 / 2.5;
	max-height:300px;
}
.categoryAltsSlider .slick-prev{
	left:0;
	background-color: #fff;
    border-radius: 0;
	height:3rem;
}
.categoryAltsSlider .slick-prev:before{
	left:0;
	content: '\f053';
	opacity:1;
	font-size: 1.5rem;
}
.categoryAltsSlider .slick-next{
	right:0;
	background-color: #fff;
    border-radius: 0;
	height:3rem;
}
.categoryAltsSlider .slick-next:before{
	left:0;
	content: '\f054';
	opacity:1;
	font-size: 1.5rem;
}
 .categoryImg,
 .categoryAlt{
	cursor:pointer;
	border: none !important;
}
 .categoryAlt img{
	width:100%;
	height:100%;
}
button.close span{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal-dialog.modal-xl {
    justify-content: center;
}
.mobile .size-items{
	overflow-x:auto;
}

/* QUICK ORDER */
.categoryFeatures .row{
	justify-content: center;
}
.categoryFeature img{
	max-height:62px;
}

.categoryFeature {
	display:flex;
	justify-content: center;
}
.quickorder .prodCell {
	padding:0;
	display: block !important;
	/* border-bottom:none; */
	border-bottom:1px solid #ddd;
}
/* .quickorder .prodDetails:hover > div, */
/* .quickorder .prodDetails.active > div { */
.quickorder .prodCell:not(.prodCellHeader) .prodDetails:hover,
.quickorder .prodCell:not(.prodCellHeader) .prodDetails.active {
    background-color: #eee;
}
.quickorder .prodCellHeader {
	background-color: #000;
    color: #fff;
	font-family:"sofia-pro",sans-serif;
	font-weight:700;
}
.quickorder .prodCell .prodDetails {
	flex-direction: row;
	flex-wrap:wrap;
	letter-spacing:-.5px;
	font-size:.9rem;
}
.mobile .quickorder .prodCell .prodDetails{
	font-size:.8rem;
	flex-wrap:nowrap;
}
.quickorder .FiltersQOMessage {
	margin:0!important;
	font-size:.8rem;
	line-height:1;
	border-left:1px solid red;
	padding:.25rem;
	white-space: nowrap;
}
.quickorder .prodCell:has(.FiltersQOMessage:not([style*="display: none"])) .prodDetails{
	border-left:1px solid red;
}
.quickorder .prodDetails > div{
	padding:.25rem;
	white-space:nowrap;
	/* border-bottom:1px solid #ddd; */
}
.quickorder .prodCellHeader .prodDetails > div{
	background-color:#000;
	border-bottom:none;
}
.quickorder .prodCell .prodDetails .prodPrice .prodPriceRegular,
.quickorder .prodCell .prodDetails .prodPrice .prodPriceSale{
    margin-bottom: 0;
    display: block;
    font-size: inherit;
    font-weight: 400;
}
.quickorder .prodCell .prodDetails .prodPrice{
	display:initial;
	margin-bottom:0;
	min-width:initial;
	flex:none;
	align-items: initial;
	transition:none;
}
.quickorder .prodCell .prodDetails .prodPartNo,
.quickorder .prodCell .prodDetails .prodBrand{
	margin-bottom:0;
	display:block;
	font-size:inherit;
}
.quickorder .prodCell .prodQtyLabel{
	display:none;
}
 .quickorder .quickorderqtydiv,
 .quickorder .quickorderTotalPrice{
	min-width:initial;
}
.quickorder .prodCell .prodDetails .prodPartNoLabel,
.quickorder .prodCell .prodDetails .prodBrandLabel,
.quickorder .prodCell .prodDetails .prodPropertyLabel,
.quickorder .prodCell .prodDetails .COMCatModifierLabel{
	margin-right:0;
}
 .quickorder .prodCell .prodQty .COMCatQtyInput{
	padding: 0;
    margin: 0;
    height: auto;
}
.quickorder .prodCell .prodQty .COMCatQtyInput:focus {
    border: 2px solid #8055D6 !important;
}
 .quickorder .prodCell .prodDetails .ProductTotal{
	font-size:.8rem;
}
 .quickorder .prodCell .prodLoadingWrap {
    position: absolute;
}
 .quickorder .prodLoadingWrap .prodLoading{
    background-color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
	position: absolute;
    left: 0;
    top: 0;
}
.quickorder .prodCell  .prodQty {
	position:relative;
}
.size-group{
	padding:0;
}
.size-group > a{
    color: #000;
    /* background-color: #ccc; */
    background-color: #eee;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
	font-family:"sofia-pro",sans-serif;
}
.size-group > a:hover,
.size-group > a[aria-expanded="true"]{
    background-color: #ccc;
}
.size-group > a[aria-expanded="true"]:after{
	content:"\2796";
}
.size-group > a[aria-expanded="false"]:after{
	content:"\2795";
}

/* WITH PRICES */
.desktop .col-size{			min-width:09%;	width:09%;	order:1;	}
.desktop .col-tpi{			min-width:06%;	width:06%;	order:2;	}
.desktop .col-threadpitch{	min-width:07%;	width:07%;	order:3;	}
.desktop .col-drive{		min-width:12%;	width:12%;	order:4;	}
.desktop .col-point{		min-width:09%;	width:09%;	order:5;	}
.desktop .col-lbs{			min-width:07%;	width:07%;	order:6;	}
.desktop .col-qty{			min-width:08%;	width:08%;	order:7;	}
.desktop .col-priceperm{	min-width:09%;	width:09%;	order:8;	}
.desktop .col-price{		min-width:09%;	width:09%;	order:9;	}
.desktop .col-input{		min-width:12%;	width:12%;	order:10;	}
.desktop .col-partno{		min-width:12%;	width:12%;	order:11;	}
/**/
.mobile .col-size{			min-width:20%;	width:20%;	order:1;	}
.mobile .col-tpi{			min-width:10%;	width:10%;	order:2;	}
.mobile .col-threadpitch{	min-width:14%;	width:14%;	order:3;	}
.mobile .col-drive{			min-width:15%;	width:15%;	order:4;	}
.mobile .col-point{			min-width:13%;	width:13%;	order:5;	}
.mobile .col-lbs{			min-width:13%;	width:13%;	order:6;	}
.mobile .col-qty{			min-width:13%;	width:13%;	order:7;	}
.mobile .col-priceperm{		min-width:13%;	width:13%;	order:8;	}
.mobile .col-price{			min-width:13%;	width:13%;	order:9;	}
.mobile .col-input{			min-width:25%;	width:25%;	order:10;	}
.mobile .col-partno{		min-width:25%;	width:25%;	order:11;	}

/* WITHOUT PRICES */
.desktop .col-default.col-size{			min-width:13%;	width:13%;	order:1;	}
.desktop .col-default.col-tpi{			min-width:08%;	width:08%;	order:2;	}
.desktop .col-default.col-threadpitch{	min-width:12%;	width:12%;	order:3;	}
.desktop .col-default.col-drive{		min-width:12%;	width:12%;	order:4;	}
.desktop .col-default.col-point{		min-width:12%;	width:12%;	order:5;	}
.desktop .col-default.col-lbs{			min-width:12%;	width:12%;	order:6;	}
.desktop .col-default.col-qty{			min-width:13%;	width:13%;	order:7;	}
.desktop .col-default.col-priceperm{	min-width:00%;	width:00%;	order:8;	display:none;}
.desktop .col-default.col-price{		min-width:00%;	width:00%;	order:9;	display:none;}
.desktop .col-default.col-input{		min-width:00%;	width:00%;	order:10;	display:none;}
.desktop .col-default.col-partno{		min-width:18%;	width:18%;	order:11;	}
/**/
.mobile .col-default.col-size{			min-width:20%;	width:20%;	order:1;	}
.mobile .col-default.col-tpi{			min-width:10%;	width:10%;	order:2;	}
.mobile .col-default.col-threadpitch{	min-width:18%;	width:18%;	order:3;	}
.mobile .col-default.col-drive{			min-width:20%;	width:20%;	order:4;	}
.mobile .col-default.col-point{			min-width:13%;	width:13%;	order:5;	}
.mobile .col-default.col-lbs{			min-width:13%;	width:13%;	order:6;	}
.mobile .col-default.col-qty{			min-width:13%;	width:13%;	order:7;	}
.mobile .col-default.col-priceperm{		min-width:00%;	width:00%;	order:8;	display:none;}
.mobile .col-default.col-price{			min-width:00%;	width:00%;	order:9;	display:none;}
.mobile .col-default.col-input{			min-width:00%;	width:00%;	order:10;	display:none;}
.mobile .col-default.col-partno{		min-width:25%;	width:25%;	order:11;	}




/* @ @ @ Responsive Queries - Copy from below list
---------------------------------------------------------------------- */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .nav-ui-utils .navbar-brand {
        flex: 1 1 auto;
        text-align: center !important;
        margin: 5px 0 8px 0;
    }
}
/* Medium devices (tablets, less than 768px) */
@media (max-width: 768px) {}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    li.nav-item.nav-ui-brand {
        width: 100%;
    }
	
	.categoryDescription p:last-of-type{
		display:flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.categoryDescription a:last-of-type {
		margin-top: .5rem;
        margin-bottom: 2rem;
		margin-left:0;
	}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.callouts {
		padding-left:8vw;
		padding-right:8vw;
	}
	
	body:not(.homepage):not(.categorypage):not(.productpage):not(.catalogpage):not(.searchpage) .row-content .content{
		padding-left:8vw;
		padding-right:8vw;
	}
	
	
	.categoryDescription p:last-of-type{
		display:flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.categoryDescription a:last-of-type {
		margin-left: 0;
		margin-top:.5rem;
	}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px; /* same as BS 4.5+ */
	}
	#imageModal .modal-content{
		max-width:max-content;
	}
	.callouts {
		/* padding-left:12vw; */
		/* padding-right:12vw; */
	}
	body:not(.homepage):not(.categorypage):not(.productpage):not(.catalogpage):not(.searchpage) .row-content .content{
		padding-left:15vw;
		padding-right:15vw;
	}
	.categoryDescription p:last-of-type{
		display:flex;
		flex-direction: row;
		/* align-items: flex-start; */
	}
	.categoryDescription a:last-of-type {
		margin-left: 2vmax;
		margin-top:0;
	}
	
	
	
	
	.categoryBanner {
		/* min-height:160px!important; */
		height:160px!important;
	}

	
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1921px) {
	.categoryBanner  {
		background-size:contain!important;
	}
}



.distributor-login{
	display: flex;
    justify-content: flex-end;
}
.distributor-login a{
	background-color:#000;
	padding:1rem;
	color:#fff;
	font-family:"sofia-pro",sans-serif;
}


form label{
	margin-bottom:0;
}
.btn.btn-black{
	background-color:#000;
	color:#fff;
}
.btn-outline-black{
	border:2px solid #000;
	background-color:#fff;
	color:#000;
	font-family:"sofia-pro",sans-serif;
}
.btn-outline-black:hover{
	background-color:#000;
	color:#fff;
}

.btn,
button{
	border-radius:0;
	text-transform:uppercase;
}
.btn.btn-black:hover{
	background-color:var(--primary);
	color:#fff;
}
textbox, select, textarea,
.form-control{
	border-color:#000!important;
	border-radius:0!important;
	
}
.input-group-append,
.input-group-prepend{
	display:none;
}


/* LOCATIONS */
.locationspage .row-content .content{
	/* background-color:#F2F2F2; */

}
.location-address {
    /* color: #4a5dbd; */
    margin-top: 1rem;
    text-align: center;
	line-height:1;
    font-size: 1.2rem;
	color:#0d0c0c;
    font-family: "sofia-pro", sans-serif;
}
.location-address span {
    display: block;
    font-weight: 400!important;
    font-size: 2rem;
	color:var(--primary);
    font-family: "Bebas Neue", sans-serif;
	margin-bottom:1rem;
}
.location-list iframe {
    width: 100%;
    min-height: 250px;
}
.location-list{
	justify-content: center;
}

/* PRIVACY */
.privacy-tagline {
    max-width: 75%;
    margin: 1rem auto 2rem auto;
    text-align: center;
    color: #2d4aa5 !important;
    background-color: #fdfdfd;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e4e4e4;
    font-size: 0.8rem;
}

/* TECHNICAL */
.cta-catalog .wrap {
    position: relative;
    display: inline-block;
}
.cta-catalog {
    text-align: center;
}
.cta-catalog-links::before {
    content: '';
    background-color: rgba(35, 41, 117, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
.cta-catalog:hover .cta-catalog-links{
    opacity: 1;
    pointer-events: all;
}
.cta-technical .cta-catalog-img {
    border: 1px solid #979ec5;
    padding: 0.5rem;
}
.cta-catalog-img img {
    max-width: 100%;
}
.cta-catalog-links {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(32, 59, 145, 0.68);
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    transition: all 200ms cubic-bezier(0, 0.96, 0.49, 1);
}
.cta-catalog-links > a {
    color: #fff;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
	font-size: 1.2rem;
    font-weight: 500;
}
.floating-title{
	display: flex;
    /* justify-content: space-evenly; */
    justify-content: space-between;
    background-color: #fff;
    color: var(--primary);
    align-items: center;
	padding:1rem 2rem;
	margin-top: 1rem;
    margin-bottom: 2rem;
	box-shadow: 0px 0px 12px 0px silver;
}
.desktop .floating-title{
	/* padding:1rem 7.5vw; */
	padding-left:calc(7.5vw + 7.5px);
	padding-right:calc(7.5vw + 7.5px);
	
}
.floating-title.floating-bottom{
	padding:.5rem 2rem;
	margin-top:3rem;
}
.desktop .floating-title.floating-bottom{
	padding-left:calc(7.5vw + 7.5px);
	padding-right:calc(7.5vw + 7.5px);
}
.mobile .floating-title{
	flex-flow:column;
}
.floating-title a{
	text-transform:none;
}
.floating-title h1{
	text-transform:uppercase;
	margin-bottom:0;
	font-family:'Bebas Neue',sans-serif;
}
.floating-title span{
	color:#97999B;
	text-transform:uppercase;
	font-weight:bold;
}
corp{
	color:#97999b;
	font-style:italic;
}
/* CHECKOUT */
.addtocartwarningmessage {
	display:none!important;
}
.couponText{
	display:none;
}

.categoryHeaderWrap {
	/* margin-top:2rem; */
}

/* custom filters */
.desktop #catFilters{
	min-width:250px;
	width:max-content;
}
.btn-filters:after{
	content: "Show Filters";
	margin-left:6px;
}
.btn-filters:before{
	content: "\f067";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.btn-filters.showing:after{
	content: "Hide Filters";
}
.btn-filters.showing:before{
	content: "\f068";
}

#catFilters label {
  display:flex;
  align-items:center;
  text-transform: uppercase;
	font-size:.75em;
	color:#979797;
}
#catFilters label:hover{
	color:#0d0c0c;
}
#catFilters input {
	-webkit-appearance: none;
	appearance: none;
}
#catFilters input::placeholder {
  color: #000000;
}
#items-count-wrap {
    font-weight: 500;
}
select#matFilter > option {
    text-transform: capitalize;
}
#matGroup .form-check-input { margin-top: 0; }
#matGroup label { cursor: pointer; }

#catFilters fieldset button {
    font-size: .75em;
}
#catFilters .filter-controls{
	display:none;
	/* display:flex; */
	align-items:center;
}




fieldset[data-facet] > legend {
	cursor:pointer;
	user-select:none;
	display: flex;
    align-items: center;
	border-bottom:1px solid #000;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
}
fieldset[data-facet] > legend::after {
	content: "\f106";
	font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
	margin-left:auto;
}
fieldset[data-facet].collapsed > legend::after {
	content: "\f107";
}
fieldset[data-facet].collapsed .facet-body {
	display:none !important;
}
.legend-summary {
	font-size:.75em;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .5rem;
}
fieldset .facet-body {
    margin-left: 1rem;
}
/* Active selection styling */
#catFilters label.active {
	color:#000;
}
/* #catFilters label.active .form-check-input { */
	/* outline: 1px solid rgba(0,0,0,.25); */
/* } */




img[src*='NoImage']{
	z-index:-1;
	max-height:60px!important;
}
/* SEARCH PAGE */
/* SEARCH PAGE */
.nav-ui-search .acimage,
.nav-ui-search .acimage:has(img[src*='NoImage']),
.nav-ui-search-dropdown img[src*='NoImage']{
	width:0px!important;
	min-width:0px!important;
	max-width:0px!important;
}

.nav-ui-search .ui-menu .ui-menu-item{
	border-bottom:1px solid #ebebeb;
}
.acdetails .acpartno {
    color: var(--primary);
}

.searchpage .prodCell .prodName{
	text-align:left;
	line-height: 1.2;
}
.searchpage .prodPrice{
	display:none !important;
}
.searchpage .prodPartNo{
	/* display:none !important; */
	font-weight: 700;
	padding: .5rem 0;
}
.searchpage .prodPartNoLabel{
	display:none;
}
.searchpage .PropertiesInfo {
    font-size: .75rem;
}
.searchpage .prodPropertyLabel{
	font-family: "sofia-pro", sans-serif;
    font-weight: 700;
}

/* SEARCH PAGE */
/* SEARCH PAGE */


/* MOBILE CALLOUTS */
/* MOBILE CALLOUTS */
/* SM */

.mobile .callout.selfdrilling{
	order:1;
}
.mobile .callout.drywall{
	order:3;
}
.mobile .callout.cementboard{
	order:5;
}
.mobile .callout.concrete{
	order:7;
}
.mobile .callout.deck{
	order:9;
}
.mobile .callout.woodworking{
	order:11;
}
.mobile .callout.roofing{
	order:4;
}
.mobile .callout.acoustical{
	order:6;
}
.mobile .callout.aluminumindustry{
	order:8;
}
.mobile .callout.threadedrod{
	order:10;
}
.mobile .callout.bitsandbondedwashers{
	order:12;
}
.mobile .callout.sheetmetal{
	order:2;
}

/* XS */
.mobile-xs .callout.selfdrilling{
	order:1;
}
.mobile-xs .callout.deck{
	order:5;
}
.mobile-xs .callout.acoustical{
	order:9;
}
.mobile-xs .callout.drywall{
	order:2;
}
.mobile-xs .callout.woodworking{
	order:6;
}
.mobile-xs .callout.aluminumindustry{
	order:10;
}
.mobile-xs .callout.cementboard{
	order:3;
}
.mobile-xs .callout.sheetmetal{
	order:7;
}
.mobile-xs .callout.threadedrod{
	order:11;
}
.mobile-xs .callout.concrete{
	order:4;
}
.mobile-xs .callout.roofing{
	order:8;
}
.mobile-xs .callout.bitsandbondedwashers{
	order:12;
}


/*-+------------------------*/



/* MOBILE CALLOUTS */
/* MOBILE CALLOUTS */




/* TECHNICAL PAGE */
/* TECHNICAL PAGE */
.ifi-title{
  /* font-weight: 900; */
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: .95;
  font-size: clamp(34px, 4.5vw, 56px);
  margin: 0;
  
  	font-family: "Bebas Neue", sans-serif;
	
}

.ifi-cert{
  margin-bottom: 22px;
}
.ifi-cert a{
	color:#000;
	text-decoration:underline;
    position: relative;
}


/* .ifi-cert a::after{ */
  /* content:""; */
  /* position:absolute; */
  /* left: -4px; */
  /* right: -4px; */
  /* bottom: 2px; */
  /* height: 10px; */
  /* background-repeat: no-repeat; */
  /* background-size: 100% 100%; */
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 30'%3E%3Cpath d='M5 20 C 60 30, 120 5, 180 18 S 260 28, 295 16' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E"); */
/* } */



.ifi-cert-title{
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
  margin-bottom: 6px;
}
.ifi-cert-title:hover{ opacity:.85; }

.ifi-cert-line{
  font-size: 18px;
  line-height: 1.45;
}

/* TECHNICAL PAGE */
/* TECHNICAL PAGE */



/* CATALOG PAGE */
/* CATALOG PAGE */
.catalogpage .row-content .content{
	padding-top:0;
}
/* CATALOG PAGE */
/* CATALOG PAGE */