@charset "UTF-8";

/* RESET */
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	
/*@media screen and (prefers-reduced-motion: reduce) {
  * {animation: none !important; transition: none !important;
	animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
	}
}*/

:root {
	--white:#fff;	
	--nearwhite: #f6f6f6;
	--offwhite:#e8e8e8;	
		
	--pgcred: #f02036;
	
	--lightgray: #e8e8e8;
	--gray:#dbdbdb;
	
	--offblack: #282828;
	--nearblack: #121212;	
	--black: #000;
}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; line-height:1.5; color:#231f20; font-family:vista-sans, sans-serif !important; background:#fff;}

::selection {color:var(--white); background:var(--pgcred);}
::-moz-selection {color:var(--white); background:var(--pgcred);}

.clear {clear: both;}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {margin-bottom: .5rem; line-height: normal; font-family: vista-sans-narrow, sans-serif}
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; padding-top: 10px;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{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-style:italic;}
strong {font-weight: 700;}



/*

HEADINGS
font-family: vista-sans-narrow, sans-serif

BODY TEXT
font-family: vista-sans, sans-serif

*/


/* COLUMN CONTAINER
------------------------------------------------*/
.col-tainer {position:relative; z-index:1; display:flex; flex-flow:row wrap; gap:50px 3%;}
.inner-wrap {margin:calc(15px + 3%) 7.5%;}
.col-1-1 {width:100%; margin:0;}
.col-1-2 {width:48.5%; margin:0 auto;}

.col-1-3 {width:31.7%; margin:0;}
.col-2-3 {width:65.1%; margin:0;}

.col-1-4 {width:23.5%; margin:0;}
.col-3-4 {width:73.5%; margin:0;}




p {
    margin-top: 0;
    margin-bottom: 1rem;
}






.site-header {
	/*position: fixed; top:0;left: 0; z-index: 1005; */
	box-sizing: content-box;
	display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between;
	/*width:95%;*/
	padding:1em 2.5%; background:#f02036;
	/*-webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out;	*/
}

/*.site-header.site-header-shrink {padding:.5em 2.5%; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 13px  rgba(0,0,0,0.1); box-shadow: 0px 0px 13px  rgba(0,0,0,0.1);}*/

.head-logo {width:159px; text-align:center; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.head-logo img {width:100%; height:auto; margin:0; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(118deg) brightness(107%) contrast(101%);}
.head-logo span {color:#fff;}

/*.site-header.site-header-shrink .head-logo {width:60px;}*/

/*.site-top-bar {
	position: fixed; box-sizing: content-box; top:0;left: 0; z-index: 1005; width: 93%; padding:.85em 3.5%; font-size:13px; color:#fff; background:#231f20;
	-webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out;	
}*/
/*.site-header.site-header-shrink .site-top-bar {
	 padding:0 3.5%; font-size:0;
}
*/

.head-nav {margin:0 auto;}
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; display: block; 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 {display: inline-block; margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; position:relative; margin:0; padding: 10px 12px;
    font-size:1.25em; line-height:1; font-weight:500; text-align:center; text-decoration:none; text-transform:uppercase; color:var(--white); cursor:pointer; transition:.4s ease-in;	
}	

nav.primary ul li a:hover {position:relative; transition: .4s ease-in-out;}
nav.primary ul li a:hover::after {
	content: "";
    height: 0.125rem;
    background-color: #fff;;
    display: inline-block;
    position: absolute;
    
	right:0; bottom:0; left:0;
    width:70%;
	margin:0 auto;
}
/*nav.primary ul li a:hover:after {content: none;}*/

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width:auto;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	padding:15px 10px 15px 20px; font-size:17px; line-height:18px; font-weight: 400; text-align:left; color:#fff; border:0; background: #383534;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color: #f02036;}
nav.primary ul li li a:hover::after {content:none;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);} 
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; display: block; position: relative; width: 280px; margin:0;}


i.fa-solid.fa-angle-down {font-size:8px; padding-left: 3px; padding-top: 3px;}


.head-phone a[href^="tel:"] {font-size:1.75em; font-weight:700; color:#fff;}
.site-header.site-header-shrink .head-phone {/*font-size:1.75em;*/}

/*.head-mobile-nav {display:none;}*/
/*.content-area {margin-top:150px;}*/






.hero {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; margin:0 0 10em 0; padding:0; background:#f02036;}

.hero-intro {width:33%; padding:1% 2% 1% 3.5%; box-sizing: border-box;}

.swiper {overflow:hidden; position: relative; width:67%; height:470px; margin:0 0 -86px auto !important; border-bottom-left-radius:80px; box-sizing: border-box;}
.swiper-slide img {width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position:50% 50%;}




a.solid-button {
	position: relative; display: inline-block; cursor: pointer; box-sizing:border-box;
	 margin:5px; padding:18px 25px 16px 25px; font-size:18px; font-weight:700; font-style:italic; line-height:1; text-align: center; text-decoration: none;
	color: #fff; border-radius: 10px; background:#f02036;

    transition: .5s ease;
}

a.solid-button:hover {transform:scale(1.01,1.01); background: rgb(135,15,28);}


a.solid-button.alt-button {background:#232323;}

a.solid-button.alt-button:hover {background: rgb(0,0,0);}







a.red-button-link {
	display: inline-block; cursor: pointer; box-sizing:border-box;
	width:100%; margin:5px; padding:18px 25px 16px 25px; font-size:18px; font-weight:700; font-style:italic; line-height:1; text-align: center; text-decoration: none;
	color: #fff; border-radius: 10px; background:#f02036;
}

a.red-button-link:hover {transform:scale(1.01,1.01); background: rgb(135,15,28);}


a.black-button-link {
	display: inline-block; cursor: pointer; box-sizing:border-box;
	width:100%; margin:5px; padding:18px 25px 16px 25px; font-size:18px; font-weight:700; font-style:italic; line-height:1; text-align: center; text-decoration: none;
	color: #fff; border-radius: 10px; background:#232323;
}

a.black-button-link:hover {transform:scale(1.01,1.01); background: rgb(0,0,0);}



.cta-section{display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:center; margin:3em 2em;}

.cta-item {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:1em; padding:1.5em 1.75em;
	-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.12); -moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.12); box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.12);
}

.cta-item.cta-trucks{background:#fcfcfc url("/siteart/buttons/trucks.png") no-repeat left center;}
.cta-item.cta-trailers{background:#fcfcfc url("/siteart/buttons/trailers.png") no-repeat left center;}
.cta-item.cta-parts{background:#fcfcfc url("/siteart/buttons/parts.png") no-repeat left center;}




.cta-title {margin:0 1em 0 0; font-size:2.375em; line-height:.7; font-weight:800; color:#262161;}
.cta-title span {font-size:.52em; font-weight:400; font-style: italic;}
 
.cta-link {}

#sandhills_editable_area_background_40 {background-position: 50% 42% !important;}







/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden; padding:0 0 5vw 0;}
.scrollinginv{width:100%; height:90px;}




/*  BRAND CATEGORIES
------------------------------------------------*/
.brand-categories {display: grid; grid-template-columns: repeat(3, 1fr);}
.brand-highlight {display: block; position:relative; height:320px;}
.brand-highlight > img {width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position:50% 50%;}

.brand-highligh-item {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/*.sub-hero {display: block; position: relative;}
.sub-hero img {width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position:50% 50%;}*/






.site-main {}

.inv-main {/*padding:6em 0;*/}
.sub-main {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between; padding:4em 3.5% 6em 3.5%;}
.job-main {/*padding:6em 0;*/}


.sub-hero {position:relative; z-index:15; overflow: hidden; box-sizing:border-box; width:100%; height:300px; margin:0; background:#231f20; box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 10px 0px;}

.sub-hero {display: block; position: relative;}
.sub-hero img {width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position:50% 50%;}

.sub-hero-title {position:absolute; bottom:0; z-index:100;  padding:2em 3.5%;}
.sub-hero-title h1 {
	margin:0; font-size:calc(16px + 2vw); letter-spacing:.05em; font-weight:600; text-align:center; text-transform:uppercase;
	color:#fff;  text-shadow: 2px 2px 7px rgba(0,0,0,.35); font-family: vista-sans-narrow, sans-serif;
}
.sub-page-hero {height:300px;}

.sub-hero.loc-hero{height:400px;}
.loc-hero .sub-hero-title h1 {font-size:calc(16px + 1.85vw); letter-spacing:.01em;}
.loc-page-hero {height:400px;}


.breadcrumb-banner {padding:1.5em 3.5%; color:#404040; background:transparent;}
.breadcrumb-banner a {color:#39393;}
.breadcrumb-banner strong {color:#f02036;}



.sub-page-body {/*flex:.75;*/box-sizing: border-box; width:95%; margin:0 auto; padding:0 3.5%;}
.sub-page-body h2 {font-size:2.85em; font-weight:800;}
.sub-page-body h2 span{color:#f02036;}
.sub-page-body h3 {font-size:2.15em; font-weight:600;}
.sub-page-body h4 {font-size:24px; font-weight:600;}


.sub-page-body hr { width: 100%;   margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;}

.sub-page-body p {font-size:1.1875em;line-height:1.5; font-weight:200;}


.sub-page-sidebar {
	position:relative; z-index:10; flex:.25; padding:0 0 35px 0; border-left:1px #fefefe solid; background:#eee; 
	border-radius: 3px; border-bottom-left-radius: 20px;
}




.location-page-body{margin:0 .25em; text-align:left; color:#111;}
.location-page-body h2 {font-size:2em; font-weight:800; }
.location-page-body a {color:#111;}
.location-page-address {padding:1em 0; font-size:1.35em; line-height:1.4; font-weight:700; text-align:left;}
.location-page-phone {position:relative; margin:0 0 0 1em; padding:0 0 1.35em 0; font-size:1.15em; text-align:left;}
.location-page-phone::before {position: absolute; z-index:2; top:0.05em; left:-1.25em; content: "\f095";  font: normal normal normal .85em/1 FontAwesome; color:#f02036;}


.location-page-manager {margin:0 0 1.35em 0;; padding:0; text-align:left;}
.prevButton-container-team-member, .nextButton-container-team-member {display:none;}

.location-page-hours {margin:0 0 1.5em 0; font-size:1.15em;line-height:1.35; text-align:left;}
.location-page-hours h5 {font-size:24px; font-weight:700;}
.location-page-link {margin:0 auto 0 0; padding:2em 0 1.5em 0; max-width:80%;}
.location-page-link a {display:block; padding:1.25em 1em 1em 1em; font-weight:600; color:#fff !important; background:#f02036;}


.location-page-map {width:100%;}
.location-page-map iframe {width:100%; height:395px;}



.home-intro {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; margin:8em 0 6em 0;}
.intro-locations {display: inline-flex !important; overflow:hidden; width:55%;  border-top-right-radius: 40px; border-bottom-right-radius:40px;}
.intro-locations img {width:100%; height:100%; object-fit:cover;}
.intro-body {box-sizing:border-box; width:45%; padding:2% 3.5%;}

.intro-body h1 {font-size:2.5em; font-weight:700; color:#f02036;}
.intro-body h2 {font-size:1.565em; text-style:italic; color:#3d3d3d;}	
.intro-body p {font-size:1.25em; font-weight:200; line-height:1.5; color:#353535;}



.post-container-locations{}
.column-padding-locations .contact-side-bar-item {padding:1.5em 2em;}

.column-padding-locations .contact-side-bar-item .csb-title {}

/*.job-listing-desc{
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;

}*/

.finance-item {margin:1%; padding:3.5% 5%; border:1px #fefefe solid; border-radius:10px; background:#f3f3f3; }
.finance-item img {width:80%; margin:auto; }

.parts-brand-section{display:flex; flex-flow:row wrap; align-content:center; justify-content:space-around;}
.parts-brand-item {margin:0; text-align:center;}
.parts-brand-item img {width:100%; max-width:154px; margin:0 auto;} 


.staff-heading {margin-top:60px; padding:.75rem 15px; font-size:1.75em; font-weight:800; text-transform:uppercase; color:#f3f3f3; border-radius:3px; background:#232323;}
.staff-section {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;}

.staff-item {/*width:100%; */ box-sizing:border-box; width:48%; margin:1%; padding:1em 2em 1.5em 2em; text-align:center;  border:1px #444 solid; border-radius:10px; line-height: 1.35;}
.staff-item span {color:#f11f35; font-size: 1.5em; font-weight:700;}
.staff-item  p {font-size: 1.25em; font-weight:300;}
.staff-item a {display: inline-block; cursor: pointer;
	width: 100%; padding:16px 25px 14px 25px; font-size:16px; font-weight:700; line-height:1; text-align: center; text-decoration: none;
	color: #fff; border-radius: 10px; background:#f02036;}





/*==========  FORM STYLES  ==========*/
.bv-form h1 {font-size:3em; font-weight:800; text-transform:uppercase;}
.bv-form h3 {font-size:2.5em; font-weight:800; text-transform:uppercase;}
.bv-form h4 {font-size:2em; font-weight:800; text-transform:uppercase;}



/*==========  ACCORDAIN SECTION  ==========*/
/* .panel-group .panel-heading {
	height: 62px; font-size:1.15em; font-weight:800; text-transform:uppercase;
	color:#fff; border-color: rgb(245, 247, 248); border-radius: 3px; background:#f11f35;
}

.panel-group .panel-title {padding: 10px 20px !important; font-family: vista-sans-narrow, sans-serif;} */

.accordion-header .accordion-button {
	/*height: 62px; font-size:1em; font-weight:400; text-transform:uppercase; font-family: vista-sans-narrow, sans-serif;
	color:#fff; border-color: rgb(245, 247, 248); border-radius: 3px; background:#f11f35;*/
}

.accordion-header h4 {padding: 10px 20px !important; font-family: vista-sans-narrow, sans-serif;}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {background-image: unset !important;}



.accordion {margin:30px auto; padding:0 30px;}
 
.accordion-item {border-bottom:1px var(--offwhite) solid;}
.accordion-item:first-child {overflow:hidden;}
.accordion-item:last-child {overflow:hidden; border-bottom: none;}
 
.accordion-header {
	display:flex;justify-content:space-between;align-items:center; gap:8px; width:100%; padding:15px 25px; font-size:1.15em; font-weight:400; text-transform:uppercase; text-align:left; color:var(--nearwhite); border:none; font-family: vista-sans-narrow, sans-serif; cursor:pointer; transition:background 0.3s ease;

	 
	border-color: rgb(245, 247, 248); border-radius: 3px; background:var(--pgcred);
}
.accordion-header:hover {background:var(--offblack);}
.accordion-header::after {content: "\2b"; font-size:15px; font-family: FontAwesome; transition: transform 0.3s ease;}
.accordion-header.active::after {content: "\f068";}
 
.accordion-panel {overflow: hidden; max-height: 0; /* Collapsed by default */ padding:0 5%; font-size:1em; line-height:1.2; font-weight:300; color:var(--nearblack); transition: max-height 0.3s ease, padding 0.3s ease;}
.accordion-panel.active {max-height: max-content; padding:25px 10% 25px 6.5%;}




/*==========  INVENTORY  ==========*/
/*.list-top-section .sticky-top-menu {top:59px !important;}*/
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count {color:#353535 !important;}

.list-top-section .list-title .list-title-text {color:#f11f35 !important; font-family: vista-sans-narrow, sans-serif !important;}
.list-top-section .list-title .list-listings-count {color:#353535 !important;}

h3.listing-portion-title {font-family: vista-sans, sans-serif !important;}
.list-content .price-container .price {color:#f11f35 !important;}

.listing-prices__retail-price,
.listing-prices__discount-formatted-price,
.listing-prices__alternate-retail-price,
.listing-prices__exclusive-wholesale-price {color:#f11f35 !important;}

.view-listing-details-link {color:#fff !important; background:#f11f35 !important;}
.compare-listings__checkbox {margin:0 5px 0 0 !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin-top:2px !important; margin-left:3px !important;}

p.disclaimer {font-weight:300;}

.mobile-option-bar .mobile-option-bar-filter {color:#f11f35 !important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button {color:#fff !important; background:#f11f35 !important;}
.show-all-modal .back-button {color:#f11f35 !important; border:1px #f11f35 solid !important;}

.show-all-modal .all-options-container .option-container .faceted-option-checkbox-container label input {margin:0 4px 0 0 !important;}






/*==========  FOOTER LOCATION CONTACT  ==========*/
.footer-location {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; padding:2.5em; background:#f9f9f9 url("/siteart/peterbilt-footer-background.png") no-repeat right center;}

.foot-location-item {position:relative; margin:0 0 0 2em;  padding:1.25em 0 0 3em; font-size:1.125em; color:#1a1a1a;}
.foot-location-item::before {content:''; position:absolute; left:1.5em; top:0; width:1px; height:65%; margin:auto; background:#acacac;}

.foot-location-item h5 {font-size:1em; font-weight:500; color:inherit;}
.foot-location-item p {font-weight:200; line-height: 1.5;}
.foot-location-item a[href^="tel:"] {text-decoration: none; color:#f02036;}
.foot-location-item .services-text {font-family: vista-sans-narrow, sans-serif;}

.column-padding-locations .col-sm-12 {text-align:left !important;}

.prevButton-container-locations,
.nextButton-container-locations {display:none !important;}



/*==========  FOOTER MENU  ==========*/
.footer-menu {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; padding:2em 0 2em 10%;background:#231f20;}

.foot-menu-item {position: relative; /*border-right:1px #acacac solid;*/ width:18%;}
.foot-menu-item::after {content:''; position:absolute; right:32%; top:0; width:1px; height:100%; margin:auto; background:#3e3b3c;}
.foot-menu-item:last-of-type::after {content:none;}

.footer-menu h4 {margin:0; font-size:1.875em; font-weight:500; color:#f02036;}
.footer-menu ul {margin:0; padding:0;}
.footer-menu ul li {list-style:none; }
.footer-menu a {font-size:1.125em; font-weight:300; line-height:1.4; color:#fff;}



/*==========  FOOTER BOTTOM  ==========*/
.footer-bottom {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:1.5em 0;}
.foot-brand {margin:0 1em 0 0;}
.foot-brand img {width:100%; max-width:50px; height:auto;}
.foot-copyright {font-size:1em; font-weight:400; line-height:1.4;}







/*==========  Responsive Styles  ==========*/
@media screen and (max-width: 1480px) {
	nav.primary ul li a {
		font-size: 15px;
	}
	nav.primary ul ul li {
		width: 240px;
	}
	nav.primary ul li li a {
		font-size: 13px;
	}
}

@media only screen and (max-width : 1200px) {
	nav.primary ul li a {
		padding: 10px 5px;
		font-size: 14px;
	}
	
	.cta-section {margin-right:1em; margin-left:1em;}
	.cta-button {width:100%;}
	.cta-item {
		display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; box-sizing: content-box; width:50%; margin:1em auto; padding:1.5em 1.75em; border-radius: 10px; box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.12);
	}
	
	
	
	.foot-location-intro {width:100%; margin:0 0 1.5em 0; text-align:center;}
	/*.foot-location-item {position:relative; margin:0 0 0 2em;  padding:1.25em 0 0 3em; font-size:1.125em; color:#1a1a1a;}
	.foot-location-item::before {content:''; position:absolute; left:1.5em; top:0; width:1px; height:65%; margin:auto; background:#acacac;}

	.foot-location-item h5 {font-size:1em; font-weight:500; color:inherit;}
	.foot-location-item p {font-weight:200; line-height: 1.5;}
	.foot-location-item a[href^="tel:"] {text-decoration: none; color:#f02036;}
	.foot-location-item .services-text {font-family: vista-sans-narrow, sans-serif;}*/
	.foot-menu-item {width:24%;}

}

@media only screen and (max-width : 1100px) {
	.col-tainer {flex-flow: column wrap; gap: 35px;}
	.col-1-2,
	.col-1-3,
	.col-2-3,
	.col-1-4,
	.col-3-4{width:auto;}
	
	nav.primary{display:none;}
	#menu-button{position: relative; z-index:400; display: block; width:100%; padding-top: 22px; font-size:24px; line-height:40px; text-align: right;}
	#menu-button a{padding:.5em 1em;  font-weight: 400; text-align: left; text-decoration: none; color: #f02036; border-radius: 10px; background:#fff; cursor:pointer;}
	.menu-toggle span {font-size: 20px;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:var(--pgcred);
		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:10px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:var(--nearblack);
	}
	
	/* 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: var(--offblack) !important;
	}
	
	nav.mobile .social-media a {color:var(--offblack); text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: var(--white);
		position: relative;
		font-size: 18px;
		height:52px; 
		background:var(--black);
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color:var(--white);}
		
	/* 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: var(--white); text-decoration: none; vertical-align: top; cursor:pointer; 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 {position:relative; color: #999; font-size:15px;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: var(--nearwhite);
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px var(--nearblack) solid;
		padding:20px 35px 20px 20px;
		cursor:pointer;
		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 var(--pgcred) 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: 15px 10px 15px 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);}		
	

	
	.cta-item {width:65%;}	
}	


@media only screen and (max-width : 992px) {
	.hero {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; /*margin:0 0 48% 0;*/ padding:0; background:#f02036;}
	.hero-intro {width:100%; padding:2% 3.5%; text-align:center;}
	.swiper {width:calc(100% - 1em); margin:0 0 -40% auto; }
	
	.home-intro {flex-flow:column-reverse wrap; margin:5em 0 6em 0;}

	.intro-locations {width:100%; height: 400px; border-top-right-radius:0; border-bottom-right-radius:0;}
		
	.intro-body {box-sizing:border-box; width:100%; padding:2% 5% 10% 5%;}
	
	.footer-menu {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; padding:2em 0 2em 18%;}
	.foot-menu-item {width:36%;}
	.foot-menu-item::after {content:none;}
	.foot-menu-item:nth-of-type(odd)::after {content:''; position:absolute; right:27%; top:0; width:1px; height:100%; margin:auto; background:#3e3b3c;}
	.foot-menu-item:nth-of-type(n+3) {margin:2em 0 0 0;}
}

@media only screen and (max-width : 800px) {
	.cta-item {width:auto;}
	.staff-item {width:98%}
	.footer-location {display:flex; flex-flow:column wrap; align-items:flex-start; justify-content:center;}
}

@media only screen and (max-width : 767px) {
	.brand-categories {display: grid; grid-template-columns: repeat(1, 1fr);}
	.brand-highlight {position:relative; height:250px;}
	
	
	.location-page-body{margin:0; text-align:center;}
	.location-page-address {font-size:1.35em;text-align:center;}
	.location-page-phone {text-align:center;}
	.location-page-phone::before {content: none;}

	.location-page-manager {text-align:center;}
	.location-page-hours {text-align:center;}
	.location-page-link {margin:0 auto;}
	.location-page-map {margin:2.35em 0 0 0;}
	.location-page-map iframe {width:100%; height:355px;}
	
	.footer-bottom {flex-flow:column-reverse; margin:2em 0;}
	.foot-brand {margin:.5em 0 0 0;}
	.foot-copyright {font-size:.9em;}
}

@media only screen and (max-width : 600px) {
	.cta-item {display:flex; flex-flow:column wrap; align-items:center; justify-content:center;}
	.cta-title {margin:0 0 1em 0; text-align:center;}
	.footer-menu {display:flex; flex-flow:column wrap; align-items:center; justify-content:center; padding:2em 0;}
	.foot-menu-item {width:95%; text-align:center;}
	.foot-menu-item:nth-of-type(odd)::after {content:none;}
	.foot-menu-item:nth-of-type(n+2) {margin:2em 0 0 0;}
}

@media screen and (max-width: 500px) {
	#menu-button {
		text-align: center;
	}
}
/* Hide the desktop menu item icons */
nav.primary li > i {
	display: none;
}
/* Position the mobile menu item icons */
nav.mobile li i {
	position: absolute;
	top: 13px;
}



@media only screen and (max-width : 480px) {

}