/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

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

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
.bottomheader {
    background-image: linear-gradient(180deg, #3a3a3a , black);
    display: flex;
    margin-left: 60px;
	align-items: stretch;
	border-top: solid 8px #bc1b20;
    justify-content: space-between;
	height: 75px;
	box-sizing: content-box;
}
.logosect {
    width: calc(35% - 40px);
    padding: 0px 20px;
	display: flex;
	align-items: center;
}
.logosect img{
    width: 100%;   
}
.white{color: #fff;}
.headernav{width:calc(65% - 40px); padding: 0px 20px; box-sizing: content-box;}
.redbkgdnav {background: #bc1b20;}
.red {color: #bc1b20;}
.topheader {
    display: flex;
    justify-content: flex-end;
    padding: 12px 55px;
    font-family: 'Montserrat';
    font-size: 13px;
}
.headerinfo {
    padding: 0px 20px;
    color: #000;
}
.headerinfo i{
    padding: 0px 20px;
	color:#bc1b20;
}
.headerinfo a{
    color: #000;
}
.herosect{
	background: url("/siteart/graber-heroimg.jpg");     
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.rightalign{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.herotextsect{
	width: 30%;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
	padding: 2% 3% 4% 3%;
}
.herobtn{
    width: 90%;
    display: block;
    background: #bc1b20;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 16px;
    padding: 35px 18px;
    font-weight: 600;
    margin: 5px 0px;
	text-align: right;
	transition-duration: 0.5s;
}
.herobtn:hover{
 background: #d72a2f;
}
.heroheadsect {
    display: flex;
    text-align: right;
    border-bottom: 10px solid #bc1b20;
    padding: 24px 0px;
    font-family: 'Montserrat';
    font-weight: 900;
}
.heroheader{font-weight: 900; line-height: 45px; font-size: 35px;} 
.heroheader strong{font-weight: 900; font-size: 55px; width: 100%; display: block;}
.hpweatersect{padding-top: 60px;}
.hpflex{display: flex;justify-content: space-between;flex-wrap: wrap; padding: 5% 3%; align-items: center;}
.halfsect{ width: 45%;}
.thirdsect{ width: 30%;}
.twothirdssect{ width: 70%;}
.halfsect img{ width: 100%;}
.underlineheader {
    border-bottom: solid 10px #bc1b20;
    width: 60%;
}

.secondarypages{
	margin: 2% 5% 6% 5%;
}
.lgsecondarypages{
	margin: 4% 5% 18% 5%;
}
.smheadertext {
    font-family: 'Montserrat';
    font-weight: 800;
    padding-bottom: 8px;
    font-size: 20px;
}
.headertext {
    font-family: 'Montserrat';
    font-weight: 800;
    padding-bottom: 8px;
    font-size: 28px;
}
.lgheadertext {
    font-family: 'Montserrat';
    font-weight: 800;
    padding-bottom: 8px;
    font-size: 32px;
	text-transform: uppercase;
}
.lgtheadertext {
    font-family: 'Montserrat';
    font-weight: 500;
    padding-bottom: 8px;
    font-size: 24px;
}
.paratext{font-family: 'Montserrat'; padding: 25px 0px; line-height: 28px;}
.paratextcondensed{font-family: 'Montserrat'; padding: 8px 0px; line-height: 28px;}
.redbtn {
    background: #bc1b20;
    font-family: 'Montserrat';
    color: #fff;
    padding: 8px 38px;
    font-weight: 700;
    font-size: 12px;
	transition-duration: 0.5s;
}
.redbtn:hover {
    background: #d72a2f;
}
.contactinfo {
    padding: 20px 0px;
}
.redbkgd{ background: #bc1b20; height: 8px;}
.greybkgd{ background: #9f9f9f; height: 8px;}
.greyredline{display: flex;}
.hpmap{width: 100%; height: 350px;}
.hpbrandsect .greyredline .redbkgd {
    width: 20%;
}
.hpbrandsect .greyredline .greybkgd {
    width: 80%;
}
.hpbrandsect .greyredline {
    width: 85%;
}
.halfsect .greyredline {
    width: 100%;
}
.halfsect .greyredline .redbkgd {
    width: 80%;
}
.halfsect .greyredline .greybkgd {
    width: 20%;
}
.twothirdssect .greyredline {
    width: 100%;
}
.twothirdssect .greyredline .redbkgd {
    width: 80%;
}
.twothirdssect .greyredline .greybkgd {
    width: 20%;
}
.thirdboxes .greyredline {
    width: 100%;
}
.thirdboxes .greyredline .redbkgd {
    width: 40%;
}
.thirdboxes .greyredline .greybkgd {
    width: 60%;
}
.brandheader {
    width: 10%;
    background: #bc1b20;
    margin: 18px 0px;
    padding: 30px 5% 20px 5%;
	position: relative;
    z-index: 5;
}
.hpbrandsect {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
	align-items: center;
	overflow: hidden;
}
.brandslider.slick-initialized.slick-slider {
    width: 80%;
}
.brandheader h2 {
    width: 50%;
}
iframe.scrolling {
    width: 100%!important;
	height: 90px!important;
}
.hpcontact{padding: 20px 0px;}
.hpcontact i{padding-right: 40px; color: #bc1b20; font-size: 24px;}
.hpcontact a{font-family: 'Montserrat'; color: #000; font-weight: 500; transition-duration: 0.2s; transition-timing-function: ease-in;}
.hpcontact a:hover{font-weight: 600;}
.flex-boxes{display: flex;justify-content: space-between; flex-wrap: wrap;}
.thirdboxes {
    width: 27%;
    margin: 40px 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    align-content: space-between;
	
}
.financinglogo {
    padding-bottom: 20px;
}
.secondary-header {
    width: 32%;
    margin:4% 0% 0% 0%;
    background: #bc1b20;
    padding: 2% 5% 1% 5%;

}
.brandboxes {
    width: 22%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 20px;
    border-bottom: solid 5px #bc1b20;
    height: 175px;
	transition-duration: 0.5s;
	border-radius: 5px;
}
.brandboxes:hover {
    border-bottom: solid 10px #bc1b20;
    height: 170px;
}
.partbtns a{
	margin-right:25px;
}
.partsform {
    margin: 50px 0px;
}
.black{color: #000;}
.paddingbtm{padding-bottom: 60px;}
/*---BODY--------------------------------*/
.mobileicon{display: none;}
.mobileherosect{display: none;}
.thankyouheader{padding-left: 105px;}

/*--------FORM STYLES--------------------*/
.thirdformfield {
    width: 33.1%;
    margin: 10px 0px 10px 0px;
    height: 40px;
    padding: 3px 18px;
	font-family: 'Montserrat';
	border-radius: 0px!important;
	box-sizing: border-box;
}
.fullformfield {
    width: 100%;
    margin: 0px 0px 10px 0px;
    height: 40px;
    padding: 3px 18px;
	font-family: 'Montserrat';
	border-radius: 0px!important;
	box-sizing: border-box;
}
.fullmessage {
    width: 100%;
    margin: 0px 0px 10px 0px;
    height: 118px;
    padding: 12px 18px 0px 18px;
    font-family: 'Montserrat';
	border-radius: 0px!important;
	box-sizing: border-box;
}
.CaptchaMessagePanel{
	    font-family: 'Montserrat';
    	font-weight: 500!important;
    	font-size: 12px!important;
}
.CaptchaWhatsThisPanel a{color: #000;  font-family: 'Montserrat'; }
.center{display: flex; justify-content: center;}
.submit{
    background: #bc1b20;
    font-family: 'Montserrat';
    color: #fff;
    padding: 8px 38px;
    font-weight: 700;
    font-size: 12px;
	border: none!important;
	cursor: pointer;
	transition-duration: 0.5s;
}
.submit:hover{
    background: #d72a2f;
}
.list-content .list-error-container .info button:not(.login-button){background: #000!important;}
/*-------- FOOTER STYLES ----------------*/
.footer{
    display: flex;
    justify-content: space-between;
    font-family: 'Montserrat';
    align-items: stretch;
	box-sizing: content-box;
}
.footerleft {
    width: 15%;
    padding: 0px 2%;
    background: #1d1d1d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    color: #fff;
}
.footerinfo {
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}
.footerright {
    display: flex;
    width: 77%;
    padding: 30px 2%;
    background: #000;
    color: #fff;
    align-items: center;
    justify-content: space-between;
}

.footerinfosect {
    display: flex;
    align-items: center;
    width: 32%;
    padding: 0px 10px;
}

.footersubhead {
    font-size: 12px;
}
.footerlinkright ul li a {
    color: #e3e3e3;
    font-size: 12px;
	transition-duration: 0.5s;
}
.footerlinkright ul li a:hover {
   color: #fff;
}
.footerlinkright ul li {
    list-style: disc;
    color: #bc1b20;
}
.footerinfoleft {
    width: 30%;
}
.footerlinkleft {
    width: 50%;
}
.footerlinkright {
    width: 50%;
}
.footerinforight{width: 70%;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.container.cf {
    margin: 6% 0% 10% 0%!important;
}
.list-top-section .list-title .list-listings-count{color: #bc1b20!important;}
.list-container-flexrow .price-container .price{color: #bc1b20!important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{background: #bc1b20!important;}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text {
	background-color: #292929;}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{color: #bc1b20!important;}
.faceted-search-content .selected-facets-container .selected-facet{
	background-color: #292929!important;
}
.mobile-option-bar .mobile-option-bar-filter{color: #bc1b20!important;}
.list-container-flexrow .listing-boxed .listing-content .listing-content-right .dealer-phone-call {
    border: 2px #bc1b20 solid;
    color: #000;
    background-color: #fff!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{background: #292929!important;}
/*---------- RESPONSIVE STYLES ----------*/




@media only screen and (max-width: 1420px) {
	.footerinfosect{flex-wrap: wrap;}
	.footerinfoleft {width: 100%;}
	.footerinforight { width: 100%;}
	.footerlinkleft {width: 100%;}
	.footersubhead { padding-bottom: 5px;}
	.footerright{align-items: flex-start;}
	.heroheader{font-weight: 900; line-height: 38px; font-size: 28px;} 
	.heroheader strong{font-weight: 900; font-size: 44px; width: 100%; display: block;}
	.headertext {font-size: 24px;}
	.brandheader h2 {
    width: 100%;
}
	.lgtheadertext{font-size: 20px;}
}
@media only screen and (max-width: 1320px) {
.headerinfo a {
    font-size: 12px;
}
.headerinfo {
    padding: 0px 3px;
}	
.headerinfo i {
	padding: 0px 8px;
}
.headernav {
	width: calc( 70% - 40px);
	}
.herotextsect {
    width: 38%;
    padding: 2% 3% 2% 0%;
}
.herobtn{
	font-size: 15px;
    padding: 26px 8px;
    font-weight: 600;
    margin: 5px 0px;}
.heroheader {
    line-height: 34px;
    font-size: 24px;
}
.heroheader strong {
	font-size: 45px;
	}
.bottomheader{height: 60px;}
.topheader{padding: 10px 24px;}
.footerinfosect{width: 28%; padding: 0px 10px;}
.footerlinkright {
    width: 100%;
}
}

@media only screen and (max-width: 1281px) {
.thirdformfield {
	width: 33%;}	
	
}
@media only screen and (max-width: 1220px) {
	.secondary-header {
		width: 48%;}
}
@media only screen and (max-width: 1140px) {
	.secondary-header {
		width: 48%;}
	.footerinfosect {
    width: 28%;
    padding: 0px 4px;
}
	.footerleft {
		width: 15%;}
	.footerright{width: 79%;
    padding: 30px 1%;}
	.footerinfosect {
    width: 32%;
    padding: 0px 4px;
}
}
@media only screen and (max-width: 1080px) {
	.thirdboxes {
		width: 40%;}
	.twothirdssect {
    width: 60%;
}
	.thirdsect {
    width: 40%;
}
}
@media only screen and (max-width: 1023px) {
.logosect {
	width: calc(60% - 40px);}	
.brandboxes {
	width: 30%;
}
}

@media only screen and (max-width: 990px) {
	.herosect{background-image: none; }
	.herotextsect{display: none;}
	.mobileherosect{display: block; width: 100%;}
	.mobileheroimg{background: url("/siteart/mobile-hero-img.jpg"); background-position: center; background-size: cover; height: 400px;}
	.mobileicon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
	}
		.mobileicon a{color: #fff;}
	.topheader{display: none;}
	.bottomheader{margin-left: 0px; height: 90px; align-items: center;}
	.logosect {
    width: calc(50% - 40px);
}
	.headernav{display: none;}
	.mobileicon {width: 40%;
    justify-content: flex-end;}
	.mobileherotext{
	display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
    padding: 0px 45px;}
	.herobtn {
    font-size: 15px;
    padding: 42px 8px;
    font-weight: 600;
    margin: 6px 0px;
	width: 98%;
}
	.heroheadsect {
    display: flex;
    text-align: right;
    border-bottom: 10px solid #bc1b20;
    padding: 19px 12px 24px 12px;
    font-family: 'Montserrat';
    font-weight: 900;
    width: 100%;
    justify-content: flex-end;
}
	.halfsect {
    width: 48%;
}

	.footer{flex-wrap: wrap;}
	.footerleft {
    width: 100%;     padding: 18px 2%; justify-content: space-between;
}
	.footerright {
    width: 96%;
    padding: 30px 2%;
}
	.secondary-header {
    width: 70%;
}
	.thirdformfield {
    width: 32.9%;
}
}

@media only screen and (max-width: 850px) {
.thirdsect {
    width: 100%;
}
	.twothirdssect {
    width: 100%;
}
	.lgtheadertext{    font-size: 24px;}
}
@media only screen and (max-width: 780px) {
	.halfsect {
    width: 100%;
}
.halfsect img {
    width: 76%;
    padding: 55px 0px;
}	
	.footerright {
    width: 96%;
	flex-wrap: wrap;
    padding: 0px 5%;
}
	.footerinfosect {
    width: 100%;
    padding: 20px 4px;
}
	.footerleft {
    width: 90%;
    padding: 18px 5%;
}
.redbtn {
	font-size: 15px;
	}
	.brandboxes {
	width: 48%;
}
}
@media only screen and (max-width: 675px) {
	.brandheader {
    width: 95%;
    margin: 17px 0px;
    padding: 30px 0% 20px 5%;
}
	.hpbrandsect {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    margin: 25px 0px 50px 0px;
}
	.brandslider.slick-initialized.slick-slider {
    width: 100%;
    padding: 20px 0px;
}
	.hpbrandsect .greyredline {
    width: 100%;
}
.secondary-header {
    width: 85%;
}
.brandheader {
	width: 100%;}
	.thirdformfield{
	    width:100%;	    margin: 0px 0px 10px 0px;
	}
}
@media only screen and (max-width: 620px) {
	.mobileicon {width: 10%;}
	.logosect {
    width: calc(78% - 40px);
	}
	.bottomheader{height: 130px;}
	.halfsect img {
		width: 100%;}
	.partbtns {
    display: flex;
    flex-wrap: wrap;
}
	.partbtns a {
    width: 60%;
    margin: 5px 20px 5px 0px;
    padding: 12px 20px;
}
}
@media only screen and (max-width: 550px) {
	.thirdboxes {
		width: 90%; margin: 40px 10px;}
	.secondary-header{padding: 6% 5%;}
	.brandboxes {
	width: 98%;
}
}
@media only screen and (max-width: 435px) {
	.mobileherotext{padding: 0px 20px;}
	.bottomheader{flex-wrap: wrap;}
	.logosect {
    width: calc(100% - 10px); padding: 10px 5px 0px 5px;
}
	
	.halfsect img {width: 100%;}
	.bottomheader{justify-content: center;}
	.hpflex{padding: 14% 3%;}
	.underlineheader{width: 100%;}
	.hpcontact a{font-size: 15px;}
	.hpcontact i {padding-right: 16px; font-size: 16px;}
}
@media only screen and (max-width: 380px) {
	.herobtn{padding: 42px 25px;}
	.heroheader strong {
    font-size: 42px;
    line-height: 45px;
	}
	.heroheadsect{width: 90%;}
	.heroheader {
    line-height: 30px;
    font-size: 25px;
}
	.mobileherotext {
    padding: 0px 10px;
}
}