@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:1em; font-family:alternate-gothic-atf, sans-serif !important; background:#fff;}

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


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

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:3em; font-weight:500; text-transform:uppercase; color:#0e0e0e;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:2.0625em; font-weight:500;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:1.875em; font-weight:600;}
h6 {font-size:1.375em; font-weight:500; text-transform:uppercase; color:#000;}


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

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

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

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

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


hr {width:85%; margin:3% auto; border-bottom:1px #d5d5d5 solid;}


.red {color:#c51230;}


a.linkButton {
	display:flex; flex-flow:row wrap;  justify-content: space-between; text-decoration:none; color:#fff;
	width:calc(100% - 60px); height:auto; padding:16px 30px 12px 30px; font-size:18px; letter-spacing:.5px; text-transform:uppercase; background:#c51230;}

a.linkButton i {
	font-size:.8em;
 /* margin-right: 10px;*/
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

a.linkButton:hover {background:#a50923;}
a.linkButton:hover i {
  transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px);
}




/*

Alternate Gothic ATF 
font-family: alternate-gothic-atf, sans-serif;
font-family: alternate-gothic-atf-thin, sans-serif;
font-weight: 100;

Open Sans Bold
font-family: open-sans, sans-serif;

*/




/* HEADER CONTACT
------------------------------------------------*/
.headContact {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:0; padding:10px 2.5%; color:#fff; background:#bf1e2e;}

.companyName {display:flex; align-items:center; text-transform:uppercase; font-weight:600;}
.companyName span {padding:0 0 0 7px; font-size:.875em; font-weight:400; color:#dfdfdf;}

.quickContact {display:flex; flex-flow:row wrap; align-items:center; font-size:1.3125em; text-transform:uppercase;}
.quickContact .fa-location-dot {margin:-3px 0 0 0; font-size:.675em; color:#010101;}
.quickContact a {padding:2px 6px; text-decoration:none; color:#fff;}
.quickContact a[href^="tel:"] {color:#fff !important;}
.quickContact span {margin:0 15px;}

.headContact .socialMedia {margin:0;}
.headContact .socialMedia a {padding:2px 6px; font-size:1.3125em; color:#fff;}

/* HEADER
------------------------------------------------*/
.siteHeader {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:0; padding:18px 2.5%; background:#010101;}
	
/* LOGO
------------------------------------------------*/	
.logo {margin:0;}	
.logo img {width:100%; max-width:215px;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

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

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0; padding:12px 10px;
    font-size:1.375em; line-height:1; font-weight:400; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff;
	-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:#d32c48;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 200px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width:190px; padding:15px 25px; font-size:1.15em; line-height:18px; 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:#bf1e2e;}

/*  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;}

/*  HERO
------------------------------------------------*/
.hero {position:relative; margin:0 0 5% 0;}
.hero img {width:100%;}

.hero-announcement {
	position:absolute; top:0; left:0; width:30%; height:100%;
	display:flex; flex-flow:column wrap; align-items:center; justify-content:center;
	padding:0 9% 0 3%; background:rgba(191,30,46,.85);
	-webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
.hero-announcement a {width:100%; padding:24px 0 10px 0; font-size:5vw; font-weight:300; text-align:center; text-decoration:none; color:#fff; border:1px #fff solid;}
.hero-title {margin:0 0 2% 0; font-size:7vw; font-weight:900; text-transform:uppercase; text-align:center; color:#fff; }

.hero-logos {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; margin:12% 0 0 0;}
.hero-logos img {width:50%;}
img.companyLogo {max-width:261px; margin:0 20px 0 0;}
img.secondaryLogo {max-width:171px;}

/*  DISTRIBUTOR BRANDS
------------------------------------------------*/
.brandsDesktop {display:block;}
.brandsMobile {display:none !important;}

.distributorBrands {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:5%;}
.distributorBrands img {width:100%; max-width:208px; margin:.25%; padding:.25%; border:2px #d5d5d5 solid; background:#fff;}

.distributorTitle {width:100%; font-size:1.5em; text-align:center;}
.distributorTitle span {font-weight:300;}



/*  EQUIMENT HIGHLIGHT
------------------------------------------------*/
.equipmentSelectHighlightWrap {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; padding:2.5% 5%;}
.equipmentSelectHighlightColumn {width:47.5%;}

.equipmentSelectHighlight {display:flex; flex-flow:row wrap; justify-content:center; position:relative;}
.equipmentSelectHighlight a {width:100%; font-size:6vw; line-height:.9; font-weight:600; text-transform: uppercase; text-decoration: none; color:#fff;}
.equipmentSelectHighlight a span {font-size:0.34375em; font-weight:100;}
.equipmentSelectHighlight img {position:relative; z-index:0; width:100%;}

.truckSelect {padding:3.5% 0 2% 0; background:url("/siteart/equipment/trucks.jpg") no-repeat center center; background-size:cover;}
.trailerSelect {padding:3.5% 0 2% 0; background:url("/siteart/equipment/trailers.jpg") no-repeat center center; background-size:cover; background-color: black;}

.equipmentSelectTitle {margin:0 0 8% 8%; z-index:5; font-size:6vw; line-height:.9; font-weight:600; text-transform: uppercase; color:#fff; text-shadow: 1px 1px black;}
.equipmentSelectTitle span {font-size:0.34375em; font-weight:100;}

.eqSelectSection {
	display:flex; flex-flow:row wrap; align-content:center; justify-content: space-between;  
	margin:0 0 35px 0; padding:25px 28px 0 28px; border:1px #d9d9d9 solid; border-top:0;
	-webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;
}

.eqSelectItem {display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; width:calc(50% - 14px); margin: 0 0 28px 0;}
.eqSelectItem a {width:100%; font-size:6vw; line-height:.9; font-weight:600; text-transform: uppercase; text-decoration: none; color:#fff;}
.eqSelectItem a span {font-size:0.34375em; font-weight:100;}
.eqSelectItem img {position:relative; z-index:0; width:100%;}

.eqSelectOverlay {position:absolute; bottom:8%; left:8%; z-index:5; font-size:3vw; line-height:.9; font-weight:600; text-transform: uppercase; color:#fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);}
.eqSelectOverlay span {font-size:0.34375em; font-weight:100;}

a.eqSelectButton {width:calc(100% - 60px); min-width:100px; margin:0 auto 28px auto; padding:30px 30px 26px 30px; font-size:1.6 5vw;}


/*  CATEGORY HIGHLIGHT
------------------------------------------------*/
.categoryHighlightWrap {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; padding:2.5% 5%; background:#f6f6f6;}
.categoryHighlightWrap h3 {width:100%; margin:0 0 12px 0; text-transform:uppercase;}
.categoryHighlightWrap h3 span {font-weight:300;}

.categoryHighlight {position:relative; width:32.5%;}
.categoryHighlight:nth-of-type(2) {margin:0 1%;}
.categoryHighlight a {font-size:6vw; line-height:.9; font-weight:600; text-transform: uppercase; text-decoration: none; color:#fff;}
.categoryHighlight a span {font-size:0.34375em; font-weight:100;}
.categoryHighlight img {position:relative; z-index:0; width:100%; background-color: black;}

.categoryPrimary {position:relative; width:100%;}
.categoryPrimary a {font-size:6vw; line-height:.9; font-weight:600; text-transform: uppercase; text-decoration: none; color:#fff;}
.categoryPrimary a span {font-size:0.34375em; font-weight:100;}
.categoryPrimary img {position:relative; z-index:0; width:100%;}

.catOverlay {position:absolute; bottom:8%; left:8%; z-index: 5; text-shadow: 1px 1px black;}

/*  PRODUCT SHOWCASE
------------------------------------------------*/
.productShowcase {display:flex; flex-flow:row wrap; align-items: center; justify-content:space-between; max-width:1440px; margin:5% auto;}
.productShowcase h3 {width:100%; margin:0 0 3% 0; font-size:2.65em;}

/*  DESCRIPTION
------------------------------------------------*/
.productShowcaseDescription {width:43%;}

.psdHeader {display:flex; flex-flow:row wrap; align-items:center; margin:0 0 12px 0;}
.psdHeader .psdTitle {font-size:2.25em; font-weight:600; color:#c51230;}
.psdHeader .psdPrice {margin:6px 0 0 0; font-size:.65em; line-height:1; color:#333 }

.psdHeader img.brandLogo {width:100%; max-width:204px; margin:0 0 0 -5%;}

ul.psdList {margin:8px 0 12px 0; padding:5px 0 5px 18px;}
ul.psdList li {list-style:none; padding:3px 0; font-size:1.15em; line-height:1.2; font-weight:200;}

a.psdButton {width:50%; min-width:100px; padding:22px 30px 18px 30px;}

/*  GALLERY
------------------------------------------------*/
.productShowcaseGallery {display:flex; flex-flow:row wrap; justify-content: space-between; width:54%;}

.cycle-slideshow, .cycle-slideshow * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:5;}
.cycle-slideshow {width:100%; max-width:calc(100% - 128px); margin:0; padding:0; position:relative; z-index:2;}
.cycle-slideshow img {width:100%;}

.cycle-pager {position:absolute; z-index:500; overflow:hidden; width:100%; text-align:center;}
.cycle-pager span {display: inline-block; width:16px; height:16px; font-size:50px; color:#ddd; font-family:arial; cursor:pointer;}
.cycle-pager span.cycle-pager-active {color:#D69746;}
.cycle-pager > * {cursor: pointer;}

.cycle-pager-active {opacity:.5;}
.vertSelector {display:flex; flex-flow:column wrap; justify-content:space-between; width:123px;}
.vertSelector a img {margin:0 0 6px 0; background-color: black;}
.vertSelector a:last-of-type img {margin:0;}

/*  DISCLAMIER
------------------------------------------------*/
.productShowcaseDisclaimer {width:100%; margin:3.5% 0 0 0; font-weight:600; line-height:1.5; text-align:center; font-family: open-sans, sans-serif;}
.productShowcaseDisclaimer span {font-weight:400;}

/*  VIDEO SHOWCASE
------------------------------------------------*/
.videoShowcase {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin:5% 0;}
.videoShowcase iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*  LISTING SHOWCASE
------------------------------------------------*/
.listingShowcase {margin:6.5% 0 5% 0;}

.listingContent {display:flex; flex-flow:row wrap; padding:5% 12.5%;}
.listingContent p {font-weight:300; color:#fff; font-family: open-sans, sans-serif;}

.turboShowcase {background:url("/siteart/listings/turbos-bg.jpg") no-repeat center; background-size: cover; background-color: black;}
.tunerShowcase {background:url("/siteart/listings/tuners-bg.jpg") no-repeat center; background-size: cover; background-color: black;}
.intakeShowcase {background:url("/siteart/listings/intake-manifolds-bg.jpg") no-repeat center; background-size: cover; background-color: black;}
.exhaustShowcase {background:url("/siteart/listings/exhaust-manifolds-bg.jpg") no-repeat center; background-size: cover; background-color: black;}

.listingHeading {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:100%;}
.listingBrand {width:100%; max-width:173px;}
.listingBrand img {width:100%;}
.listingTitle {font-size:3em; font-weight:600; letter-spacing:1px; text-transform: uppercase; color:#fff;}
.listingButton {display:inline-block !important; width:auto !important;}
.listingButton span {font-weight:100;}

.listingEngineGroup {display:flex; flex-flow:row wrap; justify-content:center; width:100%; max-width:1026px; margin:30px auto 0 auto;}
.listingEngineGroup a {
	width:177px; margin:8px 13px; padding:25px 0 20px 0; font-size:1.5625em; font-weight:300; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; border:1px #fff solid;}
.listingEngineGroup a:hover {background:rgba(255,255,255,.15);}
.listingEngineGroupTitle {width:100%; margin:0 0 4px 0; font-size:1em; font-weight:200; font-style:italic; text-align:center; text-transform:uppercase; color:#fff;}

.showcaseItemWrap {display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 auto; padding:3% 10%;}
.showcaseItem {width:24.25%; text-align:center;}
.showcasePhoto {overflow:hidden; width:100%;}
.showcasePhoto img {width:100%; -webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;}
.showcasePhoto img:hover {transform:scale(1.1,1.1);}

.showcaseTitle {margin:18px 0 10px 0; font-size:1.4375em; line-height:1.1; text-transform:uppercase; color:#bf1e2e;}
.showcasePrice {margin:0 0 18px 0; font-size:1.1875em; font-weight: 200; text-transform:uppercase; color:#1d1d1d;}
a.showcaseButton {justify-content: center; max-width:80px; margin:0 auto;}

/*  BREADCRUMBS
------------------------------------------------*/	
.breadcrumbBanner {padding:1.5% 5%; font-size:1.25em; text-transform:uppercase; color:#444;}
.breadcrumbBanner a {text-decoration:none; color:#c51230;}
.breadcrumbBanner span {color:#000;}



/*  MAIN
------------------------------------------------*/	
.main {padding:6.5% 5% 6.5% 5%;}

.bodyCopy {font-size:1.125em; font-weight:300; font-family: open-sans, sans-serif;}
.bodyCopy h6 {font-size:22px; font-family: alternate-gothic-atf, sans-serif;}

.homeMain {display:flex; flex-flow:row wrap; justify-content:space-between;}

.homeIntro {width:40%; padding:6.5% 5% 6.5% 5%;}
.homeIntro h3 {color:#c51230;}

.homeForm {width:40%; padding:6.5% 5% 6.5% 5%; }


.subMain {padding:2.5% 5% 6.5% 5%;}
.subMain h1 {color:#c51230;}
.subMain h2 {margin:0 0 2.5% 0;}


.twoColumnMain {display:flex; flex-flow:row wrap; justify-content:space-between;}
.twoColumnMain h3 {width:95%; padding:0 2.5%}
.columnSection {width:46%; padding:2%;}

ul.bodyList {display:flex; flex-flow:row wrap; align-items: center; padding:0 0 0 18px;}
ul.bodyList li {list-style:circle inside; width:50%; min-width:280px; padding:3px 0; font-size:1em; line-height:1.2; font-weight:200;}

.linkGroup {display:flex; flex-flow:row wrap; justify-content:space-between;}

a.bodyButton {justify-content:center; width:40%; margin:0 auto; padding:12px 30px 13px 30px;}

.contactMain {display:flex; flex-flow:row wrap; justify-content:space-between;}
.contactDetails {width:40%; padding:2.5% 5%;}
.contactDetails:nth-of-type(odd) {width:calc(40% - 1px); border-right:1px #d9d9d9 solid;}
.contactDetails iframe {width:100%; height:525px;}





/*  ACCORDION SECTION
------------------------------------------------*/	
.accordionButton {
	width:100%; margin:0 0 25px 0; padding:28px 25px 22px 25px;font-size:1.4375em; font-weight:600; text-transform:uppercase; text-align:left; 
	color:#fff;  font-family:alternate-gothic-atf, sans-serif;
}
.accordionButton span {font-weight:300;}
.accordionButton .fa-plus {float:right; font-size: .9em;}

.accordionHide {display:none !important;}
.accordionShow {display: block !important;}

.acOff {background:#292929;}
.acOn {margin:0; background:#c51230;}

/*  TEAM SECTION
------------------------------------------------*/	
.teamSection {margin:0 0 35px 0; padding:28px 0 0 0; border:1px #d9d9d9 solid; border-top:0; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;}

.teamItem {margin:0 35px 35px 35px; padding:0 0 30px 0; border-bottom:1px #e5e5e5 solid;}
.teamItem:last-of-type {padding:0; border-bottom:0;}
.teamItem h5 {margin:0 0 4px 0; font-size:2em; text-transform: uppercase;}
.teamItem h6 {margin:0 0 8px 0;}
.teamItem p {line-height:1.75; font-family: open-sans, sans-serif;}

/*  LOCATION NHIGHLIGHTS
------------------------------------------------*/
.locationHighlight {display:flex; flex-flow:row wrap; justify-content:center; margin:35px 0 0 0; padding:25px 30px; border:1px #e9e9e9 solid;}

.locationTitle {width:100%; font-size:1.5em; font-weight:500; text-transform:uppercase; color:#3e3e3e;}
.locationTitle span {color:#c51230;}

.locationContact {
	width:33.3%; min-width:200px; margin:10px 0 12px 0;font-size:1em; line-height:1.5; font-weight:300; font-family: open-sans, sans-serif;
}
.locationContact strong {font-weight:400;}

.locationHighlight .socialMedia a {margin:2px; padding:5px; font-size:1.15em; color:#c51230;}

.locationButton {background:#c51230;}
.locationButton:hover {background:#a50923;}

/*  VENDOR PAGE SECTION
------------------------------------------------*/
.vendorSection {display: flex; flex-flow:row wrap; justify-content:flex-start; margin:3.5% 0 0 0;}
.vendorSection h3 {width:100%; margin:0 0 3.5% 0; text-transform: uppercase;}

/*  VENDOR SIDEBAR
------------------------------------------------*/
.vendorSidebar {width:calc(17% - 1px); margin:0 2% 0 0; padding:0 2.5% 0 0; border-right:1px #d9d9d9 solid;}

.vendorSidebar ul li {margin:4px 0 2px 0; padding:6px 0 5px 0; list-style:none;  border-bottom:1px #d9d9d9 solid;}
.vendorSidebar ul li:last-of-type {border:0;}
.vendorSidebar ul li a {display:block;  padding:0 0 0 12px; font-size:1.45em; line-height:1.5; text-decoration:none;}
.vendorSidebar ul li a:hover {padding:0 0 0 20px;}

/*  VENDOR BRANDS
------------------------------------------------*/
.vendorBrands {width:78%;}
.vendorBrands a {float:left; width:calc(18% - 4px); margin:.5%; padding:3%; border:2px #7a7a7a solid; background:#fff;}
.vendorBrands img {width:100%; max-width:208px; margin:auto;}


/*  SERVICE PAGE SECTION
------------------------------------------------*/	
.serviceSection {margin:0 0 35px 0; padding:28px 0 0 0; border:1px #d9d9d9 solid; border-top:0; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;}

.serviceItem {margin:0 35px 35px 35px; padding:0 0 30px 0; border-bottom:1px #e5e5e5 solid;}
.serviceItem:last-of-type {padding:0; border-bottom:0;}
.serviceItem h5 {margin:0 0 4px 0; font-size:1.5em; text-transform: uppercase;}
.serviceItem h6 {margin:0 0 8px 0; font-size:1.15em;}
.serviceItem p {line-height:1.75; font-family: open-sans, sans-serif;}


.serviceSection .distributorBrands {margin:2.5% 5%;}
.serviceSection .distributorBrands a {border:1px #d5d5d5 solid;}



/*  SERVICE GALLERY
------------------------------------------------*/
.serviceGallery {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:5% 0 0 0;}
.sgItem {width:32.3%; overflow:hidden;}

/*.sgItem:last-of-type {width:100%;}*/

.sgItem img {width:100%;}


/*  SERVICE BRANDS
------------------------------------------------*/
.serviceBrands {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:5% 0 0 0;}
.serviceBrands img {width:100%; max-width:150px;  margin:.5%; padding:2%; border:1px #939393 solid; background:#f9f9f9;}


/*  CALENDAR
------------------------------------------------*/
.calendarEvent {display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 0 1% 0;}
.calendarEvent:nth-of-type(odd) {background:#f5f5f5;}

.calendarDate {
	display:flex; flex-flow:column wrap;  justify-content:center;
	width:150px; padding:1.85% 5px 1.5% 5px; font-size:3em; line-height:1; text-align:center; color:#fff; background:#4f4f4f;
}
.calendarEvent:nth-of-type(even) .calendarDate {background:#3a3a3a;}
.calendarDate span {font-size:.95em; line-height:1; font-weight:900; text-transform: uppercase;}
.calendarDate span.dateYear {font-size:.38em; line-height:1; font-weight:300; letter-spacing:1px; }

.calendarPhoto {position:relative; width:300px;}

.zwolleLoggers {background:url("/siteart/calendar/zwolle-loggers.jpg") no-repeat center center; background-size:cover;}
.forestExpo {background:url("/siteart/calendar/forest-expo.jpg") no-repeat center center; background-size:cover;}
.notreDame {background:url("/siteart/calendar/truck-rodeo.jpg") no-repeat center center; background-size:cover;}
.bigRigChallenge {background:url("/siteart/calendar/big-rig-challenge.jpg") no-repeat center center; background-size:cover;}
.matShow {background:url("/siteart/calendar/mats-2022.jpg") no-repeat center center; background-size:cover;}
.chromeShop {background:url("/siteart/calendar/75-chrome-2022.jpg") no-repeat center center; background-size:cover;}
.onawaySpeedway {background:url("/siteart/calendar/onaway-speedway.jpg") no-repeat center center; background-size:cover;}
.texasShow {background:url("/siteart/calendar/texas-trucking-show.jpg") no-repeat center center; background-size:cover;}
.superRigs {background:url("/siteart/calendar/super-rigs-2022.jpg") no-repeat center center; background-size:cover;}
.wakenScrape {background:url("/siteart/calendar/wake-n-scrape.jpg") no-repeat center center; background-size:cover;}
.overTheTop {background:url("/siteart/calendar/over-the-top.jpg") no-repeat center center; background-size:cover;}
.truckinKids {background:url("/siteart/calendar/truckin-for-kids.jpg") no-repeat center center; background-size:cover;}
.truckingHouston {background:url("/siteart/calendar/trucking-houston.jpg") no-repeat center center; background-size:cover;}
.specialKind {background:url("/siteart/calendar/show-and-shine.jpg") no-repeat center center; background-size:cover;}
.dragginPullin {background:url("/siteart/calendar/draggin-and-pullin.jpg") no-repeat center center; background-size:cover;}

.calendarDetails {width:calc(96% - 460px); padding:2%;}
.calendarDetails h3 {width:100%; margin:0 0 6px 0; text-transform:uppercase; color:#c51230;}
.calendarDetails h5 {margin:0 0 12px 0; font-size:1.35em; text-transform:uppercase; color:#747474;}
.calendarDetails h5 .fa-location-dot {margin:0 4px 0 0; font-size:.95em; color:#000;}
.calendarDetails p {margin:0 0 25px 0; font-size:1.35em; line-height:1;}

a.calendarButton {justify-content: center; max-width:80px; margin:0 auto 0 0; text-align:center;}

/*  GALLERY PAGE VIDEO
------------------------------------------------*/
.videoGallery {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:4% 0 0 0;}
.videoGallery .videoItem {position:relative; height:0; overflow:hidden; width:28%; max-width:100%; padding-bottom:18%;}
.videoGallery .videoItem iframe {position:absolute; top:0; left:0; width:100%; height:100%;} 

/*  EVENT GALLERY
------------------------------------------------*/
.gallerySection {}
.galleryBanner {
	display:flex; flex-flow:row wrap; align-items:flex-end; justify-content:center;
	 padding:28px 2.5%; font-size:2.5em; line-height:1; text-transform:uppercase; color:#fff; background:#bf1e2e;
}

.galleryBanner span {font-weight:200;}
.galleryBanner .linkButton {width:auto; margin:0 0 0 20px; background:#151515;}
.galleryBanner .linkButton:hover {background:#000;}

.galleryWrap {display:flex; flex-flow:row wrap;}

.galleryItem {overflow:hidden; width:16.66%;}
.galleryItem img {-webkit-transition:.75s ease; -moz-transition:.75s ease; -o-transition:.75s ease; transition:.75s ease;}
.galleryItem:hover img{transform:scale(1.2,1.2);}

/*  FOOTER
------------------------------------------------*/
.siteFooter {
	display:flex; flex-flow:row wrap; /*align-items:center;*/ justify-content:space-between;  
	padding:50px 2.5% 85px 2.5%; color:#fff; background:#2a2928 url("/siteart/footer-bg.jpg") repeat;
}

.footLeftWrap {margin:0;}

.footNav {margin:9px 0 0 0;}
.footNav ul {display:flex; flex-flow:row wrap;}
.footNav ul li{list-style:none;}
.footNav ul li a{padding:12px 15px; font-size:1.25em; line-height:1.5; text-transform:uppercase; text-decoration:none; color:#fff;}
.footNav ul li:first-of-type a{padding:12px 15px 12px 0;}

.footBrand {display:flex; flex-flow:row wrap; align-items:center; margin:70px 0 0 0;}
.footLogo {margin:0;}
.footLogo img {width:100%; max-width:335px;}

.footLocations {margin:0 0 0 40px;}
.footLocations a {font-size:1.3125em; line-height:1.4; font-weight:200; text-transform:uppercase; text-decoration:none; color:#fff;}

.footRightWrap {margin:0;}

.footContact {display:flex; flex-flow:row wrap; align-items:center; margin:0 0 45px 0; }
.footContact .footPhone {margin:3px 22px 0 0; font-size:1.625em; font-weight:600;}
.footContact .footPhone a[href^="tel:"] {color:#fff;}
.footContact .socialMedia {text-align:center; }
.footContact .socialMedia a {color:#fff;}
.footContact .socialMedia a .fa-brands{
	width:28px; height:28px; margin:0 3px; padding:11px 9px 7px 9px; font-size:1.5em; background:#4f4f4f; box-sizing: initial;
	-webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;
}
.footContact .socialMedia a:hover .fa-brands, .footContact .socialMedia a:active .fa-brands {background:#242424;}

.footCopyright {text-align:right;}

.associations {width:84px; margin:0 0 20px auto;}
.associations img {width:100%; max-width:84px; margin:0 0 0 auto;}






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

@media screen and (max-width: 1675px) {
	nav.primary ul li a {padding:12px 8px; font-size:1.25em;}
}

@media screen and (max-width: 1500px) {
	.productShowcase {flex-flow:column wrap; max-width:900px; margin:5% auto;}
	.productShowcaseDescription {width:100%; margin:0 0 6.5% 0;}
	.psdHeader img.brandLogo {margin:0 0 0 -15px;}
	.psdHeader {justify-content:center; margin:0 auto 12px auto;}
	
	ul.psdList {display:flex; flex-flow:row wrap; align-items: center;}
	ul.psdList li {width:50%;}
	a.psdButton {margin:0 auto;}
	
	.productShowcaseGallery {width:100%; max-width:777px;}
}

@media screen and (max-width: 1500px) {
	.siteHeader {flex-flow:column;}
}

@media screen and (max-width: 1425px) {
	.siteHeader {flex-flow:column;}
	
	.vendorSidebar {width:calc(25% - 1px);}
	.vendorBrands {width:70%;}
	
	.siteFooter {flex-flow:column; padding:50px 2.5% 35px 2.5%;}
	.footNav ul {justify-content:center;}
	.footContact {justify-content: center; margin:0 auto;}
	.footBrand {justify-content:center; margin:50px 0 0 0;}	
	.footRightWrap {margin:30px 0 0 0;}
	.footLegal {margin:60px auto 0 auto;}
	.associations {margin:0 auto 20px auto;}
	.footCopyright {text-align:center;}
}

@media screen and (max-width: 1250px) {	
	.distributorBrands img {max-width:128px;}
}

@media screen and (max-width: 1200px) {
	.siteHeader {flex-flow:row;}
	nav.primary{display:none;}
	#menu-button{ display: block; font-size: 1.25em; line-height:60px; position: relative; z-index:400;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 .8em; font-weight:100;}
	
	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;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		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:#fff; 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;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color:#c1c1c1;
		position: relative;
		display: block;
		font-size:18px;
		text-align:left;
		font-weight:400;
		text-decoration: none;
		border-left:4px #333 solid;
		padding:18px 35px 18px 20px;
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #bf1e2e 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: 18px 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: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);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:15px; line-height:1; padding:15px 0;}
	.nav-footer span {font-size:13px;}

	
	
	.listingHeading {justify-content:space-between;}
	.listingHeading p {order:4; margin:12px 0 0 0;}
	.listingBrand {order:2; max-width:150px;}
	.listingTitle {order:1; font-size:2em;}
	.listingButton {order:3;}
	
	.vendorSidebar {width:calc(30% - 1px);}
	.vendorBrands {width:65%;}
	.vendorBrands a {width:calc(26% - 4px);}
	
	.showcaseItemWrap {padding: 3% 5%;}
	.locationTitle,
	.locationContact {text-align:center;}
	
	.videoGallery .videoItem {width:48%; margin:0 0 2% 0; padding-bottom:27%;}
}

@media screen and (max-width: 1100px) {
	.companyName span {display:none;}
	.listingBrand {display:none;}
}

@media screen and (max-width: 1024px) {
	.calendarPhoto {display:none;}
	.calendarDetails {width:calc(96% - 160px);}
	
	.twoColumnMain {flex-flow:column;}
	.columnSection {width:90%; padding:6.5% 5% 0 5%;}
	.columnSection:nth-of-type(n+1) {padding:0 5%;}
	.columnSection:last-of-type {padding:0 5% 6.5% 5% !important;}
	
	.serviceGallery {flex-flow:column;}
	.sgItem {overflow:hidden; position:relative; width:100%; max-width: 100%; height:0; margin:3px 0; padding-bottom:50%;}
	.sgItem img {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
	
	
	.contactMain {flex-flow:column;}
	.contactDetails {width:90%; padding:6.5% 5% 2.5% 5%;}
	.contactDetails:nth-of-type(n+1) {padding:2.5% 5% 6.5% 5%;}
	.contactDetails:nth-of-type(odd) {width:90%; border-right:0;}
	.contactDetails iframe {height:350px;}
	
	.showcaseItemWrap {padding: 3% 5%;}
	.showcaseItem {width:49.25%; margin-bottom:2.5%;}
}

@media screen and (max-width: 885px) {
	.hero {margin:0 0 8.5% 0;}
	.hero-announcement a {padding:8px 0 2px 0; font-size:3.5vw;}
	.hero-title {margin:0 0 2% 0; font-size:7.25vw; font-weight:900; text-transform:uppercase; text-align:center; color:#fff; }
	
	.hero-logos {margin:10% 0 0 0;}
	.hero-logos img {width:35%;}

	.companyName {display:none;}
	.categoryHighlightWrap {padding:5%;}
	.categoryHighlight {width:49%;}
	.categoryHighlight:nth-of-type(2) {margin:0 0 0 2%;}
	.categoryHighlight:last-of-type {margin:2% 0 0 0;}
	.categoryHighlight a{font-size:8.5vw;}	
	.vendorSidebar {width:calc(45% - 1px);}
	.vendorBrands {width:50%;}
	.vendorBrands a {width:calc(43% - 4px);}
}

@media screen and (max-width: 800px) {
	.productShowcase {margin:5%;}
	ul.psdList {padding: 5px 0;}
	ul.psdList li {width:100%; text-align: center;}
	.cycle-slideshow {width:95%; max-width:inherit; margin:0 auto;}
	.vertSelector {display:none;}
}

@media screen and (max-width: 768px) {
	.quickContact {font-size:1em;}
	.headContact .socialMedia a {font-size:1.1em;}
	.equipmentSelectHighlightColumn {width:100%;}
	.truckSelect {padding:6% 0 4% 0;}
	.trailerSelect {padding:6% 0 4% 0;}
	.equipmentSelectTitle {font-size:10vw;}
	.eqSelectOverlay {font-size:6vw;}
	.listingHeading {flex-flow:column;}
	.listingTitle {margin:0 0 10px 0;}
	.listingEngineGroup a {width:calc(50% - 28px);}
	.showcaseItemWrap {padding:1.25%;}
	
	.brandsDesktop {display:none !important;}
	.brandsMobile {display:flex !important;}
	
	.homeMain {flex-flow:column;}
	.homeIntro {width:auto; padding:6.5% 5% 6.5% 5%;}
	.homeForm {width:auto; padding:6.5% 5% 6.5% 5%; background:#f7f7f7;}
	
	.subMain {padding:6.5% 5% 6.5% 5%;}
	
	.linkGroup {flex-flow:column;}
	a.bodyButton {width:calc(95% - 60px); margin:5px auto;}
	
	.videoGallery .videoItem {width:100%; margin:0 0 5% 0; padding-bottom:56.45%;}
}

@media screen and (max-width: 600px) {
	.hero-logos {display:none;}
	
	.eqSelectItem {width:100%;}
	.eqSelectOverlay {font-size:8vw;}
	.categoryHighlightWrap {padding:8.5% 5%;}
	.categoryHighlight {width:100%;}
	.categoryHighlight:nth-of-type(2) {margin:2.5% 0;}
	.categoryHighlight:last-of-type {margin:inherit;}
	.categoryHighlight a{font-size:18vw;}
	
	.quickContact a[href^="tel:"] {display:none; }
	.calendarEvent {flex-flow:column wrap; align-items:center; justify-content:center; margin:0 0 5% 0; background:#f5f5f5;}
	.calendarEvent:nth-of-type(odd) {background:#ebebeb;}
	.calendarDate {
		display:flex; flex-flow:row wrap; align-items:center; justify-content:center;
		width:97%; padding:18px 1.5% 10px 1.5%; font-size:2em; 
	}
	.calendarDate span {padding:0 6px; font-size:1em;}
	.calendarDate span.dateYear {padding:0; font-size:1em;}
	.calendarDetails {width:93%; padding:30px 3.5%; text-align:center !important;}
	a.calendarButton {margin:0 auto;}
}

@media screen and (max-width: 550px) {
	.vendorSidebar {width:100%; margin:0 0 5% 0; padding:0; border-right:0; border-bottom: 1px #d9d9d9 solid;}
	
	.vendorSidebar ul {display:flex; flex-flow:row wrap; align-items: center;}
	.vendorSidebar ul li {width:50%; border-bottom:1px #d9d9d9 solid;}
	.vendorSidebar ul li:last-of-type {border:0;}
	.vendorSidebar ul li:nth-last-of-type(2) {border:0;}
	.vendorSidebar ul li a {font-size:1.25em;}
	.vendorBrands {width:100%;}	
	.vendorBrands a {width:calc(46% - 4px);margin:1%; padding:1%;}	
	
	.listingEngineGroup a {
	width:calc(100% - 2px); margin:8px 0; padding:25px 0 20px 0; font-size:1.5625em; font-weight:300; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; border:1px #fff solid;}
}

@media screen and (max-width: 450px){
	.headContact {flex-flow:column;}
}

@media screen and (max-width: 320px){
	.showcaseItem {width:100%;}
}