@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent; font-family: "halcom-variable", sans-serif;}
	
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: "halcom-variable", sans-serif !important; background:#fff;}

/* SELECTION */	
::selection {color:#fff; background: #28947c;}
::-moz-selection {color:#fff; background: #28947c;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-variation-settings: "ital" 1;}
strong {font-variation-settings: "wght" 600;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.red {color:#ff0101;}
.green {color: #28947c;}

/* ALIGNMENT */
.left {float:left;}
.right-text {text-align:right;}
.center {text-align:center;}




/*

font-family: "halcom-variable", sans-serif;
font-variation-settings: "ital" 0, "wght" 395;

*/



button.linkButtonBox,
a.linkButtonBox {
	display:inline-block; box-sizing:content-box; width:225px; min-width:210px; margin:8px 15px; padding:14px 25px 12px 25px; font-size:1.15em !important; line-height:2.5; font-variation-settings: "wght" 500; text-align:center; color:#fff; cursor:pointer; background-color: #28947c; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.linkButtonBox,
a:hover.linkButtonBox {background-color:#111;}



button.linkButtonBoxRed,
a.linkButtonBoxRed {
	display:inline-block; box-sizing:content-box; width:225px; min-width:210px; margin:8px 15px; padding:14px 25px 12px 25px; font-size:1.15em !important; line-height:2.5; font-variation-settings: "wght" 500; text-align:center; color:#fff; cursor:pointer; background-color: #ff0101; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.linkButtonBoxRed,
a:hover.linkButtonBoxRed {background-color:#111;}





button.deptButton,
a.deptButton {
	display:inline-block; width:auto; min-width:215px; margin:8px 15px 8px 5px; padding:15px 5px 12px 5px; font-size:1em !important; line-height:2.5; font-variation-settings: "wght" 600; text-align:center; color:#fff; cursor:pointer;
	background-color: #004aad; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300357c' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); font-family: urw-din,sans-serif;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;	
}
button:hover.deptButton,
a:hover.deptButton {background-color:#00357c;}







button.linkButtonBoxAlt,
a.linkButtonBoxAlt {
	display:inline-block; box-sizing:content-box; width:225px; min-width:210px; margin:8px 15px; padding:13px 25px 8px 25px; font-size:1.15em !important; line-height:2.5; font-variation-settings: "wght" 700; text-align:center; color:#2d2727; cursor:pointer; text-transform: uppercase;
	background: #fff; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.linkButtonBoxAlt,
a:hover.linkButtonBoxAlt {color:#fff; background:#221c1c;}


button.linkButtonBoxOutline,
a.linkButtonBoxOutline {
	display:inline-block; box-sizing:content-box; width:225px; min-width:210px; margin:8px 15px; padding:11px 25px 6px 25px; font-size:1.15em !important; line-height:2.5; font-variation-settings: "wght" 700; text-align:center; color:#fff; cursor:pointer; text-transform: uppercase;
	border:2px #fff solid; background:transparent; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.linkButtonBoxOutline,
a:hover.linkButtonBoxOutline {color:#fff; background:rgba(0,0,0,0.35);}




button.linkButtonBoxOutlineSmall,
a.linkButtonBoxOutlineSmall {
	display:inline-block; box-sizing:content-box; width:185px; margin:8px 0; padding:11px 15px 6px 15px; font-size:1em !important; line-height:2.5; font-variation-settings: "wght" 700; text-align:center; color:#fff; cursor:pointer; text-transform: uppercase;
	border:2px #fff solid; background:transparent; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.linkButtonBoxOutlineSmall,
a:hover.linkButtonBoxOutlineSmall {color:#fff; background:rgba(0,0,0,0.65);}








.hero {position:relative; z-index:100;}



.home-header {position:absolute; z-index:85; width:100%;}
.home-header .site-header {background:rgba(21,21,21,.5);}


/* HEADER
------------------------------------------------*/	
.site-header {
	position:relative; display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; margin:0; padding:1.5em 2.5%; background:rgba(34,28,28,.95);
}	
	

/* LOGO
------------------------------------------------*/	
.logo {position:absolute; top:50%; left:50%; padding:0; transform: translate(-50%, -50%);}	
.logo img{width:100%; max-width:406px;}	


.head-right {display:flex; flex-flow:column wrap; align-content:center; justify-content:space-between; margin:0;}

.head-contact {color:#fff;}
.head-contact a {position:relative; margin:0 .35em 0 0; padding:0 .65em 0 0;}
.head-contact a::after {content:''; position:absolute; right:0; top:-1px; width:2px; height:16px; margin:auto; background:#fff;}


.head-nav {display:flex; margin:1em 0 0 0;}
.head-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:90%; margin:0 0 0 auto; padding:0;}
.head-nav ul li {margin:0; padding:0; list-style-type:none;}
				
.head-nav ul li a {
	display:block; margin:0; padding:0;
    font-size:1em; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; font-variation-settings: "wght" 600;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	
.head-nav ul li a:hover {color:#ff0101;}





/*  NAVIGATION
------------------------------------------------*/
#menu-button{
	position:relative; z-index:400; display:flex; flex-flow:column wrap; align-items:center; justify-content:center; margin:0; font-size:1.25em; line-height:1;
}
#menu-button a{display:block; color:#fff; text-decoration:none; font-weight:100; text-transform:uppercase;}
#menu-button a span {color:#28947c}



nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:8px 0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:80%; margin:0 0 0 auto; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0; padding:0;
    font-size:1em; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; font-variation-settings: "wght" 600;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:#ff0101;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}







nav.mobile ul li a .fa{
	width:25px;
	font-weight:100;
	padding:8px 3px;
	margin:0 0 0 5px;
	text-align:center;
	background:#292929;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -285px;
	width: 285px;
	height: 100%;
	z-index: 5000;
	overflow:auto;
	background:#333;
}

/* MENU HEADER SOCIAL MEDIA */
nav.mobile .social-media {
	position: absolute;
	text-decoration: none;
	vertical-align: top;
	z-index:9999;
	display: inline-block;

	top: 15px;
	left: 15px;
	font-size:16px;
	word-spacing:13px;
	color: #ccc !important;
}

nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#ff0101; text-decoration:underline;}

/* MENU HEADER STYLES */
nav.mobile h3 {	
	color: #ccc;
	padding: 23px 0;
	position: relative;
	font-size: 18px;
	background:#313131;
}			
nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}

/* MENU CLOSE 'X' BUTTON */
nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
nav.mobile .menu-toggle:hover {color: #fff;}

/* MENU LIST STYLE */
nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}

nav.mobile ul li.mobile-link {display:none;}

/* FIRST LEVEL */
nav.mobile ul li a {
	color: #999;
	position: relative;
	display: block;
	font-size:15px;
	text-align:right;
	text-decoration: none;
	border-left:4px #333 solid;
	padding: 20px 35px 18px 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #ff0101 solid;}

/* SECOND LEVEL */
nav.mobile ul li li:last-child {border:none;}
nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 20px 10px 18px 15px;}
nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}

/* THIRD LEVEL */
nav.mobile ul li li li {border-bottom: 1px solid #404040;}
nav.mobile ul li li li:last-child {border:none;}
nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}

/* FOURTH LEVEL */

nav.mobile ul li li li li {border-bottom: 1px solid #505050;}
nav.mobile ul li li li li:last-child {border:none;}
nav.mobile ul li li li li a {color: #ccc; background: #666; border-left:4px #555 solid;}
nav.mobile ul li li li li a:hover {background:rgba(85,85,85,0.5);}

.nav-footer {position:absolute !important; bottom:1em; right:0; left:0; margin:0 auto; color:#5A5A5A; position:relative; text-align:center; font-size:13px; line-height:13px; padding:15px 0;}







.hero .cycle-slideshow {position:relative; z-index:5; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#000;}
.hero .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;background-color:#000;}


/* pager */
.cycle-pager { 
    position:absolute; text-align:center; width:30px; height:50%; z-index: 500; top: 118%; left:1em; transform: translate(-50%, -100%); overflow: hidden;
}
.cycle-pager span {display:flex; flex-flow:column wrap; cursor:pointer; width:35px; height:40px; font-size:40px; color: #fff; font-family: arial;}
.cycle-pager span.cycle-pager-active {color:#ff0101;}
.cycle-pager > * {cursor:pointer;}




.hero-overlay {position:absolute; bottom:20%; left:50%; z-index: 10; width:90%; transform: translate(-50%, 0%);}
.hero-title {font-size:6.25em; line-height:1.1; text-transform:uppercase; color:#fff; text-shadow: 2px 2px 10px rgba(0,0,0,.25); font-variation-settings: "wght" 800;}
.hero-subtitle {font-size:2.625em; line-height:1.3; text-transform:uppercase; color:#fff; text-shadow: 2px 2px 10px rgba(0,0,0,.35); font-variation-settings: "wght" 400;}







.category-section {display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; margin:1% 0 0 0;}

.category-item {position:relative; width:24.25%; height:345px; margin:0 1% 0 0;}
.category-item:last-of-type {margin:0;}

.cat-compaction {background: url("/siteart/category-compaction.jpg") no-repeat center; background-size:cover; background-color:#000;}
.cat-paving {background: url("/siteart/category-paving.jpg") no-repeat center; background-size:cover; background-color:#000;}
.cat-asphalt {background: url("/siteart/category-asphalt-plants.jpg") no-repeat center; background-size:cover; background-color:#000;}
.cat-cutting {background: url("/siteart/category-cutting-coring.jpg") no-repeat center; background-size:cover; background-color:#000;}

.category-item a {display:block; position:relative; z-index:10; width:100%; height:100%;}



.category-title {
	position:absolute; z-index:5; bottom:.65em; padding:0 8.5%; font-size:2.75vw; line-height:1.15; text-transform:uppercase; color:#fff; font-variation-settings: "wght" 600;
	-webkit-transition:.75s ease; -moz-transition:.75s ease; -o-transition:.75s ease; transition:.75s ease;	
}
.category-item a:hover .category-title {bottom:3.35em;}

.category-overlay {position:absolute; z-index:1; top:0; width:100%; height:100%; background: rgba(0,0,0,0.75);}







.inv-category-description {}
.inv-category-description p {}
.inv-cat-title {}




/* INVENTORY STYLES
------------------------------------------------*/	
.hosted-content #listings-title{color:#000!important; font-size: 20px!important}
.hosted-content h3{ color: #ff0101!important; font-size: 18px!important}
.hosted-content .listings-wrapper .listings-list .category-banner h3{line-height: normal!important}
.listings-wrapper .listing-boxed .listing-boxed-details h2{color:#000!important; font-variation-settings: "wght" 600 !important}

.rent-title, .lease-title, .fractional-title {color:#000!important;}
.rent-title-details, .lease-title-details, .fractional-title-details {color:#000!important;}

.listing-prices__retail-price {color:#ff0101 !important;}

.list-content .listing-portion-title{color:#000!important;}
.detail-content-mobile .dealer-info h3{text-align:left!important;}

.dealer-contact__header h2,
.dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label {font-family: "halcom-variable", sans-serif !important;}

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.view-listing-details-link, .buy-now-link {color: white !important;text-decoration: none !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}

.container {line-height: 18px !important;}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ee3124 !important;}

.list-title{color: black !important;}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}
.detail-additional-data h3 span{color: black !important;}
.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {color:#fff !important; background:#ee3124 !important; font-variation-settings: "wght" 600 !important;}

.list-content .list-error-container .info button {color:#fff !important; background:#ee3124 !important; font-variation-settings: "wght" 300 !important;}
.list-content .list-error-container .info .selected-facet b,
.list-content .list-error-container .info .selected-facet button{color:#fff !important; font-variation-settings: "wght" 300 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #ee3124 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {color: #fff !important; background:#ee3124 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

 








/*  BRANDS SECTION
------------------------------------------------*/	
.brands-section {display:flex; flex-flow:row wrap; justify-content:space-between; margin:5% 0 15% 0;}

.brands-section .brands-body {align-self:flex-end; width:44%; box-sizing:border-box; margin:0 0 3.5% 0; padding:0 4%;}
.brands-section .brands-body h3 {position:relative; margin:0 0 .85em 0; font-size:2.25em; text-transform:uppercase; font-variation-settings: "wght" 700;}
.brands-section .brands-body h3::after {content:''; position:absolute; left:3px; bottom:-6px; width:62px; height:6px; margin:auto; background:#ff0101;}

.brands-section .brands-body p {font-size:1.375em; line-height:1.5; font-variation-settings: "wght" 300;}


.brands-section .brands-highlight {width:55%; background:#000;}

.brands-section .brands-highlight .brands-highlight-slide {
	display:flex; flex-flow:column wrap; align-content: flex-end; justify-content:flex-end; top:auto; bottom:0; right:0;
	width:100%; height:100%; box-sizing:border-box; padding:12.5% 3.5% 8.5% 2%;
}

.ammann-slide {background:linear-gradient(338deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0.2) 98%), url("/siteart/brands-highlight/ammann-compaction.jpg") no-repeat center; background-size:cover;}
.astec-slide {background:linear-gradient(338deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0.2) 98%), url("/siteart/brands-highlight/carlson-asphalt-paver.jpg") no-repeat center;  background-size:cover;}
.diamond-slide {background:linear-gradient(338deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0.2) 98%), url("/siteart/brands-highlight/diamond-concrete-saw.jpg") no-repeat center;  background-size:cover;}
.husqvarna-slide {background:linear-gradient(338deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0.2) 98%), url("/siteart/brands-highlight/husqvarna-concrete-saw.jpg") no-repeat center;  background-size:cover;}
.mauldin-slide {background:linear-gradient(338deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0.2) 98%), url("/siteart/brands-highlight/mauldin-paver-compactor.jpg") no-repeat center;  background-size:cover;}
.multiquip-slide {background:linear-gradient(338deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0.2) 98%), url("/siteart/brands-highlight/multiquip-mixer.jpg") no-repeat center;  background-size:cover;}



.brands-section .brands-highlight .brands-title {width:100%; font-size:5.625em; text-align:right; text-transform:uppercase; color:#fff; font-variation-settings: "wght" 800;}
.brands-section .brands-highlight .brands-category {width:100%;margin:0 0 0 0; font-size:2.25em; text-align:right; color:#fff; font-variation-settings: "wght" 300;}
.brands-section .brands-highlight .brands-link-group {margin:4% 0 0 0; display:flex; flex-flow:row wrap; align-content:center; justify-content:flex-end;}
.brands-section .brands-highlight .brands-link-group a {margin:0 0 0 15px;}



.brands-section .brands-slider {width:107.5%;margin:5% 0 0 -7.5%;}
.brands-section .brands-slider .cycle-slideshow, .brands-section .brands-slider .cycle-slideshow * {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.brands-section .brands-slider .cycle-slideshow {position:relative; margin:0; padding:0;}
.brands-section .brands-slider .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

.brands-slider {margin:0; padding:0;}
.brands-slider a {
	max-width:225px; margin:0 1em; /*padding:.5em;*//* border:1px #f1f1f1 solid;*/ filter: grayscale(1); background:#fff; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
}

.brands-slider a:hover {filter: grayscale(0);}






.sup-page-wrap {padding:5%; background:linear-gradient(180deg, rgba(242,242,242,0.6587009803921569) 0%, rgba(250,250,250,1) 37%, rgba(250,250,250,1) 98%), url("/siteart/asphalt-background.jpg") repeat-x center top;}
.sup-page-wrap.inv-page-wrap {padding:3.5%;}

/*  MAIN
------------------------------------------------*/	
.main {}

.main.sub-main {
	display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between;  
	width:93%; margin:0 auto; padding:3.5%; border:1px #ccc solid; background:#fff;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.18);
}

.main.inv-main {display:block; width:100%; max-width:calc(1124px + 7%); margin:0 auto; padding:2.5%;}

.inv-intro {margin:0 0 2em 0;}


.column-wrap {display:flex; flex-flow:row wrap; justify-content:space-between;}
.column-wrap p {font-size:1.15em; line-height:1.5; font-variation-settings: "wght" 300;}
.two-column {width:49%;}
.three-column {width:32%;}
.three-one-column {width:32%;}
.three-two-column {width:65%;}

.center-column {margin:0 auto; text-align:center;}




.sub-hero {position:relative; width:110%; height:275px; margin:-2.5% -2.5% 3.5em -2.5%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.sub-hero.inv-hero {width:104%; margin:-2% -2% 3.5em -2%;}
.sub-hero h1 {position:absolute; right:1em; bottom:1em; left:1em; font-size:2.8125em; line-height:.85; text-transform:uppercase; color:#fff; font-variation-settings: "wght" 800;}
.sub-hero h1 span {font-size:.7em; font-variation-settings: "ital" 0;}
.sub-hero h1::after {content:''; position:absolute; left:3px; bottom:-12px; width:62px; height:3px; margin:auto; background:#ff0101;}

.sub-hero.lutes-hero {background:url("/siteart/sub-hero/asphalt-lutes.jpg") no-repeat center center; background-size:cover;}
.sub-hero.handsaw-hero {background:url("/siteart/sub-hero/hand-saw.jpg") no-repeat center center; background-size:cover;}
.sub-hero.tacktank-hero {background:url("/siteart/sub-hero/workers-leveling-patch.jpg") no-repeat center center; background-size:cover;}
.sub-hero.tacktank-hero {background:url("/siteart/sub-hero/workers-leveling-patch.jpg") no-repeat center center; background-size:cover;}

.sub-hero.coredrills-hero {background:url("/siteart/sub-hero/coring-core-bits.jpg") no-repeat center center; background-size:cover;}

.sub-hero.diamondblades-hero {background:url("/siteart/sub-hero/concrete-saw.jpg") no-repeat center center; background-size:cover;}
.sub-hero.corebits-hero {background:url("/siteart/sub-hero/coring-core-bits.jpg") no-repeat center center; background-size:cover;}


.sub-hero.asphaltplant-hero {background:url("/siteart/sub-hero/asphalt-plant.jpg") no-repeat center center; background-size:cover;}
.sub-hero.rental-hero {background:url("/siteart/sub-hero/paving-team.jpg") no-repeat center center; background-size:cover;}
.sub-hero.support-hero {background:url("/siteart/sub-hero/compactor-road-side.jpg") no-repeat center center; background-size:cover;}
.sub-hero.about-hero {background:url("/siteart/sub-hero/asphalt-patching.jpg") no-repeat center center; background-size:cover;}
.sub-hero.contact-hero {background:url("/siteart/sub-hero/workers-leveling-asphalt.jpg") no-repeat center center; background-size:cover;}
.sub-hero.thankyou-hero {background:url("/siteart/sub-hero/asphalt-patching-rake.jpg") no-repeat center center; background-size:cover;}

.sub-hero-overlay {width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(63deg, rgba(0,0,0,0.8379726890756303) 0%, rgba(0,0,0,0) 98%);}



/*  ARTICLE
------------------------------------------------*/
article {}

.main.sub-main article {width:62.5%;}
.main.sub-main article.contact-section {width:100%; max-width:400px;}
.main.support-main article {width:100%;}
.main.inv-main article {width:100% !important;}


article h1 {position:relative; font-size:2.8125em; font-variation-settings: "wght" 700;}
article h1::after {content:''; position:absolute; left:3px; bottom:-6px; width:62px; height:6px; margin:auto; background:#ff0101;}

article h2 {position:relative; margin:0 0 .65em 0;  font-size:2.325em; color:#252525; font-variation-settings: "wght" 700;}
article h3 {font-size:1.7em; font-variation-settings: "wght" 700;}
article h3.green {position:relative; font-size:1.75em; font-variation-settings: "wght" 700;}
article h3.green::after {content:''; position:absolute; left:3px; bottom:-6px; width:50px; height:3px; margin:auto; background:#ff0101;}
article h4 {font-size:1.5em; font-variation-settings: "wght" 600;}
article h5 {font-size:1.25em; font-variation-settings: "wght" 600;}
/*article h6 {font-size:1.7em; font-variation-settings: "wght" 700;}*/

article p {font-size:1.25em; line-height:1.5; font-variation-settings: "wght" 300;}
article ul {margin-inline-start:1.5em; list-style: none; font-size:1.25em; line-height:1.5; font-variation-settings: "wght" 300;}
article ul li::before {
  content: "\2022";
  color:#28947c; 
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}


article ul.striped {width:80%; margin-inline-start:0; margin:0;}
article ul.striped li{list-style:none; padding:.25em 0 0 .5em; font-size:1em; line-height:1.85; color:#3d3d3d;}
article ul.striped li::before {content:none;}
article ul.striped li:nth-of-type(odd) {color:#2d2d2d; background:#e7e7e7;}



/*  EMBED MAP
------------------------------------------------*/
.embed-map {width:90%; margin:2em auto 2em 0;}
.embed-map iframe {width:100%; height:300px;}



/*  SUB PAGE BANNER
------------------------------------------------*/
.sub-banner {width:100%; margin:.4em 0 1.85em 0;}
.sub-banner img {width:100%;}




/*  ASSOCIATIONS GROUP
------------------------------------------------*/
.associations-group {display:flex; flex-flow:row wrap; justify-content:center; margin:2.5em 0 0 0; }
.associations-title {width:100%; margin:0 0 .65em 0; font-size:1.65em; color:#333; font-variation-settings: "wght" 700;}
.associations-item {
	box-sizing:border-box; width:100%; /*width:50%;*/ padding:1em; font-size:1.15em; line-height:1.2; text-align:center; color:#333; border:1px #444 solid;
	font-variation-settings: "ital" 1, "wght" 600;
}
.associations-item:nth-of-type(n+3) {border-left:0;}
.associations-item img {
	width:calc(100% - 18px); max-width:234px; margin:0 auto; padding:8px; border:1px #e5e5e5 solid; background:#fff;
	-webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;
}

/*  HISTORY GALLERY
------------------------------------------------*/
.history-gallery {margin:2.5em 8.5% 0 8.5%;}
.history-gallery #cycle-1 div { width:100%; }
.history-gallery #cycle-2 .cycle-slide {opacity:.7 !important;}
.history-gallery #cycle-2 .cycle-slide-active {opacity:1 !important; }
.history-gallery #slideshow-1,#slideshow-2 { width: 50%; margin: auto }
.history-gallery #cycle-2{margin:1em 0 0 0;}
.history-gallery .cycle-slideshow img { width: 100%; height: auto; display: block; }
.history-gallery #cycle-2 .cycle-slide img {width:100%; }


/*  SIDEBAR
------------------------------------------------*/
.sub-sidebar {
	display:flex; flex-flow:column wrap; width:33.9%; margin:0 0 0 3.5%;  background: #e8e8e8;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.sub-sidebar a {white-space: normal; word-break: break-word;}

/*  SIDENAV HEADING
------------------------------------------------*/
.sidenav-heading {padding:18px 25px 10px 25px; background: #252525;}
.sidenav-heading h3 {margin-bottom:0; font-size:1.7em; font-variation-settings: "wght" 700; text-transform:uppercase; color:#f1f1f1;}
.location-page .sidenav-heading {background: #0741ac;}
.location-page .sidenav-heading h3 {color:#fff;}

/*  SIDENAV MAIN
------------------------------------------------*/
.sidenav-main {padding:25px;}

.sidenav-main h5 {margin-bottom:0; font-size:1.35em; font-variation-settings: "wght" 700; text-transform:uppercase; color:#757575;}
.location-page .sidenav-main h5 {color:#0741ac;}
.sidenav-main h5,
.sidenav-main .sidenav-list {color: #757575;}
.sidenav-main .sidenav-list li {font-size: 16px;}

.sidenav-main p {font-size:1.205em; line-height:1.45; color:#454545;}
.sidenav-main a {font-variation-settings: "wght" 700;text-decoration:none; color: #757575;}

.sidenav-list b {margin-right: 20px;}
.sidenav-list span {width: auto; margin-left: auto; font-weight: 500;}

.sidenav-buttons {margin:1em 0 0 0;}
button.sideButton,
a.sideButton {
	display:inline-block; box-sizing:content-box; width:calc(100% - 50px); margin:8px 0; padding:20px 25px 17px 25px; font-size:1.15em !important; line-height:1.5; font-variation-settings: "wght" 400; text-align:center; color:#fff; cursor:pointer; background-color: #28947c; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.sideButton,
a:hover.sideButton {background-color:#111;}





.home-intro {display:flex; flex-flow:row wrap; justify-content:space-between; border-bottom:1px #fff solid; background:#2d2727;}
.intro-body {width:65%;color:#fff;}
.intro-body article {display:flex; flex-flow:column wrap; justify-content:space-between; box-sizing:border-box; min-height:830px; margin:0 7.5%; padding:7.5% 0;}
.intro-body article h1 {margin:0 0 5% 0;}
.intro-image {width:calc(35% - 1px); height:830px; border-left:1px #fff solid; background:url("/siteart/ammann-aft-700-highlight.jpg") no-repeat center; background-size: cover;}

.intro-link-group {width:100%;}



.product-section {}

.product-category {width:100%; text-transform: uppercase;}
.product-category span {font-size:.9em;}
.product-item {display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 3em 0; padding:0 0 3em 0; border-bottom:1px #ff0101 solid;}
.product-item:last-of-type {margin:0; padding:0 0 1em 0; border:0;}
.product-item h3 {width:100%; margin:0 0 .65em 0;}
.product-item .product-category {width:100%; margin:-.5em 0 .65em 0;}
.product-intro {width:100%;margin:0 0 1.5em 0;}

.product-image {width:280px}
.product-image img {width:100%; max-width:300px;}

.product-gallery {display:flex; flex-flow:row wrap; align-items: flex-start; width:100%;}
.product-gallery img {max-width:calc(50% - .5em); margin:0 .25em .5em .25em;}

.product-body {width:calc(97.5% - 280px);}






/*  DEPARTMENT HOURS
------------------------------------------------*/
.dept-hours {display:flex; flex-flow:row wrap; justify-content:space-between; max-width:375px; margin:.25em 0 0 0; font-size:1.125em;}
.dept-hours .dept-hours-day {line-height:1.5; font-variation-settings: "wght" 600;}
.dept-hours .dept-hours-time {margin:0 0 0 1.85em; line-height:1.5; text-align:right;}



/*  DIRECTORY SECTION
------------------------------------------------*/
.directory-section {display:flex; flex-flow:row wrap; justify-content:space-between; margin:3em 0 0 0;}
.directory-contact {
	box-sizing:border-box; width:49%; margin:0 0 2% 0; padding:1em; font-size:1.15em; line-height:1.35; border:1px #ccc solid;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.directory-contact strong {text-transform:uppercase; color:#28947c;}

.directory-contact a.contactButton {display:inline-block; box-sizing:content-box; width:calc(100% - 50px); margin:8px 0; padding:10px 25px 7px 25px; font-size:.85em !important; line-height:1.15; font-variation-settings: "wght" 400; text-align:center; color:#fff; cursor:pointer; background-color: #28947c; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	}
.directory-contact a:hover.contactButton {background-color:#111;}




/*  DEALER NETWORK SECTION
------------------------------------------------*/
.dealer-network-section {display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; margin:3em 0 0 0;}
.dn-intro {width:100%; margin:0 0 1.5em 0;}
.dn-contact {
	box-sizing:border-box; display:flex; flex-flow:column wrap; justify-content:space-between;
	width:49%; margin:0 0 2% 0; padding:1em; font-size:1.15em; line-height:1.35; border:1px #ccc solid;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.dn-contact strong {text-transform:uppercase; color:#222;}

.dn-contact a.contactButton {display:inline-block; box-sizing:content-box; width:calc(100% - 50px); margin:8px 0; padding:10px 25px 7px 25px; font-size:.85em !important; line-height:1.15; font-variation-settings: "wght" 400; text-align:center; color:#fff; cursor:pointer; background-color: #222; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;}
.dn-contact a:hover.contactButton {background-color:#111;}



/*  FOOTER
------------------------------------------------*/
.site-footer {display:flex; flex-flow:row wrap; justify-content:space-between; padding:5% 4% 1% 4%; line-height:1.5; color:#fff; background:#221c1c;}

.footer-location {width:100%; margin:0 0 2% 0; font-size:1.875em; line-height:1; text-transform:uppercase; font-variation-settings: "wght" 700;}
.footer-location span {font-size:.9em; font-variation-settings: "wght" 500;}

.foot-address {font-size:1.125em;}

.foot-phone {font-size:1.45em; line-height:1.2; font-variation-settings: "wght" 800;}
.foot-phone span {font-size:.97em; font-variation-settings: "wght" 500;}

.foot-email {font-size:1.375em; font-variation-settings: "wght" 700;}

.foot-hours {display:flex; flex-flow:row wrap; justify-content:space-between; max-width:350px; font-size:1.125em;}
.foot-hours .ft-hours-day {font-variation-settings: "wght" 600;}
.foot-hours .ft-hours-time {margin:0 0 0 1.85em; text-align:right;}

.foot-social-media {font-size:1.5em;}
.foot-social-media a {display:inline-block; box-sizing:border-box; width:73px; height:73px; padding:.8em 0 0 0; text-align:center; border:1px #fff solid;}
.foot-social-media a:nth-of-type(n+2) {border-left:0;}
.foot-social-media a:hover {background:rgba(0,0,0,0.35);}

.foot-copyright {width:100%; margin:3.5% 0 0 0; line-height:1.75; text-align:right; font-variation-settings: "wght" 400;}
.foot-copyright span {font-size:.9375em; font-variation-settings: "wght" 300;}


/************************************************ Responsive Styles **/

@media screen and (max-width: 1500px) {
	.logo {position:relative; display:flex; flex-flow:column; justify-content:center; top:auto; left:auto; margin:-.5em 2.5% 0 2.5%; padding:0; transform:none;}	
}

@media screen and (max-width: 1400px) {
	button.linkButtonBoxOutlineSmall,
	a.linkButtonBoxOutlineSmall {width:155px; padding:11px 10px 6px 10px;}
}

@media screen and (max-width: 1300px) {
	.main.sub-main article {width:100%;}
	.sub-sidebar {display:flex; flex-flow:column wrap; width:100%; margin:3.5em 0 0 0;}
}

@media screen and (max-width: 1250px) {
	.site-header {margin:0; padding:1.5em 2.5%; background:rgba(34,28,28,.95);}	
	#menu-button{order:2; position:relative; z-index:400; display:flex; flex-flow:column wrap; align-items:center; justify-content:center; margin:0; font-size:1.25em; line-height:1;}
	
	.logo {order:3; margin:-.25em 0 0 0;}	
	
	.head-right {order:1; width:100%; margin:0 0 2em 0;}
	nav.primary, .head-nav{display:none;}	

	.hero-title {font-size:4.25em;}
	.hero-subtitle {font-size:2.25em;}
	
	.brands-section .brands-highlight .brands-highlight-slide {padding: 16.5% 3.5% 6.5% 2%;}
	.brands-section .brands-highlight .brands-title {font-size:3.25em;}
	.brands-section .brands-highlight .brands-category { font-size:1.95em;}
	
	.associations-item {width:100%;}
	.associations-item:nth-of-type(n+3) {border-top:0; border-left:1px #444 solid;}
}

@media screen and (max-width: 1150px) {
	.brands-section {margin:18% 0;}
	.brands-section .brands-body {width:100%; padding:0 5%;}
	.brands-section .brands-highlight {width:100%;}
	.brands-section .brands-highlight .brands-title {font-size:5.25em;}
}

@media screen and (max-width: 1024px) {
	nav.primary, .head-nav{display:none;}
	.hero-title {font-size:3.25em;}
	.cycle-pager {width:30px; height:auto; z-index: 500; top:auto; bottom:1em; left:.5em; transform:none;}
	.sub-hero {margin:-2.5% -2.5% 2.5em -2.5%;}
	.sub-hero.inv-hero {width:102%; margin:-1% -1% 3.5em -1%;}
	.sub-hero h1 {bottom:1.25em; left:1em; font-size:2.35em;}
	
	article ul.striped {width:100%;}
	.two-column {width:100%; margin:0 0 3.5em 0;}
	.three-column {width:100%; margin:0 0 3.5em 0;}
	.three-one-column {width:100%; margin:0 0 3.5em 0;}
	.three-two-column {width:100%; margin:0 0 3.5em 0;}
}

@media screen and (max-width: 880px) {
	.home-header {position:relative; margin:0 0 1% 0;}
	.home-header .site-header {background:rgba(34,28,28,.95);}
	.hero-overlay {position:absolute; bottom:1em; left:calc(1em + 30px); z-index: 10; width:90%; transform:none;}
	
	.intro-body h1 {font-size:2.125em;}
	.intro-body h1 span {display:none;}
	

	.product-item h3 {order: 1;}
	.product-item .product-category {order: 2;}
	.product-intro {order: 3;}
	.product-body {order: 4; width:100%; margin:0 0 1.5em 0;}
	.product-image {order:5; width:100%;}
	.product-image img {width:100%; max-width:60%; min-width:300px; margin:0 auto;}
	.product-gallery{order:5; width:100%;}
}

@media screen and (max-width: 768px) {
	.site-header {margin:0; padding:1.5em 2.5%; background:rgba(34,28,28,.95);}	
	
	#menu-button{order:3; margin:0 auto; font-size:1.25em; line-height:1;}
	
	.logo {order:2; width:100%; margin:0 0 1.5em 0; text-align: center;}	
	.logo a {display:inline-block;}
	.logo img{width:100%; max-width:300px; margin:0 auto;}	
	
	.head-right {order:1; width:100%; margin:0 0 2em 0;}
	
	nav.mobile ul li.mobile-link {display:block;}

	.hero .cycle-pager {display:none;}
	.hero-overlay {position:absolute; bottom:1em; left:1em;}
	.hero-title {font-size:2.25em;}
	.hero-subtitle {font-size:1.625em;}
	
	.intro-body {width:100%;}
	.intro-body h1 {width:100%;}
	.intro-body h1 span {display:inline;}
	.intro-body  article {min-height:auto; margin:0 5%; padding:12.5% 0;}
	.intro-image {width:100%; height:450px; border-top:1px #fff solid; border-left:0; }
	.intro-link-group {width:100%; margin:2% 0 0 0;}
	
	.sup-page-wrap {background:linear-gradient(180deg, rgba(242,242,242,0.6587009803921569) 0%, rgba(250,250,250,1) 37%, rgba(250,250,250,1) 98%), url("/siteart/asphalt-background-mobile.jpg") repeat-x center top;}
	
	.sub-hero {margin:-2.5% -2.5% 2em -2.5%;}
	.sub-hero h1 {bottom:1.35em; left:1em; font-size:2em; line-height:.85;}
	.sub-hero h1 span {font-size:.7em; font-variation-settings: "ital" 0;}
	.sub-hero h1::after {content:''; position:absolute; left:3px; bottom:-12px; width:62px; height:3px; margin:auto; background:#ff0101;}
	
	.brands-section .brands-highlight .brands-title {font-size:4.25em;}
	
	.directory-contact {width:100%; margin:0 0 1.5em 0;}
	.dn-contact {width:100%;}
	.category-item {position:relative; width:100%; height:245px; margin:0 0 1% 0;}
	.category-item:last-of-type {margin:0 0 1% 0;}
	.category-title {font-size:2.65em;}
	.category-item a:hover .category-title {bottom:2.35em;}
	
	.site-footer {display:flex; flex-flow:column wrap; justify-content:center; padding:3em 2.5% 1.5em 2.5%;}
	.footer-location {margin:0 0 .5em 0; text-align:center;}
	.foot-address {margin:0 0 2.5em 0; text-align:center;}
	.foot-phone {margin:0 0 1.5em 0; text-align:center;}
	.foot-email {margin:0 0 1.5em 0; text-align:center;}
	.foot-hours {margin:0 auto 1.5em auto;}
	.foot-social-media {text-align:center;}
	.foot-copyright {margin:4em 0 0 0; text-align:center;}
}

@media screen and (max-width: 650px){	
	.brands-section .brands-highlight .brands-title {text-align: center;}
	.brands-section .brands-highlight .brands-category {text-align: center;}
	.brands-section .brands-highlight .brands-link-group {display:flex; flex-flow: column wrap; align-content: flex-end; justify-content: flex-end;}
	.brands-section .brands-highlight .brands-link-group a {margin: 0 0 15px 0;}
	button.linkButtonBoxOutlineSmall, a.linkButtonBoxOutlineSmall {width:calc(100% - 30px);}
}

@media screen and (max-width: 550px){
	.head-contact {display:flex; flex-flow:column wrap; justify-content:center; text-align:center;}
	.head-contact a {position:relative; width: 100%; margin:0 0 1em 0; padding:0;}
	.head-contact a::after {content:''; position:absolute; right:0; bottom:-2em; left:0; width:16px; height:2px; margin:auto; background:#fff;}
	
	.brands-section .brands-highlight .brands-title {font-size:11.25vw;}
	.brands-section .brands-highlight .brands-category {font-size:6.95vw;}
	
	

	.sup-page-wrap.inv-page-wrap {padding:3%;}
	
	
	
	.dept-hours {font-size:1em;}
}

@media screen and (max-width: 450px){
	
	
	button.linkButtonBox, a.linkButtonBox {width: calc(100% - 80px); min-width:0; line-height:2;}

	button.deptButton,
	a.deptButton {
		display:inline-block; width:auto; min-width:215px; margin:8px 15px 8px 5px; padding:15px 5px 12px 5px; font-size:1em !important; line-height:2.5; font-variation-settings: "wght" 600; text-align:center; color:#fff; cursor:pointer;
		background-color: #004aad; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300357c' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); font-family: urw-din,sans-serif;
		-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
		-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;	
	}

	button.linkButtonBoxAlt,
	a.linkButtonBoxAlt {
		display:inline-block; box-sizing:content-box; width:225px; min-width:210px; margin:8px 15px; padding:13px 25px 8px 25px; font-size:1.15em !important; line-height:2.5; font-variation-settings: "wght" 700; text-align:center; color:#2d2727; cursor:pointer; text-transform: uppercase;
		background: #fff; 
		-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
	}

	button.linkButtonBoxOutline,
	a.linkButtonBoxOutline {
		display:inline-block; box-sizing:content-box; width:225px; min-width:210px; margin:8px 15px; padding:11px 25px 6px 25px; font-size:1.15em !important; line-height:2.5; font-variation-settings: "wght" 700; text-align:center; color:#fff; cursor:pointer; text-transform: uppercase;
		border:2px #fff solid; background:transparent; 
	}



	
	
	.hero-title {font-size:1.5em;}
	.hero-subtitle {font-size:1.35em;}
	
	
	.intro-body h1 span {display:none;}
	
	.sup-page-wrap {background-image:none !important;}
    
    .dept-hours {font-size:.9em;}
    .dept-hours .dept-hours-time {margin: 0 0 0 .25em;}
	
	.product-image img {max-width:90%; min-width:0;}
	.product-gallery img {max-width:calc(95% - .5em); margin:0 auto .5em auto;}
}

@media screen and (max-width: 385px){
	.hero-subtitle {display:none;}
    
    .dept-hours {font-size:.75em;}
    .dept-hours .dept-hours-time {margin: 0 0 0 .5em;}
    
	.foot-hours {max-width:280px; font-size:.95em;}
	.foot-hours .ft-hours-time {margin: 0 0 0 1em;}
}