/***** 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:#585858 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.header-top{
	background: #000;
	color: #fff;
    display: inline-block;
    width: 100%;
	padding: 10px 3%;
	box-sizing: border-box;
	font-family: bahnschrift, urw-din, sans-serif;
	font-size: 14px;
	line-height: 18px;
	
}
.header-top p{
	color: #fff !important;
	
}
.header-top a{
	color: #fff !important;
	font-weight: 400;
	
	-moz-transition: ease color 0.2s;
	-o-transition: ease color 0.2s;
	-webkit-transition: ease color 0.2s;
	transition: ease color 0.2s;
}
.header-top .right a:not(.cta):hover, .header-top .left:not(.show-mobile) a:not(.cta):hover{
	color:#ee3124 !important;
}

.header-top .left a{
	margin-right: 20px;
}
.header-top .right a{
	margin-left: 15px;
}


.header{
	font-family: bahnschrift, urw-din, sans-serif;
	font-weight: 400;
	font-style: normal;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	padding: 10px 3%;
	margin: 2% 3%;
    display: inline-block;
    width: 94%;
    box-sizing: border-box !important;
}
.header .logo img{
	max-width: 100%;
	width: 83px;
	margin-top: 2px;
    margin-bottom: -2px;
}
.header .logo{
	float: left;
}
#menu-button .logo img{
	width: 100px;
	margin-top: 7px;
    margin-bottom: -7px;
}

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

.left{float: left;}
.right{float: right;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.columns{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.bg-red{background: #ee3124; margin: -10px -10px -10px -3%; padding: 10px 10px 10px 3%;}
.modal-margin{
	margin: 0 3%;
}
.splash-modal{
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	max-width: 90%;
	padding: 30px;
	
	background: #fff;
	
	margin: 0 auto 30px;
	position: relative;
	z-index: 200;
}
.splash-modal .col100{
	padding: 4% 0;
}
.splash-modal .fa-window-close{
	color: #000;
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 24px;
	opacity: 0.6;
	transition: 0.25s ease all;
}
.splash-modal .fa-window-close:hover{
	opacity: 1;
}
.overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, 0.6);
	z-index: 199;
}


.center-text{text-align: center; max-width: 800px; margin: 0 auto; display: block;}

.heading{
	font-family: 'bahnschrift condensed', urw-din-condensed, sans-serif;
	font-weight: 900;
	font-style: normal;
	letter-spacing: -2px;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 48px;
}
.heading-small{
	font-family: 'bahnschrift', urw-din, sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	font-size: 30px;
	line-height: 30px;
}
.hero .heading{
	font-size: 60px;
	line-height: 60px;
	letter-spacing: -2.5px;
	color: #fff;
	white-space: nowrap;
}
.hero .splash-modal .heading.center-text{
	color: #860038;
}


.hero p{
	color: #fff;
	font-weight: 400;
}
p{
	font-family: bahnschrift, urw-din, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
}

.wrapper{padding: 0 6%;}
.wrapper.auctions{max-width: 1200px; margin: 0 auto;}
.vpad{padding: 6% 0;}
.vpad.extra{padding: 10% 0 6%;}

.hero{position: relative; overflow: hidden;}


#video {
	position: absolute;
	overflow: hidden;
	/*width: 100vw;
	height: 100vh;*/
	width: 100%;
	height: 640px;
	top: 0;
	z-index: -1;
	pointer-events: none;
}
#video.tall {
	position: absolute;
	overflow: hidden;
	/*width: 100vw;
	height: 100vh;*/
	width: 100%;
	height: 900px;
	top: 0;
	z-index: -1;
	pointer-events: none;
}
#video:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0, 0.33);
	
}

#video video{
	position: absolute;
    top: -10%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%);
	z-index: -1;
}
#video.tall video{
	position: absolute;
    top: 0%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%);
	z-index: -1;
}
#video iframe {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
}


/*
.hero:after{
    content: '';
    border: solid;
    border-width: 0 0px 240px 2000px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 0;
    right: 0;

}
*/
.hero.alt{background: #860038;}
.hero.alt p, .hero.alt .heading{color: #fff;}
.hero .wrapper{display: flex; align-content: center;}

.cta{
	background: #000;
	-moz-border-radius: 90px;
	-o-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	padding: 10px 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	font-family: bahnschrift, urw-din, sans-serif;
	display: inline-block;
	border: solid 1px #000;
	-moz-transition: ease all 0.2s !important;
	-o-transition: ease all 0.2s !important;
	-webkit-transition: ease all 0.2s !important;
	transition: ease all 0.2s !important;
}
.cta.maroon{
	background: #860038;
	border-color: #860038;
}
.cta.red{
	background: #ee3124;
	border-color: #ee3124;
}
.cta.white{
	background: #fff;
	color: #000;
	border-color: #fff;
}
.cta.maroon:hover{
	background: transparent;
	color: #860038;
}
.hero .col50 .cta.maroon:hover{
	background: transparent;
	color: #fff;
	border-color: #fff;
}
.cta.red:hover{
	background: transparent;
	color: #ee3124;
}
.cta.white:hover{
	background: transparent;
	color: #fff;
}

.cta.center{margin: 0 auto; position: relative; left: 50%; transform: translateX(-50%);}

.col50{width: 50%; padding: 5% 0 9%;}
.col100{width: 100%; padding: 10% 0 18%;}

.col50.pad {width: 50%; padding: 5% 9% 9%; box-sizing: border-box;}
.scrolling-wrap{
	width: 94%; 
    margin: 0 auto;
	height: 90px; 
	overflow: hidden; 
	
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #585858;
}
.scrolling-wrap iframe{
	width: 100%; 
}

#map{
	overflow: hidden; 
	
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 0;
	padding-bottom: 90%;
	position: relative;
}
#map iframe{
    display: block;
    position: absolute;

    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;
}

i.maroon{
	font-size: 24px;
	color: #860038;
}
.bg-white ul li a, .bg-white ul li p{
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-family: bahnschrift, urw-din, sans-serif;
}
.bg-white ul li i{
    font-size: 18px;
    margin: 10px 20px 10px 0;
}
.bg-white a{
	-moz-transition: ease all 0.2s !important;
	-o-transition: ease all 0.2s !important;
	-webkit-transition: ease all 0.2s !important;
	transition: ease all 0.2s !important;
}
.bg-white a:not(.cta):hover{
    color: #860038;
}


.btns-grp{
	padding: 0 1%;
	display: flex;
}

.big-btn{	
	width: 29.3333%; 
	margin: 0 2%; 
	padding-bottom: 22%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.col100 .big-btn{	
	width: 46%; 
	margin: 0 2%; 
	padding-bottom: 22%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.big-btn img{	
	width: 100%; 
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.big-btn .heading{	
	width: 70%;
	position: absolute;
	bottom: 10%;
	left: 0;
	font-size: 36px;
	line-height: 36px;
	padding: 15px 20px;
	background: rgba(238, 49, 36, 0.8);
	letter-spacing: normal;
	color: #fff;
	transition: ease all 0.2s;
}
.big-btn:hover .heading{	
	padding: 15px 20px 15px 30px;
}

/* FINANCING */

.employee-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.outline-box{
    color: #585858;
    max-width: 350px;
	box-sizing: border-box;
	width: 100%;
	padding: 40px 32px;
    border: 1px solid #eee;
    border-radius: 14px;
	
}
.outline-box a{
    color: #585858;
}
.outline-box hr{
    border: solid 1px #eee;
	margin: 20px 0;
}
.outline-box h3{
    font-family: 'bahnschrift', urw-din, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
	margin-bottom: 10px;
}


/*--------FORM STYLES--------------------*/

.custom-form{
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	font-family: bahnschrift, urw-din, sans-serif;
}
.custom-form .heading-small{
	margin-bottom: 15px;
}
.custom-form .col50, .custom-form .col100{padding-top: 0; padding-bottom: 0;}
.custom-form label{
	font-weight: 700;
}
.custom-form input{
	background: #fff;
	-moz-border-radius: 90px;
	-o-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	box-sizing: border-box;
	width: 95%;
	margin-top: 1%;
	margin-bottom: 30px;
	margin-right: 5%;
	padding: 10px 20px;
	color: #585858;
	font-size: 14px;
	font-weight: 700;
	font-family: bahnschrift, urw-din, sans-serif;
	display: inline-block;
	border: solid 1px #eee;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
	font-weight: 400;
}
.custom-form .col100  input{
	width: 97.5%;
	margin-right: 5%;
}
.custom-form textarea{
	background: #fff;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	width: 97.5%;
	margin-top: 1%;
	margin-bottom: 30px;
	margin-right: 5%;
	padding: 15px 20px;
	color: #585858;
	font-size: 14px;
	font-weight: 700;
	font-family: bahnschrift, urw-din, sans-serif;
	display: inline-block;
	border: solid 1px #eee;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	resize: none;
	height: 200px;
	outline: none !important;
	font-weight: 400;
}

button.cta{
	min-width: 180px;
	cursor: pointer;
    margin-right: 2.5%;
    float: right;
}

.CaptchaImage{
		-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity: 0.7;
}
.CaptchaPanel, .CaptchaAnswerPanel {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#CaptchaAnswer{margin-right: 0;}
.CaptchaWhatsThisPanel a{
	color: #585858;
}

/*-------- FOOTER STYLES ----------------*/
footer{}




.footer{
	font-family: bahnschrift, urw-din, sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #000;
	color: #fff;
}
.footer a{
	color: #fff;
	-moz-transition: ease color 0.2s;
	-o-transition: ease color 0.2s;
	-webkit-transition: ease color 0.2s;
	transition: ease color 0.2s;
}

.footer a:not(.cta):hover{
	color:#ee3124;
}

.footer .right.flex{
	align-items: center;   
	margin-top: 4px;
}
.footer .right.flex a{
	margin-left: 20px;
}

.col-flex{display: flex; justify-content: space-between; padding: 4% 0 0;}
.col-left{    
	display: inline-block;    
	width: 20%;
}
.col-right{
	display: flex;
	flex-wrap: wrap;
	width: 40%;
}
.col-right .col{
	width: 50%;
}
.footer ul li a{
	font-size: 12px;
	line-height: 24px;
	padding: 15px 0;
}
.footer i{
	font-size: 18px;
	margin: 10px 20px 10px 0;
}
.footer .col p{
	font-size: 12px;
	line-height: 24px;
	padding: 0 0 15px;
}
.footertext{
	padding: 10px 0 20px;
    display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}
.footertext p{
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}
.footertext a{
	margin-left: 20px;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(.list-title-text):not(.detail-title){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button, .faceted-show-all-btn, .btns a {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#e22f22 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button {background:#e22f22 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #e22f22 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover{background: #fff !important; color: #e22f22 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	font-family: 'bahnschrift condensed', urw-din-condensed, sans-serif !important;
	padding-left: 4px; 
	text-transform: uppercase; 	
	font-weight: 900 !important;
	font-style: normal;
	letter-spacing: -1px;
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

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

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

.modal-bg .modal-calc .modal-top i{color: #000 !important;}


/*---------- RESPONSIVE STYLES ----------*/

/* VIDEO BREAKPOINTS */

@media (min-aspect-ratio: 16/9) {
  #video iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  #video iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}
/* END OF VIDEO BREAKPOINTS */


@media only screen and (max-width: 1400px) {
	.big-btn .heading{	
		font-size: 30px;
		line-height: 30px;
		width: 80%;
	}
}

@media only screen and (min-width: 1024px) {
	.show-mobile{display: none !important;}
}

@media only screen and (max-width: 1023px) {
	
	.header {
		padding: 10px 6%;
		margin: 15px 3%;
	}
	.hide-mobile{display: none !important;}
	.vpad{padding: 80px 0;}
	.vpad.extra{padding: 100px 0 80px;}
	.footer .logo {
		display: block;
		margin: 0 auto;
	}
	.footertop, .footertop .right{display: flex; flex-direction: column; justify-content: center;}
	.footer .right.flex a, .footer .right.flex p{margin: 30px 0 0; text-align: center;}
	.footertext{flex-wrap: wrap;}
	.footertext .right a{margin: 0 20px 0 0;}
	
	.col50.pad{padding: 5% 4% 9%;}
	
	.hero .heading{
		white-space: normal !important;
	}
	
	#video.tall {
		height: 1400px;
	}
	.splash-modal .btns-grp{flex-wrap: wrap;}
	.col100 .big-btn{	
		width: 96%; 
		padding-bottom: 52%;
		margin-bottom: 30px;
	}

	
}

@media only screen and (max-width:767px) {
	
	.col50, .col100{width: 100%; padding: 80px 0;}
	.col50.pad{width: 100%; padding: 40px 0 !important;}
	.custom-form input{width: 97.5%;}
	.hero .heading, .bg-white .heading{font-size: 60px; line-height: 60px;}
	.center-text{text-align: left;}
	.hero .center-text{text-align: center;}
	.btns-grp{
	flex-wrap: wrap;
	}

	.big-btn{	
		width: 96%; 
		margin: 3% 2%; 
		padding-bottom: 75%;
	}	
	.big-btn .heading{	
		font-size: 36px;
		line-height: 36px;
		width: 60%;
	}

	.col-flex{flex-direction: column-reverse;}
	.col-left{    
		display: inline-block;    
		width: 100%;
		margin-top: 6%;
	}
	.col-right{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.col-right .col{
		width: 50%;
	}
	
	.footertext .left.flex{flex-wrap: wrap; width: 100%; margin-bottom: 30px;}
	.footertext .left.flex p{width: 100%;}
	.footertext .left.flex a{margin: 0 20px 0 0;}
	
	
}
@media only screen and (max-width:440px) {
	.splash-modal .wrapper{padding: 0;}
	.hero .splash-modal .heading.center-text{
		text-align: left;
		font-size: 48px;
		line-height: 48px;
	}
	.footertext .right, .footertext .left{flex-direction: column; display: flex; margin-bottom: 30px;}
	.big-btn .heading{	
		font-size: 24px;
		line-height: 24px;
		width: 80%;
		padding: 15px 5% !important;
	}	

	
}