/*===================== 
	Color information
	
	-
	-
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
    font-family: Arial, sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size: 2em;}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0;
}

	
h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
}
		

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
}

	
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
}


h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
}


h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
}


h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.bold {font-weight: 800;}
.caps {text-transform: uppercase;}
.tracking {letter-spacing: 1px;}
.semi-bold {font-weight: 600;}
.italic {font-style: italic;}

.white {color: #FFFFFF;}
.red {color: #E8111C;}

hr.blue-line {
    clear: both;
    background-color: #0e76bd;
    padding: 2px;
}



/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #ccc;
		}  

/*===================== 
	header styles 
=======================*/


header {
	margin: 0 auto;
	width: 100%;
	}

/*===================== 
	nav styles 
=======================*/

nav.primary {
	padding:0;
	display:block;
	margin:0 auto;
	position:relative;
	text-align: right;
    margin-top: 20px;
}

nav ul {
	padding:0;
	margin:0;
}

nav > ul > li {
	display: inline-block;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}

nav ul li a {
	color: #000!important;
    text-decoration: none;
    background-color: transparent;
    padding: 8px;
	font-weight: 700;
}	
			
nav ul li a:hover {
	text-decoration: none;
    color: #E8111C!important;
}


/* Appearance of the sub-level links */
nav.primary ul li li a { 
	padding: 0px;

}
	
nav.primary ul li li a:hover { 
	color: #E8111C!important;
}
	
nav.primary ul li li:hover { 

}	
	
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.primary ul ul {
	display: none;
    position: absolute;
    background-color: #fff;
    border-left: 2px solid #E8111C;
    margin-top: 0px;
    text-align: left;
    padding: 10px 0px;
	margin-left: 15px;
}

nav.primary ul ul ul {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-left: 0px;
    margin-top: 0px;
    width: 200px; 
}

nav.primary ul li:hover > ul {  
    display: block;
    line-height: 18px; 
    z-index: 2000 !important;
}

nav.primary ul ul li {
    float: none; 
    position: relative;
	display: block;
    margin: 0;
	width: 100%;
	padding: 10px 20px;
}

.dropdown_arrow {
	display: inline-block !important;
}

.dropdown_style {
	font-size: ;
	font-weight: ;
}


/******** End of primary Nav ***************/


/*===================== 
	mobile nav
=======================*/

#menu-button{ 
	display: block;
	font-size: 32px;
	width:100%;
	position: relative;
	z-index: 400;
	margin-top: 10px;
	background: #E8111C;
	text-align: right;
	min-height: 0 !important;
	}
	#menu-button a{
		 color:#000;
		 text-decoration: none;
		 text-align: right !important;
	  }

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #000;
	z-index: 500; 
	overflow:auto;
}
nav.mobile h3 { /* Menu header styles */
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}
nav.mobile .menu-toggle { /* Menu close button */
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: 700;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.menu-toggle {
	text-align: right;
	font-size: 28px;
	color: #000;
}

.menu-toggle a:hover {
	color: #000 !important;
}

.close_mobile {
	font-size: 26px !important;
	font-weight: 900;
	text-align: right;
}

nav.mobile .menu-toggle:hover { /* Menu close button on hover */
	color: #fff;
}
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	
}
nav.mobile ul li a {
	position: relative;
	display: block;
	padding-left: 14px;
	color: #fff!important;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 1px;
}
nav.mobile ul li a:hover {
	background:;
	color: #2b2b2b;
}


nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px;
	color: #000;
	text-decoration: none;
	text-transform: none !important;
}
nav.mobile ul li li li a { /* appearance of third level sub-level links if needed */
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	text-decoration: none;
	background: none;
    color: #E8111C!important;
}
nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	background:url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size:55%;
	position:relative;
	display:block;
	float:right;
	margin:-44px 0 0 0;
	cursor:pointer;
	z-index: 12399994;
	width:44px;
	height:44px;
	-webkit-transition:background-size .3s ease-in-out;
	-moz-transition:background-size .3s ease-in-out;
	transition:background-size .3s ease-in-out;
}
nav.mobile ul li span.click:hover{
	background-size:60%;
}
nav.mobile ul li li {
    margin-left: 15px;
}




/* HEADER SEARCH */


.mv-search{
	display: flex;
	margin: 10px 20px 0;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	width: 280px;
}
.mv-search form{
	width: 100%;
}
.mv-search input{
	-webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    width: calc(100% - 20px);
    height: 48px !important;
	font-family: "aktiv-grotesk", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px !important;
    color: #777778;
    text-transform: none;
    letter-spacing: 0em;
    padding-right: 10px;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
}
.mv-search button[type="submit"]{
    position: absolute;
    width: 48px !important;
    height: 48px !important;
    text-align: center;
    border: none;
    padding: 0;
    font-size: 14px;
	appearance: none;
	outline: none;
	right: 0;
	top: 0;
	cursor: pointer;
        background: #000 !important;
        color: #E8111C !important;
}

/*===================== 
	header styles 
=======================*/
.header-contact {
	text-align: right;
    padding: 0px;
	padding-right: 15px;
    padding-top: 20px;
	margin-top: 60px;
}
.header-phone {
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	color: #000000!important;
	letter-spacing: .5px;
	font-weight: 600;
	display: inline-block;
}
.header-phone:hover {
	color: #E8111C!important;
}
.header-icon {
	font-family: 'Open Sans', sans-serif;
    font-size: 20px;
	color: #000000!important;
	display: inline-block;
}
.header-icon:hover {
	color: #E8111C!important;
}
.header-logo{
	display: block;
    margin: auto;
    padding: 30px;
}
.header-background {
	background-color: rgb(255, 255, 255, 0.7);
	padding: 0px 25px;
}
.header-wrap {
	max-width: 1600px;
	display: block;
	margin: auto;
}


/*===================== 
	homepage styles 
=======================*/
.hero-img {
	width: 100%;
    background-repeat: no-repeat;	
    background-position: center 20%;
	background-size: cover;
    top: -120px;
    z-index: -1;
    padding-top: 600px!important;
}
.hero-shop {
	width: 100%;
}
.button-wrap {
	background-color: #E8111C;
    padding: 40px;
}	
.inventory-btn {
	border: 2px solid #ffffff;
    background-color: transparent;
    padding: 15px;
    width: 90%;
    display: block;
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .75px;
    color: #ffffff;
}
.inventory-btn:hover {
	color: #E8111C;
	background-color: #FFFFFF;
}
.welcome-wrap {
	max-width: 1200px;
    display: block;
    margin: auto;
    padding: 45px 0px;
}
.home_contact-btn {
	background-color: #E8111C;
    border: 2px solid #E8111C;
    padding: 8px 30px;
    display: block;
    margin: auto;
    margin-top: 40px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .75px;
	border-radius: 5px;
}
.home_contact-btn:hover {
	color: #E8111C;
	background-color: transparent;
}
.dealer-header {
	background-color: #000000; 
	padding: 20px;
	text-align: center;
}
.dealer-wrap {
    background-image: url(/siteart/background.jpg);
	padding: 45px;
}
.dealer-container {}
.dealer-btn {
	background-color: transparent;
    border: 2px solid #E8111C;
    padding: 8px 30px;
    margin: 0px auto;
	display: block;
    color: #E8111C;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .75px;
}
.dealer-btn:hover {
	background-color: #E8111C;
	color: #FFFFFF;
	font-weight: 600;
}
.dealer-img {
	display: block;
    margin: auto;
    padding: 20px 10px;
	width: 100%;
	max-width: 300px;
}
.dealer-logo {
	display: block;
    margin: auto;
    padding: 20px;
	max-width: 300px;
	width: 100%;
}
.contact-info-wrap {
	max-width: 1200px;
    display: flex;
	flex-wrap: wrap;
    margin: 45px auto;
}
.contact-background {
	background-color: #E8111C;
    padding: 40px;
}
.contact-info-wrap .phone-link {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #FFFFFF!important;
	font-weight: 800;
	letter-spacing: 1px;
	display: block;
    margin-top: 15px;
}
.contact-info-wrap .phone-link:hover {
	color: #000000!important;
	font-weight: 800;
}
.home-map {
	width: 100%;
	height: 100%;
    display: flex;
}



/*===================== 
	contact page styles 
=======================*/
.contact-wrapper {
	margin: 15px auto;
	max-width: 760px;
}
.name {width: 100%;}
.email {width: 49%; float: left; margin-right: 2%;}
.phone {width: 49%; float: right;}
.address {width: 100%;}
.city {width: 32%; float: left; margin-right: 2%!important;}
.state {width: 32%; float: left; margin-right: 2%;}
.zip {width: 32%; float: right;}
.comments {width: 100%;}
.contact_form {
	border: 1px solid #000000;
	border-radius: 0px;
	margin: 5px auto;
	padding: 8px;
}
.submit-button {
	background-color: #E8111C!important;
    border: 2px solid #E8111C!important;
    padding: 8px 30px;
    margin: 20px auto;
	display: block;
    color: #ffffff!important;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 16px!important;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .75px;
}
.submit-button:hover {
	background-color: #ffffff!important;
	color: #E8111C!important;
}
.info-wrapper {
	margin: 15px 30px;
    padding-right: 15px;
    border-right: 2px solid #E8111C;
    height: 375px;
}
.contact-phone-link {
	color: #000000!important;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	margin: 0px 20px;
    font-weight: 800;
    letter-spacing: 1px;
}
.contact-phone-link:hover {
	color: #E8111C!important;
}
.email-link {
	background-color: #E8111C;
    border: 2px solid #E8111C;
    padding: 8px 30px;
	margin: 0px 20px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .75px;
}
.email-link:hover {
	color: #E8111C;
	background-color: transparent;
}
.contact-wrap {
	max-width: 1600px;
	display: block;
	margin: auto;
}
.contact-map {
	width: 100%;
	height: 375px;
	margin-top: 15px;
}
.location-wrap {
	margin: 50px 0px;
}


/*--- thank you page styles ---*/
.thank-wrapper {
	margin: 50px auto 0px auto;
    text-align: center;
}
.thank-btn {
	background-color: #E8111C;
    border: 2px solid #E8111C;
    padding: 8px 30px;
    margin: 0px;
	margin-top: 20px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .75px;
}
.thank-btn:hover {
	color: #E8111C;
	background-color: transparent;
}

/*--- control the Captcha ---*/
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


/*=======================================
	inventory landing page  styles 
========================================*/
.inventory-container {
	max-width: 1400px;
	display: block;
	margin: 50px auto;
    text-align: center;
}
.inventory-bh {
	display: block;
    margin: 25px auto;
    max-width: 200px;
    width: 100%;
}
.inventory-cc {
	display: block;
    margin: 25px auto;
    max-width: 200px;
    width: 100%;
}
.used-button {
	background-color: #E8111C;
    border: 2px solid #E8111C;
    padding: 20px 30px;
    display: block;
    margin: 5px auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .25px;
	color: #FFFFFF;
    font-weight: 700;
	width: 100%;
}
.used-button:hover {
	background-color: transparent;
	color: #E8111C;
}
.full-used-button {
	background-color: #E8111C;
    border: 2px solid #E8111C;
    padding: 20px 30px;
    display: block;
    margin: 25px auto;
	margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .25px;
	color: #FFFFFF;
    font-weight: 700;
	width: 100%;
}
.full-used-button:hover {
	background-color: transparent;
	color: #E8111C;
}
.new-inventory-btn {
	background-color: #ffffff;
    border: 2px solid #000000;
    padding: 20px 30px;
    display: block;
    margin: 5px auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .25px;
	color: #000000;
    font-weight: 700;
	width: 100%
}
.new-inventory-btn:hover {
	border-color: #E8111C;
	color: #E8111C;
}
.new-inventory-btn img {
	display: block;
    margin: 25px auto;
    max-width: 200px;
    width: 100%;
}
.cc-inv-btn {margin-bottom: 15px;}
.bh-inv-btn {margin-bottom: 15px;}
.cc-new {float: left;}
.bh-new {float: right;}

/*===================== 
	inventory styles 
=======================*/
.col-xs-12.header-background {box-sizing: border-box;}
.col-xs-12.col-sm-12.col-md-3 {box-sizing: border-box;}
.hidden-xs.hidden-sm.hidden-md.col-lg-9 {box-sizing: border-box;}
.col-xs-12.header-contact {box-sizing: border-box;}
.col-xs-12 {box-sizing: border-box;}
.hidden-xs.hidden-sm.col-md-12.primary {box-sizing: border-box;}
.col-xs-12.col-sm-12.col-md-9.hidden-lg {box-sizing: border-box;}
.col-xs-12.header-contact {box-sizing: border-box;}
.col-xs-12.col-sm-12.col-md-12.hidden-lg {box-sizing: border-box;}
.hidden-xs.hidden-sm.col-md-12.primary {box-sizing: border-box;}
.col-xs-12 #menu-button {box-sizing: border-box;}
.hidden-md.hidden-lg.hidden-xl.menu-toggle {box-sizing: border-box;}
.col-xs-12.hidden-md.hidden-lg.hidden-xl.mobile {box-sizing: border-box;}

.col-xs-12.footer-bkgd {box-sizing: border-box;}
.col-xs-12.col-sm-6.col-md-6.col-lg-2 {box-sizing: border-box;}
.hidden-xs.hidden-sm.hidden-md.col-lg-3 {box-sizing: border-box;}
.col-xs-12.col-sm-6.col-md-6.col-lg-2.footer-contact-info {box-sizing: border-box;}
.hidden-xs.hidden-sm.hidden-md.col-lg-5 {box-sizing: border-box;}
.col-xs-12.copyright-bkgd {box-sizing: border-box;}

@charset "utf-8";
/* CSS Document */

/*-------- PADDING AND SUCH --------*/

.detail-content {
    padding: 3.145833VW 0;
}

.list-content {
    max-width: 1300px !important;
}


@media only screen and (max-width: 1450px) {
    .body-wrapper {
        padding: 0 25px;
    }
}


/*-------- COLORS --------*/

:root {
    /* All text that appears outside of the colored boxes, background for the colored boxes */
    /* Insurance/Financing buttons */
    /* Some titles, some buttons */
    /* Background color for hover states, text color for hover states */
    /* Background color, all text appearing within the colored boxes */
}

/*
NOTE: Variables do not work in IE. Here is a workaround:

1.	Code using the variables as you normally would.
2.  When you are finished, save everything and make a backup copy of the file in a convenient location. This file will be useful in case you need to change any colors in the future, since we are going to be overwriting the variables in the main file.
3.	Paste your css into the left section here: https://madlittlemods.github.io/postcss-css-variables/playground/
4.	Copy the css to the right, and paste it over everything in this document.
*/

/*------------------------------ START CSS STYLES. REPLACE EVERYTHING BELOW THIS ---------------------------------*/


/*------------------------------ General Listings Page---------------------------------*/

/*----Page Background Color----*/
.body-content .body-wrapper {
    /* background: var(--neutral2) !important; */
}

/*----Sort By----*/
.list-content .list-top-section .listing-option-bar .list-sort-order .sort-by-dropdown-container .bold {
    color: #000000 !important;
}

/*----Email and Print Buttons----*/
.media-buttons button {
    background: #e0dfdf !important;
    color: #000000 !important
}

.media-buttons button:hover {
    background: #E8111C !important;
    color: #ffffff !important;
}

/*----Listing Background Color & Text Color Change----*/
.list-container .list-listing {
    background: #ffffff !important;
    color: #000000 !important;
}

/*---Sidebar Background Color & Text Color----*/
.list-content .faceted-search-content {
    background: #ffffff !important;
    color: #000000 !important
}

.faceted-search-content .faceted-section-box .faceted-view-more-btn {
    background: #e0dfdf !important;
    color: #000000 !important;
}

/*---Sidebar Heading Background Color----*/
.faceted-search-content .faceted-section-head {
    background: #e0dfdf !important;
}

/*----Filter button color change------*/
.selected-facet {
    background: #e0dfdf !important;
    color: #000000 !important;
}

input[type="submit"] {
    background: #E8111C !important;
}

button[type="submit"] {
    background: #E8111C !important;
}

.btn {
    background: #E8111C !important;
}

.button {
    background: #E8111C !important;
}

/*----View Details Button----*/
.view-listing-details-link {
    background: #e0dfdf !important;
    color: #000000 !important;
}

.view-listing-details-link:hover {
    color: #ffffff !important;
    background: #E8111C !important;
}


/*------------------------------Listings Details Page---------------------------------*/


/*----Commercial Financing Legal Info----*/
.legal-text-content {
    color: #000000 !important;
}

/*---Return to Listings----*/
.mobile-breadcrumb {
    background-color: #ffffff !important;
}


/*------------------------------Parts Page---------------------------------*/
#parts-content {
    padding: 2.145833VW 0;
}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message {
    color: #ffffff !important;
}

.criteria-header {
    color: #ffffff !important;
}

#parts-content .parts-bottom-section .parts-list-view .parts-search-content .parts-search-window .parts-search-form .parts-radio {
    color: #ffffff !important;
}

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

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container {
    background: #ffffff !important;
}


/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none;
    font-size: 11px;
    color: #ffffff;
    margin: 0!important;
    padding: 0!important;
    line-height: 3!important;
	}
	a.footerlink:hover {
		text-decoration: none; 
		font-size: 11px;
		color: #000000;
		}

.footertext {
    font-size: 11px;
    color: #ffffff;
    line-height: 1.5!important;
}

.smallfootertext {
	font-size: 10px;
    color: #ffffff;
}

.divfooter {
	max-width: 600px;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    line-height: .75!important;
}


/*  scrolling inventory  */
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	margin-top: 50px;
} 
.scrolling{
    width:100%;
    height:92px;
}


.footer-bkgd {
	background-color: #000000;
	color: #FFFFFF;
	padding: 40px;
}
.footer-logo {
	margin: 0px 15px;
}
.page-list {
	list-style-type: none;
}
.page-list-item {
	margin-bottom: 5px;
}
.page-link {
	color: #FFFFFF!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-link:hover {
	color: #E8111C!important;
}
.footer-phone-link {
	color: #FFFFFF!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 800;
    letter-spacing: 1px;
}
.footer-phone-link:hover {
	color: #E8111C!important;
}
.footer-icon-link {
	color: #ffffff!important;
	display: block;
    margin: 10px 0px;
    font-size: 24px;
}
.footer-icon-link:hover {
	color: #E8111C!important;
}
.footer-brand-logo {
	display: inline-block;
    margin: 0px 15px;
	float: right;
}
.copyright-bkgd {
	background-color: #E8111C;
	padding: 10px;
}



/*========================= 
	 Responsive styles 
===========================*/

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1600px) {
	.hero-img {padding-top: 650px!important;}
}

@media only screen and (max-width : 1553px) {
	.header-background {padding: 0px;}
}

@media only screen and (max-width : 1534px) {
	.inventory-btn {height: 85px;}
}

@media only screen and (max-width : 1503px) {
	.header-contact {margin-top: 45px;}
	nav > ul > li {margin-bottom: 10px;}
}

@media only screen and (max-width : 1400px) {
	.hero-img {padding-top: 550px!important;}
}

@media only screen and (max-width : 1356px) {
	.footer-brand-logo {max-width: 180px; width: 100%;}
	.header-contact {margin-top: 25px;}
}

@media only screen and (max-width : 1339px) {
	.header-background {padding: 0px 15px;}
	nav ul li a {padding: 8px 10px;}
}

@media only screen and (max-width : 1239px) {
	.header-background {padding: 0px;}
}

@media only screen and (max-width : 1209px) {
	nav ul li a {padding: 8px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.hero-img {padding-top: 450px!important;}

}

@media only screen and (max-width : 1199px) {
	nav.primary {text-align: center; background-color: transparent; padding-bottom: 10px;}
	nav ul {margin-top: 10px;}
	nav ul li a {padding: 8px 15px;}
	.header-contact {text-align: center; margin: 0px; padding: 0px;}
	.header-logo {display: block; margin: auto;}
	.footer-logo {display: block; margin: 15px auto;}
	.hero-img {display: none;}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.header-background {padding: 0px;}
	.hero-img {display: none;}
	.inventory-btn {margin: 5px auto;}
	.home-map {height: 275px;}
	.name {width: 100%; float: none; margin: 5px auto;}
	.email {width: 100%; float: none; margin: 5px auto;}
	.phone {width: 100%; float: none; margin: 5px auto;}
	.address {width: 100%; float: none; margin: 5px auto;}
	.city {width: 100%; float: none; margin: 5px auto!important;}
	.state {width: 100%; float: none; margin: 5px auto;}
	.zip {width: 100%; float: none; margin: 5px auto;}
	.comments {width: 100%; float: none; margin: 5px auto;}
}

@media only screen and (max-width : 992px) {
	.info-wrapper {margin: 30px 15px; padding-bottom: 15px; border-bottom: 2px solid #E8111C; text-align: center; padding-right: 0px; border-right: none; height: 100%;}
}

@media only screen and (max-width : 807px) and (min-width : 768px) {
	.inventory-btn {height: 85px;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.footer-contact-info {text-align: center;}

}

@media only screen and (max-width : 767px) {
	.cc-new {float: none;}
	.bh-new {float: none;}

	.mv-search{
		width: 100% !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 768px) {
	.show-mobile{display: none !important;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 767px) {
	.hide-mobile{display: none !important;}
	#menu-button{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
	.header-logo{
		max-width: 100%;
		padding: 10px;
	}
	.header-contact, .header-contact .header-phone, .header-contact p{font-size: 12px; text-align: left !important;}
	.header-contact{justify-content: flex-start !important; flex-direction: column; align-items: flex-start !important; padding-top: 10px;}
	.mv-search{flex-grow: 1; padding-right: 20px; margin: 0 20px 0 0 !important; 
        line-height: 24px;}
	.mv-search button{background: #000 !important; color: #E8111C !important}
	.new-inventory-btn{font-size: 12px; padding: 15px;}
}

@media only screen and (max-width : 443px) {
	.inventory-btn {height: 85px;}
}

@media only screen and (max-width : 397px) {
	.contact-background {height: 375px;}
	.home-map {height: 375px;}
}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}