@charset "UTF-8";

@font-face {
    font-family: 'pt_sansregular';
    src: url('../webfonts/PTS55F-webfont.eot');
    src: url('../webfonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS55F-webfont.woff2') format('woff2'),
         url('../webfonts/PTS55F-webfont.woff') format('woff'),
         url('../webfonts/PTS55F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sansitalic';
    src: url('../webfonts/PTS56F-webfont.eot');
    src: url('../webfonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS56F-webfont.woff2') format('woff2'),
         url('../webfonts/PTS56F-webfont.woff') format('woff'),
         url('../webfonts/PTS56F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sansbold';
    src: url('../webfonts/PTS75F-webfont.eot');
    src: url('../webfonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS75F-webfont.woff2') format('woff2'),
         url('../webfonts/PTS75F-webfont.woff') format('woff'),
         url('../webfonts/PTS75F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('../webfonts/PTS76F-webfont.eot');
    src: url('../webfonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS76F-webfont.woff2') format('woff2'),
         url('../webfonts/PTS76F-webfont.woff') format('woff'),
         url('../webfonts/PTS76F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS76F-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../webfonts/PTN57F-webfont.eot');
    src: url('../webfonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTN57F-webfont.woff2') format('woff2'),
         url('../webfonts/PTN57F-webfont.woff') format('woff'),
         url('../webfonts/PTN57F-webfont.ttf') format('truetype'),
         url('../webfonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('../webfonts/PTN77F-webfont.eot');
    src: url('../webfonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTN77F-webfont.woff2') format('woff2'),
         url('../webfonts/PTN77F-webfont.woff') format('woff'),
         url('../webfonts/PTN77F-webfont.ttf') format('truetype'),
         url('../webfonts/PTN77F-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sans_captionregular';
    src: url('../webfonts/PTC55F-webfont.eot');
    src: url('../webfonts/PTC55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTC55F-webfont.woff2') format('woff2'),
         url('../webfonts/PTC55F-webfont.woff') format('woff'),
         url('../webfonts/PTC55F-webfont.ttf') format('truetype'),
         url('../webfonts/PTC55F-webfont.svg#pt_sans_captionregular') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'pt_sans_captionbold';
    src: url('../webfonts/PTC75F-webfont.eot');
    src: url('../webfonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTC75F-webfont.woff2') format('woff2'),
         url('../webfonts/PTC75F-webfont.woff') format('woff'),
         url('../webfonts/PTC75F-webfont.ttf') format('truetype'),
         url('../webfonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg');
    font-weight: normal; font-style: normal;}


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

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: 'pt_sansregular', sans-serif; background:#fff;}

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


/* 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:38px; text-transform: uppercase; color:#be1e2d; font-family: 'pt_sans_narrowbold', sans-serif;}
h1 span {font-weight:100; color:#747474; font-family: 'pt_sans_narrowregular', sans-serif;}

.site-form h1 {font-size: 30px;
    text-transform: uppercase;
    color: #be1e2d;
    font-family: 'pt_sans_narrowbold', sans-serif;}

span.small-text {    
	font-size: 18px;
    color: #747474;
    font-family: 'pt_sans_narrowbold', sans-serif;}

h2 {font-size:30px; text-transform: uppercase; color:#be1e2d; font-family: 'pt_sans_narrowbold', sans-serif;}
h3 {font-size:26px; font-weight:normal;}
h4 {font-size:24px; font-weight:normal;}
h5 {font-size:20px; font-weight:normal;}
h6 {font-size:18px; color:#747474; font-family: 'pt_sans_narrowbold', sans-serif;}


/* 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:#202020; text-decoration:underline;}
a:hover, a:active {color:#f30601; text-decoration:none;}

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

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

/* TEXT EMPHASIS */
em {font-family: 'pt_sansitalic', sans-serif;}
strong {font-family: 'pt_sansbold', sans-serif;}

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

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






/* SITE FORM
------------------------------------------------*/
.site-form {margin:0; padding:5% 10%;}

.site-form .search-cells {width:20%; *width: 20%; min-width:175px; box-sizing: border-box;}
.site-form .search-button {width:10%; *width: 10%; min-width:175px; box-sizing: border-box;}

.site-form .three-cells {width:32.3%; *width: 32%; box-sizing: border-box;}
.site-form .two-cells-wrap {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .full-cell {width:99% !important;}
.site-form .last {margin-right:0 !important;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
.site-form .note {font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
	margin:6px .8% 9px 0;
    padding:12px 0;
    font-size: 14px;
    background-color: #F4F4F4;
	text-indent:12px;
	box-sizing: border-box; 
	border:none;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#fcfcfc;}

.site-form textarea {
	width:100%; height:150px; margin:2px 0; padding: 4px 8px; font-size: 14px;
    background-color: #f9f9f9;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#FCFCFC; border: 1px #5A5A5A solid;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {height: 46px; padding:0 20px; margin:10px 0 0 0; font-size:18px; border: none; color: #fff; background: #d72335;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	font-family: 'bebas_neuebold', sans-serif;
	-webkit-appearance: none;}

.site-form input[type="submit"]:hover {color:#fff; background:#5e5e5e; -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; -webkit-appearance: none;}

.site-form .CaptchaImage {margin: 0 auto !important;}

.site-form .CaptchaAnswerPanel input {border:1px #ccc solid !important; padding:8px 12px;}

input#Area_Of_Interest {width: 65%;}

.form-button button {    
	height: 46px;
    padding: 0 20px;
    margin: 10px 0 0 0;
    font-size: 18px;
    border: none;
    color: #fff;
    background: #d72335;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    font-family: 'bebas_neuebold', sans-serif;
    -webkit-appearance: none;}

.form-button button:hover {    
	color: #fff;
    background: #5e5e5e;
    animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    -webkit-appearance: none;}

.form-button {   
display: flex;
flex-direction: column-reverse;
align-items: center;
border-top:1px solid #000;
gap:10px;
padding-top:11px;
width:50%;
margin: 50px auto 0;}


/*  SIDETAB
------------------------------------------------*/	
.sidetab {position:fixed; z-index:1000; top:203px; right:0;}
.sidetab-2 {position:fixed; z-index:1000; top:383px; right:0;}

.masseyTab {
    display:block; position:absolute; top:0; right:-2px; width:72px; height:170px;
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.28); -moz-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.28); box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.28);
}
.masseyTab:hover {right:0;}

.fendtTab {
    display:block; position:absolute; top:0; right:-2px; width:72px; height: 170px;
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.28); -moz-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.28); box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.28);
}
.fendtTab:hover {right:0;}


/** content styles **/
.cycle-slideshow {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
  overflow: hidden; }

.cycle-slideshow img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0; }
/* SLIDESHOW */

.cycle-slideshow {width: 100%; line-height: 0; z-index: 10; position: relative;}
.cycle-slideshow img{width: 100%; z-index: 5 !important; position: relative;}
.cycle-slideshow .cycle-pager {text-align: center; width: 100%; z-index: 25 !important; position: absolute; bottom: 10px; overflow: hidden;}
.cycle-slideshow .cycle-pager span {margin: 0; padding: 0; font-family: arial; font-size: 30px; line-height: 30px; width: 18px; height: 18px; display: inline-block; color: #fff; cursor: pointer;}
.cycle-slideshow .cycle-pager span.cycle-pager-active {color:#d72335;}
.cycle-slideshow .cycle-pager > * {cursor: pointer;}
.slide {width: 100%; z-index: 5 !important;}
.slide img {width: 100%; z-index: 5 !important;}
.slide .slide-link{position: absolute; width: 100%; max-width: 700px; background: rgba(0, 0, 0, 0.7); padding:50px 25px; box-sizing: border-box; color: #fff; bottom: 30px; z-index: 30; line-height: normal; text-align: left;}
.slide .slide-link .link-text h2{text-transform: uppercase; margin: 10px 0 ; color: #fff; letter-spacing: 0px; font-size: 45px; line-height: 45px;}
.slide .slide-link .link-text p{ margin: 0 0 10px; color: #fff; line-height: 28px; font-size: 18px;}

.slide .button-link a{display: block; margin: 10px 0; background: #F05423; padding: 15px; font-weight: 700; text-transform: uppercase; text-align: center; text-decoration: none; box-sizing: border-box; color: #fff; max-width: 400px; transition: .3s ease;}
.slide .button-link a:hover{background: #333; color: #fff;}



/* SITE HEAD
------------------------------------------------*/
.site-head {position:relative;}


/* HEADER
------------------------------------------------*/	
.site-header {position:absolute; top:0; display: flex; flex-flow:row wrap; justify-content: space-between; width:100%; margin:0; padding:0; background:rgba(247,247,247,.9);     height: 187px;z-index: 99; box-sizing: content-box;}	

.apply {}

/* LOGO
------------------------------------------------*/	
.logo {margin:10px 0 -35px 7.5%; padding:0;}	
.logo img {width:100%; max-width:441px;}

/*
.blades { display: flex; flex-flow:row wrap; margin:0; padding:0;}*/

.parts-blade {
    position:absolute; top:0; right:0;
    
    margin:0; padding:15px 39% 15px 8%; text-align:left;  background:#e9e9e9;
    
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 7% 100%, 0% 0%);
    clip-path: polygon(100% 0%, 100% 100%, 7% 100%, 0% 0%);
}

.parts-blade img {margin:0 auto 0 0;}

.contact-blade {
    position:absolute; top:15px; right:0;
    
    margin:0; padding:15px 8% 15px 8%; color:#fff; background:#d72335;
       -webkit-clip-path: polygon(100% 0%, 100% 100%, 7% 100%, 0% 0%);
    clip-path: polygon(100% 0%, 100% 100%, 7% 100%, 0% 0%);
}

.contact-blade .details {display:inline-block; padding:0 25px 0 0; font-size:20px; text-transform: uppercase; font-family: 'pt_sansbold', sans-serif;}
.contact-blade .details:last-of-type {margin:0; padding:0;}
.contact-blade .details span {font-size:13px; font-family: 'pt_sansregular', sans-serif;}
.contact-blade .details a {color:#fff;}


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

nav.primary {position:relative; align-self:flex-end; z-index: 500; margin:0 7.5% 15px 0; padding:0; height: 55px;}

nav.primary ul {margin:0 auto; padding:0;}
nav.primary ul li {margin:0; padding:0; float:left; list-style-type:none;}
				
nav.primary ul li a {
	display:block;
	color:#353535;
	font-weight:normal;
	font-size:1.0625em;
	line-height:32px;
	text-decoration:none;
	margin:0 5px;
    padding:10px 15px;
	text-align:center;
	text-transform:uppercase;
    font-family: 'pt_sansbold', sans-serif;
	-webkit-transition:.3s ease-in; -moz-transition:.3s ease-in; -o-transition:.3s ease-in; transition:.3s ease-in;
}	

nav.primary ul li a:hover {color:#fff; background:#be1e2d;}

.apply {
	margin-top: -58px;
	margin-left: 35px;

}

.apply ul li a {
	
}

.applyheader{
	
}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	font-size:.9em;
    line-height:16px;
	padding:15px 20px;
	color:#fff;
	background:rgba(60,60,60,.9);
	width: 230px;	
	text-align:left;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#dcdcdc; background:#be1e2d;}


/*  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 {}
.hero img {width:100%;}


/*  INVENTORY PAGE CONTAINER
------------------------------------------------*/
.inventory-container {margin:0; padding:4.5% 2.5%;}

.hosted-content {}





/*  INVENTORY CATEGORIES
------------------------------------------------*/
.inv-categories {display:flex; flex-flow:row wrap; align-content:center;}
.inv-categories .category-option {position:relative; width:23.125%; margin:2.5% 1.25%; padding:0;}
.inv-categories .category-option:first-of-type {margin-left:0;}
.inv-categories .category-option:last-of-type {margin-right:0;}
.inv-categories .category-option .text-overlay {position:absolute; bottom:8%; left:8%; font-size:40px; line-height:44px;  text-transform: uppercase; color:#fff; font-family:'pt_sansbold', sans-serif;}
.inv-categories .category-option .text-overlay span {font-size:36px; line-height:38px; text-transform:none; font-family: 'pt_sansregular', sans-serif;}
.inv-categories .category-option img {width:100%;}


/*  MANUFACTURERS
------------------------------------------------*/
.manu-wrap {margin:0; padding:0;}
.manu-title {margin:8px 0; font-size:45px; line-height:48px; text-align:center; color:#be1e2d; font-family: 'pt_sans_narrowregular', sans-serif;}
.manu-title span {font-family: 'pt_sans_narrowbold', sans-serif;}
.manufacturers {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-around; margin:0 0 2% 0; padding:0 7.5%;}
.manufacturers img {width:100%; max-width:156px; margin:2%; padding:0;}


/*  MAIN
------------------------------------------------*/	
.main {margin:0; padding:3% 9%; background:#fafafa;}


/*  HOME INTRO
------------------------------------------------*/	
.home-intro {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;}
.home-intro article {width:40%; margin:0 1% 0 0; padding:0;}
.home-intro .parts-banner {align-self:center; margin:0; padding:0;}


/*  ARTICLE
------------------------------------------------*/
article {color:#505050;}
article h1 {display:inline-block; margin:0 0 15px 0; border-bottom:1px #2a2627 solid;}
article p {font-size:18px; line-height:24px;}
article a:link, article a:visited {text-decoration:none; color:#5E5E5E;}


/*  PARTS BANNER
------------------------------------------------*/
.banner-wrap {display:flex; flex-flow:row wrap; align-content:center;}

.parts-banner {display:flex; flex-flow:row wrap; align-content:center; width:260px; height:105px; color:#fff; background:#dd1539;}
.parts-banner:nth-of-type(n+2) {margin:0 0 0 25px;}

.parts-icon {display:flex; flex-flow:column wrap; align-content:center; height:97px; margin:4px; padding:0;}
.parts-icon img {padding:10px 15px; background:#fff;}

.parts-text {width:calc(100% - 101px); align-self:center; margin:0; padding:0; font-size:20px; line-height:23px; text-align:center;}
.parts-text a {display:block; text-decoration:none; color:#fff;}
.parts-text span {font-size:16px; line-height:16px;}

.applyhome {display:flex; flex-flow:row wrap; align-content:center; align-self: center;}


/*  MOBILE APPS
------------------------------------------------*/	
.mobile-apps {margin:0; padding:0;}
.mobile-apps img {width:95px;  display:inline-block;}






.business-location {display:flex; flex-flow:row wrap; align-content: center; margin:5% 0; padding:0;}
.location-contact {display:flex; flex-flow:row wrap; justify-content: space-between; margin:5%; padding:0;}
.location-details {width:30%; margin:0 5%; padding:0;}
.location-details img {width:100%;}
.location-address {margin:0; padding:0;}
.location-address a {text-decoration:none; color:#242021;}
.app-stores {margin:0; padding:0;}
.app-stores img {max-width:130px; margin:0 0 8px 0;}



/*  LOCATION MAP
------------------------------------------------*/
.location-map {position:relative; overflow: hidden; width:60%; height:0; margin:0; padding-bottom:25%;}
.location-map iframe, .location-map object, .location-map embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}








/*  CONTACT PAGE MAP 
------------------------------------------------*/
.contact-map {position:relative; overflow: hidden; width:100%; height:0; margin:0; padding-bottom:35%;}
.contact-map iframe, .contact-map object, .contact-map embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*  FOOTER
------------------------------------------------*/
.site-footer {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:25px 5%; color:#fff; background:#151414;}
.site-footer .copyright {margin:0; padding:0; font-size:15px;}
.site-footer .copyright a {text-decoration:none; color:#fff;}
.site-footer .store-links {margin:0; padding:0; }
.site-footer .store-links img {width:95px;  display:inline-block;}
.site-footer .store-links a {margin:0 15px 0 0;}
.site-footer .store-links a:last-of-type {margin:0;}




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

@media screen and (max-width: 1800px) {
    .parts-blade {padding:15px 41% 15px 8%;}
}

@media screen and (max-width: 1650px) {
    .parts-blade {padding:15px 43% 15px 6%;}
    
}

@media screen and (max-width: 1550px) {
    .parts-blade {padding:15px 45% 15px 6%;}
    nav.primary ul li a {margin:0 5px; padding:10px 10px;} 
    .inv-categories .category-option .text-overlay {font-size:36px; line-height:40px;}
    .inv-categories .category-option .text-overlay span {font-size:30px; line-height:34px;}
	nav.primary {
		margin: 0px 6.5% 15px 0px;}
}

@media screen and (max-width: 1400px) {
    .parts-blade {padding:15px 48% 15px 6%;}
    nav.primary ul li a {margin:0 5px; padding:10px 8px; font-size:.9em;}
    .home-intro {flex-flow:column;}
    .home-intro article {width:100%; margin:0;}
    .home-intro .parts-banner {align-self:center; margin:5% 0 0 0; padding:0;}
    .inv-categories .category-option .text-overlay {font-size:26px; line-height:30px;}
    .inv-categories .category-option .text-overlay span {font-size:18px; line-height:22px;}
	.applyhome {padding-top:30px;}	
	
	.banner-wrap {justify-content: center;}
	.parts-banner:nth-of-type(n+2) {margin:5% 0 0 25px;}
}

@media screen and (max-width: 1300px) {
    .logo {margin:0 0 -60px 7.5%; padding:15px 0 0 0;}	
    .logo img {max-width:400px;}
    
    nav.primary{display:none;}
	#menu-button{align-self:flex-end; display: block; margin:0 7.5% 25px 0; padding:0; font-size:1.25em; line-height:30px; text-align:right; text-transform:uppercase; position: relative; z-index: 400;}
	#menu-button a{color:#353535; text-decoration: none; margin:0 5px;
    padding:10px 15px; font-family: 'pt_sansbold', sans-serif;}
	    
	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: 500;
		overflow:auto;
		background:#333;
	}
	.apply {
	display:none
}
.applyheader{
	display:none
}

	
	/* 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 .menuheadingtitle {	
		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: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 20px 15px 35px;
		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 #C8102E 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);}
	
	.nav-footer {color:#555; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
}

@media screen and (max-width: 1250px) {
    .parts-blade {display:none;}
    .contact-blade {
        top:0; width:84%; margin:0; text-align: right; color:#d72335; background:none; -webkit-clip-path:none; clip-path:none;
    }
}

@media screen and (max-width: 1100px) {
    .site-form .three-cells {width:100%; *width: 100%;}
	.site-form .full-cell {width:100% !important;}
    
    .inv-categories .category-option {width:46.25%; margin:2.5%; padding:0;}
    .inv-categories .category-option:nth-of-type(odd) {margin-left:2.5%; margin-right:1.25%;}
    .inv-categories .category-option:nth-of-type(even) {margin-right:2.5%; margin-left:1.25%}
    .inv-categories .category-option:nth-of-type(n+3) {margin-top:0%;}
    .inv-categories .category-option .text-overlay {font-size:36px; line-height:40px;}
    .inv-categories .category-option .text-overlay span {font-size:30px; line-height:34px;}
	input#Area_Of_Interest {width:100%;}
	.form-button {width:90%;}
}

@media screen and (max-width: 1024px) {
    .contact-blade .details span {display:none;}
    
    .location-contact {flex-flow:column;}
    .store-front {display:none;}
    .location-address {text-align:center;}
    .app-stores {margin:5% 0 0 0; text-align:center;}
    .app-stores img {margin:0 auto 8px auto;}
    .location-map {padding-bottom:35%;}
}

@media screen and (max-width: 850px) {
    .contact-blade .details {display:block; margin:0 0 8px 0; padding:0;}
}

@media screen and (max-width: 768px) {
    .sidetab, .sidetab-2 {display:none;}
    .site-header {position:relative;}
    .logo {margin:0 0 0 7.5%; padding:15px 0;}	
    .logo img {max-width:350px;}
    .inv-categories .category-option .text-overlay {font-size:26px; line-height:30px;}
    .inv-categories .category-option .text-overlay span {font-size:18px; line-height:22px;}
    .banner-wrap {flex-flow:column wrap}
	.parts-banner:nth-of-type(n+2) {margin:5% 0 0 0;}
    .manu-title {font-size: 30px; line-height: 35px;}
    .manufacturers img {max-width:120px;}
}

@media screen and (max-width: 650px)  {
    .site-header {flex-flow:column;}
    .logo {margin:0 0 -50px 7.5%; padding:15px 0;}	
    .contact-blade {display:flex; flex-flow:row wrap; justify-content: space-between;}
    .contact-blade .details span {display:block;}
    
	
	
    #menu-button{order:-1; align-self:flex-end; display: block; width:80%; margin:75px auto 0 auto; padding:0; font-size:1.25em; line-height:30px; text-align:center; background:#d72335;}
	#menu-button a{display:block; color:#fff; text-decoration: none; margin:0 5px; padding:20px 45px 20px 15px; font-family: 'pt_sansbold', sans-serif;}
}

@media screen and (max-width: 550px) {
    .business-location {flex-flow:column;}
    .location-details {width:100%; margin:5% 0;}
    .location-contact {flex-flow:row; padding:0 8%;}
    
    .location-address {text-align:left;}
    .location-map {width:100%; padding-bottom:45%;}
    
    .app-stores {margin:0;}
    
    .inv-categories .category-option .text-overlay {font-size:22px; line-height:26px;}
    .inv-categories .category-option .text-overlay span {font-size:16px; line-height:18px;}
}

@media screen and (max-width: 450px) {
    .contact-blade .details {font-size:18px; text-transform:none; font-family: 'pt_sans_narrowbold', sans-serif;}
    .logo {margin:0 0 0 7.5%;}
    .hero {display:none;}
    .inv-categories {margin:2.5% 0 0 0;}
    .parts-banner {width:250px; height:100px;}
    .parts-icon {height:auto; margin:3px; padding:0;}
    .parts-icon img {width:60%; padding:10px 15px; background:#fff;}
    .parts-text {align-self:center; padding:0; font-size:18px; line-height:18px; text-align:center;}
    .parts-text a {display:block; text-decoration:none; color:#fff;}
    .parts-text span {font-size:16px; line-height:16px;}
    
    .inv-categories .category-option {width:95%; margin:2.5%; padding:0;}
    .inv-categories .category-option:nth-of-type(odd) {margin-left:2.5%; margin-right:2.5%;}
    .inv-categories .category-option:nth-of-type(even) {margin-right:2.5%; margin-left:2.5%}
    .inv-categories .category-option:nth-of-type(n+1) {margin-top:0%;}
    
    .location-address {text-align:center;}
    .location-contact {flex-flow:column;}
    .app-stores {margin:5% 0 0 0;}
}

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

}